/*AZYMUT*/ /* -----------------------------TIPOGRAFÍA-----------------------------*/ body,td,th,thead,tbody,tfoot,div,span,p,h1,h2,h3,h4,h5,h6,em,ol,ul,li,dl,dt,blockquote,a,textarea,input,select{font-family : Arial, Helvetica, sans-serif; font-size : 12px; color : #636563; } b,em,strong {font-weight : bold;} i { font-style : italic;} /*-----------------------------fin TIPOGRAFÍA-----------------------------*/ /*-----------------------------ESTILOS GENÉRICOS-----------------------------*/ body {background-color: #C8C8C8; text-align : center;} a {color : #636563; text-decoration : none; } a:hover {color : Black;} .fondo1{background-color: #FFFFFF;} input,textarea{background-color :#FFF; color: #8DA4AA; border-left:1px solid #8DA4AA;border-right:1px solid #8DA4AA;border-top:1px solid #8DA4AA; border-bottom:1px solid #8DA4AA; } .noinput{border:0px;} .boton{color: #8DA4AA; border-left:1px solid #C7D2D6;border-right:1px solid #C7D2D6;border-top:1px solid #C7D2D6; border-bottom:1px solid #C7D2D6; background-color : #FFF; cursor:hand; height:16px; padding:0 2px 0 2px; font-size: 11px; } select{color: #000;background-color :#C7D2D6; height:16px; font-size: 11px;} /*-----------------------------fin ESTILOS GENÉRICOS-----------------------------*/ /* PORTADA SITE */ table.portada-site { border-bottom : 2px solid #275DA5; border-top : 2px solid #275DA5; border-left : 2px solid #275DA5; border-right : 2px solid #275DA5; background-color: #FFFFFF;}/* borde exterior de la tabla */ div.portada-logo { margin: 0px 40px 10px 10px; text-align: center; } div.pie-portada{ margin: 10px; text-align: right; height: 10px;} div.portada-general{ margin-top: 10px; margin-bottom: 10px; margin-right: 5px; margin-left: 5px; } /*-----------------------------ANTE-CABECERA-----------------------------*/ /* tabla menú de navegación */ div.margen-ante-cabecera {margin-top : 5px;}/* margen a la siguiente plantilla */ table.ante-cabecera { border-bottom : 0px solid #FFFFFF; border-top : 0px solid #FFFFFF;}/* borde exterior de la tabla */ td.ante-cabecera,td.ante-ante-cabecera1{background-color: #FFFFFF;} div.ante-cabecera{margin-bottom :0px; color : #FFFFFF; } /*-----------------------------fin ANTE-CABECERA-----------------------------*/ /* -----------------------------CABECERA-----------------------------*/ div.margen-cabecera {margin-bottom : 0px;}/* margen a la siguiente plantilla */ table.cabecera {border-left : 1px solid #F5F3EB; border-right : 1px solid #F5F3EB; background-color: #FFFFFF;}/* borde exterior de la tabla */ td.cabecera1 { background-color: #FFFFFF;} td.cabecera2 { background-color:#FFFFFF;} div.cabecera1 { text-align : left; margin-bottom:15px; margin-left : 15px; margin-top : 15px; } div.cabecera2 { margin-top : 2px; margin-bottom : 2px; margin-right:2px; text-align: right; } span.fecha {font-size:10px;margin-top: 37px; margin-right:4px; color: #105A28; height:15px} table.cabecera-int { background-color: #FFFFFF;}/* /* -----------------------------fin CABECERA-----------------------------*/ /*-----------------------------ANTE-MENÚ DE NAVEGACIÓN SUPERIOR-----------------------------*/ /*-----------------------------fin MENÚ DE NAVEGACIÓN SUPERIOR-----------------------------*/ /*-----------------------------MENÚ DE NAVEGACIÓN SUPERIOR-----------------------------*/ div.margen-menusup { }/* margen a la siguiente plantilla */ table.menusup {border-left : 1px solid #FFFFFF; border-right : 1px solid #FFFFFF; }/* borde exterior de la tabla */ td.menusup1,td.menusup2{background-color: #FFFFFF;} div.menusup1{margin: 25px 25px 15px 25px;} div.menusup1-int{margin:0px;} /* pestañas: hay que definir el color de fondo de la pestaña y el del borde. En total dos colores*/ table.menusup-enlace-margen{margin-left : 5px; margin-right : 0px;} td.menusup-enlace1{ border-right : 2px solid #FFFFFF; border-left : 0px solid #FFFFFF;} td.menusup-enlace1-seleccionado{background-color: #8DA4AA; border-right : 2px solid #FFFFFF; border-left : 0px solid #FFFFFF;} td.menusup-enlace2 { background-color: #FFFFFF; } td.menusup-enlace3 { background-color: #FFFFFF;} div.menusup-enlace1{ margin-left : 9px; margin-right : 9px; margin-bottom : 2px; } div.menusup-enlace1-fimg{ margin:10px 0 0 0; background-image:url(/imagenes-plantilla/fondo_linea_menusup.gif)} div.menusup-enlace1-img{ margin:0; background-image:url(/imagenes-plantilla/circulo_menusup.gif); background-repeat:no-repeat; width:12px; height:12px} div.menusup-enlace1-img-seleccionado{ margin:0; background-image:url(/imagenes-plantilla/circulo_menusup-seleccionado.gif); background-repeat:no-repeat; width:12px; height:12px} a.menusup-enlace1,a.menusup-enlace2 {font-size:12px;color : #285CA5; text-decoration : none; font-weight : bold; text-transform : uppercase; } a.menusup-enlace1-seleccionado,a.menusup-enlace2-seleccionado {font-size:12px; color : #FFF; text-decoration : none; font-weight : bold; text-transform : uppercase; } a.menusup-enlace1:hover,a.menusup-enlace2:hover {color : #000000;} /*-----------------------------fin MENÚ DE NAVEGACIÓN SUPERIOR-----------------------------*/ /*-----------------------------ANTE-CONTENIDO-----------------------------*/ /* tabla menú de navegación */ div.margen-ante-contenido {}/* margen a la siguiente plantilla */ table.ante-contenido { border-left : 0px solid #7A3580; border-right: 0px solid #7A3580}/* borde exterior de la tabla */ td.ante-contenido{ border-bottom: 0px solid #8DA4AA;} td.ante-contenido1{background-color:#668877 ;} td.ante-contenido2{} div.ante-contenido{margin-bottom :4px; margin-top :4px; color : #666666; } div.ante-contenido1{ margin-bottom :0px;color : #666666; } div.ante-contenido2{margin-bottom :0px; color : #666666; } /*-----------------------------fin ANTE-CONTENIDO-----------------------------*/ /*menu lateral C*/ div.menuizqc{margin:15px; text-align: right; } div.menuizqc,.menuizq1c,.menuizq2c,.menuizq3c,.menuizq4c{font-size:11px;color:#666666;} div.menuizqc a,.menuizq1c a,.menuizq2c a,.menuizq3c a,.menuizq4c a{font-size:11px;color:#666666;} /*-----------------------------CONTENIDO-----------------------------*/ div.margen-contenido { }/* margen a la siguiente plantilla */ table.contenido { border-bottom:0px solid #FFFFFF;}/* borde exterior de la tabla */ div.contenido-contacto{margin-bottom : 20px; margin-left : 20px; margin-right : 20px; margin-top : 20px; } div.contenido-portada { margin: 0px; } /* MENÚ DE NAVEGACIÓN IZQUIERDO */ td.contenido1 {background-color: #FFFFFF;border-left : 0px solid #E9E9E9; border-right : 1px solid #275DA5; border-top : 0px solid #E9E9E9;} div.contenido1 {margin-bottom : 6px; width:160px;} table.menuizq { } td.menuizq1 { border-bottom : 0px solid #E9E9E9; background-color: #000;} div.menuizq1 {margin-bottom : 3px; margin-left : 7px; margin-right : 5px; margin-top : 8px;} a.menuizq1,span.menuizq1 { font-weight : bolder; font-size:12px; color: #FFF; text-decoration : none; text-transform:uppercase;} td.menuizq2 {border-top : 1px solid #E9E9E9;} /*td.menuizq2-seleccionado {border-top : 1px solid #E9E9E9; background-color:#275DA4;}*/ td.menuizq2-seleccionado {} div.menuizq2 {margin-bottom : 3px; margin-left : 7px; margin-right : 5px; margin-top : 3px;} a.menuizq2{ font-weight : normal; color: #285CA5; text-decoration : none;} /*a.menuizq2-seleccionado{ font-weight : bold; color: #FFF; text-decoration : none;}*/ a.menuizq2-seleccionado{ } td.menuizq3 {border-bottom : 0px solid #1B9441;} div.menuizq3 {margin-bottom : 3px; margin-left : 19px; margin-right : 5px; margin-top : 3px; text-indent: -7px;} a.menuizq3{font-weight : normal; font-size:10px; color: #285CA5; text-decoration : none;} a.menuizq3-seleccionado{font-weight : normal; font-size:10px; color: #285CA5;text-decoration : none;} td.menuizq4 {border-bottom : 0px solid #1B9441;} div.menuizq4 {margin-bottom : 5px; margin-left : 25px; margin-right : 5px; margin-top : 3px; text-indent: -7px;} a.menuizq4{font-weight : normal; font-size : 10px; color: #285CA5; text-decoration : none; } a.menuizq4-seleccionado{font-weight : normal; font-size : 10px; color: #285CA5; text-decoration : none; } /*fin MENÚ DE NAVEGACIÓN IZQUIERDO */ /*EDITOR WEB*/ td.contenido2 {background-color: #ffffff;border-left : 0px solid #FFFFFF; border-right: 0px solid #FFF; border-top : 0px solid #FFFFFF;} div.contenido2{margin-bottom : 5px; margin-left : 5px; margin-right : 5px; margin-top : 5px; } div.articulo {font-size : 14px; margin-bottom : 3px; } div.antetitulo{font-size: 14px} div.titulo1, div.titulo1 a{font-weight: bold; font-size: 20px; margin-bottom: 5px; color: #285CA5; font-family: Arial, Helvetica, sans-serif} div.titulo2, div.titulo2 a{font-weight: bold; font-size: 18px; margin-bottom: 5px; color: #285CA5; font-family: Arial, Helvetica, sans-serif} div.titulo3, div.titulo3 a{font-weight: bold; font-size: 16px; margin-bottom: 5px; color:#285CA5; font-family: Arial, Helvetica, sans-serif} div.titulo4, div.titulo4 a{font-weight: bold; font-size: 14px; margin-bottom: 8px; color: #285CA5; font-family: Arial, Helvetica, sans-serif} div.titulo5, div.titulo5 a{font-weight: bold; font-size: 12px; margin-bottom: 3px; color:#285CA5; font-family: Arial, Helvetica, sans-serif} div.titulo6, div.titulo6 a{font-weight: normal; font-size: 11px; margin-bottom: 8px; color: #285CA5; font-family: Arial, Helvetica, sans-serif} div.entradilla{font-weight: bold; font-size: 11px; margin-bottom: 3px; color: #333333; font-family: Arial, Helvetica, sans-serif} div.normal{font-size: 11px; margin-bottom: 3px; font-family: Arial, Helvetica, sans-serif} div.firma{font-size: 10px; margin-bottom: 3px; color:#105A28; font-family: Arial, Helvetica, sans-serif} /*fin EDITOR WEB*/ /*-----------------------------fin CONTENIDO-----------------------------*/ /*-----------------------------ANTE-PIE-----------------------------*/ table.ante-pie{border-top:0px solid white;border-bottom:0px solid white;} td.ante-pie1 {background-color: #FFFFFF;} div.margen-ante-pie1{margin-top: 0px;} /*-----------------------------fin ANTE-PIE-----------------------------*/ /*-----------------------------PIE-----------------------------*/ /* tabla menú de navegación */ div.margen-pie {}/* margen a la siguiente plantilla */ table.pie {border-top: 1px solid #275DA5 ;border-right:0px solid #275DA5;border-bottom:1px solid #275DA5 ;border-left:0px solid #275DA5; background-color: #FFFFFF;}/* borde exterior de la tabla */ td.pie1{ background-color: #FFFFFF; border-right : 1px solid #275DA5; vertical-align:top;} td.pie{ background-color: #FFFFFF;} div.pie1{ text-align : left; margin-bottom : 5px; margin-left : 5px; margin-right : 5px; margin-top : 5px; color : #FFFFFF; font-size : 11px; } div.pie1 a{ text-align : left; margin-bottom : 3px; margin-left : 3px; margin-right : 3px; margin-top : 0px; color : #285CA5; font-size : 11px; font-weight: bold; } div.pie2{ text-align : right; margin-bottom : 5px; margin-left : 5px; margin-right : 5px; margin-top : 5px; color : #999999; font-size : 11px; } div.pie3{ text-align : right; margin-bottom : 5px; margin-left : 5px; margin-right : 5px; margin-top : 5px; color : #999999; font-size : 11px; font-weight: bold;} a.pie{color : #285CA5; font-size : 11px; font-weight: bold; } div.solucionesweb{text-align: right; margin: 10px;} div.solucionesweb a{font-weight: normal; color: #FFFFFF;} /*-----------------------------fin PIE-----------------------------*/ /*-----------------------------DESPUES-PIE-----------------------------*/ /*-----------------------------fin DESPUES-PIE-----------------------------*/ /*-----------------------------NOTICIAS-----------------------------*/ div.margen-contenido-noticias{margin-bottom : 5px; margin-left : 15px; margin-right : 15px; margin-top : 5px;} span.nombre-seccion-noticias {font-size:12px; color: #636563; font-weight : bolder;} a.titular-noticias {font-size:11px; color: #990000;} /*-----------------------------fin NOTICIAS-----------------------------*/ /*CATALOGO*/ table.productos-portada{} div.fotop-productos{margin: 2px; text-align: center;} div.textop-productos{font-size: 12px; color: #636563; font-weight: bold; text-align: center;} div.textop-productos a{font-size: 12px; color: #636563; font-weight: bold;} div.textop-productos a:hover{color: #000000;} div.encabezado{font-weight: bold; padding-bottom: 2px; padding-top: 7px;} /*Nivel2*/ td.nivel2{border-bottom: 1px solid #EAEAEA; padding:5px; font-size: 11px; font-weight: bold;} td.nivel2 a{ color: #636563;} td.nivel2 a:hover{ color: #000000;} /*lista de productos*/ div.lista-productos{font-size: 12px; font-weight: bold; color: #FF0000; margin: 5px;} div.lista-productos a{font-size: 12px; font-weight: bold; color: #FF0000;} /*ficha*/ table.ficha-g{padding: 5px;} div.foto-ficha-p{} div.datos-vasos{font-size: 10px; color: #000000; margin: 20px;} div.datos-medida{font-size: 10px; color: #666666; margin: 20px;} table.datos-ficha{border-top: 1px solid #BEBEBE; border-right: 1px solid #BEBEBE; border-bottom: 1px solid #BEBEBE; border-left: 1px solid #BEBEBE;} td.fila1{ background-color: #F8F8F8;} div.caract{font-size: 12px; font-weight: bold; color: #666666; margin: 6px;} div.datos-caract{font-size: 12px; color: #666666; margin: 6px;} table.tabla-productos{ vertical-align:top; width: 95%;} table.tabla-productos td{padding: 7px;} table.tabla-productos td.img{ border-bottom: 1px solid #cccccc; width: 130px} table.tabla-productos td.modelo{ border-bottom: 1px solid #cccccc;} div.modelo{} div.modelo a{text-decoration: underline; color: #285CA5;} /*descarga documento*/ .bloque-descarga-doc{position:relative} .contenido-descarga-doc{position: absolute; top:0px; text-align:right; width:590px; border-bottom: 1px solid #89B0D8;} .contenido-descarga-doc a{font-size:11px; color:#666; font-style:normal;} /*buscador*/ table.buscador{ height:75px} td.buscar{background-color: #8DA0AA; padding:5px; font-size: 11px; font-weight: normal; color:#FFF;} td.buscar div{font-size: 11px; font-weight: normal; color:#FFF; width:160px} td.buscar2{background:#6A828E url(/imagenes-plantilla/fondo_buscador.jpg); background-repeat:no-repeat; background-position:bottom right; padding:5px; font-size: 11px; font-weight: normal; color:#FFF;} td.buscar2 div{font-size: 11px; font-weight: normal; color:#FFF;} td.buscar-pie{ background-image:url(/imagenes-plantilla/fondo_buscador-pie.gif); background-repeat:repeat-x; background-position:top} #buscador input{background-color :#8DA4AA; color: #FFF; border-left:1px solid #FFF;border-right:1px solid #FFF;border-top:1px solid #FFF; border-bottom:1px solid #FFF; height:16px} #buscador .noinput{border:0px;} #buscador .boton{color: #8DA4AA; border-left:1px solid #C7D2D6;border-right:1px solid #C7D2D6;border-top:1px solid #C7D2D6; border-bottom:1px solid #C7D2D6; background-color : #FFF; cursor:hand; height:16px; padding:0 2px 0 2px; font-size: 11px; } #buscador select{color: #000;background-color :#C7D2D6; height:16px; font-size: 11px;}