@charset "utf-8"; /* CÓMO HACER APLICAR UN CAMBIO SÓLO A UN EXPLORADOR (HACK) IE6 ---> * html propiedad IE7 ---> *+html propiedad Opera 9 y anteriores ---> html:first-child propiedad */ /* COMIENZO RESET PAGINAS Y REGLAS GENERALES FRAMEWORK CSS: * -sin bordes * -sin margenes ni paddings * -sin fondos ni estilo para listas */ * {margin: 0; padding: 0; font: 11px Arial;} /* nada tendrá padding ni margen, y las fuentes serán 11px */ q:before,q:after {content: "";} sup {font-size: 0.8em;} sub {font-size: 0.8em;} ul {list-style-type: none;} a {border: none; text-decoration: none; } a:link, a:visited, a:active {outline: none;} a:hover {text-decoration: none;} img {border: none; text-decoration: none;} /* background: url(); aparecerá como fondo de la imagen, útil para imágenes de carga */ acronym {border: 0;} .manolink{cursor: pointer;} /* igualar las fuentes a todos los elementos */ h1, h2, h3, h4, h5, strong {font-size: 100%; font-weight: bold;} /* tablas */ table {width: 100%; border-collapse: collapse; border-spacing: 0;} /* propociona altura a divs sin altura con contenido flotado */ /* http://www.positioniseverything.net/easyclearing.html */ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} * html .clearfix {height: 1%;} .clearfix {display: block;} .b {border: 1px solid Yellow;} /*clase de uso rápido para destacar los bordes de un bloque*/ /* Loading de clueTip */ #cluetip-waitimage { width: 43px; height: 11px; position: absolute; background-image: url(/imagenes/comunes/loading.gif); } /* * como hacer png transparentes en IE6 * dado un div...: * #bloque {background: url(/imagenes/index/abcd.png); behavior: url(/estilos/ie6pngfix/iepngfix.php); * * si abcd.png está guardado con canal alfa, dejará ver el fondo. behavior sólo lo interpreta IE6. * */ /* FIN RESET PAGINAS Y REGLAS GENERALES FRAMEWORK CSS */ /********************************************** ESTRUCTURA DE LA PAGINA ***********************************************/ body {background:#0099da;margin:0;padding:0;} /*h1 {display:none;}*/ /*#pagina{margin: 0 auto; width: 961px; text-align: left; font-family:Verdana;}*/ #fondo_cabecera{float:left; width:100%; background: #fff url(/imagenes/comunes/fondo-cabecera.gif) repeat-x top left;} #fondo_contenido{float:left; width:100%;background: #f0f0f0 ;} #fondo_pie{float:left; width:100%;} /********************************************** CABECERA ***********************************************/ #cabecera{margin: 0 auto; width:961px; background:url(/imagenes/comunes/fnd-cab.gif) no-repeat bottom;height:148px;position:relative;} #cabecera h1 a{text-indent:-9999px;float:left; display:inline; background:url(/imagenes/comunes/logo.gif) no-repeat; width:257px; height:100px; margin-top:7px; margin-left:44px;} #cabecera #nav-util{float:left; display:inline; margin-right:14px; margin-top:9px;} #nav-util #reservas-top{float:left; display:inline;} #nav-util #reservas-top .reserva{float:left; display:inline;} #nav-util #reservas-top .reservas-azul{color:#0099da; text-align:left;font-size:13px; font-weight:bold;font-family:Verdana;float:left; display:inline;margin-left:10px;margin-top:5px;} #nav-util #reservas-top .reservas-azul a{color:#0099da; text-align:right;font-size:10px; font-weight:bold;font-family:Verdana;} #cabecera #nav-util ul{ float:left; display:inline;margin-top:5px;margin-left:17px;} #cabecera #nav-util ul li{ display:inline; margin-left:15px;color:#a3a3a3; font-size:10px;} #cabecera #nav-util a{color:#a3a3a3; font-size:10px;font-family:Tahoma;} #cabecera #nav-util a:hover{text-decoration:underline;} #cabecera #nav-util a img{margin-right:3px;} #cabecera #lenguage{position:absolute;right:5px; top:0px; background: url(/imagenes/comunes/fnd-desplegable.png) no-repeat bottom;width:88px;} #cabecera #lenguage .internacional{margin-left:6px;margin-top:10px;padding-bottom:5px;} #cabecera #lenguage .enlace-internacional img{margin-right:6px;vertical-align:middle;} #cabecera #lenguage #listaIdioma{margin-top:5px;display:none;float:right; width:88px;} #listaIdioma li{float:left;display:inline; margin-top:0px;height:20px;border-top:1px dotted #aeafae; width:71px;padding-top:3px;margin-left:7px;} #listaIdioma li a img{float:right;display:inline;vertical-align:middle;} #listaIdioma li a{float:left;display:inline;font-size:10px;vertical-align:middle;width:71px;height:20px;} #listaIdioma li a span{float:left;display:inline;font-size:10px;vertical-align:middle;color:#A3A3A3;font-family:Tahoma;font-size:10px;} /********************************************** COMPARTIR ***********************************************/ #compartir{float:right;display:inline; background: url(/imagenes/comunes/fnd-compartir.gif) no-repeat;width:162px; height:25px;/*margin-right:115px;*/} #compartir .tit_compartir{float:left; display:inline;font-family:Tahoma; font-size:10px; color:#A3A3A3;margin-top:5px;margin-left:5px;} #compartir .redes{float:left;display:inline;margin-left:5px;margin-top:4px;} #compartir .redes a.facebook{float:left; width:14px; height:14px; background:url(/imagenes/comunes/facebook.gif) no-repeat; text-indent:-9999px; display:inline;} #compartir .redes a.delicius{float:left; width:14px; height:14px; background:url(/imagenes/comunes/delicius.gif) no-repeat; text-indent:-9999px; margin-left:5px; display:inline;} #compartir .redes a.technorati{float:left; width:16px; height:15px; background:url(/imagenes/comunes/technorati.gif) no-repeat; text-indent:-9999px; margin-left:5px; display:inline;} #compartir .redes a.meneame{float:left; width:17px; height:16px; background:url(/imagenes/comunes/meneame.gif) no-repeat; text-indent:-9999px; margin-left:5px; display:inline;} #compartir .redes a.myspace{float:left; width:14px; height:16px; background:url(/imagenes/comunes/myspace.gif) no-repeat; text-indent:-9999px; margin-left:5px; display:inline;} #compartir .redes a.twitter{float:left; width:16px; height:16px; background:url(/imagenes/comunes/twitter.gif) no-repeat; text-indent:-9999px; margin-left:5px; display:inline;} /******MENU*****/ #menuES{float:right; display:inline;height:45px;background:#fff;width:619px;margin-right:10px;*+margin-top:4px;} #menuES ul { float:left;display:inline;margin-top:6px;} #menuES ul li{ display:inline; float:left;} #menuES ul li a{ height:39px; display:block; text-indent:-9999px;} #menuES .indexES{background: url(/imagenes/comunes/menuES.gif) 0 0 no-repeat;width:71px;} #menuES .indexES-actual{background: url(/imagenes/comunes/menuES.gif) 0 -39px no-repeat;width:71px;} #menuES .indexES:hover{background: url(/imagenes/comunes/menuES.gif) 0 -39px no-repeat;width:71px;} #menuES .apartamentosES{background: url(/imagenes/comunes/menuES.gif) -71px 0 no-repeat;width:137px;} #menuES .apartamentosES-actual{background: url(/imagenes/comunes/menuES.gif) -71px -39px no-repeat;width:137px;} #menuES .apartamentosES:hover{background: url(/imagenes/comunes/menuES.gif) -71px -39px no-repeat;width:137px;} #menuES .villasES{background: url(/imagenes/comunes/menuES.gif) -208px 0 no-repeat;width:84px;} #menuES .villasES-actual{background: url(/imagenes/comunes/menuES.gif) -208px -39px no-repeat;width:84px;} #menuES .villasES:hover{background: url(/imagenes/comunes/menuES.gif) -208px -39px no-repeat;width:84px;} #menuES .actividadesES{background: url(/imagenes/comunes/menuES.gif) -292px 0 no-repeat;width:120px;} #menuES .actividadesES-actual{background: url(/imagenes/comunes/menuES.gif) -292px -39px no-repeat;width:120px;} #menuES .actividadesES:hover{background: url(/imagenes/comunes/menuES.gif) -292px -39px no-repeat;width:120px;} #menuES .ofertasES{background: url(/imagenes/comunes/menuES.gif) -412px 0 no-repeat;width:94px;} #menuES .ofertasES-actual{background: url(/imagenes/comunes/menuES.gif) -412px -39px no-repeat;width:94px;} #menuES .ofertasES:hover{background: url(/imagenes/comunes/menuES.gif) -412px -39px no-repeat;width:94px;} #menuES .contactoES{background: url(/imagenes/comunes/menuES.gif) -506px 0 no-repeat;width:113px;} #menuES .contactoES-actual{background: url(/imagenes/comunes/menuES.gif) -506px -39px no-repeat;width:113px;} #menuES .contactoES:hover{background: url(/imagenes/comunes/menuES.gif) -506px -39px no-repeat;width:113px;} /********************************************** CONTENIDO ***********************************************/ #contenido{min-height:571px; margin:auto; width:961px; background: url(/imagenes/comunes/fnd-cont.gif) repeat-y; } #contenido-dos{float:left; width:961px; background: url(/imagenes/comunes/fnd-cont.gif) repeat-y; } #pastilla-amarilla_ES{float:left;display:block; background: url(/imagenes/comunes/que-es_ES.gif) no-repeat; height:201px;width:300px; cursor:pointer; margin-top:10px;} #pastilla-amarilla_ES span{margin-top:81px; margin-left:27px;width:239px;display:inline;float:left; color:#364446; font-family:Tahoma; font-size:11px;line-height:14px;} #pastilla-propietario_ES{float:left;display:block;background: url(/imagenes/comunes/propietario_ES.jpg) no-repeat;height:112px; width:300px;} #pastilla-propietario_ES span{margin-top:98px; margin-right:20px;display:inline;float:right; color:#364446; font-weight:bold;font-family:Tahoma; font-size:10px;} #pastilla-destino_ES{float:left;display:block;background: url(/imagenes/comunes/destinos_ES.jpg) no-repeat;height:112px; width:300px;} #pastilla-destino_ES span{margin-top:98px; margin-right:20px;display:inline;float:right; color:#364446; font-weight:bold;font-family:Tahoma; font-size:10px;} .pastilla-ofertas{float:left;display:inline;width:303px;height:220px;padding-bottom:20px;background: url(/imagenes/comunes/fin-caja-gris.gif) no-repeat bottom;margin-bottom:15px;} .pastilla-ofertas .titulo-pastilla{float:left;display:inline;width:303px; height:30px;background: url(/imagenes/comunes/fnd-caja-gris.gif) no-repeat;} .pastilla-ofertas .titulo-pastilla span{float:left;display:inline;margin-left:10px;} .pastilla-ofertas .titulo-pastilla .desde-ofertas{float:right;display:inline;color:#364446;font-family:Tahoma; font-size:9px;margin-top:12px;margin-right:5px;} .pastilla-ofertas .contenedor-oferta{float:left;display:inline;width:283px; /*height:33px;*/margin-top:7px;border-bottom:1px dotted #2d3c43;margin-left:12px;padding-bottom:5px;} .pastilla-ofertas .contenedor-oferta .texto-oferta{float:left;display:inline;width:211px;margin-left:3px;} .pastilla-ofertas .contenedor-oferta .texto-oferta .nombre-oferta{color:#364446;font-family:Tahoma; font-size:11px;font-weight:bold;} .pastilla-ofertas .contenedor-oferta .texto-oferta .desc-oferta{color:#364446;font-family:Tahoma; font-size:11px;} .pastilla-ofertas .contenedor-oferta .precio-oferta{float:right;display:inline;color:#364446; font-family:Tahoma; font-size:22px; font-weight:bold; margin-right:3px;} .pastilla-ofertas .contenedor-oferta .precio-oferta span{color:#364446; font-family:Tahoma; font-size:15px; font-weight:normal;margin-left:3px;} .pastilla-ofertas .vermas-ofertas{float:left;display:inline;width:283px;margin-top:7px;margin-left:12px;} .pastilla-ofertas .vermas-ofertas span{float:left;display:block;width:211px;color:#ffc300;font-size:10px; font-family:Tahoma;} .pastilla-ofertas .vermas-ofertas a{float:right;display:block;width:60px;height:20px;color:#364446;font-size:10px; font-weight:bold;font-family:Tahoma;background: url(/imagenes/comunes/btn-amarillo.gif) no-repeat;padding-left:9px;padding-top:4px;margin-top:5px;} #formulario-busqueda{float:left; display:inline;background: url(/imagenes/comunes/fnd-buscador.gif) no-repeat; width:302px;height:336px;} #formulario-busqueda #titulo-form{float:left; display:inline;margin-left:12px; margin-top:5px;width:190px;} #formulario-busqueda #enlace-ver-mapa{float:left; display:block;/*margin-left:30px; */margin-top:11px;background: url(/imagenes/comunes/flechita-buscador.gif) no-repeat right center;padding-right:10px; color:#414143; font-weight:bold;font-family:Tahoma;font-size:11px; font-weight:bold; text-decoration:underline;} #formulario-busqueda #enlace-ver-mapa:hover{text-decoration:none;} #formulario-busqueda form{float:left; display:inline;margin-top:7px;margin-left:21px;width:255px;} #formulario-busqueda form p{float:left; display:inline; font-family:Tahoma;} #formulario-busqueda form div{float:left; display:inline; font-family:Tahoma;} #formulario-busqueda form p img{vertical-align:middle;margin-right:5px;} #formulario-busqueda form div img{vertical-align:middle;margin-right:5px;} #formulario-busqueda form div img#btnFechaEntrada{vertical-align:middle;margin-left:5px;} #formulario-busqueda form div img#btnFechaSalida{vertical-align:middle;margin-left:5px;} #formulario-busqueda form img.ui-datepicker-trigger {cursor:pointer;float:left;display:inline;margin-left:5px;} #formulario-busqueda form .oculto {display:none;} #formulario-busqueda #campo-entrada,#formulario-busqueda #campo-salida{float:left; display:inline; font-family:Tahoma; margin-top:12px;width:100%;} #formulario-busqueda #campo-entrada label,#formulario-busqueda #campo-salida label{width:50px;font-family:Tahoma; float:left; display:inline;font-size:11px; color:#3a3a3a;} #formulario-busqueda #campo-entrada input,#formulario-busqueda #campo-salida input{/*width:147px;*/background: #abaaaf; color:#fff;float:left; display:inline;/*margin-left:50px;*/} #formulario-busqueda .formato-fecha{float:right; display:inline;} #formulario-busqueda #campo-ocupantes{float:left; display:inline;margin-top:20px;width:255px;} #formulario-busqueda #campo-ocupantes label img{vertical-align:middle;margin-right:5px; } #formulario-busqueda #campo-ocupantes label {font-size:11px; color:#3a3a3a;font-family:Tahoma; float:left; display:inline; } #formulario-busqueda #campo-ocupantes select{float:right; display:inline;background: #abaaaf; color:#fff; } #formulario-busqueda #campo-destino{float:left; display:inline;margin-top:20px;width:255px;} #formulario-busqueda #campo-destino label img{vertical-align:middle;margin-right:5px; } #formulario-busqueda #campo-destino label {font-size:11px; color:#3a3a3a;font-family:Tahoma; float:left; display:inline; } #formulario-busqueda #campo-destino select{float:right; display:inline;background: #abaaaf; color:#fff;width:120px; text-align:left;} #formulario-busqueda #campo-tipo{float:left; display:inline;margin-top:20px;width:255px;} #formulario-busqueda #campo-tipo label img{vertical-align:middle;margin-right:5px; } #formulario-busqueda #campo-tipo label {font-size:11px; color:#3a3a3a;font-family:Tahoma; float:left; display:inline; } #formulario-busqueda #campo-tipo select{float:right; display:inline;background: #abaaaf; color:#fff;width:120px; text-align:left;} #formulario-busqueda #btn-buscar_ES{float:right; display:inline;background: url(/imagenes/comunes/btn-buscar.gif) no-repeat; text-indent:-9999px; border:none;width:88px; height:30px;margin-top:30px; cursor:pointer;} #formulario-busqueda a#buscar {border:medium none;cursor:pointer;display:inline;float:right;height:30px;margin-top:25px;width:88px;} #pie-formulario{float:left; display:inline; background: url(/imagenes/comunes/fnd-pie-buscador.gif) no-repeat;width:302px;height:86px;} #pie-formulario #reservas-formulario{float:left; display:inline; margin-left:128px;margin-top:10px;} #pie-formulario #reservas-formulario .reserva{float:left; display:inline;height:23px;} #pie-formulario #reservas-formulario .reservas-azul{color:#0099da; text-align:right;font-size:13px; font-weight:bold;font-family:Verdana;float:left; display:inline;} #pie-formulario #reservas-formulario .reservas-azul a{color:#0099da; text-align:right;font-size:10px; font-weight:bold;font-family:Verdana;margin-top:0;} #zona-enlaces{float:left; display:inline;width:935px;} #zona-enlaces .listados{float:left;width:935px; margin-left:15px; display:inline; margin-top:18px;} #zona-enlaces .listados .busco{float:left; width:172px; margin-right:15px; display:inline;} #zona-enlaces .listados .busco .que_busco{float:left; width:172px; font-family:Arial; font-size:11px; font-weight:bold; color:#616161;} #zona-enlaces .listados .busco .enlaces{float:left; width:170px; border:1px solid #CFD7F3; background-color:#ECF2F9; height:73px; overflow:auto; margin-top:5px;} #zona-enlaces .listados .busco .enlaces a.ir{float:left; width:148px; margin-left:5px; margin-top:4px; display:inline; font-family:Arial; font-size:11px; color:#185CC3;} /********************************************** PIE ***********************************************/ #pie{margin:auto; width:961px; background: url(/imagenes/comunes/fnd-pie.gif) no-repeat;height:120px;} #pie #pie-derecha{float:left; display:inline;background: url(/imagenes/comunes/fnd-lateral-pie.gif) no-repeat;width:401px; height:52px;margin-top:47px; margin-left:15px;} #pie #pie-derecha #reservas-pie{float:left; display:inline;margin-top:8px; margin-left:162px;} #pie #pie-derecha #reservas-pie .reserva{float:left; display:inline;} #pie #pie-derecha #reservas-pie .reservas-azul{color:#0099da; text-align:right;font-size:13px; font-weight:bold;font-family:Verdana;float:left; display:inline;margin-left:10px;margin-top:5px;} #pie #pie-derecha #reservas-pie .reservas-azul a{color:#0099da; text-align:right;font-size:10px; font-weight:bold;font-family:Verdana;} #pie #pie-izq{float:right; display:inline;height:50px;padding-top:5px; /*background: url(/imagenes/comunes/logo-confianza.gif) no-repeat;*/margin-right:17px;text-align:right; padding-left:112px;margin-top:47px; color:#ffffff; font-family:Tahoma;font-size:10px;} #pie #pie-izq a{ color:#ffffff; font-weight:bold;font-family:Tahoma;font-size:10px;} /********************************************** MIGAS ***********************************************/ #migas{float:left; display:inline; width:100%;margin-top:7px;} #migas #esta-en{float:left; display:inline; color: #0099da; font-family:Tahoma; font-weight:bold; font-size:10px;margin-left:10px;} #migas span{float:left; display:inline; color: #414143; font-family:Tahoma; font-size:10px;margin-right:3px;} #migas a{float:left; display:inline; color: #414143; font-family:Tahoma; font-size:10px;margin-right:3px;} #migas a:hover{text-decoration:underline;}