/* CSS Document */
html {overflow-y:scroll }
*{ padding: 0; margin: 0; border: 0; outline: none;}
body {background-color: #ebebe3; font-family: Arial, Helvetica, sans-serif; color:#333; line-height:18px; font-size:14px;}
/*img {border:0; display:block;}*/
p {font-family: Arial, Helvetica, sans-serif; margin: 0 0 10px 0; }
p.listado {margin: 10px 0}
.left {float: left;}
.right {float: right;}
img.right {float: right; margin:0 0 15px 30px;}
.peque {font-size: 12px;}
.bold {font-weight: bold;}
.boldgris {font-weight: bold; color:#666;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.errorr a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
a {color:#00789f; text-decoration:none;}
a:hover {text-decoration:underline;}
h1 {font-size: 24px; color:#492f39; margin:0 3px 15px 0; line-height:24px; font-weight:bold; }
h1.ficha {float:left;}
h2 {font-size: 22px; color: #c9164c;margin-bottom:15px; padding-top:15px; font-weight:normal; clear:left;}
h2.menor {font-size: 18px; }
h2.playa {font-size: 22px; color:#cc6600; font-weight:normal;}
h2.menorplaya {font-size: 18px; color:#cc6600;}
h3 {font-size: 14px; color:#c9164c; margin-bottom:6px;}
.star {margin-right: 1px; float:left;}
input, textarea {font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #333; padding: 4px 2px 0 2px; border:1px #aaa solid; display: block; }
input[type="hidden"] { border: 0; padding: 0; margin: 0; background: white; display:none; }
select {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333; padding:2px; }
input.boton {font-size:14px; padding:2px 4px; font-weight:bold; background-color:#c9164c; color: #fff; border:1px solid #771639; clear:both;}
/*--------------home-------*/
/* plantilla fondo*/
#top { width:100%; text-align:center; background-color:#492f39;}
#middle { width:100%; text-align:center; }
#bottom { width:100%; text-align:center; background:url(../images/f_pie.gif) repeat-x #513f40; overflow:hidden;}
/* cabecera */
#cabecera {width: 970px; height:132px; margin: 0 auto; background-color:#492f39; padding-right: 30px;}
#cabecera .logo {float:left;}
#cabecera .logo img{display:block;}
/* Buscador */
#buscador {float:right; width: 386px; background-color: #fff; border: 2px solid #a29c93; padding:1px; margin-top: 20px ;}
#buscador input {float:left; width:340px; height:25px; border:0;}
#buscador img {float:right;}
/* hilo */
#hilo {clear:both; margin-bottom:12px; color:#555;}
#hilo img {display:inline; margin:0 3px;}
#hilo a{color:#00789f; line-height:18px; vertical-align:baseline;}
/* contenido */
#contenido {min-height:500px;width: 952px; margin: 0 auto; padding-bottom:60px; background:url(../images/f_contenido.gif) no-repeat bottom #FFF; text-align:left; padding:0 24px 60px 24px; overflow:hidden;}
* html .contenido {height:500px; } /* parche para ie6 que no reconoce min-height */
#contenido ul {list-style:none outside;}
/* contenido - Buscador Index*/
#contenido .cajabuscador { float:left; width:510px; font-size:22px; color:#c9164c; margin:0 30px 15px 0; padding-top:10px;}
#contenido .fondobuscadorDest {float:left; width:460px; height:164px; background: url(../images/fd_buscadestinos.gif) no-repeat top #ebebe3; padding:25px; font-size:20px; color:#492f39; margin-top:15px; }
#contenido .fondobuscadorDest select {margin:12px 20px 10px 0; width:170px;border: 2px solid #a29c93; }
#contenido .fondobuscadorDest a {color:#333; font-size:14px; }
#contenido .fondobuscadorDest a:hover {color:#00789f;}
#contenido .buscadordestinos {width: 440px; height:29px; background-color: #fff; border: 2px solid #a29c93; padding:1px; overflow:hidden; margin:12px 0 30px 0; }
#contenido .buscadordestinos input {float:left; width:384px; height:25px; border:0;}
#contenido .botdestinos {float:right; }
/* contenido - mapa*/
#contenido .mapadestinos {float:left; clear:right; }
/* contenido - destinos destacados home*/
#contenido .Destprincipales {float:left; clear:left; margin:0 20px 30px 0; width:520px;}
#contenido .Destdestacadosfoto {float:left; width:120px; font-size:18px; font-weight:bold; margin-right:10px;}
#contenido .Destdestacadosfoto img {margin:0 0 6px 0;display:block;}
#contenido .Destdestacados {padding-top:15px; overflow:hidden; width:510px;}
#contenido .Destdestacados ul {list-style:none inside; margin-top:10px; }
#contenido .Destdestacados li {float:left; width:160px; margin:3px 10px 3px 0; font-size:18px;}
#contenido .playaslink {float:left; width:360px; height:23px; background: url(../images/ico_playa.gif) no-repeat top left; margin: 15px 0 10px; padding-left:30px;}
#contenido .playaslink a { font-size: 16px; color:#cc6600; font-weight:bold;}
#contenido .Destbanner {float:left; width:400px; height:300px; margin-bottom: 30px; background: url(../images/img_banner_destinos_6.jpg) no-repeat top #ebebe3;}
#contenido .Destbanner a {float:left; padding: 272px 203px 6px 10px; font-size:24px; color:#23ceff;}
#contenido .destacadosList {float:left; margin: 0 30px 30px 0;}
/* contenido - listado tipo de locus*/
#contenido .categoriaitem {font-size:14px; width:100%; /*width:325px;*/ float:left; margin-bottom:10px; }
#contenido .categoriaitem a {font-size:18px;}
#contenido .categoriaitem a.peque {font-size:12px; font-weight:bold;}
#contenido .categoriaitem img {float:left; margin:0 15px 6px 0; vertical-align:text-top;}
#contenido .categoriaitem img.star {margin:0 1px; float:none; display:inline;}
#contenido .categoriaitem .ranking {background-color: #c9164c; float:left; color:#fff; width:22px; text-align:center; font-size:14px; font-weight:bold; margin-right:6px; }
/* contenido - opiniones*/
#contenido .opiniones {float:left; margin-bottom:30px; width:100%;}
#contenido .opiniontitu {clear:right; padding-left:38px; margin-bottom:10px; background: url(../images/ico_opinion_p.gif) no-repeat left top; line-height:22px; font-size:14px; }
#contenido .opinioncont {font-size: 14px; clear:both;}
#contenido .opinioncont img {float:left; margin: 0 10px 10px 0; clear:left;}
#contenido .firmaopi {font-size: 12px; font-weight:bold; color:#444; float:right; clear:both;margin-bottom:25px;}
#contenido .opinionesplaya {float:left; clear:left; width:500px; margin-right:30px;}
/* contenido - todas las regiones*/
#contenido .regionesall {float: left; width:100%; clear:both;}
#contenido .regionesall ul {list-style:none inside;}
#contenido .regionesall li {float:left; width:140px; margin:3px 10px 3px 0; font-size:12px;}
/* contenido - INDEX PLAYAS ------------------------------*/
/* Buscador Playas*/
#contenido .cajabuscadorplayas { float:left; width:510px; font-size:22px; color:#cc6600; margin:0 30px 15px 0; padding-top:10px;}
#contenido .fondobuscadorPlayas {loat:left; width:460px; height:182px; background: url(../images/fd_buscaplayas.gif) no-repeat top #f6df8b; padding:25px 25px 7px 25px; font-size:20px; color:#492f39; margin-top:15px; }
#contenido .fondobuscadorPlayas select {margin:12px 20px 30px 0; width:170px;border: 2px solid #a29c93; }
#contenido .fondobuscadorPlayas a {color:#333; font-size:14px; }
#contenido .fondobuscadorPlayas a:hover {color:#00789f;}
/*Destinos Playa*/
#contenido .DestprincipalesPlaya { width:400px; float:left; margin:0 0 30px 0; background: url(../images/fd_destinosplaya.gif) no-repeat bottom right #fff;}
#contenido .DestprincipalesPlaya .Destdestacadosfoto {margin-right:13px;}
#contenido .DestprincipalesPlaya .Destdestacados li {width:185px;}
/* contenido - listado localidades de una región y localidades cercanas a una localidad*/
#contenido .destinoslista { width:100%; margin:15px 0 30px 0; overflow:hidden;}
#contenido .destinoslista ul { list-style:none inside; margin:10px 0px; }
#contenido .destinoslista li {float:left; font-size:14px; font-weight:bold; width:230px; margin:5px 0px; padding-right: 5px;}
/*banners venta de billetes y reserva online*/
#contenido .billetes {border:3px solid #ebebe3;font-weight:bold;}
#contenido .billetes img {margin-right:6px; vertical-align:baseline;}
#contenido .billetes p { background-color:#ebebe3;padding:4px; margin-bottom:0;}
#contenido .billetes a {font-size:12px;float:none;}
/* contenido - estructura dos columnas y menú localidad-region */
#columleft {float:left; width:200px;margin-right:24px; overflow:hidden;}
#columright {float:left; width:728px; overflow:hidden;}
#columleft .menucategoria {border:solid 2px #FEB902; padding:10px; margin-bottom:20px;}
#columleft .menucategoria ul {list-style:none outside; margin-top:3px;}
#columleft .menucategoria li {margin:0 0 3px 0; font-weight:bold;}
#columleft .menucategoria ul ul {padding-left:20px; }
#columleft .menucategoria ul ul li {font-weight:normal;}
/* contenido - FICHA ALOJAMIENTO*/
#contenido .tituficha {float:left; clear:both; margin-bottom:10px; width:100%;}
#contenido .text {margin-bottom:20px;clear:both; width:100%;}
#contenido .info { margin-bottom:30px; border:3px solid #ebebe3; padding: 3px; font-size:12px; overflow:hidden;}
#contenido .mapa {background-color:#efeee3;height:237px;}
#contenido .info h2.menor {margin:6px 0 3px 0; font-size:14px; font-weight:bold;}
#contenido .info span.datos1 {float:left; clear:left; color:#666; margin-bottom:6px;width:40px; }
#contenido .info span.datos2 {float:left; margin-bottom:6px;}
#contenido .info a.mail {float:left; font-weight:bold; color:#cc6600; margin-bottom:14px;}
#contenido .info .servicios {float:left; width:100%;}
#contenido .info .servicios ul {float:left; width:188px; list-style:none inside url(../images/bullet_rosa.gif) ;}
#contenido .info .servicios li {float:left; padding: 0 3px; color:#444; width:182px; }
#contenido .hoteleros {width:180px; background-color:#ebebe3; color:#492f39; clear:both; margin-bottom:30px; padding:10px; font-size:12px;}
#contenido .galeria {float: left; margin:0 30px 30px 0; }
#contenido .galeria a {font-size:14px; font-weight:bold;}
#contenido .galeria img {display:block;}
/* contenido - RESERVAR */
#contenido .booking {width:100%; float:left; clear:left; margin-bottom:20px;}
/* contenido - CERCANOS*/
#contenido .cercanos {width:100%; clear:left;}
#contenido .cercanos .alojcerca {float:left; margin-right:10px;}
#contenido .cercanos .visitarcerca {float:left;}
#contenido .cercanos ul {list-style:none outside; padding-top:6px; color:#555;}
#contenido .cercanos li {float:left; margin-bottom:10px; width:100%; font-size:12px;}
#contenido .cercanos li a {font-size:14px; font-weight:bold;}
#contenido .cercanos img {float:left; margin-right:5px;}
/* contenido - OPINAR*/
#contenido .comentar {width:100%; background-color: #ebebe3; padding:10px; margin-bottom: 30px; overflow:hidden;}
#contenido .comentar .formulario {float:left; margin-top:12px; overflow:hidden;}
#contenido .comentar input, textarea {font-size:14px; padding:4px; margin-bottom:15px;}
#contenido .comentar img {float:left; clear:left; margin:12px;}
#contenido .comentar input.radio {float: left; width:16px; height:16px; border:0; margin:0 0 15px 6px; display:inline;}
#contenido .comentar input.boton {margin-bottom:6px;}
#contenido .opiniones .item {float:left; font-weight:normal; margin-bottom:20px; }
#contenido .opiniones .item .puntos {float:left; background: url(../images/ico_opinion.gif) no-repeat; width:25px; height:27px; font-size:16px; font-weight:bold; text-align:center; color:#fff; padding-top:3px; margin-right:15px;}
#contenido .opiniones .item .puntoshotelero {float:left; margin-right:15px;}
#contenido .opiniones .item .comentario { float:left; display:inline; font-size:14px;}
/* contenido - CONTACTO*/
#columright .contentlabel{float: left; clear:left; margin:12px 15px 15px 30px; width:90px;}
#columright .contenttextarea{float: left; margin:10px 0; width:500px; }
#columright input {width:300px; height:21px; margin: 12px 0 0 0 ; padding:2px;}
#columright input.boton {width:80px;height:34px; font-size:16px; font-weight:bold; background-color:#c9164c; color: #fff;clear:both;}
#columright label{display:block; margin: 15px 0 0 0 }
#columright textarea{ width:460px; height:160px; border:1px #aaa solid; margin-top: 10px;}
/* contenido - FORUMULARIO OPINAR*/
#columright .puntos {width:500px;clear:left; overflow:hidden; padding:12px 0 3px 0; font-weight:bold; color: #c9164c;}
#columright input.radio {float: left; width:18px; height:18px; border:0; margin: 0 6px 0 0; display:inline; }
#columright span.cita { font-size:14px; color:#666; clear:both; padding-top:6px;}
#columright label.space {margin-bottom:45px;}
/* pie*/
#pie {width: 1000px; margin: 0 auto; text-align:left; color:#ebebe3;}
#pie .titu {color:#ebebe3; font-size:20px; padding:10px 0; }
#pie .titu a {color:#ebebe3; font-weight:bold;}
#pie .bloque {float:left; width:200px; margin:40px 50px 20px 0; font-size:16px;}
#pie .bloquetitu {width:190px; border-bottom: solid 1px #ce1a4f; margin-bottom:10px; padding-bottom:10px;font-size: 20px; font-weight:bold; color:#fff;}
#pie .bloquetitu1 {width:190px; border-bottom: 0; margin-bottom:10px; padding-bottom:10px;font-size: 20px; font-weight:bold; color:#fff;}
#pie .bloque ul {list-style:none outside url(../images/bullet_pie.gif); }
#pie .bloque li {margin-left:15px; font-size:14px; font-weight:bold;}
#pie .bloque li a {font-size:14px; color:#ebebe3}
/* CSS Document */