/* 14/feb/2025 */ @charset "utf-8"; /* CSS Document */ /*RESET*/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0; outline:0; vertical-align:baseline;} /* end of reset*/ body { font-size: 16px !important; } /*==================TOP INFO===============*/ #cont_top{ width:100%; height:auto;overflow:hidden; padding:0; margin:0; position:relative; margin-bottom:0px; } #cont_info_top{ width:960px; height:350px; margin:0 auto; z-index:1; position:relative; padding:0;} #cont_img{position: absolute;left:45%;margin-top:0px; margin-left:-650px;width:1300px; height:350px;max-width:960px;z-index:0; } #cont_img img{height:350px!important; width:1450px;} #cont_info_top h1.home{ margin:50px 0 0 240px; width:400px; font-size:28px; color:#FFF; float:left;*margin-top:90px} #cont_info_top h1{ margin:50px 0 0 50px; width:500px; font-size:28px; color:#FFF; float:left;} #cont_info_top h2.home{ margin:15px 0 0 240px;width:400px; font-size:20px; color:#FFF; float:left;} #cont_info_top h2{ margin:15px 0 0 50px; width:500px; font-size:20px; color:#FFF; float:left;} .mth1{ margin-top:71px!important;} #cont_info_top h1.nuevo_place{ margin:195px 0 100px 50px; width:470px; font-size:40px; color:#FFF; float:left; position:absolute; z-index:3; overflow:hidden;height:auto;bottom:0;} #cont_info_top h2.nuevo_place{ margin:5px 0 10px 50px; width:420px; font-size:20px; color:#FFF; float:left; clear:both;position:absolute; z-index:1;top:245px;} #cont_info_top h1.nuevo_place_2{ margin:150px 0 0 500px; width:465px; font-size:40px; color:#FFF; float:left; position:relative; z-index:3; overflow:hidden; height:auto;} #cont_info_top h2.nuevo_place_2{ margin:5px 0 0 50px; width:425px; font-size:20px; color:#FFF; float:left; clear:both;position:relative; z-index:1;display:none;} /*=============CONTENIDO LOG_IN=======================*/ #cont_info_top .cont_login{ width:175px; height:auto; margin:54px 0 0 40px; position:absolute;*position:absolute;*top:90px; *margin:0; } #cont_info_top .mtlogin{ top:21px;} #cont_info_top .cont_login .login_top_back{background:url(/banamex/recursos/images/back_cuadro.png);-webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; border-top-left-radius: 15px; border-top-right-radius: 15px;padding:10px 10px 5px 10px; height:auto; width:165px;} #cont_info_top .cont_login .login_top{ width:175px; height:auto;font-size:11px; color:#FFF;} #cont_info_top .cont_login .login_top p.titulo{ width:100%; margin-top:0px ;} #cont_info_top .cont_login .login_top p{width:100%; margin-top:5px; font-size:11px; float:none; margin:0;} #cont_info_top .cont_login .login_top .separator{ width:160px; margin-top:5px; height:1px; background:#FFF;margin-bottom:5px;} #cont_info_top .cont_login .login_top .input_label{ width:100%; margin-top:5px;} #cont_info_top .cont_login .login_top input.input_log{ width:160px; *width:162px; padding:2px; height:11px;} #cont_info_top .cont_login .login_top .btn_entrar{ width:104px; padding:5px 28px 5px 28px; height:10px; margin-top:5px; background:#0075ba; height:15px;} #cont_info_top .cont_login .login_top .btn_entrar p{ width:auto; color:#FFF;} #cont_info_top .cont_login .login_top a{ color:#FFF; text-decoration:none;} #cont_info_top .cont_login .login_top a:hover{ color:#FFF; text-decoration:none;} #cont_info_top .cont_login .login_top a:visited{ color:#FFF; text-decoration:none;} #cont_info_top .cont_login .login_top a.line{ color:#FFF; text-decoration:none;} #cont_info_top .cont_login .login_top a.line:hover{ color:#FFF; text-decoration:underline;} #cont_info_top .cont_login .login_top a.line:visited{ color:#FFF; text-decoration:none;} /*LOGIN DOWN*/ #cont_info_top .cont_login .login_down_back{width:185px; height:125px; background:url(/banamex/recursos/images/trama-tile.gif);-webkit-border-bottom-right-radius: 15px; -webkit-border-bottom-left-radius: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-bottomleft: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; padding-top:5px;} #cont_info_top .cont_login .login_down{ width:200px; height:auto;font-size:11px; color:#FFF; padding:0 10px 10px 10px; overflow:hidden;} #cont_info_top .cont_login .login_down .separator_2{ width:160px; margin-top:33px; height:1px; background:#0d4173; } #cont_info_top .cont_login .login_down .img_1_log{ width:22px; height:27px; margin:0 0 0 0; background:url(/banamex/recursos/images/img1.png) no-repeat; float:left;} #cont_info_top .cont_login .login_down .img_2_log{ width:32px; height:33px;margin:5px 0 0 0; float:left;background:url(/banamex/recursos/images/img2.png) no-repeat;*float:none;} #cont_info_top .cont_login .login_down p.titulo{ width:150px; max-width:150px; color:#0d4173; float:left; margin-left:20px; margin-top:0px;} #cont_info_top .cont_login .login_down p{ width:175px; height:auto; float:left; color:#000; margin-top:5px; font-size:11px;} #cont_info_top .cont_login .login_down p.rojo_txt{ width:150px; height:auto; float:left; color:#F00; margin-top:8px; font-size:12px; margin-left:15px;*float:right;*margin-top:-29px;} #cont_info_top .cont_login .login_down p a.line{ color:#0d4173; text-decoration:none;} #cont_info_top .cont_login .login_down p a.line:hover{ color:#0d4173; text-decoration:underline;} #cont_info_top .cont_login .login_down p a.line:visited{ color:#0d4173; text-decoration:none;} /*=================CONTROLES DEL SLIDER Y PROMOCIONES=====================*/ /*slider_2*/ #promociones{background: url(/banamex/recursos/images/slider/bg_carrousel.png) repeat scroll 0 0 transparent !important;color: #FFFFFF; float: right; height: 91px;padding: 10px;position: absolute; right: -6px; bottom:35px; width:445px;} #cont_info_top .texto_promocional{width:390px; border:1px solid red;left:570px; top:143px; position:absolute; font-size:30px; color:#FFF; font-weight:bold;} #sliderPromociones {height: 87px;} #sliderPromociones li a.moreInfo{ background: url(/banamex/recursos/images/btn_more_info.png) repeat-x scroll left top transparent;} #sliderPromociones .data { border-right: 1px solid #888888;float: left;font-weight: bold; height: 70px; margin-right:10px;padding-right: 10px; width:300px;} #sliderPromociones .descuento {border-right: 1px solid #888888;float: left; font-size: 12px;height: 70px; padding-right: 8px;width: 55px;display:none;} .moreinfo{color: #FFFFFF; float: left; font-size: 11px; height: 14px; padding: 6px 0; text-align: center;width: 74px} #sliderPromociones li .moreInfo { background-position: left bottom; margin:20px 0 0 18px;} #sliderPromociones h2 {font-size: 22px;line-height:20px; margin:5px 0 0 0;width:300px; height:auto;} #promociones #sliderPromociones .data p { font-size:14px; font-weight: bold; width: 250px;height:50px;overflow:hidden;} #controles a {background:url(/banamex/recursos/images/slider/btn_controles_gris.png) no-repeat 0 0;} #siguiente, #anterior{background-image: url(/banamex/recursos/images/slider/btn_left_right_gris.png);background-repeat: no-repeat;} .m_promo{ top:-5px !important;} /*=========================================================================================*/ /*=================================================================================================================*/ /*=========================MENU========================*/ #menu_holder{ position:absolute; width:100%; z-index:4; top:0px;} #menu_holder .cont_menu{ width:100%;height:58px;padding:0;margin:0 auto; border-bottom:4px solid #999; position:relative; background:url(/banamex/recursos/images/bg_menu.png); top:0; z-index:4;} #menu_holder .centered_menu{width:960px; margin:0 auto; height:57px;} .logo_menu{width:auto; height:auto; position:absolute; z-index:3; top:12px;} #menu_holder .cont_menu ul.menu_sup{ list-style:none; float:right; width:500px; height:auto; position:relative;left:0;} #menu_holder .cont_menu ul.menu_sup li{ width:auto; height:auto;font-size:12px; float:left; margin:0 0 0 3px;} #menu_holder .cont_menu ul.menu_sup li a{display:block;color:#333;width:86px;height:36px;font-size:13px;font-weight: bold;text-align:center;padding: 22px 5px 0; background:url(/banamex/recursos/images/btn_nav.png) 0px 0px repeat-x; text-decoration:none; } #menu_holder .cont_menu ul.menu_sup li a:hover{display:block;width:86px;height:40px;font-size:13px;font-weight: bold;text-align:center;padding: 22px 5px 0; background:url(/banamex/recursos/images/btn_nav.png) 0px -58px repeat-x; text-decoration:none; color:#FFF; border-bottom:#333; } #menu_holder .cont_menu ul.menu_sup li.submenu_blocks:hover ul.submenu_blocks{display:block;} #menu_holder .cont_menu ul.menu_sup li.submenu_blocks:hover ul.submenu_blocks_2{display:block;} #menu_holder .cont_menu ul.menu_sup li.submenu_blocks:hover ul.submenu_blocks_3{display:block;} #menu_holder .cont_menu ul.menu_sup li a.selected_active_top{display:block;width:86px;height:40px;font-size:13px;font-weight: bold;text-align:center;padding: 22px 5px 0; background:url(/banamex/recursos/images/btn_nav.png) 0px -58px repeat-x; text-decoration:none; color:#FFF; } .n_size{ padding-top:16px!important; height:46px!important;} .n_size2{ padding-top:5px!important; height:57px!important;} .mtop_menu{top:287px!important;} /*Bloques rectangulares horizontales (iconografia)*/ #menu_holder .cont_menu ul.menu_sup li ul.submenu_blocks{ width:908px; height:auto; position:absolute;z-index:5; top:62px; left:-410px; display:none; margin:0 auto;*left:-410px;} #menu_holder .cont_menu ul.menu_sup li ul.submenu_blocks li{ width:301px!important; height:139px !important; float:left; margin:0; padding:0; background:url(/banamex/recursos/images/menu_2/bg_menu_3blocks_gris.jpg)!important; border-right:1px solid #999;} .no_bright{ border-right:none!important;} #menu_holder .cont_menu ul.menu_sup li ul.submenu_blocks li p.titulo{ font-size:18px; width:190px; color:#A3A3A3; margin:15px 0 0 15px; float:left; text-align:left;} #menu_holder .cont_menu ul.menu_sup li ul.submenu_blocks li p.sub_titulo{ font-size:12px; width:170px;color:#A3A3A3; /*rojocolor:#FFB4BB;*/ margin:10px 0 0 15px; float:left; text-align:left; font-weight:normal;} #menu_holder .cont_menu ul.menu_sup li ul.submenu_blocks li span.blocks1{ float:left; width:65px; height:60px; background:url(/banamex/recursos/images/menu_2/sprite_gris_3blocks.png) 0 -17px no-repeat; margin:15px 0 0 15px;} #menu_holder .cont_menu ul.menu_sup li ul.submenu_blocks li span.blocks2{ float:left; width:65px; height:60px; background:url(/banamex/recursos/images/menu_2/sprite_gris_3blocks.png) -68px -17px no-repeat; margin:15px 0 0 15px;} #menu_holder .cont_menu ul.menu_sup li ul.submenu_blocks li span.blocks3{ float:left; width:65px; height:60px;background:url(/banamex/recursos/images/menu_2/sprite_gris_3blocks.png) -135px -17px no-repeat; margin:15px 0 0 15px;} #menu_holder .cont_menu ul.menu_sup li ul.submenu_blocks li a{background:none; width:300px ;height:139px;} #menu_holder .cont_menu ul.menu_sup li ul.submenu_blocks li a:hover{background:none; width:300px ;height:139px;} #menu_holder .cont_menu ul.menu_sup li ul.submenu_blocks li a:hover span.blocks1{background-position: -1px -86px;} #menu_holder .cont_menu ul.menu_sup li ul.submenu_blocks li a:hover span.blocks2{background-position: -68px -85px;} #menu_holder .cont_menu ul.menu_sup li ul.submenu_blocks li a:hover span.blocks3{background-position: -135px -86px;} #menu_holder .cont_menu ul.menu_sup li ul.submenu_blocks li a:hover p.sub_titulo{ color:#FFF;} #menu_holder .cont_menu ul.menu_sup li ul.submenu_blocks li a:hover p.titulo{ color:#FFF;} /*-------- INICIO DE LOS BLOCK RECTANGULARES DELGADOS HORIZONTAL-------------------*/ #menu_holder .cont_menu ul.menu_sup li ul.submenu_blocks_2{ width:908px; height:auto; float:left; position:absolute;z-index:5; top:62px; left:-412px; display:none; margin:0 auto;*left:-412px;*top:61px;} #menu_holder .cont_menu ul.menu_sup li ul.submenu_blocks_2 li{ width:138px!important; height:252px !important; float:right; margin:0; padding:5px; background:url(/banamex/recursos/images/menu_2/bg_menu_3blocks_gris_2.jpg)!important; border-right:1px solid #999;} .no_bright{ border-right:none;} #menu_holder .cont_menu ul.menu_sup li ul.submenu_blocks_2 li p.titulo{ font-size:18px; width:130px; color:#A3A3A3; margin:25px 0 0 0px !important; float:left; text-align:center;} #menu_holder .cont_menu ul.menu_sup li ul.submenu_blocks_2 li p.sub_titulo{ font-size:12px; width:130px;color:#A3A3A3; /*rojocolor:#FFB4BB;*/ margin:15px 0 0 0px!important; float:left; text-align:center; font-weight:normal;} #menu_holder .cont_menu ul.menu_sup li ul.submenu_blocks_2 li span.blocks1{ float:left; width:130px; height:80px; background:url(/banamex/recursos/images/menu_2/sprite_gris_3blocks_2.png) 0 2px no-repeat; margin:0px 0 0 0px;} #menu_holder .cont_menu ul.menu_sup li ul.submenu_blocks_2 li span.blocks2{ float:left; width:130px; height:80px; background:url(/banamex/recursos/images/menu_2/sprite_gris_3blocks_2.png) -128px 7px no-repeat; margin:0px 0 0 0px;} #menu_holder .cont_menu ul.menu_sup li ul.submenu_blocks_2 li span.blocks3{ float:left; width:130px; height:80px;background:url(/banamex/recursos/images/menu_2/sprite_gris_3blocks_2.png) -257px 7px no-repeat; margin:0px 0 0 0px;} #menu_holder .cont_menu ul.menu_sup li ul.submenu_blocks_2 li span.blocks4{ float:left; width:130px; height:80px;background:url(/banamex/recursos/images/menu_2/sprite_gris_3blocks_2.png) -388px 6px no-repeat; margin:0px 0 0 0px;} #menu_holder .cont_menu ul.menu_sup li ul.submenu_blocks_2 li span.blocks5{ float:left; width:130px; height:80px;background:url(/banamex/recursos/images/menu_2/sprite_gris_3blocks_2.png) -518px 7px no-repeat; margin:0px 0 0 0px;} #menu_holder .cont_menu ul.menu_sup li ul.submenu_blocks_2 li span.blocks6{ float:left; width:130px; height:80px;background:url(/banamex/recursos/images/menu_2/sprite_gris_3blocks_2.png) -651px 8px no-repeat; margin:0px 0 0 0px;} #menu_holder .cont_menu ul.menu_sup li ul.submenu_blocks_2 li a{background:none; width:138px ;height:250px;} #menu_holder .cont_menu ul.menu_sup li ul.submenu_blocks_2 li a:hover{background:none; width:138px ;height:250px;} #menu_holder .cont_menu ul.menu_sup li ul.submenu_blocks_2 li a:hover span.blocks1{background-position: 0px -85px;} #menu_holder .cont_menu ul.menu_sup li ul.submenu_blocks_2 li a:hover span.blocks2{background-position: -127px -83px;} #menu_holder .cont_menu ul.menu_sup li ul.submenu_blocks_2 li a:hover span.blocks3{background-position: -257px -82px;} #menu_holder .cont_menu ul.menu_sup li ul.submenu_blocks_2 li a:hover span.blocks4{background-position: -390px -79px;} #menu_holder .cont_menu ul.menu_sup li ul.submenu_blocks_2 li a:hover span.blocks5{background-position: -517px -81px;} #menu_holder .cont_menu ul.menu_sup li ul.submenu_blocks_2 li a:hover span.blocks6{background-position: -651px -80px;} #menu_holder .cont_menu ul.menu_sup li ul.submenu_blocks_2 li a:hover p.sub_titulo{ color:#FFF;} #menu_holder .cont_menu ul.menu_sup li ul.submenu_blocks_2 li a:hover p.titulo{ color:#FFF;} /*-------- INICIO DE LOS BLOCK RECTANGULARES DELGADOS HORIZONTAL-------------------*/ #menu_holder .cont_menu ul.menu_sup li ul.submenu_blocks_3{ width:492px; height:auto; float:right; position:absolute;z-index:5; top:62px; left:3px; display:none; margin:0 auto; background:url(/banamex/recursos/images/menu_2/bg_menu_secundario_gris.jpg) no-repeat; *left:2px;*top:62px;} #menu_holder .cont_menu ul.menu_sup li ul.submenu_blocks_3 li{ width:100%!important; height:21px !important; float:left; margin:0; padding:5px 0; background:url(/banamex/recursos/images/menu_2/btn_menu_norm_gris.png) no-repeat!important;} .no_bright{ border-right:none;} #menu_holder .cont_menu ul.menu_sup li ul.submenu_blocks_3 li:hover{ width:100%!important; height:21px !important; float:left; margin:0; padding:5px 0; background:url(/banamex/recursos/images/menu_2/btn_menu_norm_gris.png) 0 -30px no-repeat!important;} .no_bright{ border-right:none;} #menu_holder .cont_menu ul.menu_sup li ul.submenu_blocks_3 li a{background:none !important; width:100% ;height:30px; padding:0; float:left;text-align:left;padding-left:15px;padding-top:3px; color:#A3A3A3; font-weight:bold; font-size:14px;} #menu_holder .cont_menu ul.menu_sup li ul.submenu_blocks_3 li a:hover{background:none!important; width:100% ;height:20px; float:left;text-align:left;padding:0;padding-left:15px;padding-top:3px;color:#ECECEC; font-weight:bold;font-size:14px;} /*===============CONTENIDO EN MEDIO DIVIDIDO EN 2 COLUMNAS============================*/ #cont_info_middle_all{ width:100%; height:auto; padding:0 0 25px 0; font-size:16px; color:#605E5E; background-color:#FFF; overflow:visible; } #cont_info_middle_all p{float:left; margin:10px 0 0 5px;} #cont_info_middle_all a{} /*menu principal*/ ul#menu_home{ list-style:none; margin:0 auto; padding:0; width:960px; height:auto;margin-bottom:15px;} ul#menu_home li{ border:1px solid #FFF; width:220px; padding:5px; float:left;margin:5px 0 0 5px;} ul#menu_home li:hover{} ul#menu_home li img{ border:none; width:220px; height:121px;} ul#menu_home li span{display:block;} ul#menu_home li span.img{ width:220px; height:121px; float:left; } ul#menu_home li a.mas_info{ color:#FFF;background:url(/banamex/recursos/images/btn_more_info.png) 0px -25px repeat-x; float:left; font-size:11px; width:61px; padding:6px 0 6px 19px; height:14px;text-decoration:none;} ul#menu_home li a.mas_info:hover{ color:#FFF;background:url(/banamex/recursos/images/btn_more_info.png) 0px 0px repeat-x; float:left; font-size:11px; width:61px; padding:6px 0 6px 19px; height:14px; text-decoration:none;} ul#menu_home li p.titulo{color:#323131; margin-top:10px; float:left; width:100%;} ul#menu_home li p.subtitulo{color:#605E5E; margin-top:5px; float:left; width:100%; font-weight:bold;} ul#menu_home li p.subtitulo_2{color:#605E5E; margin-top:5px; float:left; width:100%; font-size:14px;} ul#menu_home li p.subae{color:#605E5E; margin-top:5px; float:left; width:100%; font-size:16px; font-weight:bold;} .mtop0{margin-top:0!important} ul#menu_home li p.texto{ float:left; margin:5px 0 0 0; height:70px; width:100%;} /*version 2 de menu principal (unidades de informacion con mas width y solo contiene imagen, titulo y btn)*/ ul#menu_home_2{ list-style:none; margin:0 auto; padding:0; width:960px; height:auto;margin-bottom:15px;} ul#menu_home_2 li{ border:1px solid #FFF; width:288px; padding:5px; float:left;margin:5px 0 0 5px;} ul#menu_home_2 li a{text-decoration:none; color:#FFF; float:left; width:auto; height:auto;} ul#menu_home_2 li a:hover{text-decoration:none; color:#FFF; flot:left;width:auto; height:auto;} ul#menu_home_2 li p.roll{ width:283px; height:139px; padding:40px 0 0 5px; position:absolute; z-index:1; margin:0px 0 0 0; background:url(/banamex/recursos/images/over_ngo.png);color:#FFF;display:none;} ul#menu_home_2 li span.img:hover p.roll{ display:block;} ul#menu_home_2 li img{ border:none; width:288px; height:179px;} ul#menu_home_2 li span{display:block;} ul#menu_home_2 li span.img{ width:300px; height:160px; float:left; } ul#menu_home li a.mas_info{ color:#FFF;background:url(../img/btn_more_info_azul.png) 0px -0px; background-repeat:repeat-x; float:left; font-size:11px; width:61px; padding:6px 0 6px 19px; height:14px;text-decoration:none;} ul#menu_home li a.mas_info:hover{ color:#FFF;background:url(../img/btn_more_info_azul.png) 0px -26px repeat-x; float:left; font-size:11px; width:61px; padding:6px 0 6px 19px; height:14px; text-decoration:none;} ul#menu_home_2 li p.titulo{color:#333; margin-top:15px; margin-bottom:10px; float:left; width:100%;} /*version 3 de menu principal con alto de imagen de 180px*/ ul#menu_home_3{ list-style:none; margin:0 auto; padding:0; width:960px; height:auto;margin-bottom:15px;} ul#menu_home_3 li{ border:1px solid #FFF; width:220px; padding:5px; float:left;margin:5px 0 0 5px; height:270px} ul#menu_home_3 li a{text-decoration:none; color:#FFF; float:left; width:auto; height:auto;} ul#menu_home_3 li a:hover{text-decoration:none; color:#FFF; flot:left;width:auto; height:auto;} ul#menu_home_3 li p.roll{ width:208px; /*height:170px;*/height:140px; padding:40px 5px 0 5px; position:absolute; z-index:1; margin:0px 0 0 0; background:url(/banamex/recursos/images/over_ngo.png);color:#FFF;display:none;} ul#menu_home_3 li span.img:hover p.roll{ display:block;} ul#menu_home_3 li img{ border:none; width:220px; height:180px;} ul#menu_home_3 li span{display:block;} ul#menu_home_3 li span.img{ width:220px; height:180px; float:left; } ul#menu_home_3 li a.mas_info{ color:#FFF;background: #003746; transition: box-shadow 0.3s ease;float:left; font-size:11px; width:61px; padding:6px 0 6px 19px; height:14px;text-decoration:none;} ul#menu_home_3 li a.mas_info:hover{ color:#FFF;background: #003746;box-shadow: 0px 4px 8px rgba(0,0,0,0.2); float:left; font-size:11px; width:61px; padding:6px 0 6px 19px; height:14px; text-decoration:none;} ul#menu_home_3 li p.titulo{color:#003746; margin-top:15px; margin-bottom:10px; float:left; width:100%;margin-left:0;} /*=====================SUB_MENU INTERNAS==========================*/ #cont_menu_int{ width:100%; margin:0 auto; height:auto; margin-top:10px;} #cont_menu_int_ul{ width:960px; height:auto; margin:0 auto; margin-bottom:15px;} ul#menu_int{list-style:none; padding:0; font-size:12px; float:left; margin:0 0 15px 0; padding: 0 0 5px;width: 100%; border-bottom:1px solid #000;} ul#menu_int li{ width:auto; height:auto; float:left; margin:12px 0 0 2px; } ul#menu_int li.first{ width:auto; height:auto; float:left; margin:12px 0 0 0px; } ul#menu_int li a{ text-decoration:none; padding:5px 35px;background-color:#b1b1b1;color:#FFF;} ul#menu_int li a:hover{ text-decoration:none; padding:5px 35px;background-color:#333;color:#FFF;} ul#menu_int li a.selected_active{ text-decoration:none; padding:5px 35px;background-color:#333;color:#FFF;} /*===============CONTENIDO LEFT===============*/ #cont_columns{width:960px; height:auto; margin:0 auto; overflow:hidden; margin-top:10px;} #cont_columns h1{ min-width:500px; height:auto; float:left; font-size:18px} #cont_columns h2{ min-width:500px; height:auto; float:left; font-size:15px} #cont_left_middle{width:610px; height:auto; padding-bottom:15px; float:left;} #cont_columns p.quotes{ width:890px;min-height:35px; float:left; margin:15px 0 0 5px; font-size:22px; line-height:25px; color:#003746;float:left;} #cont_columns p.sub_quotes{ width:100%; margin:0px 0 0 5px; font-size:16px; color:#003746; float:left;} #cont_columns .mt10{margin-top:10px !important;} #cont_shadow{ background:url(/banamex/recursos/images/bg_promo_content_gray.png) no-repeat center top; width:auto; height:auto; float:left; max-width:960px;} #cont_columns #color_back1{ width:900px; height:62px; float:left; background:url(/banamex/recursos/images/bg_promo_content_gray.png) 0px 66px; } #cont_left_middle{width:610px; height:auto; padding-bottom:15px; float:left;} #cont_left_middle_2{width:850px; height:auto; padding-bottom:15px; float:left;} #cont_left_middle_2 p.quotes:before{content:url(/banamex/recursos/images/img_blockquote_rojo.png); height:75px; float:left; } #cont_left_middle_2 p.quotes{ width:800px; float:left; margin:15px 0 0 0;font-size:22px; line-height:25px; color:#666;} #cont_left_middle_2 p.sub_quotes{ width:800px; margin:5px 0 0 5px; font-size:12px; color:#999;} /*-----contenedor en medio, información gral-------*/ #cont_info_middle_left{ width:610px; float:left;margin:15px 0 0 0; height:auto; padding-bottom:25px} #cont_info_middle_left h3{color:#003746;font-size:15px;font-weight:bold;margin:10px 0 0 5px;float:left; width:100%;} #cont_info_middle_left p{ margin:10px 0 5px 5px;float:left; width:600px;} #cont_info_middle_left p a{ margin:10px 0 0 5px; text-decoration:none;} #cont_info_middle_left p a:hover{ margin:10px 0 0 5px; text-decoration:underline;} #cont_info_middle_left p sub{margin-left:5px!important; width:560px!important;font-size:10px!important;} #cont_info_middle_left p sup{margin-left:5px;font-size:8px!important;} #cont_info_middle_left ul#int{font-size: 15px; list-style: none outside none;margin:0 0 0 0px; padding: 0; float:left; width:100%; float:left;} #cont_info_middle_left ul#int li{font-size:16px;height:auto;margin: 5px 0 0 5px; width:560px; padding-left:15px; background-image:url(/banamex/recursos/images/bullet_naranja.png); background-position:left 5px ; background-repeat:no-repeat;} #cont_info_middle_left ul#int li a{color:#006699; text-decoration:none;} #cont_info_middle_left ul#int li a:hover{color:#006699; text-decoration:underline;} #cont_info_middle_left ol#numero{font-size: 12px;list-style: none outside none;margin:0 0 0 10px;padding: 0;float:left; width:100%;float:left;} #cont_info_middle_left ol#numero li{font-size:12px;height:auto;list-style:decimal;margin: 5px 0 0 25px;width:560px;float:left;} #cont_info_middle_left ol#numero li a{color:#006699; text-decoration:none;} #cont_info_middle_left ol#numero li a:hover{color:#006699; text-decoration:underline;} #cont_info_middle_left ul#int li ul {font-size:12px;list-style:none;margin:0 0 10px 15px;padding:0;float:left;} #cont_info_middle_left ul#int li ul li {font-size:12px; height:auto;margin:2px 0 0 25px;width:560px;padding-left:10px;background-image:url(/banamex/recursos/images/internas/icon-arrow.gif);background-repeat:no-repeat;padding-left:10px;} #cont_info_middle_left ul#int li ul li a{color:#006699; text-decoration:none;} #cont_info_middle_left ul#int li ul li a:hover{color:#006699; text-decoration:none;} #cont_info_middle_left ul#int li ul#decimal {font-size:12px;list-style:none;margin:0 0 10px 15px;padding:0;float:left;} #cont_info_middle_left ul#int li ul#decimal li {float:left;font-size:12px;list-style:decimal; height:auto;margin:2px 0 0 25px; width:560px;float:left;} #cont_info_middle_left ul#int li ul#decimal li a{color:#006699; text-decoration:none;float:left;} #cont_info_middle_left ul#int li ul#decimal li a:hover{color:#006699; text-decoration:none;} #cont_info_middle_left ul.tabla{ width:590px; list-style:none; margin:0; padding:0; font-size:12px;} #cont_info_middle_left ul.tabla li.uno{ font-size:11px; background-color:#B2B3B3; float:left;} #cont_info_middle_left ul.tabla li.special{ font-size:11px; background-color:#2E2D2E; float:left;} #cont_info_middle_left ul.tabla li{ font-size:11px; height:auto; float:left;} #cont_info_middle_left ul.tabla li.titulo{ background-color:#004785; color:#fff; font-size:12px; float:left; width:580px; padding:5px 0 5px 10px;} #cont_info_middle_left ul.tabla li span{font-size:12px; } #cont_info_middle_left ul.tabla li span.campo_1{ width:360px; float:left;padding:3px 0 3px 10px} #cont_info_middle_left ul.tabla li span.campo_2{ width:195px;float:left; padding:3px 0 3px 25px;} #cont_info_middle_left ul.tabla_titulos{ width:590px; list-style:none; margin:35px 0 15px 0;float:left; padding:0; font-size:12px;} #cont_info_middle_left ul.tabla_titulos li{ font-size:11px; height:auto; float:left;} #cont_info_middle_left ul.tabla_titulos li.titulo{ font-size:11px; height:auto; float:left;} #cont_info_middle_left ul.tabla_titulos li.titulo span.t1{background:none;width:89px;float:left;color:#333;padding:5px 20px;} #cont_info_middle_left ul.tabla_titulos li.titulo span.uni_t{background:none;width:550px;float:left;color:#0b317b;padding:5px 20px; text-align:center; font-size:13px; font-weight:bold;} #cont_info_middle_left ul.tabla_titulos li span.t1{background:none;width:104px;float:left;color:#333;padding:16px 20px 21px 5px; font-weight:bold; font-size:12px; text-align:left;} #cont_info_middle_left ul.tabla_titulos li.titulo span.t2{color:#FFF;background:#3399ff; width:190px; text-align:center;padding:5px 20px;float:left; font-weight:bold;border-right:1px solid #FFF;} #cont_info_middle_left ul.tabla_titulos li.titulo span.t3{color:#FFF;background:#3399ff; width:190px; text-align:center;padding:5px 20px;float:left;font-weight:bold;} #cont_info_middle_left ul.tabla_titulos li span.field_1{color:#333; width:209px; text-align:left;padding:5px 10px;float:left;border-right:1px solid #FFF;} #cont_info_middle_left ul.tabla_titulos li.gris{ font-size:11px; height:auto; float:left;background:#e4e4e4; } #cont_info_middle_left ul.tabla_titulos li.gris span.t1{background:none;width:104px;float:left;color:#333;padding:16px 20px 21px 5px;font-weight:bold; font-size:12px; border-right:1px solid #FFF;}{ font-size:11px; height:auto; float:left; } #cont_info_middle_left ul.tabla_titulos_int{ width:570px; list-style:none; margin:35px 0 15px 0;float:left; padding:0; font-size:12px;} #cont_info_middle_left ul.tabla_titulos_int li{ font-size:11px; height:auto; float:left;} #cont_info_middle_left ul.tabla_titulos_int li.titulo{ font-size:11px; height:auto; float:left;} #cont_info_middle_left ul.tabla_titulos_int li.titulo span.t1{background:none;width:89px;float:left;color:#333;padding:5px 20px;} #cont_info_middle_left ul.tabla_titulos_int li.titulo span.uni_t{background:none;width:550px;float:left;color:#0b317b;padding:5px 20px; text-align:center; font-size:13px; font-weight:bold;} #cont_info_middle_left ul.tabla_titulos_int li span.t1{background:none;width:104px;float:left;color:#333;padding:16px 20px 21px 5px; font-weight:bold; font-size:12px; text-align:left;} #cont_info_middle_left ul.tabla_titulos_int li.titulo span.t2{color:#FFF;background:#3399ff; width:180px; text-align:center;padding:5px 20px;float:left; font-weight:bold;border-right:1px solid #FFF;} #cont_info_middle_left ul.tabla_titulos_int li.titulo span.t3{color:#FFF;background:#3399ff; width:180px; text-align:center;padding:5px 20px;float:left;font-weight:bold;} #cont_info_middle_left ul.tabla_titulos_int li span.field_1{color:#333; width:199px; text-align:left;padding:5px 10px;float:left;border-right:1px solid #FFF;} #cont_info_middle_left ul.tabla_titulos_int li.gris{ font-size:11px; height:auto; float:left;background:#e4e4e4; } #cont_info_middle_left ul.tabla_titulos_int li.gris span.t1{background:none;width:104px;float:left;color:#333;padding:30px 20px 21px 5px;font-weight:bold; font-size:12px; border-right:1px solid #FFF;}{ font-size:11px; height:auto; float:left; } #cont_info_middle_left ul.tabla_titulos_int_1{ width:570px; list-style:none; margin:35px 0 15px 0;float:left; padding:0; font-size:12px;background:#FFF;} #cont_info_middle_left ul.tabla_titulos_int_1 li{ font-size:11px; height:auto; float:left;} #cont_info_middle_left ul.tabla_titulos_int_1 li.titulo{ font-size:11px; height:auto; float:left;background:#3399ff;} #cont_info_middle_left ul.tabla_titulos_int_1 li.titulo span.t1{width:150px;float:left;color:#FFF;padding:5px 20px;border-right:1px solid #FFF; text-align:center;} #cont_info_middle_left ul.tabla_titulos_int_1 li.titulo span.uni_t{background:none;width:550px;float:left;color:#0b317b;padding:5px 20px; text-align:center; font-size:13px; font-weight:bold;} #cont_info_middle_left ul.tabla_titulos_int_1 li span.t1{background:none;width:104px;float:left;color:#333;padding:16px 20px 21px 5px; font-weight:bold; font-size:12px; text-align:left;} #cont_info_middle_left ul.tabla_titulos_int_1 li.titulo span.t2{color:#FFF; width:149px; text-align:center;padding:5px 20px;float:left; font-weight:bold;border-right:1px solid #FFF;} #cont_info_middle_left ul.tabla_titulos_int_1 li.titulo span.t3{color:#FFF;width:149px; text-align:center;padding:5px 20px;float:left;font-weight:bold;} #cont_info_middle_left ul.tabla_titulos_int_1 li span.field_1{color:#333; width:168px; text-align:left;padding:5px 10px;float:left;border-right:1px solid #FFF;} #cont_info_middle_left ul.tabla_titulos_int_1 li.gris{ font-size:11px; height:auto; float:left;background:#e4e4e4; } #cont_info_middle_left ul.tabla_titulos_int_1 li.gris span.t1{background:none;width:104px;float:left;color:#333;padding:30px 20px 21px 5px;font-weight:bold; font-size:12px; border-right:1px solid #FFF;}{ font-size:11px; height:auto; float:left; } #cont_info_middle_left #destacado{ width:590px; height:auto; max-height:110px; padding:15px; color:#FFF; background:url(/banamex/recursos/images/bg_promociones_bw.jpg); margin:20px 0 0 0; float:left;} #cont_info_middle_left #destacado .cuadro_dest{ width:auto; height:auto; float:left; text-align:center; background:url(/banamex/recursos/images/bg_promo_descuento.png); padding:10px; max} #cont_info_middle_left #destacado .cuadro_dest p.dest_cuadro_txt { font-size:25px; margin:0; padding:0; font-weight:bold;color:#000;} #cont_info_middle_left #destacado .cuadro_dest p.dest_cuadro_min_txt { font-size:22px; margin:0; padding:0; font-weight:bold;color:#000;} #cont_info_middle_left #destacado p.titulo_dest{font-size:20px; font-weight:bold; width:420px; margin:0 0 0 15px; padding:0; float:left;} #cont_info_middle_left #destacado p.texto_dest{font-size:17px; font-weight:bold; width:420px; margin:0 0 0 15px; padding:0; float:left;} /*DESTACADO SIN CUADRO*/ #cont_info_middle_left #destacado p.titulo_dest_2{font-size:20px; font-weight:bold; width:100%; margin:0 0 0 0px; padding:0; float:left;} #cont_info_middle_left #destacado p.texto_dest_2{font-size:17px; font-weight:bold; width:100%; margin:0 0 0 0px; padding:0; float:left;} /*===================== cont_info_middle_left_2================================================*/ /*-----contenedor en medio, información gral-------*/ #cont_info_middle_left_2{ width:850px; float:left;margin:15px 0 0 0; background-color:#efeeee; height:auto; color:#575757; padding-bottom:25px} #cont_info_middle_left_2 h3{color:#323131;font-size:15px;font-weight:bold;margin:10px 0 0 5px;} #cont_info_middle_left_2 h3.full{color:#323131;font-size:15px;font-weight:bold;margin:10px 0 0 5px; float:left; width:800px;} #cont_info_middle_left_2 p{ margin:10px 0 0 5px;} #cont_info_middle_left_2 p a{ margin:10px 0 0 5px;color:#006699; text-decoration:none;} #cont_info_middle_left_2 p a:hover{ margin:10px 0 0 5px;color:#006699; text-decoration:underline;} #cont_info_middle_left_2 ul#int{font-size: 12px;list-style: none outside none;margin:0 0 0 10px;padding: 0;} #cont_info_middle_left_2 ul#int li{font-size:12px;height:auto;list-style:disc;margin: 5px 0 0 25px;} #cont_info_middle_left_2 ul#int li.none{font-size:12px;height:auto;list-style:none;margin: 5px 0 0 25px;} #cont_info_middle_left_2 ul#int li a{color:#006699; text-decoration:none;} #cont_info_middle_left_2 ul#int li a:hover{color:#006699; text-decoration:underline;} #cont_info_middle_left_2 ul#int li ul {font-size:12px;list-style:none;margin:0 0 10px 15px;padding:0;} #cont_info_middle_left_2 ul#int li ul li {font-size:12px; height:auto;list-style:square;margin:2px 0 0 25px;} #cont_info_middle_left_2 ul#int li ul li a{color:#006699; text-decoration:none;} #cont_info_middle_left_2 ul#int li ul li a:hover{color:#006699; text-decoration:none;} #cont_info_middle_left_2 ul#int li ul.decimal {font-size:12px;list-style:decimal;margin:0 0 10px 15px;padding:0;} #cont_info_middle_left_2 ul#int li ul.decimal li {font-size:12px; height:auto;margin:2px 0 0 25px;} #cont_info_middle_left_2 ul#int li ul.decimal li a{color:#006699; text-decoration:none;} #cont_info_middle_left_2 ul#int li ul.decimal li a:hover{color:#006699; text-decoration:none;} #cont_info_middle_left_2 ul.tabla{ width:590px; list-style:none; margin:0; padding:0; font-size:12px;} #cont_info_middle_left_2 ul.tabla li.uno{ font-size:11px; background-color:#B2B3B3; float:left;} #cont_info_middle_left_2 ul.tabla li.special{ font-size:11px; background-color:#2E2D2E; float:left;} #cont_info_middle_left_2 ul.tabla li{ font-size:11px; height:auto; float:left;} #cont_info_middle_left_2 ul.tabla li.titulo{ background-color:#2E2D2E; color:#fff; font-size:12px; float:left; width:580px; padding:5px 0 5px 10px;} #cont_info_middle_left_2 ul.tabla li span{font-size:12px; } #cont_info_middle_left_2 ul.tabla li span.campo_1{ width:360px; float:left;padding:3px 0 3px 10px} #cont_info_middle_left_2 ul.tabla li span.campo_2{ width:195px;float:left; padding:3px 0 3px 25px;} .moreInfo{ background: url(/banamex/recursos/images/btn_more_info.png) 0 -26px repeat-x transparent;} .moreInfo:hover{ background: url(/banamex/recursos/images/btn_more_info.png) 0 0px repeat-x transparent;} .moreinfo{color: #FFFFFF; float: left; font-size: 11px; height: 14px; padding: 6px 0; text-align: center;width: 74px} .link_1{ color:#069; text-decoration:none; width:150px; display:inline !important; position:none;} .link_1:hover{ color:#069; text-decoration:underline; width:150px; display:inline !important; position:none;} /*===============CONTENIDO RIGHT===============*/ #cont_right_middle{ width:325px; height:auto; padding:15px 0 0 0; float:left; margin:0px 0 0 5px;} /*========Modulo de Centro de actencion a clientes=======*/ #atencion_telefonica{width:auto; max-width:320px;float:left;} #atencion_telefonica .img_atn{ width:303px; max-width:303px; float:left; height:110px; border-top:4px solid #D9D9D9; margin: 0 0 0 21px;} #atencion_telefonica .cont_info_atn{ width:340px; height:auto; float:left; background:url(/banamex/recursos/images/bg_colRight_sombra_pymes.png) no-repeat;} #atencion_telefonica .cont_info_atn_int{ width:302px; height:auto;float:left; background:#FFF; border-bottom:4px solid #D9D9D9; margin-left:21px;} #atencion_telefonica .cont_info_atn p {float: left;margin:10px 0 0 5px; width:290px;} #atencion_telefonica p.titulo{ font-size:18px; color:#777; margin:10px 0 0 10px;} #atencion_telefonica p.titulo a{color:#006699; text-decoration:none;} #atencion_telefonica p.titulo a:hover{color:#006699; text-decoration:underline;} #atencion_telefonica div.cont_phone p.titulo2{ font-size:18px; color:#777; margin:10px 5 5 10px; background-image:none;padding: 10px 0px 10px 0px;font-size:18px;font-weight:normal;} #atencion_telefonica .cont_info_atn .cont_phone{ width:290px; border-bottom:1px solid #D4D4D4; height:auto; padding-bottom:5px;float:left; margin:5px 0 0 5px;} #atencion_telefonica .cont_info_atn .cont_phone p.phone_tit{float: left;margin:5px 0 0 5px; width:228px;padding:0;font-size:15px;color:#7D7D7D; font-weight:normal; background-image:url(/banamex/recursos/images/img_lista.png); background-tepeat:no-repeat; background-position: left center; padding-left:15px;} #atencion_telefonica .cont_info_atn .cont_phone p.phone_tit2{float: left;margin: 5px 0 0 5px;width: 228px;padding: 0;font-size: 16px;background-position: left center;padding-left: 15px;font-weight: bold;background-position-y: 36px;} #atencion_telefonica .cont_info_atn .cont_phone p{float: left;margin:5px 0 5px 5px; width:258px; background:url(/banamex/recursos/images/img_telefono.png) left center no-repeat; padding-left:25px;font-size:20px;font-weight:bold;} #atencion_telefonica .cont_info_atn .cont_phone p.sin_linea2{font-weight: 100;background-image: none;;float: left;margin: 5px 0 5px 5px;width: 258px;padding-left: 25px;font-size: 16px;} #atencion_telefonica .cont_info_atn .cont_phone p.image{background-image: url(/banamex/recursos/images/img_lista.png);background-position: 0px 2px;} #atencion_telefonica .cont_info_atn .cont_phone p.nophone{ float:left;margin:5px 0 0 5px; width:258px; background:none; font-size:14px; color:#7D7D7D; padding-left:0px!important;} #atencion_telefonica .cont_info_atn .cont_phone p.nophone_2{ float:left;margin:5px 0 0 5px; width:280px; background:none; font-size:12px; color:#7D7D7D; padding-left:0px!important;} #atencion_telefonica .cont_info_atn .no_b_b{border-bottom:none!important; padding-bottom:25px!important;} #atencion_telefonica .faqs{margin-left: 21px;margin-top: 17px;} /*=========================================PROMOCIONES=====================================*/ #cont_right_middle ul#promos{ width:310px; float:left; list-style:none; margin:0px 0 15px 20px; padding:0; } #cont_right_middle ul#promos li{ width:100%; float:left; height:auto; padding:2px 0 2px 0; border-bottom:1px solid #D4D4D4; padding-bottom:10px; margin-top:5px;} #cont_right_middle ul#promos li a{ text-decoration:none !important;} #cont_right_middle ul#promos li a:hover{ text-decoration:none !important;} #cont_right_middle ul#promos li a:hover p.tit_promos {color:#666;} #cont_right_middle ul#promos li a:hover p {color:#666;} #cont_right_middle ul#promos li a:hover .roll_on{display:block;} #cont_right_middle ul#promos li p.tit_promos{ width:100%; font-size:21px; font-weight:bold; color:#323131;} #cont_right_middle ul#promos .img_promos{ width:300px; height:110px;margin-top:5px;} #cont_right_middle ul#promos li .img_promos .roll_on{position:absolute; width:300px; height:110px; z-index:2; background-image:url(/banamex/recursos/images/bg_promo_hover.png); display:none;} #cont_right_middle ul#promos li .sub_tit_promos{color:#7D7D7D; font-size:14px; width:100%; font-weight:bold; margin-top:5px; } #cont_right_middle ul#promos li p.txt_promos{ width:100%; font-size:12px;margin-top:5px;} #cont_right_middle ul#promos li p{ width:100%;font-size:15px;color:#323131;} #cont_right_middle ul#promos a.mas_info{ color:#FFF;background: #003746;float:left; font-size:11px; width:62px; padding:6px 19px 6px 19px; text-align:center; height:14px;text-decoration:none; margin-top:15px;} #cont_right_middle ul#promos a.mas_info:hover{ color:#003746;background:#FFF; float:left; font-size:11px; width:62px; padding:6px 19px 6px 19px; height:14px; text-decoration:none; margin-top:15px;} /**/ /*=============================este solo se usa en esta maqueta de manera local, para produccion el footer ya tiene los lineamientos requeridos===========================*/ #last_box .tag_1 { float: left; font-size: 10px; height: auto; margin: 0 0 0 15px; width: 350px; } /*Unidad de información que consta de 2 columnas (izquierda- derecha), las 2 columnas se divide en 2 unidades de informacion y a su ves las 2 unidades de informaciond e la columna derecha se dividen en 2 unidades mas. */ #info_promo_gde{ width:960px; margin:0 auto; height:auto; margin-top:15px; overflow:hidden; font-size:12px;} #promo_izq{ width:610px; float:left; margin:5px 0 0 5px; height:auto; } #promo_izq .new_promo{ width:590px; padding:10px; float:left; height:105px; max-height:105px; background:url(/banamex/recursos/images/gradient_promos.png) 0 0px repeat-x; color:#DDD; font-size:22px; overflow:hidden;} #promo_izq .new_promo p.tit_new_promo{ font-weight:bold; width:475px; margin-left:10px;} #promo_izq .new_promo p{ width:470px; float:left; margin:10px 0 0 10px ; } #promo_izq .img_promo{ float:left; background-color:#DDD; color:#000; width:100px;margin:0; height:100px;} #promo_izq .img_promo p.p1{ width:85px; float:left; font-size:40px; margin:10px 0 0 10px; font-weight:bold;} #promo_izq .img_promo p.p2{ width:100%; float:left; font-size:13px; margin:2px 0 0 10px;} #promo_izq p{ width:100%; float:left; margin:10px 0 0 0 ; } #promo_izq p a{ text-decoration:none; color:#575757; padding:2px 3px; background:#D4D4D4;font-weight:bold;} #promo_izq p a:hover{ text-decoration:none;color:#FFF;background:#5E5C5C;font-weight:bold;} #promo_izq p.tit_list{ font-weight:bold; font-size:12px; float:left; width:100%; margin:15px 0 0 0; padding:0;} #promo_izq ul.p_nivel{ font-size:12px; float:left; list-style:none; width:100%; margin:0; padding:0;} #promo_izq ul.p_nivel li{ font-size:12px; float:left; padding-left:15px; width:100%; margin:0; background:url(/banamex/recursos/images/dot_1_gris.png) left center no-repeat; margin-left:5px; margin-top:5px;} /*BLOQUE DE PROMOCION DERECHO*/ #promo_der{width:325px;float:left; margin:5px 0 0 10px; } #promo_der .top_promo{padding:0 4px 4px 4px; float:left; color:#666; font-size:12px;} #promo_der .top_promo .img_top_promo{ width:139px; height:121px; overflow:hidden; float:left;} #promo_der .top_promo span.ubicacion{ color:#FFF; float:left; margin:54px 0 0 10px; width:150px; height:auto;} #promo_der .top_promo .txt_top_promo { width:150px; float:left; margin:5px 0 0 10px;} #promo_der .top_promo .txt_top_promo p{ font-weight:bold; color:#666; float:left;} #promo_der .bottom_promo{padding:0 4px 4px 4px; float:left; color:#666; font-size:11px; margin:10px 0 0 0; width:314px;} #promo_der .bottom_promo .img_int{ width:300px; height:109px; float:left; overflow:hidden; margin:10px 0 5px 0;} #promo_der .bottom_promo p.tit_line{color:#666;font-weight: bold;padding-bottom: 6px; border-bottom: 1px solid #DDD; float:left; width:100%; font-size:14px;} #promo_der .bottom_promo ul.numeros_promo{ list-style:none; float:left; margin:5px 0 0 0; width:315px; overflow:hidden; font-size:12px;} #promo_der .bottom_promo ul.numeros_promo li{font-size:12px; float:left; margin:0; padding:0; width:150px; max-width:150px; overflow:hidden;} #promo_der .bottom_promo ul.numeros_promo li span{ width:150px; float:left; margin:0px; display:block;} #promo_der .bottom_promo ul.numeros_promo li span.number{ width:150px; float:left; margin:0; font-size:20px; font-weight:bold;} /*---------------ACORDEON--------------*/ /*---------------ACORDEON--------------*/ /* Accordion */ #accordion {float:left; margin:10px 0 15px 0;} #accordion h4{height: 35px;cursor:pointer;margin-top:0px; width:600px; margin:0 auto;background:url(/banamex/recursos/images/acordeon/bg_accordion_consejos-bw.jpg) top left repeat-x; overflow:hidden; line-height:24px;} #accordion h4 span{font-size: 12px;height:24px;display:block;font-weight:bold;padding:7px 66px 4px 9px; width:525px;background-image:url(/banamex/recursos/images/acordeon/btn_accordion_consejos-bw.jpg); background-position:right 0px;background-repeat:no-repeat;color:#FFF;} #accordion h4:hover{background-position: right -35px;} #accordion h4:hover span{background-position: right -35px;color:#FFF;} #accordion h4.selected{background-position: right bottom; color:#999;} #accordion .contenido_acordeon{padding:12px 13px;background: #deecfc ;color:#333;display:none;overflow:hidden;height: auto; width:574px; margin:0 auto;} #accordion .contenido_acordeon p{ margin:10px 0 0 0px!important; float:left;} #accordion .contenido_acordeon p.titulo_int_1{color:#000;font-size:16px;font-weight:bold;margin:25px 0 0 0px!important; float:left; width:500px;} #accordion .contenido_acordeon p.tle{color:#002D72;font-size:13px;font-weight:bold;margin:10px 0 0 0px!important; float:left; width:500px;} #accordion h4{height:35px;cursor:pointer;margin-top:0px;border-top: 1px solid #CCC;} #accordion h4.last{border-bottom: 1px solid #bbb} #accordion h4.selected span{background-position: right -70px; color:#FFF} #accordion .contenido{ padding:12px 13px; background: #fafafa;color:#575757;display:none;overflow:hidden;height:auto;} #accordion .first{ display: block;} /*LISTA DENTRO DEL ACORDEON*/ #cont_info_middle_left #accordion p{ margin:10px 0 0 5px;} #cont_info_middle_left #accordion p a{ margin:10px 0 0 5px;color:#FFF; text-decoration:none;} #cont_info_middle_left #accordion p a:hover{ margin:10px 0 0 5px;color:#FFF; text-decoration:underline;} #cont_info_middle_left #accordion ul#int_acordeon{font-size: 12px;list-style:none outside none;margin:0 0 0 10px;padding: 0;float:left; width:100%;} #cont_info_middle_left #accordion ul#int_acordeon li{font-size:12px;height:auto;margin: 5px 0 0 5px; width:547px;float:left;padding-left:15px; background-image:url(/banamex/recursos/images/dot_1_azul.png); background-position:left 5px ; background-repeat:no-repeat;} #cont_info_middle_left #accordion ul#int_acordeon li ul{list-style:none;} #cont_info_middle_left #accordion ul#int_acordeon li ul li {font-size:12px; height:auto;margin:2px 0 0 25px;width:560px;padding-left:10px;background-image:url(/banamex/recursos/images/internas/icon-arrow-blue.png);background-repeat:no-repeat;padding-left:10px;} #cont_info_middle_left #accordion ul#int_acordeon li.nbg{background:none!important;} #cont_info_middle_left #accordion ul#int_acordeon li a{color:#006699; text-decoration:none;} #cont_info_middle_left #accordion ul#int_acordeon li a:hover{color:#006699; text-decoration:underline;} #cont_info_middle_left #accordion ul#int_acordeon li ul.decimal{font-size: 12px;list-style:decimal!important;margin:0 0 0 10px;padding: 0;} #cont_info_middle_left #accordion ul#int_acordeon li ul.decimal li{font-size:12px;height:auto;list-style:decimal;margin: 5px 0 0 25px;} #cont_info_middle_left #accordion ul#int_acordeon li ul.decimal li a{color:#333; text-decoration:none;} #cont_info_middle_left #accordion ul#int_acordeon li ul.decimal li a:hover{color:#333; text-decoration:underline;} /*------------------ MENU QUE AGRUPA BLOQUES DE IFNORMACION POR MEDIO DE UN IDENTIFICADOR-------------*/ #cont_menu_agrup{width:960px; height:auto; padding:0 0 25px 0; margin:0 auto; font-size:12px; color:#666; margin-top:20px;} ul.menu_promociones{ width:100%; height:auto; list-style:none; max-height:auto; color:#FFF; overflow:hidden; padding:0; margin:0; float:left; margin-top:20px;} ul.menu_promociones li{ width:auto;min-width:176px; background:url(/banamex/recursos/images/back_btn_menu_rojo.png) 0 -13px repeat-x; font-size:14px; height:20px; float:left; border:1px solid #999; padding:8px;text-align:center; margin:0 0 0 0; *background-image:url(/banamex/recursos/images/back_btn_menu_rojo.png) 0 -5px !important;} ul.menu_promociones li:hover{ background:url(/banamex/recursos/images/back_btn_menu_rojo.png) 0 0px repeat-x; *background:#999; cursor:pointer;} ul.menu_promociones li.selected{ background:url(/banamex/recursos/images/back_btn_menu_rojo.png) 0 0 repeat-x; *background:#999; cursor:pointer;} ul.menu_promociones li a{color:#FFF; text-decoration:none; font-size:15px; font-weight:bold;} /*-----------------cuadro que contiene la informacion de la promociones-----------*/ #cuadro_info{float:left; width:205px; height:310px;margin:15px 0 0 10px;min-height:310px;padding:10px; border:1px solid #FFF; max-height:390px!important; overflow:hidden;position:relative;} #cuadro_info .imagen{ width:205px; float:left; height:115px;} #cuadro_info p.identity{ width:100%; float:left; margin:15px 0 0 0; font-size:13px; font-weight:bold; color:#AFAFAF; height:18px;} #cuadro_info p.hook_txt{float:left; font-size:15px;margin:10px 0 0 0;width:100%; color:#666; font-weight:bold; height:18px; max-height:50px; overflow:hidden;} #cuadro_info p.gral{float:left; margin:15px 0 0 0; font-size:12px; color:#605E5E;width:100%; height:auto; max-height:60px; overflow:hidden;} #cuadro_info p.gral a{text-decoration:none; color:#605E5E;} #cuadro_info p.gral a:hover{text-decoration:underline; color:#605E5E;} #cuadro_info p.condiciones{float:left; margin:15px 0 0 0; font-size:11px; color:#666; width:100%;} #cuadro_info ul.point_int{ width:100%; float:left;margin:15px 0 0 0; list-style:none;padding:0; height:auto; max-height:85px !important; overflow:hidden; color:#605E5E;} #cuadro_info ul.point_int li{ background:url(/banamex/recursos/images/dot_1_gris.png) no-repeat left center; padding: 0 0 0 10px;} #cuadro_info ul.point_int li a{text-decoration:none; color:#605E5E;} #cuadro_info ul.point_int li a:hover{text-decoration:underline; color:#605E5E;} #cuadro_info .btn_detalle{ width:150px; height:30px; float:left; *float:none; *left:10px; *bottom:5px; position:absolute; bottom:0;} #cuadro_info .btn_detalle a{ text-decoration:none; color:#FFF;} #cuadro_info .btn_detalle img{border:none;} /*carrusel*/ #cont_all_carrusel_catalogo{ width:960px; height:auto; margin:0 auto; clear:both;*height:300px;*overflow:hidden;} #cont_all_carrusel_catalogo .cont_carrusel_catalogo{ margin:0 auto; margin-top:15px; height:auto; *height:290px; overflow:hidden; width:715px; height /*\**/:300px;} .conten_carrusel > li {width:720px} .ctrlestit{ width:200px; height:auto; float:left; padding-top:65px; margin-top:25px;} .ctrlestit p.tit_left{ width:200px; float:left; margin:55px 0 0 0; font-size:28px;} .ctrlestit p.sub_tit_left{ width:200px; float:left; margin:10px 0 0 0; font-size:18px;} .btn_navegacion{ /*position:absolute;*/ width:150px; height:100px; /*z-index:3*/margin:45px 0 0 0; float:left;} ul#menu_catalogo{ list-style:none; padding:0; width:auto; height:auto;margin-bottom:15px; float:left; } ul#menu_catalogo li{ border:1px solid #FFF; width:220px; padding:5px; float:left;margin:5px 0 0 5px; float:left;} ul#menu_catalogo li:hover{} ul#menu_catalogo li img{ border:none; width:220px; height:121px; float:left;} ul#menu_catalogo li span{display:block; float:left;} ul#menu_catalogo li span.img{ width:220px; height:121px; float:left; } ul#menu_catalogo li a.mas_info{ color:#FFF;background:url(/banamex/recursos/images/btn_more_info_azul.png) 0px -25px repeat-x; float:left; font-size:11px; width:61px; padding:6px 0 6px 19px; height:14px;text-decoration:none;} ul#menu_catalogo li a.mas_info:hover{ color:#FFF;background:url(/banamex/recursos/images/btn_more_info_azul.png) 0px 0px repeat-x; float:left; font-size:11px; width:61px; padding:6px 0 6px 19px; height:14px; text-decoration:none;} ul#menu_catalogo li p.titulo{color:#323131; margin-top:10px; float:left; width:100%;} ul#menu_catalogo li p.subtitulo{color:#605E5E; margin-top:5px; float:left; width:100%; font-weight:bold;} ul#menu_catalogo li p.texto{ float:left; margin:5px 0 0 0; height:70px; width:100%;} .btns_medios{ float:left; width:auto; height:auto;float:left; margin:3px 14px 0 14px} .btns_medios a.nav{ background:url(/banamex/recursos/images/slider/btn_controles_gris.png) -12px 0px no-repeat; width:10px; height:9px; text-indent:-99999999px; float:left; margin-top:3px; margin:3px 2px 0 2px;} .btns_medios a.nav.selected,.btns_medios a.nav:hover{background-position:0 0; float:left;margin-top:3px;} .next{ background:url(/banamex/recursos/images/slider/btn_left_right_gris.png) -5px 0px no-repeat; width:6px; height:12px; float:left; text-indent:-999999px; margin-top:4px; cursor:pointer;*background:url(/banamex/recursos/images/slider/btn_left_right_gris.png); background-position:-5px 0;} .prev{ background:url(/banamex/recursos/images/slider/btn_left_right_gris.png) 0px 0px no-repeat; width:6px; height:12px; float:left; text-indent:-999999px; margin-top:4px; cursor:pointer;} .navegacion_gral{ float:left; margin:35px 0 0 0px;} #cont_footer{ width:100%; padding:15px 0; background:#FFF;} #cont_footer .footer_pre{margin:0 auto; padding:5px 0; overflow:hidden; width:960px;} #cont_footer .footer_pre ul.terminos{ list-style:none; float:left; margin:0; padding:0; font-size:11px; color:#5D5C5C;} #cont_footer .footer_pre ul.terminos li{float:left; padding:0px 0px 0 px; font-size:12px; color:#5D5C5C; margin-left:5px;height:10px;} #cont_footer .footer_pre ul.terminos li.first{float:left; padding:0px 0px 0 0px; font-size:11px; color:#5D5C5C; margin-left:5px; border-left:none;} #cont_footer .footer_pre ul.terminos li a{ text-decoration:none; font-size:11px; color:#5D5C5C;} #cont_footer .footer_pre ul.terminos li a:hover{ text-decoration:underline; color:#5D5C5C;} #cont_footer .footer_pre ul.tarjetas_foot{ list-style:none; float:right; margin:0 15px 0 0; padding:0; font-size:11px; color:#5D5C5C;} #cont_footer .footer_pre ul.tarjetas_foot li{float:left; padding:0px 0px 0 10px; font-size:12px; color:#5D5C5C; margin-left:5px;} #cont_footer .footer_pre ul.tarjetas_foot li.first{float:left; padding:0 20px 0 0; font-size:11px; color:#9A9A9A; margin-left:5px; border-right:1px solid #CCC;} #cont_footer .footer_pre ul.tarjetas_foot li a{ text-decoration:none; font-size:14px; color:#53565A; float:left; font-weight:bold;} #cont_footer .footer_pre ul.tarjetas_foot li span.txt{float:left; font-size:14px!important; margin:0px 0 0 8px;font-weight:bold;color:#53565A;} #cont_footer .footer_pre ul.tarjetas_foot li:hover span.txt{color:#333;} #cont_footer .footer_pre ul.tarjetas_foot li img{float:left;} .campo_3{float:left;width:385px} #verMas{ width:100%!important; height:auto;float:left;margin-top:40px;} #verMas a{ width:100%!important; height:auto; background-image:url(/banamex/recursos/images/btn_more_info.png); background-repeat:repeat-x; font-size:12px; display:block; color:#FFF;float:left;} /*tarjetas nueva*/ #contenedor_tarjetas{background: url(/banamex/recursos/images/bg-beneficios.png) top center no-repeat; margin:0 auto; width:960px;height:auto; overflow:hidden;padding-top:35px;} #contenedor_tarjetas .colLeft{width: 421px;overflow: hidden;padding-left:20px; height:250px;float:left;} #contenedor_tarjetas .colLeft p.titulo{ width:140px; font-size:16px; font-weight:bold;padding-top:15px;float:left; color:#595A5C;} #contenedor_tarjetas .colLeft span.img{ width:200px; height:180px; float:right; margin:15px 35px 0 5px;padding:15px 0 0 15px;} #contenedor_tarjetas .colLeft p{ width:160px; font-size:15px;float:left;color:#595A5C;line-height:19px;} #contenedor_tarjetas .colLeft .moreInfo{ background: url(/banamex/recursos/images/slider/btn_more_info.png) repeat-x scroll left top transparent;float:left; margin-top:20px;} #contenedor_tarjetas .colRight{width: 421px;overflow:hidden;background-image:url(/banamex/recursos/images/bg_right.png);padding-left:30px; height:250px; background-repeat:no-repeat;float:left;} #contenedor_tarjetas .colRight p.titulo{ width:140px; font-size:16px; font-weight:bold;padding-top:15px;float:left; color:#595A5C;} #contenedor_tarjetas .colRight span.img{ width:200px; height:180px; float:right; margin:15px 35px 0 5px;padding:15px 0 0 15px;} #contenedor_tarjetas .colRight p{ width:160px; font-size:15px;float:left;color:#595A5C;line-height:19px;} #contenedor_tarjetas .colRight .moreInfo{ background: url(/banamex/recursos/images/slider/btn_more_info_azul.png) repeat-x scroll left top transparent;float:left; margin-top:20px;} a.acc{ background-image: url(/banamex/recursos/images/btn_more_info_azul.png); background-repeat:repeat-x; background-position: 0 -26px; width:auto; float:left; margin:15px 0 0 0; padding:6px 19px; height:14px;color:#FFF; text-decoration:none;} a.acc:hover{ background-image: url(/banamex/recursos/images/btn_more_info_azul.png); background-repeat:repeat-x; background-position:0 0px;color:#FFF; text-decoration:none;} .subline { border-top: 1px solid #D4D4D4; float: left; margin-top: 0; position: relative; width: 100%; }