@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 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: #f9b600;} 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;} /* 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. * */ img, .png { position: relative; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "imagenes/comunes/transparente.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)); } /* FIN RESET PAGINAS Y REGLAS GENERALES FRAMEWORK CSS */ /********************************************** ESTRUCTURA DE LA PAGINA ***********************************************/ body {text-align: center; color: #006699; background-color:#FFFFFF;} #pagina {position: relative; margin: 0 auto; width: 981px; text-align: left;} h1 {position: absolute; top: 15px; left: 76px; width: 111px; height: 119px; display:block; text-indent: -9999px; background:url(/imagenes/comunes/imagen_h1.gif); cursor: pointer;} #cabecera{float: left; width:981px; position:relative; background-color:#F6F6F6;} #cabecera .util{float: left; width:981px;height: 47px;} #nav_util { float:right; margin: 23px 9px 10px 0px; display: inline; } #nav_util li {float: left; display: inline;} #nav_util li span{float:left; height:11px; margin-left:4px; margin-top:5px;} #nav_util li img{float:left;margin-left:4px;} #nav_util li span.bordeazul{border-left: solid 1px #8699A2; padding-left:5px; margin-top:5px;} #nav_util li a {padding: 0 2px 0px 0px; color: #8699A2; font-size: 10px; text-decoration: none;} #nav_util li a:hover {text-decoration: underline;} #cabecera .flash_cabecera{float:left; width:964px; height:188px; display:block; background-color:#FFFFFF; margin-left:7px; padding-left:3px; padding-top:3px;} #cabecera .fondo_menu{float:left; width:964px; height:31px; display:block; background-color:#FFFFFF; margin-left:7px; padding-left:3px; padding-top:3px;} #menu {float:left; width:961px; height:28px;} #menu li {float: left;display: inline;} #menu li a {display: block; height: 28px; text-indent: -9999px;} #homeES, #homeCA {float:left; width: 185px; } #homeEN{float:left; width: 175px; } #homeES {background: url(/imagenes/comunes/fnd_menuES.gif) top left no-repeat;} #homeEN {background: url(/imagenes/comunes/fnd_menuEN.gif) top left no-repeat;} #homeCA {background: url(/imagenes/comunes/fnd_menuCA.gif) top left no-repeat;} #homeES:hover, #homeES.hover { background: url(/imagenes/comunes/fnd_menuES.gif) 0px -28px no-repeat;} #homeEN:hover, #homeEN.hover { background: url(/imagenes/comunes/fnd_menuEN.gif) 0px -28px no-repeat;} #homeCA:hover, #homeCA.hover { background: url(/imagenes/comunes/fnd_menuCA.gif) 0px -28px no-repeat;} #empresaES, #empresaCA {width: 87px; } #empresaEN{width: 109px; } #empresaES {background: url(/imagenes/comunes/fnd_menuES.gif) -185px 0 no-repeat;} #empresaEN {background: url(/imagenes/comunes/fnd_menuEN.gif) -175px 0 no-repeat;} #empresaCA {background: url(/imagenes/comunes/fnd_menuCA.gif) -185px 0 no-repeat;} #empresaES:hover, #empresaES.hover { background: url(/imagenes/comunes/fnd_menuES.gif) -185px -28px no-repeat;} #empresaEN:hover, #empresaEN.hover { background: url(/imagenes/comunes/fnd_menuEN.gif) -175px -28px no-repeat;} #empresaCA:hover, #empresaCA.hover { background: url(/imagenes/comunes/fnd_menuCA.gif) -185px -28px no-repeat;} #serviciosES, #serviciosCA {width: 92px;} #serviciosEN{width: 97px;} #serviciosES {background: url(/imagenes/comunes/fnd_menuES.gif) -272px 0 no-repeat;} #serviciosEN {background: url(/imagenes/comunes/fnd_menuEN.gif) -284px 0 no-repeat;} #serviciosCA {background: url(/imagenes/comunes/fnd_menuCA.gif) -272px 0 no-repeat;} #serviciosES:hover, #serviciosES.hover { background: url(/imagenes/comunes/fnd_menuES.gif) -272px -28px no-repeat;} #serviciosEN:hover, #serviciosEN.hover { background: url(/imagenes/comunes/fnd_menuEN.gif) -284px -28px no-repeat;} #serviciosCA:hover, #serviciosCA.hover { background: url(/imagenes/comunes/fnd_menuCA.gif) -272px -28px no-repeat;} #promocionesventaES, #promocionesventaCA {width: 184px;} #promocionesventaEN{width: 161px;} #promocionesventaES {background: url(/imagenes/comunes/fnd_menuES.gif) -364px 0 no-repeat;} #promocionesventaEN {background: url(/imagenes/comunes/fnd_menuEN.gif) -381px 0 no-repeat;} #promocionesventaCA {background: url(/imagenes/comunes/fnd_menuCA.gif) -364px 0 no-repeat;} #promocionesventaES:hover, #promocionesventaES.hover { background: url(/imagenes/comunes/fnd_menuES.gif) -364px -28px no-repeat;} #promocionesventaEN:hover, #promocionesventaEN.hover { background: url(/imagenes/comunes/fnd_menuEN.gif) -381px -28px no-repeat;} #promocionesventaCA:hover, #promocionesventaCA.hover { background: url(/imagenes/comunes/fnd_menuCA.gif) -364px -28px no-repeat;} #buscadorES, #buscadorCA {width: 247px;} #buscadorEN {width: 226px;} #buscadorES {background: url(/imagenes/comunes/fnd_menuES.gif) -548px 0 no-repeat;} #buscadorEN {background: url(/imagenes/comunes/fnd_menuEN.gif) -542px 0 no-repeat;} #buscadorCA {background: url(/imagenes/comunes/fnd_menuCA.gif) -548px 0 no-repeat;} #buscadorES:hover, #buscadorES.hover { background: url(/imagenes/comunes/fnd_menuES.gif) -548px -28px no-repeat;} #buscadorEN:hover, #buscadorEN.hover { background: url(/imagenes/comunes/fnd_menuEN.gif) -542px -28px no-repeat;} #buscadorCA:hover, #buscadorCA.hover { background: url(/imagenes/comunes/fnd_menuCA.gif) -548px -28px no-repeat;} #sueloES, #sueloCA {width: 74px;} #sueloEN {width: 100px;} #sueloES {background: url(/imagenes/comunes/fnd_menuES.gif) -795px 0 no-repeat;} #sueloEN {background: url(/imagenes/comunes/fnd_menuEN.gif) -768px 0 no-repeat;} #sueloCA {background: url(/imagenes/comunes/fnd_menuCA.gif) -795px 0 no-repeat;} #sueloES:hover, #sueloES.hover { background: url(/imagenes/comunes/fnd_menuES.gif) -795px -28px no-repeat;} #sueloEN:hover, #sueloEN.hover { background: url(/imagenes/comunes/fnd_menuEN.gif) -768px -28px no-repeat;} #sueloCA:hover, #sueloCA.hover { background: url(/imagenes/comunes/fnd_menuCA.gif) -795px -28px no-repeat;} #contactoES, #contactoCA {width: 92px;} #contactoEN {width: 93px;} #contactoES {background: url(/imagenes/comunes/fnd_menuES.gif) -869px 0 no-repeat;} #contactoEN {background: url(/imagenes/comunes/fnd_menuEN.gif) -868px 0 no-repeat;} #contactoCA {background: url(/imagenes/comunes/fnd_menuCA.gif) -869px 0 no-repeat;} #contactoES:hover, #contactoES.hover { background: url(/imagenes/comunes/fnd_menuES.gif) -869px -28px no-repeat;} #contactoEN:hover, #contactoEN.hover { background: url(/imagenes/comunes/fnd_menuEN.gif) -868px -28px no-repeat;} #contactoCA:hover, #contactoCA.hover { background: url(/imagenes/comunes/fnd_menuCA.gif) -869px -28px no-repeat;} #migas {margin-top: 5px; margin-left:11px;} #migas li {float: left; font-weight: bold; color: #83969E;} #migas li a {text-decoration: none; color: #83969E;} #migas li a:hover {text-decoration: underline;} #contenido {width:981px; float:left; background-color:#F6F6F6;} img.galeria {display: inline;} img.galeria_invisible {display: none;} #pie {clear: both; position: relative; width: 987px; /*height: 41px;*/height: 63px; /*background: url(/imagenes/comunes/fnd_pie.gif) no-repeat;*/} #pie .legal{float:left; width:312px; height:74px; background:url(/imagenes/comunes/fondo_legal.jpg); margin-left:24px; margin-top:-6px; display:inline; padding:16px 26px; font-family:Verdana; font-size:9px; color:#A9A9A9; font-weight:bold; display:inline;} #pie .derechos{float:right; width:392px; margin-right:24px; text-align:right; display:inline;} #pie .derechos .enlaces{float:right; } #pie .derechos .enlaces span.separador{float:left; width:1px; height:40px; background-color:#A9A9A9; margin-left:28px; display:inline;} #pie .derechos .enlaces a img{float:left; margin-left:28px; display:inline;} #pie .derechos .enlaces img{float:left; margin-left:28px; display:inline;} #pie .derechos .copy{float:right; width: 392px; margin-top:10px; font-family:Verdana; font-size:9px; color:#A9A9A9; display:inline;} #pie .derechos .terminos{float:right; width: 392px; margin-top:5px; font-family:Verdana; font-size:9px; color:#A9A9A9; display:inline;} #pie .derechos .terminos a{font-family:Verdana; font-size:9px; color:#A9A9A9; font-weight:bold;}