@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'open-regular';
  src: url('fonts/OpenSans-Regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/OpenSans-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/OpenSans-Regular.svg') format('svg'), /* Pretty Modern Browsers */
       url('fonts/OpenSans-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/OpenSans-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
  font-family: 'open-light';
  src: url('fonts/OpenSans-light.eot'); /* IE9 Compat Modes */
  src: url('fonts/OpenSans-light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/OpenSans-light.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/OpenSans-light.svg') format('svg'), /* Pretty Modern Browsers */
       url('fonts/OpenSans-light.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/OpenSans-light.ttf')  format('truetype'); /* Safari, Android, iOS */
}


/*******************body*****************/
body{
font:12px 'open-regular', 'verdana', arial, sans-serif; 
color:#828282;
background-color:#fff;
margin:0;
padding:0;

}
a{
text-decoration:none;
color:blue;
}
table, td{
font:12px 'open-regular', 'verdana', arial, sans-serif; 
color:#828282;
}
/****************************header**************************************/
#header{
width:100%;
margin:0 auto;
}
#titulo{
font-size:26px;
font-weight:bold;
border-left:solid #6ee000 7px;
color:#6ee000;
margin-top:4%;
margin-left:5px;
width:48%;
text-align: left;
}
#logo{
text-align:right;
vertical-align:top;
width:48%;
}
#logo1{
text-align:center;
vertical-align:top;
padding:20px 0;

}
#logo1 img, #logo img{
width:96%;
max-width:150px;
}

#titulo,#logo{
display:inline-block;
}


/*************************MENU****************************************/
#menu{
max-width:1200px;
text-align:center;
}
#lineamenu1{
background-color:#6ee000;
padding:20px;
text-align:right;
color:#FFFFFF;
}
#lineamenu{
background-image:url(img/linea-menu00.png);
height:60px;
background-position:center;
}
/************************CUERPO*****************************************/
#inicio{
max-width:1200px;
width:100%;
margin:0 auto;
font-size:14px;
text-align:center;

padding:40px 0;
}
#inicio1{
text-align:center;
margin:30px 0;
}
#inicio2{
display:inline-block;
text-align:center;
width:20%;
margin:0 2%;
padding:2%;
cursor:pointer;
}
#inicio2 img{
width:100%;
max-width:220px;
}
@media screen and (max-width:1000px){
#inicio2{
display:inline-block;
text-align:center;
width:40%;
margin:0 2%;
background-color:#6ee000;
padding:2%;
cursor:pointer;
}
}
#titini_cent{
font-size:20px;
font-weight:500;
color:#6ee000;
padding-bottom:10px;
border-bottom:#6ee000 solid 1px;
margin-bottom:20px;
text-align:left;
}

#titini{
font-size:22px;
font-weight:500;
color:#828282;
text-align:left;
padding-bottom:20px;
}
#borde_verde{
background-color:#fff;
padding: 0;
text-align:center;
}
#borde_blanco{
background-color:#FFFFFF;
width:94%;
padding:0;
margin:0 auto;
}
#fondo_plomo{
background-color:#fff;
color:#828282;
font-size:12px;
text-align:left;
width:94%;
padding:0;
margin:0 auto;

}

#bregistrar{
text-align:right;
margin:20px 5px;
}
#bregistrar a{
color:#fff;
border:0;
border-radius:15px;
font-size:14px;
text-decoration:none;
padding:7px 14px;
background-color:#6ee000;
}
@media screen and (max-width:400px){
#bregistrar a{
text-align:center;
display:block;
}
}

/*******************************TABLA*******************************************/
.bb{
border-bottom:#cbcbcb solid 1px;
}
.bl{
border-left:#cbcbcb solid 1px;
}
.bt{
border-top:#cbcbcb solid 1px;
}
.br{
border-right:#cbcbcb solid 1px;
}
.borde{
border:#000000 solid 1px;
background-color:#eeeeee;
}
#font_tab{
text-align:center;
}
.texto{
font-weight:normal;
font-size:12px;
}
.texto1{
font-weight:normal;
font-size:12px;
display:inline-block;
}
.texto2{
text-align:center;
font-weight:normal;
padding:8px;
display:inline-block;
}

/***************************ESTUDIANTES**************************************/

#est1{
border-right:#fff solid 1px;
}
#est1,#est2{
width:47%;
vertical-align:top;
display:inline-block;
padding:20px 0;
text-align:left;
margin:0 10px;
}
#est1{
border-right:#9b9a9b solid 1px;
}
@media screen and (max-width:900px){
#est1,#est2{
width:90%;
border-right:0;
}
}

@media screen and (max-width:800px){
#est1,#est2{
width:90%;
border-right:;
}
}

#est11,#est12,#est13,#est14,#est15,#est16,#est17,#est18,#est19{
padding-bottom:10px;
}
#est11,#est12{
width:48%;
display:inline-block;
}
#est111{
text-align:left;
margin-right:15px;
}
#est111,#est112{
width:48%;
display:inline-block;
}

#est151,#est152{
width:48%;
display:inline-block;
}
#est161,#est162,#est163{
display:inline-block;
vertical-align:top;
}

#est161{
width:25%;
}
#est162,#est163{
width:34%;
}


#est1611,#est1612{
display:inline-block;
}
#est171,#est172{
display:inline-block;
width:48%;
}
#est18{
width:48%;}

#est191,#est192{
display:inline-block;
width:48%;
}

#est21,#est22,#est23,#est24,#est25,#est26,#est27,#est28{
padding-bottom:10px;
}
#est211,#est212{
width:48%;
display:inline-block;
}
#est221,#est222{
width:48%;
display:inline-block;
}
#est20{
text-decoration:underline;
padding-bottom:7px;
}
#est231,#est232{
width:48%;
display:inline-block;
}
#est251,#est252{
width:48%;
display:inline-block;
}
#est271,#est272{
width:48%;
display:inline-block;
}
#est21,#est24,#est26{
width:75%;
}

@media screen and (max-width:900px){
#est161,#est162,#est163{
width:45%;
}
}
@media screen and (max-width:600px){
#est161,#est162,#est163,#est21{
width:90%;
}
}
@media screen and (max-width:500px){
#est11,#est12{
width:90%;
}
}

.entrada{
font-size:14px;
color:#5b5b5b;
background-color:#e4dbf4;
border:0;
width:90%;
padding:5px;
margin-right:10px;
margin-top:5px;
}
.entrada-input{
font-size:15px;
color:#5b5b5b;

}
.entradan{
font-size:14px;
color:#5b5b5b;
background-color:#fff;
border:#cecece solid 1px;
width:50px;
padding:5px;
margin-right:10px;
margin-top:5px;
}
.act, .actp{
color:#666666;
background-color:#ffffff;
border:#cccccc solid 1px;
border-radius:5px;
font-size:14px;
padding:4px;
}

.option-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  height: 25px;
  width: 25px;
  transition: all 0.15s ease-out 0s;
  background: #fff;
  border: #ccc solid 1px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  vertical-align:middle;
}
.option-input:checked {
  background: #6ee000;
}
.option-input:checked::before {
  height: 25px;
  width: 25px;
  position: absolute;
  content: '✔';
  display: inline-block;
  font-size: 24px;
  text-align: center;
  line-height: 20px;
}
#botones{
text-align:center;
width:100%;
margin:0 auto;
}
#bguardar{
text-align:center;
margin:20px 5px;
width:37%;
}
#bguardar input{
color:#fff;
border:0;
border-radius:20px;
font-weight:bold;
font-size:16px;
text-decoration:none;
padding:9px 18px;
background-color:#6ee000;
}
#bcancelar{
text-align:center;
margin:20px 5px;
width:37%;
}
.boton{
color:#fff;
border:0;
border-radius:15px;
font-size:14px;
text-decoration:none;
padding:7px 14px;
background-color:#6ee000;
}
.boton1{
color:#fff;
border:0;
border-radius:5px;
font-size:14px;
text-decoration:none;
padding:5px 10px ;
background-color:#006699;
margin-right:5px;
}
.boton2{
color:#fff;
border:0;
border-radius:5px;
font-size:14px;
text-decoration:none;
padding:5px 10px ;
background-color:#009933;
margin-right:5px;
}
.boton3{
color:#fff;
border:0;
border-radius:5px;
font-size:14px;
text-decoration:none;
padding:5px 10px ;
background-color:#666666;
}
#bcancelar input{
color:#fff;
border:0;
border-radius:20px;
font-weight:bold;
font-size:16px;
text-decoration:none;
padding:9px 18px;
background-color:#6ee000;
}
.botonm{
color:#fff;
border:0;
border-radius:20px;
font-weight:bold;
font-size:16px;
text-decoration:none;
padding:7px 18px;
background-color:#6ee000;
}

#bguardar,#bcancelar{
display:inline-block;
}
@media screen and (max-width:400px){
#bguardar,#bcancelar{
width:90%;
}
}

#bvolver{
text-align:center;
margin:20px 5px;
width:100%;
}
#bvolver input{
color:#fff;
border:0;
border-radius:20px;
font-weight:bold;
font-size:16px;
text-decoration:none;
padding:9px 18px;
background-color:#6ee000;
}
#bmostrar{
text-align: right;
margin:15px 5px;
}

#bmostrar input{
color:#fff;
border:0;
border-radius:20px;
font-weight:bold;
font-size:13px;
text-decoration:none;
padding:7px 15px;
background-color:#6ee000;
text-align:right;

}
#bmostrar,#texto1{
display:inline-block;
}



/****************************ADMINISTRATIVOS*************************************/
#admin0{
padding:5% 15% ;
text-align:center;
vertical-align:top;
}
@media screen and (max-width:400px){
#admin0{
padding:1%;
}
}

#admin1,#admin2,#admin3,#admin4,#admin5{
text-align:justify;
margin:0 auto;
padding:5px;
}
#admin11,#admin12{
width:47%;
display:inline-block;
}
#admin23{
width:15%;
}
#admin21,#admin22{
width:38%;
}
#admin21,#admin22,#admin23{
display:inline-block;
}
#admin231,#admin232{
display:inline-block;
}
#admin31,#admin32{
width:47%;
display:inline-block;
}
#admin41,#admin42{
width:47%;
display:inline-block;
}
#admin51,#admin52{
width:47%;
display:inline-block;
}
@media screen and (max-width:800px){
#admin21,#admin22,#admin23{
width:45%;
}
}
@media screen and (max-width:600px){
#admin11,#admin12,#admin21,#admin22,#admin23{
width:90%;
}
}
@media screen and (max-width:400px){
#admin11,#admin12,#admin21,#admin22,#admin23{
width:90%;
padding:2px;
}
}


/*************************DOCENTE****************************************/
#font_sub{
font-weight:bold;
padding:9px;
}
#font_sub_{
font-weight:bold;
padding:9px;
text-decoration:underline;
}

#texto_inf{
font-weight:normal;
font-size:12px;
}
#font_sub,#texto_inf{
display:inline-block;
}
#ini_ver{
max-width:35%;
width:100%;
margin:0 auto;

}
@media screen and (max-width:600px){
#ini_ver{
max-width:95%;
}
}
/*****************************VER************************************/
#ver{
max-width:95%;
width:100%;
margin:0 auto;
}
#ver1,#ver2{
display:inline-block;
width:40%;
vertical-align:top;
padding:30px 4%
}
@media screen and (max-width:800px){
#ver1,#ver2{
width:90%;
}
}
/**************************PROGRAMAS Y TIPOPROG***************************************/
#tipo0{
padding:5% 15% ;
text-align:center;
max-width:45%;
width:100%;
margin:0 auto;
}

#tipot{
text-align:justify;
width:99%;
margin:0 auto;
padding:5px;
}

#tipotf1,#tipotf2{
text-align:justify;
padding:5px 0;
width:47%;
display:inline-block;
}
#tipot1,#tipot2{
display:inline-block;
}
#tipot1{
width:82%;
}
#tipot2{
width:12%;
text-align:center;
}
/*****************************MODULOS************************************/
#mod{
padding:5% 5% ;
text-align:center;
width:80%;
margin:0 auto;
}
#mod1{
text-align:left;
width:99%;
margin:0 auto;
padding:5px;
}
#mod0{
text-align:left;
width:100%;
margin:0 auto;
padding:5px;
}

#modg{
text-align:left;
width:95%;
}
#mod11{
text-align:left;
width:20%;
}
#mod12{
text-align:left;
width:75%;
padding-left:15px;
}
#mod11,#mod12{
display:inline-block;
}
#modf{
text-align:left;
width:49%;
display:inline-block;
}
#mod1s{
text-align: left;
text-decoration:underline;
width:99%;
margin:0 auto;
padding:5px;
padding-top:20px;
}
#modfs{
text-align:left;
width:49%;
display:inline-block;
}
/*************************NOTAS****************************************/
#titini_centf{
font-size:14px;
font-weight:600;
color:#6ee000;
padding-bottom:6px;
border-bottom:#6ee000 solid 1px;
}

/*****************************PIE************************************/
#pie{
width:100%;
background-color:#878787;
color:#FFFFFF;
text-align:center;
}
#lineapie{
height:60px;
}
/*****************************************************************/
/*****************************************************************/

.rotar {
    -webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);	
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    display: block;
    margin-left: -35px;
	margin-right: -35px;
	white-space: nowrap;
	z-index:-300;
}
#error{
color:#FF0000;
border:#990000 solid 1px;
background-color:#FFE1E1;
padding:10px;
margin-top:10px;
text-align:center;
}
#ok{
color:#006600;
border:#006600 solid 1px;
background-color:#DFFFDF;
padding:10px;
margin-top:10px;
text-align:center;
}
.rojo{
color:#FF0000;
}

.enlace{
text-decoration:none;}
.table-container{
max-width:100%;
overflow-x:scroll;
}
.sticky{
position:sticky;
left:0;
background-color:#FFFFFF;
}
.sticky1{
position:sticky;
left:52px;
background-color:#FFFFFF;
}
.sticky2{
position:sticky;
left:0;
background-color:#FFFFFF;
display:table-cell;
height:90px;
width:52px;
z-index:300;
}
.sticky3{
position:sticky;
left:52px;
background-color:#FFFFFF;
display:table-cell;
z-index:300;
height:90px;
}
.peque6{
font-size:6px;
}.peque10{
font-size:10px;
}
.t20{
width:20%;
}
.t40{
width:40%;
}
.t60{
width:60%;
}
.t80{
width:80%;
}
.t96{
width:96%;
}
.t100{
width:99%;
}
.plomo{background-color:#eeeeee;
}