@charset "utf-8";
/* CSS Document */
/* Fuente de google */
/*@import url('http://fonts.googleapis.com/css?family=Droid+Sans');*/

/* Estilos aplicados a todos lo elementos */
*{	margin:0;
	padding:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
/*-------------------------------------------*/

/* Estructura principal */
body{
	background-color:#DDD;
}

a{
	text-decoration: none;
	color: #333;
}
a.enlace
{
	text-decoration: underline !important;
}

div#main{padding:2px;
	border-top:1px solid #EEE;
	}

div#header{ background-color: #333;
	display:block;
	height:auto;
	padding:2px;
	width:99.7%;
	}
/* -------------------------------------------*/

#sidebar { width: 100%; }
	
/* Estilo para el el menú desplegable */
div.desplegable{
	background:none;
	float:left;
	position:absolute;
	left:2px;
	}

div.desplegable ol{
	list-style:none;
	}

div.desplegable ol li{
	border-bottom:1px solid #222;
	border-top:1px solid #444;
	font-family:Tahoma, Geneva, sans-serif;	
	background:url(imagenes/icons/bullet.png) no-repeat left #333;
	text-indent:18px;
	border-top-left-radius:5px;
	border-bottom-right-radius:5px;}

div.desplegable ol li a{
	display:block;
	text-decoration:none;
	color:#AAA;
	font-size:11px;
	padding:5px 15px  5px 5px;
	font-family:Tahoma, Geneva, sans-serif;
}

div.desplegable ol li a:hover
{
	color:#BBB;
	background:#444;
	border-top-left-radius:5px;
	border-bottom-right-radius:5px;}
/* Fin estilos del menú desplegable */

div#lateral{float:left;
	width:10%;
	padding-top:6px;}
	
div.view{background:#FFF;
	display:block;
	margin-left:2px;
	border-radius: 5px;
	border:1px solid #CCC;	
	padding:2px;
	}
	
div.view p{
	margin:3px;
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	text-indent:8px;}
	
div.view p strong{
	font-size:13px;}
	
p.nota{
	font-size:12px;
	color:#666;
	text-indent:10px;
	font-family:Verdana, Geneva, sans-serif;
}

p.nota span{
	color:#000;
	font-weight:bolder;}
	
div#about{ text-align:center;
	font-size:11px;}

ul.menu{ display:block;
	list-style:none;
	background-color: #DDD;}
	
ul.menu li{ display:block;
	clear:both;
	text-align:center;
	border-top:1px solid #EEE;
	border-left:1px solid #EEE;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	padding:5px;}
	
ul.menu li a{ font-family:Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	display:block;
	color:#000;
	text-decoration:none;}
h1{
	font-size:18px;
	font-family:Tahoma, "Tw Cen MT", "Trebuchet MS", Arial, Helvetica, sans-serif;
	display:block;
	border-bottom:1px solid #EEE;
	line-height:32px;
	vertical-align:middle;
	color:#111;
	text-indent:30px;
	background:url(imagenes/icons/h1.ico);
	background-repeat:no-repeat;}

h2{font-size:11px;
	text-indent:10px;
	margin-bottom:5px;
	font-weight:normal;
	font-family:Verdana, Geneva, sans-serif;}

h2 span{	font-weight:normal;
	font-style:italic;
	font-weight:bolder;}
	
div.clear{ clear:both;}

div.error{
	display:none;
	font-size:12px;
	text-align:left;
	color:#900;
	font-family:Verdana, Geneva, sans-serif;
	background: #FCC;
	border-bottom:1px solid #EEE;
}
div.correct{
    display:none;
    font-size:11px;
    text-align:left;
    color:#2a6008;
    font-family:Verdana, Geneva, sans-serif;
    background: #a7efd7;
    border-bottom:1px solid #EEE;
}
div.noChrome{
	display:none;
	font-size:11px;
	text-align:left;
	font-family:Verdana, Geneva, sans-serif;
	background-color:#FC9; 
	color:#600; 
	border-bottom:#FFF; 
	padding:5px; 
	border-radius:5px;
}

div.error img{
	vertical-align:middle;
	margin:2px;}
	
div.error h4{
	font-size:11px;
	text-align:center;
	color:#900;
}
div.error ul{
	margin:0 auto;
	width:400px;
	font-size:10px;
	list-style-type:square;
}

/* Margen oscuro alrededor de los formularios y tablas de datos */
form, div.tabla{ background:#444;
	margin:0 3px 3px 3px;
	padding:3px;
	border-radius:5px;
	display:block;}
form.modal, form.modal table thead th
{
	background: #222 !important;
	margin: 0;
}
textarea.text{
	background: #FFFFBC;
	border: 1px solid #FFFFA4;
	width:50%;
	resize:none;
}
/*-------------------------------------------------------------*/

/* Estilos para enlistar datos en forma de barras */
ul.datos{
	list-style-type:none;
	background:#FFF;
	border-right:1px solid #EEE;
	display:block;
}
	ul.datos li{
		display:inline-block;
		clear:both;
		border:none;
		font-size:10px;
		font-family:Tahoma, Geneva, sans-serif;
		font-weight:bold;		
	}
	
		ul.datos li dt{
			float:left;
			background:#444;
			color:#DDD;
			border-top-left-radius:5px;
			border-bottom-left-radius:5px;			
			clear:both;
			text-align:right;
			padding:5px 8px;
			margin:1px 0;
			border-right:none;
			font-family:Tahoma, Geneva, sans-serif;
			width:140px;
		}
		
		ul.datos li dd{
			float:left;
			border-top:1px solid #DDD;
			border-bottom:1px solid #DDD;
			border-right:1px solid #DDD;
			padding:5px 8px;
			margin:1px 0;
			font-family:Verdana, Geneva, sans-serif;
			background:url(imagenes/ficha.jpg) repeat-x;
			color:#333;
		}
		
		ul.datos li dd:hover{
			background:#F00;
		}

/*-----------------------------------------*/
form fieldset{
	border:none;}

form legend{	padding:3px 10px;
	font-weight:bold;
	font-size:11px;
	font-family:Tahoma, "Tahoma", Verdana, Tahoma, Geneva, sans-serif;
	color:#FFF;
	}

form fieldset ol{	padding: 3px 0 0;
	list-style:none;
	background:#FFF;}
	
form fieldset ol li{
	padding:5px;
	margin:0;
	border-bottom:1px solid #EEE;
	border-top:1px solid #FFE;
	vertical-align:middle;}

form fieldset ol li img{
	vertical-align:middle;
	border:none;}
	
	/*Estilos para los radios con muchas opciones */
	form fieldset ol li span{
			display:inline-block;
			font-size:12px;
			vertical-align:middle;
		}
		
form fieldset fieldset{	border:none;
	margin:3px 0 0;
	color:#333;}
	
form fieldset fieldset legend{	padding:0 0 5px;
	font-family:Verdana, Tahoma, Geneva, sans-serif;
	font-size:12px;
	margin-left:10px;
	color:#333;
	vertical-align:middle;}

form fieldset fieldset label{	display:block;
	width:auto;}

form label{	width: 120px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	display:inline-block;
	vertical-align:middle;}

form fieldset fieldset label{	margin-left:123px; }

input[type="submit"], input[type="button"]{
	font-weight:bold;
	padding:3px;
	font-size:11px;
	color:#222;
}

input[type="text"].calificar, input[type="text"].negro{
	color:#000;
	font-weight:bold;
	width:30px;
	text-align:center;
	background:#EEE;
	border:1px solid #DDD;	
}

input[type="text"].calificarR, input[type="text"].rojo{
	color:#F00;
	font-weight:bold;
	width:30px;
	text-align:center;
	background:#EEE;
	border:1px solid #DDD;	
}

/* Casilla de color */
em.cuadro{
	border: 1px solid #666;
	width:10px;
	overflow:hidden;
	text-indent:25px;
	display:inline-block;
	height:10px;}
	
ul.navbar{
	display:block;
	list-style:none;
	text-align:right;
	margin:2px;}

ul.navbar li, ul.navbar li a{
	display:inline-block;
	color:#CCC;
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;}
ul.navbar li a
{
	cursor: pointer;
	text-decoration: underline;
}

ul.navbar li a:hover
{
	color: #FFF;
}

ul.navbar li span.beta{
	
}

ul.navbar li a.but{
	background:#555;
	color:#CCC;
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
	padding:5px 6px;
	text-decoration:none;
	font-weight:bold;
	border-radius:3px;
	display:block;
	border:1px solid #666;}
	
ul.navbar li a.but:hover{
	color:#FFF;
	background:#666;}

ul.navbar li.first{
	text-align:right;
	float:left;
	}

ul.navbar li.first a.but{
	font-size:11px;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;}

ul.modo{
	list-style:none;
	display:block;
	margin:3px;
	background:#444;
	border-radius: 5px;}

ul.modo li{
	display:inline-block;
	height:35px;
	border-right:1px solid #555;}

ul.modo li a{
	color:#999;
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	padding:0 10px;
	display:block;
	height:35px;
	line-height:35px;
	vertical-align:middle;}

ul.modo li a:hover{
	color:#FFF;}
	
ul.modo li a.selected{
	color:#FFF;
	font-weight:bold;
	font-size:12px;}

.cargando{
	text-align:center;
	display:block;
	margin:3px;
	padding:3px;
}

/* Estilos para la tabla de datos */
table{ border-collapse:collapse;
	background:#EEE;
	width:100%;
	}
table.datos thead{
	
}

table tbody tr.alt{	
	border-top:1px solid #DDD;
	border-bottom:1px solid #EEE;
	background:#EEE;}

table tr th{ font-size:11px;
	font-family:Tahoma, "Tw Cen MT", "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:3px 0;
	text-align:left;
	background:#444;
	color:#EEE;
	text-indent:5px;}
	
table tr td{ background:#FFF;
	 padding:3px;
	 font-family:Tahoma, Trebuchet MS, "Trebuchet MS", Verdana, Geneva, sans-serif;
	 font-size:11px;
	 color:#444;
	 }
table tr td.centrar
{
	text-align: center;
}
table tr td.derecha
{
	text-align: right;
}
table tr td.red{
	color:#F00;
	font-weight:bold;
	font-size:12px;}
	
table tr td.green{
	color:#090;
	font-weight:bold;
	font-size:12px;}

table tr.alt td{
	background:#E9FFD2 bottom repeat-x;
}
	 
table tr td.index, table tr td.white, table tr td.asistencia{ color:#000;
	font-weight:bold;
	width:16px;
	text-align:center;
	background:#FFF;
	border:1px solid #DDD;
	white-space:nowrap;}
	
table tr td.index, table tr td.asistencia{
	background:#EEE;
}
	
table tr td.calificacion, table tr td.negro{
	color:#000;
	font-weight:bold;
	width:16px;
	text-align:center;
	background:#EEE;
	border:1px solid #DDD;
}
	
table tr td.calificacionR, table tr td.rojo{
	color:#F00;
	font-weight:bold;
	width:16px;
	text-align:center;
	background:#EEE;
	border:1px solid #DDD;
}

table tr td.amarillo{
	color:#F90;
	font-weight:bold;
	width:16px;
	text-align:center;
	background:#EEE;
	border:1px solid #DDD;
}

table tr td.verde{
	color:#090;
	font-weight:bold;
	width:16px;
	text-align:center;
	background:#EEE;
	border:1px solid #DDD;
}
	
table tr th.productos{
	background:#444;
	border-bottom: 1px solid #DDD;
	border-left: 1px solid #DDD;
	text-align:center;
}

table tr th.UTematicas{
	background:#444;
	text-align:center;
	border-left: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	width:inherit;
}

table tr th.criterios{
	text-align:center;
	border-left: 1px solid #DDD;
	padding: 0;
}

table tr th.criterios, table tr td.criterios
{
	width:90px !important;
	overflow: hidden;
}

table tr th.utAbreviada{
	text-align:center;
	border-left: 1px solid #DDD;
	width:5px;
}
	
table tr td.control{ width:10px;}	

table tr th.enfasis{
	background:#444;
	text-align:center;
	color:#CCC;
	border:none;
	width:120px;
}
table tr.division th{
	background:#EEE;
	border-bottom:1px solid #DDD;
	border-top:1px solid #DDD;
	color:#333;
	padding:5px 0;
}

table tr.subdivision td{
	background:#FFF;
	border:#DDD 1px solid;
}

table tr td.horario{
	text-align:center;
	
}
table tr td.horario h3{
	color:#333;
}

table tr td.horario ul{
	list-style:none;
	margin: 0 3px 3px;
	border-radius: 5px;
	padding:0 5px;
	border:1px solid #EEE;
	background:url(imagenes/ficha.jpg) repeat-x #FFF bottom;
	cursor:pointer;
}

table tr td.horario ul h3{
	white-space: normal;
	width: 100%;
}

table tr td.nivelacion{
	background:#FFB;
	color:#000;
	text-align:center;
	font-weight:bold;
}

table tr td.extraordinario{
	background:#F66;
	color:#000 !important;
	text-align:center;
	font-weight:bold;
}

table tr td.ultimaAsignatura{
	background:#400000;
	color:#FFEAEA !important;
	text-align:center;
	font-weight:bold;
}

table tr td.ordinario{
	font-weight:lighter;
	color:#000;
	width:16px;
	text-align:center;
	background:#EEE;
	border:1px solid #DDD;
}

table tr td.promedioMateria{
	font-weight:bold;
	color:#000;
	width:16px;
	text-align:center;
	background:#F7F7F7;
	border:1px solid #DDD;
	border-right:2px solid #CCC;
}

table tr td.promedioCuatrimestre{
	font-weight:bold;
	color:#000;
	width:16px;
	text-align:center;
	background:#FFF;
	border:1px solid #DDD;
}

table tr td.asistencia{
	border-left:2px solid #CCC;
}
	
/* Fin estilos de tabla */

/* Estilo para la barra de botones */
div.barra-herramientas{
	background:#FFF;
	border-radius: 5px;
	display:block;
	text-align:right;
}
	
div.barra-herramientas ul{
	list-style:none;
	display:inline-block;
	background:#FFF;
	border-radius: 5px;
	margin:2px 3px;
	border:1px solid #DDD;
	background:url(imagenes/ficha.jpg) repeat-x top;
	width: auto;
	}
	
div.barra-herramientas ul li{	
	display:inline-block;		
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
	text-align:center;
	margin:0;
	height:32px;
	padding:2px 8px;
	border-right:1px solid #EEE;
	cursor:pointer;
	}
div.barra-herramientas ul li a{
	cursor:pointer;
}

div.barra-herramientas ul li dt{
	display:inline-block;
	line-height:32px;
	vertical-align:middle;}
	
div.barra-herramientas ul li dd{
	display:inline-block;
	line-height:32px;
	vertical-align:middle;
	font-family:Verdana, Geneva, sans-serif;
	color:#555;} 
	

/* ---------------------------------------------- */

/* Estilos para lista de grupos */
ul.fichas{
	list-style:none;
	margin: 0 3px 3px;
	border-radius: 5px;
	padding:0 5px;
	width:auto;
	border:1px solid #EEE;
}

ul.fichas li, ul.fichas li.selected, ul.fichas li.sinFondo{
	display:inline-block;
	text-align:center;
	padding:0 4px;
	background:url(imagenes/ficha.jpg) repeat-x #FFF bottom;
	margin:0;
	border-right:1px solid #EEE;
	border-left:1px solid #EEE;
	min-width:90px;
	cursor:pointer;
}

ul.fichas li.selected{
	background:url(imagenes/ficha-selecionada.jpg) repeat-x #BDE433 bottom;
	border:1px solid #8DBA1F;
}

ul.fichas li.sinFondo{
	background:none;
}

ul.fichas li.sinFondo:hover{
	background:url(imagenes/ficha.jpg) repeat-x #FFF bottom;
}

ul.fichas li.selected h1{
	color:#000}

ul.fichas li.selected h2{
	color:#030;}

ul.fichas li.selected h3{
	color:#030;} 

ul.fichas li h1{
	background:none;
	text-indent:0;
	border-bottom:none;
	color:#000;
}
ul.fichas li h2{
	text-indent:0;
	font-size:11px;
	color:#666;
}
ul.fichas li h3{
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
}

ul.fichas li select
{
	background: inherit;
	border: none;
	color:#000;
	font-family:Tahoma, "Tw Cen MT", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight: bolder;
}

/* fin de lista de fichas */
a.foto-control{
	border-radius:5px;
	float:left;
	line-height:102px;
	vertical-align:middle;
	margin:2px;
	display:block;
	padding-top:30px;
}

/* Estilos para mostrar el perfil */
	
ol.perfil{
	list-style:none;
	display:block;
	border-radius: 5px;
	border:1px solid #DDD;
	background:#EEE;
	margin-bottom:10px;
	}
	
ol.perfil li.foto{
	float:left;
	border-radius: 5px;
	border:1px solid #DDD;
	text-align:center;
	font-size:10px;
	padding:5px;
	margin:3px;
	background:#FFF;}
ol.perfil li{
	display:inline-block;
	border:none;
}
ol.perfil li h1{
	background:none;
	text-indent:0;}
	
ol.perfil li h2{
	text-indent:0;}

ol.descripcion{
	padding: 3px 0 0;
	list-style:none;
	background:#FFF;
}

ol.descripcion li{
	padding:5px;
	margin:0;
	border-bottom:1px solid #EEE;
	border-top:1px solid #FFE;
	vertical-align:middle;
}

ol.descripcion li h1{
	background:none;
	text-indent:0;
}

ol.descripcion li h2{
	width: 300px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	vertical-align:middle;
}

ol.descripcion li h3{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration:bold;
}
ol.descripcion li h4 span{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
}
label.productos{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration:bold;
	display:inline-block;
	width:auto;
}

label.criterios{
	width: 300px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	vertical-align:middle;
	display:inline-block;
}

div.cepillo{
}

div.cepillo h4{
	color:#FFF;
}
/* Fin de estilos perfil */
/* tags */

ul.tags{
	list-style:none;}
	
ul.tags li{
	display:inline-block;
	border:1px solid #FC9;
	border-top-left-radius:30px;
	border-bottom-left-radius:30px;
	border-top-right-radius:8px;
	border-bottom-right-radius:8px;
	margin:2px;
	font-size:12px;
	background: left no-repeat #FEFBE7;
	line-height:32px;
	vertical-align:middle;
	padding:6px;}
	
/* Etiquetas de colores */
a.etiqueta{
	border-radius: 3px;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#DDD;
	padding:0 3px;
	border:1px solid #DDD;
}

a.etiqueta:hover{
	color:#999;
	border:1px solid #999;
}

a.etiqueta-rosa{
	border-radius: 3px;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFD7D7;
	padding:0 3px;
	border:1px solid #FFD7D7;
}

a.etiqueta-rosa:hover{
	color:#FF8080;
	border:1px solid #FF8080;
}

a.etiqueta-rosa-selected{
	background:#FFD7D7;
	color:#FF8080;
	border:1px solid #FF8080;
}

span.etiqueta{
	border-radius: 3px;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#900;
	padding:0 3px;
}

span.roja{
	border:1px solid #AE0000;
	background:#F00;
	border-radius:2px;
	color:#000;
	padding:0px 7px;
	
}

span.ambar{
	border:1px solid #F60;
	background:#FC3;
}

span.verde{
	background: #090;
	border:1px solid #090;
	border-radius:2px;
	color:#FFF;
	padding:0px 7px;
}
	
span.guardado{
	background:url(imagenes/icons/accept.ico) bottom left no-repeat;
	padding-left:25px;
	padding-top:10px;
	font-size:12px;
	font-weight:100;
	color:#999;
	position:absolute;
	margin-left:8px;
	cursor:pointer;
}

span.guardado:hover{
	background:url(imagenes/icons/cancelar.png) no-repeat;
}

span.negra{
	background:#AAA;
	border:1px solid #666;
	color:#FFF;
	padding:3px 5px;}
/* fin de etiquetas de colores*/

/* Estilos para el combo grande */

select{
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	padding:1px;
	border:1px solid #EEE;
}

optgroup{
	background:#DDD;
}
optgroup.current{
	background:#008040;
	color:#CAFFCA;
}

option{
	color:#000;
}

/* Fin de estilos para el combo grande */

/*Forms diferentes*/

form.agregarCriterio{
	background-color:#CCC;
}

select.profesor{
	border:0px;
	font-family:'Comic Sans MS', cursive;
	color:#555;
}

select.cveCambio{
	font-size: 18px;
	font-family: Tahoma, "Tw Cen MT", "Trebuchet MS", Arial, Helvetica, sans-serif;
	display: block;
	border-bottom: 1px solid #EEE;
	line-height: 32px;
	vertical-align: middle;
	color: #111;
	border:none;
	background-color:#EEE;
}

select.cveCambio option{
	background-color:#FFF;
}


img#guardado{
}

/* Formulario para cargar datos necesarios para la sesión*/
form.fichas{
	list-style:none;
	margin: 0 3px 3px;
	border-radius: 5px;
	padding:10 5px;
	border:1px solid #EEE;
	background:#FFF;
}

form.fichas li{
	display:inline;
	margin:10px 10px;
}

form.fichas li label{
	width:auto;
}

li.horaVacia{
	list-style:none;
	background:#F7F7F7;
	border-radius:5px;
	font-size:58px;
}

li.horaVaciaGrupo{
	list-style:none;
	background:#F7F7F7;
	border-radius:5px;
	font-size:28px;
}

/***Extras****/

label.checkCarrera{
	background:#EEE;
	padding:5px 5px 0px 5px;
	border-bottom-right-radius:5px;
	border-top-right-radius:5px;
	border:1px solid #CCC;
	cursor:pointer;
}

p.nuevo{
	float:right;
	padding-top:6px;
	padding-right:12px;
}

p.nuevo a{
	background:#FFF;
	padding:0px 4px 0px 4px;
}

label.enLinea{
	width:120px;
	display:inline;
}

ol.menu-lateral{
	float:left;
	padding:2px;
	background:#444;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	width:200px;
}

ol.menu-lateral a li{
	border-bottom:1px solid #EEE;
	padding:1px;
	background:#FFF;
	list-style:none;
	height:70px;
	cursor:default;
}

ol.menu-lateral a li.selected, ol.menu-lateral a li:hover{
	background:#F9F9F9;
}

ol.menu-lateral a li.selected{
	border:2px solid #666;
	border-left:none;
	border-right:none;
}

ol.menu-lateral a li img{
	float:left;
	margin-top:5px;
}

ol.menu-lateral a li h3{
	font-size:12px;
	text-align:left;
	margin-left:48px;
	line-height:14px;
}

ol.menu-lateral a li h2{
	text-align:left;
	text-indent:0px;
	margin-left:48px;
}

ol.menu-lateral span.more-triangle{
	border-left:1px solid #CCC;
	float:right;
	height:43px;
	padding-top:29px;
}

ol.menu-lateral span.more-triangle:hover{
	background:#F9F9F9;
}

div.grupos-profesor{
	position:absolute;
	left:210px;
	background:#555;
	white-space:nowrap;
	padding:2px;
	line-height:12px;
	display:none;
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
}

ul.grupos-profesor{
}

ul.grupos-profesor a li{
	height:auto;
}

ul.grupos-profesor a li:hover, ul.grupos-profesor a li.rojo:hover, ul.grupos-profesor a li.amarillo:hover{
	background:#F9F9F9;
}

ul.grupos-profesor a li.rojo{
	background:#FFD7D7;
}

ul.grupos-profesor a li.amarillo{
	background:#FDF1C8;
}

ul.grupos-profesor a li h3, ul.grupos-profesor a li h2{
	margin-left:20px;
}

p.white{
	color:#FFF;
}

/*************Span de estado*****************/
span.warning{
	color:#F00;
	font-weight:bold;
	width:16px;
	text-align:center;
}

span.alert{
	color:#F90;
	font-weight:bold;
	width:16px;
	text-align:center;
}

span.fine{
	color:#090;
	font-weight:bold;
	width:16px;
	text-align:center;
}

/****************Tag span buttons*************************/
span.red-button{
	background:#C53727;
	border:1px solid #C53727;
	color:#FFF;
	padding:2px 7px 2px 7px;
	border-radius:3px;
	font-size:12px;
}

span.red-button:hover{
	border:1px solid #C53727;
	background:#D14836;
}

span.green-button{
	background:#090;
	border:1px solid #090;
	color:#FFF;
	padding:2px 7px 2px 7px;
	border-radius:3px;
	font-size:12px;
	cursor:default;
}

span.green-button:hover{
	background:#00B000
}

span.gray-button{
	background:#EEE;
	border:1px solid #CCC;
	color:#666;
	padding:2px 7px 2px 7px;
	border-radius:3px;
	font-size:12px;
	cursor:default;
}

span.gray-button:hover{
	background: #F7F7F7;
}

/***********Menú de opciónes****************/
dd.menu-opciones{
}

dd.menu-opciones span{
	float:right;
}

dd.menu-opciones ul{
	list-style:none;
	background:#FFF;
	margin-top:23px;
	border:1px solid #EEE;
	display:none;
	font-size:12px;
}

dd.menu-opciones ul a li:hover{
	background:#F6F6F6;
	color:#000;
}

dd.menu-opciones ul a li{
	border:none;
	color:#333;
}

/*********Información Corte evaluativo***********/

span.info-corte{
	background:#EEE;
	background: -webkit-linear-gradient(left, #FFF, #EEE);
	padding:0px 10px 0px 20px;
	color:#666;
	border:1px solid #CCC;
	border-left:none;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
	float:left;
	font-size:12px;
	margin-top:5px;
}

span.info-corte span.m{
	display:none;
}

.disabled
{
	background: #F3F3F3;
	border: 1px solid #EEE;
}

div.mensaje
{
	position: fixed;
	width: 100%;
        z-index: 10010;
}

div.mensaje span#mensaje, div.printPage
{
	background:#FEF7CF;
	border: 1px solid #FEF000;
	border-radius: 5px;
	display: none;
	padding: .3em .3em;
	vertical-align: middle;
        font-size: 1.1em;
        z-index: 1000;
}

div.printPage img
{
	vertical-align: middle;
}
div.tablaUnidad
{
	display: none;
	width: 100%;
}
div.datos-modal
{
	border: 4px solid #000;
}

ol.pestanas
{
	margin: 0;
	padding: 0 10px;
}

ol.pestanas li
{
	background: #F7F7F7;
	border: 1px solid #CCC;
	border-radius-top: 5px;
	color: #333;
	cursor: pointer;
	display: inline-block;
	font-size: .9em;
	margin: 0px;
	padding: 0 .7em;
	vertical-align: top;
	width: auto;
}

ol.pestanas li.selected
{
	background: #333;
	color: #F7F7F7;
	font-weight: bold;
}

ul.ne
{
	display: none;
}

li.boton
{
	text-align: right;
}

/**Estilos de ventana modal**/
div.modal-texto{
	background-color: rgb(255, 255, 255);
	border: 4px solid rgb(51, 51, 51);
	color: rgb(51, 51, 51); font-size: 1em;
	padding: 1em;
	width: 250px;
	background-position: initial;
	background-repeat: initial;
}

div.modal-texto p.mensaje{
	font-size: 0.85em;
	font-style: italic;
}

/**Estilo section form**/
section.vertical{
	display: inline-block;
	padding:0 2em;
	vertical-align: top;
}

section.vertical h5{
	margin-top: 1em;
}
/**Cambiar estilo del scroll (Solo Chrome)**/
::-webkit-scrollbar
{
    height: 7px;
    width: 12px;
    background: #DDD;
}

::-webkit-scrollbar-thumb
{
    background: #666;
    /*-webkit-border-radius: 1ex;*/
    /*-webkit-box-shadow: 0px 1px 2px rgba(100, 100, 100, 0.75);*/
}

::-webkit-scrollbar-corner
{
    background: #000;
}

/*****Panel tutor y tutorías*****/


/*acordion historial tutoria individual */
section {
	display: block;
	} 

	.accordion{
	
 	
	width: 95%;
	padding: 10px;	
	margin: 5px auto;	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
	-moz-box-shadow: 0 1px 0 #999;
	-webkit-box-shadow: 0 1px 0 #999;
	box-shadow: 0 1px 0 #999;
	}
 
	.accordion section {
 	border-bottom: 1px solid #ccc;
	margin: 5px;	
	background-color: #fff;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
        background-image: -webkit-linear-gradient(top, #fff, #eee);
        background-image:    -moz-linear-gradient(top, #fff, #eee);
        background-image:     -ms-linear-gradient(top, #fff, #eee);
        background-image:      -o-linear-gradient(top, #fff, #eee);
        background-image:         linear-gradient(top, #fff, #eee);  
  	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}

	.accordion h2,
	 .accordion p
	{
		margin: 0;	
	}

	.accordion p
	{
		padding: 6px;
		font: 14px 'Trebuchet MS', 'Lucida Sans';
	}
	 
	.accordion h2 a 
	{
		display: block;
		position: relative;
		font: 16px 'Trebuchet MS', 'Lucida Sans';
		padding: 2px;
		color: black;
		text-decoration: none;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		background: #C9C1C1;
	}

	.accordion h2 a:hover 
	{
		
	}
	 
	.accordion h2 + div 
	{
		height: 0;
		overflow: hidden;
		-moz-transition: height 0.3s ease-in-out;
		-webkit-transition: height 0.3s ease-in-out;
		-o-transition: height 0.3s ease-in-out;
		transition: height 0.3s ease-in-out;	
	}

	.accordion :target h2 a:after 
	{  
	    content: '';
		position: absolute;
		right: 10px;
		top: 50%;
		margin-top: -3px;
		border-top: 5px solid #333;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;	
	}

	.accordion :target h2 + div 
	{
		height: auto;
	}
	/*fin acordion */
	input[type="range"] {
    -webkit-appearance: none;
    background-image: url("imagenes/icons/nivelGravedad.png");
    
	}
 #mesReporte, #cveAlumno
 {
 	display: inline-block;
 	vertical-align: top;
 	

 }

 .anchototal
{
	width: 100%;
}

@media screen and (max-width: 120px) {
	td{
		font-size: 16px;
	}
}

@media screen AND (min-width: 1200px){
    table.felix .ocultar{
        display: none;
    }
}
@media screen and (max-width: 1024px) {
    .tablaScroll{
        overflow-x:scroll;
    }
    .tablaScroll table thead {
        z-index: 2;
    }
    .tablaScroll table th {
        font-weight: normal;
    }
}
/******/

li.lista{
}

li.lista fieldset li{
	border: none;
}

li.lista fieldset li{
	white-space: nowrap;
}

li.lista fieldset li label{
	display: inline-block;
	width: 180px;
}