/* Estilos Alvarado Gasteiz Baņos */ body {margin:0; padding:0; font-size:0.6em; font-family:Arial, Verdana, Helvetica, sans-serif; background: #fff url(../images/bgr_foto.jpg) repeat-y top right; } P { line-height: 1.3em; font-size:1.1em; margin-right:5px; } H1 { color: #2FA408; font-size:1.3em; text-transform:uppercase; border-bottom: 1px solid #2F50A1; } H2 { float:left; margin-top:20px; width:80%; color: #fff; font-size:1.2em; text-transform:uppercase; font-weight:bold; margin-bottom:3px; background:none; /* background: url(../images/icono_inst.gif) no-repeat left; padding-left:35px;*/ } H3, H2.titulo2, H2.titulo3 { float:left; margin-top:20px; width:100%; color: #fff; font-size:1.2em; text-transform:uppercase; font-weight:bold; border-bottom: 1px solid #fff; margin-bottom:3px; background:none; clear:both; display:block; /* background: url(../images/icono_inst.gif) no-repeat left; padding-left:35px;*/ } A {color:#fff; text-decoration: none;} A IMG{border:0;} A:HOVER {text-decoration: none;} A:link {text-decoration: none;} #pagina{margin:0; padding:0;width:80%;float:left;} #cabecera{float:left;background: url(../images/bgr_cabecera.gif) repeat top left;margin:0; padding:0;width:99%;border-right:9px #fff solid;} #cabecera img{margin:0; padding:0;} #cabecera #logo {float:right;text-align:right;margin-top:5px; margin-right:5px;} #cabecera #logo #listaver{width:95%;} #listaver ul {list-style-type:none;text-align:left;margin:15px 0 0 0;} #listaver li {display:inline;background: url(../images/list_marcas.gif) no-repeat center left;} #listaver li A {font-size:1.3em;text-transform:uppercase;color:#96988F;font-weight:bold;margin-left:12px;} #cabecera #menusup{width:50%;float:left;background:#fff url(../images/banos_cabece.gif) no-repeat bottom left;height:160px;margin:0;padding:0;padding-bottom:12px;} #menusup UL{list-style-type:none;margin-top:60px;border-top:1px solid #96988F;margin-left:60px;width:40%;padding:0;} #menusup LI {border-bottom:1px solid #96988F;margin:0;padding:4px;} #menusup LI A {color:#96988F;margin-left:12px;text-transform:uppercase;font-weight:bold;font-size:1.5em;} #pixel{ float:left;} #pixel img{ width:50px; height:200px;} #principal{width:110%;margin:0;padding:0;float:left;} #contenido{background-color:/*#742C53*/#742C53;width:91%;float:left;} #contenido2{background-color:/*#742C53*/#742C53;width:91%;float:left;} h1{display:none;} #contenido #titulo1 { background: #742C53 url(../images/familias/mobiliario.gif) no-repeat top right;width:100%;float:left;clear:both;padding:0;margin:0;height:59px;} #contenido #titulo2 { background: #742C53 url(../images/familias/griferias.gif) no-repeat top right;width:100%;float:left;clear:both;padding:0;margin:0;height:59px;} #contenido #titulo3 { background: #742C53 url(../images/familias/hidromasajes.gif) no-repeat top right;width:100%;float:left;clear:both;padding:0;margin:0;height:59px; } #contenido #titulo4 { background: #742C53 url(../images/familias/mamparas.gif) no-repeat top right;width:100%;float:left;clear:both;padding:0;margin:0;height:59px;} #contenido #titulo5 { background: #742C53 url(../images/familias/sanitarios.gif) no-repeat top right;width:100%;float:left;clear:both;padding:0;margin:0;height:59px;} #contenido #titulo19 { background: #742C53 url(../images/familias/complementos.gif) no-repeat top right;width:100%;float:left;clear:both;padding:0;margin:0;height:59px;} #pixeltitulo img{width:100%; height:80px;} #contenido #tituloP { background: #742C53 url(../images/familias/fondotit.gif) no-repeat top right;width:100%;float:left;clear:both;padding:0;margin:0;height:59px;} #contenido #tituloP7 { background: #742C53 url(../images/empresa_sup.gif) no-repeat top right;width:100%;float:left;clear:both;padding:0;margin:0;height:59px;} #contenido #tituloP8 { background: #742C53 url(../images/ubicacion_sup.gif) no-repeat top right;width:100%;float:left;clear:both;padding:0;margin:0;height:59px;} #contenido #tituloP9 { background: #742C53 url(../images/contacto_sup.gif) no-repeat top right;width:100%;float:left;clear:both;padding:0;margin:0;height:59px;} #contenido #tituloP10{ background: #742C53 url(../images/micarrito_sup.gif) no-repeat top right;width:100%;float:left;clear:both;padding:0;margin:0;height:59px;} #contenido #tituloP11 { background: #742C53 url(../images/acceso_sup.gif) no-repeat top right;width:100%;float:left;clear:both;padding:0;margin:0;height:59px;} #contenido #tituloP12 { background: #742C53 url(../images/pago_sup.gif) no-repeat top right;width:100%;float:left;clear:both;padding:0;margin:0;height:59px;} #contenido #tituloP13 { background: #742C53 url(../images/fincompra_sup.gif) no-repeat top right;width:100%;float:left;clear:both;padding:0;margin:0;height:59px;} #contenido #tituloP14 { background: #742C53 url(../images/micuenta_sup.gif) no-repeat top right;width:100%;float:left;clear:both;padding:0;margin:0;height:59px;} #contenido #tituloP15 { background: #742C53 url(../images/pass_sup.gif) no-repeat top right;width:100%;float:left;clear:both;padding:0;margin:0;height:59px;} #contenido #tituloP16 { background: #742C53 url(../images/condiciones.gif) no-repeat top right;width:100%;float:left;clear:both;padding:0;margin:0;height:59px;} #submenu2{width:90%;border-top:5px solid #fff;} #submenu2 ul {list-style-type:none;text-align:left;margin-top:10px;} #submenu2 li {display:inline;background: url(../images/list_marcas.gif) no-repeat center left;} #submenu2 li A {font-size:1.2em;text-transform:uppercase;color:#fff;font-weight:bold;margin-left:14px; margin-right:5px;} #submenu2 li A.seleccionado { text-decoration:underline;} #contenido #centro{background: #742C53 url(../images/bgr_alvarado.gif) no-repeat bottom right;width:100%;float:left;clear:both;padding:0;margin:0;text-align:center;min-height:670px;height:auto!important;height:670px;} #contenido #centro img{width:60%;} #contenido #centro2{background: #742C53 url(../images/bgr_alvarado.gif) no-repeat bottom right;width:100%;float:left;clear:both;padding:0;margin:0;text-align:left;min-height:670px;height:auto!important;height:670px;/*padding-left:10%;*/font-size:1.1em;color:#fff;} #contenido #centro3{background: #742C53 url(../images/bgr_alvarado.gif) no-repeat bottom right;width:97%;float:left;clear:both;padding:0; padding-left:10px;margin:0;text-align:left;min-height:670px;height:auto!important;height:670px;/*padding-left:10%;*/font-size:1.1em;color:#fff;} #contenido #breadcrumb {color:#fff; font-size:1.1em;float:left; width:55%; margin-bottom:10px; background: url(../images/list_marcas.gif) no-repeat center left; padding-left:20px;padding-bottom:3px; border-bottom:dashed 1px #bc7c9f;} #contenido #breadcrumb ul {margin:2px;padding:1px; font-weight:normal; font-style:italic;} #contenido #breadcrumb li{text-decoration:none;display:inline;} #contenido #breadcrumb li A{text-decoration:none;} #contenido #breadcrumb.centrado{margin-left:100px;padding:2px;text-align:left;} /*cuerpo de texto de empresa, ubicacion y contacto. Carrito y micuenta*/ #cuerpo{width:80%;margin-left:10%; height:80%; min-height:640px;height:auto!important;height:640px;} #cuerpo p{margin-bottom:15px;} #producto, #formularioLogin{width:80%;margin-left:10%; height:auto;min-height:640px;height:auto!important;height:640px;} #formularioLogin #drch{float:left;width:45%;margin:5px;padding:0; } #formularioLogin #izq{float:left;width:45%;margin:5px;padding:0;} #formulario #drch{float:left;width:45%;margin:5px;padding:0;} #formulario #izq{float:left;width:45%;margin:5px;padding:0;} #formularioLogin DIV, #formulario div {margin:4px 0; font-size:1.1em;} #formularioLogin DIV strong, #formulario DIV strong{ font-weight:bolder; text-transform:uppercase; margin-right:5px;} #formularioLogin DIV .tipcli{width:10%; clear:both;} #formularioLogin label {display:block;} #formularioLogin input{width:50%;display:block; margin:2px 0;} #formularioLogin h2.titulo2{margin-left:-10%; } #formularioLogin #botones input{width:auto; height:auto;float:none;margin:0; } #formularioLogin ul li input{width:10%; float:left;margin-left:0; vertical-align:top; } #formularioLogin UL.tipopago { margin:0; padding:0;} #formularioLogin UL.tipopago li{ float:left; clear:both;width:50%; } #formularioLogin UL.tipopago li input{ margin:0 3px; padding:0;} #producto a{ text-decoration:underline;} #producto p{ margin-top:20px;} /*mi cuenta y carrito Tablas de datos TABLE.tablaDatos{} TABLE.tablaDatos td DIV, TABLE.tablaDatosEnvio td DIV{ text-transform:capitalize;} TABLE.tablaDatos td DIV strong, TABLE.tablaDatosEnvio td DIV strong{ text-transform:uppercase; margin-right:10px;}*/ /*parte del menu de la derecha */ #menu_dcha{float:left;width:9%;} #menu_dcha ul{list-style-type:none;margin:0;padding:0;margin-top:22px;} #menu_dcha ul li, #menu_dcha ul li A{margin:0;padding:0;margin-top:-3px;} #menu_dcha ul li A SPAN{display:none} #menu_dcha ul li A IMG.mobiliario{width:34px;height:113px;background: url(../images/pest_mobiliario.gif) no-repeat top left;} #menu_dcha ul li A:hover IMG.mobiliario{width:34px;height:113px;background: url(../images/acti_mobiliario.gif) no-repeat top left;} #menu_dcha ul li A:link IMG.mobiliario{width:34px;height:113px;background: url(../images/acti_mobiliario.gif) no-repeat top left;} #menu_dcha ul li A IMG.griferias{width:34px;height:89px;background: url(../images/pest_griferia.gif) no-repeat top left;} #menu_dcha ul li A:hover IMG.griferias{width:34px;height:89px;background: url(../images/acti_griferia.gif) no-repeat top left;} #menu_dcha ul li A IMG.hidromasajes{width:34px;height:123px;background: url(../images/pest_hidro.gif) no-repeat top left;} #menu_dcha ul li A:hover IMG.hidromasajes{width:34px;height:123px;background: url(../images/acti_hidro.gif) no-repeat top left;} #menu_dcha ul li A IMG.mamparas{width:34px;height:110px;background: url(../images/pest_mampara.gif) no-repeat top left;} #menu_dcha ul li A:hover IMG.mamparas{width:34px;height:110px;background: url(../images/acti_mampara.gif) no-repeat top left;} #menu_dcha ul li A IMG.sanitarios{width:34px;height:105px;background: url(../images/pest_sanita.gif) no-repeat top left;} #menu_dcha ul li A:hover IMG.sanitarios{width:34px;height:105px;background: url(../images/acti_sanita.gif) no-repeat top left;} #menu_dcha ul li A IMG.complementos{width:34px;height:151px;background: url(../images/pest_complem.gif) no-repeat top left;} #menu_dcha ul li A:hover IMG.complementos{width:34px;height:151px;background: url(../images/acti_complem.gif) no-repeat top left;} #submenu{width:90%;border-top:5px solid #fff;} #submenu ul {list-style-type:none;text-align:left;margin-top:10px;} #submenu li {display:inline;background: url(../images/list_marcas.gif) no-repeat center left;} #submenu li A {font-size:1.3em;text-transform:uppercase;color:#fff;font-weight:bold;margin-left:14px; margin-right:5px;} #submenu li A.seleccionado { text-decoration:underline;} .descripcion {width:95%; text-align:left;color:#fff;/*float:right;*/clear:both; margin-left:5%; height:auto; margin-top:10px;; } .descripcion h2 {float:left;width:auto;font-size:2.2em;vertical-align:middle; background: url(../images/list_marcasGr.gif) no-repeat center left;margin:0;padding:0; padding-left:13px; padding-right:10px;} .descripcion #ficha {float:left;width:65%; border-left:dashed 1px #fff; padding:3px 3px 3px 7px;margin:0; margin-left:7px; height:auto; } .descripcion #ficha h3{clear:both; width:100%; margin:0;} .descripcion #ficha p{display:block; width:100%;} .descripcion #ficha .precio{ float:none; height:20px; font-size:0.8em; margin:0; padding:0;} .descripcion #ficha .precio p{font-size:0.9em;} .descripcion #ficha .precio p{font-size:0.9em;} .descripcion #ficha .precio p strong{ margin-right:15px;} .descripcion #ficha .precio p input{ vertical-align:middle; margin:0; padding:0;} .fotografias{width:100%;clear:both;/*float:left;*/color:#fff;margin-top:30px;} .fotografias h3{ text-transform:capitalize;background: url(../images/list_marcas.gif) no-repeat center left;padding:0; padding-left:13px; border:0;margin-bottom:1%;} .fotografias UL {list-style-type:none;width:auto;float:left;margin-top:0.2px;} .fotografias UL li {display:block; float:left;width:auto;margin-left:5px;font-size:1em;} .fotografias ul li A{color:#fff;padding-left:10px;} .fotografias ul li A:hover{color:#B36A92;background-color:#B36A92;} .fotografia {float:left;width:100px;height:132px;text-align:center;border:1px solid #fff;padding:5px;margin-right:2px;} .fotografia span{width:70px; height:6px;} #contenido #centro .precio{/*float:left;*/width:90%;font-size:2em;} #contenido #centro .fotografia img{width:80px;} #contenido #centro .fotografia img.bo{width:20px;vertical-align:middle;} UL.estados{width:90%;margin-top:20px;padding:5px;float:right;border:1px solid white;font-size:0.9em;} UL.estados LI{font-size:1.1em;} UL.estados LI SPAN{text-transform:uppercase;font-weight:bold;} .rojo{font-size:1.2em;color:black;text-transform:uppercase;} .verde{font-size:1.2em;color:#b26fec;text-transform:uppercase;} .nota,DIV.compra P.nota{font-size:0.8em;text-align:center;} .amarillo{font-size:1.2em;color:#f2e770;} TABLE{font-size:1em;width:88%;float:left;color:#fff;margin-top:15px; } TABLE.total{float:right;width:60%; margin-right:12%; margin-bottom:15px; text-align:center; } TABLE.totalprecio{float:right;width:60%; margin-right:12%;background-color:#98617c; font-weight:bolder; text-transform:uppercase; text-align: center; } /*#centro2 .nota{color:#fff;font-size:1.1em;}*/ TH{background-color:#98617c;color:#fff;text-align:left;} INPUT.tipo3{background-color:#742C53;border:0;color:#ccc; font-size:0.7em;} DIV.botones {text-align:left; margin:2% 0;} #boton, #botones {text-align:center; margin:2% 0;clear:both; width:90%;padding-top:6px;padding-bottom:6px;} #boton A, #botones A {padding-left:6px;width:36px;height:113px;} #boton A STRONG, #botones A img {color:#fff; text-transform:uppercase; } #centro2 p{clear:both;/*float:left;*/width:88%;} #centro2 UL{list-style-type:none;clear:both;float:left;width:80%;} /*formulario contacto*/ /*FIELDSET{clear:both;float:left;width:90%;}*/ LEGEND{color:#fff;font-size:1.1em; text-transform:uppercase; margin-bottom:15px;} /*****formulario contacto****/ FORM#formulario{} FORM#formulario p{width:60%;} FORM#formulario p span{ font-style:italic; font-size:1.1em;} FORM#formulario fieldset{width:70%;padding-left:30px; margin-left:30px; font-size:1.2em;} FORM#formulario label {width:100%; display:block;float:left;margin:2px 0;} FORM#formulario input.contacto, textarea#COMENTARIOS{width:60%; float:left;margin:2px 0; vertical-align:middle; clear:right;} span.nota{ display:block; float:LEFT; margin-right:20px;font-size:0.9em;} p.nota{ text-align:justify;width:55%;font-size:0.9em;} #aviso {text-align:justify;} #aviso h2{float:left; margin-top:20px; width:100%; color: #fff; font-size:1.2em; text-transform:uppercase; font-weight:bold; border-bottom: 1px solid #fff; margin-bottom:3px; background:none; clear:both; display:block;} #aviso h3{float:left; margin-top:20px; width:80%; color: #fff; font-size:1.2em; font-weight:bold; margin-bottom:3px; background:none; text-transform:none;} #aviso h4{float:left; margin-top:20px; width:80%; color: #fff; font-size:1.2em; font-weight:bold; margin-bottom:3px; background:none; text-transform:none;} .inv{display:none;} #mapaweb{margin:0;padding:0;} #mapaweb ul{text-transform:capitalize;} #mapaweb ul.principal{text-transform:uppercase;} #mapaweb ul li{list-style-type:circle;display:block;clear:both;} #mapaweb ul li A:hover{text-decoration:underline;} /*************** PIE ****************/ #pie { padding:0;margin:0;text-align:left;float:left;height:auto; width:100%; } #pie A{color:#fff;} #pie div{margin:0;padding:0;height:auto; display:inline;} #pie ul{margin:0;padding:0; display:inline;clear:none;} #pie ul li{padding-right:8px; display:inline;} #pie .alaizquierda{float:left;text-align:left;} #pie .aladerecha{float:right;color:#fff;}