/* CSS Document 
				para las carreras
				---DE HUMANIDADES
				ENFERMERIA
								
*/
				

/******************************************************************************************GENERAL*******/
body {
	margin: 0;
	padding: 0px;
	text-align: center;
	background-color: #597286;
	background-image: url(general/portada_02.gif);
	background-repeat: repeat-x;
	background-position: top;
	}
#container {
	width:800px; /*ancho total de la pagina*/
	border: none;
	text-align: left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/
	display: block;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	font-family:Arial, Helvetica, Tahoma, Verdana;
}

/*************************************************************************************HEADER O CABECERA*********/
#menutophora {
	display:block;
	float:left;
	width: 390px;
	height: 12px;
	padding: 2px 0 2px 10px;
	text-align: left;
	font-family: Tahoma, Verdana, Helvetica, Arial;
	font-size: 9px;
	color: #FFFFFF;
}
#menutop{
	display:block;
	float:left;
	width: 190px;
	height: 13px;
	padding: 2px 0 2px 200px;
	text-align: center;
}

/******MENU DE TOPHEADER CODIGO*********/
#navitop {  
	list-style:none;
}
#navitop {  
	list-style:none;
	margin:0;
	padding:0;
}
#navitop li {
	margin:0px;
	padding:0 5px 0 0;
	float: left;
}
#navitop li a {
	display: block;
	width: auto;
	text-decoration:none;
	text-align: center;
	font-family: Tahoma, Verdana, Helvetica, Arial;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bolder;
}
#navitop li a:active{
	color: #CCCCCC;
	font-family:Arial, Helvetica, Tahoma, Verdana;
}
#navitop li a:hover{
	color: #999999;
	font-family:Arial, Helvetica, Tahoma, Verdana;
}
/****************************************************************************MENU PRINCIPAL******/
#cajamenu {
	display:block;
	float:left;
	width: 800px;
	height: 35px;
	background-color: #000000;
	background-image: url(general/portada.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#menulogo {
	display:block;
	float:left;
	width: 420px;
	height: 20px;
	padding: 11px 0 0 0px;
}#menuheaderdos {
	display:block;
	float:right;
	width: 170px;
	height: 25px;
	padding: 7px 0 3px 0;
	text-align: center;
	color: #666666;
	font-size: 8pt;
	font-family:Arial, Helvetica, sans-serif, Tahoma, Verdana;
}

/****************************************************************************MENU PRINCIPAL CODIGO*******/
#navi{
	margin:0;
	padding:0;
	list-style: none;
}
#navi li {
	margin:0px;
	padding:0px;
	float: left;
}
#navi li a {
	display: block;
	text-decoration:none;
	text-align: left;
	color:#999999;
	font-family: Tahoma, Verdana, Helvetica, Arial;
	background: url(icon/icondos.png) no-repeat 0% 0px;
	font-size: 11px;
	width: auto;
	height: auto;
	padding: 0 0 0 20px;
	float: left;
}
#navi li a:active{
	color: #999999;
	background: url(icon/icondos.png) no-repeat 0% -100px;
	font-family: Tahoma, Verdana, Helvetica, Arial;
}
#navi li a:hover{
	color: #FF6600;
	font-family: Tahoma, Verdana, Helvetica, Arial;
	background: url(icon/icondos.png) no-repeat 0% -200px;
}

/***********************************************************************INFORMACION  GENERAL***********/
#infocontenido {
	display:block;
	float:left;
	width: 800px;
	height: auto;
	background-color: #FFFFFF;
	padding: 0 0 0 0;
	text-align: left;
	margin: 0;
}
#fotoportada {
	display:block;
	float:none;
	width: 800px;
	height: 290px;
	padding: 0;
	background-color: #000000;
	margin: 0;
}
#fotoportada1 {
	display:block;
	float:none;
	width: 800px;
	height: auto;
	padding: 0;
	background-color: #000000;
	margin: 0;
}
#myflash
{
	width: auto;
	height: auto;
	color: #FFFFFF;
}
/***************************************************cajas de carreras***********/
#menutxt {
	display:block;
	float:left;
	width: 180px;
	height: 285px;
	padding: 45px 5px 5px 5px;
	margin: 4px;
	font-size: 11px;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif, Tahoma, Verdana;
	color:#7E9298;
}
#menutxt .p1{
	color: #5D7075;
	display: block;
	background-color: #E9F3EB;
	padding: 3px;
	font-weight: bold;

}
#menucaja {
	display:block;
	float:left;
	width: 200px;
	height: auto;
	padding: 5px 0 0 0;
	margin: 0  10px 0 0;
	background-color: #7999BF;
	background-image: url(general/portada_11.jpg);
	background-repeat: repeat-y;
	background-position: right;
	font-size: 11px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif, Tahoma, Verdana;
}
#menucaja .p1 {
	display:block;
	height: auto;
	width: 160px;
	padding: 6px 0 6px 0;
	margin: 0 0 1px 0;
	background-color: #6186B4;
	font-weight: bold;
	color: #D5E7DB;
}
#menucaja .p3 {
	display:block;
	margin:0;
	height: 92px;
	width: auto;
	padding: 0;
	background-image: url(general/portada_14.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#menucaja .p4 {
	display:block;
	height: auto;
	width: auto;
	padding: 6px 0 6px 0;
	margin: 0;
	background-color: #A6B3A9;
	font-weight: bold;
	color: #D5E7DB;
}
#menucajados {
	display: block;
	text-decoration:none;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif, Tahoma, Verdana;
	font-size: 11px;
	width: auto;
	height: auto;
	padding: 0 7px 0 5px;
	color: #16180B;
	font-weight: normal;
	float: left;
}
#menucajatres {
	display: block;
	text-decoration:none;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif, Tahoma, Verdana;
	font-size: 11px;
	width: 170px;
	height: auto;
	padding: 10px 0 10px 0;
	margin: 0 5px 10px 5px;
	background-color: #E1E4EC;
	font-weight: normal;
	float: left;
	border: solid #D2D7E3 1px;
}
#menucajatres .p2 {
	display:block;
	height: auto;
	width: auto;
	padding: 6px 0 6px 0;
	margin: 5px 10px 0 10px;
	color: #3A4A5C;
	border-top: dashed #5D778B 1px;
}
#menucajatres .p3 {
	display:block;
	height: auto;
	width: auto;
	margin: 5px 5px 0 5px;
	color: #5D778B;
}
#menucajacua {
	display: block;
	text-decoration:none;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif, Tahoma, Verdana;
	font-size: 11px;
	width: 250px;
	height: auto;
	padding: 0 0 0 5px;
	margin: 0  0 0 0;
	color: #485E6F;
	font-weight: normal;
	float: left;
}
#menucajacua .p1 {
	display:block;
	height: auto;
	width: auto;
	padding: 6px 0 6px 6px;
	margin: 0 10px 10px 10px;
	background-color: #6186B4;
	font-weight: bold;
	text-align: left;
	color: #FFFFFF;
}
#menucajacua .p2 {
	display:block;
	height: auto;
	width: auto;
	padding: 6px 0 6px 0;
	margin: 5px 10px 0 10px;
	color: #617D94;
	border-top: dashed #5D778B 1px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, Tahoma, Verdana;
	font-size: 12px;
}
#menucajacua .p3 {
	display:block;
	height: auto;
	width: auto;
	padding: 6px 0 6px 6px;
	margin: 5px 10px 0 10px;
	color: #617D94;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, Tahoma, Verdana;
	font-size: 12px;
	background-color: #E1E4EC;
}
#menucajacin {
	display: block;
	text-decoration:none;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif, Tahoma, Verdana;
	font-size: 11px;
	width: 180px;
	height: auto;
	padding: 0;
	margin: 0;
	font-weight: normal;
	float: left;
}
#menucajaseis {
	display: block;
	text-decoration:none;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif, Tahoma, Verdana;
	font-size: 11px;
	width: 170px;
	height: auto;
	padding: 10px 0 10px 0;
	margin: 0 5px 10px 5px;
	background-color: #5C768B;
	font-weight: normal;
	float: left;
	border: solid #B8C5CF 1px;
}
#infouni {
	display:block;
	float:left;
	width: 580px;
	height: auto;
	margin: 0 0 0 0;

}
#infouni .p1 {
	display:block;
	margin:0 0 15px 0;
	font-size: 13px;
	color: #6186B4;
	font-family: Arial, Helvetica, sans-serif, Tahoma, Verdana;
	height: auto;
	padding: 13px;
	width: auto;
	text-align: justify;
	background-color: #E8EDF4;
}

#infouni .p2 {
	display:block;
	margin:0;
	font-size: 12.5px;
	color: #858585;
	font-family: Arial, Helvetica, sans-serif, Tahoma, Verdana;
	height: auto;
	padding: 10px 10px 7px 10px;
	width: auto;
	text-align: justify;
}
#infouni .p3 {
	display:block;
	margin:0 10px 0 10px;
	font-size: 11px;
	color: #858585;
	font-family: Arial, Helvetica, sans-serif, Tahoma, Verdana;
	height: auto;
	padding: 0;
	width: auto;
	text-align: justify;
}
.p10 {
	color: #5D778B;
	float: none;
	width: auto;
	height: auto;
	font-size: 16px;
	font-weight: bold;
}
.p20 {
	color: #5D778B;
	float: none;
	width: auto;
	height: auto;
	font-size: 10px;
	font-weight: bold;
}
/****************************************************************MENU ESTUDIANTE CODIGO*******/
#navitre{
	margin:0px;
	padding:0px;
	list-style: none;
}
#navitre li {
	margin:0px;
	padding:0px;
	float: none;
	
}
#navitre li a {
	display: block;
	text-decoration:none;
	text-align: center;
	color:#394E64;
	font-family: Arial, Helvetica, sans-serif, Tahoma, Verdana;
	font-size: 11px;
	width: 150px;
	height: auto;
	padding: 5px 10px 5px 0;
	border-top: solid #6E8BAB 1px;
	margin: 0;
}
#navitre li a:active{
	color: #000000;
	filter: alpha(opacity=50); opacity: .5;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif, Tahoma, Verdana;
	
}
#navitre li a:hover{
	color: #000000;
	filter: alpha(opacity=50); opacity: .5;
	font-family: Arial, Helvetica, sans-serif, Tahoma, Verdana;
	background-color: #6186B4;
}
/*****************************************************************************FAC INGENIERIA*********/
#menuvolver {
	display: block;
	text-decoration:none;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, Tahoma, Verdana;
	font-size: 11px;
	width: 575px;
	height: auto;
	padding: 4px 0 4px 5px;
	margin: 5px 5px 0 0;
	color: #FFFFFF;
	background-color: #FF9900;
	font-weight: normal;
	float: right;
}

/********************************************************************caja de texto***************/

#cajauno {
	display:block;
	margin:5px 5px 10px 0;
	font-size: 16px;
	color: #666666;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	height: auto;
	padding: 10px 25px 20px 25px;
	width: 530px;
	font-weight: bold;
	text-align: left;
	float: right;
	border-bottom: dashed #999999 1px;
	background-image: url(icon/bgtit.png);
	background-repeat: no-repeat;
	background-position: 10px 12px;
}
#cajauno .p1{
	display:block;
	margin:5px 20px 3px 10px;
	font-size: 16px;
	color: #666666;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	height: auto;
	padding: 10px 10px 20px 25px;
	width: 500px;
	font-weight: bold;
	text-align: left;
	float: left;
	border-bottom: dashed #999999 1px;
	background-image: url(icon/bgtit.png);
	background-repeat: no-repeat;
	background-position: 10px 12px;
}
/****************************************************************************FO0TER*/
#footervolver{
	display:block;
	float:left;
	height: auto;
	width: 800px;
	background-color: #FFFFFF;
	padding: 0 0 10px 0;
	margin: 0;

}
#footertre {
	display:block;
	float:left;
	width: 800px;
	color: #999999;
	font-size: 10px;
	padding: 10px 0 32px 0;
	margin: 0 0 0 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif, Tahoma, Verdana;
	background-color: #FFFFFF;
	background-image: url(general/portada_16.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
	height: 50px;
	border-top: dashed #999999 1px;
}
/********************************************************************caja de texto***************/

#cajacin {
	display:block;
	float:right;
	width: 560px;
	height: auto;
	margin: 3px 0 0 5px;
}
#cajacin .p1{
	display:block;
	margin:5px 20px 3px 10px;
	font-size: 16px;
	color: #666666;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	height: auto;
	padding: 10px 10px 20px 25px;
	width: 500px;
	font-weight: bold;
	text-align: left;
	float: right;
	border-bottom: dashed #999999 1px;
	background-image: url(icon/bgtit.png);
	background-repeat: no-repeat;
	background-position: 10px 12px;
}
#cajacin .p2{
	display:block;
	margin:0;
	font-size: 11px;
	color: #858585;
	font-family: Arial, Helvetica, sans-serif, Tahoma, Verdana;
	height: auto;
	padding: 10px 20px 0px 20px;
	width: 505px;
	text-align: justify;
	float: left;
}
#cajacin .p4{  /**solo ingenieria***/
	display:block;
	margin:0;
	font-size: 11px;
	color: #858585;
	font-family: Arial, Helvetica, sans-serif, Tahoma, Verdana;
	height: auto;
	width: 540px;
	text-align: justify;
	float: left;
	padding: 10px 0 0 0;
}
/***************************************************************ESTILO BOTON CON ICONO***********/
a.external span
{
	width: auto;
	height:auto;
	display: block;
	float: left;
}
a.external:link
{
	color: #666666;
	background: url(icon/iconuno.png) no-repeat 0% 0px;
	padding: 0 0 0 20px;
	font-size: 9pt;
	display: block;
	float: left;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	margin: 0 0 0 10px;
	width: 100px;
	font-weight: bold;
	background-color: #EAEAEA;
	border: solid #EAEAEA 4px;
}
a.external:visited
{
	color: #666666;
	background: url(icon/iconuno.png) no-repeat 0% -100px;
	padding: 0 0 0 20px;
	font-size: 9pt;
	display: block;
	float: left;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	margin: 0 0 0 10px;
	font-weight: bold;
	background-color: #EAEAEA;
	width: 100px;
	border: solid #EAEAEA 4px;
}
a.external:hover
{
	color: #CC7A00;
	background: url(icon/iconuno.png) no-repeat 0% -200px;
	padding: 0 0 0 20px;
	font-size: 9pt;
	display: block;
	float: left;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	margin: 0 0 0 10px;
	font-weight: bold;
	background-color: #E4E4E4;
	width: 100px;
	border: solid #E4E4E4 4px;
}
/***************************************************************a class link***********/
a.lin span
{
	width: auto;
	height:auto;
	display: block;
	float: none;
}
a.lin:link
{
	color: #3C597D;
	font-size: 9pt;
	font-family:Arial, Helvetica, sans-serif, Tahoma, Verdana;
	width: 160px;
	font-weight: bold;
	background-color: #6186B4;
	display: block;
	height: 18px;
	padding: 3px 0 0 0;
	margin: 5px 0 0 0;
}
a.lin:visited
{
	color: #3C597D;
	font-size: 9pt;
	font-family:Arial, Helvetica, sans-serif, Tahoma, Verdana;
	width: 160px;
	font-weight: bold;
	background-color: #6186B4;
	display: block;
	height: 18px;
	padding: 3px 0 0 0;
	margin: 5px 0 0 0;
}
a.lin:hover
{
	color: #3C597D;
	font-size: 9pt;
	font-family:Arial, Helvetica, sans-serif, Tahoma, Verdana;
	width: 160px;
	font-weight: bold;
	background-color: #4B719E;
	display: block;
	height: 18px;
	padding: 3px 0 0 0;
	margin: 5px 0 0 0;
}
/*******************************************************a-. linkks general***************/
a{
	color:#996600;
	text-decoration: none;
}
a:hover{
	color:#E10000;
	text-decoration: none;
}
a:visited{
	color:#990000
}
a acronym{
	border:none;
	text-decoration: none;
}
acronym{
	cursor: help;
}
/**********OPCIDAD y fotos*****************/
/*por si uno pone una foto*/
.floatright{
	float: right;
	width: auto;
	height: auto;
}
/*por si uno pone una foto*/
.floatleft{
	float: left;
	width: auto;
	height: auto;
	display: block;
}
a.linkopacity img {
filter:alpha(opacity=100); 
-moz-opacity: 1.0; 
opacity: 1.0;
}

a.linkopacity:hover img {
filter:alpha(opacity=50);
background-color:#000000;   
-moz-opacity: 0.5;   
opacity: 0.5;
}
/********************************************************formularios*****************/
#textinput, #passwordinput  {
	background-image: url(images/icon/input.png);
	background-repeat: repeat;
	border: solid #CCCCCC 1px;
	margin: 0 0 5px 0;
	width: 110px;
}
/*Recuerda: para definir las clases se coloca un punto delante del nombre*/
.formstyle {/******estilo de la caja***/
	color: #666666;
	border: solid #CCCCCC 1px;
	font-size: 12px;
	font-family: Tahoma, Verdana, Helvetica, Arial;
	padding: 2px;
	text-align: center;
	background-color: #FFFFFF;
	
}
.boton{
	font-size:10px;
	font-family:Verdana,Helvetica;
	font-weight:bold;
	color:#FFFFFF;
	height:20px;
	width: 120px;
	border:0px;
	background-color: #999999;
}
.botonuno{
	font-size:11px;
	font-family:Tahoma, Verdana, Arial;
	color:#FFFFFF;
	height:20px;
	width: 110px;
	border:0px;
	background-color: #999999;
	margin: 0;
}
.tituloscua {
background-color: #999999;
color: #ffffff;
padding:2px 0 0 0 ;
}
.titulostre {
background-color: #666666;
color: #ffffff;
padding: 2px 0 0 0;
}
.titulosdos {
background-color: #FFFFFF;
color: #999999;
padding: 2px 0 0 0;
}
.titulosuno{
	background-color: #F9F9F9;
	color: #999999;
	padding: 2px 0 0 0 ;
}
/****************************************************************************************estilo de tablas****/
table.Design4 {
    border-spacing: 0px;
    border-collapse: collapse;
}
table.Design4 th {
	text-align: left;
	font-weight: normal;
	padding: 8px 0 8px 5px;
	border: 5px solid #FFFFFF;
	background-color: #D9E9DE;
}
table.Design4 td {
	text-align: left;
	font-weight: normal;
	padding: 6px;
	border: 5px solid #FFFFFF;
	background-color: #EBF3ED;
	font-size: 11px;
}

table.Design4 thead th {
	color: #FFFFFF;
	text-align: center;
	background-color: #99A9AD;
}
table.Design4 th.Corner {
    text-align: left;
}
.Anos{
	list-style:none;
	padding:0;
	margin:10px 0 0 0;
	display:block;
}
.Anos li{
	float:left;
}
.Anos a{
	background-color:#6186B4;
	color:#FFFFFF;
	padding:10px 10px 10px 10px;
	float:left;
	margin:0 10px 0 0px;
	font-weight:bold;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px; 
}
.Anos a:hover{
	background-color:#FF9900;
	color:#333333;
	padding:10px 10px 10px 10px;
	float:left;
	margin:0 10px 0 0px;
	font-weight:bold;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px; 
}