@font-face {
	font-family: "Bebas Kai";
	src: url('../doc/BEBASKAI.TTF') format("truetype");
}

/* Hide HTML5 Up and Down arrows. */
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
 
input[type="number"] {
	-moz-appearance: textfield;
}

img[src="img/sistema/iconos/volver_12x12.png"] {
  height: 12px;
}

img[src="img/sistema/iconos/buscar_12x12.png"] {
  height: 12px;
}

.p1 { padding-left: 15px; }
.p2 { padding-left: 30px; }
.p3 { padding-left: 45px; }
.p4 { padding-left: 60px; }
.p5 { padding-left: 75px; }
.p6 { padding-left: 90px; }
.p7 { padding-left: 105px; }
.p8 { padding-left: 120px; }

.h100 { height: 100px; }
.h50 { height: 50px; }

.arojo { color: red !important; }
.enviar { background-color: #DBE9F1; }
.div_color { width: 20px; height: 20px; border: 1px solid #333; margin:auto; border-radius: 4px; }

.tabla_notas tr:nth-child(odd) { background-color: #FFFFFF; }
.tabla_notas tr:nth-child(even) { background-color: #E9F1FC; }

.oracion { text-transform:capitalize; }
.mayusculas { text-transform:uppercase; }

span.carpeta { text-decoration: underline; }

.error_txt { color: red; }
.bien_txt { color: green; }

.ui-sortable td { cursor: pointer; }
.borde_izq { border-left: 1px solid #ccc; }
.ancho { width: 920px; }

.opciones { text-align: right; }
.opciones a { text-decoration: none; }

.estado_error {
	background-color: #FF9094 !important;
}

.estado_cerrado {
	background-color: #FF9094 !important;
}

html, body { overflow: hidden;}

.ui-effects-transfer
{
	border: 2px dotted #345E96;
}

.th_a { width: 85px; }

.empatar { overflow: auto; }
.empatarb { overflow: auto; }
.empatarc { overflow: auto; }
.empatard { overflow: auto; }
.empatar_no { overflow: hidden; }

.obligatorio {
	color: #E3161F;
	text-shadow: 1px 1px 1px #666;
}

.carpeta { cursor: pointer; }

.informacion {
	background:#fff6bf;color:#514721;border: 2px solid #ffd324; padding: 5px; margin-bottom: 5px;
}

.alerta {
	background:#D5EDF8;color:#205791;border: 2px solid #92CAE4; padding: 5px; margin-bottom: 5px;
}

.cursor { cursor: pointer; }

.orden_asc:after {
	content: "▲";
}
.orden_desc:after {
	content: "▼";
}

.dialogo_error { border: 1px solid red !important; }

.marco { border: 2px solid #FAD42E; }

.barra { background-color: #E9E9EA; padding: 7px; }
.barra > table > tbody > tr > td { padding-right: 20px; }
.barra img { padding-right: 5px; }

.color {
	background-color: #FFF;
}

.color1 {
	background-color: #E9F1FC;
}

/**/

.notas_seleccion {

	background-color: #80A2CA !important;
	color: #fff;

}
.notas_destacar {

	background-color: #F5DE67 !important;
	color: #000;

}

.seleccion {

	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwLjUiIHN0b3AtY29sb3I9IiNlOGM1MTEiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmMTljMTMiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZzEpIiAvPjwvc3ZnPg==) !important;
background-image: -webkit-gradient(linear, center top, center bottom, color-stop(50%, #e8c511), color-stop(100%, #f19c13));
background-image: -webkit-linear-gradient(top, #e8c511 50%, #f19c13 100%);
background-image: -moz-linear-gradient(top, #e8c511 50%, #f19c13 100%);
background-image: -ms-linear-gradient(top, #e8c511 50%, #f19c13 100%);
background-image: -o-linear-gradient(top, #e8c511 50%, #f19c13 100%);
background-image: linear-gradient(to bottom, #e8c511 50%, #f19c13 100%);
color: #fff;
text-shadow: 1px 1px 2px #333;

}

.tabla { width: 100%; }
.tabla th {
	color: #000;
	background-image: -webkit-gradient(linear, center top, center bottom, color-stop(25%, #eeeeee), color-stop(100%, #cccccc));
	background-image: -webkit-linear-gradient(top, #eeeeee 25%, #cccccc 100%);
	background-image: -moz-linear-gradient(top, #eeeeee 25%, #cccccc 100%);
	background-image: -ms-linear-gradient(top, #eeeeee 25%, #cccccc 100%);
	background-image: -o-linear-gradient(top, #eeeeee 25%, #cccccc 100%);
	background-image: linear-gradient(to bottom, #eeeeee 25%, #cccccc 100%);
	border: 1px solid #999;
	padding: 4px;
	font-weight: bold;
	text-shadow: none;
}
.tabla th a { text-decoration: none; color: #000; }
.tabla tr:nth-child(odd) { background-color: #FFFFFF; }
.tabla tr:nth-child(even) { background-color: #E9F1FC; }
.tabla td { padding: 2px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; vertical-align: top; }

.tabla_b { width: 100%; }
.tabla_b th {
	color: #000;
	background-image: -webkit-gradient(linear, center top, center bottom, color-stop(25%, #eeeeee), color-stop(100%, #cccccc));
	background-image: -webkit-linear-gradient(top, #eeeeee 25%, #cccccc 100%);
	background-image: -moz-linear-gradient(top, #eeeeee 25%, #cccccc 100%);
	background-image: -ms-linear-gradient(top, #eeeeee 25%, #cccccc 100%);
	background-image: -o-linear-gradient(top, #eeeeee 25%, #cccccc 100%);
	background-image: linear-gradient(to bottom, #eeeeee 25%, #cccccc 100%);
	padding: 4px;
	border: 1px solid #999;
	font-weight: bold;
	text-shadow: none;
}
.tabla_b th a { text-decoration: none; color: #000; }
.tabla_b td { padding: 2px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; vertical-align: top; }

.tabla_c { width: 100%; }
.tabla_c th {
	color: #000;
	background-image: -webkit-gradient(linear, center top, center bottom, color-stop(25%, #eeeeee), color-stop(100%, #cccccc));
	background-image: -webkit-linear-gradient(top, #eeeeee 25%, #cccccc 100%);
	background-image: -moz-linear-gradient(top, #eeeeee 25%, #cccccc 100%);
	background-image: -ms-linear-gradient(top, #eeeeee 25%, #cccccc 100%);
	background-image: -o-linear-gradient(top, #eeeeee 25%, #cccccc 100%);
	background-image: linear-gradient(to bottom, #eeeeee 25%, #cccccc 100%);
	padding: 4px;
	border: 1px solid #999;
	font-weight: bold;
	text-shadow: none;
}
.tabla_c th a { text-decoration: none; color: #000; }
.tabla_c td { padding: 2px; border: 1px solid #ccc; vertical-align: top; }

.th_id { width: 50px; }
.th_opc_a { width: 150px;}
.th_opc_b { width: 225px;}

.destacar tr:hover {
	background-color: #f19c13 !important;
	color: #fff;
	cursor: pointer;
}

/* tabla layout */
table.tabla_layout_e td { vertical-align: middle; padding: 2px 4px 2px 4px }
table.tabla_layout_d > tbody > tr > td { border-right: 2px solid #999; }
table.tabla_layout_c td { vertical-align: middle; padding: 4px; }
table.tabla_layout_b td { vertical-align: top; padding: 2px; }
table.tabla_layout td { vertical-align: top; padding: 5px; }


/* etiquetas */
body { font-family:Arial; font-size:12px; }
iframe { width: 100%; }
label { font-weight: bold; }
input:not([type=submit]):not([type=file]) { border: 1px solid #999; padding: 3px; }

/* utiles */
.izq { float: left; }
.der { float: right; }
.ta_centro { text-align: center }
.ta_derecha { text-align: right }
.ta_izquierda { text-align: left !important; }
.limpiar { clear: both; }
.margen { margin: 10px;}
.margen_a { margin-top: 10px;}
.margen_b { margin:3px; }

.todo { width: 95%; }
.completo { width: 100%; }
.n { font-weight: bold; }
.nn { font-weight: normal; }
.espacio { padding: 5px; }
.ocultar { display: none; }
.sombra { box-shadow: 2px 2px 2px #ccc; }

.tabla_color {/*background-color: #FFF; */}
.tabla_color tr > th {background-color: #A9D0F5 !important; border: 1px solid #FFF !important; text-shadow: 2px 2px 1px white; }
.tabla_color tr > td {border: 1px solid #208CDC !important; }

/* utiles colores */

.celeste { color: #028EE3;  }

.titulo { background-color: #F6EDBA; color: #333; font-weight: bold; }
.titulo_b { background-color: #DBE9F1; color: #333; border-bottom: 1px solid #ACCFE4; font-weight: bold; }

.titulo_encabezado { background-color: #F6EDBA; color: #8F1D2B; border-bottom: 1px solid #E4BF7F; font-weight: bold; font-size: 18px; }

/* inicio menu horizontal superior a - mhsa */

#mhsa 
{ 
	background-color: #222831;
	font-size: 18px;
	color: white;
	font-family: 'Bebas kai';
	line-height: 45px;
}

#contenedor_logo 
{
	background-color: white;
	border-radius: 4px;
	float: left;
	margin: 3px;
	padding: 2px 4px;
	height: 35px;
}

#contenedor_logo img
{
	height: 35px;
}

#logo 
{ 
	padding: 4px 4px 0px 0px; 
	float: right; 
}

/* fin menu horizontal superior a - mhsa */

/* inicio menu horizontal superior b - mhsb */

#mhsb { 
	margin: 0;
	padding: 0;
	border: 0;
	float: left; 
	width: 100%;
	background-color: #6488b5;
} 

#mhsb li 
{ 
	display:inline; 
}

#mhsb li a 
{ 
	font-family: 'Arial';
	font-size:16px;
	text-decoration: none;
	float:left;
	padding:10px 15px 10px 15px;
	color:#FFFFFF;
}

#mhsb li a i { font-size: 18px; }

#mhsb li a:hover 
{ 
	background-color: #465f7e; 
}

#usuario_mhsb img 
{
	vertical-align:middle; 
}

.correo_numero_correos
{
	display: inline;
	font-weight: 700;
	color: #fff;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
	background-color: #f39c12;
	position: absolute;
	top: 9px;
	right: 7px;
	text-align: center;
	font-size: 12px;
	padding: 2px 3px;
	line-height: .9;
}

/* fin menu horizontal superior b - mhsb */

/* inicio div usuario */
	
#usuario 
{
	padding: 5px;
	background: #FBEC88;
	position: fixed;
	right:2px;
	top:85px;
	width: 250px;
	display: none;
	z-index: 100;
	border: 1px solid #FAD42E;
}

/* fin div usuario */

/* inicio layout medio */

#lmedio 
{ 
	overflow-x: hidden;
	overflow-y: auto;
}

/* fin layout medio */

/* inicio menu horizontal inferior - mhi */

#mhi { 
	margin: 0;
	padding: 0;
	border: 0;
	float: left; 
	width: 100%;
	background-color: #6488b5;
} 

#mhi li 
{
	display:inline; 
}

#mhi li a 
{
	font-family: 'Arial';
	font-size:16px;
	text-decoration: none;
	float:left;
	padding:10px 15px 10px 15px;
	background-color: #6488b5;
	color:#FFFFFF;
}

#mhi li a:hover 
{ 
	background-color: #465f7e; 
}

/* fin menu horizontal inferior - mhi */

/* inicio menu  */

#menu_ruta { padding: 5px; }

#menu_carpetas .menu_item 
{ 
	font-family: 'Bebas kai';
	width: 100px;
	height: 120px;
	float: left;
	cursor: pointer;
	color: #222831;
	margin: 5px;
	padding: 10px;
	text-align: center;
	font-size: 15px;
	background-color: #FFF5DB;
	border-bottom: 5px solid #6488b5;
}

#menu_carpetas .menu_item:hover 
{ 
	background-color: #D0E8E6; 
}

#menu_archivos .menu_item 
{ 
	font-family: 'Bebas kai';
	background-color: #EFF7F6;
	width: 100px;
	height: 120px;
	float: left;
	cursor: pointer;
	color: #222831;
	margin: 5px;
	padding: 10px; 
	text-align: center;
	font-size: 15px;
	
}

#menu_archivos .menu_item:hover 
{ 	
	background-color: #D0E8E6; 
}

/* fin menu */

/* inicio chat */

#usuarios_conectados 
{
	width: 262px;
	height: 300px;
	position: fixed;
	right: 2px;
	bottom: 38px;
	background-color: #fff;
	z-index: 100;
}

#usuarios_conectados_titulo 
{
	font-size: 16px;
	color: #fff;
	padding: 5px;
	background-color: #6488b5;
}

#usuarios_conectados_tabla_contenedor 
{
	border-left: 1px solid #ccc;
	overflow-y: scroll; 
}

.chat_ventana div 
{ 
	height: 60px;
	overflow-y: scroll;
	border: 1px solid #cccccc;
	margin-top: 3px;
	background-color: #F4F4F4;
}

.chat_ventana textarea 
{ 
	width: 98% 
}

/* fin chat */

/* botones - inicio */

.verde, .amarillo, .rojo, .azul, .morado {
	border: none;
	color: white;
	padding: 5px 7px;
	cursor: pointer;
	border-radius: 4px;
	font-size: 12px;
}

.verde { 	
	background-color: #5FB677;
}
.verde:hover {

}

.amarillo {
	background-color: #fda528;
}
.amarillo:hover {

}

.rojo { 
	background-color: #ec454c;
}
.rojo:hover {

}

.azul { 
	background-color: #6488b5;
}
.azul:hover {

 }

.morado { 
	background-color: #d28aff;
}
.azul:hover {

 }



.boton_izquierda { position: absolute; left: 17px; } 



/* botones - fin */


/* areas asignaturas  */

#area_tabla td { vertical-align: middle; }
#area_tabla th { vertical-align: middle; }

#aspectosuni_tabla td { vertical-align: middle; }
#aspectosuni_tabla th { vertical-align: middle; }

#grupoelectiva_tabla td { vertical-align: middle; }
#grupoelectiva_tabla th { vertical-align: middle; }


@media (min-width: 1024px) {

	#mhsb li a i { font-size: 18px; }
	#usuario_mhsb img { height:27px;}
}

@media (max-width: 1024px) {

	#mhsb li a i { font-size: 25px; }
	#usuario_mhsb img { height:34px;}
	.razonsociallarga { font-size: 13px;  }

}

@media (max-width: 1024px) {

	.ocultar_xs { display: none !important; }
	.ancho { width: 95%; }
	.mostrar_xs { display: block !important; }

	#mhsb li a { font-size: 20px;  }

}

@media (min-width: 1025px) {

	.mostrar_xs { display: none !important; }


}