@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 { background:#fff;} #pagina{background: #fff; margin:auto; font-family:Arial; width:990px;} /********************************************** COL-IZQ ***********************************************/ #izq{float:left; display:inline; width:199px; padding-bottom:8px;} #izq #logo{background: url(/imagenes/comunes/fnd-logo.gif) repeat-y; padding-top:19px;} #izq #logo h1 a{background: url(/imagenes/comunes/h1-logo.gif) no-repeat; display:block; width:199px; height:132px; text-indent:-9999px;} /***menu***/ #izq #menu{margin-top:7px; float:left; display:inline;} #menu li {float: left; display: inline;position:relative;} #menu li a {display: block; text-indent:-9999px} #menu li .grupo {width: 199px; height:39px; background: url(/imagenes/comunes/menu.jpg) no-repeat 0 0;} #menu li .grupo-selec { width: 199px; height:39px; background: url(/imagenes/comunes/menu.jpg) no-repeat -199px 0px;} #menu li .grupo:hover { width: 199px; background: url(/imagenes/comunes/menu.jpg) no-repeat -199px 0px;} #menu li .proyectos-venta {width: 199px; height:41px; background: url(/imagenes/comunes/menu.jpg) no-repeat 0 -39px;} #menu li .proyectos-venta-selec { width: 199px; height:41px; background: url(/imagenes/comunes/menu.jpg) no-repeat -199px -39px;} #menu li .proyectos-venta:hover { width: 199px; background: url(/imagenes/comunes/menu.jpg) no-repeat -199px -39px;} #menu li .proyectos-realizados {width: 199px; height:41px; background: url(/imagenes/comunes/menu.jpg) no-repeat 0 -80px;} #menu li .proyectos-realizados-selec { width: 199px; height:41px; background: url(/imagenes/comunes/menu.jpg) no-repeat -199px -80px;} #menu li .proyectos-realizados:hover { width: 199px; background: url(/imagenes/comunes/menu.jpg) no-repeat -199px -80px;} #menu li .proyectos-futuros {width: 199px; height:41px; background: url(/imagenes/comunes/menu.jpg) no-repeat 0 -121px;} #menu li .proyectos-futuros-selec { width: 199px; height:41px; background: url(/imagenes/comunes/menu.jpg) no-repeat -199px -121px;} #menu li .proyectos-futuros:hover { width: 199px; background: url(/imagenes/comunes/menu.jpg) no-repeat -199px -121px;} #menu li .inmueble {width: 199px; height:40px; background: url(/imagenes/comunes/menu.jpg) no-repeat 0 -162px;} #menu li .inmueble-selec { width: 199px; height:40px; background: url(/imagenes/comunes/menu.jpg) no-repeat -199px -162px;} #menu li .inmueble:hover { width: 199px; background: url(/imagenes/comunes/menu.jpg) no-repeat -199px -162px;} #menu li .contacto {width: 199px; height:41px; background: url(/imagenes/comunes/menu.jpg) no-repeat 0 -202px;} #menu li .contacto-selec { width: 199px; height:41px; background: url(/imagenes/comunes/menu.jpg) no-repeat -199px -202px;} #menu li .contacto:hover { width: 199px; background: url(/imagenes/comunes/menu.jpg) no-repeat -199px -202px;} /***fin menu***/ #izq #nina{ float:left; display:inline; background: url(/imagenes/comunes/nina.jpg) no-repeat; width:199px; height:281px; margin-top:8px;} #izq #contacto{ float:left; display:inline; margin-top:8px;} #izq #contacto #contact-titulo_ES{ background: url(/imagenes/comunes/contact-titulo_ES.gif) no-repeat; display:block; width:199px; height:30px; text-indent:-9999px;} #izq #contacto #direccion-contacto{ background: url(/imagenes/comunes/fnd-telefono.jpg) 0 120px no-repeat; width:199px; height:240px; margin-top:8px;} #direccion-contacto p{ margin-top: 15px; margin-left:13px; width:175px; color:#555555; font-size:11px; } #direccion-contacto #contactanos{ float:right; width: 133px; padding-right:10px;font-weight:bold; color:#555555; font-size:11px; background: url(/imagenes/comunes/flechas-drch.gif) no-repeat right 3px; margin-top:53px; margin-right:14px; text-decoration:none;} #direccion-contacto #contactanos:hover{text-decoration:underline;} #contacto #banda-fin{float:left; display:inline; background: url(/imagenes/comunes/fnd-contacto.gif) repeat-y; margin-top:8px; height:7px; width:199px;} /********************************************** COL-DRCH ***********************************************/ #drch{ float:left; display:inline;margin-left:7px; width:784px;} /********************************************** NAV-UTIL ***********************************************/ #nav_util {float:left; display:inline; width:784px; height:17px; border-bottom:2px solid #e6e6e6;} #nav_util ul{float:right;} #nav_util li {color: #777777; display: inline; margin-left:25px;} #nav_util li a {height: 14px; color: #777777; font-size: 9px; text-decoration: none;} #nav_util li a:hover {text-decoration: underline;} /********************************************** CONTENIDO ***********************************************/ #contenido{ float:left; display:inline; width:784px; margin-top:2px; } #flash{float:left; display:inline; width:784px; margin-top:4px;} .flash-index{background: url(/imagenes/index/img-flash.jpg) no-repeat; height:379px;} .flash-nina{background: url(/imagenes/comunes/flash2.jpg) no-repeat; height:133px; margin-top:4px;} .flash-casa{background: url(/imagenes/comunes/flash1.jpg) no-repeat; height:135px; margin-top:2px;} #subcontenido{float:left; display:inline; width:784px;} /**********PROYECTOS LISTADOS***********/ .proyecto{float:left; display:inline; width:257px; margin-left:6px; margin-top:8px; height:243px;} .primero{margin-left:0px;} .proyecto .lugar{margin-top:15px; margin-left:11px; color:#e35d23; font-size:12px; font-weight:bold;} .proyecto .nombre{margin-left:11px; color:#99999b; font-weight:bold;} .proyecto .descripcion{margin-left:11px; color:#99999b; width:235px; height:20px;} .proyecto .ver{float:right; background: url(/imagenes/comunes/flechas-naranja.gif) no-repeat right 3px; padding-right:19px; text-decoration:none; color:#e35d23; font-size:11px; font-weight:bold;} .proyecto .ver:hover{text-decoration:underline;} /********************************************** PIE ***********************************************/ #pie{background: url(/imagenes/comunes/fnd-pie.gif) no-repeat; float:left; display:inline; width:990px; color:#777777; height:35px; text-align:center; padding-top:12px;} #pie a{color:#777777; font-size:11px;} /******REQUEST******/ #request{width:547px; height:314px; background:#fff;} #request-img{ margin-top:49px; margin-left:89px;} /***AVISO LEGAL***/ #aviso{width:700px; background:#fff;} #aviso h3{background:#DC561C; color:#fff; font-family:Arial; font-size:16px; font-weight:bold; height:25px;} #aviso p{color:#757575; font-family:Arial; font-size:11px; } #aviso ul{color:#757575; font-family:Arial; font-size:11px; } #aviso h2{color:#DC561C; font-family:Arial; font-size:12px; font-weight:bold;margin-top:10px;}