@charset "utf-8";

/* TAG REDEFINE
-------------------------------------------------------------------------------------------------------------------*/
body,td,th {
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #df1d04;
	color:#61605f;
	margin:0;
}
a{
	color:#61605f;
	text-decoration:none;
}
a.underline, ul.underline a{ text-decoration:underline; }
a.b{
	display:block;
	background:url(int/bullet-type-a.gif) left center no-repeat;
	padding:2px 0 3px 30px;
	margin:0;
	text-decoration:underline;
}	
a.a{
	color:#000;
	text-decoration:underline;
}
h1{ font-size:10px; }
h2{
	font-size:14px;
	font-weight:normal;
}
h3{ font-size:14px; } 
h3.b{
	color:#F00;
	font-weight:normal;
} 
h4{
	font-size:12px;
	color:#f00;
	background:url(int/h4_bkg.png) no-repeat bottom left;
	width:193px;
	height:26px;
	padding:14px 0 0 8px;
}

h4.b{
	background-image: none;
	padding: 0;
	height: inherit;
	width: inherit;
	margin: 10px 0 15px 0;
}

h5{ 
	font-size:13px;
	color:#f00;
	background: url(int/h5-type-a.png) no-repeat top left;
	padding: 3px 0 3px 10px;
	margin: 20px 0 3px 0;
	height:24px;
}
h5.b{ background: url(int/h5-type-b.png) no-repeat top left; }
h6{ 
	font-size:inherit;
	color:#F00;
	margin:5px 0;
}
em.date{
	background:url(int/bullet-type-c.gif) no-repeat center left;
	font-style:normal;
	padding:0 0 0 10px;
}
ol {
	margin-left:0;
	padding:0 10px 0 25px;
}
small{
	font-size: 11px;
	line-height: 11px;
}
/*------------------- UL --------------------- */
ul.a{
	margin:0;
	padding:0 0 0 0;
	list-style:none;
}
ul.a li{
	background:url(int/bullet-type-a.gif) left center no-repeat;
	padding:5px 0 5px 30px;
	width:140px;
	margin:0;
	float:left;
}
ul.a li a{
	color:#000;
	text-decoration:underline;
}

ul.a2{
	margin:0;
	padding:0;
	list-style:none;
}
ul.a2 li{
	background:url(int/bullet-type-a.gif) left center no-repeat;
	padding:2px 10px 3px 30px;
	width:240px;
	margin:0;
	float:left;
}
ul.a2 li a{ text-decoration:underline; }
ul.b{
	margin:0 0 30px 0;
	padding:0;
	list-style:none;
	color:#484848;
}
ul.b li{
	background:url(int/bullet-type-c.gif) left center no-repeat;
	padding:1px 0 1px 15px;
	margin:0;
}
ul.b li a{
	font-weight:normal;
	color:#484848;
}
/*------------------- UL BULLET --------------------- */
ul.bullet-type-c{
	margin:0;
	padding:0;
}
ul.bullet-type-c li{
	list-style:none;
	padding:0 10px 0 15px;
	background:url(int/bullet-type-c.gif) no-repeat top left; 
}

/*  --------------------- FORM -----------------------------*/
form {
	margin:50px 0 0 0;
	padding:0 0 30px 0;
}
form input, form textarea{
	font-family:Arial, Helvetica, sans-serif;
	color:#61605f;
}
form label{	padding:4px 0; }
form label span{
	background:url(int/form_label_bkg.png) no-repeat top left;
	display:block;
	width:126px;
	height:23px;
	font-size:13px;
	color:#f90808;
	position:absolute;
	padding:5px 0 3px 20px;
}
form label input, form label textarea{
	margin:0 0 10px 156px;
	width:270px;
	border:#afafaf 1px solid;
	padding:5px 7px;
	font-size:12px;
}
form label textarea{ height:80px; }
form div.console{
	padding-left:156px;
	font-size:11px;
}
form .btn{
	float:right;
	margin-right:9px;
}
form label.radio {
	margin:0 10px 0 0;
	float:right;
}
form label.radio input{
	margin:0 0 10px 10px;
	width:auto;
}
form label.radio span{
	position:relative;
	background:none;
	display:inline;
	width:60px;
}

/*  --------------------- TABLE -----------------------------*/
table {
	border-left:#CCC 1px solid;
	border-top:#CCC 1px solid;
	width:100%;
}
table td, table tr, table th{
	padding:3px 10px;
	background-color:#f0f0f0;
	border-right:#CCC 1px solid;
	border-bottom:#CCC 1px solid;
	font-size:12px;
}
table th{
	color:#FFF;
	background-color:#fd2d1c;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: normal;
	text-align: left;
	line-height: 15px;
	padding: 5px 10px;
}
table .a td{
	color:#FFF;
	background-color:#696969;
	font-weight:bold;
}
table .close{
	position:relative;
	float:left;
	left:0;
	margin-top:2px;
}

/* MAIN ID's
-------------------------------------------------------------------------------------------------------------------*/
#Main{	background: #fffeff url(int/body_bkg.gif) top repeat-x; }
#Header{
	background:url(int/header_bkg.png) no-repeat scroll center bottom;
	height: 178px;
	color:#F00;
}
#Header a{
	text-decoration:none;
	color:#F00;
	font-size:10px;
	font-weight:bold;
}
#Header ul {
	margin:22px 0 0 0;
	padding:20px 0 0 7px;
	list-style:none;
	height: 24px;
	text-transform:uppercase;
}
#Header ul li{
	width:auto;
	float:left;
	padding:0 15px;
	/*padding:0 16px;*/
	text-align:center;
	line-height:11px;
}
#Header ul li.a{ padding-top:7px; }
#Header ul li a:hover{ color: #4d4d4d; }
#Header .login{
	background: url(int/login_bkg.gif) no-repeat left;
	position:absolute;
	top:0;
	padding: 42px 0 0 5px;
	width: 198px;
	text-align:center;
	height: 40px;
	margin: 0 0 0 717px;
	text-transform:uppercase;
}
#Header .login a{ font-size:9px;}
#Body{ line-height:15pt; }
#SubLinks{
	color: #666;
	text-align:center;
	font-size:9px;
	padding-top:30px;
	font-weight: normal;
	text-transform:uppercase;
}
#SubLinks a{
	width:auto;
	padding:0;
	margin: 0 5px;
	color: #666;
	font-weight:bold;
}
#SubLinks a:hover{ color: #F00; }
#Foot{
	background:url(int/foot_bkg.jpg) repeat-x top left;
	height: 70px;
	padding: 65px 0 0;
	color:#FFF;
	font-size:11px;
}
#Foot a{ font-weight:normal; }
#Foot div.links{
	float:left;
	width:385px;
}
#Foot div.brands{
	float:right;
	width:515px;
}
#Foot div.brands img{
	margin:0 10px;
	float:right;
}
#Foot div.bound ul {
	padding:0;
	clear: both;
	height: 10px;
	margin:11px 0;
}
#Foot div.bound ul li.first{ list-style:none; }
#Foot div.bound ul li {
	float: left;
	margin-right: 20px;
}
#Foot a{
	color:#FFF;
	text-decoration:none;
}
#Foot div.bound .a { margin-top:9px; }

#QuickLinks {
	padding:50px 30px 0 303px;
	width:587px;
	background: url(int/quicklinks_bkg.jpg) no-repeat top left;
	font-weight:bold;
	font-size:12px;
}
#QuickLinks img{
	position:absolute;
	margin:-40px 0 0 -230px;
}
#QuickLinks ul{
	padding:0;
	margin:0;	
}
#QuickLinks ul li{
	list-style:none;
	background:url(int/bullet-type-c.gif) no-repeat center left;
	padding:0 0 0 20px;
	margin:0;
	float:left;
	width:273px;
}
#QuickLinks ul li a{ color:#666; }
#QuickLinks ul li a:hover{ color:#F00; }

#NoFlash{
	width:580px;
	margin:0 auto;
}
#NoFlash strong{ font-size:16px; }
/* SPECIAL
-------------------------------------------------------------------------------------------------------------------*/
#Spotlight {
	margin: 30px auto 0 auto;
	width:920px;
	height:390px;
}
#SimuladorCredito {
	margin:0 auto;
	width:900px;
	height:550px;
}
#Card{
	width: 170px;
	height: 111px;
	float: left;
}
/* ---------------- FAQ ----------------------*/
#FAQ ul{
	margin:0 0 40px 3px;
	padding:0;
	list-style:none;
	color:#61605f;
}
#FAQ ul li{
	margin:2px 0 2px 10px;
	padding:0;
	
}
#FAQ a.question{
	background:url(int/btn_plus_a.gif) no-repeat center left;
	padding:3px 0 3px 20px;
	display:block;
	width:auto;
	color:#61605f;
	font-weight:normal;
	border-bottom:#CCC 1px solid;
}
#FAQ li.minus a.question{ background:url(int/btn_minus_a.gif) no-repeat center left; }
#FAQ div.answer{
	background:#f0f0f0;
	padding:12px 20px 10px 160px;
	margin:2px 0 0 0;
	display:none;
}
#FAQ .answer-title{
	position:absolute;
	margin:0 0 0 -140px;
}

/* COMMON CLASS
-------------------------------------------------------------------------------------------------------------------*/
.bound{
	width:920px;
	margin:0 auto;
}
.bound-type-a{ 
	width:33%;
	float:left;
}
.bound-type-b{
	width:49%;
	padding-right:1%;
	float:left;
}
.bound-type-c{
	width: 48%;
	padding-left:1%;
	float:right;
	margin-right: 3px;
}
.bound-type-d{
	width:64%;
	padding-right:2%;
	float:left;
}
.bound-type-e{
	width:98%;
	padding-right:2%;
	clear: both;	
}
.color-a{ color:#ff0000; }
.box-type-b{
	background:url(int/box_type_b_bkg.jpg) no-repeat top center;
	padding:15px 15px;
}
.paper-type-a, .paper-type-b, .paper-type-c {
	width:276px;
	height:141px;
	padding:35px 20px 20px 10px;
	float:left;
}
.paper-type-a{ background:url(int/paper-type-a.png) no-repeat top left; }
.paper-type-b{ background:url(int/paper-type-b.png) no-repeat top left; }
.paper-type-c{ background:url(int/paper-type-c.png) no-repeat top left; }
.paper-type-a strong, .paper-type-b strong, .paper-type-c strong{
	display:block;
	margin-bottom:13px;
	color:#F00;
}
.paper-type-d{
	background:url(int/paper-type-d.png) no-repeat top left;
	width:415px;
	height:104px;
	padding:35px 20px 10px 10px;
}

.paper-type-d2{
	background:url(int/paper-type-d2.png) no-repeat top left;
	width:415px;
	height:104px;
	padding:35px 20px 10px 10px;
}

.paper-type-e{
	background:url(int/paper-type-e.png) no-repeat top left;
	width:585px;
	height:309px;
	padding: 34px 20px 10px 15px;
}
.paper-type-f{
	background:url(int/paper-type-f.png) no-repeat top left;
	width:885px;
	height:180px;
	padding:35px 20px 10px 15px;
}
.paper-type-g{
	background:url(int/paper-type-g.png) no-repeat top left;
	width:885px;
	height: 270px;
	padding:35px 20px 10px 15px;
}
.note{
	font-size:11px;
	line-height:11px;
	border-top:#000 1px dotted;
	padding-top:5px;
	margin: 20px 0;
}
/* TU BECA PDF*/
.tu_beca p.note{
	margin-left: 150px;
	margin-right: 10px;
	margin-top: 10px;
}
.float-l a img{
	margin-top: 12px;
}

.frame-type-a{
	width:469px;
	height:166px;
}
.frame-type-a span{
	position:absolute;
	display:block;
	width:446px;
	height:235px;
	background:url(int/frame-type-a.png) no-repeat top left;
}
.frame-type-a img{ margin:24px 0 0 10px; }

.frame-type-b{
	width:161px;
	height:138px;
}
.frame-type-b span{
	position:absolute;
	display:block;
	width:161px;
	height:138px;
	background:url(int/frame-type-b.png) no-repeat top left;
}
.frame-type-b img{ margin:6px 0 0 6px; }
.frame-type-c{
	width:457px;
	height:207px;
}
.frame-type-c span{
	position:absolute;
	display:block;
	width:457px;
	height:207px;
	background:url(int/frame-type-c.png) no-repeat top left;
}
.frame-type-c img{ margin:6px 0 0 6px; }

.clear{ clear:both; }
.hide{ display:none; }
.hidden{ visibility:hidden; }
.float-l{ float:left; }
.float-r{ float:right; }

.link-pdf{
	display:block;
	height:40px;
	background:url(int/icon_pdf.png) no-repeat top left;
	padding-left:50px;
	color:#f00;
}


/* -------------- VIGNET -------------------------*/
.vignet{
	background:url(int/vignet_top.png) no-repeat top center;
	width:912px;
}
.vignet ul.menu{
	padding:0;
	margin:0;
	height:45px;
	list-style:none;
}
.vignet ul.menu li{	float:left; }
.vignet ul.menu li a{
	display:block;
	background:url(int/vignet-deactive.png) no-repeat left bottom;
	width:149px;
	height:27px;
	padding:15px 0 0 20px;
	font-weight:bold;
}
.vignet .conten{
	background:url(int/vignet_bottom.gif) no-repeat bottom center;
	padding:20px;
	width:872px;
}
.vignet ul.menu li.selected a{ background:url(int/vignet-active.png) no-repeat left; }
.vignet ul.menu li.selected a{ color:#F00; }