/* www.mediainteractive.cl */ /************************************************************** ESTRUCTURA Agrosuper HOME **************************************************************/ /*HOME */ html { margin:0 auto; background: url(../img/home/px_back.jpg) repeat-x #c8d7dc; } #contenedor { width:974px; height:453px; margin:0px auto; } #flash_home { width:974px; height:300px; margin:0px 0px 0px 0px; border:none; } #contenido_home { width:974px; height:244px; background: url(../img/home/px_info.jpg) repeat-x #FFF; border:none;} /*contenido interior*/ #contenido_int { width:974px;background: url(../img/home/px_info.jpg) repeat-x #FFF; } #contiene_info_produccion { width:974px; height:500px; background: url(../img/home/px_info.jpg) repeat-x #FFF; } #contiene_info_consumo { width:974px; height:1035px; background: url(../img/home/px_info.jpg) repeat-x #FFF; } #contiene_info_alimentacion { width:974px; background: url(../img/home/px_info.jpg) repeat-x #FFF; } #contiene_info_noticias { width:974px; height:1300px; background: url(../img/home/px_info.jpg) repeat-x #FFF; } #contiene_info_noticias_detalle { width:974px; background: url(../img/home/px_info.jpg) repeat-x #FFF; } #contiene_info_noticias_detalle_produccion { width:974px; background: url(../img/home/px_info.jpg) repeat-x #FFF; } #contiene_info_empresa { width:974px; height:1240px; background: url(../img/home/px_info.jpg) repeat-x #FFF; } /*INFORMACION HOME*/ /*empresa HOME*/ #contenedor_ver_empresa { width:209px; height:244px; float:left; background: url(../img/home/ver_home2.jpg) no-repeat 8px 197px; } #ver_empresa { width:197px; height:221px; float:left; margin-left:7px; _margin-left:7px; _display: inline; } #ver_empresa h1 { width:197px; height:23px; background: url(../img/home/tit_empresa.jpg) no-repeat 0px 0px; text-indent:-9999px; } #ver_empresa h2 { width:196px; font:bold 11px Arial, Helvetica, sans-serif; color:#ee7d10; text-align:left; padding:10px 0px 5px 10px; } #ver_empresa p { font:11px Arial, Helvetica, sans-serif; color:#6c6c6c; text-align:left; padding-left:5px; } #ver_empresa a:link, #ver_empresa a:visited { height:31px; font:11px Arial, Helvetica, sans-serif; color:#ee7d10; text-decoration:none; float:left; padding:15px 0px 0px 130px; } #ver_empresa a:hover, #ver_empresa a:active { height:31px; font:11px Arial, Helvetica, sans-serif; color:#0068AA; text-decoration:underline; float: left; padding:15px 0px 0px 130px; } /*presencia HOME*/ #contenedor_ver_presencia { width:209px; height:244px; float:left; background: url(../img/home/ver_home2.jpg) no-repeat 8px 197px; } #ver_presencia { width:197px; height:221px; float:left; margin-left:7px; _display:inline; _margin-left:0px; } #ver_presencia h1 { width:197px; height:23px; background: url(../img/home/tit_presencia.jpg) no-repeat 0px 0px; text-indent:-9999px; } #ver_presencia h2 { width:196px; font:bold 11px Arial, Helvetica, sans-serif; color:#ee7d10; text-align:left; padding:10px 0px 5px 10px; } #ver_presencia p { width:196px; font:11px Arial, Helvetica, sans-serif; color:#6c6c6c; text-align:left; padding-left:5px; } #ver_presencia a:link, #ver_presencia a:visited { height:31px; font:11px Arial, Helvetica, sans-serif; color:#ee7d10; text-decoration:none; float:left; padding:15px 0px 0px 130px; } #ver_presencia a:hover, #ver_presencia a:active { height:31px; font:11px Arial, Helvetica, sans-serif; color:#0068AA; text-decoration:underline; float: left; padding:15px 0px 0px 130px; } /*personas HOME*/ #contenedor_ver_personas { width:209px; height:244px; float:left; background: url(../img/home/ver_home2.jpg) no-repeat 8px 197px; } #ver_personas { width:197px; height:221px; float:left; margin-left:7px; _display:inline; _margin-left:0px; } #ver_personas h1 { width:197px; height:23px; background: url(../img/home/tit_personas.jpg) no-repeat 0px 0px; text-indent:-9999px; } #ver_personas h2 { width:196px; font:bold 11px Arial, Helvetica, sans-serif; color:#ee7d10; text-align:left; padding:10px 0px 5px 10px; } #ver_personas p { font:11px Arial, Helvetica, sans-serif; color:#6c6c6c; text-align:left; padding-left:5px; } #ver_personas a:link, #ver_personas a:visited { height:31px; font:11px Arial, Helvetica, sans-serif; color:#ee7d10; text-decoration:none; float:left; padding:15px 0px 0px 130px; } #ver_personas a:hover, #ver_personas a:active { height:31px; font:11px Arial, Helvetica, sans-serif; color:#0068AA; text-decoration:underline; float: left; padding:15px 0px 0px 130px; } /*NOTICIAS HOME*/ #noticias { width:326px; _width:310px; height:237px; float:left; margin-left:8px; _margin-left:0px; _display:inline; } #noticias h1 { width:326px; _width:310px; height:25px; background: url(../img/home/tit_noticias.jpg) no-repeat 0px 0px; text-indent:-9999px; } #contenedor_noticias { width:323px; height:180px; float:left; border-left:1px solid #E6E6E6; } #contenido_noticias { width:310px; _width:310px; height:170px; float:left; overflow: auto; margin-right:13px; } #contenido_noticias_int { width:190px; height:180px; float:left; } /*NOTICIAS 1 HOME*/ #noticia_1 { width:270px; height:80px; float:left; margin:14px 0px 0px 7px; border-bottom:1px solid #DFE9F2; } #noticia_1 h2 { font:bold 11px Arial, Helvetica, sans-serif; color:#488fb3; text-align:left; } #noticia_1 h3 { font:11px Arial, Helvetica, sans-serif; color:#ff8400; text-align:left; } #noticia_1 p { font:11px Arial, Helvetica, sans-serif; color:#6c6c6c; text-align:left; } #noticia_1 img { width:84px; height:68px; float:left; margin-right:10px; border:none; } #img_pie_noticias { width:326px; height:38px; background: url(../img/home/botom_noticia.jpg) no-repeat 0px 0px; float:left; } /*PIE HOME*/ /**/#pie { width:974px; height:280px; } /*links home*/ #links { width:974px; height:49px; background:url(../img/home/1px_links.jpg) repeat-x; } #links ul { list-style:none; margin: 0 auto; clear:both; width:375px } #links ul li { float: left; padding-left:15px; padding-bottom:15px; font:10px Arial, Helvetica, sans-serif; color: #BFBFBF; text-decoration:none; padding-top:19px; } #links ul li a:link, #links ul li a:visited { font:10px Arial, Helvetica, sans-serif; color:#676868; text-decoration:none; padding-top:19px; } #links ul li a:hover, #links ul li a:active { font:10px Arial, Helvetica, sans-serif; color:#314444; text-decoration:underline; padding-top:19px; } #direccion { width:974px; height:41px; font:10px Arial, Helvetica, sans-serif; color:#7b9191; background: url(../img/home/1px_pie.jpg) repeat-x; padding-top:15px; } #mapa { width:990px; height:280px; background:#c8d7dc; } /*PIE GENERAL TO TEST*/ /*#totest {width:140px; margin-right:20px; background:#c8d7dc;padding-top:5px; float:left; display:block; text-align:left; } #totest h1{font:bold 11px Arial, Helvetica, sans-serif; color:#7b9191; padding-bottom:5px;} #totest ul{list-style:none;display:block;clear:both;} #totest ul li{float:left; text-decoration:none;} #totest ul li a{font:11px Arial, Helvetica, sans-serif; color:#7b9191;float:left; padding-bottom:5px;width:140px;} #totest ul li a:link, #productos ul li a:visited {font:11px Arial, Helvetica, sans-serif; color:#7b9191;text-decoration:none;} #totest ul li a:hover, #productos ul li a:active {font:11px Arial, Helvetica, sans-serif;color:#314444;text-decoration:underline;}*/ /*links pie*/ /*EMPRESA HOME y pie*/ #empresa { width:140px; _width:50px; background:#c8d7dc; padding-top:5px; float:left; display:block; text-align:left; margin-left:15px; } #empresa h1 { font:bold 11px Arial, Helvetica, sans-serif; color:#7b9191; padding-bottom:5px; } #empresa ul { list-style:none; display:block; clear:both; } #empresa ul li { float:left; text-decoration:none; } #empresa ul li a { width:110px; font:10px Arial, Helvetica, sans-serif; color:#7b9191; float:left; padding-bottom:5px; } #empresa ul li a:link, #empresa ul li a:visited { font:10px Arial, Helvetica, sans-serif; color:#7b9191; text-decoration:none; } #empresa ul li a:hover, #empresa ul li a:active { font:10px Arial, Helvetica, sans-serif; color:#314444; text-decoration:underline; } /*Consumidores HOME*/ #Consumidores { width:200px; background:#c8d7dc; padding-top:5px; float:left; display:block; text-align:left; } #Consumidores h1 { font:bold 11px Arial, Helvetica, sans-serif; color:#7b9191; padding-bottom:5px; } #Consumidores ul { list-style:none; display:block; clear:both; } #Consumidores ul li { float:left; text-decoration:none; } #Consumidores ul li a { width:150px; font:10px Arial, Helvetica, sans-serif; color:#7b9191; float:left; padding-bottom:5px; } #Consumidores ul li a:link, #Consumidores ul li a:visited { font:10px Arial, Helvetica, sans-serif; color:#7b9191; text-decoration:none; } #Consumidores ul li a:hover, #Consumidores ul li a:active { font:10px Arial, Helvetica, sans-serif; color:#314444; text-decoration:underline;} /*corporativo HOME*/ #corporativo { width:140px; background:#c8d7dc; padding-top:5px; float:left; display:block; text-align:left; } #corporativo h1 { font:bold 11px Arial, Helvetica, sans-serif; color:#7b9191; padding-bottom:5px; } #corporativo ul { list-style:none; display:block; clear:both; } #corporativo ul li { float:left; text-decoration:none; } #corporativo ul li a { width:130px; font:10px Arial, Helvetica, sans-serif; color:#7b9191; float:left; padding-bottom:5px; } #corporativo ul li a:link, #corporativo ul li a:visited { font:10px Arial, Helvetica, sans-serif; color:#7b9191; text-decoration:none; } #corporativo ul li a:hover, #corporativo ul li a:active { font:10px Arial, Helvetica, sans-serif; color:#314444; text-decoration:underline; } /*RESPALDO HOME*/ #respaldo { width:115px; background:#c8d7dc; padding-top:5px; float:left; display:block; text-align:left;} #respaldo h1 { font:bold 11px Arial, Helvetica, sans-serif; color:#7b9191; padding-bottom:5px; } #respaldo ul { list-style:none; display:block; clear:both; } #respaldo ul li { float:left; text-decoration:none; } #respaldo ul li a { width:125px; font:10px Arial, Helvetica, sans-serif; color:#7b9191; float:left; padding-bottom:5px; } #respaldo ul li a:link, #respaldo ul li a:visited { font:10px Arial, Helvetica, sans-serif; color:#7b9191; text-decoration:none; } #respaldo ul li a:hover, #respaldo ul li a:active { font:10px Arial, Helvetica, sans-serif; color:#314444; text-decoration:underline; } /*PERSONAS HOME*/ #personas { width:165px; background:#c8d7dc; padding-top:5px; float:left; display:block; text-align:left; } #personas h1 { font:bold 11px Arial, Helvetica, sans-serif; color:#7b9191; padding-bottom:5px; } #personas ul { list-style:none; display:block; clear:both; } #personas ul li { float:left; text-decoration:none; } #personas ul li a { width:145px; font:10px Arial, Helvetica, sans-serif; color:#7b9191; float:left; padding-bottom:5px; } #personas ul li a:link, #personas ul li a:visited { font:10px Arial, Helvetica, sans-serif; color:#7b9191; text-decoration:none; } #personas ul li a:hover, #personas ul li a:active { font:10px Arial, Helvetica, sans-serif; color:#314444; text-decoration:underline; } /*noticias HOME*/ #pie_noticiosas { width:120px; background:#c8d7dc; padding-top:5px; float:left; display:block; text-align:left; } #pie_noticiosas h1 { font:bold 11px Arial, Helvetica, sans-serif; color:#7b9191; padding-bottom:5px; } #pie_noticiosas ul { list-style:none; display:block; clear:both; } #pie_noticiosas ul li { float:left; text-decoration:none; } #pie_noticiosas ul li a { width:120px; font:10px Arial, Helvetica, sans-serif; color:#7b9191; float:left; padding-bottom:5px; } #pie_noticiosas ul li a:link, #pie_noticiosas ul li a:visited { font:10px Arial, Helvetica, sans-serif; color:#7b9191; text-decoration:none; } #pie_noticiosas ul li a:hover, #pie_noticiosas ul li a:active { font:10px Arial, Helvetica, sans-serif; color:#314444; text-decoration:underline; } /*CONTACTO HOME*/ #contacto { width:100px; background:#c8d7dc; padding-top:5px; float:left; display:block; text-align:left; } #contacto h1 { font:bold 11px Arial, Helvetica, sans-serif; color:#7b9191; padding-bottom:5px; } #contacto ul { list-style:none; display:block; clear:both; } #contacto ul li { float:left; text-decoration:none; } #contacto ul li a { width:70px; font:10px Arial, Helvetica, sans-serif; color:#7b9191; float:left; padding-bottom:5px; } #contacto ul li a:link, #contacto ul li a:visited { font:10px Arial, Helvetica, sans-serif; color:#7b9191; text-decoration:none; } #contacto ul li a:hover, #contacto ul li a:active { font:10px Arial, Helvetica, sans-serif; color:#314444; text-decoration:underline; } /*CONTACTO RSE*/ #bien { width:110px; background:#c8d7dc; padding-top:5px; float:left; display:block; text-align:left; } #bien h1 { font:bold 11px Arial, Helvetica, sans-serif; color:#7b9191; padding-bottom:5px; } #bien ul { list-style:none; display:block; clear:both; } #bien ul li { float:left; text-decoration:none; } #bien ul li a { width:120px; font:10px Arial, Helvetica, sans-serif; color:#7b9191; float:left; padding-bottom:5px; } #bien ul li a:link, #bien ul li a:visited { font:10px Arial, Helvetica, sans-serif; color:#7b9191; text-decoration:none; } #bien ul li a:hover, #bien ul li a:active { font:10px Arial, Helvetica, sans-serif; color:#314444; text-decoration:underline; } /************************************************************** ESTRUCTURA EMPRESA **************************************************************/ /*links interior*/ #links_int { width:974px; height:50px; background: url(../img/empresa/px_links.jpg) repeat-x; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFF; } #links_int ul { list-style:none; padding-left:350px; } #links_int ul li { float: left; padding-left:15px; padding-bottom:15px; font:10px Arial, Helvetica, sans-serif; color: #BFBFBF; text-decoration:none; padding-top:19px; } #links_int ul li a:link, #links_int ul li a:visited { font:10px Arial, Helvetica, sans-serif; color:#676868; text-decoration:none; padding-top:19px; } #links_int ul li a:hover, #links_int ul li a:active { font:10px Arial, Helvetica, sans-serif; color:#314444; text-decoration:underline; padding-top:19px; } /*flash interior*/ #flash_int { width:974px; height:200px; margin:0px 0px 0px 0px; border:none; } /*migas interior*/ #migas { width:950px; height:20px; text-align:left; padding-left:10px; } #migas p { font:11px Arial, Helvetica, sans-serif; color:#8e8e8e; } #migas a:link, #migas a:visited { font:11px Arial, Helvetica, sans-serif; color:#8e8e8e; text-decoration:underline; } #migas a:hover, #migas a:active { font:11px Arial, Helvetica, sans-serif; color:#008dc5; text-decoration:underline; } /*informacion de empresa*/ #contiene_info { width:974px; background: url(../img/home/px_info.jpg) repeat-x #FFF; } /*nuestra historia*/ #contiene_nuestra { width:154px; height:212px; float:left; margin:10px 0px 0px 7px; background:url(../img/empresa/btn_ver2.jpg) no-repeat 0px 100px; } #contiene_nuestra h1 { width:154px; height:25px; text-indent:-9999px; } #contiene_nuestra h2 { font:bold 11px Arial, Helvetica, sans-serif; color:#0068aa; text-align:left; padding:5px 0px 0px 5px; } #contiene_nuestra p { font:11px Arial, Helvetica, sans-serif; color:#6c6c6c; text-align:left; padding:2px 0px 0px 5px; } #contiene_nuestra a:link, #contiene_nuestra a:visited { font:11px Arial, Helvetica, sans-serif; color:#ee7d10; text-decoration:none; float:left; padding:5px 0px 0px 96px; } #contiene_nuestra a:hover, #contiene_nuestra a:active { font:11px Arial, Helvetica, sans-serif; color:#0068aa; text-decoration:underline; float: left; } .nuestra { background:url(../img/empresa/nuestra_hist.jpg) no-repeat 0px 0px; } .nosotros { background: url(../img/empresa/nosotros.jpg) no-repeat 0px 0px; } .certificaciones { background: url(../img/empresa/certificaciones.jpg) no-repeat 0px 0px; } .reconocimientos { background:url(../img/empresa/reconocimientos.jpg) no-repeat 0px 0px; } .servicios { background: url(../img/empresa/servicios.jpg) no-repeat 0px 0px; } .directorio { background: url(../img/empresa/directorio.jpg) no-repeat 0px 0px; } #describe_empresa { width:974px; height:150px; float:left; background:url(../img/empresa/px_empresa.jpg) repeat-x; } #describe_empresa h1 { width:914px; height:17px; background:url(../img/empresa/tit_empresa.jpg) no-repeat 0px 0px; text-indent:-9999px; float:left; margin:24px 0px 30px 14px; } #describe_empresa p { font:11px Arial, Helvetica, sans-serif; color:#6c6c6c; float:left; text-align:left; padding-left:20px; padding-bottom:10px; } /*clases img presencia productos europa*/ .nuestra_historia { background: url(../img/empresa/tit_nuestra_hist.jpg) no-repeat 0px 0px; } .nosotros_tit { background: url(../img/empresa/tit_nosotros.jpg) no-repeat 0px 0px; } .certificaciones_tit { background: url(../img/empresa/tit_certificaciones.jpg) no-repeat 0px 0px; } .reconocimientos_tit { background: url(../img/empresa/tit_reconocimientos.jpg) no-repeat 0px 0px; } .servicios_tit { background: url(../img/empresa/tit_servicios.jpg) no-repeat 0px 0px; } .directorio_tit { background: url(../img/empresa/tit_directorio.jpg) no-repeat 0px 0px; } /************************************************************** BOTONERAS **************************************************************/ /*BOTONERA PRODUCTOS*/ #botonera_productos { width:165px; height:209px; float:left; margin:15px 10px 0px 10px; } #botonera_productos ul { float:left; list-style:none; } #botonera_productos ul li { width:162px; height:30px; background: url(../img/productos_marcas/btn_btn.png) no-repeat 0px 0px; behavior: url(/css/iepngfix.htc);} #botonera_productos ul li a:link, #botonera_productos ul li a:visited { font:11px Arial, Helvetica, sans-serif; color:#000; text-decoration:none; float:left; padding:7px 0px 0px 12px; } #botonera_productos ul li a:hover, #botonera_productos ul li a:active { font:11px Arial, Helvetica, sans-serif; color:#ee7d10; text-decoration:underline; float:left; } /************************************************************** ESTRUCTURA PRODUCTOS_ MARCAS **************************************************************/ #contenido_pym { width:720px; margin-top:10px; float:left; } #contenido_pym p { font:11px Arial, Helvetica, sans-serif; color:#6c6c6c; text-align:left; } #contenido_pym img { float:left; padding-right:10px; } #1 { width:700px; border:none; float: right; margin:0px 60px 0px 0px; } #flash_productos { width:974px; height:135px; clear:both; } /************************************************************** ESTRUCTURA PRESENCIA INTERNACIONAL **************************************************************/ #describe_presencia { width:974px; height:150px; float:left; background:url(../img/empresa/px_empresa.jpg) repeat-x; } #describe_presencia h1 { width:212px; height:17px; background: url(../img/presencia_inter/txt_presencia_int.jpg) no-repeat 0px 0px; text-indent:-9999px; float:left; margin:24px 0px 0px 16px; } #describe_presencia p { font:11px Arial, Helvetica, sans-serif; color:#6c6c6c; text-align:left; padding:50px 30px 0px 20px; } #links_presencia_contenedor { width:974px; height:220px; float:left; } #links_presencia { width:228px; height:194px; float:left; background: url(../img/presencia_inter/caja_presencia.jpg) no-repeat 0px 0px; margin-left:12px; } #links_presencia h1 { font:bold 14px Tahoma, Geneva, sans-serif; color:#FFF; float:left; padding-left:10px; padding-top:2px; } #links_presencia h1 a:link, a:visited { font:normal 14px Tahoma, Geneva, sans-serif; color:#FFF; /*padding-left:10px;*/ padding-top:2px; text-decoration:none; } #links_presencia ul { float:left; list-style:none; padding:12px 0px 0px 20px; } #links_presencia ul li { width:180px; float:left; padding:2px 0px 0px 0px; } #links_presencia ul li a:link, #links_presencia ul li a:visited { font:bold 11px Arial, Helvetica, sans-serif; color:#0068aa; text-decoration:none; float:left; padding:7px 0px 0px 12px; } #links_presencia ul li a:hover, #links_presencia ul li a:active { font:bold 11px Arial, Helvetica, sans-serif; color:#ef8620; text-decoration:underline; float:left; } /*presencia productos y marcas*/ #productos_marcas { width:700px; float:left; margin-top:10px; } #productos_marcas h1 { width:700px; height:24px; text-indent:-9999px; margin-bottom:20px; float:left; } #productos_marcas h2 {font:bold 14px Arial, Helvetica, sans-serif; color:#ff7d00;text-align:left; margin-bottom:10px; margin-top:20px;} #productos_marcas p { font:11px Arial, Helvetica, sans-serif; color:#6c6c6c; text-align:left; } /*clases img presencia productos europa*/ .productos_europa { background: url(../img/presencia_inter/tit_productos_marcas.jpg) no-repeat 0px 0px; } .certificaciones_europa { background: url(../img/presencia_inter/tit_certificaciones.jpg) no-repeat 0px 0px; } .ubicacion_europa { background: url(../img/presencia_inter/tit_ubicacion.jpg) no-repeat 0px 0px; } .directorio_europa { background: url(../img/presencia_inter/tit_directorio.jpg) no-repeat 0px 0px; } .presentacion_europa { background: url(../img/presencia_inter/tit_presentacion.jpg) no-repeat 0px 0px; } .productos_asia { background: url(../img/presencia_inter/tit_productos_marcas_as.jpg) no-repeat 0px 0px; } .certificaciones_asia { background: url(../img/presencia_inter/tit_certificaciones_as.jpg) no-repeat 0px 0px; } .ubicacion_asia { background: url(../img/presencia_inter/tit_ubicacion_as.jpg) no-repeat 0px 0px; } .directorio_asia { background: url(../img/presencia_inter/tit_directorio_as.jpg) no-repeat 0px 0px; } .presentacion_asia { background: url(../img/presencia_inter/tit_presentacion_as.jpg) no-repeat 0px 0px; } .productos_eeuu { background: url(../img/presencia_inter/tit_productos_marcas_eeuu.jpg) no-repeat 0px 0px; } .certificaciones_eeuu { background: url(../img/presencia_inter/tit_certificaciones_eeuu.jpg) no-repeat 0px 0px; } .ubicacion_eeuu { background: url(../img/presencia_inter/tit_ubicacion_eeuu.jpg) no-repeat 0px 0px; } .directorio_eeuu { background: url(../img/presencia_inter/tit_directorio_eeuu.jpg) no-repeat 0px 0px; } .presentacion_eeuu { background: url(../img/presencia_inter/tit_presentacion_eeuu.jpg) no-repeat 0px 0px; } .productos_mex { background: url(../img/presencia_inter/tit_productos_marcas_mex.jpg) no-repeat 0px 0px; } .certificaciones_mex { background: url(../img/presencia_inter/tit_certificaciones_mex.jpg) no-repeat 0px 0px; } .ubicacion_mex { background: url(../img/presencia_inter/tit_ubicacion_mex.jpg) no-repeat 0px 0px; } .directorio_mex { background: url(../img/presencia_inter/tit_directorio_mex.jpg) no-repeat 0px 0px; } .presentacion_mex { background: url(../img/presencia_inter/tit_presentacion_mex.jpg) no-repeat 0px 0px; } #fotos_presencia { width:145px; height:250px; float:left; margin:10px 0px 0px 10px; } #fotos_presencia h2 { font:bold 11px Arial, Helvetica, sans-serif; color:#0166AA; text-align:left; } #fotos_presencia h3 { font:11px Arial, Helvetica, sans-serif; color:#0166AA; text-align:left; } .presencia_tit { width:700px; float:left; font:bold 11px Arial, Helvetica, sans-serif; color:#0166AA; text-align:left; float:left; } /************************************************************** ESTRUCTURA RESPALDO **************************************************************/ #estilo_respaldo { width:700px; float:left; margin-top:10px; } #estilo_respaldo h1 { width:700px; height:24px; text-indent:-9999px; margin-bottom:20px; float:left; } #estilo_respaldo p { width:500px; font:11px Arial, Helvetica, sans-serif; color:#6c6c6c; text-align:left; margin:30px 0px 0px 0px; float: right; } #estilo_respaldo img { float:left; margin:35px 10px 0px 0px; } #info_respaldo { width:730px; float:left; background:url(../img/respaldo/px_contenedor.jpg) repeat-x; margin:0px 0px 30px 0px; } /*compromiso */ #estilo_compromiso { width:700px; float:left; margin-top:10px; } #estilo_compromiso h1 { width:700px; height:24px; text-indent:-9999px; margin-bottom:20px; float:left; } #estilo_compromiso p { width:700px; font:11px Arial, Helvetica, sans-serif; color:#6c6c6c; text-align:left; float:left; } /*consejos */ #estilo_consejos { width:700px; float:left; margin-top:10px; } #estilo_consejos h1 { width:700px; height:24px; text-indent:-9999px; margin-bottom:20px; float:left; } #estilo_consejos p { width:700px; font:11px Arial, Helvetica, sans-serif; color:#6c6c6c; text-align:left; float:left; } /*clases para img */ .estilo_respaldo_tit { background: url(../img/respaldo/tit_produccion.jpg) no-repeat 0px 0px; } .estilo_compromiso_tit { background: url(../img/respaldo/tit_compromiso.jpg) no-repeat 0px 0px; } .estilo_consejos_tit { background: url(../img/respaldo/tit_consejos.jpg) no-repeat 0px 0px; } /************************************************************** ESTRUCTURA PERSONAS **************************************************************/ #estilo_personas { width:700px; float:left; margin-top:10px; } #estilo_personas h1 { width:700px; height:24px; text-indent:-9999px; margin-bottom:20px; float:left; } #estilo_personas h2 { float:left; font:bold 11px Arial, Helvetica, sans-serif; color:#ff8201; } #estilo_personas p { font:11px Arial, Helvetica, sans-serif; color:#6c6c6c; text-align:left; float: left; margin-left:10px; } /*BOTONES PERSONAS*/ #botones_personas { width:700px; height:200px; float:left; } #botones_personas ul { float:left; list-style:none; } #botones_personas ul li { width:185px; height:23px; background: url(../img/productos_marcas/btn_btn.png) no-repeat 0px 0px;behavior: url(/css/iepngfix.htc); } #botones_personas ul li a:link, #botones_personas ul li a:visited { font:11px Arial, Helvetica, sans-serif; color:#000; text-decoration:none; float:left; padding:7px 0px 0px 12px; } #botonera_productos ul li a:hover, #botonera_productos ul li a:active { font:11px Arial, Helvetica, sans-serif; color:#ee7d10; text-decoration:underline; float:left; } /*BOTONERA SESION BOTONES AZULES*/ #botones_sesiones { width:680px; height:35px; float:left; margin:30px 0px 0px 20px; } #botonera_sesion { width:185px; height:27px; float:left; margin:30px 0px 0px 20px; } #botonera_sesion ul { float:left; list-style:none; } #botonera_sesion ul li { width:185px; height:23px; } #botonera_sesion ul li a:link, #botonera_sesion ul li a:visited { width:185px; height:27px; background:url(../img/personas/btn_inicio.jpg) no-repeat 0px 0px; } #botonera_sesion ul li a:hover, #botonera_sesion ul li a:active { width:185px; height:27px; background:url(../img/personas/btn_inicio_off.jpg) no-repeat 0px 0px; } /*BOTONERA oportunidades BOTONES AZULES*/ #botonera_oportunidades { width:185px; height:27px; float:left; margin:30px 0px 0px 20px; } #botonera_oportunidades ul { float:left; list-style:none; } #botonera_oportunidades ul li { width:185px; height:23px; } #botonera_oportunidades ul li a:link, #botonera_oportunidades ul li a:visited { width:185px; height:27px; background:url(../img/personas/btn_oportunidades.jpg) no-repeat 0px 0px; } #botonera_oportunidades ul li a:hover, #botonera_oportunidades ul li a:active { width:185px; height:27px; background:url(../img/personas/btn_oportunidades_off.jpg) no-repeat 0px 0px; } /*BOTONERA registra BOTONES AZULES*/ #botonera_registra { width:185px; height:27px; float:left; margin:30px 0px 0px 20px; } #botonera_registra ul { float:left; list-style:none; } #botonera_registra ul li { width:185px; height:23px; } #botonera_registra ul li a:link, #botonera_registra ul li a:visited { width:185px; height:27px; background:url(../img/personas/btn_registra.jpg) no-repeat 0px 0px; } #botonera_registra ul li a:hover, #botonera_registra ul li a:active { width:185px; height:27px; background:url(../img/personas/btn_registra_off.jpg) no-repeat 0px 0px; } /*clases para img */ .estilo_personas_tit { background: url(../img/personas/tit_solicitud.jpg) no-repeat 0px 0px; } .estilo_actividades_tit { background: url(../img/personas/tit_actividades.jpg) no-repeat 0px 0px; } .centro_negocios_tit { background: url(../img/personas/tit_centro_negocios.jpg) no-repeat 0px 0px; } /************************************************************** ESTRUCTURA MAPA SITIO **************************************************************/ /*imagen fondo*/ #estilo_mapa_cont { width:890px; height:350px; float:left; margin:30px 0px 0px 50px; } #estilo_mapa { width:150px; height:230px; float:left; } #estilo_mapa_cont h1 { width:140px; height:24px; text-indent:-99999px; background: url(../img/mapa_sitio/tit_mapa_sitio.jpg) no-repeat 0px 0px; float:left; clear:both; } #estilo_mapa ul { float:left; list-style:none; } #estilo_mapa ul li { width:140px; height:23px; background:url(../img/mapa_sitio/mapa_flecha.jpg) no-repeat 0px 4px; padding-left:10px; float:left; } #estilo_mapa ul li a:link, #estilo_mapa ul li a:visited { font:11px Arial, Helvetica, sans-serif; color:#000; text-decoration:none; float:left; } #estilo_mapa ul li a:hover, #estilo_mapa ul li a:active { font:11px Arial, Helvetica, sans-serif; color:#ee7d10; text-decoration:underline; float:left; } /************************************************************** ESTRUCTURA ALIMENTACION SANA **************************************************************/ #estilo_alimentacion { width:790px; float:left; margin-top:10px; margin-left:50px; margin-bottom:10px; } #estilo_alimentacion h1 { width:700px; height:24px; text-indent:-9999px; margin-bottom:20px; float:left; } #estilo_alimentacion p { width:700px; font:11px Arial, Helvetica, sans-serif; color:#6c6c6c; text-align:left; float: left; } #estilo_alimentacion h2 { width:600px; font:bold 14px Arial, Helvetica, sans-serif; color: #EB7F45; text-align:left; float: left; margin-bottom:10px; margin-top:10px; } #estilo_alimentacion h3 { width:450px; font:bold 11px Arial, Helvetica, sans-serif; color:#6c6c6c; text-align:left; float: left; margin-bottom:10px; } /*imagenes de catalogos*/ #catalogos_alimentacion { width:850px; height:260px; float:left; margin:40px 0px 0px 30px; } #alcohol { width:250px; height:250px; float:left; background:url(../img/alimentacion/img_alco_gel.jpg) no-repeat 0px 0px; margin-left:0px; } #alcohol a { width:50px; height:25px; float:left; margin:200px 0px 0px 40px; } #lavado { width:250px; height:250px; float:left; background: url(../img/alimentacion/img_lavado_manos.jpg) no-repeat 0px 0px; margin-left:10px; } #lavado a { width:50px; height:25px; float:left; margin:200px 0px 0px 56px; } #toser { width:250px; height:250px; float:left; background: url(../img/alimentacion/img_toser_estornudar.jpg) no-repeat 0px 0px; margin-left:10px; } #toser a { width:50px; height:25px; float:left; margin:200px 0px 0px 52px; } /*clases para img */ .estilo_alimentacion_tit { background: url(../img/alimentacion/tit_influenza.jpg) no-repeat 0px 0px; } /************************************************************** ESTRUCTURA FORMULARIO contacto **************************************************************/ #formulario { width:460px; height:300px; float:left; margin:40px 0px 0px 0px; } #formulario th { font:11px Tahoma; color:#fff; } #formulario td { background:#fff; font:12px Arial, Helvetica, sans-serif; color:#666; text-align:left; } #formulario table { font:11px Tahoma; color:#fff; } #formulario tr { font:11px Tahoma; color:#fff; } .input_codigo { width:20px; } /*clases para img*/ .formulario_tit { background: url(/site_english/img/contacto/tit_formulario.jpg) no-repeat 0px 0px; } .botoncitoEnviar { width:60px; height:22px; background: url(/site_english/img/personas/btn_enviar.jpg) no-repeat 0px 0px; } .botoncitoReset { width:59px; height:21px; background:url(/site_english/img/personas/btn_limpiar.jpg) no-repeat 0px 0px; } #formContacto { text-align:left; display:inline; float:none; } .tabla_normal { text-align:left; display:inline; float:none; } /*clases para img de telefonos*/ .telefonos_tit { background: url(../img/contacto/interior_contacto_telefono_03.jpg) no-repeat 0px 0px; } #telefonos { width:700px; float:left; margin-top:10px; } #telefonos h2 { float:left; font:bold 20px Arial, Helvetica, sans-serif; color:#ff8201; text-align:left; float:left; clear:both; padding-left:10px; margin-bottom:20px; } #telefonos p { font:11px Arial, Helvetica, sans-serif; color:#6c6c6c; text-align:left; float: left; clear:both; } /************************************************************** ESTRUCTURA CENTRO NEGOCIO **************************************************************/ #imagenes_negocios { width:660px; height:400px; float:left; background: 1px solid #009; border:none; } /************************************************************** ESTRUCTURA certificaciones **************************************************************/ #cajas_dictuc {width:760px;float:left; } #cajas_dictuc img{ float:left;padding-left:35px; margin-top:10px;} #dictuc_text { padding-left:190px; padding-right:10px;} #titulo_dictuc h3 { width:550px; font:bold 12px Arial, Helvetica, sans-serif; color:#008EC6; text-align:left; margin:0px 0px 0px 30px; float:left; } #dictuc_text p {width:550px;} #dictuc_text a:link, #dictuc_text a:visited { font:11px Arial, Helvetica, sans-serif; color:#008EC6 ; text-decoration:none; float:left; } #dictuc_text a:hover, #dictuc_text a:active { font: 11px Arial, Helvetica, sans-serif; color:#FF2124; text-decoration:underline; float:left; } hr { color:#008EC6; width:670px; margin:30px 0px 0px 20px;} #cajas_certifica {width:760px; float:left;} #cajas_certifica img {float:left; margin-left:30px; margin-top:30px;} /************************************************************** ESTRUCTURA Noticias **************************************************************/ #estilo_noticias { width:690px; height:inherit; float:left; margin:10px 0px 0px 10px; } #estilo_noticias h1 { width:690px; height:24px; text-indent:-9999px; margin-bottom:20px; } #estilo_noticias p { width:400px; font:11px Arial, Helvetica, sans-serif; color:#6c6c6c; text-align:left; margin:20px 0px 10px 10px; float: left; } #estilo_noticias h2 { width:450px; font:bold 12px Arial, Helvetica, sans-serif; color:#008EC6; text-align:left; margin:30px 0px 0px 10px; float: left; } #estilo_noticias h3 { width:400px; font: 12px Arial, Helvetica, sans-serif; color:#DE740E; text-align:left; margin:0px 0px 0px 10px; float: left; } #estilo_noticias img { float:left; margin:35px 10px 30px 0px; } #info_noticias { width:690px; float:left; background:url(../img/respaldo/px_contenedor.jpg) repeat-x; margin:0px 0px 10px 0px; } .noticias_tit { background: url(../img/noticias/tit_noticias.jpg) no-repeat 0px 0px; } /*recientes */ #estilo_recientes { width:100px; float:left; margin:10px 0px 0px 20px; text-align:left; } #estilo_recientes h1 { width:230px; height:24px; text-indent:-9999px; margin-bottom:20px; } .recientes_tit { background: url(/site_english/img/noticias/tit_recientes.jpg) no-repeat 0px 0px; } #estilo_recientes ul { float:left; list-style:none; } #estilo_recientes ul li { width:220px; height:35px; float:left; padding:2px 0px 5px 0px; border-bottom:1px dashed #999; background:url(../img/noticias/pix_lista.jpg) no-repeat 0px 14px; } #estilo_recientes ul li a:link, #estilo_recientes ul li a:visited { font:11px Arial, Helvetica, sans-serif; color:#6C6C6C; text-decoration:none; float:left; padding:7px 0px 0px 12px; } #estilo_recientes ul li a:hover, #estilo_recientes ul li a:active { font: 11px Arial, Helvetica, sans-serif; color:#ef8620; text-decoration:underline; float:left; } #cuadro_catalogo { width:400px; height:300px; background:url(../img/catalogo/bg_catalogos.jpg) no-repeat 0px 0px; font:11px Arial, Helvetica, sans-serif; margin:0px 0px; } #cuadro_catalogo a:link, #cuadro_catalogo a:visited { font:11px Arial, Helvetica, sans-serif; color:#000; text-decoration:none; float:left; } #cuadro_catalogo a:hover, #cuadro_catalogo a:active { font: 11px Arial, Helvetica, sans-serif; color:#FF2124; text-decoration:underline; float:left; } #cuadro_catalogo table { margin:60px 0px 0px 50px; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; } /*hack para IE6*/ #contenedor_ver_empresa, #contenedor_ver_presencia, #contenedor_ver_personas, #contenedor_noticias, #ver_empresa, #ver_presencia, #ver_personas, #noticias { _display:inline; } /************************************************************** responsabilidad social empresarial **************************************************************/ #btn_rse{ width:700px; height:35px; float:left; border-bottom:1px dashed #999;border-top:1px dashed #999; margin:20px 0px 0px 0px;} #btn_rse img{ float:left;} .rse{ background: url(/site_english/img/RSE/tit_rse.jpg) no-repeat 0px 0px;} .tra{ background: url(/site_english/img/RSE/tit_tra.jpg) no-repeat 0px 0px;} .medio{ background: url(/site_english/img/RSE/tit_medio.jpg) no-repeat 0px 0px;} .educ{ background: url(/site_english/img/RSE/tit_educ.jpg) no-repeat 0px 0px;} #fotos_rse{ width:700px; height:150px; float:left; margin:30px 0px 0px 0px;} #fotos_rse img{float:left; margin-left:20px;} /************************************************************** NUEVA ESTRUCTURA BOTONERA **************************************************************/ #top_top{width:974px; height:115px; float:left; } .preload1 {background: url(three_1.gif); } .preload2 {background: url(three_1a.gif);} #nav {padding:0; margin:0; list-style:none; height:35px; background:#fff url(/site_english/img/top/three_0.gif) repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif; clear:both;border-bottom:3px solid #ef7c0f;} #nav li.top {display:block; float:left; height:35px;} #nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#526C7D; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(../img/top/three_0.gif);} #nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(/site_english/img/top/three_0.gif) right top no-repeat;} #nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(/site_english/img/top/three_0a.gif) no-repeat right top; width:132px;border-right:1px solid #e5ede2;} #nav li a.top_link span.dawn {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(/site_english/img/top/three_0a.gif) no-repeat right top; width:200px;border-right:1px solid #e5ede2;} #nav li:hover a.top_link {color:#ED7D0F; background: url(/site_english/img/top/three_1.gif) no-repeat;} #nav li:hover a.top_link span {background:url(/site_english/img/top/three_1.gif) no-repeat right top;} #nav li:hover a.top_link span.down {background:url(/site_english/img/top/three_1a.gif) no-repeat right top;} #nav li:hover a.top_link span.dawn {background:url(/site_english/img/top/three_1a.gif) no-repeat right top; width:200px; } /* Default list styling */ #nav li:hover {position:relative; z-index:200;} /* fondo para submenu */ #nav li:hover ul.sub{left:1px; top:35px; background: #e5ebed; border:1px solid #d9e2e1; white-space:nowrap; width:160px; height:auto; z-index:300; text-align:left; padding-top:3px; } #nav li:hover ul.sub li{display:block; height:25px; position:relative; float:left; width:130px; font-weight:normal;width:160px;border-bottom:1px solid #f2f5f6;} #nav li:hover ul.sub li a{ font:11px Arial, Helvetica, sans-serif; height:25px; width:140px; line-height:18px; text-indent:5px; color:#5f7480; text-decoration:none;display:block;} #nav li ul.sub li a.fly{background:#e5ebed url(/site_english/img/top/arrow.gif) 80px 6px no-repeat;} #nav li:hover ul.sub li a:hover {background:#f2f5f6;width:160px; font: Arial, Helvetica, sans-serif; color: #ef7c11;}/* fondo para LINK submenu */ /* fondo para LINK submenu boton1*/ #nav li:hover ul.sub li a.fly:hover{background:#f2f5f6 url(../img/top/arrow_over.gif) 80px 6px no-repeat; color:#ef7c0f;width:160px;} #nav li:hover li:hover ul, #nav li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover li:hover ul{left:150px; top:-4px; background:#d9e2e1; padding:3px; border:1px solid #f2f5f6 ; white-space:nowrap; z-index:400; height:auto;width:160px;} #nav ul, #nav li:hover ul ul, #nav li:hover li:hover ul ul, #nav li:hover li:hover li:hover ul ul, #nav li:hover li:hover li:hover li:hover ul ul{position:absolute; left:-9999px; top:-9999px; width:150; height:0; margin:0; padding:0; list-style:none;} #nav li:hover li:hover a.fly, #nav li:hover li:hover li:hover a.fly, #nav li:hover li:hover li:hover li:hover a.fly, #nav li:hover li:hover li:hover li:hover li:hover a.fly{background:#f2f5f6 url(../img/top/arrow_over.gif) 80px 6px no-repeat; color:#ef7c0f; width:160px;} /* color btn1*/ #nav li:hover li:hover li a.fly, #nav li:hover li:hover li:hover li a.fly, #nav li:hover li:hover li:hover li:hover li a.fly{background:#e5ebed url(../img/top/arrow.gif) 80px 6px no-repeat; color:#f2f5f6;}