@charset "utf-8";
/*
   HTML GENERAL
*/
body {	background-color: #FFF;	font-family: arial, tahoma;	font-size: 16px;	font-weight: normal;	color: #6d6e71;	cursor: default;	margin: 0;padding: 0; }
img { border: none; }
a, img, embed, object { outline: none; }
.clear { clear: both; }
/*
   ESTRUCTURA GRAL
*/
.container { width:900px; margin: 0 auto 0 auto;  }
.slogan { text-indent:-9999px; font-size:0; position:relative; }
.header { background:transparent url(../images/white-header-1.png) no-repeat scroll 0 0; width:900px; height:127px;  position:relative; }
.header_comisiones { background:transparent url(../images/white-header-2.png) no-repeat scroll 0 0; width:900px; height:129px; }
.header_sucursales { background:transparent url(../images/white-header-3.png) no-repeat scroll 0 0; width:900px; height:121px; }
.header_servicios { background:transparent url(../images/white-header-4.png) no-repeat scroll 0 0; width:900px; height:121px; }
.content_container { width:900px; min-height: 476px;  }
.service_online_container {    height: 418px;    left: 20px;    line-height: 24px;    position: relative;    top: 100px;    width: 841px;}
.min_height_modifier {  min-height: 521px;}
.white_tarjeta_txt {	color: #68676C;    float: left;    font-family: arial;    font-size: 18px;    margin-left: 68px;    margin-top: 90px;    position: relative;    width: 446px;}
.white_tarjeta_login {  	font-size: 17px;    margin-left: 170px;    margin-top: 49px;    text-align: justify;    width: 269px;}
.white_tarjeta_txt ul {  list-style:url(../images/bullet.jpg);}
.field_contact_new {  position: relative;  top: 13px;    width: 257px;	}
.img_1 {  background: url("../images/img-1.jpg") no-repeat scroll 0 0 transparent;    height: 50px;    left: 108px;    position: absolute;    width: 36px;}
.home_container { float: left; font-size: 32px; left: 20px; line-height: 45px; position: relative; text-align: left; top: 40px;  width: 400px; }
.white-logo { background: url("../images/white-logo-text.png") no-repeat scroll 0px 0px transparent; height: 90px; margin-left: 0px; margin-top: 0;  width: 410px; }
.white-tarjeta-monedero-electronico { background: url("../images/white-tarjeta-monedero-electronico.jpg") no-repeat scroll 0 0 transparent; height: 367px;left: 20px; position: relative; top: 55px; width: 489px; float:left; }
.white-tarjeta-informacion-general { background: url("../images/white-tarjeta-informacion-general.jpg") no-repeat scroll 0 0 transparent; float: left; height: 456px; left: 34px; position: relative; top: 15px; width: 381px; }
.white-tarjeta-uso { background: url("../images/white-tarjeta-uso.jpg") no-repeat scroll 0 0 transparent; float: left; height: 456px; left: 34px; position: relative; top: 15px; width: 381px; }
.white-tarjeta-personalizar { background: url("../images/white-tarjeta-personalizar.jpg") no-repeat scroll 0 0 transparent; float: left; height: 456px; left: 34px; position: relative; top: 15px; width: 381px; }
.white-tarjeta-info-legal { background: url("../images/white-tarjeta-info-legal.jpg") no-repeat scroll 0 0 transparent; float: left; height: 456px; left: 34px; position: relative; top: 15px; width: 381px; }
.white-tarjeta-preguntas-frecuentes { background: url("../images/white-tarjeta-preguntas-frecuentes.jpg") no-repeat scroll 0 0 transparent; float: left; height: 456px; left: 34px; position: relative; top: 15px; width: 381px; }
.white-tarjeta-services { background: url("../images/white-tarjeta-servicios.jpg") no-repeat scroll 0 0 transparent; float: left; height: 456px; left: 34px; position: relative; top: 15px; width: 381px; }
.left_txt_container { float: left;   left: 79px;  position: relative;  top: 57px;  width: 410px; }
.comision_txt_container { float: left;   left: 79px;  position: relative;  top: 57px;  width: 780px;  }
.sucursal_wrap { float: left; min-height: 140px; width: 212px;}
.wide_txt_container { float: left;   left: 79px;  position: relative;  top: 57px;  width: 780px;  }
.header_txt_small_line_1 {  left: 616px; position: relative; top: 6px; word-spacing:2px; width:150px; } 
.header_txt_small_line_2 {  left: 616px; position: relative; top: 11px;  width:150px;} 
.header_txt_small_line_3 {  font-size: 11px;  left: 664px;  position: relative;   top: 13px; word-spacing:2px; width:150px; } 
.link_contact { background: url("../images/link_contact.png") no-repeat scroll 0px 0px transparent;   display: block;  height: 23px;  position: absolute; right: 35px;  top: 20px;   width: 83px; }
.link_contact:hover { background-position: 0 -23px; }
.btn_enter {  background: url("../images/btn-enter.png") no-repeat scroll 0 0 transparent;    display: block;    height: 48px;    position: absolute;    right: 12px;    top: 79px;    width: 285px; }
.btn_enter:hover { background-position:0 -48px; } 
.btn_num_t { background: url("../images/btn-continue.png") no-repeat scroll 0 0 transparent;display: block;height: 19px;left: 350px; position: absolute; top: 285px;width: 83px; }
.btn_num_t:hover { background-position: 0 -19px; cursor:pointer;}
.field_contact_new {  position: absolute;    top: 250px;    width: 257px;	}
.txt_size { font-size:25px; }
.txt_medium_big { font-size:18px; }
.txt_medium { font-size:16px; }
.txt_bold { font-weight: bold; }
.txt_line_height { line-height:25px; }
.txt_header { font-family: arial; font-style: italic;  }
.txt_blue { color: #0054a4; }
.txt_gray { color: #8f8d91; }
.txt_white { color: #FFFFFF; }
.txt_small { font-size:13px; }
.txt_margin_top { margin-top:20px; }
.txt_line_height_20 { line-height: 20px;}
.txt_link_underline:hover { text-decoration:underline; }
.txt_aqua { color: #01DFD7; }
.txt_40px { font-size: 40px; }
.txt_light_gray { color: #BDBDBD; }
.list_disc_gray { line-height: 20px; list-style-position: inside; list-style-type: disc; }
.list_disc_gray  li { margin-top: 20px; }

.list_num_gray { line-height: 20px; list-style-position: inside; list-style-type: decimal; }
.go_home_container { background: transparent; position:relative; left: 20px; top: -40px; height: 100px; width: 220px; cursor:pointer;}
.line_height_25px { line-height: 25px; }
.txt_link_nodecoration{ text-decoration:none; }
.txt_right_align { text-align: right;}
.left_container { float: left;   left: 1px;  position: relative;  top: 10px;  width: 410px; }
.right_container { float: right;   left: 1px;  position: relative;  top: 10px;  width: 410px; }
.underline { text-decoration:underline; } 
.display-none { display: none; }

/*
   FORMULARIOS Y BOTONES
*/
input[type=text], input[type=password], input[type=file], textarea, select { font-size: 11px; font-weight: normal; margin: 0 0 5px 0; border: 1px solid #8c8c8c; background-color: #FFF; padding: 3px; margin: 0 0 5px 0; }
input[type=checkbox], input[type=radio] { background-color: #FFF; }
textarea { border: 1px solid #001e57; overflow: auto; resize: none; }
/*
   MENU
*/
.menu_nav li { list-style:none; float:left; }
.menu_nav a { display:block; }
.menu_btn_1 { background: url("../images/menu-sprite.png") scroll 0 0 transparent; font-size: 0; height: 41px; text-indent: -9999px; width: 174px; }
.menu_btn_1:hover { background-position: 0 -41px; }
.menu_btn_1_selected { background: url("../images/menu-sprite.png") scroll 0 0 transparent; font-size: 0; height: 41px; text-indent: -9999px; width: 174px; background-position: 0 -41px !important; }
.menu_btn_2 { background: url("../images/menu-sprite.png") scroll -174px 0 transparent; font-size: 0; height: 41px; text-indent: -9999px; width: 175px; }
.menu_btn_2:hover { background-position: -174px -41px; }
.menu_btn_2_selected { background: url("../images/menu-sprite.png") scroll -174px 0 transparent; font-size: 0; height: 41px; text-indent: -9999px; width: 175px; background-position: -174px -41px !important; }
.menu_btn_3 { background: url("../images/menu-sprite.png") scroll -349px 0 transparent; font-size: 0; height: 41px; text-indent: -9999px; width: 206px; }
.menu_btn_3:hover { background-position: -349px -41px; }
.menu_btn_3_selected { background: url("../images/menu-sprite.png") scroll -349px 0 transparent; font-size: 0; height: 41px; text-indent: -9999px; width: 206px; background-position: -349px -41px !important; }
.menu_btn_4 { background: url("../images/menu-sprite.png") scroll -555px 0 transparent; font-size: 0; height: 41px; text-indent: -9999px; width: 172px; }
.menu_btn_4:hover { background-position: -555px -41px; }
.menu_btn_4_selected { background: url("../images/menu-sprite.png") scroll -555px 0 transparent; font-size: 0; height: 41px; text-indent: -9999px; width: 172px; background-position: -555px -41px !important; }
.menu_btn_5 { background: url("../images/menu-sprite.png") scroll -726px 0 transparent; font-size: 0; height: 41px; text-indent: -9999px; width: 173px; }
.menu_btn_5:hover { background-position: -726px -41px; }
.menu_btn_5_selected { background: url("../images/menu-sprite.png") scroll -726px 0 transparent; font-size: 0; height: 41px; text-indent: -9999px; width: 173px; background-position: -726px -41px !important; }
/*
   FOOTER
*/

.footer { width:900px; height:42px;  }
.link_active { background:transparent url(../images/footer-sprite.png) no-repeat scroll 0 0; height:30px; display:block; text-indent:-9999px; font-size:0;  }
.a_1 { width:310px; background-position: -5px -3px; margin-left:50px; float:left; }
.a_1:hover { background-position: -5px -34px; }
.a_2 { width:135px; background-position: -315px -3px; margin-left:5x; float:left; }
.a_2:hover { background-position: -315px -34px; }
.a_3 { width:185px; background-position: -450px -3px; margin-left:5px; float:left; }
.a_3:hover { background-position: -450px -34px; }
.a_4 { width:130px; background-position: -635px -3px; margin-left:5px; float:left; }
.a_4:hover { background-position: -635px -34px; }

/* 
	VIDEO
*/
.contenidoVid {
	width: 700px;
	height: 1120px;
	background-repeat: no-repeat;
	background-image: url('../images/bg.png');
	background-position: top left;
	background-color: #003e7e;
	position: absolute; 
	z-index: 1; 
	margin: 0 auto;
	left: 0;
	right: 0;
}

.tarjetaImagen{
	position: absolute;
	left: 12px;
	top: 570px;
}

.bot_continuar {
	position: absolute;
	bottom: 35px;
	left: 135px;
	width: 430px;
	height: 90px;
}

.video {
	position: absolute;
	left: 206px;
	top: 314px;
	background-color: black;
	width: 453px;
	height: 255px;
}

.bot_cerrar {
	position: absolute;
	right: 0px;
	height: 35px;
	top: 5px;
}

.container_play_video { 
	width:395px;
	height: 48px; 
	margin-top: 50px;
	cursor: pointer;
}

.play_video_gray { 
	background: url("../images/gray_play.png") no-repeat scroll 0 0 transparent; 
	height: 48px;
	position: relative; 
	width: 48px;
	top: 0;
	cursor:pointer;
	float: right;
}

.font_play_video{
	color: steelblue;
	height: 47px;
	position: absolute;
	width: 460px;
	
	font-size: x-large;
}

.font_play_video:hover{
	color: navy;
	height: 47px;
	position: absolute;
	width: 460px;
}

.contenidoVidPlay{
	width: 474px;
	height: 275px;	
	display: none;
	position: absolute;
	z-index: 1;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 50%;
	background-color: lightgray;
	box-shadow: 10px 10px 5px #888888;
}

.videoPlay {
	position: absolute;
	left: 10px;
	top: 10px;
	background-color: black;
	width: 453px;
	height: 255px;
}

.cancelPlay {
	position: absolute;
	cursor: pointer;
	background: url("../images/cancel.png") no-repeat scroll 0 0 transparent; 
	right: -10px;
	top: -7px;
	width: 26px;
	height: 26px;
}