*
{
border: 0px;
margin: 0px;
padding: 0px;
}
#cont{ 
	margin: 0 auto;
	margin-top: 0.5em;
	width: 99%; height:99%;
	
	}
#encabezado{
	 margin: 0 auto;
	 width: 99%; height: 6%;  
	 border-top-left-radius:1.5em;
	 border-top-right-radius: 1.5em;
	 border-color: blue;
	 border-style: solid;
	 border-width: 0.1em;
	 padding: 0;
	 padding-left: 0.3em;
	 padding-top: 0.1em;
	background-color: #1C087E;
	color: white;
	}
#enca3{
    margin: 0 auto;
    float: left;
    width: 33.3%;
    height: 98px;
    background-color: #1C087E;
	color: white;
	padding: 0;
}

#logo{
	 width: 14%; 
	 /*height: 95%; */
	}
#logo2{
	 width: 46.6%; 
	 /*height: 95%; */
	}

@media screen and (orientation: portrait) {
	#logo{
	 	width: 45%; 
	 	/*height: 95%; */
	}
	#logo2{
	 width: 100%; 
	 /*height: 95%; */
	}
	#enca3{
    margin: 0 auto;
    float: left;
    width: 33.3%;
    height: 53px;
    background-color: #1C087E;
	color: white;
	padding: 0;
	font-size: 0.7em;
}
}

#logoie{
	 width: 15%; 
	}

@media screen and (orientation: portrait) {
	#logoie{
	 	width: 25%;
	}
}

#indentificacion{
	margin: 0 auto;
	border: 0px;
	width: 0;
	width: 99%; height: 15%;
	border-style : solid;
	border-width: 0.1em;
	border-color: white;
	border-left-color : blue;
	border-right-color: blue;
	border-top-style: hidden;
	border-bottom-style: hidden;
	display:inline-block; 

	
}
@media screen and (orientation: portrait) {
#indentificacion{
	margin: 0 auto;
	border: 0px;
	width: 0;
	width: 99%; height: 18%;
	border-style : solid;
	border-width: 0.1em;
	border-color: white;
	border-left-color : blue;
	border-right-color: blue;
	border-top-style: hidden;
	border-bottom-style: hidden;
	font-size: 1.1em;


	}
}
#foto{
	margin: 0 auto;
	margin: 0.1em;
	float: right;
	width: 5em; height: 5.5em;
	background-color: grey;
	border-radius: 2em 2em 2em 2em;
	border-right-style : groove;
	border-bottom-style : groove;
	border-width: 0.3em;
	border-right-color: #6a7fa0;
	border-bottom-color: #6a7fa0;
	text-align: center;
	color: white;
}
@media screen and (orientation: portrait) {
	#foto{
	margin: 0 auto;
	padding: 0;
	margin: 0.1em;
	float: right;
	width: 4.5em; height: 5em;
	background-color: grey;
	border-radius: 0.5em 0.5em 0.5em 0.5em;
	border-right-style : groove;
	border-bottom-style : groove;
	border-width: 0.1em;
	border-right-color: #6a7fa0;
	border-bottom-color: #6a7fa0;
	text-align: center;
	color: white;
	font-size: 0.8em;
	}
}

#saludo{
	margin: 0px auto;
	padding: 0;
	margin-left: 1em;
	float: left;
	width: auto;
	height: auto;
}


#ico{
	margin: 0px auto;
	width: 25%; height: 80%;
	margin-top: 0.3em;
	margin-left: 1em;
	border-radius: 1em 1em 1em 1em;
	border-right-style : groove;
	border-bottom-style : groove;
	border-width: 0.2em;
	border-right-color: #6a7fa0;
	border-bottom-color: #6a7fa0;
	text-align: center;
	color: navy;
	font-size: 1em;
	background-color: white;
	display: inline-block;

}

#imgico{
	margin: 0px auto;
	margin-top: 0.2em;
	 border:none;
	padding: 0px;
	 width:100%;
     height:70%;    
    
}

@media screen and (orientation: portrait) {
	#ico{
		width: 30%; height: 80%;
		margin-top: 0.1em;
		margin-left: 0.5em;
		border-radius:0.5em 0.5em 0.5em 0.5em;
		border-right-style : groove;
		border-bottom-style : groove;
		border-width: 0.1em;
		border-right-color: #6a7fa0;
		border-bottom-color: #6a7fa0;
		text-align: center;
		color: navy;
		font-size: 1.5em;
	}

	#imgico{
		margin: 0px auto;
		margin-top: 0.1em;
		 border:none;
		padding: 0px;
		 width:100%;
	     height:70%;  
	 }

}


#menu_mas{
	margin: 0px auto;
	padding: 0;
	width: 50%; height: 90%;
	background-color: #F5FCFF;
	border-radius: 2em 2em 2em 2em;
	text-align: center;
	color: white;
	font-size: 0.7em;
}

#menu_fem{
	margin: 0px auto;
	padding: 0;
	width: 30%; height: 90%;
	background-color: #ECFEDE;
	border-radius: 0.5em 0.5em 0.5em 0.5em;
	text-align: center;
	color: white;
	font-size: 0.7em;
}

@media screen and (orientation: portrait) {
	#menu_mas{
	margin: 0px auto;
	padding: 0;
	width: 90%; height: 50%;
	float: left;
	background-color: #F5FCFF;
	border-radius: 2em 2em 2em 2em;
	text-align: center;
	color: white;
	font-size: 0.7em;
	}

	#menu_fem{
		margin: 0px auto;
		padding: 0;
		width: 60%; height: 50%;
		float: left;
		background-color: #ECFEDE;
		border-radius: 0.5em 0.5em 0.5em 0.5em;
		text-align: center;
		color: white;
		font-size: 0.7em;
	}

}

#contenido{ 
	margin: 0 auto;
	width: 99%; height: 90%;
	background-color: #f6f8f6;
	border-style: solid;
	border-width: 0.1em;
	border-color: blue;
	border-bottom-left-radius:2em;
	border-bottom-right-radius: 2em;
	}
 
#logear{
	margin: 0 auto;
	margin-top: 1em;
	width: 25%; height:30%;
	padding: 2em;
	text-align: center;
	background-color: white;
	color: navy;
}

@media screen and (orientation: portrait) {
#logear{
	margin: 0 auto;
	margin-top: 1em;
	width: 70%; height:80%;
	padding: 1.5em;
	text-align: center;
	background-color: white;
	color: navy;
	font-size: 3em;
	}


#titulo1{
	text-align: center;
	color: black;
}

}

#titulo1{
	text-align: center;
	color: black;
}

#estudiante{
	margin: 0 auto;
	margin: 1em;
	float: left;
	margin-top: 0.2em;
	width: 85%; 
	padding: 1em;
	text-align: center;
	background-color: #82aef5;
	color: white;
	text-align: left;
	border-radius:  0.1em 2em 2em 2em;
	border-right-style : groove;
	border-bottom-style : groove;
	border-width: 0.3em;
	border-right-color: #6a7fa0;
	border-bottom-color: #6a7fa0;
}

@media screen and (orientation: portrait) {
	#estudiante{
	margin: 0 auto;
	margin: 0.3em;
	float: left;
	margin-top: 0.1em;
	width: 85%; 
	padding: 0.3em;
	text-align: center;
	background-color: #82aef5;
	color: white;
	text-align: left;
	border-radius:  0.1em 1em 1em 1em;
	border-right-style : groove;
	border-bottom-style : groove;
	border-width: 0.3em;
	border-right-color: #6a7fa0;
	border-bottom-color: #6a7fa0;
	font-size: 2em;
	}
}

#salir{
	margin: 0 auto;
	margin-top: 0.1em;
	margin-right: 0.1em;
	padding-top: 0.1em;
	float: right;
	width: 3%; height: 50%;
	background-color: lightgray;
	border-radius: 0.5em 0.5em 0.5em 0.5em;
	border-right-style : groove;
	border-bottom-style : groove;
	border-width: 0.2em;
	border-right-color: #6a7fa0;
	border-bottom-color: #6a7fa0;
	text-align: center;
	color: navy;
}

@media screen and (orientation: portrait) {
	#salir{
	margin: 0 auto;
	margin-top: 0.1em;
	margin-right: 0.1em;
	padding-top: 0.1em;
	float: right;
	width: 10%; height: 50%;
	background-color: lightgray;
	border-radius: 0.5em 0.5em 0.5em 0.5em;
	border-right-style : groove;
	border-bottom-style : groove;
	border-width: 0.2em;
	border-right-color: #6a7fa0;
	border-bottom-color: #6a7fa0;
	text-align: center;
	color: navy;
	font-size: 2em;
	}
}
#boton{
	margin: 0 auto;
	margin: 0.1em;
	background-color: navy;
	border-radius: 0.5em 0.5em 0.5em 0.5em;
	border-right-style : groove;
	border-bottom-style : groove;
	border-width: 0.2em;
	border-right-color: lightgray;
	border-bottom-color:lightgray;
	text-align: center;
	color: white;
	width: 40%;
	height: 2em;
	font-size: 1em;
}

@media screen and (orientation: portrait) {
	#boton{
	margin: 0 auto;
	margin: 0.1em;
	background-color: navy;
	border-radius: 0.5em 0.5em 0.5em 0.5em;
	border-right-style : groove;
	border-bottom-style : groove;
	border-width: 0.2em;
	border-right-color: lightgray;
	border-bottom-color: lightgray;
	text-align: center;
	color: white;
	width: 60%;
	height: 2em;
	font-size: 1em;
}
}


#listaestud{
	margin: 0 auto;
	overflow: auto;
	width: 99%; height: 90%;
	background-color: gray;
}

#lista1{
	width: 99%; height: 90%;
	overflow: auto;
	
	}


#lista1 ul { 
    list-style:none; 

}

#lista1 ul li { 
    font-family:Georgia,serif,Times; 
    font-size:18px; 
    vertical-align: middle;
}


#lista1 ul li a { 
    display:block; 
    width:70%; 
    /*height:19%; */
    height:24%; 
    background-color:white; 
    border-left:0.6em solid navy; 
    border-right:0.3em solid navy; 
    border-bottom:0.1em solid #EFF5F5; 
    padding-left:1em;
    text-decoration:none; 
     font-size:18px; 
    color:navy; 
}

@media screen and (orientation: portrait) {
	#lista1 ul li a { 
	width:85%; 
	height:15%; 
	font-size:28px; 
	margin-left: 0.1em;
	padding-left:0.5em;
	}
}

#lista1 ul li a:hover { 
   /* -moz-transform:rotate(-2deg); */
    -moz-box-shadow:1em 1em 2em #000000;
   /* -webkit-transform:rotate(-2deg); */
    -webkit-box-shadow:1em 1em 2em #000000;
   /* transform:rotate(2deg);*/
    box-shadow:1em 1em 2em #000000; 
    margin-left: 0.3em;
}

#minifoto{
	margin: 0 auto;
	margin: 0.1em;
	float: left;
	width: 0.8em; height: 1em;
	background-color: white;
	border-radius: 0.2em 0.2em 0.2em 0.2em;
	border-right-style : groove;
	border-bottom-style : groove;
	border-width: 0.1em;
	border-right-color: #6a7fa0;
	border-bottom-color: #6a7fa0;
	text-align: center;
	color: white;
}

#asignaturas{
	margin: 0 auto;
	padding-top: 0.5em;
	padding-left: 1.5em;
	padding-right:1.5em;
	width:780px; 
    height:400px; 
	overflow: auto;
    background: white;
    color:navy;
    column-fill:auto;
}


#asignaturas ul { 
    list-style:none; 
 	column-count: 4;
    column-gap: 0.3em;
    column-width: 22%;
   /* column-fill:auto;*/


}

#asignaturas ul li { 
    font-family:Georgia,serif,Times; 
    font-size:13px; 
    height:55px; 
    vertical-align: middle;
    column-fill:auto;
    margin-left: 0.1em;
}

#asignaturasya ul li { 
    font-family:Georgia,serif,Times; 
    font-size:13px; 
    height:55px; 
    vertical-align: middle;
    column-fill:auto;
    margin-left: 0.1em;
}

#asignaturas ul li a { 
    display:block; 
    height:55px; 
    background-color:navy; 
    border-left:0.3em solid gray; 
    border-right:0.1em solid gray; 
    border-bottom:0.2em solid white; 
    padding-left:0.3em;
    text-decoration:none; 
    color:white; 
    column-fill:auto;
    vertical-align: middle;
    margin-left: 0.1em;
}

#asignaturas ul li a:hover { 
  
    border-radius: 1em 1em 1em 1em;
  /*  -webkit-transform:scale(0.5);transform:scale(1.3); */
    -moz-box-shadow:1em 1em 2em white;
    -webkit-box-shadow:1em 1em 2em white;
    box-shadow:1em 1em 2em white; 

}

@media screen and (orientation: portrait) {

	#asignaturas{
	margin: 0 auto;
	padding-top: 3em;
	padding-left: 3em;
	padding-right:3em;
	width:90%; 
    height:90%; 
	overflow: auto;
    background: white;
    color:navy;
    column-fill:auto;
	}


	#asignaturas ul { 
	    list-style:none; 
	 	column-count: 2;
	    column-gap: 0.1em;
	    column-width: 22%;
	   /* column-fill:auto;*/


	}

	#asignaturas ul li { 
	    font-family:Georgia,serif,Times; 
	    font-size:18px; 
	    height:100px; 
	    vertical-align: middle;
	    column-fill:auto;
	    margin-left: 0.1em;
	}


	#asignaturas ul li a { 

	    display:block; 
	    height:100px; 
	    background-color:navy; 
	    border-left:0.3em solid gray; 
	    border-right:0.1em solid gray; 
	    border-bottom:0.2em solid white; 
	    padding-left:0.3em;
	    font-family:Georgia,serif,Times; 
	    text-decoration:none; 
	    font-size:28px; 
	    color:white; 
	    column-fill:auto;
	    vertical-align: middle;
	    margin-left: 0.1em;
	}

	#asignaturas ul li a:hover { 
	  
	    border-radius: 1em 1em 1em 1em;
	   /* -webkit-transform:scale(1.3);transform:scale(1.3);*/
	    -moz-box-shadow:1em 1em 2em white;
	    -webkit-box-shadow:1em 1em 2em white;
	    box-shadow:1em 1em 2em white; 

	}


}



#miniico{
	margin: 0px auto;
	width: 2em; height: 2em;
	margin-top: 0.1em;
	border-radius: 0.7em 0.7em 0.7em 0.7em;
	border-right-style : groove;
	border-bottom-style : groove;
	border-width: 0.2em;
	border-right-color: #6a7fa0;
	border-bottom-color: #6a7fa0;
	text-align: center;
	color: white;
}

#miniicoya{
	margin: 0px auto;
	width: 2em; height: 2em;
	margin-top: 0.1em;
	border-radius: 0.3em 0.3em 0.3em 0.3em;
	border-right-style : groove;
	border-bottom-style : groove;
	border-width: 0.3em;
	border-right-color: orange;
	border-bottom-color: orange;
	text-align: center;
	color: orange;
}

#subtitulo{
	color: silver;
}

#subtituloya{
	color: navy;
}

#titulo{
	font-style: none;
	font-family:Georgia,serif,Times; 
	font-size: 20px;
	font-style: bold;
	padding-left: 2em;
	margin: 0.2em;
	color:navy;	
    text-shadow:2px 2px 2px gray; 

}

#idcompañero{
	margin: 0px auto;
	width: 98%; height: 16%;
	background-color: navy;

}
#fotoc{
	margin: 0 auto;
	margin-top: 0.1em;
	margin-left:1em; 
	margin-right: 1em;
	float: left;
	width: 5%; height:87%;
	background-color: grey;
	border-radius: 2em 2em 2em 2em;
	border-right-style : groove;
	border-bottom-style : groove;
	border-width: 0.3em;
	border-right-color: #6a7fa0;
	border-bottom-color: #6a7fa0;
	text-align: center;
	color: white;
}
@media screen and (orientation: portrait) {
	#fotoc{
	margin: 0 auto;
	padding: 0;
	margin-left: : 1em;
	margin-right: 1em;
	float: left;
	width: 15%; height: 88%;
	background-color: gray;
	border-radius: 4em 4em 4em 4em;
	border-right-style : groove;
	border-bottom-style : groove;
	border-width: 0.2em;
	border-right-color: silver;
	border-bottom-color: silver;
	text-align: center;
	color: white;
	}


}

#ind{
	color: white;
	font-size: 18px;

}
@media screen and (orientation: portrait) {

	#ind{
	color: white;
	font-size: 30px;
	}
}

#cooevaluacion{

	margin: 0px auto;
	font-style: none;
	width: 98%; height: 90%;
	background-color: silver;
	border-radius: 0.1em 0.1em 2em 2em;
	border-right-style : groove;
	border-bottom-style : groove;
	border-width: 0.2em;
	border-right-color: gray;
	border-bottom-color: gray;
	font-size: 28px;

}
#ev{
	margin: 0px auto;
	width: 99%
	height:auto;
	border:1px;
	border-style:solid;
	border-collapse: collapse;
	
	
}


#opcion{
	width: 60%;
	height:auto%;
	align-content: center;
}
#opcion:hover { 
	  
	    border-radius: 1em 1em 1em 1em;
	  /*  -webkit-transform:scale(1.3);transform:scale(1.3);*/
	    -moz-box-shadow:1em 1em 2em silver;
	    -webkit-box-shadow:1em 1em 2em silver;
	    box-shadow:1em 1em 2em silver; 

	}
	#enca{
		height: 3em;
		width: 52%;
		font-size: 28px;
		border-color: silver;
		border:1px;
		border-style:solid;
		border-collapse: collapse;
		background-color: white;

	}

	#op{
		height: 3em;
		width: 12%;
		text-align: center;
		font-size: 28px;
		border-color: silver;
		border:1px;
		border-style:solid;
		border-collapse: collapse;
		background-color: white;

	}

	#encat{
		height: 0.3em;
		border-color: #1e5799;
		border:1.5px;
		border-style:solid;
		border-collapse: collapse;
		
		text-align: center;
		font-size: 22px;
		background-color: #3366ff;
		color: white;

	}

#contt{
		height: 1em;
		border-color: navy;
		border:1px;
		border-style:solid;
		border-collapse: collapse;
		
		text-align: center;
		font-size: 18px;
		background-color: white;
		color: black;

	}

#asigcoo{
	margin: 0px auto;
	float: right;
	margin-right: 1em;
	color: white;
}
#pie{
	margin: 0px auto;
	background-color: navy;
	width: 30%;
	padding: 0.3em;
	text-align: center;
}



 .botong{
        font-size:10px;
        font-family:Verdana,Helvetica;
        font-weight:bold;
        color:white;
        background:#638cb5;
        border:0px;
        width:150px;
        height:30px;
       }

 input[type=checkbox]
{
  /* Doble-tamaño Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari y Chrome */
  -o-transform: scale(2); /* Opera */
  padding: 10px;
}

/*    grupos    */

#grupos{
	margin: 0 auto;
	padding-top: 0.5em;
	padding-left: 1.5em;
	padding-right:1.5em;
	width:780px; 
    height:400px; 
	overflow: auto;
    background: white;
    color:navy;
    column-fill:auto;
}


#grupos ul { 
    list-style:none; 
 	column-count: 4;
    column-gap: 0.3em;
    column-width: 22%;
   /* column-fill:auto;*/


}

#grupos ul li { 
    font-family:Georgia,serif,Times; 
    font-size:13px; 
    height:55px; 
    vertical-align: middle;
    column-fill:auto;
    margin-left: 0.1em;
}

#gruposya ul li { 
    font-family:Georgia,serif,Times; 
    font-size:13px; 
    height:55px; 
    vertical-align: middle;
    column-fill:auto;
    margin-left: 0.1em;
}

#grupos ul li a { 
    display:block; 
    height:55px; 
    background-color:green; 
    border-left:0.3em solid gray; 
    border-right:0.1em solid gray; 
    border-bottom:0.2em solid white; 
    padding-left:0.3em;
    text-decoration:none; 
    color:white; 
    column-fill:auto;
    vertical-align: middle;
    margin-left: 0.1em;
}

#grupos ul li a:hover { 
  
    border-radius: 1em 1em 1em 1em;
  /*  -webkit-transform:scale(0.5);transform:scale(1.3); */
    -moz-box-shadow:1em 1em 2em white;
    -webkit-box-shadow:1em 1em 2em white;
    box-shadow:1em 1em 2em white; 

}

@media screen and (orientation: portrait) {

	#grupos{
	margin: 0 auto;
	padding-top: 3em;
	padding-left: 3em;
	padding-right:3em;
	width:90%; 
    height:90%; 
	overflow: auto;
    background: white;
    color:navy;
    column-fill:auto;
	}


	#grupos ul { 
	    list-style:none; 
	 	column-count: 2;
	    column-gap: 0.1em;
	    column-width: 22%;
	   /* column-fill:auto;*/


	}

	#grupos ul li { 
	    font-family:Georgia,serif,Times; 
	    font-size:18px; 
	    height:100px; 
	    vertical-align: middle;
	    column-fill:auto;
	    margin-left: 0.1em;
	}


	#grupos ul li a { 

	    display:block; 
	    height:100px; 
	    background-color:green; 
	    border-left:0.3em solid gray; 
	    border-right:0.1em solid gray; 
	    border-bottom:0.2em solid white; 
	    padding-left:0.3em;
	    font-family:Georgia,serif,Times; 
	    text-decoration:none; 
	    font-size:28px; 
	    color:white; 
	    column-fill:auto;
	    vertical-align: middle;
	    margin-left: 0.1em;
	}

	#grupos ul li a:hover { 
	  
	    border-radius: 1em 1em 1em 1em;
	   /* -webkit-transform:scale(1.3);transform:scale(1.3);*/
	    -moz-box-shadow:1em 1em 2em white;
	    -webkit-box-shadow:1em 1em 2em white;
	    box-shadow:1em 1em 2em white; 

	}


}

img.btn-whatsapp {
  display: block !important;
  position: fixed;
  z-index: 9999999;
  bottom: 5px;
  right: 5px;
  cursor: pointer;
  border-radius:100px !important;
}
img.btn-whatsapp:hover{
  border-radius:100px !important;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(7,94,84,1); 
  -moz-box-shadow: 0px 0px 15px 0px rgba(7,94,84,1);
  box-shadow: 0px 0px 15px 0px rgba(7,94,84,1);
  transition-duration: 1s;
} 

#formlog{
	width:15em; 
    height:2em; 
    font-family:Georgia,serif,Times; 
	    font-size:18px; 
	background: gray;
	color: white;
}
#formlog::placeholder {
  color:white;
}

#formlog::-webkit-input-placeholder {
  color: white;
}
#formlog::-moz-placeholder {
  color: white;
}
#formlog::-ms-input-placeholder {
  color: white;
}
#formlog::-moz-placeholder {
  color: white;
}

@media screen and (orientation: portrait) {

	#formlog{
	width:15em; 
    height:2em; 
    font-family:Georgia,serif,Times; 
	    font-size:18px; 
	background: gray;
	color: white;
	font-size: 1em;
	}
	
#formlog::placeholder {
 color:white;
}
#formlog::-webkit-input-placeholder {
  color: white;
}
#formlog::-moz-placeholder {
  color: white;
}
#formlog:-ms-input-placeholder {
  color: white;
}
#formlog:-moz-placeholder {
  color: white;
}

}

#tmanualv{ 
	margin: 0 auto;
	width: 99%; height: 90%;
	background-color: WHITE;
	border-width: 0;
	border-color: WHITE;
	color: BLACK;
	text-align:center;
	text-shadow:2px 2px 2px gray; 
	}
#manualtv{ 
	margin: 0 auto;
	width: 99%; height: 90%;
	background-color: WHITE;
	border-width: 0;
	border-color: WHITE;
	color: BLACK;
	text-align:center;
	
	}
#manualav{ 
	margin: 0 auto;
	width: 99%; height: 90%;
	background-color: WHITE;
	border-width: 0;
	border-color: WHITE;
	text-align: justify;
	color: BLACK;
	}
#iconew{
	width: 1%;
}

#idestudiante{
	margin: 0px auto;
	width: 98%; height: 25%;
	background-color: white;
	font-size: 14px;

	}

@media screen and (orientation: portrait) {

	#tmanualv{ 
	margin: 0 auto;
	width: 99%; height: 90%;
	background-color: WHITE;
	border-width: 0;
	border-color: WHITE;
	color: BLACK;
	text-align:center;
	text-shadow:2px 2px 2px gray; 
	font-size: 2em;
	}
#manualtv{ 
	margin: 0 auto;
	width: 99%; height: 90%;
	background-color: WHITE;
	border-width: 0;
	border-color: WHITE;
	color: BLACK;
	text-align:center;
	font-size: 2.5em;
	}
#manualav{ 
	margin: 0 auto;
	width: 99%; height: 90%;
	background-color: WHITE;
	border-width: 0;
	border-color: WHITE;
	text-align: justify;
	color: BLACK;
	font-size: 2.5em;
	}
#iconew{
	width: 3%;
}
#idestudiante{
	margin: 0px auto;
	 98%; height: 10%;
	background-color: white;
	font-size: 1.2em;

	}
}

.doscol {
	width: 85%;

}
.doscola {
	width: 95%;
	height: 3em;
}

@media screen and (orientation: portrait) {
	.doscol {
	width: 70%;

	}
	.doscola {
		width: 95%;
		height: 4em;
	}
	.fechas {
		width: 8em;
		
	}
}
.btnobservacion{
	margin: 0 auto;
	margin: 0.1em;
	background-color: navy;
	border-radius: 0.5em 0.5em 0.5em 0.5em;
	border-right-style : groove;
	border-bottom-style : groove;
	border-width: 0.2em;
	border-right-color: lightgray;
	border-bottom-color:lightgray;
	text-align: center;
	color: yellow;
	font-weight: bold;
	width: 5.5em;
	height: 1.5em;
	font-size: 1em;
}

.btnformulario{
	margin: 0 auto;
	margin: 0.1em;
	background-color: navy;
	border-radius: 0.5em 0.5em 0.5em 0.5em;
	border-right-style : groove;
	border-bottom-style : groove;
	border-width: 0.2em;
	border-right-color: lightgray;
	border-bottom-color:lightgray;
	text-align: center;
	color: yellow;
	font-weight: bold;
	width: 5.5em;
	height: 1.5em;
	font-size: 1em;
}
.btnformulario_des{
	margin: 0 auto;
	margin: 0.1em;
	background-color: DARKGRAY;
	border-radius: 0.5em 0.5em 0.5em 0.5em;
	border-right-style : groove;
	border-bottom-style : groove;
	border-width: 0.2em;
	border-right-color: lightgray;
	border-bottom-color:lightgray;
	text-align: center;
	color: LIGHTYELLOW;
	font-weight: bold;
	width: 5.5em;
	height: 1.5em;
	font-size: 1em;
}

.btnfirmas{
	margin: 0 auto;
	margin: 0.1em;
	background-color: #1C2833;
	border-radius: 0.5em 0.5em 0.5em 0.5em;
	border-right-style : groove;
	border-bottom-style : groove;
	border-width: 0.2em;
	border-right-color: lightblue;
	border-bottom-color:lightblue;
	text-align: center;
	color: white;
	font-weight: bold;
	width: 7.5em;
	height: 1.5em;
	font-size: 0.6em;
}

@media screen and (orientation: portrait) {
  .btnformulario{
	margin: 0 auto;
	margin: 0.1em;
	background-color: navy;
	border-radius: 0.5em 0.5em 0.5em 0.5em;
	border-right-style : groove;
	border-bottom-style : groove;
	border-width: 0.2em;
	border-right-color: lightgray;
	border-bottom-color:lightgray;
	text-align: center;
	color: yellow;
	font-weight: bold;
	width: 6em;
	height: 2em;
	font-size: 1.5em;
}
.btnfirmas{
	margin: 0 auto;
	margin: 0.1em;
	background-color: #1C2833;
	border-radius: 0.5em 0.5em 0.5em 0.5em;
	border-right-style : groove;
	border-bottom-style : groove;
	border-width: 0.2em;
	border-right-color: lightblue;
	border-bottom-color:lightblue;
	text-align: center;
	color: white;
	font-weight: bold;
	width: 8em;
	height: 2em;
	font-size: 1.5em;
}  
}
.tborde{
	font-size: 10px;
	border:1px;
	border-style:solid;
	border-collapse: collapse;
	margin-left:7;
	margin-right:7;
	margin-top:0;
	margin-bottom: 0;
	padding: 3;
	text-align: justify;
	vertical-align: top;
}
.tbordec{
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	border:1px;
	border-style:solid;
	border-collapse: collapse;
	margin-left:7;
	margin-right:7;
	margin-top:0;
	margin-bottom: 0;
	padding: 1;
}
.tbordei{
	margin-left:7;
	margin-right:7;
	margin-top:0;
	margin-bottom: 0;
	border:0;
	border-collapse: collapse;
	padding: 1;
	text-align: center;
	font-size: 11px;
	vertical-align: top;
}
.logor{
	width: 70px;
}

@media screen and (orientation: portrait) {
	.tborde{
		font-size: 22px;
		border:1px;
		border-style:solid;
		border-collapse: collapse;
		margin-left:7;
		margin-right:7;
		margin-top:0;
		margin-bottom: 0;
		padding: 3;
		text-align: justify;
		vertical-align: top;
	}
	.tbordec{
		font-size: 22px;
		font-weight: bold;
		text-align: center;
		border:1px;
		border-style:solid;
		border-collapse: collapse;
		margin-left:7;
		margin-right:7;
		margin-top:0;
		margin-bottom: 0;
		padding: 1;
	}
	.tbordei{
		margin-left:7;
		margin-right:7;
		margin-top:0;
		margin-bottom: 0;
		border:0;
		border-collapse: collapse;
		padding: 1;
		text-align: center;
		font-size: 22px;
		vertical-align: top;
	}

	.logor{
	width: 180px;
}
}

.tablagris{
border: 1px solid;
border-collapse: collapse;
font-size: 14px;
color: black;
background: #EAF2F8;

}

@media screen and (orientation: portrait) {
	.tablagris{
	border: 2px solid;
	border-collapse: collapse;
	font-size: 1.5em;
	color: black;
	background: #EAF2F8;
	}
}
.tablacielo{
border: 1px solid;
border-collapse: collapse;
font-size: 12px;
color: black;
background: #ebf5fb;

}

@media screen and (orientation: portrait) {
	.tablacielo{
	border: 2px solid;
	border-collapse: collapse;
	font-size: 1em;
	color: black;
	background: #ebf5fb;
	}
}

.tablasegui{
border: 1px solid;
border-collapse: collapse;
font-size: 12px;
font-style: italic;
color: #f44917;
background: #ebf5fb;

}

@media screen and (orientation: portrait) {
	.tablasegui{
	border: 2px solid;
	border-collapse: collapse;
	font-size: 1em;
	font-style: italic;
	color: #f44917;
	background: #ebf5fb;
	}
}

#firma{
    margin:0px auto;
    width: 35em;
    height:20em;
	border: 3px solid;
	border-color: blue;
}