/* CSS Document */
body {margin:12px 0;text-align: center;	background-color: #FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; height:100%}

#root{
	width:780px;
	background: #FFFFFF;
	padding:0px;
	text-align: left;
	box-shadow: 0.2em 0.2em #CCC;
	margin-top: 10;
	margin-bottom: 10;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #AFAFAF;
}

#menu_apoyo{
	text-align:right;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	color:#696E74;
	margin-right:8px;
	letter-spacing:.1em;
	padding-top: 4px;
}
#menu_apoyo a{color:#696E74; text-decoration:underline; }
#menu_apoyo a:hover{text-decoration:underline;color:#BCC0C3}
#menu_apoyo a.inicio{background: #FFFFFF left center; padding-left:1.6em;padding-top:.3em }

#logo_supe{margin-left:20px;margin-bottom:4px;}

#barra_supe{background-color:#E5EDEE;height: 14px;
}

img {border:none}


/*COLUMNAS*/
.col1 {width:138px;float: left;}
.col2 {width:535px;padding-right: 1px;padding-left: 1px;float: left;}
.col3 {width:105px;float: right;}

#faux_col{background: url(../img/faux_col.gif) repeat-y; margin-top:0px;}


/*columna 1 */
div.col1 div.cuad1{background-color:#3E7FA6;	margin-top: 1px; padding-top: 14px;	padding-left: 0px; padding-bottom: 20px;}
div.col1 div.cuad1 li{font-size: 12px; list-style-type: none;}
div.col1 div.cuad2{height:120px; background-color:#83B6CF;margin-top: 1px;padding-top: 10px;}
div.col1 div.cuad3{background-color:#E5EDEE;margin-top: 1px;}

/*columna 2 */
div.col2 div.cuad1 {height:146px;margin-top: 1px;}
div.col2 div.cuad2 {
	background-color:#B0D1E1;
	margin-top: 1px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: left;
	vertical-align: middle;
	font-weight: normal;
	padding          : 4px 10px 4px 10px;
}

div.col2 div.cuad3 {
	margin-top: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	padding: 10px 20px 10px 20px;
}
div.col2 div.cuad4 {height:34px; background-color:#E5EDEE; margin-top: 1px;}

div.col2 div.recimp {text-align:right; height:20px; padding: 15px 15px 10px 0px;}
div.col2 div.cuad5 {
	text-align:center;
	background-position: center;
}

div.col2 td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}

div.col2 textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}

div.col2 li {
	 padding: 10px 0px 0px;
}


/* columna 3 */
div.col3 div.cuad1{height:146px;background-color:#3E7FA6;margin-top: 1px;text-align: center;}
div.col3 div.cuad2{background-color:#E5EDEE;margin-top: 1px;text-align: center;}


/*	CIERRE COLUMNAS */
#cierre_cols{clear:both;}
#cierre_cols div.cuadro_azul{height:57px;background-color: #E5EDEE;}
#cierre_cols div.cuadro_azulon{height:101px;background-color: #83B6CF;}




/*pie*/
div.pie {
	height: 38px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}

div.pie div.cuad4 {
	height:38px;
	background-color:#E5EDEE;
	margin-top: 1px;
	letter-spacing: 0.1em;
	text-align: center;
}

/*menu*/

a.mainlevel:link, a.mainlevel:visited {
  display          : block;
  font-size        : 12px;
  border-top       : 1px solid #83B6CF;
  border-bottom    : 1px solid #333344;
  background-color : #3E7FA6;
  font-weight      : normal;
  padding          : 2px 0px 2px 0px;
  color            : #ffffff;
  width            : 138px;
  text-indent      : 10px;
  text-decoration  : none;
  line-height: 20px;
}
a.mainlevel:hover {
  background-color : #83B6CF;
  border-top    : 1px solid #333344;
  border-bottom       : 1px solid #83B6CF;
  font-size        : 12px;
  font-weight      : normal;
  text-decoration  : none;
  text-indent      : 10px;
  text-decoration  : none;
  color            : #000000;
}




/*menu navegacion*/
a.nav1:link, a.nav1:visited  {
	font-size        : 18px;
	font-weight      : normal;
	letter-spacing: .1em;
	padding          : 0px 0px 0px 0px;
	color            : #fff;
	text-decoration  : none;
 } 

a.nav2:link, a.nav2:visited  {
	font-size        : 14px;
	font-weight      : normal;
	padding          : 0px 0px 0px 0px;
	color            : #fff;
	text-decoration  : none;
 } 

a.nav1:hover, a.nav2:hover {
	text-decoration  : underline;
}

/*menu lateral*/

a.nav3:link, a.nav3:visited  {
	font-size        : 14px;
	font-weight      : bold;
	letter-spacing: .1em;
	padding          : 0px 0px 0px 0px;
	color            : #fff;
	text-decoration  : none;
 } 

a.nav3:hover {
	text-decoration  : underline;
}

/*cuerpo*/
a.texto1:link, a.texto1:visited  {
	font-family: Arial, Helvetica, sans-serif;
	font-size        : 14px;
	font-weight      : bold;
	padding          : 0px 0px 0px 0px;
	color            : #006699;
	text-decoration  : none;
 } 

a.texto1:hover {
	text-decoration  : underline;
}

a.texto2:link, a.texto2:visited  {
	text-decoration  : none;
 } 

a.texto2:hover {
	text-decoration  : underline;
}

/*pie*/
div.pie a:link, div.pie a:visited  {
	font-family: Arial, Helvetica, sans-serif;
	font-weight      : normal;
	padding          : 0px 0px 0px 0px;
	color            : #006699;
	text-decoration  : none;
 } 

div.pie a:hover {
	text-decoration  : underline;
}



/*tabla formacion*/
table.forma {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	/*width:100%;*/
}
table.forma td {
	padding: 8px 10px 2px 2px;
}

table.forma .tdhead1 {
	font-weight: normal;
	padding: 2px;
	border-bottom: 2px solid #336699;
	color: #336699;
}
table.forma .tdrow1 {
	border-bottom: solid 1px #E5EDEE;
}
table.forma .tdrow2 {
	background-color: #CEEBFB;
}

/*texto*/

.texto1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #006699;
	text-align: left;
}

.texto2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-align: left;
}

.texto3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}

.texto4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #006699;
	text-align: center;
}

.subir {
	border-top: solid 1px #E5EDEE;
	text-align: right;
	margin-top: 6px;
	margin-bottom: 6px;
}

.fotopie {float:right;margin:20px 0 20px 5px;padding-top:0;
	border: solid 1px #999999;
}

.fotospie {width:150px;float:left;margin:0px 0px 20px 20px;padding-top:0;
	border: solid 1px #999999;
}

.fotospie2 {
	width:150px;height:100px;float:left;
	margin:0px 0px 20px 20px;
	padding-bottom:40;
	border: solid 1px #999999;

}

.clearer{clear:both; font-size:0px; height:0px;}

a.foto:link, a.foto:visited  {
	text-decoration  : none;
	border-left: 0px;
 } 

a.foto:hover {
	color: #006699;
	text-decoration  : underline;
}