/* ETIQUETAS */ body{ font-family:Verdana, Geneva, sans-serif; font-size:.7em; background:url(../imgs/barra-gris-fondo.jpg) repeat-x 0 18px #FFF;} h2{ padding:15px; font-size:1.2em; font-weight:bold; margin-bottom:20px; text-transform:uppercase;} strong{ font-weight:bold;} /* CONTENEDORES */ #web{ width:916px; margin:0 auto;} #cabecera{ float:left; width:866px; padding:18px 25px 0 25px; background:url(../imgs/fondo-cabecera.gif) no-repeat left top #FFF;} #logo{ float:left;} #fotos-cabecera{ float:right;} #contenido{ float:left; width:900px; padding:0 8px 30px 8px; background:url(../imgs/fondo-web.gif) repeat-y left top #FFF;} #texto-presentacion{ width:630px; float:left; padding:0 40px 0 20px; text-align:justify;} #imagenes-presentacion{ width:190px; float:right; padding:0 20px 0 0;} #pie{ float:left; width:900px; background:url(../imgs/fondo-web.gif) repeat-y left top; padding:0px 8px 10px 8px;} #contenido-pie{float:left; width:866px; padding:5px 17px; background:#000; color:#FFF;} #direccion-pie{ float:left; width:auto; text-align:center; width:100%; margin-bottom:5px;} #menu-pie{ float:right; width:auto; text-align:center; width:100%;margin-bottom:5px;} #menu_subcategorias{ width:200px; float:left; margin-right:30px;} #productos{ float:left; padding:14px 20px 0 0;} #el-laton{ background:url(../imgs/tubos-laton.jpg) no-repeat right bottom; width:860px; padding:0 20px 10px 20px;} #el-acero-inoxidable{ width:860px; padding:0 20px 10px 20px;} #croquis-secadores{ width:860px; padding:0 20px 10px 20px;} /* MODIFICADORES */ .clear_both{ clear:both;} .no-margin{ margin:0;} h2.presentacion{ background:#CCC;} h2.laton{ background:#592675; color:#FFF;} h2.inox{ background:#5A4355; color:#FFF;} h2.secadores{ background:#C93652; color:#FFF;} h2.espejos{ background:#58469A; color:#FFF;} h2.planchado{ background:#A75E4B; color:#FFF;} h2.toalleros{ background:#000; color:#FFF;} h2.perchas{ background:#C5A55A;} h2.complementos{ background:#858F53; color:#FFF;} h2.ayudas{ background:#2372B7; color:#FFF;} h2.menu-pie{ background:#000; color:#FFF;} h2.el-laton{ background:#f3bc00; color:#000;} #fotos-cabecera ul li{ float:left; text-align:center; margin:0 13px;} #fotos-cabecera ul li.ultima{ margin-right:0;} #fotos-cabecera ul li p{font-weight:1.1em; font-weight:bold; color:#CCC; margin-top:8px;} #contenido-pie ul li{ display:inline; font-size:.8em; background: url(../imgs/punto-pie.jpg) no-repeat 0 6px; padding:0 3px 0 7px;} #contenido-pie ul li.primera{ padding-left:0; background:none;} #contenido-pie ul li.ultima{ padding-right:0;} #contenido-pie ul li a{ color:#FFF; text-decoration:none;} #contenido-pie ul li a:hover{ text-decoration:underline;} #texto-presentacion p{ margin-bottom:1em;} #imagenes-presentacion img{ margin-bottom:15px;} .si-subcategoria{width:650px;} .si-subcategoria h3{ font-size:1.1em; font-weight:bold; margin-bottom:.7em; text-transform:uppercase;} .si-subcategoria h3 span{ font-weight:bold; color:#000 !important;} .si-subcategoria h3.laton{color:#592675;} .si-subcategoria h3.inox{ color:#5A4355;} .si-subcategoria h3.secadores{ color:#C93652;} .si-subcategoria h3.espejos{ color:#58469A;} .si-subcategoria h3.planchado{ color:#A75E4B;} .si-subcategoria h3.toalleros{ color:#000;} .si-subcategoria h3.perchas{ color:#C5A55A;} .si-subcategoria h3.complementos{ color:#858F53;} .si-subcategoria h3.ayudas{ color:#2372B7;} .no-subcategoria{ padding-left:20px !important; width:860px;} #el-laton p{ margin-bottom:1em;} #el-laton ul{ margin:1em 0 1em 2em;} #el-laton ul li{ margin-bottom:.5em; background:url(../imgs/el-laton-guion.gif) no-repeat 0 6px; padding-left:7px;} #el-laton ul li.ultima{ margin-bottom:0;} #el-laton li.corta{ width:73%;} #el-laton p.corto{ width:73%;} #el-laton a{ color:#f3bc00;} #el-laton a:hover{ color:#000; text-decoration:none;} #el-acero-inoxidable p{ margin-bottom:1em;} #el-acero-inoxidable a{ color:#000;} #el-acero-inoxidable a:hover{ text-decoration:none;} #croquis-secadores a{ color:#C93652;} #croquis-secadores a:hover{ color:#000; text-decoration:none;} /* MENU PRINCIPAL */ #menu{ float:left; width:900px; padding:30px 8px 0px 8px; background:url(../imgs/fondo-web.gif) repeat-y left top #FFF;} #menu ul{ float:left; width:100%; background:url(../imgs/pestanas/borde-abajo.jpg) no-repeat right bottom;} #menu ul li{ float:left;} #menu ul li a{ float:left; text-decoration:none; color:#FFF; font-weight:bold; text-align:center;} #menu ul li.presentacion{ background:url(../imgs/pestanas/presentacion-izq-off.jpg) no-repeat left top;} #menu ul li.presentacion a{ background:url(../imgs/pestanas/presentacion-dra-off.jpg) no-repeat right top; padding:13px 10px 0 11px; height:23px; color:#000;} #menu ul li.presentacion-activo{background:url(../imgs/pestanas/presentacion-izq-on.jpg) no-repeat left top; } #menu ul li.presentacion-activo a{ background:url(../imgs/pestanas/presentacion-dra-on.jpg) no-repeat right top; padding:13px 10px 0 11px; height:23px; color:#000;} #menu ul li.laton{ background:url(../imgs/pestanas/laton-izq-off.jpg) no-repeat left top; } #menu ul li.laton a{ background:url(../imgs/pestanas/laton-dra-off.jpg) no-repeat right top; padding:13px 10px 0 7px; height:23px;} #menu ul li.laton-activo{background:url(../imgs/pestanas/laton-izq-on.jpg) no-repeat left top; } #menu ul li.laton-activo a{ background:url(../imgs/pestanas/laton-dra-on.jpg) no-repeat right top; padding:13px 10px 0 7px; height:23px;} #menu ul li.inox{ background:url(../imgs/pestanas/inox-izq-off.jpg) no-repeat left top; } #menu ul li.inox a{ background:url(../imgs/pestanas/inox-dra-off.jpg) no-repeat right top; padding:7px 10px 0 7px; height:29px;} #menu ul li.inox-activo{background:url(../imgs/pestanas/inox-izq-on.jpg) no-repeat left top; } #menu ul li.inox-activo a{ background:url(../imgs/pestanas/inox-dra-on.jpg) no-repeat right top; padding:7px 10px 0 7px; height:29px;} #menu ul li.secadores{ background:url(../imgs/pestanas/secadores-izq-off.jpg) no-repeat left top; } #menu ul li.secadores a{ background:url(../imgs/pestanas/secadores-dra-off.jpg) no-repeat right top; padding:13px 10px 0 7px; height:23px;} #menu ul li.secadores-activo{background:url(../imgs/pestanas/secadores-izq-on.jpg) no-repeat left top; } #menu ul li.secadores-activo a{ background:url(../imgs/pestanas/secadores-dra-on.jpg) no-repeat right top; padding:13px 10px 0 7px; height:23px;} #menu ul li.espejos{ background:url(../imgs/pestanas/espejos-izq-off.jpg) no-repeat left top; } #menu ul li.espejos a{ background:url(../imgs/pestanas/espejos-dra-off.jpg) no-repeat right top; padding:13px 10px 0 7px; height:23px;} #menu ul li.espejos-activo{background:url(../imgs/pestanas/espejos-izq-on.jpg) no-repeat left top; } #menu ul li.espejos-activo a{ background:url(../imgs/pestanas/espejos-dra-on.jpg) no-repeat right top; padding:13px 10px 0 7px; height:23px;} #menu ul li.planchado{ background:url(../imgs/pestanas/planchado-izq-off.jpg) no-repeat left top; } #menu ul li.planchado a{ background:url(../imgs/pestanas/planchado-dra-off.jpg) no-repeat right top; padding:7px 10px 0 7px; height:29px;} #menu ul li.planchado-activo{background:url(../imgs/pestanas/planchado-izq-on.jpg) no-repeat left top; } #menu ul li.planchado-activo a{ background:url(../imgs/pestanas/planchado-dra-on.jpg) no-repeat right top; padding:7px 10px 0 7px; height:29px;} #menu ul li.toalleros{ background:url(../imgs/pestanas/toalleros-izq-off.jpg) no-repeat left top; } #menu ul li.toalleros a{ background:url(../imgs/pestanas/toalleros-dra-off.jpg) no-repeat right top; padding:7px 10px 0 7px; height:29px;} #menu ul li.toalleros-activo{background:url(../imgs/pestanas/toalleros-izq-on.jpg) no-repeat left top; } #menu ul li.toalleros-activo a{ background:url(../imgs/pestanas/toalleros-dra-on.jpg) no-repeat right top; padding:7px 10px 0 7px; height:29px;} #menu ul li.perchas{ background:url(../imgs/pestanas/perchas-izq-off.jpg) no-repeat left top; } #menu ul li.perchas a{ background:url(../imgs/pestanas/perchas-dra-off.jpg) no-repeat right top; padding:13px 10px 0 7px; height:23px; color:#000;} #menu ul li.perchas-activo{background:url(../imgs/pestanas/perchas-izq-on.jpg) no-repeat left top; } #menu ul li.perchas-activo a{ background:url(../imgs/pestanas/perchas-dra-on.jpg) no-repeat right top; padding:13px 10px 0 7px; height:23px; color:#000;} #menu ul li.complementos{ background:url(../imgs/pestanas/complementos-izq-off.jpg) no-repeat left top; } #menu ul li.complementos a{ background:url(../imgs/pestanas/complementos-dra-off.jpg) no-repeat right top; padding:13px 10px 0 7px; height:23px;} #menu ul li.complementos-activo{background:url(../imgs/pestanas/complementos-izq-on.jpg) no-repeat left top; } #menu ul li.complementos-activo a{ background:url(../imgs/pestanas/complementos-dra-on.jpg) no-repeat right top; padding:13px 10px 0 7px; height:23px;} #menu ul li.ayudas{ background:url(../imgs/pestanas/ayudas-izq-off.jpg) no-repeat left top; } #menu ul li.ayudas a{ background:url(../imgs/pestanas/ayudas-dra-off.jpg) no-repeat right top; padding:7px 10px 0 7px; height:29px;} #menu ul li.ayudas-activo{background:url(../imgs/pestanas/ayudas-izq-on.jpg) no-repeat left top; } #menu ul li.ayudas-activo a{ background:url(../imgs/pestanas/ayudas-dra-on.jpg) no-repeat right top; padding:7px 10px 0 7px; height:29px;} /* MENU SUBCATEGORIAS */ #menu_subcategorias ul{ margin-left:15px; padding:7px 0 7px 0;} #menu_subcategorias ul li{ padding:7px 0 7px 23px; text-transform:uppercase;} #menu_subcategorias ul li a{ text-decoration:none;} #menu_subcategorias ul li a:hover{ color:#000 !important;} #menu_subcategorias ul li.activa a{ color:#000 !important; font-weight:bold;} #menu_subcategorias ul.laton{border-left:1px solid #592675;} #menu_subcategorias ul.laton li{ background:url(../imgs/subcategorias/linea-laton.jpg) no-repeat left center;} #menu_subcategorias ul.laton li a{color:#592675;} #menu_subcategorias ul.inox{border-left:1px solid #5A4355;} #menu_subcategorias ul.inox li{ background:url(../imgs/subcategorias/linea-inox.jpg) no-repeat left center;} #menu_subcategorias ul.inox li a{color:#5A4355;} #menu_subcategorias ul.secadores{border-left:1px solid #C93652;} #menu_subcategorias ul.secadores li{ background:url(../imgs/subcategorias/linea-secadores.jpg) no-repeat left center;} #menu_subcategorias ul.secadores li a{ color:#C93652;} #menu_subcategorias ul.espejos{border-left:1px solid #58469A;} #menu_subcategorias ul.espejos li{ background:url(../imgs/subcategorias/linea-espejos.jpg) no-repeat left center;} #menu_subcategorias ul.espejos li a{color:#58469A;} #menu_subcategorias ul.planchado{border-left:1px solid #A75E4B;} #menu_subcategorias ul.planchado li{ background:url(../imgs/subcategorias/linea-planchado.jpg) no-repeat left center;} #menu_subcategorias ul.planchado li a{color:#A75E4B;} #menu_subcategorias ul.toalleros{border-left:1px solid #000000;} #menu_subcategorias ul.toalleros li{ background:url(../imgs/subcategorias/linea-toalleros.jpg) no-repeat left center;} #menu_subcategorias ul.toalleros li a{color:#000000;} #menu_subcategorias ul.perchas{border-left:1px solid #C5A55A;} #menu_subcategorias ul.perchas li{ background:url(../imgs/subcategorias/linea-perchas.jpg) no-repeat left center;} #menu_subcategorias ul.perchas li a{color:#C5A55A;} #menu_subcategorias ul.complementos{border-left:1px solid #858F53;} #menu_subcategorias ul.complementos li{ background:url(../imgs/subcategorias/linea-complementos.jpg) no-repeat left center;} #menu_subcategorias ul.complementos li a{color:#858F53;} #menu_subcategorias ul.ayudas{border-left:1px solid #2372B7;} #menu_subcategorias ul.ayudas li{ background:url(../imgs/subcategorias/linea-ayudas.jpg) no-repeat left center;} #menu_subcategorias ul.ayudas li a{color:#2372B7;} /* LISTADO PRODUCTOS */ ul#listado-productos{ float:left; width:100%; margin:25px 0 25px 25px;} .no-subcategoria ul#listado-productos{ margin-left:40px;} ul#listado-productos li{ float:left; width:120px; margin-bottom:20px; text-align:center; padding:10px 15px 10px 15px; margin-right:60px;} ul#listado-productos li div.info-producto{height:185px;} ul#listado-productos li p{ padding-top:10px;} ul#listado-productos li div.mas-info-producto{ padding-top:7px;} ul#listado-productos li div.mas-info-producto a{ color:#000; text-decoration:none; font-weight:bold;} ul#listado-productos li div.mas-info-producto a:hover{ text-decoration:underline;} #productos ul.laton li{border:1px solid #592675;} #productos ul.inox li{border:1px solid #5A4355;} #productos ul.secadores li{border:1px solid #C93652;} #productos ul.espejos li{border:1px solid #58469A;} #productos ul.planchado li{border:1px solid #A75E4B;} #productos ul.toalleros li{border:1px solid #000000;} #productos ul.perchas li{border:1px solid #C5A55A;} #productos ul.complementos li{border:1px solid #858F53;} #productos ul.ayudas li{border:1px solid #2372B7;} /* REFERENCIAS PRODUCTOS */ #producto{ padding:20px; width:860px; float:left;} #producto h3{ font-size:1.2em; font-weight:bold; margin-bottom:1em; text-transform:uppercase;} #producto h3.laton{color:#592675;} #producto h3.inox{ color:#5A4355;} #producto h3.secadores{ color:#C93652;} #producto h3.espejos{ color:#58469A;} #producto h3.planchado{ color:#A75E4B;} #producto h3.toalleros{ color:#000;} #producto h3.perchas{ color:#C5A55A;} #producto h3.complementos{ color:#858F53;} #producto h3.ayudas{ color:#2372B7;} #producto #imagen-peq{ float:left; width:140px; margin:0 65px 0 0;} #producto #imagen-peq img{ padding:10px; border-left:0 !important; border-top:0 !important;} #producto #imagen-peq img.laton{border:1px solid #592675;} #producto #imagen-peq img.inox{ border:1px solid #5A4355;} #producto #imagen-peq img.secadores{ border:1px solid #C93652;} #producto #imagen-peq img.espejos{ border:1px solid #58469A;} #producto #imagen-peq img.planchado{ border:1px solid #A75E4B;} #producto #imagen-peq img.toalleros{ border:1px solid #000;} #producto #imagen-peq img.perchas{ border:1px solid #C5A55A;} #producto #imagen-peq img.complementos{ border:1px solid #858F53;} #producto #imagen-peq img.ayudas{ border:1px solid #2372B7;} #producto #descripcion-producto{ float:left; width:655px;} #producto #descripcion-producto p{ font-size:1.1em;} #producto #descripcion-producto dl{ float:left; margin-top:1em; width:100%;} #producto #descripcion-producto dt{ float:left; width:19%; font-weight:bold; clear:both; margin-bottom:.5em;} #producto #descripcion-producto dl.laton dt{color:#592675;} #producto #descripcion-producto dl.inox dt{ color:#5A4355;} #producto #descripcion-producto dl.secadores dt{ color:#C93652;} #producto #descripcion-producto dl.espejos dt{ color:#58469A;} #producto #descripcion-producto dl.planchado dt{ color:#A75E4B;} #producto #descripcion-producto dl.toalleros dt{ color:#000;} #producto #descripcion-producto dl.perchas dt{ color:#C5A55A;} #producto #descripcion-producto dl.complementos dt{ color:#858F53;} #producto #descripcion-producto dl.ayudas dt{ color:#2372B7;} #producto #descripcion-producto dd{ float:left; width:70%; margin-bottom:.5em;} #producto #producto-contacto p{ margin:2em 0; clear:both; float:left;} #producto #producto-contacto p a{ color:#666; text-decoration:none; font-weight:bold;} #producto #producto-contacto p a:hover{ color:#000;} #producto #volver{ float:left; clear:both; margin:0 0 0 0;} #producto #volver a{ color:#000; text-decoration:none;} #producto #volver a:hover{ text-decoration:underline;} /*MAPA WEB*/ ul#mapa-web{ margin-left:20px;} ul#mapa-web li{ background:url(../imgs/flecha-mapa-web.jpg) no-repeat left top; padding-left:30px; margin-bottom:15px; color:#000;} ul#mapa-web li ul{ margin-top:10px;} ul#mapa-web li ul li{ background:url(../imgs/flecha-mapa-web-subcategoria.jpg) no-repeat left top; padding:5px 0 4px 25px;} ul#mapa-web li a{ color:#666; text-decoration:none; } ul#mapa-web li a:hover{ color:#000;} /* CONTACTO */ #contacto-izq{ float:left; width:412px; margin-left:20px;} #datos-contacto{ float:left; width:390px; padding:10px; border:1px solid #CCC; color:#666;} #datos-contacto h3{ font-weight:bold; margin-bottom:.5em;} #datos-contacto p{ margin-bottom:.3em;} #datos-contacto dt{ float:left; clear:both; width:30%; margin-bottom:.3em;} #datos-contacto dd{ float:left; width:60%; margin-bottom:.3em;} #datos-contacto a{ color:#666; text-decoration:none;} #datos-contacto a:hover{ color:#000;} #google_map{ float:left; width:390px; padding:10px; border:1px solid #CCC; margin-top:10px; height:300px;} #datos_map { position:absolute; padding:20px; color:#000000; width:230px; background:url(../imgs/fondo-capa-mapa.gif) no-repeat left top;} #datos_map img{ margin-bottom:10px;} #datos_map a{ color:#000;} #datos_map a:hover{ text-decoration:none;} #contacto-dra{ float:right; width:412px; margin-right:20px;} #form-contacto{ float:right; width:390px; padding:10px; border:1px solid #CCC; color:#666;} #form-contacto h3{ font-weight:bold; margin-bottom:.5em;} #form-contacto p{ margin-bottom:.7em;} #form-contacto input{ font-family:Verdana, Geneva, sans-serif; font-size:1em; background:#CCC; color:#000; border:1px solid #666; padding:.3em;} #form-contacto textarea{ font-family:Verdana, Geneva, sans-serif; font-size:1em; background:#CCC; color:#000; border:1px solid #666; padding:.3em;} #form-contacto dt{ float:left; clear:both; width:40%; margin-bottom:1em;} #form-contacto dd{ float:left; width:50%; margin-bottom:1em;} #form-contacto p.correcto{ color:#F00; font-weight:bold;} #descarga-catalogo{ width:auto; float:right;} #descarga-catalogo li{ float:left; width:55px; margin-right:20px;} #descarga-catalogo li a{ float:left; width:55px; padding-top:30px; background:url(../imgs/pdf-icon.jpg) no-repeat center top; text-align:center; text-decoration:none; color:#000;} #descarga-catalogo li a:hover{ background:url(../imgs/pdf-icon-hover.jpg) no-repeat center top; color:#CCC;} /* ESTILOS EXTRAS */ #certificados-ayudas{ width:auto; float:right;} #certificados-ayudas p{ float:right; width:55px; margin-right:20px;} #certificados-ayudas p a{float:right; width:55px; padding-top:30px; background:url(../imgs/pdf-icon.jpg) no-repeat center top; text-align:center; text-decoration:none; color:#000;} #certificados-ayudas p a:hover{ background:url(../imgs/pdf-icon-hover.jpg) no-repeat center top; color:#CCC;} #certificados-ayudas ul{ float:right; margin-right:30px;} #certificados-ayudas ul li{ margin-bottom:.5em; text-align:center;} #imagen-acabados-kobe{ margin-top:30px; float:left; clear:right;} #texto-acabados-kobe{ float:left; margin:30px 0 0 15px; padding-top:30px; font-weight:bold; font-size:.9em;} #enlace-laton{ float:right; margin-right:20px;} #enlace-laton a{ float:left; width:67px; padding-top:30px; background:url(../imgs/doc-icon.jpg) no-repeat center top; text-align:center; text-decoration:none; color:#000;} #enlace-laton a:hover{ background:url(../imgs/doc-icon-hover.jpg) no-repeat center top; color:#CCC;} #enlace-acero-inoxidable{ float:right; margin-right:20px;} #enlace-acero-inoxidable a{ float:left; width:67px; padding-top:30px; background:url(../imgs/doc-icon.jpg) no-repeat center top; text-align:center; text-decoration:none; color:#000;} #enlace-acero-inoxidable a:hover{ background:url(../imgs/doc-icon-hover.jpg) no-repeat center top; color:#CCC;} #enlace-croquis-secadores{ float:right; margin-right:20px;} #enlace-croquis-secadores a{ float:left; width:67px; padding-top:30px; background:url(../imgs/doc-icon.jpg) no-repeat center top; text-align:center; text-decoration:none; color:#000;} #enlace-croquis-secadores a:hover{ background:url(../imgs/doc-icon-hover.jpg) no-repeat center top; color:#CCC;} #logo-valera{ float:right; margin-right:20px;} #enlace-swiss-powerjet{ margin-top:1em; float:left;} #enlace-swiss-powerjet a{ float:left; background:url(../imgs/pdf-icon.jpg) no-repeat left top; text-align:center; text-decoration:none; color:#000; padding-top:7px; padding-bottom:7px; padding-left:35px;} #enlace-swiss-powerjet a:hover{ background:url(../imgs/pdf-icon-hover.jpg) no-repeat left top; color:#CCC;} #fabricacion-pvc{ padding-top:10px; color:#2372B7; font-size:1.1em;} #fabricacion-pvc span{ font-weight:bold; font-size:1.1em;} /* MENU IDIOMAS */ #menu-idiomas{ float:right; width:auto; margin-top:1em;} #menu-idiomas p{ float:left; width:auto; margin-right:.5em;} #menu-idiomas ul{ float:left; width:auto;} #menu-idiomas ul li{ float:left; width:auto; margin-right:.5em;} #menu-idiomas ul li img{ padding:.1em; border:1px solid #000;} #menu-idiomas ul li a img{ border:1px solid #FFF;} #menu-idiomas ul li a:hover img{ border:1px solid #000;} /* PARTNERS */ .partners{ float:left; width:840px; margin-left:20px; clear:both; padding-bottom:20px; padding-top:20px; border-bottom:1px dotted #CCC;} .partners .imagen{ float:left; width:200px; text-align:center;} .partners .texto { float:left; width:600px; margin-left:40px; text-align:justify;} .partners .texto img{ margin-bottom:1em;} .partners .texto a img{ padding:3px; border:1px solid #FFF;} .partners .texto a:hover img{ padding:3px; border:1px solid #CCC;}