@charset "utf-8"; /* COMO 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 márgenes 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: underline; color: #066aa7;} 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*/ /* * cómo 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 {text-align: center; color: #FFF; background-color:#f2f1e9;} h1{display:none;} sup{font-size:6px;} #pagina {margin: 0 auto; width: 920px; text-align: left; background:#ffffff; border:#eceaea 1px solid;} #pagina-buscador-ficha { width:1015px; height:588px; background:#FFFFFF; margin:0 auto;} /********************************************** CABECERA ***********************************************/ /*#cabecera{background:url(/imagenes/comunes/cabecera.jpg) 0px 0 no-repeat; height:223px;}*/ .media{position:absolute;} #nav_util {float:right;display:inline;margin:10px 7px auto -6px; _margin: 10px 7px 0px -100px;position:relative;z-index:9999;} #nav_util li {color: #064413;float: left; display: inline;margin-left:4px;} #nav_util li a {height: 14px; color: #064413; font-size: 10.18px; text-decoration: none;font-weight:bold;} #ver_mapa{float:right;display:inline;margin:156px -162px auto auto; _margin:156px -162px 0px 0px; color: #FFF; font-size: 11px; text-decoration: none;font-weight:bold; width:64px;} /********************************************** MENU ***********************************************/ #menu{margin:auto;position:relative;float:left; display:inline; width:100%; } #menu li {float: left;} #menu li a {display: block; height:27px; text-indent: -9999px; cursor:pointer;} #menu_vacio{width:210px; background:url(/imagenes/comunes/menuES.jpg) no-repeat 0px 0px;display: block; height:27px;} #menu ul li.lowcostES{ width:157px; background:url(/imagenes/comunes/menuES.jpg) no-repeat -209px 0px;} #menu ul li.lowcostES:hover{background: url(/imagenes/comunes/menuES.jpg) no-repeat -209px -27px;} #menu ul li.lowcost-selecES{width:157px; background: url(/imagenes/comunes/menuES.jpg) no-repeat -209px -27px;} #menu ul li.venta_alquilerES{ width:223px; background:url(/imagenes/comunes/menuES.jpg) no-repeat -366px 0px;} #menu ul li.venta_alquilerES:hover{background: transparent url(/imagenes/comunes/menuES.jpg) no-repeat scroll -366px -27px;} #menu ul li.venta_alquiler-selecES{ width:223px;background: transparent url(/imagenes/comunes/menuES.jpg) no-repeat scroll -366px -27px;} #menu ul li.vende_pisoES{ width:216px; background:url(/imagenes/comunes/menuES.jpg) no-repeat -589px 0px;} #menu ul li.vende_pisoES:hover{background: transparent url(/imagenes/comunes/menuES.jpg) no-repeat scroll -589px -27px;} #menu ul li.vende_piso-selecES{ width:216px;background: transparent url(/imagenes/comunes/menuES.jpg) no-repeat scroll -589px -27px;} #menu ul li.contactoES{ width:114px; background:url(/imagenes/comunes/menuES.jpg) no-repeat -805px 0px;} #menu ul li.contactoES:hover{background: transparent url(/imagenes/comunes/menuES.jpg) no-repeat scroll -805px -27px;} #menu ul li.contacto-selecES{ width:114px;background: transparent url(/imagenes/comunes/menuES.jpg) no-repeat scroll -805px -27px;} #menu ul li.lowcostCA{ width:146px; background:url(/imagenes/comunes/menuCA.jpg) no-repeat -209px 0px;} #menu ul li.lowcostCA:hover{background: url(/imagenes/comunes/menuCA.jpg) no-repeat -209px -27px;} #menu ul li.lowcost-selecCA{width:146px; background: url(/imagenes/comunes/menuCA.jpg) no-repeat -209px -27px;} #menu ul li.venta_alquilerCA{ width:225px; background:url(/imagenes/comunes/menuCA.jpg) no-repeat -355px 0px;} #menu ul li.venta_alquilerCA:hover{background: transparent url(/imagenes/comunes/menuCA.jpg) no-repeat scroll -355px -27px;} #menu ul li.venta_alquiler-selecCA{ width:225px;background: transparent url(/imagenes/comunes/menuCA.jpg) no-repeat scroll -355px -27px;} #menu ul li.vende_pisoCA{ width:225px; background:url(/imagenes/comunes/menuCA.jpg) no-repeat -580px 0px;} #menu ul li.vende_pisoCA:hover{background: transparent url(/imagenes/comunes/menuCA.jpg) no-repeat scroll -580px -27px;} #menu ul li.vende_piso-selecCA{ width:225px;background: transparent url(/imagenes/comunes/menuCA.jpg) no-repeat scroll -580px -27px;} #menu ul li.contactoCA{ width:114px; background:url(/imagenes/comunes/menuCA.jpg) no-repeat -805px 0px;} #menu ul li.contactoCA:hover{background: transparent url(/imagenes/comunes/menuCA.jpg) no-repeat scroll -805px -27px;} #menu ul li.contacto-selecCA{ width:114px;background: transparent url(/imagenes/comunes/menuCA.jpg) no-repeat scroll -805px -27px;} #logo{margin:0px auto -30px 13px; _margin:0px 0px -31px 13px;position:relative; z-index:100;} #logo a img{behavior: url(/estilos/ie6pngfix/iepngfix.php)} /********************************************** MIGAS ***********************************************/ .migas{ display:inline;float:left;color:#a0b781;font-size: 12px;font-weight:bold;font-family:Verdana; margin-left:10px;} .migas a{ color:#a0b781;font-size: 12px;font-weight:bold;font-family:Verdana;text-decoration:none;} .migas a:hover{text-decoration:underline;} /********************************************** CONTENIDO ***********************************************/ #contenido {min-height:350px;height:auto !important;height:350px; margin: 0 -1px;} #izquierda{width:680px;float:left;display:inline;margin:-8px auto auto 17px;} #izquierda_index{width:680px;float:left;display:inline;margin:16px auto auto 17px;} #derecha{width:200px;float:right;display:inline; margin:16px 11px auto auto;float:right; padding-bottom:10px; } #viviendas_tabla .oferta{font-size:12px;} .titulo .oferta{background:#ff8800;font-size:14px;padding:2px;color:#fff;} .oferta{color:#A0B781;font-weight:bold;font-size:35px;padding:2px;color:#fff;} .oferta_vivienda{color:#A0B781;font-weight:bold;font-size:12px;padding:4px 25px 2px 21px;color:#fff; background: url(/imagenes/comunes/fnd-oferta-vivienda.jpg) no-repeat;} /*************Listados**********/ #listado{ float:left; display:inline; width:670px; margin-bottom:30px;} .columna-promocion{position:relative;float:left; display:inline;width:194px; height:220px; border:#397e0f 1px solid;padding:6px 7px 40px 7px; margin-left:12px; margin-bottom:40px;} a.imagen {} .precios{float:left; position:absolute; background: url(/imagenes/comunes/fnd-precios.png) no-repeat; width:211px; height:80px; left:-1px;top:225px; text-decoration:none; cursor:pointer;} .precios .antes-precio{display:inline; float:right; margin-top:11px; margin-right:8px; color:#fbe2bd; font-size:14px; font-weight:bold;} .precios .antes-precio strike{ color:#fbe2bd; font-size:18px; font-weight:bold;} .precios .ahora-precio{display:inline; float:right; margin-top:0px; margin-right:8px;color:#ffffff; font-size:14px; font-weight:bold;} .precios .por-precio{display:inline; float:right; margin-top:20px; margin-right:8px;color:#ffffff; font-size:14px; font-weight:bold;} .precios .rebaja{display:inline; float:right; margin-top:0px; margin-right:8px;color:#ffffff; font-size:15px; font-weight:bold;} h3.titulo {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#33750b; margin-top: 5px;} /********************************************** PIE ***********************************************/ #pie {height: 125px;background:#ffffff;color:#a9a9a9;clear:both;} #logos{float:right; display:inline; margin:20px 18px auto auto;} #logos li{float: left; display: inline;margin-left:23px;} #derechos {float:right; text-align: right;display:inline;margin:78px -265px auto auto;} #derechos a{color:#848484;} #derechos span{color:#333;} #datos{float:left; text-align:left;display:inline; background: url(/imagenes/comunes/caja-pie.jpg) no-repeat; margin-left:46px; width: 366px; height:112px; font-size: 11px; margin-top:-6px;} #datos p{margin-top:15px; margin-left:30px; font-family: Verdana; color: #c2c0c0;} #nombre_empresa{ font-weight:bold; color: #fff; font-size:14px; font-family:Verdana;} #nombre_empresa i{font-weight:bold; color: #fff; font-size:14px; font-family:Verdana;font-style: italic;} #tlfn{ color: #fff; font-size:21px;font-weight:bold; font-family:Verdana;} #datos p .grande{ font-family:Arial; font-weight:bold; font-size:19px;} #separador{background:url(/imagenes/comunes/separador.gif) 0px 0 repeat-x;height:6px;} /********************************************** OFERTAS DESTACADAS ***********************************************/ #ofertas_destacadas{display:inline;float:left;background:url(/imagenes/comunes/cabecera-verde.jpg) no-repeat;width:672px; height:39px;margin-left:10px;} #ofertas_destacadas h2{font-weight:bold;color:#ffff;font-size:14px;font-family:Verdana; margin:6px 0px 12px 8px; } #col-izquierda{display:inline;float:left;width:194px;border-right:#efece1 1px solid;margin-left:10px;padding-right:20px; margin-top:6px;} #col-centro{float:left;width:194px;padding:0px 20px;margin-top:6px; } #col-derecha{float:left;width:194px;border-left:#efece1 1px solid;padding-left:20px;margin-top:6px; } a.imagen {} h3.titulo {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#33750b; margin-top: 5px;} p.descripcion {width:195px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#969696; margin-bottom:15px;} .divvermas { margin-left:112px; margin-bottom:4px;} .divvermas a.vermas { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#617843; font-weight:bold; text-decoration:none; margin-left:5px;} .divvermas a.vermas:hover {text-decoration:underline;} /********************************************** VIVIENDAS DESTACADAS ***********************************************/ #viviendas{} #cabecera_viviendas{background:url(/imagenes/comunes/cabecera-blanca-p.jpg) 0px 0 no-repeat;height:34px;} #viviendas #cabecera_viviendas p{ float:left;display:inline;color: #fff; font-size:12px;font-weight:bold;font-family:Verdana; padding-top:6px;} #viviendas #cabecera_viviendas span{ float:left;display:inline;color: #fff; font-size:32px;font-weight:bold;font-family:Verdana; margin:-8px auto auto 10px; *margin: 0px 0px 0px 10px; } #viviendas_tabla{color: #000;font-size: 12px;font-weight:bold;text-align:left;font-family:Verdana; background: #ebf5eb;} #viviendas p{color: #36740f;font-size: 12px;font-family:Verdana;} #viviendas h3{color:#064413;font-size: 12px;font-weight:bold;font-family:Verdana;} #viviendas td{padding:5px 9px;border-bottom:#003300 1px solid;} #sombra{background:url(/imagenes/index/sombra.gif) 0px 0 repeat-x;height:2px;} /************************************************* BUSCADOR ***************************************************/ #buscador{border-right:#efece1 1px solid;border-left:#efece1 1px solid; background:#fbfaf6;} #cabecera_buscador{background:url(/imagenes/comunes/cabecera-verde-p.jpg) 0px 0 no-repeat;height:39px;} #cabecera_buscador p{color: #FFF; font-size:12px;font-weight:bold;font-family:Verdana; margin:auto auto auto 10px; *margin: 0px 0px 0px 10px; padding-top:8px;} #buscador_tabla{color: #000;font-size: 12px;font-weight:bold;font-family:Verdana;text-align:left; margin:auto auto auto 12px;width:174px; } #buscador_tabla select{width:154px; background:#e4e4e4;width:174px; border:1px solid #d2d2d2;} #buscador_tabla span{color: #4b9021;font-size: 12px;font-weight:bold;font-family:Verdana;} #buscador_tabla td{padding-bottom: 5px;} #buscador_tabla input{ background:url(/imagenes/comunes/fnd_boton.jpg) no-repeat; width:52px; height:20px; color: #4b9021;font-family:Verdana;font-size:11px;font-weight:bold; border:0px; padding-bottom:5px; cursor:pointer;}