.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

img {border:0;padding:0;margin:0;}

body {
	margin:0px;
	padding:0px;
	background:#2AB1EB url(../Images/tile_firma.gif);
	text-align:center;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #666666;
}

#caja {
	width:770px;
	margin:auto;
	padding:10px 0 0 0;
	background: url(../Images/bg_caja.gif)
}

#main_cont {
	width:720px;	
	text-align:left;
	margin:10px auto;
	padding:0;
}

#main_cont h2 {
	margin:10px 0;
	text-align:left;
	font-size:20px;
	color:#2AB1EB;
}

#barra_institucional {
	margin:auto;
	text-align:left;
	width:740px;
	height:110px;
	background: #2AB1EB;
}

#barra_institucional #area {
	text-align:left;
	float:left;
	padding:15px 20px 0 20px;
	width:410px !important;
	width/**/:/**/450px;
	width:410px;
	background: #2AB1EB;
	color:#FFFFFF;
}

#barra_institucional #area p {
	margin:0;
	padding:0;
	font-size:14px;	
}

#barra_institucional #area h1 {
	margin:0;
	padding:0;
	font-size:24px;
	font-weight:100;
}

#barra_institucional #area h1 a {
	text-decoration:none;
	color:#FFFFFF;
	font-weight:100;
}

#barra_institucional #firma_ba {
	float:left;
	padding:26px 25px 26px 0;
	width:265px !important;
	width/**/:/**/290px;
	width:265px;
	background:#2191C3;
	color:#FFFFFF;
}

#barra_institucional #firma_ba a {
	display: block;
	float:right;
	width: 221px;
	height: 58px;
	text-indent: -9000px;
	background: url(../Images/buenos_aires.gif) no-repeat;
	text-decoration: none;
	overflow: hidden;
}

#escuela {
	width:720px;	
	text-align:left;
	margin:15px auto 5px auto;
	padding:0;

}

#escuela h3 {	
	margin:0;
	padding:0 0 0 0px;
	font-size:22px;
	line-height:50px;
	color:#2190C3;

}

#pie {
	margin:0 auto 15px auto;
	width:770px;
	height:17px;
	background: url(../Images/bg_pie.gif) no-repeat top center;
}

.supraTitleIdAlumno
{
    font-size: 12px;
    font-weight: bold;
    color: #555555;
    text-align:right;
}

.sectionTitle
{
    margin:10px 0;
	text-align:left;
	font-size:20px;
	color:#2AB1EB;
	font-weight:bold;
}

.subSectionTitle
{
    font-size: 13px;
    text-align:left;
    padding-top:15px;
    padding: 5px;
    border-bottom: 1px solid #000000;
}

.modalBackground 
{
	background-color:Gray;
	opacity:0.7;
	filter:alpha(opacity=70);
}

.boxCargando
{
    background-color: #ffffff;
    border: 1px solid #444444;
    font-size: 14px;
    width: 210px;
}

.boxCargando td
{
    padding: 2px;
    vertical-align: middle;
    text-align:center;
}

div.destacado {
	background:#E9F0F3;
	margin:8px 0;
	padding:18px;
	color:#1B75A0;
}

.textoDestacado
{
    font-size: 12px;
    font-weight: bold;
    color: #555555;
}

.markRequired
{
     color: #ff0000;
}

.watermarked {
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
}	

a {
	color:#2190C3;
	text-decoration:none;
	font-weight:bold;
}

a:visited {
	color:#2190C3;
	text-decoration:none;
	font-weight:bold;
}

a:hover {
	text-decoration:underline;
	color:#2190C3;
	text-decoration:none;
	font-weight:bold;
}

/****** grid styles *****/

.grid
{
    border-spacing: 0px;
    border-width: 0px;
}

.grid tr th
{
    border-width: 0px;
    height: 23px;
    text-transform: uppercase;
    border-bottom: 3px solid #444444;
}

.gridRow td
{
    border-spacing: 0px;
    border: 0px;
    padding: 3px;
    border-bottom: 1px dashed #444444;
}

.gridRowAlt td
{
    border-spacing: 0px;
    border: 0px;
    padding: 3px;
    border-bottom: 1px dashed #444444;
    background-color: #f0f0f0;
}

.gridFooter td
{
    border: 0px;
}

.grupoCertificados
{
    text-decoration: none;
    font-weight: bold;
    color: #ff0000;
}

.lineaCertificados
{
    
}

.lineaProcedimiento
{
    padding-left:20px;
    font-size:9px;
}

/* Form's styles */

.formBody
{
    border-spacing: 2px;
}

.inputLabel
{
    text-align: left;
    /*text-transform: uppercase;*/
    /*background-color: #f0f0f0;*/
    font-weight: bold;
    color: #444444;
    padding:3px;
}

.inputField
{
    text-align:left;
    padding:3px;
}

.rowColored
{
    background-color: #f0f0f0;
}

.rowColored2
{
    background-color: #99FF99;
}

.rowColored3
{
    background-color: #FFCCCC;
}

.rowColored4
{
    background-color: #FFFF99;
}

legend
{
    margin-left: 10px;
    font-weight: bold;
    font-size: 14px;
    font-family: Verdana;
    color: #003399;
}

select
{   
    border: 1px solid #999999;
    font-family: Arial;
    font-size: 11px;
}

input
{
    border: 1px solid #999999;
    font-family: Arial;
    font-size: 11px;
    }

input[type=checkbox]
{
    border: 0px;
}

input[type=radio]
{
    border: 0px;
}

input[type=submit]
{
    background-image: url(../Images/mid_button.gif);
}

input[type=button]
{
    background-image: url(../Images/mid_button.gif);
}

textarea
{
    border: 1px solid #999999;
    font-family: Arial;
    font-size: 11px;
}

/* styles de la impresion */
.impBackground
{
    background: #ffffff;
    background-color: #ffffff;
    font-family: Arial;
    font-size: 13px;
    color:#000000;
    text-align:left;
}

.impBackgroundBig
{
    background: #ffffff;
    background-color: #ffffff;
    font-family: Arial;
    font-size: 16px;
    color:#000000;
    text-align:left;
}

.impTitle
{
    border: 1px solid #888888;
}

.impCaption
{
    text-align: left;
}

.impField
{
    text-align: left;
    font-weight: bold;
}

/* styles para los reportes */

.reporteTabla
{
    border-spacing: 2px;
    border: 1px solid #999999;
}

.reporteTabla tr td
{
    padding:3px;
    border-top: 1px solid #999999;
}

.reporteTabla tr th
{
    background-color: #CCCCFF;
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    padding:3px;
}

.reporteCampoEjeX
{
    text-align: left;
    background-color: #F0F0F0;
}

.reporteCampoEjeY
{
    text-align: center;
}

.reporteFilaTotal
{
    background-color: #FFFF66;
    font-weight: bold;
}