/* common styling for all galleries */
img {border: 0;}
a.gallery, a.gallery:visited {
	display:block;
	display:inline-block;
	color:#000;
	text-decoration:none;
	width:51px;
	height:51px;
	float:left;
	margin:3px;
	z-index:50;
	}
a.slidea {
	background:url(../images/img_galeria1_p.jpg);
	}
a.slideb {
	background:url(../images/img_galeria2_p.jpg);
}
a.slidec {
	background:url(../images/img_galeria3_p.jpg);
}
a.slided {
	background:url(../images/img_galeria4_p.jpg);
}
a.slidee {
	background:url(../images/img_galeria5_p.jpg);
}
a.slidef {
	background:url(../images/img_galeria6_p.jpg);
}
a.slideg {
	background:url(../images/img_galeria7_p.jpg);
}
a.slideh {
	background:url(../images/img_galeria8_p.jpg);
}
a.slidei {
	background:url(../images/img_galeria9_p.jpg);
}
a.slidej {
	background:url(../images/img_galeria10_p.jpg);
}
a.slidek {
	background:url(../images/img_galeria11_p.jpg);
}
a.slidel {
	background:url(../images/img_galeria12_p.jpg);
}
a.gallery em, a.gallery span {
	display:none;
}
a.gallery:hover {
	border:0px solid #fff;
}


/* styling for TOP gallery */
#container_top {
	position:relative;
	width:685px;
	height:392px;
	background-image: url(../images/img_galeria.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
#container_top img {
	border:0;
	}
#container_top .thumbs {
	position:absolute;
	left:0;
	top:0;
	}
#container_top a.gallery:hover span {
	display:block;
	position:absolute;
	width:402px;
	height:50px;
	top:58px;
	left:0px;
	padding:5px;
	color:#02448d;
	z-index:100;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	text-align: left;
}
#container_top a.gallery:hover span:first-line {
	font-style:normal;
	font-weight:bold;
	font-size:1.1em;
	color:#000;
	}
#container_top a.gallery:active, #container_top a.gallery:focus {
	border:0px solid #000;
	}
#container_top a.gallery:active em, #container_top a.gallery:focus em {
	display:block;
	position:absolute;
	width:685px;
	height:306px;
	top:87px;
	left:0px;
	padding:0px;
	color:#000;
	z-index:50;
	}

/*fin galeria de imágenes


/* sí, los márgenes y rellenos (así como todos los elements HTML) tienen por defecto margin y padding 0, anulando la diferencia de esta propiedad entre browsers (IE dista mucho de Firefox, y de Safari, y de Opera), logrando una igualdad. */

* {
margin: 0;
padding: 0;
}

#apartados {
	height: auto;
	width: 705px;
	padding:19px;
	float: left;
	}
	
a {
	color:#02448d;
	font-weight: bold;
	text-decoration: none;
}
body{
	margin:0;
	padding:0;
	background-image: url(../images/fondo_pag.gif);
	background-repeat: repeat-x;
	background-color: #d9d9e3;
	text-align: center;
}


.b1 {
	background-image: url(../images/b_1_de.gif);
	background-repeat: no-repeat;
	height: 34px;
	width: 79px;
	float: left;
	background-position: left bottom;
}

.b1 a{
	background-image: url(../images/b_1_de.gif);
	background-repeat: no-repeat;
	height: 34px;
	width: 79px;
	float: left;
	background-position: left bottom;
}



.b1 a:hover{	
	background-image: url(../images/b_1_p_de.gif);
	background-repeat: no-repeat;
	height: 34px;
	width: 79px;
	float: left;
	background-position: left bottom;
}

.b2 {
	background-image: url(../images/b_2_de.gif);
	background-repeat: no-repeat;
	height: 34px;
	width: 96px;
	float: left;
	background-position: left bottom;
}

.b2 a{
	background-image: url(../images/b_2_de.gif);
	background-repeat: no-repeat;
	height: 34px;
	width: 96px;
	float: left;
	background-position: left bottom;
}

.b2 a:hover{
	background-image: url(../images/b_2_p_de.gif);
	background-repeat: no-repeat;
	height: 34px;
	width: 96px;
	float: left;
	background-position: left bottom;
}
.b3 {
	background-image: url(../images/b_3_de.gif);
	background-repeat: no-repeat;
	height: 34px;
	width: 80px;
	float: left;
	background-position: left bottom;
}

.b3 a{
	background-image: url(../images/b_3_de.gif);
	background-repeat: no-repeat;
	height: 34px;
	width: 80px;
	float: left;
	background-position: left bottom;
}

.b3 a:hover{
	background-image: url(../images/b_3_p_de.gif);
	background-repeat: no-repeat;
	height: 34px;
	width: 80px;
	float: left;
	background-position: left bottom;
}

.b4 {
	background-image: url(../images/b_4_de.gif);
	background-repeat: no-repeat;
	height: 34px;
	width: 121px;
	float: left;
	background-position: left bottom;
}

.b4 a{
	background-image: url(../images/b_4_de.gif);
	background-repeat: no-repeat;
	height: 34px;
	width: 121px;
	float: left;
	background-position: left bottom;
}

.b4 a:hover{
	background-image: url(../images/b_4_p_de.gif);
	background-repeat: no-repeat;
	height: 34px;
	width: 121px;
	float: left;
	background-position: left bottom;
}

.b5 {
	background-image: url(../images/b_5_de.gif);
	background-repeat: no-repeat;
	height: 34px;
	width: 116px;
	float: left;
	background-position: left bottom;
}

.b5 a{
	background-image: url(../images/b_5_de.gif);
	background-repeat: no-repeat;
	height: 34px;
	width: 116px;;
	float: left;
	background-position: left bottom;
}

.b5 a:hover{
	background-image: url(../images/b_5_p_de.gif);
	background-repeat: no-repeat;
	height: 34px;
	width: 116px;
	float: left;
	background-position: left bottom;
}

.b6 {
	background-image: url(../images/b_6_de.gif);
	background-repeat: no-repeat;
	height: 34px;
	width: 134px;
	float: left;
	background-position: left bottom;
}

.b6 a{
	background-image: url(../images/b_6_de.gif);
	background-repeat: no-repeat;
	height: 34px;
	width: 134px;
	float: left;
	background-position: left bottom;
}

.b6 a:hover{
	background-image: url(../images/b_6_p_de.gif);
	background-repeat: no-repeat;
	height: 34px;
	width: 134px;
	float: left;
	background-position: left bottom;
}

.b7 {
	background-image: url(../images/b_7_de.gif);
	background-repeat: no-repeat;
	height: 34px;
	width: 106px;
	float: left;
	background-position: left bottom;
}

.b7 a{
	background-image: url(../images/b_7_de.gif);
	background-repeat: no-repeat;
	height: 34px;
	width: 106px;
	float: left;
	background-position: left bottom;
}

.b7 a:hover{
	background-image: url(../images/b_7_p_de.gif);
	background-repeat: no-repeat;
	height: 34px;
	width: 106px;
	float: left;
	background-position: left bottom;
}


/******************************************************************/
#bloque_izda {
	float:left;
	width: 235px;
	height: 527px;
	margin: 0;
	padding: 0px;

}
#bloque_izda h1{
	display: none;

}

/******************************************************************/
#bloque_drcha {
	float:right;
	width: 748px;
	height: 528px;
	margin: 0;
	padding: 0px;
	background-image: url(../images/f_gral.gif);
	background-repeat: repeat;
	vertical-align: super;
}
/******************************************************************/


#bloques {
	float: left;
	width: 748px;
	height: 202px;
	margin: 0;
	padding: 0px;
	background-image: url(../images/f_bloques.gif);
	background-repeat: repeat-x;
	}
/******************************************************************/

#bloque1 {
	float:left;
	width: 220px;
	height: 194px;
	margin: 0;
	background-image: url(../images/bloque1.jpg);
	background-repeat: no-repeat;
	padding: 0;
	}
/******************************************************************/

#bloque2 {
	float:left;
	width: 251px;
	height: 194px;
	margin: 0;
	padding: 0px;
	background-image: url(../images/bloque2.jpg);
	background-repeat: no-repeat;
	}
/******************************************************************/

#bloque3 {
	float:left;
	width: 252px;
	height: 194px;
	margin: 0;
	padding: 0px;
	background-image: url(../images/bloque3.jpg);
	background-repeat: no-repeat;
	}

#bloques span {
	display: none;
}
/******************************************************************/

.caja_imagen{
	padding-bottom: 20px;	
	padding-right: 25px;
	padding-top: 10px;	
}

.caja_plano{
	padding-bottom: 19px;
	padding-top: 19px;
}

/******************************************************************/
#contenido 
{
	width: 983px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	background: #b7bec4;
	border-right-color: #575777;
	border-left-color: #575777;
	overflow: visible;
}
#contenido h1{
	display: none;
	}

#cuerpo {
	width: 983px;
	height: 528px;
	clear:both;
	background-color: #fff;
	margin: 0;
	padding: 0px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.5em;
}

#drcha {
	width: 258px;
	height: auto;
	float: left;
	background-image: url(../images/f_fotos1.gif);
	vertical-align: bottom;
}

#drcha_galeria {
	width: 685px;
	height: 402px;
	float: left;
	background-image: url(../images/f_fotos.gif);
	padding-left: 11px;
	padding-right: 11px;
	padding-top: 8px;
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}


#drcha_grupos{
	width: 371px;
	height: 465px;
	float: right;
	background-image: url(../images/f_fotos1.gif);
}

#drcha_situacion{
	width: 370px;
	float: right;	
}

#encabezado {
	height: 34px;
	width: 983px;
	background: #ffffff;
}
/*ENCABEZADO*/
#encabezado h1 {
	width: 409px;
	height: 93px;
    margin:50px 0 0 100px; 	
	
}

#encabezado h1 span {
	display: block;	
	display:none;
} 

/******************************************************************/
.foto1 {
	padding-top: 38px;
	padding-bottom: 3px;
}
.foto2 {
	padding-top: 3px;
	padding-bottom: 6px;
		}
.foto3 {
	padding-bottom: 8px;
		}
/******************************************************************/
.foto1_bis {
	padding: 6px;
}
.foto2_bis {
	padding: 6px;
		}
.foto3_bis {
	padding: 6px;
		}
/******************************************************************/

.galeria {
	background-image: url(../images/b_galeria_de.gif);
	background-position: right bottom;
	height: 24px;
	width: 130px;
	float:right;
	background-repeat: no-repeat;
	right: auto;
	
} 

.galeria span{
	display:none;	
} 

.galeria a{
	background-image: url(../images/b_galeria_de.gif);
	background-position: right bottom;
	height: 24px;
	width: 130px;
	float:right;
	background-repeat: no-repeat;
	
} 

.galeria a:hover{
	background-image: url(../images/b_galeria_p_de.gif);
	background-position: right bottom;
	height: 24px;
	width: 130px;
	float:right;
	background-repeat: no-repeat;
	
} 

#habitaciones {
	height: 465px;
	width: 708px;
	background-color: #FFF;
}




#hotel {
	float:left;
	height: 326px;
	background-repeat: no-repeat;
	left: 0px;
	top: 0px;
	background-image: url(../images/hotel.jpg);
	width: 748px;
}
#hotel span {

	display:none;
}
/******************************************************************/
.iberostar {
	float:left;
	width: 325px;
	text-align: left;
}


.b1_idi {
	background-image: url(../images/b_id1.gif);
	background-repeat: no-repeat;
	height: 19px;
	width: 47px;
	float: left;
}

.b1_idi a{
	background-image: url(../images/b_id1.gif);
	background-repeat: no-repeat;
	height: 19px;
	width: 47px;
	float: left;
}



.b1_idi a:hover{	
	background-image: url(../images/b_id1_p.gif);
	background-repeat: no-repeat;
	height: 19px;
	width: 47px;
	float: left;
}

.b2_idi {
	background-image: url(../images/b_id2.gif);
	background-repeat: no-repeat;
	height: 19px;
	width: 55px;
	float: left;
}

.b2_idi a{
	background-image: url(../images/b_id2.gif);
	background-repeat: no-repeat;
	height: 19px;
	width: 55px;
	float: left;
}



.b2_idi a:hover{	
	background-image: url(../images/b_id2_p.gif);
	background-repeat: no-repeat;
	height: 19px;
	width: 55px;
	float: left;
}
.b3_idi {
	background-image: url(../images/b_id3.gif);
	background-repeat: no-repeat;
	height: 19px;
	width: 55px;
	float: left;
}

.b3_idi a{
	background-image: url(../images/b_id3.gif);
	background-repeat: no-repeat;
	height: 19px;
	width: 55px;
	float: left;
}



.b3_idi a:hover{	
	background-image: url(../images/b_id3_p.gif);
	background-repeat: no-repeat;
	height: 19px;
	width: 55px;
	float: left;
}

.b4_idi {
	background-image: url(../images/b_id4.gif);
	background-repeat: no-repeat;
	height: 19px;
	width: 76px;
	float: left;
}

.b4_idi a{
	background-image: url(../images/b_id4.gif);
	background-repeat: no-repeat;
	height: 19px;
	width: 76px;
	float: left;
}



.b4_idi a:hover{	
	background-image: url(../images/b_id4_p.gif);
	background-repeat: no-repeat;
	height: 19px;
	width: 76px;
	float: left;
}


#idioma {
	width: 234px;
	height: 34px;
	list-style-type: none;
	float: left;
	background-image: url(../images/f_idioma.gif);
	background-repeat: repeat-x;
}

#idioma ul
{
	margin: 0px;
	float: none;
	width: 234px;
	height: 19px;
	display: inline;
	list-style-type: none;
	list-style: none;
	padding:0;
	float: none;
	text-align:center;
/*quitar la viñeta, quitar la sangría que tienen por defecto los listados*/
}
#idioma li
{
	list-style-type: none;
	list-style: none;
	padding:0;
}
#idioma li a {
	list-style-type: none;
	list-style: none;
	padding:0;
}

#idioma span {
	display: none;
	
}

#inferior{
	width: 708px;
	height: auto;
	background-image: url(../images/f_fotos1.gif);
	padding-top: 40px;
	padding-bottom: 40px;
}
#inferior ul{
	display: inline;
	list-style-type: none;
	padding:0;
	}
	
	
#inferior li
{
	display: inline;
}	
#inferior span
{
	display: none;
}	
#izda {
	width: 450px;
	float: left;
	height: 465px;
}

#izda_grupos {
	width: 336px;
	float: left;
}


.legal {
	height: 19px;
	float: right;
	text-decoration: none;
	margin-right: 5px;
	padding-top: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #FFFFFF;
	}
.legal ul {
	height: 21px;
	list-style-type: none;
	display: inline;
	text-decoration: none;
}

.legal li {
	list-style-type: none;
	display: inline;
	list-style: none;
}

.legal li a{
	text-decoration: none;
	color: #FFFFFF;

}
.legal li a:hover{
	text-decoration: none;
	color: #febe10;

}

.logo {
	float: left;
	padding-top: 15px;
	padding-bottom: 15px;
}

.logo span{
	display: none;
}

#menu {
	width: 747px;
	height: 34px;
	list-style-type: none;
	background-image: url(../images/f_menu.gif);
	background-repeat: repeat-x;
	text-align: center;
	background-color: #303f4a;
	float: right;
}
#menu ul
{
	list-style-type: none;
	display: inline;
	margin: 0px;
	padding: 0px;
	float: none;
	list-style: none;
	width: 747px;
	height: 34px;
/*quitar la viñeta, quitar la sangría que tienen por defecto los listados*/
}
#menu li
{
	display: inline;	
	list-style-type: none;
	padding:0;
}
#menu li a {
		display:inline;
		list-style-type: none;
		padding:0;
}
#menu span {
	display: none;
}

h1{
	list-style-type: none;
}

/******************************************************************/

#pie {
	width: 983px;
	height: 22px;
	clear:both;
	background-image: url(../images/f_pie.gif);
	}

.plano {
	float: left;
	text-decoration: none;
}

.plano span{
	display: none;
}

#reservas{
	float: left;
	height: 38px;
	width: 234px;
}

#reservas span{
	text-decoration: none;	
	display: none;
	}
	
#regalos {
	float: left;
	height: auto;	
	width: 234px;
	padding-top: 18px;	
	}
#regalos_img {
	background-image: url(../images/img_regalo.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 100px;	
	width: 234px;
	margin-top: 13px;	
	} 
#regalos_img a{
	background-image: url(../images/img_regalo.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 100;	
	width: 234px;
	padding-top: 3px;
	}  
#regalos_img a:hover{
	background-image: url(../images/img_regalo.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 100;	
	width: 234px;
	padding-top: 3px;
	} 
	
#regalos span {
	display: none;
}

#regalos_img span {
	display: none;
}

#separador {
	float:right;
	width: 748px;
	margin: 0;
	padding: 0px;
	background-image: url(../images/separador.jpg);
	background-repeat: no-repeat;
	height: 6px;
	vertical-align: baseline;
}
/******************************************************************/

.subtitulo {
	background-color: #949ea7;
	font-weight: bold;
	background-image: url(../images/img_subtitulos.gif);
	background-repeat: no-repeat;
	background-position: left;
}
.subtitulo h3{
	padding-left: 15px;
	vertical-align: middle;
	font-size: 1.8em;
	font-weight: bold;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
	text-align: left;
}
/******************************************************************/

.texto p{
	text-align: justify;
	vertical-align: bottom;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 25px;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #000000;
	line-height: 1.6em;
}
.texto_azul p{
	text-align: justify;
	vertical-align: bottom;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 25px;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color:#02448d;
	line-height: 1.4em;
	}
.azulbold {
	font-weight: bold;
	}

.textos {
	float: left;
	vertical-align: bottom;
	width: 220px;
	height: 125px;
	color: #fff;

}

.textos p{
	text-align: left;
	font: 1.2em Arial, Helvetica, sans-serif;
	vertical-align: bottom;	
	color: #fff;
	padding-left: 40px;
	padding-top: 90px;
}

.textos1 {
	
	float: left;	
	width: 244px;
	height: 125px;
	color: #fff;
	
}

.textos1 p{
	text-align: left;
	font: 1.2em Arial, Helvetica, sans-serif;
	vertical-align: bottom;	
	color: #fff;
	padding-left: 65px;
	padding-top: 90px;
	
}

.texto_hotel {
	
	float: left;
	height: 285px;
	width: 245px;	
	
}

.texto_hotel p{
	text-align: justify;
	vertical-align: bottom;
	padding-top: 118px;
	padding-bottom: 12px;
	padding-left: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #FFFFFF;
}

/******************************************************************/

#tipos_reservas {
	background-image: url(../images/img_reservas_a_de.gif);
	background-repeat: no-repeat;
	height: 72px;
	width: 234px;
	float: left;	
}
#tipos_reservas span{
	display: none;
	}
#tipos_reservas a{
	background-image: url(../images/img_reservas_a_de.gif);
	background-repeat: no-repeat;
	height: 72px;
	width: 234px;
	float: left;
}
#tipos_reservas a:hover{
	background-image: url(../images/img_reservas_p_de.gif);
	background-repeat: no-repeat;
	height: 72px;
	width: 234px;
	float: left;
}

.titulo {
	width: 220px;
	height: 50px;
	float: left;
}

.titular {
	padding: 10px;
	text-align: left;

}

.titular h2{
	display: none;

}

.adorno {
	width: 400px;
	height: 22px;
	background-image: url(../images/f_adorno_pie.gif);
	float:left;
}
.adorno span{
	display: none;
}
.vacio {
	height: 52px;
}
/* aviso legal*/

#avisolegal {
	height: 465px;
	width: 708px;
	background-color: #000;
}

.subtitulo_legal {
	background-color: #949ea7;
	font-weight: bold;
	background-image: url(../images/img_subtitulos.gif);
	background-repeat: no-repeat;
	background-position: left;
}
.subtitulo_legal h3{
	padding-left: 15px;
	vertical-align: middle;
	font-size: 1.4em;
	font-weight: bold;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
	text-align: left;
}
#izda_legal {
	width: 700px;
	float: left;
	height: 465px;
}

.texto_legal p{
	text-align: justify;
	vertical-align: bottom;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 25px;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #fff;
	line-height: 1.6em;
}