body {
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
}

td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}

div#pagina {
width:1280px;
}

table#logo {
background-image:url(images/topbkg.gif); 
}

td#side {
background-image:url(images/sidebkg.gif); 
}

table#bot {
background-image:url(images/botline.gif);
}

/******* cabecera contacto ******/
.contacto {
font-size:0.8em;
font-weight:bold;
border-spacing:0;
margin-top:2px;
color:black;
border:none;
}

.contacto td {
padding:5px;
padding-left:20px;
padding-right:20px;
}


/***** barra de idiomas ***/

.idiomas {
text-align:center;
/*background-color:#CCFF99;
padding:0.25em;*/
padding-left:100px;
}

.idiomas img {
border:0;
width:50px;
height:30px;
display:block;
float:left;
margin-right:50px;
}

/***** barra de navegacion ****/

ul.menu img {
margin:2px;
margin-right:5px;
}

ul.menu {
list-style:none;
width:175px;
font-weight:bold;
font-size:0.7em;
margin-top:-60px;
}

ul.menu li {
 padding:0;
 border:1px solid #660099;
 background-color:#808000; /*#33FF66;*/
}

ul.oculto {
display:none;
}

ul.submenu {
list-style:none;
}


ul.submenu li {
 padding: 0;
 background-color:#808000; /*#33FF66;*/
 border-width:0;
}

ul.menu li a:hover {
text-decoration:none;
background-color:#66CCCC;/*#33FFCC;*/
}

ul a {
padding: 0.25em;
color:#FFFFFF;
font-weigth:bold;
display:block;
}

/************ contenido *****/


#contenido {
padding:20px;
margin:15px;
background-color:#FFFF99;
}


/*************** pie de pagina *********/

#pie {
padding:5px;
margin:15px;
background-color:#FFCC66;
text-align:center;
color:black;
}

#pie .copyright {
font-size:0.7em;
}

#pie  .visitas {
font-size:1.5em;
}

#pie .feliz {
font-family:Vivaldi;
text-decoration:underline;
font-size:2em;
font-weight:bold;

}


/****** mensaje principal de bienvenida ****/


#inicio p.bienvenida {

font-weight:bold;
font-family:Vivaldi;
font-style:italic;
font-size:1.5em;
}
/*
#inicio p {
font-size:1.8em;
font-weight:bold;
font-family:Vivaldi;
}

#inicio ul {
font-weight:bold;
font-size:0.9em;
}

#inicio normal p {
}
*/
/****** titulos *****/

.titulo {

font-family:Vivaldi, Georgia, "Times New Roman", Times, serif;
font-size:2em;
font-weigth:bold;
text-transform:capitalize;
text-align:center;
}

.titulo_largo {
text-align:center;
text-decoration:underline;
font-size:1.5em;
font-weight:bold;
font-style:italic;
text-transform:uppercase;
padding:0.25em;
}

.titulo_chico {

font-family:Vivaldi, Georgia, "Times New Roman", Times, serif;
font-size:2em;
font-weigth:bold;
text-transform:capitalize;
text-align:center;


}

/******** pagina de cueva ****/

#cueva {
background-color:#FFFF99;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:20px;

}

#cueva .descripcion {
font-family:"Times New Roman", Times, serif;
font-weight:bold;
}

#cueva .comentario:first-letter {
	font-size:3em;
}

#cueva .comentario {
font-family:Vivaldi;
font-size:1.2em;
font-weight:bold;
}


.habitaciones {
background-color:#FF8000;
width:100%;
}

.habitaciones td {
padding-left:50px;
font-weight:bold;
}
.habitaciones td a {
color:white;
text-decoration:none;
}

/***** galeria de imagenes ****/


.galeria table {
border-collapse:collapse;
border-width:0;
}

.galeria td {
border-bottom:1px black solid;
padding-bottom:20px;
text-align:center;
}

.galeria {
margin:10px;
}

galeria .checkbox,  galeria img{
display:block;
}





/*****  operaciones con formularios *****/

.opciones table {
width:100%;
}

.opciones td {
background-color:#FF8000;
}

.opciones a {
text-decoration:none;
color:black;
font-weight:bold;
font-size:0.8em;
display:block;
padding-left:20px;
padding-right:20px;
}

.opciones img {
border:none;
}

/***** tabla de listado de cosas ****/
.listado {
border:1px solid black;
border-collapse:collapse;
}

.listado td {
border:1px solid black;
padding:10px;
background-color:#FFFFCC;
font-size:0.8em;
}

.listado .cabecera td {
background-color:#FF8000;
}


/**** ofertas ***/

#ofertas {
border:1px solid black;
background-color:#FFFFCC;
font-weight:bold;
font-style:italic;
}


/****** tarifas ****/

#tarifas {

border-spacing:0;
border-collapse:collapse;
background-color:#FFFFCC;
}


 .alta {
   background-color: #FF0000;
}

 .media {
   background-color: #FFff00;
}

#explicacion_tarifa {
font-size:0.8em;
}


/******calendarios *****/

.calendario, .agenda {
background-color:#33FF66;
border-collapse:collapse;
margin-left:25%;
width:50%;
margin-right:25%;
}


.calendario td, .agenda td {

padding: 0.7em;
border: 1px solid;
border-color:#ffffff;
border-collapse:collapse;
border-spacing:0;
font-weight:bold;

}

.fin_semana, .agenda .fin_semana a {
color:#FFFF66;
}

.reservado {
background-color:#FF0000;
}

.libre {
background-color:#33FF66;
}

.dia {
background-color:#669966;
}


/****** autenticacion ****/
/*
.autenticacion legend {
font-size:0.9em;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}

.autenticacion {
text-align:center;
background-color:#FFFFCC;
}

.autenticacion div {
padding:0.25em;
width:100%;
}

.autenticacion div label {
display:block;
width:40%;
text-align:right;
float:left;
font-weight:bold;
font-size:0.8em;
border-bottom:1px solid black;
margin-right:10px;
}

.autenticacion div input {
display:block;
float:left;
}
*/


/****** formularios ****/
form {
margin:20px;
background-color:#FFFFCC;
padding:10px;
}

form legend {
font-size:0.8em;
font-weight:bold;
}

form div {
margin: .4em;
}

form div label {
width: 40%;
float: left;
text-align:right;
font-size:0.9em;
font-weight:bold;
padding-top:2px;
padding-right:10px;
border-bottom:1px solid black;
}

input, select {
	font-family: "Trebuchet MS", Tahoma, Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #6F6F6F;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #D4D0C8;
	border-right-color: #A8A8A8;
	border-bottom-color: #A8A8A8;
	border-left-color: #D4D0C8;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
}


.foto {
height:200px;
width:300px;

}


.Estilo2 {
font-family:Vivaldi;
font-style:italic;
font-weight:bold;
font-size:2em;
}

.imagen_total {
/*height:700px;*/
width:700px;
}

.icono {
border:none;
width: 40px;
height: 40px;
}


.cuevas table {
border-collapse:collapse;
margin-left:20%;
width:50%;
}

.cuevas td {
padding:20px;
border-bottom:1px solid black;

}

.eslogan {
font-weight:bold;
font-style:italic;
background-color:#FFFF66;
padding:5px;
border:ridge;
width:100%;
font-family:VIVALDI;
font-size:1.2em;
text-align:center;
}

.eslogan table#primera {
border-bottom:1px solid black;
}

.eslogan td {
padding-left:20px;
}


.oculto {
display: none; 
}


.oculto h1 {
display: none; 

}

.oculto h2 {
display: none; 
}

.oculto h3 {
display:none;
}

.exposicion {
font-weight:bold;
text-align:center;
border: none;
padding: 10px;
text-align:center;
width:100%;
}

.exposicion td {
border:none;
padding:10px;
}

