@charset "utf-8";
/* CSS Document */

/*---------------------------------RESET----------------------------------------------------*/

*{margin:0; padding:0;list-style:none;text-decoration:none}
body {color:#fff;font-size:62.5%;font-family:Arial, Helvetica, sans-serif;margin:0 auto;position:absolute;width:100%;}
acronym,
abbr {border:none}

/*---------------------------------ESTILOS PRINCIPALES--------------------------------------*/

p {clear:both;font-size:1.2em;margin:1em 0;padding:0 2em}
a {color:#fff}
h1 {font-size:3.4em;margin:-0.95em 0 -0.2em 2em;overflow:hidden;position:absolute;z-index:10;}
h2 {font-size:2.5em;}
h3 {font-size:2.5em;margin:0 0 1.4em 0;text-align:center;}
h4 {font-size:1.4em;font-size:1.4em;margin:1em 0 1em 1.7em;}
h5 {font-size:1.3em;margin:1.3em 2em}
ol,
ul {margin:0;padding-left:3em}
ol li {clear:both;font-size:1.2em;list-style:decimal}
ul li {background:url(../imagenes/iconoLista.png) no-repeat left 5px;font-size:1.2em;padding:0.2em .3em 0 .9em;}
.sinBorde {border:none !important}

/*---------------------------------MAQUETA PRICIPAL--------------------------------------*/

#general {margin:0 auto 1em auto;overflow:hidden;width:88em;}
#cabecera .banner1 {background-color:#fff;height:25em;width:84.5em;}
#contenido {background-color:#CCCAAE;overflow:hidden;}
#cuerpo {margin:1em 0 6em 2em;}
#colIzquierda {float:left;margin:0 2% 0 3%;width:74%;}
#colDerecha {float:right;margin-right:3%;width:17.5%;}

/*icono facebook*/
.facebook {margin:.4em 0 0 0;padding-right:1em;text-align:right;}
.facebook img {border:none}

/*Logo empresa*/
img.logotipo {margin:21.6em 0 0 -5em;position:absolute;z-index:10;width:10.6em}

/*sombras*/
.sombraA1{background:url(../imagenes/sombraA1.jpg) no-repeat top left;}
.sombraA2{background:url(../imagenes/sombraA2.jpg) no-repeat top right;}
.sombraA3{background:url(../imagenes/sombraA3.jpg) repeat-x top left;height:18px;margin:0 18px}
.sombraB1{background:url(../imagenes/sombraB1.jpg) repeat-y top left;}
.sombraB2{background:url(../imagenes/sombraB2.jpg) repeat-y top right;}
.sombraB3{background-color:#CCCAAE;margin:0 18px;}
.sombraC1{background:url(../imagenes/sombraC1.jpg) no-repeat top left;}
.sombraC2{background:url(../imagenes/sombraC2.jpg) no-repeat top right;}
.sombraC3{background:url(../imagenes/sombraC3.jpg) repeat-x top left;height:18px;margin:0 18px}

/*bordes redondeados*/
.bordeRedondeadoA1 {background:url(../imagenes/BordeSuperiorIzquierda.jpg) no-repeat top left;}
.bordeRedondeadoA2 {background:url(../imagenes/BordeSuperiorDerecha.jpg) no-repeat top right;height:27px}
.bordeRedondeadoB1 {background:url(../imagenes/BordeInferiorDerecha.jpg) no-repeat bottom right;}
.bordeRedondeadoB2 {background:url(../imagenes/BordeInferiorIzquierda.jpg) no-repeat bottom left;height:27px;}
/*cajas columna derecha*/
.publicidadInterior .bordeRedondeadoA1 {background:url(../imagenes/BordeSuperiorIzquierda1.jpg) no-repeat top left;}
.publicidadInterior .bordeRedondeadoA2 {background:url(../imagenes/BordeSuperiorDerecha1.jpg) no-repeat top right;height:27px}
.publicidadInterior .bordeRedondeadoB1 {background:url(../imagenes/BordeInferiorDerecha1.jpg) no-repeat bottom right;}
.publicidadInterior .bordeRedondeadoB2 {background:url(../imagenes/BordeInferiorIzquierda1.jpg) no-repeat bottom left;height:27px;}

/*menu*/
.ultimoEnlace {border-right:none !important}
#menu {background-color:#CCCAAE;min-height:9.1em;overflow:hidden;position:relative;}
#menu ul {overflow:hidden;margin:0;padding:0;width:100%;}
#menu ul li {background:#306c6d url(../imagenes/menu.jpg) repeat-x;float:left;padding:.6em 0 .6em 0;width:11.75%}
#menu ul li.primero {padding-left:6% !important}
#menu ul li strong,
#menu ul li ul li strong {color:#e7d81b}
#menu ul li strong,
#menu ul li a {border-right:solid 1px #fff;display:block;font-size:.9em !important;font-weight:normal;padding:0;text-align:center}
#menu ul li a.ultimoEnlaceMasActual {border:none;color:#e7d81b}
#menu ul li strong:hover,
#menu ul li a:hover{color:#e7d81b;}
#menu ul li:hover ul {display:block;position:relative;z-index:100;float:left}
#menu ul li ul {display:none;position:relative;}
#menu ul li ul li {background:none;padding:1.2em 0 0 0;width:100%}
#menu ul li ul li a,
#menu ul li ul li strong {border:none;font-size:.75em !important}


/*columna 1*/
#texto {background-color:#A1A093;margin-bottom:2em;}
#texto .contenidoTexto {clear:both;overflow:hidden}
#texto .reservas {border:solid 1px #fff;font-size:1.3em;font-weight:bolder;margin:2em auto 0 auto;padding:1em 0;text-align:center;width:90%}
#texto img {border:1px solid #fff;display:block;margin:1em auto 2em auto;}
#texto img.tresEspigas {border:none;height:65px;margin:0 auto 1em auto;width:90px;}
#texto a {text-decoration:underline}
#texto ul li p {font-size:1.1em;padding:.5em 0 0 0;margin:0}
#texto ul li ul {font-size:1em !important;margin:.5em 0 .5em 1.5em}
#texto ul li ul  li {font-size:1em;margin:0;}
#texto ul li ol {font-size:.9em !important;margin:.5em 0 1.5em 1em}
#texto ul li ol  li {background:none;list-style-type:decimal;list-style-position:inside;}

/*columna 2*/
.publicidadTodo {float:left;margin-top:-6.5em;}
.MenuEnlaces {margin:.8em 0 2em 0;}
.MenuEnlaces img {display:block;margin:1em auto;}
.publicidadInterior {background-color:#a8a694;margin-top:-3.5em;width:100%;}
.publicidadInterior .addsense {text-align:center}
.MenuEnlaces ul  {margin:1em auto;padding:0;text-align:center;width:90%;}
.MenuEnlaces ul li {background:none;border-bottom:1px solid #fff;font-size:1.1em;margin-bottom:0.7em;padding:0;}
.MenuEnlaces ul li a {font-size:1.1em}
.MenuEnlaces ul li a:hover {color:#666}

/*pie*/
#pie {background-color:#004D59;padding:0;position:relative;overflow:hidden;width:100%}
#pie p {float:left;font-size:1.1em;padding:0 4em 0 1.5em;margin:.5em 0}
#pie ul {overflow:hidden;position:absolute;right:0;margin:.5em 0}
#pie li {float:left;background:none;border-right:solid 1px #fff;margin:0;padding:0 1em;}
#pie li.ultimoEnlace {border-right:none !important;}
#pie li a {font-size:.9em;}
#pie li strong {color:#e7d81b;font-weight:normal;font-size:0.9em}
#pie li a:hover {color:#e7d81b}

/*---------------------------------SECCIONES--------------------------------------*/

/*como llear*/
#carretera1,
#carretera2 {float:left;margin:1.2em 0 0 3em;width:26em;}
#carretera1 iframe,
#carretera2 iframe {width:26em;height:38em;}
#carretera1 ol,
#carretera2 ol {padding:0 1.5em;margin:1em 0 2em 0}

/*senderismo*/
#texto .ruta {border-bottom:1px solid #fff;margin:0 auto;overflow:hidden;width:90%;}
#texto .ruta.ultima {border:none}
#texto .ruta ul {float:left;margin:1.5em 0 0 0;padding:0}
#texto .ruta p {padding:0}
#texto .ruta a { float:left;margin:1em 1em 0 0}
#texto .ruta img {background:#999;border:solid 1px #666;margin:1em 0 2em 0;padding:.5em .5em 2em .5em;}

/*habitaciones*/
#texto ul.galeriaHabitacion1 {margin:0 0 2em 4em;overflow:hidden}
#texto ul.galeriaHabitacion1 li {float:left;display:block;margin:.7em .5em 0 0;padding:0;}
#texto ul.galeriaHabitacion1 li a img {margin:0;padding:0}

/*precios*/
#tablaPrecios {width:95%; margin:0 auto 0 auto; font-size:1em}
#tablaPrecios table { border-collapse:collapse; margin:1em 0 2em 0}
#tablaPrecios table {font-family:Geneva, Arial, Helvetica, sans-serif}
#tablaPrecios table caption {font-size:1.5em;font-weight:bolder;padding-bottom:1em;}
#tablaPrecios table thead th {background:#bfbda4;border-right:solid 1px #888;border-bottom:solid 1px #888;border-top:solid 1px #888;font-weight:bold;font-size:1.2em;padding:.4em;text-align:center}
#tablaPrecios table tbody {font-size:1.1em;}
#tablaPrecios table tbody tr:hover {background-color:#BFBDA4}
#tablaPrecios table tbody th {border-bottom:1px solid #888;border-right:solid 1px #888;padding:.6em;text-align:center;width:20%}
#tablaPrecios table tbody th.tbodyTh { background:#bfbda4;border-right:none;font-weight:bold; font-size:1.2em;text-align:left;}
#tablaPrecios table tbody td {border-bottom:solid 1px #888; border-right:solid 1px #888;padding:.5em .2em .5em .2em;text-align:center;width:12%}
#tablaPrecios table thead th.ultimaCelda { border-right:none}
#tablaPrecios table tbody td.ultimaCelda { border-right:none;text-align:left;padding-left:1em;margin:0;width:38%}
#tablaPrecios table tbody td.ultimaCelda ul {margin:0 0 .7em .2em;padding:0}
#tablaPrecios table tbody td.ultimaCelda ul  li{text-align:left;font-size:1em}
#texto ul.precios {border:dotted 2px #fff;padding:3px;margin:1em 3em 1em 3em}
#texto ul.precios li {font-size:1em;margin:0 1em}
#texto ul.precios li strong {font-size:1em}

/*contacto*/
#texto ul.datosContacto {margin-top:1.5em}

/*mapa web*/
#texto .mapa li ul li {background:url(../imagenes/iconoListaMapa.png) no-repeat top left;padding:0 0 0 .7em;}

/*accesibilidad*/
#texto .sellos {text-align:center}
#texto .sellos li {background:none;display:inline-block;}