@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 Georgia;} /* 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: #717171;background:url(/imagenes/comunes/body-bg.jpg) no-repeat top center #FFF;padding-bottom:128px;} #pagina {margin: 0 auto; width: 876px; text-align: left;border:1px solid #eceaea;border-top:0px;background:#FFF;min-height:820px;height:auto !important;height:820px;} #cabecera h1{display: none;} .media {position:absolute;} #cabeceraImg{width:843px;height:137px;margin:0 auto 0;} /*.cabeceraES{background:url(/imagenes/comunes/cabecera/indexES.jpg) no-repeat top center;} .cabeceraCAT{background:url(/imagenes/comunes/cabecera/indexCAT.jpg) no-repeat top center;}*/ h1{text-indent: -9999px;} #accesos{float:right;padding-top:10px;letter-spacing:-1px;margin-right:4px;position:relative;} #accesos a,#accesos span,#accesos img{float:left;padding:3px 0 0; text-align:center;vertical-align:bottom;color:#bb1d2c;text-decoration:none;margin:0 3px;} #accesos a:hover{text-decoration:underline;} #accesos img{border-top:2px solid #FFF;} #accesos a.idiomaon{background:url(/imagenes/comunes/cabecera/idioma-on.gif) no-repeat center center;margin-right:8px;color:#fff;font-size:10px;text-decoration:none;width:29px;height:16px;float:left;margin-right:2px;} #accesos a.idiomaoff{background:url(/imagenes/comunes/cabecera/idioma-off.gif) no-repeat center center;margin-right:8px;color:#5a8954;font-size:10px;text-decoration:none;width:29px;height:16px;float:left;margin-right:2px;} #menu{float:left; position:relative;height:19px;width:876px;display:inline;} #menu li {float: left;} #menu li a {display: block; height: 19px; text-indent: -9999px;} .contenidoES #menu li#menu-home a{width:150px; background:url(/imagenes/comunes/cabecera/menuES.gif) no-repeat 0px 0px;} .contenidoES #menu li#menu-home a.actual{width:150px; background:url(/imagenes/comunes/cabecera/menuES.gif) no-repeat 0px -19px;} .contenidoES #menu li#menu-corporativo a{width:93px; background:url(/imagenes/comunes/cabecera/menuES.gif) no-repeat -149px 0px;} .contenidoES #menu li#menu-corporativo a.actual{background:url(/imagenes/comunes/cabecera/menuES.gif) no-repeat -149px -19px;} .contenidoES #menu li#menu-corporativo a:hover{background:url(/imagenes/comunes/cabecera/menuES.gif) no-repeat -149px -19px;} .contenidoES #menu li#menu-industrial a{width:79px; background:url(/imagenes/comunes/cabecera/menuES.gif) no-repeat -242px 0px;} .contenidoES #menu li#menu-industrial a.actual{background:url(/imagenes/comunes/cabecera/menuES.gif) no-repeat -242px -19px;} .contenidoES #menu li#menu-industrial a:hover{background:url(/imagenes/comunes/cabecera/menuES.gif) no-repeat -242px -19px;} .contenidoES #menu li#menu-residencial a{width:96px; background:url(/imagenes/comunes/cabecera/menuES.gif) no-repeat -333px 0px;} .contenidoES #menu li#menu-residencial a.actual{background:url(/imagenes/comunes/cabecera/menuES.gif) no-repeat -333px -19px;} .contenidoES #menu li#menu-residencial a:hover{background:url(/imagenes/comunes/cabecera/menuES.gif) no-repeat -333px -19px;} .contenidoES #menu li#menu-locales a{width:135px; background:url(/imagenes/comunes/cabecera/menuES.gif) no-repeat -321px 0px;} .contenidoES #menu li#menu-locales a.actual{background:url(/imagenes/comunes/cabecera/menuES.gif) no-repeat -321px -19px;} .contenidoES #menu li#menu-locales a:hover{background:url(/imagenes/comunes/cabecera/menuES.gif) no-repeat -321px -19px;} .contenidoES #menu li#menu-comercial a{width:81px; background:url(/imagenes/comunes/cabecera/menuES.gif) no-repeat -456px 0px;} .contenidoES #menu li#menu-comercial a.actual{background:url(/imagenes/comunes/cabecera/menuES.gif) no-repeat -456px -19px;} .contenidoES #menu li#menu-comercial a:hover{background:url(/imagenes/comunes/cabecera/menuES.gif) no-repeat -456px -19px;} /*.contenidoES #menu li#menu-llave a{width:116px; background-position:-499px 0px;}*/ /*.contenidoES #menu li#menu-llave a.actual{background-position:-499px -8px;}*/ .contenidoES #menu li#menu-naves a{width:124px; background:url(/imagenes/comunes/cabecera/menuES.gif) no-repeat -537px 0px;} .contenidoES #menu li#menu-naves a.actual{background:url(/imagenes/comunes/cabecera/menuES.gif) no-repeat -537px -19px;} .contenidoES #menu li#menu-naves a:hover{background:url(/imagenes/comunes/cabecera/menuES.gif) no-repeat -537px -19px;} .contenidoES #menu li#menu-obras a{width:127px; background:url(/imagenes/comunes/cabecera/menuES.gif) no-repeat -661px 0px;} .contenidoES #menu li#menu-obras a.actual{background:url(/imagenes/comunes/cabecera/menuES.gif) no-repeat -661px -19px;} .contenidoES #menu li#menu-obras a:hover{background:url(/imagenes/comunes/cabecera/menuES.gif) no-repeat -661px -19px;} .contenidoES #menu li#menu-contacto a{width:85px; background:url(/imagenes/comunes/cabecera/menuES.gif) no-repeat -788px 0px;} .contenidoES #menu li#menu-contacto a.actual{background:url(/imagenes/comunes/cabecera/menuES.gif) no-repeat -788px -19px;} .contenidoES #menu li#menu-contacto a:hover{background:url(/imagenes/comunes/cabecera/menuES.gif) no-repeat -788px -19px;} /******MENU CATALAN*****/ .contenidoCAT #menu li#menu-home a{width:151px; background:url(/imagenes/comunes/cabecera/menuCAT.gif) no-repeat 0px 0px;} .contenidoCAT #menu li#menu-home a.actual{width:151px; background:url(/imagenes/comunes/cabecera/menuCAT.gif) no-repeat 0px -19px;} .contenidoCAT #menu li#menu-corporativo a{width:93px; background:url(/imagenes/comunes/cabecera/menuCAT.gif) no-repeat -149px 0px;} .contenidoCAT #menu li#menu-corporativo a.actual{background:url(/imagenes/comunes/cabecera/menuCAT.gif) no-repeat -149px -19px;} .contenidoCAT #menu li#menu-corporativo a:hover{background:url(/imagenes/comunes/cabecera/menuCAT.gif) no-repeat -149px -19px;} .contenidoCAT #menu li#menu-industrial a{width:79px; background:url(/imagenes/comunes/cabecera/menuCAT.gif) no-repeat -242px 0px;} .contenidoCAT #menu li#menu-industrial a.actual{background:url(/imagenes/comunes/cabecera/menuCAT.gif) no-repeat -242px -19px;} .contenidoCAT #menu li#menu-industrial a:hover{background:url(/imagenes/comunes/cabecera/menuCAT.gif) no-repeat -242px -19px;} .contenidoCAT #menu li#menu-residencial a{width:96px; background:url(/imagenes/comunes/cabecera/menuCAT.gif) no-repeat -333px 0px;} .contenidoCAT #menu li#menu-residencial a.actual{background:url(/imagenes/comunes/cabecera/menuCAT.gif) no-repeat -333px -19px;} .contenidoCAT #menu li#menu-residencial a:hover{background:url(/imagenes/comunes/cabecera/menuCAT.gif) no-repeat -333px -19px;} .contenidoCAT #menu li#menu-locales a{width:135px; background:url(/imagenes/comunes/cabecera/menuCAT.gif) no-repeat -321px 0px;} .contenidoCAT #menu li#menu-locales a.actual{background:url(/imagenes/comunes/cabecera/menuCAT.gif) no-repeat -321px -19px;} .contenidoCAT #menu li#menu-locales a:hover{background:url(/imagenes/comunes/cabecera/menuCAT.gif) no-repeat -321px -19px;} .contenidoCAT #menu li#menu-comercial a{width:81px; background:url(/imagenes/comunes/cabecera/menuCAT.gif) no-repeat -456px 0px;} .contenidoCAT #menu li#menu-comercial a.actual{background:url(/imagenes/comunes/cabecera/menuCAT.gif) no-repeat -456px -19px;} .contenidoCAT #menu li#menu-comercial a:hover{background:url(/imagenes/comunes/cabecera/menuCAT.gif) no-repeat -456px -19px;} /*.contenidoCAT #menu li#menu-llave a{width:116px; background-position:-499px 0px;}*/ /*.contenidoCAT #menu li#menu-llave a.actual{background-position:-499px -8px;}*/ .contenidoCAT #menu li#menu-naves a{width:124px; background:url(/imagenes/comunes/cabecera/menuCAT.gif) no-repeat -537px 0px;} .contenidoCAT #menu li#menu-naves a.actual{background:url(/imagenes/comunes/cabecera/menuCAT.gif) no-repeat -537px -19px;} .contenidoCAT #menu li#menu-naves a:hover{background:url(/imagenes/comunes/cabecera/menuCAT.gif) no-repeat -537px -19px;} .contenidoCAT #menu li#menu-obras a{width:127px; background:url(/imagenes/comunes/cabecera/menuCAT.gif) no-repeat -661px 0px;} .contenidoCAT #menu li#menu-obras a.actual{background:url(/imagenes/comunes/cabecera/menuCAT.gif) no-repeat -661px -19px;} .contenidoCAT #menu li#menu-obras a:hover{background:url(/imagenes/comunes/cabecera/menuCAT.gif) no-repeat -661px -19px;} .contenidoCAT #menu li#menu-contacto a{width:85px; background:url(/imagenes/comunes/cabecera/menuCAT.gif) no-repeat -788px 0px;} .contenidoCAT #menu li#menu-contacto a.actual{background:url(/imagenes/comunes/cabecera/menuCAT.gif) no-repeat -788px -19px;} .contenidoCAT #menu li#menu-contacto a:hover{background:url(/imagenes/comunes/cabecera/menuCAT.gif) no-repeat -788px -19px;} #menu li a:hover, #menu li a.hover {text-decoration:underline;} #logo{margin:-153px auto 0 12px;float:left;display:inline;position:relative;} #logo img{behavior: url(/estilos/ie6pngfix/iepngfix.php);} #migas{float:left;clear:both;width:849px;height:16px;margin-left:30px;display:inline;padding-bottom:12px; margin-top:7px;} #migas li{display:inline;float:left;color:#066aa7;background:url(/imagenes/comunes/migas/flecha.gif) no-repeat 0 0;padding-left:15px;font-size:10px;color:#7e7e7e;line-height:14px;} #migas li.raiz a{color:#A81B28;} #migas #home{padding:0;background:none;} #migas #home img{vertical-align:top;} #migas a{color:#066aa7;text-decoration:none;} #contenido {min-height:450px;height:auto !important;height:450px;} #contenido div.ver{font-size:12px;letter-spacing:-1px;background:url(/imagenes/comunes/ver-mas.png) no-repeat top right;text-align:right;padding:4px 0 0 0;height:22px;} #contenido div.ver a{text-decoration:none;} #contenido div.ver span{font-weight:bold;font-size:12px;} #contenido div.ver span.rojo{color:#bf1e2d;padding-right:25px;} #contenido div.ver span.gris{color:#606060;} #contacto{float:left;display:inline;background:url(/imagenes/comunes/contacto-bg.jpg) no-repeat 0 0;margin-left:15px;color: #fff;margin-top:5px;width:250px;height:113px;} #contacto img{margin: 15px 18px 2px 18px; float:left;display:inline;} #contacto .numero{font-size:30px; float:left;margin:-35px 0 0 45px;font-weight:normal;display:inline;width:auto;*width:180px;} #contacto div{margin: 0px 0px 0px 18px;font-size: 11px; clear: both;font-weight:bold;} #contacto div span{font-size: 10px;font-weight:normal;} #contacto p, #contacto a{margin: 0px 0px 0px 18px;font-size: 10px; color: #ff8a95; } #contacto a{margin:0px;} #contacto #ver-mapa{float: right;margin:-15px 10px 0 0;display:inline;} #contacto #ver-mapa a{background:url(/imagenes/comunes/ver-mapa-rojo.gif) no-repeat top right; text-align: right; padding: 3px 22px 0 3px; text-decoration: none; width:93px;height:22px; display: block; color: #FFFFFF; font-size: 12px;} #form-contacto{background:url(/imagenes/comunes/contacto-form-bg.jpg) no-repeat 0 0;width:225px;height:373px;margin-left:14px;margin-top:25px;} #form-contacto h3{font-size:14px;color:#fff;margin:0 0 10px 0;text-align:center;padding:6px 0;font-weight:bold;letter-spacing:-1px;} #form-contacto label{font-size:12px;color:#606060;padding:0 18px;font-weight:bold;} #form-contacto label a{font-size:14px;color:#a81b28;} #form-contacto input{width:185px;border:0;background:transparent;} #form-contacto input#nombre{margin:4px 0 15px 18px;} #form-contacto input#telefono{margin:2px 0 11px 18px;} #form-contacto input#email{margin:3px 0 12px 18px;} #form-contacto input#contacten,#form-contacto input#condiciones{width:auto;border:0;margin:4px 0 4px 16px;vertical-align:middle;} #form-contacto label.enLinea{padding:0 0 0 3px;font-size:10px;font-weight:normal;margin-right:20px;} #form-contacto label.enLinea a{font-size:10px;} #form-contacto textarea{width:200px;border:0;background:transparent;overflow:hidden;margin:2px 12px 12px 18px;width:180px;height:60px;} #form-contacto contactoInfo{width:height:} #form-contacto input#enviar{float:right;width:152px;height:20px;cursor:pointer;background:url(/imagenes/contacto/btn-enviar.jpg) no-repeat 0 0;margin-right:15px;margin-top:12px;} #form-contacto #send {text-align: right; padding-top: 2px; padding-right: 25px; text-decoration:none;float:right;width:152px;height:20px;cursor:pointer;background:url(/imagenes/contacto/btn-enviar.jpg) no-repeat top right;margin-right:15px;margin-top:12px;} #form-contacto span#negro {font-weight: bold; font-family: arial; font-size: 12px; color:#606060; text-decoration:none;} #form-contacto span#rojo {font-weight: bold; font-family: arial; font-size: 12px; color:#bf1e2d; text-decoration:none;} #pie {height:108px; margin:0 auto;background:url(/imagenes/comunes/pie/borde.gif) repeat-x 0 0;color:#a9a9a9;} #datos{float:left; text-align:left;display:inline; background: url(/imagenes/comunes/pie/caja-pie.jpg) no-repeat; margin-left:7px; width: 369px; height:89px; font-size: 11px; } #datos p{margin-top:10px; margin-left:30px; font-family: Verdana; color: #cecdcd;} #datos p strong{ color:#fff; font-size:13px;} #datos p strong i{ color:#fff; font-style: italic; font-weight:bold; font-size:13px;} #tlfn{ color: #fff; font-size:21px;font-weight:bold; font-family:Verdana;} #datos p .grande{ font-family:Arial; font-weight:bold; font-size:19px; color: #cecdcd;} #logos{float:right;margin-right:10px;font-size:10px;text-align:right;line-height:15px; margin-top:15px;} #logos img{margin:6px 10px 0;} #logos p{margin-top:4px;font-size:10px;} #logos a{font-size:10px;color:#A9A9A9;} #logos strong{color:#000;} #derechos {float:right; text-align: right;display:inline;margin:0px 10px auto auto;} #derechos a{color:#848484;} #derechos span{color:#333;} div.br{clear:both;font-size:0;height:0;} .linea-contacto{background:transparent url(/imagenes/comunes/linea-contacto.gif) no-repeat scroll center center; margin-left:8px; width:394px;}