/*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,sub,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; font-weight:inherit; font-style:inherit; font-size:100%; vertical-align:baseline;}
/* remember to define focus styles! */
a:focus {outline:0;}
ol,ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;}
caption,th,td { text-align:left; font-weight: normal;}
blockquote:before,blockquote:after,q:before,q:after {content:"";}
blockquote,q {quotes: "" "";}
a{text-decoration: none;}
a:link,a:visited,a:hover,a:active {text-decoration: none;}
p{font-size:12px;}

/* Landing Page */
body{background-color: #fff;}
#landing {
	background: url(../images/landing/bg_landing.gif) repeat top left;
	overflow:hidden;
}
#landing h1{
	padding:148px 0 21px;
	margin: 0 auto;
	width: 910px;
}
#landing #tarjetas{
	background: url(../images/landing/bg_city.png) top center no-repeat;
	width: 100%;
	height: 277px;
	margin-bottom: 125px;
}
#landing #tarjetas ul{
	width: 669px;
	margin: 0 auto;
	padding: 0 24px 0 217px;
	overflow:hidden;
	height: 277px;
}
#landing #tarjetas ul li{
	float: left;
	width: 220px;
	margin: 0 1px 0 2px;
	height: 277px;
}
#landing #tarjetas ul li a{
	background: url(../images/global/bg_gray.png) repeat top left;
	height: 275px;
	display:block;
	position: relative;
}
#landing #tarjetas h2{
	position: absolute;
	left: 10px;
	bottom: 10px;
	background: url(../images/landing/txt_titulos_tarjetas.png) no-repeat 0 0;
	width:173px;
	height: 45px;
	text-indent: -1000em;
}
#landing #tarjetas ul li #tarjetaCitiBeyond h2{
	background-position: 0 0;
}
#landing #tarjetas ul li #tarjetaAeromexico h2{
	background-position: 0 -45px;
}
#landing #tarjetas ul li #tarjetaBanamexPlatinum h2{
	background-position: 0 -90px;
}
#landing #tarjetas ul li #tarjetaCitiBeyond:hover{
	border-bottom:2px solid #eb1d2e;
	background:url(../images/landing/img_tarjetas.png) 0 0 no-repeat;
}
#landing #tarjetas ul li #tarjetaAeromexico:hover{
	border-bottom:2px solid #4f8df3;
	background:url(../images/landing/img_tarjetas.png) -223px 0 no-repeat;
}
#landing #tarjetas ul li #tarjetaBanamexPlatinum:hover{
	border-bottom:2px solid #b9b9b9;
	background:url(../images/landing/img_tarjetas.png) -446px 0 no-repeat;
}
#landing #footer{
	width: 910px;
	margin: 0 auto 20px;
	overflow:hidden;
}
#landing #footer ul li{
	font-size: 11px;
	color:#9a9a9a;
	float:left;
	margin-right:3px;
}
#landing #footer ul li a{
	font-size: 11px;
	color:#9a9a9a;
}
#landing #footer ul li a:hover{
	color:#cac9c9;
}

/* Content box */
.content{
	width: 915px;
	margin: 0 auto;
}
/*.container {
	position: relative;
	overflow:hidden;
	width:100%;
}*/
/* Boton more Info*/
.moreInfo{
	height: 14px;
	width:74px;
	font-size:11px;
	text-align: center;
	padding:6px 0;
	float: left;
	color: #FFF;
}
.moreInfo:hover{
	background-position: 0 -26px;
}
/* Header */
#Header{
	width:100%;
	height: 58px;
	position: absolute;
	z-index: 9999;
	top:0;
	left:0;
}
#Header .content{
	position:relative;
	z-index: 9999;
	height:58px;
}
#Header .content h1 a{
	float:left;
	text-indent:-1000em;
	display: block;
}
#Header .content ul{
	float:right;
}
#Header .content ul li{
	float:left;
	padding: 0 0 0 3px;
	position: relative;
}
#Header .content ul li a{
	display: block;
	width:82px;
	height:36px;
	font-size:13px;
	font-weight: bold;
	text-align:center;
	padding: 22px 5px 0;
}
#Header .content ul li a.active,
#Header .content ul li.active a,
#Header .content ul li a:hover{
	background-position: bottom left;
}
#Header .content ul li a.activo{
	background-position: bottom left;
	color:#ececec;
}
#Header .content ul li ul{
	position: absolute;
	width:473px;
	display: none;
}

#Header .content ul li.menu02 ul{
	left:-92px;
}
#Header .content ul li.menu03 ul{
	left: -187px
}
#Header .content ul li.menu04 ul{
	left:-282px;
}
#Header .content ul li.menu05 ul{
	right:-1px;
}

#Header .content ul li:hover ul{
	display: block;
}
#Header .content ul li ul li{
	padding: 0;
	width:473px;
}
#Header .content ul li:hover ul li a,
#Header .content ul li ul li a{
	width: 310px;
	height: 19px;
	padding: 6px 16px;
	font-size:14px;
	text-align:left;
	border:none;
}
#Header .content ul li ul li a:hover{
	background-position: bottom left;
	border: none;
	color:#fff;
}
#Header #bgMenu{
	width: 100%;
	position:relative;
	z-index: 1;
	background:url(../images/tarjetaBanamexPlatinum/global/bg_secondary_nav.png) repeat top left;
	top:3px;
	display:none;
	opacity: 0.8
}
#Header .content ul li:hover ul li a:hover{
	border:none
}
/* Content */
#BoxContent {
	float:left;
	width:100%;
}
#BoxContent .principal {
	width: 100%;
	position:relative;
}
#BoxContent .principal .content .titulo{
	float:left;
	position:relative;
	top:319px;
	left:3px;
}
#Home #BoxContent .principal .content .titulo{
	float:right;
	top: 135px
}
#BoxContent .principal .content p{
	float:left;
	font-size: 20px;
	color:#fff;
	width:450px;
	clear:both;
}

/* carousel */

#Home #promociones{
	top: 141px;
	clear:both;
}
#promociones #controles li {
	float: left;
   overflow:hidden;  
}
#promociones #controles{
	width: 60px;
	margin: 0 auto
}
#menuControles{
	overflow: hidden;
	border-top: 1px solid #6d6f6f;
	padding: 5px 0
}
#menuControles a{
	text-indent:-1000em;
   display: block;
}
#controles a {
    width: 12px;
	 height: 9px;
}
#controles a:hover{
	background-position: -12px 0;
}
#controles li.activo a {
    background-position: -24px 0;
}

#siguiente, #anterior{
	width:6px;
	height:12px;
	position: absolute;
	bottom: 6px
}
#anterior{
	left: 10px
}
#anterior:hover{
	background-position: left bottom;
}
#siguiente{
	right: 15px;
	background-position: right top;
}
#siguiente:hover{
	background-position: right bottom;
}
#promociones .jcarousel-clip-horizontal {
    padding:0;
    width:432px;
    height:77px;
    overflow:hidden;
}
#sliderPromociones{
	height:87px
}

#promociones .jcarousel-item-horizontal {
    margin-left:0;
    margin-right:10px;
    width:432px;
    height:77px;
    position:relative;
}

#sliderPromociones .data{
	float: left;
	font-weight: bold;
	border-right: 1px solid #888888;
	padding-right: 10px;
	margin-right: 10px;
	width: 255px;
	height:70px;
}
#sliderPromociones h2{
	font-size:22px;
	line-height:22px
}
#promociones #sliderPromociones .data p{
	font-weight: bold;
	font-size: 17px;
	width:250px;
}

/* Boton more Info*/
#sliderPromociones li .moreInfo{
	background-position: bottom left;
	margin:18px 0 0 18px;
}
#sliderPromociones li .moreInfo:hover{
	background-position: 0 -26px;
}
#sliderPromociones .descuento{
	float: left;
	width:55px;
	padding-right: 8px;
	border-right: 1px solid #888;	
	font-size: 12px;
	height:70px;
}
#sliderPromociones .descuento span{
	font-size:22px;
	display: block;
}

#sliderPromociones .descuento span strong{
	font-size:31px;
}

/* Footer */
#Footer{
	float:left;
	width:100%;
	background: #fff;
}
#Footer .content ul#menu{
	margin: 30px 0;
	float:left;
}
#Footer .content ul#menu li{
	font-size:11px;
	float: left;
	color:#5d5c5c;
	margin-right:2px;
}
#Footer .content ul#menu li a{
	color:#5d5c5c;
}
#Footer .content ul#menu li a:hover{
	color:#53565a;
}
#Footer .content ul#menuTarjetas{
	float: right;
	margin: 27px 5px 0;
}
#Footer .content ul#menuTarjetas li{
	float: left;
	margin-left: 5px;
	color:#9a9a9a;
	font-size:12px;
}
#Footer .content ul#menuTarjetas li a{
	color:#9a9a9a;
	font-size:14px;
	font-weight: bold;
}
#Footer .content ul#menuTarjetas li a:hover{
	color:#53565a;
}
#Footer .content ul#menuTarjetas li a img{
	float:left;
	margin-right: 7px;
}

/* Atencion VIP */
#AtencionVip #BoxContent .section .content ul li h3{
	width:276px;
}
/* Promociones */
/* Menu Promo*/
#Promociones #menuPromo{
	width: 100%;
	float:left;
	padding-bottom:23px;
}
#Promociones #menuPromo li{
	float:left;
	margin: 0 2px 0 1px;
	padding:0;
}
#Promociones #menuPromo li a{
	height: 18px;
	width: 179px;
	display:block;
	text-align: center;
	padding: 8px 0; 
	font-size: 14px;
	font-weight: bold;
}
#Promociones #menuPromo li a.active,
#Promociones #menuPromo li a:hover{
	background-position: bottom left;
}
/* Promos */
#Promociones #promos{
	padding: 0 0 20px;
	overflow:hidden;
	float:left;
}

#Promociones #BoxContent .promociones .boxData a h3,
#Promociones #promos a h3{
	background: none;
	position: relative;
	top:0;
	font-size: 16px;
	padding: 3px 0 2px;
}
#Promociones .promociones a strong,
#Promociones #promos a strong{
	font-size:14px;
}
#Promociones .promociones li.hidden,
#Promociones #promos li.hidden{
	display: none;
}
#Beneficios #promos li.hidden{
	display: none;
}
/* Ver mas */
#Promociones #verMas{
	float:left;
	width:100%;
	padding:0 0 20px ;
}
#Promociones #verMas .moreInfo{
	width: 100%;
}

/* Promociones Internas */

.container .boxContenido{
	overflow:hidden;
	padding:35px 0 0;
}
.container #BoxContent .section .colLeft{
	padding-left:20px;
	float:left;
	width:545px;
}
.container #BoxContent .section .colLeft .boxTop{
	padding: 10px 0 0
}
/* Promocion */
#Promociones #promocion{
	width:545px;
	//height: 148px;
	margin-bottom:15px;
}
#Promociones #promocion .box{
	width:499px;
	padding: 12px 23px;
	overflow:hidden;
}
#Promociones #promocion .box img{
	float:left;
	margin: 6px 16px 10px 0;
}
#Promociones #promocion .box #textDescuento{
	float:left;
	width:349px;
	padding:12px
} 
#Promociones #promocion h2{
	font-size: 22px;
	font-weight:bold;
	color:#fff;
	margin-bottom:4px;
}
#Promociones #promocion p{
	font-size: 22px;
	line-height:24px;
	color:#fff;
}
#Promociones #promocion #descuento {
	width: 150px;
	height: 100px;
	float:left;
	margin: 6px 16px 10px 0;
	text-align:center;
	font-size:17px;
}
#Promociones #promocion #descuento span{
	font-size:44px;
	color:#323131;
	margin-bottom:-15px;
	width:140px;
	display:block;
}
#Promociones #promocion #descuento span strong{
	font-size:66px;
	color:#323131;
}

.container .colLeft .data {
	padding: 35px 0 0;
	font-size:12px;
	color:#575757;
}
.container .colLeft .legales ul{
	margin: 0 0 10px 15px;
}
.container .colLeft .legales p{
	margin-bottom: 10px;
}
.container .colLeft .legales p.title{
	margin:0;
	font-weight: bold;
}
.container a.web{
	padding:0 5px 2px;
	color:#575757;
	font-weight: bold;
}
.container a.web:hover{
	color:#fff;
}

.container #BoxContent .section .colRight{
	float:left;
	width:302px;
	padding: 0 0 20px;
}
.container .colRight .boxData{
	float:left;
	width:100%;
	padding:0 20px 20px;
}
.container #BoxContent .section .colRight .boxData li {
	padding: 6px;
	margin:0;
}
.container #BoxContent .section .colRight .boxData li img{
	float:left;
	margin:0 15px 0 0;
}
.container .colRight .boxData li span{
	background: url(../images/global/txt_ubicacion.png) no-repeat top left;
	width:130px;
	height: 17px;
	text-indent:-1000em;
	position: relative;
	float:left;
	margin:56px 0 5px;

}
.container #BoxContent .section .colRight .boxData li p{
	float:left;
	width: auto;
	color:#605e5e;
	font-size:12px;
	line-height: 14px;
	font-weight: bold;
	height:auto;
}
.container .colRight h3{
	font-weight: bold;
	color:#575757;
	padding-bottom: 6px;
	margin-bottom:15px;
}
.container .colRight .masDetalles{
	padding: 0 20px 20px;
}
.container .info{
	float: left;
	color: #575757;
}
.container .info h2{
	font-size: 16px;
	margin-bottom:4px;
}
.container .colRight .info .telefonos p{
	font-weight:bold;
	font-size:20px;
}
/*
.container .info ul.telefonos{
	overflow:hidden;
	margin:0 0 15px;
	list-style: none;
}
*/
.container .info ul li{
	float: left;
	width:126px;
}
.container .info ul.telefonos li.last{
	margin-left: 10px;
}
.container .info h4{
	font-size: 14px;
}
.container .info img{
	display:block;
	margin-bottom:15px;
}
.container .fullCol{
	margin:20px 0 10px;	
}
.container .fullCol blockquote{
	font-size: 22px;
	line-height:25px;
	padding:0 0 25px 57px;
	width:495px;
}
.container .fullCol p{
	font-size: 16px;
	line-height: 19px;
	padding: 0 5px;
}
.container .boxContenido h3{
	font-size: 16px;
	padding-bottom: 5px;
	font-weight:bold;
}
.container .boxContenido .colLeft p{
	font-size:13px;
	line-height: 16px;
	color:#575757;
	padding-bottom:18px;
}
.container .boxContenido ul{
	margin: 0 0 10px 15px;
}
.container .boxContenido ul li{
	font-size:13px;
}
.container .boxContenido .colLeft .descripcion{
	font-size:12px;
	float:left;
	padding: 5px 0;
}
/* Llamar Concierge */
#llamarConcierge{
	width:302px;
	padding: 0 20px 20px;
}
#llamarConcierge .contenido {
	overflow: hidden;
	background: #fff;
	padding:20px 20px 0;
}
.container #llamarConcierge img{
	margin: 0;
}
.container .colRight #llamarConcierge h3{
	padding: 0 20px;
	text-indent:-1000em;
	border:none;
	margin:0;
}
#llamarConcierge ul.telefonos li{
	padding-top:10px; 
	width:100%;
}
#llamarConcierge ul.telefonos li.last{
	margin: 0;
	border: none;
}
#llamarConcierge .telefonos li h4{
	padding-bottom: 5px;
	width:180px;
}
#llamarConcierge .telefonos li h4 span{
	font-size:12px;
}
#llamarConcierge .telefonos li p{
	padding: 0 0 10px 25px;
}
/* Promo Privileges*/
#promoDestacado{
	background:url(../images/tarjetaCitiBeyond/beneficios/bg-promo-destacado.png) repeat-x bottom;
	width:543px;
	margin:0 auto;
	padding: 0 0 10px;
	color:#FFF;
}
#sombra{
	background: url(../images/tarjetaCitiBeyond/beneficios/bg-promo-sombra.png) no-repeat bottom;
	padding: 0 0 15px;
}
#promoDestacado h3{
	padding:15px 0 4px 20px;
	font-weight:bold;
}
#promoDestacado h3, #promoDestacado span, #promoDestacado li{
	font-size:20px;
}
#promoDestacado span, #promoDestacado li{
	padding: 0 20px;
}
#promoDestacado li{
	background: url(../images/tarjetaCitiBeyond/beneficios/bullet-promo-destacado.png) no-repeat scroll 21px 9px transparent;
	padding-left: 33px;
}
#promoDestacado li a{
	text-decoration:none;
	cursor:pointer;
	color:#FFF !important;
}
#promoDestacado li a:visited{
	color:#FFF !important;
}

/* Seguro */
#seguros{
	list-style: none;
	padding-top:10px;
}
#seguros li{
	color:#fff;
	font-size: 16px;
	font-weight: bold;
}
#seguros li.last{
	background: none;
}

/* Servicio Premium */
#servicioPremium{
	padding: 10px 20px 20px;
	width:100%;
}
.colRight #servicioPremium h3{
	width: 213px;
	height: 44px;
	text-indent: -1000em;
	border: none;
	padding:0;
	margin-bottom:5px;
}
.colRight #servicioPremium ul{
	list-style: none;
	margin:0;
}
.colRight #servicioPremium ul li{
	width:100%;
	padding: 10px 0;
}
.colRight #servicioPremium ul li.last{
	border: none;
}
.colRight #servicioPremium ul li img{
	margin-bottom: 10px;
	position:relative;
	z-index:1;
}
#servicioPremium ul li h4{
	font-weight: bold;
	padding-bottom:5px;
}
#servicioPremium ul li p{
	padding-bottom: 10px;
}
#servicioPremium ul li a:hover h4{
	color:#fff;
}

/* Beneficios */
#BoxContent .section .content ul li a p{
	display: none;
}
#BoxContent .section .content ul li a:hover p{
	background:url(../images/global/bg_carrousel.png) repeat top left;
	color:#eee;
	position: absolute;
	bottom:69px;
	padding: 8px 3%;
	width: 95%;
	height:163px;
	overflow: hidden;
	display: block;
	z-index: 8888;
	top:0;
}
#BoxContent .section .content ul li p span{
	position: absolute;
	top: 10px;
	width:95%;
}

.lines_menu{width:auto; height:auto; background-position:0 -15px; background-repeat:repeat-y;float:left;}
.cont_beneficios{width:938px; max-widht:938px;float:left;margin:10px 0 10px 0;padding:0px 0 0 0; height:86px;border-bottom:3px solid #00bdf2; background-image:url(/banamex/recursos/images/back_bene.png); background-position:0 0; background-repeat:repeat-x;}
.cont_beneficios .text_bene{width:280px;padding:25px  25px 0 18px;height:53px;border-bottom:8px solid #00bdf2;color:#0c5b88;float:left; font-size:17px;}
.cont_beneficios .text_bene strong{color:#0c5b88; font-size:20px;}
.cont_beneficios ul.beneficios_n{ width:auto; height:85px; padding:0; margin:0 0 0 30px; float:left; list-style:none!important;}
.cont_beneficios ul.beneficios_n li{width:auto; height:auto; float:left;margin:0 0 0 0;}
.cont_beneficios ul.beneficios_n a{padding:0 5px;}
.cont_beneficios ul.beneficios_n a.bnet{width:70px; height:86px;display:block;float:left; margin:0;background-image:url(/banamex/recursos/images/sprite_bene.png); background-position:18px 16px; background-repeat:no-repeat;}
.cont_beneficios ul.beneficios_n a.app{width:70px; height:86px;display:block;float:left; margin:0;background-image:url(/banamex/recursos/images/sprite_bene.png); background-position:-58px 16px; background-repeat:no-repeat;}
.cont_beneficios ul.beneficios_n a.edocta{width:70px; height:86px;display:block;float:left; margin:0;background-image:url(/banamex/recursos/images/sprite_bene.png); background-position:-132px 16px; background-repeat:no-repeat;}
.cont_beneficios ul.beneficios_n a.alertas{width:70px; height:86px;display:block;float:left; margin:0;background-image:url(/banamex/recursos/images/sprite_bene.png); background-position:-209px 16px; background-repeat:no-repeat;}
.cont_beneficios ul.beneficios_n a.audio{width:70px; height:86px;display:block;float:left; margin:0;background-image:url(/banamex/recursos/images/sprite_bene.png); background-position:-286px 16px; background-repeat:no-repeat;}
.cont_beneficios ul.beneficios_n a.atm{width:70px; height:86px;display:block;float:left; margin:0;background-image:url(/banamex/recursos/images/sprite_bene.png); background-position:-361px 16px; background-repeat:no-repeat;}
.cont_beneficios ul.beneficios_n a.bnet_emp{width:70px; height:86px;display:block;float:left; margin:0;background-image:url(/banamex/recursos/images/sprite_bene.png); background-position:-437px 15px; background-repeat:no-repeat;}
.cont_beneficios ul.beneficios_n a.bnetE{width:70px; height:86px;display:block;float:left; margin:0;background-image:url(/banamex/recursos/images/sprite_bene_eng.png); background-position:18px 16px; background-repeat:no-repeat;}
.cont_beneficios ul.beneficios_n a.appE{width:70px; height:86px;display:block;float:left; margin:0;background-image:url(/banamex/recursos/images/sprite_bene_eng.png); background-position:-58px 16px; background-repeat:no-repeat;}
.cont_beneficios ul.beneficios_n a.edoctaE{width:70px; height:86px;display:block;float:left; margin:0;background-image:url(/banamex/recursos/images/sprite_bene_eng.png); background-position:-132px 16px; background-repeat:no-repeat;}
.cont_beneficios ul.beneficios_n a.alertasE{width:70px; height:86px;display:block;float:left; margin:0;background-image:url(/banamex/recursos/images/sprite_bene_eng.png); background-position:-209px 16px; background-repeat:no-repeat;}
.cont_beneficios ul.beneficios_n a.audioE{width:70px; height:86px;display:block;float:left; margin:0;background-image:url(/banamex/recursos/images/sprite_bene_eng.png); background-position:-286px 16px; background-repeat:no-repeat;}
.cont_beneficios ul.beneficios_n a.atmE{width:70px; height:86px;display:block;float:left; margin:0;background-image:url(/banamex/recursos/images/sprite_bene_eng.png); background-position:-361px 16px; background-repeat:no-repeat;}
.cont_beneficios ul.beneficios_n a.bnet_empE{width:70px; height:86px;display:block;float:left; margin:0;background-image:url(/banamex/recursos/images/sprite_bene_eng.png); background-position:-437px 15px; background-repeat:no-repeat;}
.cont_beneficios ul.beneficios_n a.bnet:hover{background-position:18px -67px;}
.cont_beneficios ul.beneficios_n a.app:hover{background-position:-58px -67px;}
.cont_beneficios ul.beneficios_n a.edocta:hover{background-position:-132px -67px;}
.cont_beneficios ul.beneficios_n a.alertas:hover{background-position:-209px -67px;}
.cont_beneficios ul.beneficios_n a.audio:hover{background-position:-286px -67px;}
.cont_beneficios ul.beneficios_n a.atm:hover{background-position:-361px -67px;}
.cont_beneficios ul.beneficios_n a.bnet_emp:hover{background-position:-437px -67px;}

.cont_beneficios ul.beneficios_n a.bnetE:hover{background-position:18px -67px;}
.cont_beneficios ul.beneficios_n a.appE:hover{background-position:-58px -67px;}
.cont_beneficios ul.beneficios_n a.edoctaE:hover{background-position:-132px -67px;}
.cont_beneficios ul.beneficios_n a.alertasE:hover{background-position:-209px -67px;}
.cont_beneficios ul.beneficios_n a.audioE:hover{background-position:-286px -67px;}
.cont_beneficios ul.beneficios_n a.atmE:hover{background-position:-361px -67px;}
.cont_beneficios ul.beneficios_n a.bnet_empE:hover{background-position:-437px -67px;}
.ipab{background:url(/banamex/recursos/images/internas/ipab.gif) no-repeat;width:77px;height:63px;display:block;float:left;margin-left:195px;}#textoDetalle{clear:both}
.textoipab{font-size: 10px; margin-top: 24px !important;}

.bmx-footershow:hover > span.bmx-footershow-down{
display: block;
}
.bmx-footershow-down{
display: none;
font-size:10px;
}