@charset "utf-8"; /* CSS Document */ @font-face { font-family: 'LucidaSansUnicodeRegular'; src: url('../fonts/l_10646-webfont.eot'); src: local('☺'), url('../fonts/l_10646-webfont.woff') format('woff'), url('../fonts/l_10646-webfont.ttf') format('truetype'), url('../fonts/l_10646-webfont.svg#webfontMrdZ2sST') format('svg'); font-weight: normal; font-style: normal; } body{margin:0px auto; padding:0px; background:url(../images/bg.jpg) 0px 0px repeat-x; background-color:#FEFEFE;} #header{width:970px; height:110px; display:block; margin:0px auto; padding:0px 14px 0px 14px; background:url(../images/bg_header.jpg) bottom center no-repeat; background-color:#FFF; position:relative; z-index:999;} #header h1{width:140px; height:105px; display:block; float:left; margin:0px; padding:0px;} #header h1 a{width:140px; height:105px; display:block; float:left; margin:0px; padding:0px; background:url(../images/logo.jpg) 0px 0px no-repeat; font:1px Arial, Helvetica, sans-serif; text-indent:-9000px; letter-spacing:1px; outline:none; color:#FFF;} #header #navegacion{margin:0px; padding:0px; list-style:none; width:200px; display:block; margin:0px; padding:10px 0px 0px 0px; position:absolute; top:0; right:380px;} #header #navegacion li{float:left; margin:0px; padding:0px 5px 0px 5px; font:11px Arial, Helvetica, sans-serif; color:#666;} #header #navegacion li a{color:#666; text-decoration:none;} #header #navegacion li a:hover{text-decoration:underline; color:#333;} #header #idiomas{width:170px; height:32px; display:block; list-style:none; margin:0px; padding:0px; top:0; right:208px; position:absolute; background:url(../images/btn_idioma.jpg) bottom left no-repeat;} #header #idiomas li{width:170px; height:32px; display:block; float:left; margin:0px; padding:0px;} #header #idiomas li a.espanol{ 10px 10px no-repeat;} #header #idiomas li.elige_idioma {border:0px; padding:8px 0px 0px 10px; font:11px Arial, Helvetica, sans-serif; color:#333; text-decoration:none; outline:none;} #header #idiomas li.elige_idioma img { float:left; margin-right:5px;} #header #busqueda{width:176px; height:19px; display:block; margin:0px; padding:0px; background:url(../images/bg_busqueda.jpg) 0px 0px no-repeat; position:absolute; top:8px; right:18px;} #header #busqueda input{width:140px; font:11px Arial, Helvetica, sans-serif; color:#666; margin:0px; height:18px; border:none; background:transparent; padding:0px 5px 0px 5px} #header #busqueda .btn_enviar{width:17px; height:13px; display:block; margin:0px; padding:0px; background:url(../images/btn_buscar.jpg) 0px 0px no-repeat; position:absolute; top:4px; right:10px; cursor:pointer;} #header ul#topnav{width:650px; height:28px; display:block; margin:0px; padding:0px; list-style:none; position:absolute; z-index:999; right:0; bottom:0;} #header ul#topnav li{width:auto; height:28px; float:left; margin:0px; padding:0px 24px 0px 0px; display:block; z-index:999;} #header ul#topnav li a{font:12px 'LucidaSansUnicodeRegular', sans-serif; color:#999; text-decoration:none; text-transform:uppercase; margin:0px; padding:0px 14px 0px 0px; background:url(../images/bg_menu.jpg) right 6px no-repeat; display:block; height:24px; z-index:999;} #header ul#topnav li a.consumidores{border-bottom:4px solid #EA4498;} #header ul#topnav li a.corporativo{border-bottom:4px solid #00BBE4;} #header ul#topnav li a.personas{border-bottom:4px solid #B5D339;} #header ul#topnav li a.noticias{border-bottom:4px solid #009B7B;} ul#topnav li a.mhb{border-bottom:4px solid #F4A01A;} #header ul#topnav li .sub{position:absolute; top:28px; left:0px; padding:0px; float:left; overflow:hidden; z-index:999; display:none;} #header ul#topnav li .row {width:100%; overflow:hidden; float:left; clear:both; margin:0px; padding:15px 0px 15px 8px; background:url(../images/bg_submenu.png) 0px 0px repeat; z-index:999;} #header ul#topnav li .sub ul{list-style: none; margin:0px; padding:0px; float: left; z-index:999;} #header ul#topnav li:hover .sub{display:block;} #header ul#topnav .sub ul li {width: 100%; margin:0px; padding:0px!important; height:auto!important; z-index:999;} #header ul#topnav .sub ul li h2 {margin:0px; padding:0px; border-bottom:2px solid #EA4498; width:90%; display:block; font:12px 'LucidaSansUnicodeRegular', sans-serif; color:#005190; margin:0px 0px 10px 0px!important; padding:0px!important; z-index:999;} #header ul#topnav .sub ul li h2 a {padding:0px; background-image:none; font:12px 'LucidaSansUnicodeRegular', sans-serif; color:#005190; margin:0px!important; padding:0px!important; z-index:999;} #header ul#topnav .sub ul li a{position:relative; float: none; text-indent:0; height: auto; background:url(../images/bg_li_submenu.png) 0px 6px no-repeat; padding:2px 0px 4px 12px!important; margin:0px!important; height:auto!important; display: block; text-decoration:none; text-transform:none; font:bold 11px Arial, Helvetica, sans-serif; color:#ED7B15; z-index:999;} #header ul#topnav .sub ul li a:hover{color:#005190; z-index:999;} #header ul#topnav .sub .bottom{width:100%; height:20px; float:left; clear:left; margin:0px; padding:0px; z-index:999;} #header ul#topnav .sub .bottom .left{width:50%; height:20px; float:left; margin:0px; padding:0px; background:url(../images/bottom_submenu.png) top left no-repeat;} #header ul#topnav .sub .bottom .right{width:50%; #width:49.9%; height:20px; float:right; margin:0px; padding:0px; background:url(../images/bottom_submenu.png) top right no-repeat;} #main{width:974px; overflow:hidden; display:block; margin:0px auto; padding:8px 12px 0px 12px; background:#FFF;} #main #loopedSlider{width:974px; position:relative; float:left; margin:0px; padding:0px; z-index:800;} #main #loopedSlider #slider{width:974px; height:298px; overflow:hidden; top:0px; position:relative; z-index:800; cursor:pointer;} #main #loopedSlider #slider .slides {position:absolute; top:0; left:0; z-index:800;} #main #loopedSlider #slider .slides div {width:974px; position:absolute; z-index:800; top:0; display:none;} #main #loopedSlider #slider .slides div img{width:974px; height:298px; z-index:800;} #main #loopedSlider .pagination{ position:absolute; z-index:9999; margin:-34px 0px 0px 0px; padding:0px; width:100px;} #main #loopedSlider .pagination ul{list-style-type:none; margin:0; padding:0; margin:9px auto; width:132px;} #main #loopedSlider .pagination ul li{float:left; margin:0 6px 0px 0px;} #main #loopedSlider .pagination ul li a{display:block; width:9px; padding-top:22px; height:0; overflow:hidden; background:url(../images/paginaction.jpg) no-repeat; background-position:0 0; background-repeat:no-repeat; cursor:pointer; outline:none;} #main #loopedSlider .pagination ul li.active a{ background:url(../images/paginactionact.jpg) no-repeat;} #main #loopedSlider .previous{ width:30px; height:30px; position:absolute; z-index:999; top:278px; left:920px;} #main #loopedSlider .previous a:link, .previous a:visited{ width:30px; height:30px; background:url(../images/previous.png) no-repeat; display:block; font: 1px Arial, Helvetica, sans-serif; text-indent:-9000px; letter-spacing: 1px; cursor:pointer; outline:none;} #main #loopedSlider .previous a:hover, .previous a:active{ background:url(../images/previous_hover.png) no-repeat;} #main #loopedSlider .next{ width:30px; height:30px; position:absolute; z-index:999; top:278px; left:950px;} #main #loopedSlider .next a:link, .next a:visited{ width:30px; height:30px; background:url(../images/next.png) no-repeat; display:block; font: 1px Arial, Helvetica, sans-serif; text-indent:-9000px; letter-spacing: 1px; cursor:pointer; outline:none;} #main #loopedSlider .next a:hover, .next a:active{ background:url(../images/next_hover.png) no-repeat;} #main #destacados{width:974px; overflow:hidden; display:block; float:left; margin:0px; padding:20px 0px 20px 0px; list-style:none;} #main #destacados li{width:176px; overflow:hidden; display:block; margin:0px; padding:0px 10px 0px 0px; float:left; display:block;} #main #destacados li div{width:176px; overflow:hidden; float:left; margin:0px; padding:0px;} #main #destacados li h1{width:168px; height:35px; float:left; display:block; margin:0px; padding:12px 0px 0px 8px; font:bold 14px 'LucidaSansUnicodeRegular', sans-serif; line-height:14px; letter-spacing:-1px;} #main #destacados li h1 a{text-decoration:none;} #main #destacados li img{width:160px; height:75px; float:left; margin:0px; padding:0px 0px 0px 8px;} #main #destacados li a img{border:none;} #main #destacados li.empresa{background:url(../images/bg_destacado_empresa.jpg) 0px 1px no-repeat;} #main #destacados li.empresa h1{border-top:1px solid #00BBE4; color:#00BBE4;} #main #destacados li.empresa h1 a{color:#00BBE4;} #main #destacados li.presencia{background:url(../images/bg_destacado_presencia.jpg) 0px 1px no-repeat;} #main #destacados li.presencia h1{border-top:1px solid #EA4498; color:#EA4498;} #main #destacados li.presencia h1 a{color:#EA4498;} #main #destacados li.personas{background:url(../images/bg_destacado_personas.jpg) 0px 1px no-repeat;} #main #destacados li.personas h1{border-top:1px solid #A2BF2B; color:#A2BF2B;} #main #destacados li.personas h1 a{color:#A2BF2B;} #main #destacados li.noticias{width:416px; padding:0px!important; background:url(../images/bg_destacado_noticias.jpg) 0px 1px no-repeat;} #main #destacados li.noticias div{width:416px;} #main #destacados li.noticias h1{width:406px; border-top:1px solid #0168AB; color:#0168AB;} #main #destacados li.noticias h1 a{color:#0168AB;} #main #destacados li.noticias h2{font:bold 11px Arial, Helvetica, sans-serif; color:#488FB3; margin:0px; padding:0px 0px 4px 0px;} #main #destacados li.noticias img{padding-right:6px;} #main #destacados li.noticias p{font:11px Arial, Helvetica, sans-serif; color:#488FB3; margin:0px; padding:0px;} #main #destacados li.noticias a.vermas{font:10px Arial, Helvetica, sans-serif; color:#FF6503; text-decoration:none; margin:0px; padding:5px 15px 5px 5px; outline:none; float:right;} #main #destacados li.noticias a.vermas:hover{text-decoration:underline;} #footer{width:100%; height:57px; display:block; margin:0px; padding:0px; background:url(../images/bg_footer.jpg) 0px 0px repeat-x;} #footer #contenido_footer{width:970px; height:47px; display:block; margin:0px auto; padding:10px 14px 0px 14px; background:url(../images/bg_footer.jpg) 0px 0px repeat-x;} #footer #contenido_footer p{width:500px; float:left; margin:0px; padding:4px 0px 0px 0px; font:11px Arial, Helvetica, sans-serif; color:#005B9B;} #footer #contenido_footer #menu_footer{width:318px; display:block; list-style:none; overflow:hidden; float:right; margin:0px; padding:0px;} #footer #contenido_footer #menu_footer li{float:left; margin:0px; padding:0px 0px 0px 8px; font:11px Arial, Helvetica, sans-serif; color:#999;} #footer #contenido_footer #menu_footer li a{color:#005190; text-decoration:none;} #footer #contenido_footer #menu_footer li a:hover{text-decoration:underline;} #footer #contenido_footer #redes{width:225px; display:block; list-style:none; overflow:hidden; float:right; margin:0px; padding:8px 0px 0px 0px;} #footer #contenido_footer #redes li{float:left; margin:0px; padding:0px 0px 0px 10px; font:9px Arial, Helvetica, sans-serif; color:#333;} #footer #contenido_footer #redes li p{width:auto; float:left; margin:0px; padding:3px 0px 0px 0px; font:9px Arial, Helvetica, sans-serif; color:#333;} #footer #contenido_footer #redes li a{width:18px; height:17px; display:block; margin:0px; padding:0px; font:1px Arial, Helvetica, sans-serif; text-indent:-9000px; letter-spacing:-999px; outline:none; color:#E8E8E8;} #footer #contenido_footer #redes li a.flickr{background:url(../images/flickr.jpg) 0px 0px no-repeat;} #footer #contenido_footer #redes li a.twitter{background:url(../images/twitter.jpg) 0px 0px no-repeat;} #footer #contenido_footer #redes li a.facebook{background:url(../images/facebook.jpg) 0px 0px no-repeat;} #mapa_footer{width:100%; height:130px; display:block; margin:0px auto; padding:0px; background:#F9F8F4;} #mapa_footer div{width:950px; height:118px; display:block; margin:0px auto; padding:12px 24px 0px 24px; background:#F9F8F4;} #mapa_footer div h1{width:60px; height:48px; display:block; float:left; margin:0px; padding:0px 45px 0px 0px;} #mapa_footer div h1 a{width:60px; height:48px; display:block; float:left; margin:0px; padding:0px; background:url(../images/logo_footer.jpg) 0px 0px no-repeat; font:1px Arial, Helvetica, sans-serif; text-indent:-9000px; letter-spacing:-999px; outline:none; color:#F9F8F4;} #mapa_footer div ul{float:left; list-style:none; display:block; margin:0px; padding:5px 37px 0px 0px; font:11px Arial, Helvetica, sans-serif;} #mapa_footer div ul.last{padding-right:0px;} #mapa_footer div ul li{margin:0px; padding:0px 0px 2px 0px;} #mapa_footer div ul li h2{font:bold 11px Arial, Helvetica, sans-serif; color:#544A41; margin:0px; padding:0px 0px 12px 0px;} #mapa_footer div ul li a{color:#999; text-decoration:none;} #mapa_footer div ul li a:hover{text-decoration:underline; color:#333;}