/* Generales */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,input { margin:0; padding:0; } /* body { font:12px Verdana, sans-serif; color:#333333; width:100%; text-align:center; overflow:hidden; } html { overflow:hidden; } /* oculta la scrollbar en ie */ body { font:12px Verdana, sans-serif; color:#333333; margin-top:auto; margin-right:auto; margin-bottom:auto; margin-left:auto; width:1040px; text-align:center; } html { overflow-x:auto; overflow-y:auto; } h1 { font:bold 32px "Trebuchet Ms",Arial, sans-serif; color:#e05261; line-height:40px; margin-bottom:10px; } h1 strong { color:#e05261; } h1 a:hover strong { color:#e05261; text-decoration:underline; } h1 em { color:#e05261; font-style:normal; } select { font:10px Verdana, sans-serif; border:1px solid #000033; } a { color:#e05261; text-decoration:none; } /* PRINCIPALES */ #contenedor { background:url(img/fondo_main.jpg) repeat-y center; width:100%; margin-top:auto; margin-right:auto; margin-bottom:auto; margin-left:auto; text-align:left; position:relative; overflow:hidden; } /* cabecera */ /* #cabecera { clear:both; margin:0px; background:url(img/header.jpg) no-repeat top; height:184px; width:100%; text-align:left; float:left; } */ #cabecera { clear:both; margin:0px; width:100%; } #cabecera #contenido { width:995px; margin:auto; text-align:left; height:150px; background:url(img/header.jpg) no-repeat top; background-position:-20px 0; overflow:hidden; } #cabecera #contenido #header { width:810px; float:left; text-align:right; } #cabecera #contenido #header #banner { width:600px; height:130px; text-align:center; margin-left:210px; } #cabecera #contenido #header #menu { float:right; clear:left; } #cabecera #contenido #header #menu A { font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#D3081C; margin-right:13px; } #cabecera #contenido #header #menu A:hover { font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#999999; margin-right:13px; } #cabecera #contenido #form { width:185px; height:150px; float:right; background:url(img/fondo_login.jpg) no-repeat top; padding-top:10px; } #cabecera #contenido #form .login { position:relative; width:180px; height:100px; text-align:left; float:right;/* border:#000000 1px solid;*/ } #cabecera #contenido #form .idiomas { width:100px; height:30px; text-align:right; clear:both; margin-left:50px; } #cabecera #contenido #form LABEL { float:left; clear:left; color:#FFFFFF; font:11px Verdana, Arial, Helvetica, sans-serif; } #cabecera #contenido #form INPUT { float:left; clear:left; color:#FFFFFF; font:10px Verdana, Arial, Helvetica, sans-serif; margin-top:4px; margin-bottom:8px; border:1px solid #FFFFFF; padding:0px 3px 0px 3px; background-color:#df4b5b; height:14px; width:120px; } #cabecera #contenido #form .correo{ position:absolute; top:16px; right:15px; } #cabecera #contenido #form .sesion{ position:absolute; top:57px; right:15px; } #cabecera #contenido #form .flag { float:left; border:0; margin-top:2px; } #cabecera #contenido #form SELECT { border:0; height:18px; } /* contenido */ #contenido { width:995px; margin:auto; background:#FFFFFF; clear:both; overflow-x:hidden; overflow-y:auto;/* overflow-y:hidden;*/ } #contenido_limitado { width:995px; height:435px; margin:auto; background:#FFFFFF; clear:both; overflow-x:hidden; overflow-y:auto;/* overflow-y:hidden;*/ } #contenido_3col { clear:both; float:left; margin-top:9px; overflow:hidden; } #contenido_3col .firstbar { float:left; width:165px; height:426px; padding-left:15px; clear:left; } #contenido_3col .mainbar { float:left; width:610px; height:426px; } #contenido_3col .secondbar { float:left; width:185px; height:426px; clear:right;/* border:1px solid #F0F0F0;*/ } #contenido_3col .secondbar_ { float:right; width:205px; height:426px; margin-left:0px; clear:right; } .banners_laterales { clear:left; width:160px; height:435px;/* background-color:#EEEEEE;*/ } .banners_laterales .empleo { width:160px; height:134px; background:url(img/burbuja_banner_ofertas_empleo.png) no-repeat; background-position:0px 0px; } .banners_laterales .encuesta { margin-top:0px; } .banners_laterales .encuesta .superior { width:160px; height:40px; background:url(img/banner_encuesta_superiord.jpg) no-repeat; background-position:0px 0px; overflow:hidden; font:bold 13px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; } .banners_laterales .encuesta .frames { width:181px; height:128px; background:url(img/fondo_banner_encuestab.jpg) repeat-y; background-position:0px 0px; overflow:hidden; } .banners_laterales .encuesta .frames .frame1 { margin-top:5px;margin-left:12px; margin-right:16px; font:13px Verdana, Arial, Helvetica, sans-serif; color:#333333; text-align:center;/* border:1px solid green;*/ } .banners_laterales .encuesta .frames .frame2 { margin-top:5px;margin-left:12px; margin-right:16px; font:11px Verdana, Arial, Helvetica, sans-serif; color:#333333; text-align:center;/* border:1px solid green;*/ } .banners_laterales .encuesta .inferior { width:160px; height:20px; background:url(img/banner_encuesta_inferiorc.jpg) no-repeat; background-position:0px 0px; } .encuesta_lateral { cursor:pointer;float:left;position:relative;left:0px;top:10px;width:181px; height:128px; margin-left:0px; clear:both; font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#425782; margin-right:13px;} .facebook { cursor:pointer;float:left;position:relative;left:0px;top:17px;width:200px; height:260px; margin-left:0px; clear:both; font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#425782; margin-right:13px;} #contenido_2col { clear:both; float:left; margin-top:10px; } #contenido_2col .firstbar { float:left; width:184px; padding-left:25px; margin-right:25px; clear:left; } #contenido_2col .mainbar { float:left; width:700px; margin-left:25px; } #contenido_1col { clear:both; width:940px; margin:0px 10px 10px 10px; } #contenido_1col .panel { background:url(img/fondo_panel.jpg) no-repeat; background-position:20px 52px; height:434px; text-align:center; } #contenido_1col .paneldetalle { background:url(img/fondo_producto_detalle.jpg) no-repeat top; background-position:20px 51px; } #contenido_1col .pie_paneldetalle { background:url(img/pie_detalle_producto.jpg) no-repeat; background-position:21px; height:20px; } /* -----------------------NUEVO----------------------- */ #pestanas1 { position:relative; background:url(img/pestana_1de5.png) no-repeat; background-position:0px 0px; width:995px; height:50px; } #pestanas2 { position:relative; background:url(img/pestana_2de5.png) no-repeat; background-position:0px 0px; width:995px; height:50px; } #pestanas3 { position:relative; background:url(img/pestana_3de5.png) no-repeat; background-position:0px 0px; width:995px; height:50px; } #pestanas4 { position:relative; background:url(img/pestana_4de5.png) no-repeat; background-position:0px 0px; width:995px; height:50px; } #pestanas5 { position:relative; background:url(img/pestana_5de5.png) no-repeat; background-position:0px 0px; width:995px; height:50px; } #pestana0 { float:left; margin-top:20px; width:50px; height:25px; } #pestana1 { float:left; margin-top:20px; width:130px; height:25px; text-align:center; } #pestana1 A { font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#999999; } #pestana2 { float:left; margin-top:20px; width:130px; height:25px; text-align:center; } #pestana2 A { font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#999999; } #pestana3 { float:left; margin-top:20px; width:130px; height:25px; text-align:center; } #pestana3 A { font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#999999; } #pestana4 { float:left; margin-top:20px; width:130px; height:25px; text-align:center; } #pestana4 A { font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#999999; } #pestana5 { float:left; margin-top:20px; width:130px; height:25px; text-align:center; } #pestana5 A { font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#999999; } #contenido_ { width:995px; height:435px; margin:auto; background:#FFFFFF; clear:both; overflow:hidden; } #contenido_1col_ { clear:both; background:url(img/fondo_sombras.png) no-repeat; background-position:0px 0px; width:995px; height:363px; overflow-x:hidden; overflow-y:hidden; } #contenido_limitado_ { width:995px; height:435px; margin:auto; background:#FFFFFF; clear:both; overflow-x:hidden; overflow-y:hidden; } #contenido_2col_ { clear:both; float:left; margin-top:10px; } #contenido_2col_ .firstbar { float:left; width:184px; height:425px; padding-left:25px; margin-right:25px; clear:left; overflow:hidden; } #contenido_2col_ .mainbar { float:left; width:736px; height:425px; margin-left:25px; overflow:auto; } #panel_,#panel_detalle { position:relative; left:60px; width:875px; height:363px; overflow-x:hidden; overflow-y:scroll; } #pie_panel { clear:both; background:url(img/sombras_inf.png) no-repeat; background-position:0px 0px; width:995px; height:30px; overflow:hidden; } .fondo_producto { position:relative; margin-right:8px; margin-bottom:8px; width:135px; height:110px; float:left; overflow:hidden; } .titulo_producto { position:absolute; width:127px; height:24px; top:82px; left:4px; text-align:center; overflow:hidden; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; } .png { behavior:url("../esp/images/png/pngbehavior.htc"); } .fondo_familia { position:relative; float:left; width:350px; height:255px; /*overflow:hidden;*//* background:#FF9999;*/ } .familia { position:relative; margin:10px 5px 15px 20px; text-align:left; font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#666666; } .link_prod { position:relative; padding:0px 0px 10px 20px; text-align:left;/* background:#FFCCCC;*/ } .link_prod A { font:10px Verdana, Arial, Helvetica, sans-serif; color:#7E7E7E; } .link_prod A:visited { font:10px Verdana, Arial, Helvetica, sans-serif; color:#7E7E7E; } .link_prod A:hover { font:10px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#CACACA; padding:2px 4px 2px 4px; } .link_prod_sel { font:10px Verdana, Arial, Helvetica, sans-serif; color:#CC0000; } .link_volver { position:relative; margin:10px 0px 0px 20px; text-align:left;/* background:#FFCCCC;*/ } .link_volver A { font:10px Verdana, Arial, Helvetica, sans-serif; color:#7E7E7E; } .link_volver A:visited { font:10px Verdana, Arial, Helvetica, sans-serif; color:#7E7E7E; } .link_volver A:hover { font:10px Verdana, Arial, Helvetica, sans-serif; color:#333333; } .fondo_foto { position:relative; float:left; width:500px; height:260px;/* background:#FFFF99;*/ } .foto_familia { position:relative; float:left; left:130px; top:8px;/* border:#DDDDDD 1px solid;*/ } .fondo_datos_familia { position:relative; float:left; left:350px; width:500px; overflow:hidden;/* background:#CCFFCC;*/ } .titulo_familia { position:relative; margin-top:0px; text-align:center; font:bold 10px Verdana, Arial, Helvetica, sans-serif; color:#4D4D4D; } .descripcion_familia { position:relative; margin-top:15px; padding:0px 10px 0px 10px; text-align:justify; font:10px Verdana, Arial, Helvetica, sans-serif; color:#4D4D4D; } .foto_producto { position:relative; float:left; left:45px; top:15px;/* border:#DDDDDD 1px solid;*/ } .foto_producto_ { position:relative; float:left; left:45px; top:3px;/* border:#DDDDDD 1px solid;*/ } .fondo_informacion { position:relative; float:right; right:15px; width:180px; height:255px; overflow:hidden;/* background:#EEEEEE;*/ } .titulo_informacion { position:relative; margin:3px 5px 10px 5px; text-align:center; font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#4D4D4D; } .dato_informacion { position:relative; padding:0px 5px 4px 20px; text-align:left; font:10px Verdana, Arial, Helvetica, sans-serif; color:#4D4D4D;/* background:#FFEEEE;*/ } .fondo_observacion { position:relative; float:left; left:350px; width:500px; height:25px; text-align:center; font:9px Verdana, Arial, Helvetica, sans-serif; color:#CC0000; } .tabla_ingredientes { position:relative; float:left; left:50px; width:750px; text-align:center; overflow:hidden; } .ingredientes { padding:3px 15px 8px 15px; text-align:justify; font:10px Verdana, Arial, Helvetica, sans-serif; color:#4D4D4D; } .titulo_dato_nutricional { padding:8px; text-align:center; font:bold 10px Verdana, Arial, Helvetica, sans-serif; color:#4D4D4D; } .dato_nutricional { padding:5px; text-align:center; font:10px Verdana, Arial, Helvetica, sans-serif; color:#4D4D4D; } .dulcesol { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; background-color:#F2FFFF; } /* Lo he puesto directamente en nota_legal.php porque al modificar los estilos del body, sal?an dos espacios en blanco a los lados... #notalegal { position:relative; width:400px; height:550px; } #cabe { position:relative; background:url(img/cap.jpg) no-repeat center top; width:400px; height:150px; } #titu { position:relative; float:right; right:50px; top:50px; font:bold 14px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; } #cont { position:relative; float:left; width:400px; height:400px; overflow-x:hidden; overflow-y:auto; } #text { position:relative; float:left; left:15px; width:355px; margin:5px 0px 5px 0px; text-align:justify; font:9px Verdana, Arial, Helvetica, sans-serif; color:#666666; } #dire { position:relative; float:left; left:15px; width:355px; margin:15px 0px 15px 0px; text-align:center; font:bold 10px Verdana, Arial, Helvetica, sans-serif; color:#666666; } #auxi { position:relative; float:left; left:15px; width:355px; height:10px; } */ /* Esto se hizo para la primera prueba de la Encuesta en la nueva web... #contenido_encuesta { position:relative; left:50px; width:920px; height:420px; top:5px; overflow-x:hidden; overflow-y:auto; } #eslogan { position:relative; float:left; width:890px; height:20px; top:5px; text-align:center; font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#747474; } #intro { position:relative; float:left; width:890px; text-align:justify; font:11px Verdana, Arial, Helvetica, sans-serif; color:#747474; } #obligatorio { position:relative; float:left; width:890px; height:20px; top:5px; text-align:center; font:11px Verdana, Arial, Helvetica, sans-serif; color:#e05261; } #encuesta { position:relative; float:left; top:5px; width:890px; border:#000000 1px solid; } #datos_personales { position:relative; float:left; width:890px; background:#DDDDDD; } #datos_personales .Titulo { float:left; width:890px; margin:4px 0px 5px 3px; text-align:left; font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#000000; } #datos_personales .Titulo_Dato { float:left; width:120px; margin:3px 0px 4px 0px; text-align:right; font:11px Verdana, Arial, Helvetica, sans-serif; color:#333333; } #datos_personales .Dato { float:left; width:300px; margin:3px 0px 4px 5px; text-align:left; background:#EDEDED; } */ #auxiliar { position:relative; float:left; width:890px; background:#F6F6F6; } #div_usuario { position:relative; width:200px; height:100px; float:right; display:none;/* border:#000000 1px solid;*/ } #foto_usuario { position:absolute; top:-5px; left:-50px; width:75px; height:90px; } #nombre_usuario { position:absolute; top:10px; right:5px; width:200px; height:45px; text-align:center; font-size:10px; color:#FFFFFF; } #enlace_correo { position:absolute; bottom:15px; left:35px; width:70px; height:30px; } #enlace_portal { position:absolute; bottom:15px; left:-20px; width:100px; height:30px; text-align:center; font-size:11px; color:#FFFFFF; } #enlace_cerrar { position:absolute; bottom:15px; right:0px; width:100px; height:30px; text-align:center; font-size:11px; color:#FFFFFF; } #contenido_sesion { width:995px; height:435px; margin:auto; background:#FFFFFF; clear:both; overflow-x:hidden; overflow-y:auto; } /* #div_usuario { position:relative; width:180px; height:100px; text-align:left; float:right; display:none; } #foto_usuario { position:absolute; top:-5px; left:-50px; width:75px; height:90px; } #nombre_usuario { position:absolute; top:-5px; right:5px; width:150px; height:45px; text-align:center; font-size:10px; color:#FFFFFF; } #enlace_correo { position:absolute; bottom:15px; left:35px; width:70px; height:30px; } #enlace_cerrar { position:absolute; bottom:15px; right:5px; width:70px; height:30px; text-align:center; font-size:10px; color:#FFFFFF; } */ /* -----------------------NUEVO----------------------- */ /* noticias */ #Categorias { background:url(img/fondo_noticias_categorias.jpg) no-repeat center top; width:180px; height:300px; } #Categorias .Titulo A { float:left; clear:left; padding:10px 10px 10px 15px; border-top:1px solid #e5e5e5; width:130px; color:#686868; } #Categorias .Titulo A:hover { text-decoration:underline; } #Categorias .TituloActivo A { float:left; clear:left; padding:10px 10px 10px 15px; border-top:1px solid #e5e5e5; width:130px; color:#CC0000; font-weight:bold; } #Categorias .TituloActivo A:hover { text-decoration:underline; } #BarraPaginacion { position:relative; width:150px; padding:5px 2px 5px 2px; background:#EEEEEE; border:#CCCCCC 1px solid; left:-5px; top:60px; text-align:center; font-size:10px; color:#666666; } #Filtro1_NoticiasAntiguas { position:relative; width:160px; left:-5px; top:5px; text-align:center; font-size:30px; color:#666666; } #Filtro2_NoticiasAntiguas { position:relative; width:160px; left:-5px; top:15px; text-align:center; font-size:30px; color:#666666; } #BarraPaginacion_NoticiasAntiguas { position:relative; width:150px; padding:5px 2px 5px 2px; background:#EEEEEE; border:#CCCCCC 1px solid; left:-5px; top:30px; text-align:center; font-size:10px; color:#666666; } #NoticiasCortas { position:relative; width:160px; background:url(img/fondo_noticias_cortasb.jpg) no-repeat top; text-align:center; height:363px; padding-bottom:15px;/* border:#000000 1px solid;*/ } #NoticiasCortas .Cabecera { font:bold 13px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; padding-top:20px; margin-left:0px; } #NoticiasCortas .Encuesta { position:absolute; left:5px; top:370px; } #NoticiasCortas #ContenedorNoticias { position:absolute; left:15px; width:128px; padding-top:20px; margin-left:0px; } #NoticiasCortas #Noticia { padding-bottom:10px; padding-top:10px; border-bottom:1px solid #d30b1e; text-align:center; } #NoticiasCortas #Noticia A { font:9px Verdana, Arial, Helvetica, sans-serif; color:#d30b1e; } #NoticiasCortas #Noticia A:hover { text-decoration: underline; } #Titular { float:left; width:675px; margin-left:0px;/* background-color:#CCCCCC;*/ } #Titular .Imagen { width:162px; height:112px; background:#FFFFFF url(img/fondo_noticia.jpg) no-repeat center; } #Titular .Imagen IMG { position:inherit; width:150px; margin-left:4px; margin-top:2px; border:1px solid #E0E0E0; padding:1px; } #Titular .Datos { float:right; margin-top:-110px; width:500px; height:100px; margin-bottom:30px;/* border:1px solid #FF00FF;*/ } #Titular .Datos .Fecha { margin-bottom:8px; font:11px Verdana, Arial, Helvetica, sans-serif; color:#c9c9c9; } #Titular .Datos .Titulo A { font:12px Verdana, Arial, Helvetica, sans-serif; color:#e05261; font-weight:bold; font-style:italic;/* border:1px solid #996600;*/ } #Titular .Datos .Titulo A:hover { text-decoration:underline; } #Titular .Datos .Descripcion { margin-top:5px; font:11px Verdana, Arial, Helvetica, sans-serif; color:#a5a5a5; text-align:justify;/* border:1px solid #999999;*/ } #Titular .Imagen_Antigua IMG { position:inherit; width:119px; height:111px; } #Titular .Datos_Antigua { float:right; margin-top:-110px; width:525px; height:95px; margin-bottom:30px;/* border:1px solid #FF00FF;*/ } #Titular .Datos_Antigua .Fecha { margin-bottom:8px; margin-top:8px; font:11px Verdana, Arial, Helvetica, sans-serif; color:#c9c9c9; } #Titular .Datos_Antigua .Titulo A { font:12px Verdana, Arial, Helvetica, sans-serif; color:#e05261; font-weight:bold; font-style:italic;/* border:1px solid #996600;*/ } #Titular .Datos_Antigua .Titulo A:hover { text-decoration:underline; } #Titular .Datos_Antigua .Descripcion { margin-top:5px; font:11px Verdana, Arial, Helvetica, sans-serif; color:#a5a5a5; text-align:justify;/* border:1px solid #999999;*/ } #Newsletter { float:left; } #Newsletter .textoNewsletter { width:134px; font:11px Verdana, Arial, Helvetica, sans-serif; color:#666666; margin-bottom:6px; text-align:justify; } #Newsletter INPUT { float:left; clear:left; border:1px solid #999999; font:11px Verdana, Arial, Helvetica, sans-serif; color:#666666; margin:2px; padding:4px; width:120px; } #Newsletter A { float:left; clear:left; background:url(img/fondo_boton.jpg) no-repeat top; text-align:center; width:74px; height:23px; color:#666666; font:11px Verdana, Arial, Helvetica, sans-serif; margin:4px 0px 4px 0px; padding-top:3px; } #Destacada { width:630px; margin-left:15px; margin-bottom:0px; clear:left; float:left; } #Destacada .Imagen { float:left; width:193px; height:155px; background:#FFFFFF url(img/fondo_noticia_destacada.jpg) no-repeat center; } #Destacada .Imagen IMG { width:175px; margin-left:8px; margin-top:7px; border:1px solid #E0E0E0; padding:0px; } #Destacada #Datos { float:right; text-align:left; margin-left:15px; margin-top:10px; width:400px; height:165px; } #Destacada #Datos .Titulo A { float:left; font:12px Verdana, Arial, Helvetica, sans-serif; color:#e05261; margin-bottom:6px; font-weight:bold; font-style:italic; text-align:justify; width:100%; } #Destacada #Datos .Titulo A:hover { text-decoration:underline; } #Destacada #Datos .Descripcion { float:left; clear:left; font:11px Verdana, Arial, Helvetica, sans-serif; color:#a5a5a5; margin-bottom:6px; text-align:justify; width:100%; } #Destacada #Datos .Fecha { float:left; clear:left; font:11px Verdana, Arial, Helvetica, sans-serif; color:#c9c9c9; margin-bottom:15px; } #Destacada .Categoria { float:left; width:195px; margin-top:-25px; text-align:center; font:11px Verdana, Arial, Helvetica, sans-serif; font-style:italic; color:#a5a5a5; margin-bottom:15px; } #Detalle { width:550px; margin-left:15px; margin-bottom:10px; } #Detalle .Imagen { float:left; width:420px; text-align:center; margin-left:25px; margin-bottom:5px; } #Detalle .Imagen IMG { border:1px solid #e8e8e8; padding:1px; } #Detalle #Thumbs { float:right; width:80px; text-align:right; border:0px; } #Detalle #Thumbs IMG { margin-bottom:10px; border:1px solid #e8e8e8; } #Detalle #Datos { float:left; clear:left; text-align:left; margin-left:15px; width:550px; margin-top:5px; } #Detalle #Datos .Titulo { float:left; clear:left; font:12px Verdana, Arial, Helvetica, sans-serif; color:#d3081e; margin-bottom:6px; font-weight:bold; font-style:italic; } #Detalle #Datos .Descripcion { float:left; clear:left; font:11px Verdana, Arial, Helvetica, sans-serif; color:#a5a5a5; margin-bottom:10px; text-align:justify; width:100%; } #Detalle #Datos .Aviso { float:left; clear:left; font:12px Verdana, Arial, Helvetica, sans-serif; color:#a5a5a5; margin-bottom:6px; text-align:center; width:100%; } #Detalle #Datos .Descarga { float:left; clear:both; width:100%; text-align:center; } #Detalle #Datos .Descarga A { font:9px Verdana, Arial, Helvetica, sans-serif; color:#999999; } #Detalle #Datos .Descarga A:hover { text-decoration:underline; } #Detalle #Datos2 { float:left; clear:left; text-align:left; margin-left:15px; width:550px; margin-top:0px; } #Detalle #Datos2 .Fecha { float:left; font:9px Verdana, Arial, Helvetica, sans-serif; color:#a5a5a5; margin-left:20px; } #Detalle #Datos2 .Descarga { float:left; clear:right; margin-bottom:5px; margin-left:15px; } #Detalle #Datos2 .Descarga A { font:9px Verdana, Arial, Helvetica, sans-serif; color:#a5a5a5; margin-left:10px; vertical-align:top; } #Detalle #Datos2 .Descarga A:hover { text-decoration:underline; } #Detalle_Antigua { width:650px; margin-left:15px; margin-top:10px; margin-bottom:10px; } #Detalle_Antigua #Noticia_Antigua .Imagen_Antigua_y_Fecha { float:left; width:120px; text-align:left; margin-bottom:5px; } #Detalle_Antigua #Noticia_Antigua .Imagen { float:left; width:119px; text-align:left; margin-bottom:5px; } #Detalle_Antigua #Noticia_Antigua .Fecha { float:left; margin-left:2px; font:10px Verdana, Arial, Helvetica, sans-serif; color:#a5a5a5; } #Detalle_Antigua #Noticia_Antigua .Aviso { float:left; clear:left; font:12px Verdana, Arial, Helvetica, sans-serif; color:#a5a5a5; margin-bottom:6px; text-align:center; width:100%; } #Detalle_Antigua #Noticia_Antigua #Datos_Antigua { float:right; text-align:left; width:515px; margin-top:5px; } #Detalle_Antigua #Noticia_Antigua #Datos_Antigua .Titulo { float:left; clear:left; font:12px Verdana, Arial, Helvetica, sans-serif; color:#d3081e; margin-bottom:6px; font-weight:bold; font-style:italic; } #Detalle_Antigua #Noticia_Antigua #Datos_Antigua .Descripcion { float:left; clear:left; font:11px Verdana, Arial, Helvetica, sans-serif; color:#a5a5a5; margin-bottom:0px; text-align:justify; width:100%; } #Detalle_Antigua #Fotos_Antiguas { clear:both; float:right; text-align:left; width:520px; margin-top:12px; border:0px solid #000000; } #Detalle_Antigua #Fotos_Antiguas IMG { margin-left:7px; width:119px; height:111px; cursor:pointer; } /* PRODUCTOS */ /* navegaci?n pesta?as */ #menu_productos { margin-left:16px; padding:10px; } #menu_productos ul { } #menu_productos ul li { float:left; list-style:none; } #menu_productos ul li a { padding-top:12px; float:left; width:142px; height:32px; text-align:center; margin:4px 0px 0px 0px; font:bold 12px Verdana, Arial, Helvetica, sans-serif; background-image:url(img/main_nav_tabs.gif); background-repeat:no-repeat; text-decoration:none; } #menu_productos ul li a.activate { padding-top:12px; height:33px; margin-top:1px; background-image:url(img/main_nav_tabs.gif); background-repeat:no-repeat; text-decoration:none; } #menu_productos ul li a:hover { padding-top:12px; text-decoration:none; } #tab_first a { color:#9f9f9f; background-position:-424px 0; } #tab_first a.activate { background-position:0 0; } #tab_first a.activate:hover { background-position:0 0; } #tab_first a:hover { background-position:0 0; } #tab a { color:#9f9f9f; background-position:-140px 0; } #tab a.activate { background-position:-281px 0; } #tab a.activate:hover { background-position:-281px 0; } #tab a:hover { background-position:-140px 0; } #Subfamilias { clear:both; padding:14px 10px 2px 10px; height:330px; width:860px; margin-left:20px; overflow-y:auto; } #Subfamilias .subfamilia { float:left; background:url(img/fondo_producto.jpg) no-repeat top; height:110px; width:126px; text-align:center; margin-left:12px; } #Subfamilias .titulo { } #Subfamilias .titulo A { font:10px Verdana, sans-serif; color:#626262; } #Subfamilias .thumb IMG { margin-top:6px; border:0px; } #ProductosDetalle { clear:both; margin-left:30px; padding:10px 10px 0 40px; } #ProductosDetalle .producto { padding:8px; } .TablaProductoDetalle { font:10px Verdana, Arial, Helvetica, sans-serif; color:#4d4d4d; } .linkProducto { margin-bottom:10px; } .linkProducto A { font:10px Verdana, Arial, Helvetica, sans-serif; color:#7e7e7e; } .linkProducto A:hover { font:10px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#cacaca; padding:2px 4px 2px 4px; } .linkVolver { margin-bottom:10px; } .linkVolver A { font:10px Verdana, Arial, Helvetica, sans-serif; color:#7e7e7e; } #SeleccionDirecta { clear:left; float:left; padding-left:65px; margin-top:4px; } #SeleccionDirecta OPTION { font:10px Verdana, Arial, Helvetica, sans-serif; color:#7e7e7e; } #SeleccionDirecta SELECT { border:1px solid #7e7e7e; margin-top:2px; color:#7e7e7e; } #Paginador { text-align:left; padding-left:80px; float:left; margin-top:8px; } #Paginador A { font:9px Verdana, Arial, Helvetica, sans-serif; color:#888888; } /* PIE */ #pie { clear:both; width:100%; color:#0099FF; height:17px; margin:0px; } #pie_copyright { position:relative; width:995px; background-color:#d30b1e; margin:auto; padding:2px 0px 3px 0px; text-align:left; color:#FFFFFF; font:10px Verdana, sans-serif; } #pie_copyright A { color:#FFFFFF; } #pie_copyright A:hover { text-decoration:underline; } /* #pie_copyright .correo { color:#FFFFFF; cursor:text; }*/ #pie_links { width:920px; margin:auto; padding:7px 0px 2px 0px; text-align:center; color:#999999; font:10px Verdana, sans-serif; } #pie_links A { color:#999999; } #pie_links A:hover { text-decoration:underline; } /*#pie_remate { background:url(img/fondo_remate_pie.jpg) no-repeat center; height:100px; width:100%; overflow:hidden; }*/ #pie_remate { background:url(img/fondo_remate_pie.jpg) no-repeat center; height:55px; width:100%; overflow:hidden; } /* CONTACTO */ #Principal { width:650px; margin-left:20px;font:11px Verdana, Arial, Helvetica, sans-serif;color:#747474; padding-left: 20px; } #Principal A { font:11px Verdana, Arial, Helvetica, sans-serif; color:#e05261; margin-bottom:4px; } #Principal A:hover { text-decoration:underline; } #Principal #ContactoLinks { float:left; clear:left; } #Principal #ContactoLinks LABEL { margin-bottom:6px; float:left; clear:left; width:650px; height:20px; text-align:justify; } #Principal #DatosContacto { width:650px; background:url(img/fondo_contacto.jpg) no-repeat top; height:140px; } #Empresas { float:right; width:700px; margin-left:15px; font:11px Verdana, Arial, Helvetica, sans-serif; color:#747474; } #Empresas .barra1 { float:left; width:305px; margin-right:15px; text-align:left; } #Empresas .barra2 { float:left; width:330px; margin-left:15px; text-align:left; } /*#Empresas IMG { border:1px solid #b4162c; margin-top: 10px; margin-bottom:10px; float:left; }*/ #Empresas .imagen { float:left; border:1px solid #b4162c; margin-bottom:10px; } #Empresas .imagen2 { float:left; margin-top:-3px; margin-bottom:8px; } #Principal #Ofertas { width:550px; } #Principal #FormOfertas { padding-top:10px; margin-left:-7px; width:450px; float:left; clear:right; font:10px Verdana, Arial, Helvetica, sans-serif; color:#000000; } #Principal #FormOfertas LABEL { padding-left:5px; } #Principal #FormOfertas .radio { margin-left:10px; } #Principal #FormOfertas .text { margin-left:10px; height:18px; margin-bottom:5px; font:11px Verdana, Arial, Helvetica, sans-serif; color:#999999; border:1px solid #999999; padding-left:4px; } #Principal #FormOfertas A { float:left; clear:left; background:url(img/fondo_boton.jpg) no-repeat top; text-align:center; width:74px; height:23px; color:#666666; font:11px Verdana, Arial, Helvetica, sans-serif; margin:10px 0px 0px 10px; padding-top:3px; } #Principal #Comentarios { text-align:justify; width:550px; float:left; clear:left; margin-top:20px; font:10px Verdana, Arial, Helvetica, sans-serif; color:#959595; } #Principal #Comentarios .IconoPdf { float:left; border:0; margin-right:10px; } /* BANNERS */ #Banners { position:relative; margin-left:10px; width:160px; height:310px;/* text-align:left; border:1px solid #CCCCCC;*/ } #Banners .banner { margin-bottom:5px;/*float:left; margin-bottom:5px; text-align:left; border:1px solid #CCCCCC;*/ } #banner_central { margin:10px 5px 0px 20px; } /* botonera abajo */ #pie_botones { float:right; margin-left:25px; text-align:left; width:160px;/* height:107px;*/ } #pie_botones #top { position:relative; width:160px; height:12px; top:7px; background:url(img/botones_top.gif) no-repeat bottom; overflow:hidden;/* padding:0px; margin:0px;*/ } #pie_botones A { clear:left; float:left; width:160px; height:25px; padding-left:15px; padding-top:10px; background:url(img/fondo_boton_pie.gif) repeat-x; vertical-align:middle; font:10px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; } #pie_botones A:hover { text-decoration:underline; } /* VARIOS */ .xpand { padding:10px 20px 20px 20px; text-align:justify; } .margin-left { padding-left:20px; } .TextoRojo { font:11px Verdana, Arial, Helvetica, sans-serif; color:#e05261; } .TextoRojoVivo { font:10px Verdana, Arial, Helvetica, sans-serif; color:#CC0000; } .TextoRojoEspaciado { font:11px Verdana, Arial, Helvetica, sans-serif; color:#e05261; margin-bottom:4px; clear:left; float:left; } .TextoRojoEspaciado9 { font:9px Verdana, Arial, Helvetica, sans-serif; color:#e05261; margin-bottom:4px; clear:left; float:left; } .TextoGris { font:11px Verdana, Arial, Helvetica, sans-serif; color:#747474; } .TextoGrisEspaciado { font:11px Verdana, Arial, Helvetica, sans-serif; color:#747474; margin-bottom:4px; clear:left; float:left; } .TextoGrisEspaciado9 { font:9px Verdana, Arial, Helvetica, sans-serif; color:#747474; margin-bottom:4px; clear:left; float:left; } .TextoGris9 { font:9px Verdana, Arial, Helvetica, sans-serif; color:#747474; margin-bottom:4px; } .TextoNegro { font:11px Verdana, Arial, Helvetica, sans-serif; color:#000000; } .TextoNegro9 { font:9px Verdana, Arial, Helvetica, sans-serif; color:#000000; } .TextoNegroEspaciado { font:11px Verdana, Arial, Helvetica, sans-serif; color:#000000; margin-bottom:20px; clear:left; float:left; }