/* CSS Document */

/*---------------  ETIQUETAS    ------------*/
body {
	background-color: white;
	margin:0px;
	padding:0px; 
	font-family: Arial, Helvetica, sans-serif;
	line-height:13px;
	font-size:11px;
}

h5 {
	font-size:10px;
	color:#105AC6; /* Azul Royal */	
	margin:0px;
	padding:0px;
}

img{
	margin:0px;
	padding:0px;
	border:0px;
}

div{
	margin:0px;
	padding:0px;
}

p{
	margin:0px;
	padding:10px 0px 0px 0px;
	
}

/*------------- ESTRUCTURA GENERAL ------------*/

#pagina {
	
	border:solid 1px #105AC6; /* Azul Royal */	
  	/*background-color: red; */
	width:760px;
	margin: 0 auto;
	border-bottom: 0px;
	
}

#pagina #cabecera{
	/*background-color: black;*/
	float:left;
	
}

#pagina #cabecera #fotos{
float:left;
 }

#pagina #cabecera #fotos #foto-izquierda{
	float:left;
	border-right: 1px solid #105ac6;/* Azul Royal */
	/*background-color: yellow;*/

}

#pagina #cabecera #fotos #foto-derecha {
	float:left;
	
}

#pagina #menu {
	
	background-image:url(img/fondo_enlaces.jpg);
	background-repeat:repeat-x;

	background-position:left top;
	border-top:solid 1px #105AC6; /* Azul Royal */	
	border-bottom:solid 1px #105AC6; /* Azul Royal */
	width:710px;
	margin:0px;
	padding-left:50px;
	float:left;
    border-bottom:1px solid #105AC6; /* Azul Royal */
	
}

#menu div{
	margin:0px;
	padding:0px;	
	float:left;
	padding-right:10px;
}

#menu a{
	text-decoration:none;
	margin:0px;
	border:0px ;
	display:block;
	width:125px;
	height:28px;


}

#menu  a#home{
	background-image:url(img/menu/home.jpg);
}

#menu  a:hover#home{
	background-image:url(img/menu/home-hover.jpg);
}
#menu  a#visita{
background-image: url(img/menu/visita.jpg);
background-repeat:no-repeat;
}

#menu  a:hover#visita{
background-image: url(img/menu/visita-hover.jpg);
background-repeat:no-repeat;
}

#menu  a#actividades{
	background-image: url(img/menu/actividades.jpg);
}
#menu  a:hover#actividades{
background-image: url(img/menu/actividades-hover.jpg);
}

#menu  a#localizacion{
background-image: url(img/menu/localizacion.jpg);
}

#menu  a:hover#localizacion{
background-image: url(img/menu/localizacion-hover.jpg);
}

#menu  a#tarifas{
background-image: url(img/menu/tarifas.jpg);
}

#menu  a:hover#tarifas{
background-image: url(img/menu/tarifas-hover.jpg);
}


#menu #submenu_reservas{
	position:absolute;
	background-color:#105AC6; 
	padding:2px 5px 2px 5px; 
	color:#fff;
	margin-left:5px;

}

#menu #submenu_reservas ul ,#menu #submenu_reservas li{
	padding:0px; margin:0px;
}

#menu #submenu_reservas li{
	padding:3px 0px;
	border-bottom:solid 1px #fff;
}
#menu #submenu_reservas li.ultimo{
	border-bottom:none; 

}
#menu #submenu_reservas a{
	color:#fff;
	font-weight: bold;
	padding:0px; margin:0px;
	height:auto;
	line-height:1.5em;
} 

/*Submenú*/


#pagina #contenido {
	padding-top: 20px;
	/*width: 740px;*/
	float:left;
	/*margin-bottom:10px;*/
	 			
}


#pagina #contenido #caja{
	/*background-color:violet;*/
	/*width:559px;*/
	background-image:url(img/puntitos.gif);
	background-repeat: repeat-y;
	background-position:right;
	/*margin-right:200px;*/
	padding-right:1px;
	float:left;
	
}

#pagina #contenido #caja  #principal{
	/*width: 558px;*/
	/*background-color:#FFFFFF;*/
	background-image:url(img/estrella-grande.gif);
	background-position: right 20px;
	background-repeat:no-repeat;
	padding-right:15px;
	padding-left:15px;
	float:left;
	
	
		
}

#pagina #contenido   #caja2{
	/*background-color:cyan;*/
	
}

#pagina #contenido  #caja2 #derecha{
	
	/*background-color:orange;*/
	padding-left:582px;
	margin-right:0px;
	

	
	
}

#pagina #contenido  #caja2 #derecha p{
	padding-top:3px;
}

#pagina #contenido  #caja2 #derecha #reservas #estrella{
	float:left;}

#pagina #contenido   #caja2 #derecha #reservas #calendario {
	padding:0px 0px 0px 0px;
	text-align:left;
}
#reservas #calendario ul , #reservas #calendario li {
	margin:0px; padding:0px;
	}
#reservas #calendario ul{
	padding:5px;

}	
#reservas #calendario li{
	list-style:none;
	padding: 7px 0px 5px 30px;
	background-image:url(img/lista_estrella.jpg);
	background-repeat:no-repeat;
	background-position:left 8px;
	line-height:27px;
	border-bottom:dotted 1px #5DA4E4;		
}
#reservas #calendario li.ultimo{
	background-image:url(img/lista_llave.gif);
	border:none;
}
#reservas #calendario li a{
	color:#105AC6;
	font-weight:bold;
	text-decoration:none;
}
#reservas #calendario li a:hover{
	text-decoration:underline;
}
#pagina #contenido  #caja2 #derecha #reservas #contacto{
	padding-top:6px;}

#pagina #contenido  #caja2 #derecha #reservas #contacto #hotel{
	margin:0px 0px 0px -3px;	

}

#pagina #contenido  #caja2 #derecha #reservas #datos-direccion{
	padding-top:8px;
}

#pagina #contenido  #caja2 #derecha #reservas #datos-direccion #contacto-direccion{
	padding-left:30px;
	/*background-color:green;*/
}

#contenido  #caja2 #derecha #reservas #datos-direccion #contacto-direccion a#mailto{
	color:black;
	text-decoration:underline;
}
#contenido  #caja2 #derecha #reservas #datos-direccion #contacto-direccion a:hover#mailto{
	color:#105ac6;/* Azul Royal */
	text-decoration: underline;
}
#pagina #contenido  #caja2 #derecha #reservas #datos-direccion  .minimapa{
	padding-bottom:12px;
	/*background-color:green;*/
}

#pagina #contenido  #caja2 #derecha #reservas #datos-direccion #icono , #pagina #contenido  #caja2 #derecha #reservas #datos-direccion #icono2{
	float:left;
	width:20px;
	height:65px;
	/*background-color:cyan;*/
}

#pagina #contenido  #caja2 #derecha #reservas #datos-direccion #icono2{
	height:25px;
	/*background-color:red;	*/
}

#pagina #contenido  #caja2 #derecha #reservas #datos-direccion  p{
	padding-top:0px;
	}
#pagina #contenido  #caja2 #derecha #reservas #datos-direccion #mini-mapa{
	padding-top:4px;
}

#estrella img{
	float:left;
}

#pie #barra {
	padding-left:10px;
	

			
}


#pie #barra #hotel{
	background-color:#DBE5EE;/* azul celeste */
	padding-top:4px;
	padding-bottom:4px;
	color:#105AC6;
	font-size:10px;
	
}
#pie #barra #hotel div{
/*background-color:#0066CC;*/
}
#pie #barra  #hotel #desqui{

padding-left:100px;
padding-right:170px;
}
#pie #barra a{
	
	/*background-color:#DBE5EE;/* azul celeste */
	color:#105AC6;
	font-size:10px;	
		
}



.borde-azul  {
border: 1px solid #105ac6;/* Azul Royal */
}

/*------------------------   HOME     ----------------------------*/



#pagina #contenido #caja #principal #foto img{
	
	float:left;
	
	
}

#pagina #contenido #caja #principal #titular {

	padding: 109px 0px 10px 0px;
	float:left;
	
}
#pagina #contenido #caja #principal #titular img{
	border:hidden;
}

#pagina #contenido #caja #principal #titular img {
	padding-left:14px;

}
#pagina #contenido #caja #principal #texto{	
	text-align:justify;
	/*background-color:pink;*/	 
	width:543px;
	padding-bottom:70px;
	
}

li {
	list-style-image: none;
}

/*----------------   ACTIVIDADES  y  LOCALIZACION-----------------*/

#contenido #caja #principal #container{
	width:545px;
	/*background-color:red;*/
	position:relative;
	float:left;
}
#contenido #caja #principal #container actividades-contenedor{
	float:left;
	
}



#contenido #caja #principal #actividades{
	float:left;
	padding:0px 0px 20px 144px;
	/*background-color:violet;*/
}
#contenido #caja #principal #container  #album{
	width:118px;
	/*background-color:yellow;*/
	padding: 0px 13px 0px 13px;
	float:left;
	height:100%;


}

#contenido #caja #principal #container  #album #marco{
	padding-bottom:15px;
	float:left;
}


#contenido #caja #principal #container #texto-actividades{	
	/*background-color:cyan;*/
	width:396px;
	float:left;
	text-align:justify;
	padding-bottom:20px;
}


#contenido #caja #principal #container #texto-actividades h5{
	padding-bottom:2px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:11px;
}
#contenido #caja #principal #container #texto-actividades #mini-spa-inferior{
	padding-top:15px;

}
#contenido #caja #principal #container #texto-actividades #mini-spa-inferior img{

	border:1px solid;
	color:#105AC6;/* Azul Royal */
}

/*----------------------------------VISiTA HOTEL-----------------------------------------*/

#contenido #caja #principal #container #menu2{
	float:left;
} 
	
#contenido #caja #principal #container #texto-actividades  #marco2{
	margin-left:-5px;
	float:left;
	/*background-color:orange;*/}
#contenido #caja #principal #container #texto-actividades  #marco2 div{
	float:left;
	/*background-color:black;*/
	padding-top:15px;
	padding-left:5px;
}

#contenido #caja #principal #container #menu2{
	width:145px;
	float:left;
	/*background-color:purple;*/
	margin-top:2px;
	padding-bottom:100px;
}

#contenido #caja #principal #container   #menu2  .caja{
	float:left;

}
#contenido #caja #principal #container   #menu2 a{
	color:#105AC6; /* Azul Royal */
	font-size:12px;
	text-decoration:none;
	background-color:white;
	padding:0px;
	margin:0px;	
	
}

#contenido #caja #principal #container #menu2 .caja{
	width:130px;
	/*background-color:#FFFFFF;*/
	padding-bottom:10px;
	margin-bottom:10px;
	float:left;
	background-image: url(img/suspensivos.gif);
	background-position:bottom left;
	background-repeat: repeat-x;

}

#contenido #caja #principal #container #menu2 div img{
	padding:0px 10px 0px 0px;

}

#contenido #caja #principal #container  #marco2{
	padding-bottom:15px;
	/*background-color:green;*/
	float:left;
}

#contenido #caja #principal #container #actividades-contenedor{ 
	background-color:white;
	float:left;
	left: 0px;
	top:0px;

}
 #container #habitaciones , #container #recepcion , #container #bar ,#container #piscina,#container #JARDIN ,#container #comedor{
	position:absolute;
	float:left;
	left: 0px;
	top:0px; 

}

/*---------------- TARIFAS ------------------------------*/

#contenido #caja #principal #container #tarifas{	
	padding-top:20px;
	padding-bottom:100px;
	/*background-color:cyan;*/
	width:396px;
	float:left;
	text-align:justify;
	padding-bottom:125px;
	font-size:12px;
}
#contenido #caja #principal #container #tarifas #tabla-tarifas{
/*background-color:red;*/
float:left;
}

.texto-azul{
color:#105AC6;
background-color:white;}
#texto-azul{
color:#105AC6;

}

.texto-rojo{
color:#ea1621;}
.texto-verde{
color:#007231}

#contenido #caja #principal #container #tarifas td{ 
	border-collapse:collapse;
	/*border:solid 0px red;*/
	
}
#contenido #caja #principal #container #tarifas .cabeceraverde{
	text-align:center;
	color:#FFFFFF;
	background-color:#007231;
	height:25pt;
}

#contenido #caja #principal #container #tarifas .cabeceraroja{
	text-align:center;
	color:#FFFFFF;
	background-color:#EA1621;
	height:25pt;
}

#contenido #caja #principal #container #tarifas .cabeceraazul{
	text-align:center;
	color:#FFFFFF;
	background-color:#0000FF;
	height:25pt;
}

#contenido #caja #principal #container #tarifas .celdaverdeclaro{
	text-align:center;
	height:25pt;
	background-color:#B2D4C1;
}

#contenido #caja #principal #container #tarifas .celdarojaclaro{
	text-align:center;
	height:25pt;
	background-color:#F9B9BC;
}

#contenido #caja #principal #container #tarifas .celdaazulclaro{
	text-align:center;
	height:25pt;
	background-color:#9FCFF7;
}




