/* CSS Document */
@charset "utf-8";
.stllf9 {FONT-SIZE: 9pt; FONT-FAMILY: Verdana,Tahoma,Arial; }
.Estilof9gray {FONT-SIZE: 9pt; FONT-FAMILY: Verdana,Tahoma,Arial;  color:#666; }
.Estilof9azul {FONT-SIZE: 9pt; FONT-FAMILY: Verdana,Tahoma,Arial; color:#003399; }
.Estilo10azul {FONT-SIZE: 9pt;  FONT-FAMILY: Verdana,Tahoma,Arial; color:#000033; text-align: justify;}
.Estilo9nar {FONT-SIZE: 9pt; FONT-FAMILY: Verdana,Tahoma,Arial; color:#FF6B24;}
.Estilo9roj {FONT-SIZE: 9pt; FONT-FAMILY: Verdana,Tahoma,Arial; color:#C00;}
.Estilof9azulN {FONT-SIZE: 9pt; FONT-FAMILY: Verdana,Tahoma,Arial; font-weight: bold; color:#003399; }
.Estilo10 {FONT-SIZE: 10pt; FONT-FAMILY: Verdana,Tahoma,Arial;}
.Estiloblk {FONT-SIZE: 9pt; FONT-FAMILY: Verdana,Tahoma,Arial; color:#FFFFFF; }
.Estil10verde {FONT-SIZE: 10pt; FONT-FAMILY: Verdana,Tahoma,Arial; font-weight: bold; color:#339900;}
.Estil11verde {FONT-SIZE: 11pt; FONT-FAMILY: Verdana,Tahoma,Arial; font-weight: bold; color:#339900;}
.Estil10nar {FONT-SIZE: 10pt; FONT-FAMILY: Verdana,Tahoma,Arial; font-weight: bold; color:#FF661C;	}
.stl10x {FONT-SIZE: 10pt; FONT-FAMILY: Verdana,Tahoma,Arial; font-weight: bold; color:#000099 }
.Estilo13 {color: #258CB4}
.estilucida { font-family: "lucida grande", tahoma, verdana, arial, sans-serif; color: #000000;	font-size:10px;	}
.cuadro2 {cursor: pointer;}
.justifyText{
text-align : justify;
}
.estilucida1 {
font-family: "lucida grande", tahoma, verdana, arial, sans-serif; color: #3366CC; ; font-size:10px;
}
.cuadro2 {cursor: pointer;}

.estilo_misevents_1 {
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif; color: #3366CC; font-size:12px;
}

.estilo_pequeno {
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif; color: #FF6600;
	font-size:10px;
}

#espacio{ width:100%; height:3px; font-size:7px;}

TD.resaltceldatbl:hover {
	text-decoration:none;
	background:#FFE033;
	border: 1px solid #F00;
}

div#maindivider {
	border-top: 1px dotted #868686;
	margin-bottom: 1px;
	overflow: hidden;
	height: 1px;
}
div#maindivider1 {
	border-top: 1px solid #99bbe8;
	margin-bottom: 1px;
	overflow: hidden;
	height: 1px;
}

div#greyline {
  width: 20px;
  background: url(../images/mw_line_grey.png) 50% 0 repeat-y;
}
td.greyline {
  width: 10px;
  background: url(../images/mw_line_grey.png) 50% 0 repeat-y;
}

.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 20px;
}

.alert-success {
  padding: 4px 24px 4px 4px;
  margin-bottom: 8px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #DFF0D8;
  border: 1px solid #468847;
  border-radius: 2px;
  color: #468847;
}
.alert-success h4 {
  color: #468847;
}

.alert-error {
  padding: 4px 24px 4px 4px;
  margin-bottom: 8px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #F2DEDE;
  border-color: 1px solid #EED3D7;
  border-radius: 2px;
  color: #b94a48;
}
.alert-info {
  color: #3a87ad;
  padding: 8px 28px 8px 8px;
  margin-bottom: 8px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #D9EDF7;
  border-color: 1px solid #BCE8F1;
  border-radius: 2px;
}

.alert-info h4 {
  color: #3a87ad;
}

#apDivalert{
	width:98%;
	border-style: solid;
	border-width: 1px; padding:4px;
	border-color:#dd3c10;
	background-color:#ffebe8;
	border-collapse:collapse;
	text-align:left;
}
#apDivazul{
	width:98%;
	border-style: solid;
	border-width: 1px; padding:4px;
	border-color:#0066CC;
	background-color:#B1E1F1;
	border-collapse:collapse;
	text-align:left;
}

#apDivmsg{
	width:98%;
	border-style: solid;
	border-width: 1px; padding:3px;
	border-color:#468847;
	background-color:#DFF0D8;	/*background-color:#6C9;*/
	border-collapse:collapse;
	text-align:left;
}

#apDiv1{
	width:98%;
	height:90px;
	border-style: solid;
	border-width: 1px; padding:4px;
	border-color:#dd3c10;
	background-color:#ffebe8;
	border-collapse:collapse;
	text-align:center;
}

#Divinstrucciones{
	background: url(images/komentar.gif) 5px 8 no-repeat;
	margin: 5px 5px 5px 5px;
	padding: 4px 4px 4px 4px;
	color:darkslategrey;
	font-size: 14px;
	background-color:#f3f3f3;
	border:1px solid #CCCCCC; /* font-weight:bold;*/
	text-align:left;
	font-size: 14px;
}

.Divinstrucciones{
	background: url(images/komentar.gif) 5px 8 no-repeat;
	margin: 5px 5px 5px 5px;
	padding: 4px 4px 4px 15px;
	color:darkslategrey;
	font-size: 14px;
	background-color:#f3f3f3;
	border:1px solid #CCCCCC; /* font-weight:bold;*/
	text-align:left; /* font-style: italic; */
	color:#0B615E;
}
.redondeado{
	border-radius:3px;
	-moz-border-radius:3px; /* Firefox */
	-webkit-border-radius:3px; /* Safari y Chrome */
	border:1px solid #333;
	width:98%;
	padding:5px;
}

.piedepagina {
	margin: 10px 10px 10px 10px;
	padding: 5px 5px 5px 5px;
	color:darkslategrey;
	font-size: 14px;
	background-color:#f3f3f3;
	border:1px solid #cccccc; /* font-weight:bold;*/
}

.titlealert{
	width:50%;
	height: 17px;
	padding: 5px 0 0 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border:none;
	letter-spacing: -.3px;
	color: #FFF;
	background: url(images/img01.gif) repeat-x left top;
}

.guardar_x{
	position: fixed; /*Posicionamiento absoluto*/
	top:50%;
	left:50%; /*Desde la izquierda, colocar al 50% de la pantalla*/
	height: 300px; /*Le ponemos el valor del alto*/
	width: 480px; /*Le ponemos el valor del ancho*/
	margin-top: -150px; /*Restamos la mitad de alto para centrarlo verticalmente*/
	margin-left: -240px; /*Restamos la mitad de ancho para centrarlo horizontalmente*/
	background-color:#7FC3B5;
	border:4px solid #CCCCCC;
}
.ventanadetalles{
	position: fixed; /*Posicionamiento absoluto*/
	top:45%;
	left:50%; /*Desde la izquierda, colocar al 50% de la pantalla*/
	height: 400px; /*Le ponemos el valor del alto*/
	width: 600px; /*Le ponemos el valor del ancho*/
	margin-top: -200px; /*Restamos la mitad de alto para centrarlo verticalmente*/
	margin-left: -300px; /*Restamos la mitad de ancho para centrarlo horizontalmente    background: url(../images/cuadrofondo.png);*/
	background-color:#7FC3B5;
	border:4px solid #CCCCCC;
}
.ventandetallorden{
	position: fixed; /*Posicionamiento absoluto*/
	top:50%;
	left:50%; /*Desde la izquierda, colocar al 50% de la pantalla*/
	height: 540px; /*Le ponemos el valor del alto*/
	width: 760px; /*Le ponemos el valor del ancho*/
	margin-top: -260px; /*Restamos la mitad de alto para centrarlo verticalmente*/
	margin-left: -370px; /*Restamos la mitad de ancho para centrarlo horizontalmente    background: url(../images/cuadrofondo.png);*/
	z-index:1;
	background-color:#7FC3B5;
	border:4px solid #CCCCCC;
}
.ventandetallesmatri{
	position: fixed; /*Posicionamiento absoluto*/
	top:50%;
	left:50%; /*Desde la izquierda, colocar al 50% de la pantalla*/
	height: 400px; /*Le ponemos el valor del alto*/
	width: 700px; /*Le ponemos el valor del ancho*/
	margin-top: -200px; /*Restamos la mitad de alto para centrarlo verticalmente*/
	margin-left: -350px; /*Restamos la mitad de ancho para centrarlo horizontalmente    background: url(../images/cuadrofondo.png);*/
	z-index:1;
	background-color:#7FC3B5;
	border:4px solid #CCCCCC;
}
.ventandetallsegui{
	position: fixed; /*Posicionamiento absoluto*/
	top:50%;
	left:50%; /*Desde la izquierda, colocar al 50% de la pantalla*/
	height: 420px; /*Le ponemos el valor del alto*/
	width: 600px; /*Le ponemos el valor del ancho*/
	margin-top: -210px; /*Restamos la mitad de alto para centrarlo verticalmente*/
	margin-left: -300px; /*Restamos la mitad de ancho para centrarlo horizontalmente    background: url(../images/cuadrofondo.png);*/
	z-index:2;
	background-color:#FC6;
	border:4px solid #CCCCCC;
}
.titlenaranja {
	height: 20px;
	padding: 2px 0 0 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	border:none;
	letter-spacing: -.3px;
	color: #FFF;
	background: url(../images/img01.gif) repeat-x left top;
}
.titleverde {
	height: 20px;
	padding: 2px 0 0 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	border:none;
	letter-spacing: -.3px;
	color: #FFF;
	background: url(../images/img02.jpg) repeat-x left top;
}
.titleazul {
	height: 20px;
	padding: 2px 0 0 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	border:none;
	letter-spacing: -.3px;
	color: #FFF;
	background: url(../images/img03.jpg) repeat-x left top;
}
.stylobserv {
	height: 35px;
	padding: 8px 0 0 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border:none;
	letter-spacing: -.3px;
	color: #FFF;
	background: url(../images/img02.jpg) repeat-x left top;
}

.helpx {
	margin: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
	color:darkslategrey;
	font-size: 14px;
	background-color:#f3f3f3;
	border:1px solid #cccccc; /* font-weight:bold;*/
}

.scrollv600{
	height:600px;
	width: auto;
	overflow: auto;/*aparecen los 2 scroll vertical y horizontal*/
	/* overflow-y : hidden; /* oculta el scroll horizontal*/
	overflow-x : hidden; /* oculta el scroll horizontal*/
	}	

.scrollv400{
	height:400px;
	width: auto;
	overflow: auto;/*aparecen los 2 scroll vertical y horizontal*/
	/* overflow-y : hidden; /* oculta el scroll horizontal*/
	overflow-x : hidden; /* oculta el scroll horizontal*/
	}

.scrollv500{
	height:500px;
	width: auto;
	overflow: auto;/*aparecen los 2 scroll vertical y horizontal*/
	/* overflow-y : hidden; /* oculta el scroll horizontal*/
	overflow-x : hidden; /* oculta el scroll horizontal*/
	}	

.capa_scrollv{
	height:400px;
	width: auto;
	overflow: auto;/*aparecen los 2 scroll vertical y horizontal*/
	/* overflow-y : hidden; /* oculta el scroll horizontal*/
	overflow-x : hidden; /* oculta el scroll horizontal*/
	}	

.capa_scrollvp{
	height:450px;
	width: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	overflow: auto;/*aparecen los 2 scroll vertical y horizontal*/
	/* overflow-y : hidden; /* oculta el scroll horizontal*/
	overflow-x : hidden; /* oculta el scroll horizontal background-color:#f3f3f3; */
}

.capa_scroll {
	height:300px;
	width: auto;
	overflow: auto;/*aparecen los 2 scroll vertical y horizontal*/
	overflow-x : hidden; /*oculta el scroll horizontal*/
	/*overflow-y : hidden;  oculta el scroll horizontal*/
}
.capa_scrolllstd {
	height:600px;
	width: auto;
	overflow: auto;/*aparecen los 2 scroll vertical y horizontal*/
	overflow-x : hidden; /*oculta el scroll horizontal*/
	/*overflow-y : hidden;  oculta el scroll horizontal*/
}


.Cuadroverde {margin:0;background-color:#96ca27;font-size:100%;font-weight:bold;border:1px solid #a3bfB1;text-align:left;color:#000;padding:0.2em 0.4em;}
.Cuadronaranja {margin:0;background-color:#ffa91f;font-size:100%;font-weight:bold;border:1px solid #a3bfB1;text-align:left;color:#000;padding:0.2em 0.4em;}
.Cuadroazul {margin:0;background-color:#69F;font-size:100%;font-weight:bold;border:1px solid #a3bfB1;text-align:left;color:#000;padding:0.2em 0.4em;}
.Cuadroalert {margin:0;background-color:#ffebe8;font-size:100%;font-weight:bold;border:1px solid #a3bfB1;text-align:left;color:#000;padding:0.2em 0.4em;}
.Cuadroayuda {margin:0;background-color:#ffebe8;font-size:100%;border:1px solid #a3bfB1;text-align:left;color:#666;padding:0.2em 0.4em;}
.Recuadro{margin:5px; border:1px solid #cccccc;background-color:#f3f3f3;padding:3px;height:auto;width:auto;}

.Estilogray {
	font-family: Tahoma, Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color:#333;
}
.digitexto {
	font-family:Helvetica,Arial,verdana,sans-serif;	color:#333;	font-size: 105%;
}
.notificaciones{
	font-family:Verdana,Helvetica,Arial,verdana,sans-serif; text-justify:auto;	font-size: 110%; overflow:hidden;margin:6px;display:!none; border:0px solid #cccccc;background-color:#f3f3f3;padding:5px;width:95%;
}
.stl8{font-size:8px;}
.stl9{font-size:9px;}
.stl10{font-size:10px;}
.stl11{font-size:11px;}
.stl12{font-size:12px;}
.stl13{font-size:13px;}
.stl14{font-size:14px;}
.stl15{font-size:15px;}
.stl16{font-size:16px;}
.stl17{font-size:17px;}
.stl18{font-size:18px;}
.stl20{font-size:20px;}
.stlbold{font-weight:bold;}
.black{color:#000;}
.blue{color: #036;}
.gray{color:#666;}
.red{color: #900;}
.green{color: #060;}
.orange{color: #FF6B24;}
.white{color: #FFF;}

.oculto{
	display:none;
}
#frm_upload_process{
   z-index:100;
   visibility:hidden;
   position:absolute;
   text-align:center;
   width:400px;
}
.txtnoborder {
	color:#C00 !important;
	border:none !important;
	background-color:transparent !important;
	width:300px !important;
}

.buttonx1, h1 a {text-decoration:none;}

.buttonx1 {
	display:inline-block;
	padding:12px 19px;
	font-size:13px;
	line-height:1.23em;
	color:#fff;
	background:url(../images/button2-tail.gif) 0 0 repeat-x #779f02;
	cursor:pointer;
}

.buttonx1:hover {background:#779f02;}

div.upload {
	width: 100px;
	height: 27px;
	background: url("//www.controlacademico.com/images/btnfile.jpg");
	overflow: hidden;
	cursor: pointer;
}

div.upload input {
	display: block !important;
	width: 100px !important;
	height: 27px !important;
	opacity: 0 !important;
	overflow: hidden !important;
	cursor: pointer;
}

BUTTON.button {
	DISPLAY: inline-block; FLOAT: none
}
BUTTON {
	WIDTH: auto !important;
	OVERFLOW: visible !important
}

BUTTON.button {
	PADDING-BOTTOM: 2px;
	PADDING-LEFT: 2px;
	PADDING-RIGHT: 3px;
	PADDING-TOP: 2px
}
BUTTON.button IMG {
	MARGIN: 0px 2px -3px 0px;
}
BUTTON.button:hover {
	BORDER-BOTTOM: #999 1px solid;
	BORDER-LEFT: #999 1px solid;
	BORDER-TOP: #999 1px solid;
	BORDER-RIGHT: #999 1px solid;
	COLOR: #000;
}
BUTTON.active {
	BORDER-BOTTOM-COLOR: #ccc;
	BORDER-TOP-COLOR: #ccc;
	/* BACKGROUND: url(../images/white-grad-active.png) #fff repeat-x left top; */
	BORDER-RIGHT-COLOR: #ccc;
	BORDER-LEFT-COLOR: #ccc;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}
BUTTON.btngrafico {
	COLOR: #000; 	/*FONT-WEIGHT: bold*/
}
BUTTON.positive:hover {
	BORDER-BOTTOM: #333333 1px solid;
	BORDER-LEFT: #333333 1px solid;
	BORDER-TOP: #333333 1px solid;
	BORDER-RIGHT: #333333 1px solid;
	COLOR: #333333;
}
BUTTON.negative {
	COLOR: #d12f19
}
BUTTON.graficobold {
	COLOR: #000;
	FONT-WEIGHT: bold
}