/* CSS Document */
@import "layout.css";
body.becalos {
	font: 12px Arial, Helvetica, sans-serif;
	background-color: #014282;
}
.content {
	background: #FFF;
}
/* stage */
#stagebecalos {
	width: 687px;
	height: 325px;
	margin-bottom: 15px;
	display: block;
	overflow: hidden;
}
#stagebecalos li {
	border-left: #FFF solid 1px;
}

/* titulos y textos */
h2.secciones {
	color: #00254A;
	text-align: left;
	margin-bottom: 2px;
	clear: both;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	background-repeat: no-repeat;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C2C2C2;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
	border-top-style: none;
}
h2.idseccion {
	font-size: 21px;
	font-weight: normal;
	color: #549111;
	border-bottom: #CCC solid 1px;
}
h3.testimonios {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #599114;
	margin-bottom: 1px;
}
h4, h4 a {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #549111;
}
h5.testimonios {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #599114;
	line-height: 14px;
	border-bottom: #CCC solid 1px;
	padding-bottom: 5px;
}
.intro {
	line-height: 16px;
	color: #000;
}
.intro a {
	color: #333;
}

/* otros */
.bold {
	font-weight: bold;
}
.borderb {
	border-bottom: #CCC solid 1px;
}
.img100 {
	width: 100px;
	margin: 0 10px 1px 0;
	float: left;
}
.breadcrumbs {
	font-size: 10px;
	color: #549111;
	border-top: #CCC solid 1px;
	border-bottom: #CCC solid 1px;
	margin-bottom: 10px;
}
.breadcrumbs a {
	font-weight: bold;
	color: #549111;
}
.relinks li {
	padding: 1px 0;
	list-style: inside disc;
}
.relinks li a {
	color: #000;
}
.testext p {
	margin-bottom: 10px;
	font-weight: normal;
	text-align: left;
}

/* botones */
.boton_gris {
	font-size: 11px;
	font-weight: bold;
	color: #333;
	background: url(../images/fondo_btn_videos.gif) repeat-x;
	display: block;
	border: #CCC solid 1px;
	padding: 4px 5px;
}
.boton_gris:hover {
	text-decoration: none;
	cursor: pointer;
}
.bvid {
	width: 86px;
}
.bverall {
	width: 54px;
}
.bver {
	width: 18px;
	margin-right: 10px;
	float: left;
}
.bdwnload {
	width: 56px;
	float: left;
}

/* sistema de becas */
.sysbecalos {
	background: #049DD6 url(../images/fondo_footer1.gif) repeat-x;
	padding: 10px;
}
.sysbecalos div {
	padding: 2px 0;
}
.sysbecalos .txt {
	width: 50px;
	font-size: 11px;
	color: #FFF;
	text-align: right;
}
.loginmandatoryfield {
	width: 200px;
	font-size: 11px;
	color: #000;
	padding: 2px;
	background: #7FB4D4;
	border: #0E72B0 solid 1px;
}
.loginmandatoryfieldfocus {
	width: 200px;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	padding: 2px;
	background: #FFF;
	border: #0E72B0 solid 1px;
}
.loginsubmit {
	color: #000;
	background: #FC0 url(../images/fondo_btn_forma.gif) repeat-x;
	border: #000 solid 1px;
	width: 20px;
	cursor: pointer;
}
.loginclean {
	color: #000;
	background: #FC0 url(../images/fondo_btn_forma.gif) repeat-x;
	border: #000 solid 1px;
	width: 60px;
	cursor: pointer;
}
.forgotpass {
	font-size: 11px;
	color: #FFF;
	background: #4A82CC url(../images/fondo_btn_olvide.gif) repeat-x;
	border: 1px solid #06C;
	width: 60px;
	padding: 3px 5px;
	cursor: pointer;
}
.forgotpass:hover {
	text-decoration: none;
}

.col925 {
	text-align: left;
}

/* tooltip design */
.ToolTips { display:block; position:absolute; width:404px; }
.ToolTips .sticky_close { display:block; position:absolute; top:1px; right:3px; background:url(../images/fileclose.png); width:16px; height:16px; line-height:16px; font-size:0px; z-index:100000000; }
.ToolTips .message { display:block; position:relative; background:url(../images/tip_body.png) repeat-y; padding:0px 10px; }

/* here we do a little switch. If the tooltip is positioned above the element hovered, it changes the classes on the header/footer divs in order to point at the element hovered */
.ToolTips .dockBottomHeader, 
.ToolTips .dockTopFooter { display:block; position:relative; background:url(../images/dockBottomHeader.png) no-repeat bottom; height:33px; }
.ToolTips .dockTopFooter { background:url(../images/dockTopFooter.png) no-repeat bottom; height:38px; }

.ToolTips .dockBottomFooter,
.ToolTips .dockTopHeader { display:block; position:relative; background:url(../images/dockBottomFooter.png); height:14px; line-height:11px; font-size:0px; clear:both; }
/* this one has more height to display the close button in case sticky tooltips are on */
.ToolTips .dockTopHeader { background:url(../images/dockTopHeader.png) bottom center no-repeat; height:20px; line-height:20px; font-size:0px; }

* html .ToolTips .dockBottomHeader { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/dockBottomHeader.png'); }
* html .ToolTips .dockBottomFooter { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/dockBottomFooter.png'); }
* html .ToolTips .dockTopHeader { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/dockTopHeader.png'); }
* html .ToolTips .dockTopFooter { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/dockTopFooter.png'); }
* html .ToolTips .sticky_close {  background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fileclose.png');  }

/* this is just a div displaying the loading animated .gif */
.loading { display:block; margin:0px auto 0px; background:url(../images/ajax-loader.gif) center center no-repeat; width:31px; height:50px; }

/* tip container */
.tipContainer { display:none; }

/* beautify the tooltip content */
.ToolTips .message { font-size:12px; text-align:justify; }
.ToolTips .message h3 { font-size:16px; margin:0px 0px 10px; padding:0px; color:#FF6600; }
.ToolTips .message .rights { display:block; clear:both; margin:15px 0px 0px; text-align:right; font-size:11px; color:#666666; }

/* header footer */
.header {
	display: block;
	overflow: auto;
	width: 1040px;
}
.header table {
	width: 925px;
}
.header-logos {
	
}
.banner468 {
	width: 525px;
	padding-left: 57px;
}
.main-nav {
	width: 1041px;
	height: 40px;
	background: url(../images/fondo_menu_verde.jpg) repeat-x top left;
	display: block;
	overflow: hidden;
}
.mn-home{
	width: 49px;
	height: 40px;
	border-right: #FFF solid 1px;
}
.mn-btns {
	width: 123px;
	height: 40px;
	border-right: #FFF solid 1px;
	padding-top: 4px;
}
.mn-btns2 {
	width: 121px;
	height: 40px;
	border-right: #FFF solid 1px;
	padding-top: 4px;
}
.mn-btnsend {
	width: 181px;
	height: 23px;
	padding-top: 7px;
}
.mn-btns a, .mn-btnsend a {
	color: #FFF;
	font-weight: bold;
}
.mn-btns2 a, .mn-btnsend a {
	color: #FFF;
	font-weight: bold;
}

.footer-nav {
	background: #049DD6 url(../images/fondo_footer1.gif) repeat-x top left;
	min-height: 100px;
	display: block;
	overflow: hidden;
	width: 1040px;
}
*html .footer-nav {
	background: #0E72B0;
	display: block;
	overflow: hidden;
}
.footer-navmod {
	width: 208px;
	min-height: 100px;
	border-right: #FFF solid 1px;
	text-align: left;
	padding: 0 15px;
}
.footer-navmodend {
	width: 208px;
	min-height: 100px;
	text-align: left;
	padding: 0 15px;
}
.footer-navmod li, .footer-navmodend li {
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
}
.footer-navmod li a, .footer-navmodend li a {
	color: #FFF;
}
.footer-logos {
	width: 1040px;
	background: #FFF;
	display: block;
	overflow: hidden;
	padding: 10px 0;
}
.footer-logos li {
	width: 106px;
}
.legales {
	width: 1041px;
	height: 25px;
	background: #049DD6 url(../images/fondo_footer2.gif) repeat-x;
	color: #FFF;
	padding-top: 10px;
}