/*Estilo general*/
body, html { font-family: Trebuchet MS, Arial, sans-serif; font-size: 12.5px; color: #555; background-color: #010010; background: url(../imagenes/fondo.gif) fixed; background-repeat: repeat-x; background-position: 0 top; text-align: center; width: 100%; height: 100%; margin: 0; padding: 0; }

/*Separacion del inicio y el contenido de la pagina (margin-top)*/
div#wrapper { text-align: left; position: relative; width:1100px; margin-right: auto; margin-left: auto; margin-top: 10px; }

/*Cabecera*/
div#header { background-image: url(../imagenes/header.png); background-repeat: no-repeat; background-position: bottom; height: 99px; margin-bottom: 0px; border-top: 1px solid #000; border-right: 1px solid #000; border-left: 1px solid #000; border-bottom: 1px solid #000 float:left; clear:both; }
div#header ul { text-align: right; position: relative; top: 10px; right: 10px; margin: 0; padding: 0; list-style-type: none; }
div#header ul li { color: #fff; font-size: 13px; margin-right: 1px; margin-left: 1px; display: inline; }
div#header ul li a { color: #fff; font-weight: bold; text-decoration: none; }
div#header ul li a:hover { color: #344c59; }

/*Menu principal*/
div#tabs { font-size: 13px; font-family: Arial, Verdana, Helvetica, sans-serif; background-image: url(../imagenes/menu.gif); background-repeat: repeat-x; background-attachment: scroll; margin: 0; padding: 0; border-top: 1px solid #000; border-right: 1px solid #000; border-left: 1px solid #000; order-right-style: solid; order-top-style: solid; }
div#tabs ul { width: 100%; height: 23px; margin: 0px 0 0; padding: 0; list-style:none; }
div#tabs li { margin: 0; display: inline; padding: 0; }
div#tabs a { color: #fff; background-image: url(../imagenes/label_izq_1.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: left top; text-decoration: none; text-transform: capitalize; position: relative; left: 0; float:left; margin: 0 0 0 4px; padding: 2px 0 5px 7px; cursor:pointer; }
div#tabs li img { position: relative; left: 0; float: left; margin: 0; padding: 0; border: 0 transparent; }
div#tabs li span { background-image: url(../imagenes/label_der.gif); background-repeat: no-repeat; background-position: left 0; margin: 0; padding: 0; position: relative; left: 0; width: 8px; height: 23px; float: left; }

/*Contenido de la página(body)*/
#content_home { background-color: #fff; text-align: left; margin: 0; padding: 0; width: 1098px; border-right: 1px solid #000; border-bottom: 0px solid #000; border-left: 1px solid #000; border-top: 0px solid #000; }

/*Pie de página*/
div#footer { height: 23px; color: #555; font-size: 11px; background-image: url(../imagenes/menu.gif); margin: 0; border-right: 1px solid #000; border-bottom: 0px solid #000; border-left: 1px solid #000; border-top: 0px solid #000; text-align: center; display: flex; justify-content: center; align-items: center; }
div#footer a { color: #fff; text-decoration: none; }
div#footer a:hover { color: #344c59; text-decoration: underline; }

/*Desing by*/
#content_footer { background-color: #fff; text-align: center; color:#555; margin: 0; padding: 6px 0px 0px 0px; width: 1098px; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #000; float: left; clear: both; font-size: 10px; clear: both; }
div#content_footer a { color: #555; text-decoration: none; }
div#content_footer a:hover { color: #09F; text-decoration: none; }



/*Menu Tipo Flash*/
/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.transMenu { position: absolute; overflow: hidden; left: -1000px; top: -1000px; }

/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.transMenu .content { position: relative; }

/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
.transMenu .items { position: relative; left: 0px; top: 0px; z-index: 2; }

.transMenu.top .items { border-top: none; }

/* each TR.item is one menu item */
/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
.transMenu .item { color: #fff; font-size: 13px; font-family: sans-serif; text-decoration: none; text-align: left; border: none; cursor: pointer; cursor: pointer; }

/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */
/* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */
.transMenu .background { position: absolute; left: 0px; top: 0px; z-index: 1; -moz-opacity: .8; filter: alpha(opacity=80); }

/* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowRight { position: absolute; z-index: 3; top: 3px; width: 2px; -moz-opacity: 0; filter: alpha(opacity=0); }

/* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowBottom { position: absolute; z-index: 1; left: 3px; height: 2px; -moz-opacity: 0; filter: alpha(opacity=0); }

/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
.transMenu .item.hover { background: #696969; color: white; }

/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */
.transMenu .item img { margin-left: 10px; }



.Letra_10 { font-size: 10px; }
.Letra_12 { font-size: 12px; }
.Letra_13 { font-size: 13px; }
.Letra_14 { font-size: 14px; }
.Letra_12_Negrita { font-size: 12px; font-weight: bold; }
.Letra_14_Negrita { font-size: 14px; font-weight: bold; }
.Letra_16_Negrita { font-size: 16px; font-weight: bold; }
.Asterisco { font-size: 12px; font-weight: bold; color: #FF0000; }
.Asterisco_Azul { font-size: 12px; font-weight: bold; color: #0000FF; }
.Asterisco_Rojo { font-size: 24px; font-weight: bold; color: #FF0000; }

table.Sin_Borde { border: none; }
th.Sin_Borde { border: none; font-size: 14px; color: #555; text-align: center; }
td.Sin_Borde { border: none; font-size: 14px; color: #555; }

table.Colapsada { border: 1px solid #D4E0EE; border-collapse: collapse; padding: 0px; } 
th.Colapsada { border: 1px solid #D4E0EE; font-size: 16px; color: #555; padding: 0px 2px 0px 2px; background-color: #CEE3F6; }
th.Colapsada_Titulo { border: 1px solid #D4E0EE; font-size: 14px; color: #555; padding: 0px 2px 0px 2px; background-color: #CEE3F6; }
td.Colapsada { border: 1px solid #D4E0EE; font-size: 14px; color: #555; padding: 0px 2px 0px 2px; }

table.Total { border: 1px solid #D4E0EE; border-collapse: collapse; padding: 0px; background-color: #F9FAFE; }
th.Total { border: 1px solid #D4E0EE; font-size: 14px; color: #555; padding: 0px 2px 0px 2px; }
td.Total { border: 1px solid #D4E0EE; font-size: 14px; color: #555; padding: 0px 2px 0px 2px; background-color: #FFFF99; }
td.Total_General { border: 1px solid #D4E0EE; font-size: 16px; color: #555; padding: 0px 2px 0px 2px; background-color: #CCFFCC; }
td.Super_Total { border: 1px solid #D4E0EE; font-size: 16px; color: #555; padding: 0px 2px 0px 2px; background-color: #FFCCCC; }

select { font-family: "Trebuchet MS",Verdana,sans-serif; font-size: 13px; }
input { font-family: "Trebuchet MS",Verdana,sans-serif; font-size: 13px; }
input.Solo_Lectura { font-family: "Trebuchet MS",Verdana,sans-serif; font-size: 13px; color:#555; }

select.edicion { font-family: Tahoma, Verdana, Arial; font-size: 12px; }
input.edicion { font-family: Tahoma, Verdana, Arial; font-size: 12px; }

select.edicion_10 { font-family: Tahoma, Verdana, Arial; font-size: 10px; }
input.edicion_10 { font-family: Tahoma, Verdana, Arial; font-size: 10px; }

#Capa_Apellido_Paterno { position: relative; }
#Capa_Cuenta { position: relative; display: none; }
#Capa_Clave { position: relative; display: none; }
#Capa_ID_Aspirante { position: relative; display: none; }
#Capa_No_Profesor{ position: relative; display: none; }
#Capa_No_Empleado{ position: relative; display: none; }
#Capa_id_Profesor{ position: relative; display: none; }
#Capa_Escuela { position: relative; display: none; }
#Capa_Carrera { position: relative; display: none; }
#Capa_Todos { position: relative; display: none; }

#Capa_Inicio { position: relative; }
#Capa_Expansion1, #Capa_Expansion2, #Capa_Expansion3, #Capa_Expansion4, #Capa_Expansion5, #Capa_Expansion6, #Capa_Expansion7, #Capa_Expansion8, #Capa_Expansion9, #Capa_Expansion10 { position: relative; display: none; }

#capainicio { position: relative; }
#capaexpansion1, #capaexpansion2, #capaexpansion3, #capaexpansion4, #capaexpansion5, #capaexpansion6, #capaexpansion7, #capaexpansion8, #capaexpansion9, #capaexpansion10 { position: relative; display: none; }
#capaexpansion51, #capaexpansion52, #capaexpansion53, #capaexpansion54, #capaexpansion55 { position: relative; display: block; }

/*Estilos para la carga del TIP de caja*/
#upload_button { width:120px; height:22px; text-align:center; background-image:url(../imagenes/boton.png); color:#CCCCCC; font-weight:bold; padding-top:1px; margin:auto; cursor:pointer; }
#upload_button:hover{ color:#FFFFFF; }

/************CSS Tablas Nancy***************/
table.siup {
	/*color: #7F7F7F;*/
	color: #555;
	font: 12px "Trebuchet MS",Verdana,sans-serif;
	border-collapse: collapse;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}
table.siup, caption.siup {
	margin: 0 auto;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC
}

caption.siup,th.siup,td.siup {
	border-left: 0;
	padding: 2px
}

caption,thead th.siup,tfoot th.siup,tfoot td.siup{
	background-color: #CEE3F6;
	color: #000;
	font-weight: bold;
	text-transform: uppercase
}

thead th.siup{
	background-color: #CEE3F6;
	color: #000;
	text-align: center;
	border-bottom:#000000;
}

tbody th.siup {
	color: #000;
	text-align:center;
	/*padding: 5px 10px;*/
}

.siup tbody a {
	padding: 1px 2px;
	color: #333;
	text-decoration: none;
	border-bottom: 1px dotted #0000FF
}

tbody a:active,tbody a:hover,tbody a:focus,tbody a:visited {
	color: #666
}

.siup tbody tr:hover {
	background-color: #EEE;
	color: #333
}

/*.siup tbody tr:hover a {
	background-color: #FFF
	
	td+td+td+td
}*/

.siup tbody td a {
	/*color: #C30;*/
	color:#0066CC;
	font-weight: bold;
	/*border-bottom: 0*/
	border-bottom: 1px dotted #0000FF
}

tbody tr.odd {
	background-color: #FFFFF;
	color: #666
}

tbody tr.even {
	background-color: #F7F7F7;
	color: #666
}

tbody td+td+td+td a:active,tbody td+td+td+td a:hover,tbody td+td+td+td a:focus,tbody td+td+td+td a:visited {
	color: #0066CC
}

.siup tbody a:visited:after {
	font-family: Verdana,sans-serif;
	content: "\00A0\221A"
}

table.buscar, caption.buscar {
	margin: 0 auto;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC
}

.buscar tbody tr.odd {
	background-color: #FFF;
	color: #666
}

.buscar tbody tr.even {
	background-color: #F7F7F7;
	color: #666
}

.buscar tbody tr:hover {
	background-color: #E5E7E9;
	color: #333;
}

.siup_semestral{
	border-top: 3px medium #000;
}

.siup_titulo{
	font: 20px "Trebuchet MS",Verdana,sans-serif;
	color:#000000;
	text-align:center;
}

.insidencia_0{
	background-color: #FFFFFF;
}

.insidencia_1{
	background-color: #D0FA58;
}

.insidencia_2{
	background-color: #BCA9F5;
}

.insidencia_3{
	background-color: #FA5858;
}
/***********************************************************************/

.Oculto{
	visibility:hidden;
}

.Titulo_General{
	font-size: 17px;
	font-weight: bold;
	text-align:center;
}

/*Calendario*/
.Calendario{
	border-collapse:collapse;
	font-size:14px;
}
.Calendario thead {
	background:url(../imagenes/Titulo_Mes_6.png) no-repeat 0px 0px;
	text-align: center;
}

.Calendario tbody tr {
	background:url(../imagenes/Fondo_Renglon_3.png) repeat-y 0px 0px;
	text-align: center;
}

.Calendario tfoot{
	background:url(../imagenes/Fondo_Pie.png) repeat-y 0px 0px;
	text-align: center;
}

.Recibo{
	margin-left:10%;
	margin-right:10%;
	width:80%;
	background:#FAFAFA;
}

a.xxx:link{
	text-decoration: none;
	/*text-decoration: underline overline;*/
	text-decoration-color: red;
}

img.Centrado_Horizontal{
	vertical-align: middle;
}

img.Centrado_Vertical{
	vertical-align: middle;
}

.tabla_filtro_aceptado{
	border-radius: 20px;
	box-shadow: 5px 5px 5px #32CD32;
	border: 10px solid #32CD32;
}
.tabla_filtro_rechazado{
	border-radius: 20px;
	box-shadow: 5px 5px 5px #B22222;
	border: 10px solid #B22222;
}