@charset "utf-8";
/* CSS Document */
body {margin:0; min-width:700px; font:80% Arial; color:#2C2C2C; cursor:default}
#superTop{background:#FFF;}
#top{width:100%; margin:auto; height:66px;}
#bin {padding:0 12px; height:17px; background:#C10B19; margin-top:5px;  border-top:1px solid #033; color:#ccc; font:11px Arial; letter-spacing:1px}
#bin span {display:block; float:right; text-transform:capitalize}
#bin span a {color:#F90; text-transform:uppercase; display:inline-block; margin-left:5px}
#bin span a:hover {background:#FFF; color:#900}

#top #logo{ width:200px; margin:auto; padding:5px; float:left;}
#top #leyenda{margin-left:310px; text-align:right; color:#036; padding:5px 10px;}
#msnEntrada{font:14pt "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center; margin-top:90px;}

#login{width:400px; margin:20px auto 0 auto; text-align:center; border:#CCC solid 1px; border-radius:8px; background:url(../img/bg.png) repeat-x;}
#login img{float:left;}
#login .title{text-align:center; padding:8px 0 15px 0; font:14px Arial, Helvetica, sans-serif; color:#036; text-transform:uppercase; font-weight:bold;}
#login #email{margin-bottom:15px;}
#login input placeholder{font:13px Arial, Helvetica, sans-serif; font-style:oblique;}
#login label{width:150px; display:block; float:left; text-align:right; padding:4px 4px 0 0;}
#login input{width:200px; margin:0 0 4px 0; font:12px Verdana, Geneva, sans-serif; float:left; padding-left:4px; padding:2px;}
#login .btn{width:100px; margin: 8px 0 10px 154px;}
#registerTitle{width:850px; margin:40px auto 5px auto; font:14px Arial, Helvetica, sans-serif;}
#register{width:850px; margin:auto; border-radius:6px;  border:#CCC solid 1px; background:#FFF; padding:5px;}
#register td{padding:5px;}
#register .title{background:url(../img/bg.png) repeat-x; text-transform:uppercase; font:14px Arial, Helvetica, sans-serif; font-weight:bold;}
#register .d{text-align:right; font:11px Arial, Helvetica, sans-serif; text-transform:uppercase;}
#registerVolver {width:850px; margin:10px auto; text-align:center;}

#acl{border:#ccc solid 1px; width:85%; margin:20px auto 0 auto; border-radius:6px; padding:5px;}
#acl fieldset {border:1px solid #AAA; display:inline-block; vertical-align:bottom; margin-right:15px;}

#texto{font:12px Arial, Helvetica, sans-serif; text-align:left; margin-left:10px;  text-align:center; width:500px; margin:10px auto;}
#texto li{margin:4px 0; list-style-image:url(../img/+.png); }


#main{width:100%; min-width:800px; margin:0; }
#main #panel{width:290px; float:left; padding:0; margin:0;}
#main #contenido{margin-left:310px;}



#navegacion{ margin:0; background:url(../img/bg.png) repeat-x; height:30px;}
#navegacion #navega{float:left; width:74%; padding:5px; text-transform:uppercase; border:#CCC solid 1px; border-top:none; border-radius:0 0 5px 5px; background:#EDEDED;}
#navegacion #user{margin-left:76%; text-align:right; padding:10px 20px 0 0; font:100% Arial, Helvetica, sans-serif;}
#navegacion #user span{border:#CCC solid 1px; padding:3px; background:#F00; color:#FFF; cursor:pointer;}

#lienzo{ margin-right:5px; margin-bottom:10px; border-radius:5px; padding:5px;}
#lienzo #barra{border:#CCC solid 1px; border-radius:5px; padding:4px; margin-bottom:10px; text-transform:uppercase; background:#f0f0f0;}
#lienzo table{border:#ccc solid 1px; border-collapse:collapse;}
#lienzo .acciones img{padding-right:5px; cursor:pointer;}
#lienzo #botones{margin-bottom:4px;}
#lienzo th{background:url(../img/blue.png) repeat-x; height:30px; font:11px Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold; text-align:left; padding:5px;}
#lienzo td{padding:5px; border:#ccc solid 1px; vertical-align:text-top; font:12px Arial, Helvetica, sans-serif;}
#lienzo td span{border:#ccc solid 1px; padding:0px 3px 0 3px; background:#F3F3F3; color:#06C;}
#lienzo td a{font-size:11px;}
#lienzo tr:nth-child(2n+2){background-color:#FAFAFA;}
#add tr:nth-child(2n+2){background:#FAFAFA;}
#lienzo .asig{ padding:0 !important; border-top:#ccc solid 1px; border-bottom:none;}
#lienzo .asig table{border:none; background:#FFF;}
#lienzo .asig tr:nth-child(2n+2){background:#F4F4F4;}
#lienzo .asig td{border:none; border-right:#ccc dashed 1px;}
#lienzo .asig #botones{border-right:none !important;}


#lienzo ul{font:13px Arial, Helvetica, sans-serif;}
#lienzo li{margin:5px; text-transform:uppercase; font:12px Arial, Helvetica, sans-serif; letter-spacing:1px;}

/*Formulario*/
#lienzo #tbl td{border:none; font:11px Arial, Helvetica, sans-serif; text-transform:uppercase; padding:3px 5px;}
#lienzo #add{background:#FAFAFA;}

#menu #cat{margin-left:10px;}
#menu #cat #m{margin:5px 3px; font:100% Arial, Helvetica, sans-serif;}
#menu #cat #m:hover{color:#FFF; padding-left:10px;}
#menu .title{font:bold 1.166666666666667em Arial; text-transform:uppercase; color:#3A3A3A; letter-spacing:2px; margin-top:4px; padding:3px 0 2px 0;} 



#bottom{width:85%; margin:auto; text-align:right; padding-top:5px;}



/*Utilidades */
.cls{clear:both;}
a{color:#060; text-decoration:none;}
a:hover{color:#F90;}
#title{font:bold 1.16666666667em Arial; margin:10 5px 0 0; padding:0 5px 7px 5px; color:#036; border-bottom:#039 solid 1px; border-left:#039 solid 4px; display:block;}
#lema{font:14px Arial, Helvetica, sans-serif; margin:5px;}

#info{float:right; font:11px Arial, Helvetica, sans-serif; padding-right:3px;}

.btn{border:#CCC solid 1px; margin:5px; padding:5px; background:url(../img/blue.png) repeat-x; text-transform:uppercase;}

/* automatitico develop */

.dsn{border:#ccc solid 1px; width:98%; border-collapse:collapse;}
.dsn th{background:url(../img/blue.png) repeat-x; text-align:left; font:11px Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold; border-bottom:#CCC solid 1px; padding:5px;}
.dsn td{border:#CCC solid 1px; font:12px Arial, Helvetica, sans-serif; padding:3px 5px;}
.dsn tr:nth-child(2n+1){background:#F0F0F0;}
.dsn tr:hover{background-color:#FFC;}
.dsn img{padding:2px 5px 2px 2px;}
.dsn td.nota{text-align:center;}
.dsn td.nota:hover{background:#036; color:#FFF;}
#desc{border:#CCC solid 1px; padding:5px; border-radius:5px; margin-bottom:5px; line-height:22px; background:url(../img/gris.png) repeat-x; text-transform:uppercase;}

#entorno{ margin:10px 5px 5px 0; padding:5px; border-radius:5px; background:#FFF;}
#entorno h1{font:16px Arial, Helvetica, sans-serif; color:#039; text-transform:uppercase;}
#entorno form{border:#CCC solid 1px; padding:5px; margin-top:3px; background-color:#F9F9F9;}
#entorno form label{display:block; width:200px; float:left; text-align:right; vertical-align:text-top; padding:5px;}
#entorno form input{font:11px Arial, Helvetica, sans-serif; padding:2px;}

/*MATRICULAS*/
#datosEst{margin:5px 0; border:#ccc solid 1px; padding:5px;}
#datosEst .title{font:11px Arial, Helvetica, sans-serif; margin:5px 0 8px 0; padding:3px 0; text-transform:uppercase; font-weight:bold; border-bottom:#ccc dashed 1px;}
#datosEst label{margin:0px 40px 10px 0; display:block; float:left;text-transform:uppercase; width:200px; line-height:17px; }
#datosEst form{background:none; border:none; margin:0;padding:0;}

#lienzo #matricula{background:none; border:none;}
#lienzo #matricula th{background-image:none;}
#lienzo #matricula tr:nth-child(2n+2){background-color:#FFF;}

#lienzo #matricula td{border:none; text-align:center; font:11px Arial, Helvetica, sans-serif; text-transform:uppercase;}
#lienzo #matricula div{border:#ccc solid 1px; width:150px; height:20px; border-radius:20px; padding:10px; text-align:center; font:11px Arial, Helvetica, sans-serif; text-transform:uppercase;}

#msnMat{margin:5px; text-transform:uppercase;}
#msnMat .title{font:15px Arial, Helvetica, sans-serif; margin:5px;}
#msnMat .datos{border:#CCC solid 1px; padding:5px;}
#msnMat .datos li{padding:3px 8px; }

/* Asignar docentes */
#docDiv{text-align:right;}
#docDiv img{width:16px; border:#CCC solid 1px; padding:2px 2px; background:#F0F0F0; float:right; margin:0 1px 0 5px; border-bottom:none;}

#doc{border-collapse:collapse; background:#FAFAFA; margin-bottom:7px; font:11px Arial, Helvetica, sans-serif; text-transform:uppercase;}
#doc b{font:12px Arial, Helvetica, sans-serif; font-weight:bold;}
#doc td{border:#CCC solid 1px; padding:5px;}
#doc td form{background:#FFF; border:none; margin:0; padding:0;}
#doc td form select{width:160px;}

#foro #title{font:22px Arial, Helvetica, sans-serif;}
#foro #des{font:14px Arial, Helvetica, sans-serif; line-height:22px; margin:5px;}
#foro .response{border:#F0F0F0 solid 1px; padding:5px; margin:5px 0;}
#foro .response .user{font:11px Arial, Helvetica, sans-serif; margin-top:10px;}
#foro .response img{width:14px;}

/* Estado de pasos de matricula*/
#ok{background:#090; color:#FFF;}
#no{background:#FBFBFB;}
#act{background:#FFC;}
#rojo{background:#F00; color:#FFF;}


.clic{cursor:pointer;}
.clr{clear:both;}
.inlinetop {display:inline-block; vertical-align:top;}
.hidden {display:none;}
.blk {background:url(../img/point.png); position:fixed; top:0; left:0; width:100%; height:100%;}
.right{margin-right:5px; text-align:right;}

#subwin {position:absolute; top:55%; left:55%; bottom:30%; width:400px; margin-top:-200px; margin-left:-275px; background:#CCC;padding:4px; border:#999 1px solid; border-radius:7px;}
#subwin #addNota{padding:5px; line-height:20px; text-transform:uppercase;}
#subwin .title {padding:3px 0px; font:bold 12px Arial; color:#FFF; text-align:right;}
#subwin .cnt {background:#FFF; padding:7px; height:220px; overflow:auto;} 
#subwin  label{}


#misDatos label{width:170px; display:block; float:left; text-align:right;}
#misDatos span{text-transform:uppercase; padding-left:10px; font:12px Arial, Helvetica, sans-serif;  font-weight:bold; }


/* Pagina Home */
#desHome #programa{border:#ccc solid 1px; float:left; width:49%;}
#desHome #programa #titl{border-bottom:#CCC solid 1px; padding:5px; background:#036; color:#fff; text-transform:uppercase; }
#desHome #programa #titl b{border:#CCC solid 1px; padding:1px 3px; border-radius:3px; background-color:#fff; color:#036;}
#desHome #programa #des {padding:8px 4px; font-size:11px; line-height:22px;}

#desHome #User #ti{background:#f0f0f0; border-bottom:#CCC solid 1px;}
#desHome #User{border:#CCC solid 1px; margin-left:51%;}
#desHome #User #titl {float:left; padding:5px;}
#desHome #User #titl b{border:#CCC solid 1px; padding:1px 3px; border-radius:3px; background-color:#fff;}

#desHome #User #SearchEst {margin-left:205px; text-align:right;}
#desHome #User #SearchEst form{ margin:0; border:none; padding:0; background:#09F;}
#desHome #User #des{height:103px; overflow:auto;}
#desHome #User #des table{font:12px Arial, Helvetica, sans-serif;}
#desHome #User #des table tr:nth-child(2n+1){background-color:#FFC;}
#desHome #User #des table td{padding:4px; border-bottom:#CCC solid 1px;}



/* Impesiones*/

#notas {display:none;}
#print {margin:10px 0; cursor:pointer;}