/*
	COLORES DE BOTONES FACEEBOOK
	color boton zaul:  1877f2;
	color boton gris : e4e6eb
*/

*, *::before, *::after {
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
}

* {
        font-family: 'Roboto', 'sans-serif';
}
html {
  scroll-behavior: smooth;
}
body { 
/*    animation: fadeInAnimation ease 1s; 
    animation-iteration-count: 1; 
    animation-fill-mode: forwards; 
    -moz-animation: fadeInAnimation ease 1s ;
    -moz-animation-iteration-count: 1; 
    -moz-animation-fill-mode: forwards; */
}   
@keyframes fadeInAnimation { 
    0% { 
        opacity: 0; 
    } 
    100% { 
        opacity: 1; 
     } 
} 


a {
	text-decoration:none;
}

.divActividades2{
	float:left;
	width:98%;
	display:block;
	margin-left:2%;
}
body{
    padding:0px;
    margin:0px;
    font-size: 14px;
    color:#666;
}
input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="date"], input[type="time"], input[type="number"] {
	font-size:12px;
	display: block;
	margin: 1px;
	padding:8px;
	autocomplete:"off";
	color:#666;
	background-color:#FFF;
  	z-index: 100;
	border: thin #bebebe solid; 
}
input[type="date"]{
    min-height: 30px;
    font-size: 12px;
}
optgroup{
    background-color: black;
    color:white;
    font-size: 12px;
}
.optgroup1{
    background-color: transparent !important;
    color:#333 !important;
    font-size: 12px;
}
.optgroup1 option {
    width: 20px;
    max-width: 20px !important;
    height:20px;
    padding:3px;
    margin:3px;
    margin-left:3px;
    border-radius: 50%;
    display:flex !important;
    background-color: #666;
    box-shadow: 1px 1px 3px black;
}
.optgroup1 option label {
    margin-left:50px;
    color: red !important;
}
input[type="search"] {
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
  background-color: white;
  background-image: url('../imagenes/search.png');
  background-position: 3px 2px; 
  background-repeat: no-repeat;
  padding-left	:30px;
  padding-right	:2px;
  padding-top		:5px;
  padding-bottom:5px;
}
select  {
	font-size:14px;
	color:#666;
	display: block;
	margin: 1px;
	padding:10px;
	background-color: #FFF;
	border: thin #bebebe solid; 
  border-radius:  4px 4px 4px 4px;
  -moz-border-radius:  4px 4px 4px 4px;
  -webkit-border-radius:  4px 4px 4px 4px;
}


input:focus { 
  border-color:#FFF;
  background-color:#adebfd;
}

textarea:focus { 
  border-color:#333;
  background-color:#adebfd;
  
}

.tablaCuestionarios {
 width:96%;
 margin:auto;
 

}

input:-moz-read-only { /* For Firefox */
  background-color: #EEE;
}

input:read-only  {
  background-color: #EEE;
	color:#555;
}


fieldset{
  	padding:5px;
  	border-radius:8px;
  	font-size:16px;
}




.inputCuestionario {
	float:left;
}

.inputPregunta {
	float:left;
	width:96%;
}


.inputActitudinal1 {
	width:100%;
}

.inputActitudinal2 {
	width:96%;
}

.inputFechaActDocentes {
	padding-left:25px;
	font-size:14px;
	width:96%;
	display:block;
	border:1px solid #C1C1C1;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
}


.divNumeroActividad {
	
  background-color: #FFFFFF;
/*
	border:  2px solid <?php echo $colorBotonLoginFondo; ?>;
	color:<?php echo $colorBotonLoginFondo; ?>;
 */
	border:  2px #ccc solid;
	color:#666;
  
	border-radius: 					20px 20px 20px 20px;
	-moz-border-radius: 		20px 20px 20px 20px;
	-webkit-border-radius: 	20px 20px 20px 20px;
	width :38px;
	height:38px;
	text-align:center;
	float:left;
	margin-right:9px;
  padding:5px;
}

button {
	font-style:bold;
	cursor:pointer;
	margin: 1px;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	background-color:#3399FF;
	color:#FFF;
  	font-size:14px;
        border:none;
}

button:focus{
	border:thin #1877f2  solid;  
	background-color: #1877f2;
    color:#FFF;
}
button:hover{
  	box-shadow: 0px 0px 10px #0066CC;
	background-color: #1877f2;
}


.btn-azul-face{
	background-color:#1877f2;
  color:#fff;
}


.btn-verde-face{
	background-color:#0cb008;
  color:#fff;
}

.btn-rojo-face{
	background-color:#b00c08;
  color:#fff;
}

button  a {
		color:#FFFFFF;
		text-decoration: none;
}
button  a:link {
		color:#FFFFFF;
		text-decoration: none;
}

button  a:visited {
		color:#FFFFFF;
		text-decoration: none;
}
button  a:hover  {
		background:#F00;
		text-decoration: none;
}

.buttonLink  a:active {
		color:#FFFFFF;
		text-decoration: none;
}


.input_class_nota {
	border:2px solid #FF0000;
	background-color:#FFFFFF;
	text-align:center;
	width :80%;
  padding:0px;

}

.input_total_nota {
	border:1px solid #FF0000;
	background-color:#333;
	font-size:18px;
	width:80%;
	text-align:center;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
}

.input_total_nota[readonly] {
	background-color:#333;
	font-size:18px;
	color:#FFF;
	border-radius:         7px 7px 7px 7px;
	-moz-border-radius:    7px 7px 7px 7px;
	-webkit-border-radius: 7px 7px 7px 7px;
}



.input_class_peda_si {
	background-color:#FFFF99;
	color:#FF0000;

}

.input_class_peda_no {
	background-color:#FEFEFE;
	color:black;

}


input[readonly] {
	background-color: #E5E5E5;
  color:#999;
}

input[disabled] {
	background-color: #DDD;
	color:#333333;
}



textarea {
	font-size:14px;
	color:#333333;
	border: thin #bebebe solid; 
  border-radius:  4px 4px 4px 4px;
  -moz-border-radius:  4px 4px 4px 4px;
  -webkit-border-radius:  4px 4px 4px 4px;
	display: inline;
	margin: 1px;
	padding:10px;
  background-color:#FFF;
}

textarea[readonly] {
  background-color:#E5E5E5;
}

.textareawide {
	display:table-cell;
	font-size:14px;
	color:#333333;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	margin: 1px;
	padding:3px;
	width:96%;
	
}


/*	background-color:#CC3333;  */


input[type="submit"] {
	text-align:center;
	vertical-align: middle;
	cursor: pointer;
	min-width:50px;
	padding:5px;
  	padding-left:10px;
  	padding-right:10px;
  	margin:4px;
	border-radius:  			5px   5px  5px   5px;
	-moz-border-radius:   		5px   5px  5px   5px;
	-webkit-border-radius:   	5px   5px  5px   5px;
	background-color:#E3E3E3;
	border:thin #d1d1d1 solid;
	color:#666;
  	font-size:14px;
  	box-shadow: 2px 2px 4px #CCC;  
}


input[type="submit"]:focus {
	background-color:#1877f2;
	color:#FFF;
}

input[type="submit"]:hover {
	background-color:#1877f2;
	color:#FFF;
}


/*  nuevas clases  */

.divBasica {
	text-align:center;
	margin:10px;	
}

.divLogin {
	border: thin solid #CCCCCC;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	margin:0 auto  0  auto;
	width:80%;
	height:285px;
	color: #333333;	
	
}


.divPanelDocentes {
	margin:0 auto  0  auto;
	min-width:300px;
	
}

.divPanelPadres {
	margin:0 auto  0  auto;
	width:90%;
	min-width:300px;
	
}

.divPanelDocentesPerfil {
	margin:0 auto  0  auto;
	width:450px;
	
}

.tablaInternaLogin {
	border-spacing: 2px;
	border-collapse: separate;
	max-width:100%;
	

}



.tablaInternaLogin th{
	font-size: 18px;
	color: #000000;	

}

.tablaInternaLogin td{
	font-size: 14px;
	color: #666666;	

}



.tablaConfirmacionEliminacion {
	border-spacing: 0px;
	border-collapse: collapsed;
	width:600px;
}

.tablaConfirmacionEliminacion td {
	border: thin solid #CCCCCC;
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
	padding-bottom:5px;
	font-size:18px;
}

.tablaConfirmacionEliminacion th {
	border: thin solid #CCCCCC;
	background-color:#F1F1F1;
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
	padding-bottom:5px;
	font-size:18px;
}


.tablaInternaPerfil2 {
	border-spacing: 2px;
	border-collapse: separate;
	max-width:100%;
	

}

.tablaInternaPerfil2 th{
	font-size: 18px;
	color: #000000;	

}

.tablaInternaPerfil2 td{
	font-size: 14px;
	color: #666666;	
	max-height:30px;

}



.divLoginTop {
	width:100%;
	height:80px;
	font-size: 12px;
	color: #000000;
	text-align: center;
	font-weight: bold;
	background-color: #FFFFFF;

	border-radius:         5px 5px 0px 0px;
	-moz-border-radius:    5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border: thin solid #CCCCCC;

	margin:-1px;

}




.divBorra {
	clear:both;

}


/*************************/


#divMainTop {
	font-size: 12px;
	color: #FFFFFF;
	background-color: #047bb3;   
	min-height:60px;
	overflow:auto;
	position:relative;
  width:100%;
}

#divMainTopVerde {
	font-size: 12px;
	color: #FFFFFF;
	background-color: #009966;
	height:60px;
}

#divMainTopNombreAplicacion {
	font-size: 20px;
	color: #FFFFFF;
	padding:10px;
	float:left;
	display:block;
}




.divEspacioUnaLinea {
	width:100%;
	height:30px;
	font-size: 18px;
	color: #000000;
	text-align: center;
	font-weight: bold;
}

.unEspacio{
	width:100%;
	height:30px;
}

.dosEspacios{
	width:100%;
	height:60px;
}

.tresEspacios{
	width:100%;
	height:90px;
}
.cuatroEspacios{
	width:100%;
	height:120px;
}
.cincoEspacios{
	width:100%;
	height:150px;
}

.seisEspacios{
	width:100%;
	height:180px;
}

.sieteEspacios{
	width:100%;
	height:210px;
}
.ochoEspacios{
	width:100%;
	height:240px;
}
.nueveEspacios{
	width:100%;
	height:270px;
}
.diezEspacios{
	width:100%;
	height:300px;
}



.divEspacioMediaLinea {
	width:100%;
	height:15px;
	font-size: 18px;
	color: #000000;
	text-align: center;
	font-weight: bold;
}


.lineaGrisFoot {
	background-color:#CCCCCC;
	width:95%;
	height:1px;
	margin:0 auto  0  auto;

}

.textoFoot {
	color:#999999;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;

}


.tituloSuperiorPantallas {
	font-size: 18px;
	font-variant: small-caps;
	font-weight:bold;
	color: #000000;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;	
	width:95%;
	text-align:left;
	margin-bottom:10px;
	margin-top:20px;
	margin:0 auto  0  auto;

}

.tituloCicloEscolarTabla {
	font-size: 12px;
	font-variant: small-caps;
	font-weight:bold;
	color: #000000;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #666666;	
	text-align:left;

}


.nombreCicloEscolarSuperior {

	text-align:right;
	color:#999;
	font-size:12px;
	font-weight:bold;
	float:right;
	

}

.datosUnidadCerrarSuperior {

	text-align:center;
	color:#6699CC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	

}

.datosNombreEstudianteSuperior {

	text-align:left;
	color:#6699CC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	

}


.nombreUsuarioSuperior {

	text-align:right;
	color:#FFFFFF;
	font-size:12px;
	margin-right:20px;
	margin-top:-22px;
	

}


.nombreCompanySuperior {

	text-align:right;
	color:#FFFFFF;
	font-size:12px;
	margin-right:20px;
	margin-top:-36px;
	

}

.LinkPanelDocentes {
	font-size: 14px;
	color:#0066FF;
	text-decoration:none;
  height:64px;
}


.LinkPanelDocentes  a   {
	font-size: 14px;
	text-decoration:none;
  float:left;
}

.LinkPanelDocentes  a  img {
  float:left;
}

.LinkPanelDocentes  a  p {
  float:left;
  margin-left:25px;
}

.LinkPanelDocentes  a:active   {
}

.LinkPanelDocentes  a:visited   {
	font-size: 14px;
	text-decoration:none;
}

.LinkPanelDocentes  a:hover   {
	font-size: 14px;
	text-decoration:underline;
}

/* PANEL DOCENTES LINKS  */
.LinkPanelPadres {
	font-size: 14px;
	color: #00FF33;
	text-decoration:none;
}

.LinkPanelPadres a {
	color: #333333;
	text-decoration:none;
}

.LinkPanelPadres a:hover {
	color: #CC3300;
	text-decoration:underline;
}







.BtnCerrarSesion  {
	width:84px;
	float:left;
	height:27px;
	background-image:url(../volver.jpg);
	background-repeat:no-repeat;


}



.BtnSeleccionarCicloEscolar {
	display: block;
	text-align:center;
	vertical-align: middle;
	height:28px;
	background-color:#FFFFFF;
/* 	background-color:#6699FF; */
	font-size:14px;
	color:#4477CC;
	font-weight:bold;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	margin-top: 2px;
	margin-right: auto;
	margin-bottom: 2px;
	margin-left: auto;
	border: thin solid #333333;
	cursor: pointer;
	min-width:80px;
	padding-top:8px;



}




.divCentralNormal {

	width:95%;
	margin:0 auto  0  auto;
	color:#6699CC;
	font-size:12px;
	border:thin #333333;
	

}


#btnCerrar {
	background-image:url(imagenes/flecha.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	min-width:90px;
  min-height:25px;		
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	padding-left:30px;
	padding-top:5px;
	display:block;
	font-weight:bold;
  font-size:12px;
	text-decoration:none;
	margin:3px;
  
		float:left;
		background-color:#F1F1F1;
		border-radius:  4px  4px  4px  4px;
		border:thin #CCC solid;
		white-space:nowrap;
		text-align:center;
		text-decoration:none;
		font-style:normal;
		
  
}


/*   MENU DE SELECCION DE CUROS SY GRADOS   */



ul.menu
{
   list-style:none;
   display:block;
   border:thin #00CC33;
}


ul.menu ul /* Para todos los ul debajo del ul.menu */
{
   display:none;
   border:thin #00CC33;
   overflow:auto;
}


ul.menu ul > li {
	list-style:none;
	list-style-type:none;
margin:0;
}


/* Esto afecta a todos los ul inmediatamente debajo (el > ) de un li que a su vez esté dentro de un ul.menu */
ul.menu li:hover > ul
{
   display:block;
   border:thin #00CC33;
   list-style:none;
   overflow:auto;
}

.divul2 > ul {
	padding:0px;
  	margin:0px;
	padding-inline-start:0px;	
	-moz-padding-start: 0px;
	-webkit-padding-start: 0;
	padding-inline-start: 0px;   
	margin-left:auto; 
}

.divul2 > ul > ul {
	padding:0px;
  	margin:0px;
	padding-inline-start:0px;	
}

ul.menu1_block > ul {

   	display:block;
   	border:thin #00CC33;
    list-style:none;	
    list-style-type: none;    
    overflow:auto;
    margin:0px;
    padding:0px;
} 

ul.menu1_block > li {

   	list-style:none;	
	overflow:auto;
	margin-left:0px;
  padding-left:0;
} 



ul.menu1_none  ul{

   	list-style:none;
	display:none;
   overflow:auto;
	min-height:25px;
	margin-left:0px;
  padding-left:0px;
list-style-type: none;  
	
} 

	
ul.menu1_none  > li {
    list-style:none;
   overflow:auto;
   display:inline-table;
   width:96%;
	margin-left:0px;
  padding-left:0px;
}

.ulCarrera {

	background-color:#F1F1F1;
	border:thin solid #666666;
	height:30px;
	
}




.btnNombreCarreraAbajo {
	background-image:url(imagenes/fechaabajo.png);
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border: thin solid #999999;
	padding-left:30px;
	padding-top:5px;
	background-repeat: no-repeat;
	display:block;
	background-position: left center;
	font-weight: bold;
	text-decoration:none;
	margin:3px;
	background-color: #336699;
	color: #FFFFFF;
	list-style:none;
	overflow:auto;
	min-height:25px;
	
}

.btnNombreCarreraDerecha {
	background-image:url(imagenes/fechaderecha.png);
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border: thin solid #999999;
	padding-left:30px;
	padding-top:5px;
	background-repeat: no-repeat;
	display:block;
	background-position: left center;
	font-weight: bold;
	text-decoration:none;
	margin:3px;
	background-color:#6699CC;
	color: #FFFFFF;
	list-style:none;
	overflow:auto;
	min-height:25px;
}



.listaGrado {

   list-style:none;

}



.btnNombreGradoDerecha {
	height:25px;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border: thin solid #999999;
	padding-left:15px;
	padding-top:5px;
	background-repeat: no-repeat;
	display:block;
	background-position: left center;
	font-weight: bold;
	text-decoration:none;
	margin:3px;
	background-color:#DDDDFF;
	color: #6699CC;
	list-style:none;
}


.btnNombreAreaDerecha {
	height:25px;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border: thin solid #999999;
	padding-left:30px;
	padding-top:5px;
	background-repeat: no-repeat;
	display:block;
	background-position: left center;
	font-weight: bold;
	text-decoration:none;
	margin:3px;
	background-color:#EEEEFF;
	color: #669999;
	list-style:none;
}


.divArea {
	height:25px;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border: thin solid #999999;
	padding-left:30px;
	padding-top:5px;
	background-repeat: no-repeat;
	display:block;
	background-position: left center;
	font-weight: bold;
	text-decoration:none;
	margin:3px;
	background-color:#EEEEFF;
	color: #6699CC;
}


.divAreaNinio {
	height:25px;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border: thin solid #999999;
	padding-left:30px;
	padding-top:5px;
	background-repeat: no-repeat;
	display:block;
	background-position: left center;
	font-weight: bold;
	text-decoration:none;
	margin:3px;
	background-color: #EEEEFF;
	color: #6699CC;
}




.divAreaNinia {
	height:25px;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border: thin solid #999999;
	padding-left:15px;
	padding-top:5px;
	background-repeat: no-repeat;
	display:block;
	background-position: left center;
	font-weight: bold;
	text-decoration:none;
	margin:3px;
	background-color: #FFCCCC;
	color: #6699CC;
}


.divCursoAzulClaro {
	background-color: #DDEEFF;
	color:#000000;
	font-size:14px;
}

.divCursoBlanco {
	background-color: #FFFFFF;
	color:#000000;
	font-size:14px;
}


.divCursoDerecha {
	border: thin solid #999999;
	background-color: #EEEEFF;
	width:80px;
	float:right;
}


.divCursoIzquierda {
	border: thin solid #999999;
	background-color: #EEEEFF;
	float:left;
}


.divPadresCurso {
	padding-left:30px;
	padding-top:2px;
	text-decoration:none;
	color: #6699CC;
	width:94%;
	text-align: left;
	vertical-align: top;
	margin-left:20px;
	font-weight: normal;
	font-style: normal;
	border-spacing:1px;
	border-collapse:collapse;
	border:thin solid #999999;
}

.divPadresCurso td {
	border-spacing:1px;
	border-width: thin;
	border-style: solid;
	border-color: #999999;	
	
}


.divBlancaCentral {
	width:100%;
	background-color:#FFFFFF;
	margin:0 auto  0  auto;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border: thin solid #999999;
	
}


.divBlancaCentralSinBorde {
	width:96%;
	background-color:#FFFFFF;
  padding:10px;
	
}





.div1 {
	border: thin solid #666666;
}



.divLinea {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;

}



.divCentralScroll {

	width:95%;
	height:400px;
	overflow:auto;
  margin:auto;

}


.divFlotanteQ {
	float:left;
	width:200px;

}


.textAreaObservaciones {
	width:100%;
	height:300px;

}


.btnSelectorUnidadNoSel {
	display: block;
	text-align:center;
	vertical-align:middle;
	height:24px;
	background-color:#FFFFFF;
/* 	background-color:#6699FF; */
	font-size:12px;
	color:#4477CC;
	font-weight:bold;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	margin-top: 2px;
	margin-right: auto;
	margin-bottom: 2px;
	margin-left: auto;
	border: thin solid #999999;
	cursor: pointer;
	min-width:60px;
	padding-top:2px;
	text-decoration:none;
}

.btnSelectorUnidadNoSel :visited  {
	display: block;
	text-align:center;
	vertical-align: middle;
	height:24px;
	background-color:#FFFFFF;
/* 	background-color:#6699FF; */
	font-size:12px;
	color:#4477CC;
	font-weight:bold;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	margin-top: 2px;
	margin-right: auto;
	margin-bottom: 2px;
	margin-left: auto;
	border: thin solid #999999;
	cursor: pointer;
	min-width:80px;
	padding-top:2px;
	text-decoration:none;
}

.btnSelectorUnidadSel {
	display: block;
	text-align:center;
	vertical-align: middle;
	height:24px;
	background-color:#FFFFFF;
/* 	background-color:#6699FF; */
	font-size:12px;
	color:#4477CC;
/*	color:#FF0000;  */
	font-weight:bold;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	margin-top: 2px;
	margin-right: auto;
	margin-bottom: 2px;
	margin-left: auto;
	border: thin solid #333333;
	cursor: pointer;
	min-width:80px;
	padding-top:2px;
	text-decoration:none;

}



.btnGuardar   {
	text-align:center;
	vertical-align: middle;
	height:24px;
/*	background-color:#FFFFFF;*/

	background-color:#047bb3;
	color:#FFFFFF;

	font-weight:bold;

	padding-right:3px;
	font-size:12px;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	margin-top: 2px;
	margin-right: auto;
	margin-bottom: 2px;
	margin-left: 5px;
	border: thin solid #999999;
	cursor: pointer;
	min-width:80px;
	text-decoration:none;
	float:left;
	display:table-cell;
}


.btnGuardar  a {
	font-size:12px;

	color:#FFFFFF;

	font-weight:bold;
	margin-top: 2px;
	margin-right: auto;
	margin-bottom: 2px;
	margin-left: 5px;
	cursor: pointer;
	min-width:80px;
	padding-top:2px;
	text-decoration:none;
	float:left;
	display:table-cell;
}


.btnGuardar hover  {
	font-size:12px;
	color:#FFFF00;
	font-weight:bold;
	margin-top: 2px;
	margin-bottom: 2px;
	cursor: pointer;
	min-width:80px;
	text-decoration:none;
}


.btnGuardar visited  {
	display: block;
	text-align:center;
	vertical-align: middle;
	height:24px;
	background-color:#FFFFFF;
/* 	background-color:#6699FF; */
	font-size:12px;
	color:#FFFF00;
	font-weight:bold;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	margin-top: 2px;
	margin-right: auto;
	margin-bottom: 2px;
	margin-left: auto;
	border: thin solid #999999;
	cursor: pointer;
	min-width:80px;
	padding-top:2px;
	text-decoration:none;
}




/*        ACTIVIDADES         */

.divActScroll {

	width:95%;
	margin: 0 auto auto auto;
	background-color:#FFF;

	border:nonde;
	

}

.divActTitulo {
	border: thin solid #DDDDDD;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;

	margin:10px;
	background-color:#FFCC66;
	display:table;
	width:90%;
	padding:2px;
	float:left;
	font-size:14px;
	font-weight:bold;


}

.divActTituloUnidad {
  color:#999;
	display:table;
	width:96%;
	float:left;
	font-size:24px;
	font-weight:bold;
}

.divActTituloCurso2 {
    color:#F00;
	display:table;
	width:90%;
	float:left;
	font-size:16px;
	font-weight:bold;
    color:#F00;
}

.divActTituloCurso3 {
    color:#F00;
	display:table;
	width:90%;
	float:left;
	font-size:16px;
	font-weight:bold;
    color:#999;
}


.divActTituloFixed {
	border: thin solid #DDDDDD;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;

	margin:3px;
	background-color:#FFCC66;
	width:100px;
	padding:2px;
	font-size:14px;
	font-weight:bold;
	float:right;


}

.divActFila {
	
	border: thin solid #DDDDDD;
	border-radius: 					15px 15px 15px 15px;
	-moz-border-radius: 		15px 15px 15px 15px;
	-webkit-border-radius: 	15px 15px 15px 15px;

	background-color:#F5F5F5;
	display:table;
	width:95%;
	color:#666;
  margin:auto;
	margin-bottom:20px;
	margin-top:20px;
  box-shadow: 2px 2px 4px #BBB;
  
}

.divActFilaW {
	
	display:table;
	width:95%;
	color:#666;
  	margin:auto;
	margin-bottom:20px;
	margin-top:20px;
 
}

.divContainer {
  padding:0px;
  width:90%;
  height:80%;
  margin:auto;
  margin-left:5%;
  margin-right:5%;
  margin-top:5%;
  margin-bottom:5%;
}
.container-scrollable{
    width:100%;
    height:100%;
    overflow-y: scroll !important;
    scroll-behavior: smooth;
}
.divActFilaN {
	
	border: thin solid #DDDDDD;
	border-radius: 					15px 15px 15px 15px;
	-moz-border-radius: 		15px 15px 15px 15px;
	-webkit-border-radius: 	15px 15px 15px 15px;

	background-color:#f3f3DD;
	display:table;
	width:95%;

	color:#666;
  margin:auto;
	margin-bottom:10px;
	
  box-shadow: 2px 2px 4px #BBB;
  
}


.divActFilaNVerde {
	
	border: thin solid #DDDDDD;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;

  margin:auto;
	margin-bottom:10px;

	background-color:#9F3;
	display:table;
	width:92%;
	color:#666;
	
  box-shadow: 2px 2px 4px #CCC;
  
}

.divActCeldaGrande {
	float:left;
	width:98%;
	display:block;
	margin-left:2%;
}

.divActCelda96Ancho {
	width:96%;
	display:block;
	float:none;
	
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
.divTextoPq{
	width:100px;
	height:20px;
	font-size:16px;
padding-left:5px;
padding-right:5px;
	
	background-color:#FFF;
	border: thin solid #BBB;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;

	margin:10px;
}
.divActCeldaPeq {

	float:left;
	width:140px;

	height:30px;
	display:table-cell;
}




/* ALFA   ALFA */
.divAlfaFila {
	
	border: thin solid #DDDDDD;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;

	margin-left:10px;
	margin-top:10px;
	background-color:#FFFFFF;
	display:inline-table;
	width:95%;
	padding:2px;
	
}

.divAlfaFilaN {
	
	border: thin solid #DDDDDD;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;

	margin-left:10px;
	margin-top:10px;
	background-color:#FFCC99;
	display:inline-table;
	width:95%;
	padding:2px;

}



.divAlfaCeldaNombre {

	float:left;
	width:270px;

	height:25px;
	color:#6699CC;
	font-size:14px;
	font-style:italic;
	font-weight:bold;
	padding:3px;
}


.divAlfaCeldaPeq {

	float:left;
	width:230px;

	
}


.divAlfaCeldaMed {

	float:left;
	width:320px;

	
}


.divAlfaCeldaSuperPeq {

	float:left;
	width:30px;
	text-align:center;
	vertical-align:middle;

	height:25px;
	
	border: thin solid #999999;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	background-color:#F1F1F1;

}


.divAlfaCeldaSuperPeqResultadoFinal {

	float:left;
	width:30px;
	text-align:center;
	vertical-align:middle;

	height:25px;
	
	border: thin solid #999999;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	background-color:#FF9933;
	padding:2px;

}


.divActCeldaConNombre {
	float:left;
	width:285px;
	display:table-cell;
}

.divActTextArea {
	display:block;
	min-height:100px;
	background-color:#FFF;
	border: thin solid #DDD;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	padding:6px;
	overflow: visible;
	color:333;
	font-size:16px;
	margin-left:15px;

	word-break:break-word;
	-ms-word-break:break-word;

	
}

.divActTextArea2 {
	display:block;
	min-height:100px;
	background-color:#FFF;
	border: 1px solid #CCC;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	padding:10px;
	overflow: visible;
	color:333;
	font-size:16px;
	margin-left:5px;
	width:100%;

	word-break:break-word;
	-ms-word-break:break-word;
	
    
}

.divActTextArea3 {
	display:block;
	min-height:230px;
	background-color:#FFF;
	border: thin solid #DDD;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	padding:6px;
	overflow: visible;
	color:333;
	font-size:16px;
	width:96%;
	
	word-break:break-word;
	-ms-word-break:break-word;
}

.word-break {
    	word-break:break-word;
	-ms-word-break:break-word;
}


.divActInput3 {
	display:block;
	min-height:20px;
	background-color:#FFF;
	border: thin solid #DDD;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	padding:6px;
	overflow: hide;
	color:333;
	font-size:16px;
	width:96%;
	
	word-break:break-word;
	-ms-word-break:break-word;
}

.divActInput4 {
	display:block;
	min-height:20px;
	background-color:#FFF;
	border: 2px solid #399;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	padding:6px;
	overflow: hide;
	color:333;
	font-size:16px;
	width:96%;
	
	word-break:break-word;
	-ms-word-break:break-word;
}

.divEntraTareaHoy {
	background-color:#f75f23;
  color:#FFF;
	padding:15px;
	font-size:14px;
	padding:6px;
  text-align:center;
	
		border: thin solid #DDD;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
}
.divEntraTareaMan {
	background-color:#fcb509;
	padding:15px;
	font-size:12px;
	padding:6px;

		border: thin solid #DDD;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
}
.divEntraTareaOtrosDias {
	background-color:#5ffc09;
	padding:15px;
	font-size:12px;
	padding:6px;

		border: thin solid #DDD;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
}
.divEntraTareaPasada {
	background-color:#C1C1C1;
	padding:15px;
	font-size:12px;
	padding:6px;
	border: thin solid #DDD;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
}
.divEntraTareaSin {
	background-color:#F1F1F1;
	padding:15px;
	font-size:12px;
	padding:6px;
	border: thin solid #DDD;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
}

.divPunteoenRojo {
	color:#FF0000;
	font-size:18px;
}



/*  ***************************************************************  */
/*                       NOTAS                    NOTAS              */

.divNotasNum {

	border-radius: 					4px 4px 4px 4px;
	-moz-border-radius: 		4px 4px 4px 4px;
	-webkit-border-radius: 	4px 4px 4px 4px;
	display: inline;
	border: 1px solid #ccc;
	color:#333333;
	padding:3px;

	width:125px;
	height:105px;
	float:left;
	margin:2px;
}

.divNotasNumBeige {

	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	display: inline;
	background-color: #FFFFEE;
	border: thin solid #999999;
	color:#333333;
	padding:1px;



	width:82px;
	height:65px;
	float:left;
	margin:2px;
}


.divNotasNumRojo {

	border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px 2px 2px 2px;
	display: inline;
	background-color: #FFFFFF;
	border: 1px solid #eb0904;
	color:#666666;
	padding:1px;


	width:120px;
	height:85px;
	float:left;
	margin:2px;
}


.divNotasNumTotal {

	border-radius: 					4px 4px 4px 4px;
	-moz-border-radius: 		4px 4px 4px 4px;
	-webkit-border-radius: 	4px 4px 4px 4px;
	display: inline;
	background-color: #FFCC99;
	border: 1px solid #999999;
	color:#333333;
	padding:1px;


	width:130px;
	height:105px;
	float:left;
	margin:2px;
}

.divNotasNumTitulo {
	width:100%;
	height:42px;
	font-size:10px;
}

.divNotasNumTitulo  label {
	font-size:10px;
}

.divNotasNumInput {
	width:100%;
	height:25px;
	background-color:#CCCCCC;
	border:thin solid #3399FF;
}


.divNotasFila {
	width:95%;
	background-color:#F9F9F9;
	display:block;
	margin: 0 auto 0 auto;
	padding:5px;
  border: thin #CCC solid;
	border-radius: 					10px 10px 10px 10px;
	-moz-border-radius: 		10px 10px 10px 10px;
	-webkit-border-radius: 	10px 10px 10px 10px;
	
}

.divNotasFila2 {
	width:95%;
	background-color:#F9F9CC;
	display:block;
	margin: 0 auto 0 auto;
	padding:5px;
	border-radius: 					10px 10px 10px 10px;
	-moz-border-radius: 		10px 10px 10px 10px;
	-webkit-border-radius: 	10px 10px 10px 10px;
	
}

.divNotasFila3 {
	width:95%;
	background-color:#FADDFA;
	display:block;
	margin: 0 auto 0 auto;
	padding:5px;
	border-radius: 					10px 10px 10px 10px;
	-moz-border-radius: 		10px 10px 10px 10px;
	-webkit-border-radius: 	10px 10px 10px 10px;
	
}

.divNotasFilaInterior {
	width:100%;
	display:inline-table;
  z-index:0;
  color:#666;
}

.divNotasNumero {
	width:40px;
	float:left;
	background-color:#CCCCCC;
	border:thin solid #999999;
	margin:2px;

}

.divNotasNombres {
	float:left;
	background-color:#CCCCCC;
	border:thin solid #999999;
	margin:2px;
}

.divNotasUnidad {
	float:right;
	width:100px;
	border:thin solid #999999;
	text-align:center;


	padding:1px;

	color:#6699CC;
	font-size:14px;
	font-style:italic;
	font-weight:bold;
}


.divNotasUnidadNaranja {
	float:right;
	width:100px;
	border:thin solid #999999;
	text-align:center;


	padding:1px;

	color:#FF6600;
	font-size:14px;
	font-style:italic;
	font-weight:bold;
}


.divNotaUnidadNegro {
	float:right;
	width:100px;
	border:thin solid #999999;
	text-align:center;


	padding:1px;

	color:#000000;
	font-size:14px;
	font-style:italic;
	font-weight:bold;
}



.divNotasCeldaNombre {
	float:left;
	height:25px;
	color:#6699CC;
	font-size:14px;
	font-style:italic;
	font-weight:bold;
	padding:2px;
	margin-left:5px;



}




.divInfoNotasNumRojo {
	float:left;
	display:block;
	font:Verdana, Arial, Helvetica, sans-serif normal;
	color:#FF0000;
	font-size:18px;
	width:100%;
}

.divPuntosMaximosN {
	padding-left:3px;
	display:block;
	font:Verdana, Arial, Helvetica, sans-serif normal;
	font-size:10px;
	color:#FFFFFF;
	width:90%;
	background-color:#eb0904;

}

.divPuntosMaximosG {
	padding-left:3px;
	display:block;
	font:Verdana, Arial, Helvetica, sans-serif normal;
	font-size:10px;
	color:#333333;
	width:90%;

}

.divInfoNotasNumAzul {
	float:left;
	display:block;
	font:Verdana, Arial, Helvetica, sans-serif normal;
	font-size:18px;
	color:#0000FF;
	width:100%;
}


.divLabelenRojo {
	color:#CC3300 !important;

}


.divIconoNinia {
	background-image:url(imagenes/ninia.png);
	background-repeat:no-repeat;
	background-position:center top;
	height:64px;
	width:64px;
	text-align:center;
	vertical-align:bottom;
	display:block;
}

.divIconoNinio {
	background-image:url(imagenes/ninio.png);
	background-repeat:no-repeat;
	background-position:center top;
	height:64px;
	width:64px;
	text-align:center;
	vertical-align:bottom;
	display:block;
}


.divIconoPadres {
	background-image:url(imagenes/padres.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	height:64px;
	width:64px;
	text-align:center;
	vertical-align:bottom;
	display:block;
}




.divLiSubareasPadres  {
	display:inline;
	text-decoration:none;
	margin:1px;
	font-size:16px;
	font-weight: bold;
	color: #666666;
	font-style: italic;
}

.divLiCursosPadres  {
	display:inline;
	text-decoration:none;
	font-size:12px;
	font-weight: bold;
	color: #999999;
	font-style:normal;
}

.tablaCursosPadres {
	font-size:12px;
	color:#333333;
	font-style:normal;

}

.tablaCursosPadres td {
	font-size:12px;
	color:#6699CC;
	font-style:normal;
	padding-left:10px;
	padding-right:10px;

}


.divPadresNombreAlumnoTop  {
	width:95%;
	background-color:#6699CC;
	margin:0 auto  0  auto;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border: thin solid #999999;
	min-height:30px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	font-size: 18px;
}

.divPadresNombreAlumnoTopBlanco  {
	width:95%;
	background-color:#F1F1F1;
	margin:0 auto  0  auto;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border: thin solid #999999;
	min-height:30px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	font-size: 18px;
}





.aLinkAzul {
	font-size:14px;
	color:#0066CC;
	text-decoration: none;
}

.aLinkAzul a:visited {
	font:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration: none;
	color:#0066CC;

}
.aLinkAzul a:hover {
	font:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration: none;
	color:#0066CC;

}


#logo {
	height:80px;
	float:left;
  padding:5px;
  margin:10px;
  background-color:#ccc;
  border-radius: 10px 10px 10px 10px;
}

#logo img {
	height:60px;
}




.TablaVerticalHorizontal {

	width:95%;
	overflow:auto;
	min-height:20px;
	font-size:12px;
	color:#000000;
	background-color:#EEEEFF;




}




.divCodigoCursoEnSeleccionDocentes {

	min-height:20px;
	padding:1px;
	margin:3px;

	min-width:30px;
	position:relative;
	float:left;

}
.divNombreCursoEnSeleccionDocentes {

	min-height:20px;
	padding:1px;
	margin:3px;

	min-width:200px;
	position:relative;
	float:left;

}
.divComandosCursoEnSeleccionDocentes {

	min-height:20px;
	padding-left:3px;
	padding-right:3px;
	padding-bottom:1px;
	padding-top:1px;
	
	margin:3px;

	position:relative;
	float:left;

}


.divCeldaNombrePedagogico {
	padding:3px;
	min-height:25px;
	margin-left:5px;
	position:relative;
	font-size:16px;
	font-weight: bold;	
	float: left;
	color:#666;
  z-index:0;
	

}


.divNombreUsuario {

	color:#FFFFFF;
	font-size:16px;
	float:right;
	padding:4px;
	

}

.divCeldaNombreArchivo {
	padding:3px;
	min-height:25px;
	margin-left:5px;
	position:relative;
	font-size:12px;
	float: left;
		
}



.divCeldaFilesMain {
	width:96%;
	position:relative;
	display:block;
  border:thin #ccc solid;
  border-radius:				7px 7px 7px 7px;
  -moz-border-radius:		7px 7px 7px 7px;
  -webkit-border-radius:7px 7px 7px 7px;
}



.divCeldaDerechaPlaCurAlu {

	float: right;
	width:100px;

} 

.divCeldaIzquierdaPlaCurAlu {

	float: left;
	width:200px;

} 

.divCeldaTareaPlaCurAlu{

	width: 97%;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border: medium solid #222222;
	display: block;
	margin:3px;
	padding:1px;
	color:#444444;
	background-color:#FFFFDD;


}

.divLinkArchivoPlaCurAlu{

	margin: 1px;
	padding:1px;
	background-color:#FFFFBB;
	font-size:16px;
	

}

.divCeldaPlanificacionAlumno1{
	width: 90%;
	border-radius: 					15px 15px 15px 15px;
	-moz-border-radius: 		15px 15px 15px 15px;
	-webkit-border-radius: 	15px 15px 15px 15px;
	border: 1px solid #CCC;
	display: block;
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	color:#444444;
	background-color:#FFF;
}

.divLinkArchivoAlumnoPlaCurAlu{

	margin: 1px;
	padding:1px;
	background-color:#CCFFBB;
	font-size:16px;
	

}



.divTituloActividadPlaCurAlu{
	margin: 1px;
	padding:1px;
	font-size:16px;
	font-weight:bold;
	color:#000000;
	

}
.divFondoTareasPlaCurAlu {
 width:100%;
 height:100%;
 display:table;
 

}


.divNombreCursoPlaCurAlu {
	font-size:20px;
	font-weight:bold;
	color:#000000;


}
.divReportesEstudiantes {
	font-size:12px;
	font-weight:bold;
	color:#000000;


}

.divTituloSeleccionarCursoPadres  {
	font-size:16px;
	font-weight: bold;
	color: #666666;
	font-style: italic;
}

.divTituloSeleccionarCursoPadresVerde  {
	font-size:16px;
	font-weight: bold;
	color: #6F6;
	font-style: italic;
}

.divUnidades {
	min-height:40px;
  position:relative;

	width:95%;
	border-bottom:1px solid;	
	border-bottom-color:#0f90c1;
	margin-left:20px;
	margin-right:20px;
    overflow:auto;

}

.divUnidad {
	width:80px;
	background:#0f90c1;
	position:relative;
	float:right;
	height:30px;
	text-align:center;
	vertical-align:center;
	padding-left:5px;
	padding-top:10px;
	padding-right:5px;
	margin-top:8px;
	margin-left:1px;
	color:#FFFFFF;
	font-size:14px;
	border-radius:         15px 15px 0px 0px;
	-moz-border-radius:    15px 15px 0px 0px;
	-webkit-border-radius: 15px 15px 0px 0px;

}

.divUnidadSeleccionada {
	width:80px;
	background:#FFFFFF;
	position:relative;
	float:right;
	height:30px;
	text-align:center;
	vertical-align:center;
	padding-left:5px;
	padding-top:10px;
	padding-right:5px;
	margin-top:8px;
	margin-left:1px;
	color:#000000;
	font-size:14px;
	border-radius:         15px 15px 0px 0px;
	-moz-border-radius:    15px 15px 0px 0px;
	-webkit-border-radius: 15px 15px 0px 0px;
	border-top:1px;
	border-left:1px;
	border-right:1px;
	border-style:solid;
	border-bottom:0px; 	
	border-color:#0f90c1;

}


.divLinea {
	width : 100%;
	height : 1px;
	background:0;
}

.divUnidad:hover {
	background:#00206f;
	color:white;

}


/*para alinear horizontalmente el texto en inputs*/
.divInputLogin {
	text-align:center;
	height : 25px;
    width : 96%;
    
}


.divInputPerfil {
	height : 25px;
    width : 90%;
	font-size:18px;
	
}


.divCentralxUnidad {
	width:95%;
	margin-left:20px;
	margin-top:2px;
	margin-bottom:2px;
	background:#DDDDFF;
	padding-left:10px;
    color:#000000;
    overflow:auto;
}


.divCentralxUnidad:hover {
	background:#f1f1aa;
}

.divCentralxUnidad a:visited {
	color:#000000;
}


.divCentralxUnidadMod:hover {
	background:#f1f1aa;
}

.divCentralxUnidadMod a:visited {
	color:#000000;
}


.divCentralxUnidadMod {
	width:95%;
	margin-left:20px;
	margin-top:2px;
	margin-bottom:2px;
	background:#ffffff;
	padding-left:10px;
    color:#000000;
    overflow:auto;
}


.divCentralxUnidadTitulo {
	font-size:16px;
	font-weight:bold;
	padding-top:2px;
}

.divCentralxUnidadNotas {
	margin-left:25px;	
	color : #616161;
	font-size:14px;
	padding-bottom:2px;
}

.divBotonxNotasDerechoNegro {
	background-image:url(imagenes/arrow_right_blue.png);
	background-repeat: no-repeat;
	background-position: center;
	width : 9%;
	height : 40px;
	display:block;
	float:right;
}	

.divCentralxUnidadFlotante {
	float:left;
	width:90%;

}

divCentralxUnidadFlotante:hover {
	background-color:#aaaaf1;

}


.divPadresNotasNombreEstudiante {
	font-size: 16px;
	font-weight:bold;
	padding-left:20px;
	padding-top:3px;
	padding-bottom:2px;
	min-width:125px;
	float:left;
    display:inline-block;


}


.divPadresNotasNombreEstudiante2 {
	font-size: 16px;
	font-weight:bold;
	padding-left:20px;
	padding-top:3px;
	padding-bottom:2px;
	min-width:125px;
	float:left;
	color:#717171;
    display:inline-block;


}


.divContenedorPadresNotasEstudianteInd {
	width:95%;
	min-height:25px;
	border-bottom-width:thin;
	border-bottom-style:solid;
	border-bottom-color:#CCCCCC;
	margin-left:20px;
    display:block;
    position:relative;
    overflow:auto;
	
}

.divContenedorPadresNotasEstudianteMain {
	position:relative;

	clear:both;
	height: auto;
    overflow:auto;
	
	
}

.divTablaActividades {
	width:99%;
	border:thin solid #c1c1c1;

}

.divTablaActividades  th {
	background:#515151;
    color:#FFFFFF;
	height:40px;
}

.divTablaActividades  td {
	background:#DDDDFF;
	color:#000000;
}



.divTablaActividadesContenido {
	width:95%;
	font-size: 18px;
	font-variant: small-caps;
	font-weight:bold;
	color: #000000;
    border-spacing: 0px;
	border:thin solid #000;
	border-radius:         5px 5px 5px 5px;
	background-color:#DDDDFF;
	margin-top:25px;
	margin-bottom:25px;
	margin-left:2%;
	padding-left:10px;
	padding-right:8px;

}
.divTablaActividadesContenido  th {
	background:#6699CC;
    color:#FFFFFF;
	height:40px;
	border:thin solid #E1E1E1;
}
.divTablaActividadesContenido  td {

}


.divTablaActividadesContenido p {
	font-size: 18px;
	font-variant: small-caps;
	font-weight:bold;
	margin-top:1px;
	margin-bottom:1px;
	margin-left:2%;
	width:96%;
}

.divTablaActividadesContenido input[type="text"] {
	width : 96%;
	margin-left:2%;
}

.inputNombreActividad {
	width : 96%;
}

.inputNombreActividadGrande {
	font-weight:bold;
	width : 96%;
}

.divTablaActividadesContenido fieldset  {
	width : 90%;
	margin-left:2%;
}

.fieldset2 {
	width : 94%;
	border: thin #bebebe solid; 
  	border-radius:  4px 4px 4px 4px;
  	-moz-border-radius:  4px 4px 4px 4px;
  	-webkit-border-radius:  4px 4px 4px 4px;
  	background-color:#FFF;
 	margin-top:5px;
}

.fieldset2 legend{
	
	border: thin #bebebe solid; 
  border-radius:  4px 4px 4px 4px;
  -moz-border-radius:  4px 4px 4px 4px;
  -webkit-border-radius:  4px 4px 4px 4px;

  height:20px;
  padding-left:30px;
  padding-right:30px;
  padding-top:2px;
  padding-bottom:4px;
  background-color:#f3f3f3;

}


.divTablaTituloActividadesEstudiantes {
	width : 90%;
	margin-left:15px;
	font-size:16px;
    border-spacing: 0px;
    border-collapse: collapse;	
	
}
.divTablaTituloActividadesEstudiantes th {
/*	background-color:#6699CC;  */
	background-color:#EEE;
	border:1px solid #c1c1c1;

}
.divTablaTituloActividadesEstudiantes td {
	border:1px solid #E9E9E9;	
	color:#999;
}

.TablaSeleccionUnidad{	
	border:0;
}

.TablaSeleccionUnidad td{
	border:0;
}

.divTablaTituloIngresoNotasDocentes {
	border:1px solid #c1c1c1;
	width : 98%;
	font-size:20px;
	font-variant: small-caps;
	font-weight:bold;
	color: #000000;
	
}
.divTablaTituloIngresoNotasDocentes th {
}
.divTablaTituloIngresoNotasDocentes td{
	border:1px solid #c1c1c1;
}

.tablaParaLoginInicio2  {
	border-spacing: 2px;
	border-collapse: separate;
    width:90%;
	/*max-width:300px;*/
	
	text-align:center;

}

.tablaTareas {
	width : 90%;
}

.tablaTareas th{
	background:#6699CC;
    color:white;
    height:40px;
    font-size:14px;
}

.tablaTareas td{
    color:#515151;
    height:40px;
    padding:5px;
    font-size:14px;
    
}

.tablaListaGrados {
	width : 90%;
	border-spacing: 1px;
	border-collapse: collapse;
  
}

.tablaListaGrados th{
	background:#6699CC;
    color:white;
    height:40px;
    font-size:14px;
}

.tablaListaGrados td{
    color:#515151;
    height:10px;
    padding:0px;
    font-size:14px;
 	border: thin solid #CCC;
    
}


.tablaListaGradosTD5{
	background:#F0FDFD;
}

.tablaListaGradosTD6{
	background:#D0DFEC;
}

.botonLogin {
 min-width:125px;
 width:125px;
}

.tablePreguntasIdems {
	width : 90%;
	color:#999;
}

.inputPreguntaIdem {
	width:96%;
}

.tablePreguntasIdems th {
	background-color:#CCC;
	text-align:left;
	padding-left:2px;
}

.divReportesActitudinalesInternos {
	width:90%;
	margin-left:25px;
	float:left;
	color:#666;
	font-size:16px;

}

.tablaPerfil1 {
	width:90%;
	text-align:left;
	font-size:16px;
  margin:auto;
	color:999999;

}

.tablaPerfil1 label {
	width:100%;
  margin:auto;
	font-style:italic;
	color:#999;
  
	
}



.tablaPerfil1 textarea {
	width : 100%;
  margin:auto;
}


.tablaPerfil1 h3{
	width : 100%;
  margin:auto;
	font-size:16px;
	color:#999;
  margin-top:25px;
	margin-bottom:1px;
}


.tablaPerfil1 select {
	width : 100%;
  margin:auto;

}

.tablaPerfil1 input[type="text"]  {
	width : 100%;
	font-size:16px;
  margin:auto;
  height:50px;

}

.tablaPerfil1 input[type="password"]  {
	width : 100%;
	font-size:16px;
  margin:auto;
  height:50px;

}

.tablaPerfil1 input[type="submit"]  {
	width : 100%;
  margin:auto;

}

.tablaPerfil1 iframe  {
	width : 100%;
  margin:auto;

}


.liArchivos {
	font-size:16px;	
}

.h3ListaActividadesEstudiantes {
	
	color:#999;
	font-size:16px;
	margin-left:15px;
	
}

.h3ListaActividadesEstudiantesNegro {
	
	color:#333;
	font-size:16px;
	margin-left:15px;
	
}

.radioIdem {
	width : 30px;
	height: 30px;
}
.checkboxIdem {
	width : 25px;
	height: 25px;
}

.divCronometro{
	
	font-size:14px;
	color:#C0C;
	
}

.divSumaPunteo{	
	float:right;
	color:#F00;
  width:50px;
  display:block;
}

.divValidacion {	
	float:left;
  width:96%;
  height:25px;
	color:#F66;
}

.botonLogin2 {
		height:35px;
		width:120px;
        margin-left:3px;
        margin-right:3px;
		border-width:1px;
		border-radius: 				10px 10px 10px 10px;
		-moz-border-radius: 		10px 10px 10px 10px;
		-webkit-border-radius: 		10px 10px 10px 10px;
		font-size:16px;
        float:left;

}

.divWrapper {
	
	text-align: center;
	height:50px;
	display:block;
	margin-left:auto;
	
}

.tablaParaLoginInicio3 {
	
	border-width:1px;
	border-color:#000;
    min-width:358px;	
    background-color:#DDDDFF;
    border-radius: 				10px 10px 10px 10px;
    -moz-border-radius: 		10px 10px 10px 10px;
    -webkit-border-radius: 		10px 10px 10px 10px;
}

.tablaParaLoginInicio3 td {
	
	border-width:2px;
	border-color:#000;
}


/*  CLASES PARA PERFIL DE DOCENTE */
.divDcentral{
	width:96%;
	margin-top:20px;
	border-width:1px;
	border-color:#00F;
    text-align:center;
    display:block;
}

.divDcentral button{
	float:left;
}

.divDLinea {
	width:96%;
	margin-top:15px;
	border: thin solid #000;
	
}

.divDinput {
	width:96%;
	margin-top:15px;
	border: thin solid #000;
	
	float:left;
}
.divDLabel{
	
}
.divNotasIngresadas{
	width:96%;
    background-color:#CCC;
	border: thin solid #999;
    padding:3px;
    border-radius: 				10px 10px 10px 10px;
    -moz-border-radius: 		10px 10px 10px 10px;
    -webkit-border-radius: 		10px 10px 10px 10px;
}
.divLineaPanelAdmin {
	height : 75px;
  width : 100%;
  display:block;
	text-align:center;
}


.botonMas{
	width:32px;
	height:32px;
  background-color:#EEE;
}	


.inputBuscar {
 float:left;
 width:80%;
 margin:auto;

}

.btnBuscar{
 

}

.tablaBuscar {

 width: 90%;
 border-spacing: 1px;
 border-collapse: collapse;
 margin:auto;

}

.tablaBuscar th {
 background-color:#F5F5F5;
 color:#333;
 height:35px;
 border: thin #AAA solid ;
}

.tablaBuscar td {
	border:1px solid #ABC;
  	padding-left:10px;
  	height:10px;

}
.tablaBuscar tr  {
	transition: background-color 0.3s ease;
}
.tablaBuscar tr:hover  {	
	color:white;
	background-color:black;
}
.tablaBuscar a {
	style:none;
  text-decoration:underline;
}

.tablaBuscar a:link {
}
.tablaBuscar a:visited {
}

.tablaBuscar a:hover {
	text-decoration:underline;
}

@keyframes aniTablaBuscarTr{
	from{ background-color:none;}
	to	{ background-color:black;}	
}


.divNuevoLogin {
	max-width:300px;
  background-color:#FFA;
  
	border-radius: 					7px 7px 7px 7px;
	-moz-border-radius: 		7px 7px 7px 7px;
	-webkit-border-radius: 	7px 7px 7px 7px;
	display: block;
	border: thin solid #CCC;
  
}

.nuevoFieldsetLogin {

	border: thin solid #336699;
	border-radius: 					7px 7px 7px 7px;
	-moz-border-radius: 		7px 7px 7px 7px;
	-webkit-border-radius: 	7px 7px 7px 7px;
	display: block;
	margin-left:auto;
	margin-right:auto;
	margin-top:60px;
  max-width:96%;
  min-height:300px;
  background-color:#336699;

}
.nuevoFieldsetLogin legend {

	border-radius: 					7px 7px 7px 7px;
	-moz-border-radius: 		7px 7px 7px 7px;
	-webkit-border-radius: 	7px 7px 7px 7px;
  padding:5px;
  background-color:#336699;
  color:#DDDDFF;
  height:50px;
  font-size:20px;
  padding-left:20px;
  padding-right:20px;
 

}


.nuevoFieldsetLogin2 {

	display: block;
  max-width:400px;
  min-height:300px;
	margin-left:auto;
  margin-right:auto;
	border: thin solid #999;
	border-radius: 					7px 7px 7px 7px;
	-moz-border-radius: 		7px 7px 7px 7px;
	-webkit-border-radius: 	7px 7px 7px 7px;
		box-shadow: 0 0 28px grey;
  
  background-color:rgba(255,255,255,0.9);
  text-align:center;
  

}




.nuevoFieldsetLogin2 legend {

	border-radius: 					7px 7px 7px 7px;
	-moz-border-radius: 		7px 7px 7px 7px;
	-webkit-border-radius: 	7px 7px 7px 7px;
  padding:5px;
  background-color:#336699;
  color:#DDDDFF;
  height:50px;
  font-size:20px;
  padding-left:20px;
  padding-right:20px;
 

}



.inputTextLogin3 {
	width : 100%;
  margin:auto;
  text-align:center;

}

.nuevoFieldsetLogin h3 {
	color:#EEEEFF;
}

.divBotonGrabar{
 	margin-left:40px;	
}


.inputfile {
	border-radius: 					7px 7px 7px 7px;
	-moz-border-radius: 		7px 7px 7px 7px;
	-webkit-border-radius: 	7px 7px 7px 7px;
	display: block;
  background-color:#ccc;
  width:98%;
  padding:5px;
	color:#000;
  font-size:18px;

}




.btnquest{
  background-color:#FFA;
}


ul.menu2_block > ul {

   	display:block;
   	border:thin #00CC33;
    list-style:none;	
	list-style-type: none;    
   overflow:auto;
   margin:0px;
   padding:0px;
	
} 

ul.menu2_block > li {

  list-style:none;	
	overflow:auto;
	margin-left:0px;
  padding-left:0;
} 



ul.menu2_none  ul{

list-style:none;
display:none;
overflow:auto;
min-height:25px;
margin-left:0px;
padding-left:0px;
list-style-type: none;  
	
} 

	
ul.menu2_none  > li {
    list-style:none;
   overflow:auto;
   display:inline-table;
   width:96%;
	margin-left:0px;
  padding-left:0px;
}



.tablaGrados {
    width:96%;
    border-spacing: 0px;
    border-collapse: collapse;
}
.tablaGrados th {
    background-color:#CCC;
    color:#333;
    height:35px;
    border: thin solid #AAA;
}
.tablaGrados td {
    border-collapse: separate;
    padding:3px;
    padding-left:10px;
    height:10px;
    color:#333;
    border:thin solid white;
}
.tablaGrados a {
    style:none;
    text-decoration:none;
}
.tablaGrados a:link {
    text-decoration:none;
}
.tablaGrados a:visited {
    text-decoration:none;
}

.tablaGrados a:hover {
    text-decoration:underline;
}

.tablaGrados H2{
    margin-bottom:0;
    margin-top:10;
}
.tablaGrados H3{
    margin-bottom:0;
    margin-top:7;
}
.tablaGrados H4{
    margin-bottom:0;
    margin-top:0;
}

.tablaAgenda {
  width:100%;
  color:#666;
}
.tablaAgenda  h2 {
 padding:1px;
 margin:0px;
 font-size:18px;
  color:#333;
}
.tablaAgenda  h3 {
 padding:1px;
 margin:0px;
 font-size:14px;
	font-style: italic;
font-weight: normal;
}
.tablaAgenda  h4 {
 padding:1px;
 margin:0px;
 font-size:14px;
	font-style: italic;
font-weight: normal; 
}


.divGris  {
	background-color: #DDD;
  color:#333;

	border-radius: 					5px 5px 5px 5px;
	-moz-border-radius: 		5px 5px 5px 5px;
	-webkit-border-radius: 	5px 5px 5px 5px;
  padding-left:1px;
  padding-right:1px;

  padding-top:2px;
  padding-bottom:2px;
}
.divVerde {
	background-color: #DF0;
  color:#000;

	border-radius: 					5px 5px 5px 5px;
	-moz-border-radius: 		5px 5px 5px 5px;
	-webkit-border-radius: 	5px 5px 5px 5px;
  padding-left:3px;
  padding-right:3px;
  padding-top:2px;
  padding-bottom:2px;
  
}
.divAmarillo {
	background-color: #FF0;
  color:#000;

	border-radius: 					5px 5px 5px 5px;
	-moz-border-radius: 		5px 5px 5px 5px;
	-webkit-border-radius: 	5px 5px 5px 5px;
  padding-left:3px;
  padding-right:3px;
  padding-top:2px;
  padding-bottom:2px;
}
.divRojo  {
	background-color: #F00;
  color:#FFF;

	border-radius: 					5px 5px 5px 5px;
	-moz-border-radius: 		5px 5px 5px 5px;
	-webkit-border-radius: 	5px 5px 5px 5px;
  padding-left:3px;
  padding-right:3px;
  padding-top:2px;
  padding-bottom:2px;
	border:none;
}



.ulMenu2 {

  list-style-type: none;
  margin: 0;
  padding: 0;

}

.ulMenu2 > li ul {

  list-style-type: none;
  margin: 0;
  padding: 0;

}

.ulMenu2 li a {
  display: block;
  width: 90%;
}


.label3{
	font-size:18px;
	padding-top:5px;
  margin-top:3px;

}


	
.scrollable{
padding-top:40px;
	}

.cabecera {
	position:fixed;
  height :40px;
  background-color:#D1D1D1;
  width:100%;
  border-bottom:1px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #999;	
  

}


.divfont-8{ font-size:8px;}
.divfont-10{ font-size:10px;}
.divfont-12{ font-size:12px;}
.divfont-14{ font-size:14px;}
.divfont-16{ font-size:16px;}
.divfont-18{ font-size:18px;}
.divfont-20{ font-size:20px;}
.divfont-22{ font-size:22px;}
.divfont-24{ font-size:24px;}
.divfont-26{ font-size:26px;}
.divfont-28{ font-size:28px;}
.divfont-30{ font-size:30px;}


.font-8{ font-size:8px;}
.font-10{ font-size:10px  !important;}
.font-12{ font-size:12px  !important;}
.font-14{ font-size:14px  !important;}
.font-16{ font-size:16px  !important;}
.font-18{ font-size:18px  !important;}
.font-20{ font-size:20px  !important;}
.font-22{ font-size:22px  !important;}
.font-24{ font-size:24px !important;}
.font-26{ font-size:26px  !important;}
.font-28{ font-size:28px  !important;}
.font-30{ font-size:30px !important;}
.font-32{ font-size:32px  !important;}
.font-34{ font-size:34px  !important;}
.font-36{ font-size:36px  !important;}
.font-38{ font-size:38px  !important;}
.font-40{ font-size:40px  !important;}
.font-42{ font-size:42px  !important;}
.font-44{ font-size:44px  !important;}
.font-46{ font-size:46px  !important;}
.font-48{ font-size:48px  !important;}
.font-50{ font-size:50px  !important;}

.font-size-8{ font-size:8px  !important;}
.font-size-10{ font-size:10px  !important;}
.font-size-12{ font-size:12px  !important;}
.font-size-14{ font-size:14px  !important;}
.font-size-16{ font-size:16px  !important;}
.font-size-18{ font-size:18px  !important;}
.font-size-20{ font-size:20px  !important;}
.font-size-22{ font-size:22px  !important;}
.font-size-24{ font-size:24px  !important;}
.font-size-26{ font-size:26px  !important;}
.font-size-28{ font-size:28px  !important;}
.font-size-30{ font-size:30px  !important;}
.font-size-40{ font-size:40px  !important;}
.font-size-50{ font-size:50px  !important;}
.font-size-60{ font-size:60px  !important;}
.font-size-70{ font-size:70px  !important;}
.font-size-80{ font-size:80px  !important;}
.font-size-90{ font-size:90px  !important;}
.font-size-100{ font-size:100px  !important;}
.font-size-110{ font-size:110px  !important;}
.font-size-120{ font-size:120px  !important;}
.font-bold   {  font-weight:bold  !important; }

@media only screen and (max-width: 600px) {
    .font-size-120{ font-size:60px  !important;}
}

hr {

	border: thin #CCC solid;
}



.folder1 {	
	width:100%;
	border-left: 1px #CCC solid;
	border-right: 1px #CCC solid;
	border-bottom: 1px #CCC solid;
	border-top: 1px #CCC solid;


	border-bottom-left-radius:  20px;
	border-bottom-right-radius: 20px;

	margin-top:0px;
	margin-bottom:25px;
	background-color:#F9F9F9;
	display:block;
}

.folder1-tab{
	background-color:#D9D9D9;
	width:100%;
    padding-top:5px;
    padding-left:5px;
	min-height:30px;
	border-left: 1px #CCC solid;
	border-right: 1px #CCC solid;
	border-top: 1px #CCC solid;


	border-top-left-radius: 20px;
	border-top-right-radius: 20px;


}

.folder1-tab h3{
	margin:0px;
    padding:0px;
}
.container2{
	width:96%;
	margin:auto;
	margin-top:15px;
	margin-bottom:15px;
	display:block;

}

.folder1 table {
  border-collapse: collapse;
  width: 100%;
}

.folder1 table th {
  padding: 2px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}


.divCurso {	
	width:96%;
	margin:auto;
	padding:15px;	
	border: thin #CCC solid;
	border-radius:4px;
	margin-top:15px;
	margin-bottom:25px;
	background-color:#F9F9F9;
	display:block;	
}
.divCurso table {
  border-collapse: collapse;
  width: 100%;
}
.divCurso table th {
  padding: 2px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}
divCurso a:hover{
    text-decoration: underline !important;
}
.divCurso2 {	
    width:96%;
    margin:auto;
    padding:15px;	
    border: thin #CCC solid;
    border-radius:8px;
    margin-top:15px;
    margin-bottom:25px;
    background-color:#F9F9F9;
    display:block;	
}
.divCurso2 table {
    border-collapse: collapse;
    width: 100%;
}
.divCurso2 table th {
    padding: 2px;
    text-align: left;
}
.label_mensaje{
    color:#F00;
    font-size:18px;
    padding-left:5px;
}
.boton4 {
    min-height:25px;
    width:100%;
    border-radius:8px;
    padding:4px;
    overflow:auto;
    margin-top:2px;
    margin-bottom:2px;
}
.boton8{
    width:250px !important;
    height:100px !important;	
    margin:10px !important;
    /* ESTO ES BUENISIMO E IMPORTANTISIMO.
    CUANDO SE USA FLOAT:LEFT, NO CENTRA, CUANDO SE UTILIZA inline-block  luego de flotar
    a la izquierda, tambien centra. */
    display:inline-block !important;  	
    vertical-align: top !important;	
    box-shadow: 5px 5px  4px #888888 !important;
    transition-duration:0.4s !important;
    animation-name: aniBoton8 !important;
    animation-duration: 0.6s !important;
}
.boton8Titulo{
    font-size:14px;
    font-weight:bold;
    width:220px;
    margin:auto;
}
.boton8Descripcion{
    font-size:12px;
    width:220px;
    margin:auto;
}
.boton8Imagen {
    float:left;		
}
.boton8:hover {
    width: 260px !important;
    height:110px !important;	
    margin:5px !important;
    box-shadow: 5px 5px  20px #33C !important;
}
@keyframes aniBoton8{
    from{margin:10px;}
    to{margin:5px;}
}
.boton-linea {
    min-height:18px;
    width:100%;
    padding:2px;
    padding-bottom:0px;
    padding-top:6px;
    overflow:auto;
    margin-left:15px;
    font-size:16px;
}
.img_loading_full{
    height:200px;
    margin:auto;
}
.div_reloj{
    width:100%;
    text-align:center;
    overflow:visible;
    margin-top:150px;	
}
.texto-rojo{
    color:#F00;
}
.btn-big{
    padding:25px;
    min-width:300px;
}
.divWarningRojo{
    padding:10px;
    width:96%;
    text-align:center;
}
.color-rojo{ color:#F00; }
.color-red{ color:#F00; }
.color-white{ color:#FFF; }
.color-black{ color:#000; }
.color-blue{ color:blue !important; }

.text-word-break{	
	word-break: break-all; 
	-webkit-word-break: break-all; 
	-moz-word-break: break-all; 
	-ms-word-break: break-all; 

}
.text-decoration-none{ text-decoration:none; }
.text-decoration-underline{ text-decoration:underline !important; }

.subir-documento{

	width:100%;
  min-height:25px;
  border-radius:7px 7px 7px 7px;
  padding:10px;
  font-weight:bold;
  font-size:18px;
}

.div-info{
width:96%;
  text-align:center;
  margin:auto;
  font-size:16px;
}

.hreffile {
	cursor:pointer;
	word-break: break-all;
	
}


.imgpregunta{
        max-width: 400px;
        display: block; /* remove extra space below image */
}


@media only screen and (max-width: 600px) {
.imgpregunta{
        max-width: 100%;
        max-height: 100%;
        display: block; /* remove extra space below image */
}
}





.div_datos{
	display:block;
}

.div_error1{
	display:none;
	background-color:#F1F1F1;
	width:100%;
	height:100%;
	position:fixed;
	text-align:center;
	vertical-align:middle;
}
.celda{
	display:table-cell;	
	text-align:center;
	vertical-align:middle;
}

.ul-normal{
	list-style-type:square;
	
}
.ul-normal li>ul {
	list-style-type:circle;
	
}



.descripcion {
	padding:15px;
  word-break: break-all;
}

.word-break-all {  word-break: break-all; }
.word-break-word {  word-break: break-word; }
.word-wrap { word-wrap: break-word; }
.white-space-normal{ white-space: normal; }

.padding-1{ padding:1px; }
.padding-2{ padding:2px; }
.padding-3{ padding:3px; }
.padding-5{ padding:5px; }
.padding-8{ padding:8px; }
.padding-10{ padding:10px; }
.padding-15{ padding:15px; }
.padding-20{ padding:20px; }
.padding-25{ padding:25px; }
.padding-30{ padding:30px; }
.padding-35{ padding:35px; }
.padding-40{ padding:40px; }
.padding-45{ padding:45px; }
.padding-50{ padding:50px; }
.padding-55{ padding:55px; }
.padding-60{ padding:60px; }
.padding-65{ padding:65px; }
.padding-70{ padding:70px; }
.padding-75{ padding:75px; }
.padding-80{ padding:80px; }
.padding-85{ padding:85px; }
.padding-90{ padding:90px; }
.padding-95{ padding:95px; }
.padding-100{ padding:100px; }


.padding-left-5{ padding-left:5px; }
.padding-left-8{ padding-left:8px; }
.padding-left-10{ padding-left:10px; }
.padding-left-15{ padding-left:15px; }
.padding-left-20{ padding-left:20px; }
.padding-left-25{ padding-left:25px; }
.padding-left-30{ padding-left:30px; }
.padding-left-35{ padding-left:35px; }
.padding-left-40{ padding-left:40px; }
.padding-left-45{ padding-left:45px; }
.padding-left-50{ padding-left:50px; }
.padding-left-55{ padding-left:55px; }
.padding-left-60{ padding-left:60px; }
.padding-left-65{ padding-left:65px; }
.padding-left-70{ padding-left:70px; }
.padding-left-75{ padding-left:75px; }
.padding-left-80{ padding-left:80px; }
.padding-left-85{ padding-left:85px; }
.padding-left-90{ padding-left:90px; }
.padding-left-95{ padding-left:95px; }
.padding-left-100{ padding-left:100px; }

.padding-bottom-5{ padding-bottom:5px; }
.padding-bottom-8{ padding-bottom:8px; }
.padding-bottom-10{ padding-bottom:10px; }
.padding-bottom-15{ padding-bottom:15px; }
.padding-bottom-20{ padding-bottom:20px; }
.padding-bottom-25{ padding-bottom:25px; }
.padding-bottom-30{ padding-bottom:30px; }
.padding-bottom-35{ padding-bottom:35px; }
.padding-bottom-40{ padding-bottom:40px; }
.padding-bottom-45{ padding-bottom:45px; }
.padding-bottom-50{ padding-bottom:50px; }
.padding-bottom-55{ padding-bottom:55px; }
.padding-bottom-60{ padding-bottom:60px; }
.padding-bottom-65{ padding-bottom:65px; }
.padding-bottom-70{ padding-bottom:70px; }
.padding-bottom-75{ padding-bottom:75px; }
.padding-bottom-80{ padding-bottom:80px; }
.padding-bottom-85{ padding-bottom:85px; }
.padding-bottom-90{ padding-bottom:90px; }
.padding-bottom-95{ padding-bottom:95px; }
.padding-bottom-100{ padding-bottom:100px; }
.padding-bottom-150{ padding-bottom:150px; }
.padding-bottom-200{ padding-bottom:200px; }
.padding-bottom-250{ padding-bottom:250px; }
.padding-bottom-300{ padding-bottom:300px; }



.padding-top-5{ padding-top:5px; }
.padding-top-8{ padding-top:8px; }
.padding-top-10{ padding-top:10px; }
.padding-top-15{ padding-top:15px; }
.padding-top-20{ padding-top:20px; }
.padding-top-25{ padding-top:25px; }
.padding-top-30{ padding-top:30px; }
.padding-top-35{ padding-top:35px; }
.padding-top-40{ padding-top:40px; }
.padding-top-45{ padding-top:45px; }
.padding-top-50{ padding-top:50px; }
.padding-top-55{ padding-top:55px; }
.padding-top-60{ padding-top:60px; }
.padding-top-65{ padding-top:65px; }
.padding-top-70{ padding-top:70px; }
.padding-top-75{ padding-top:75px; }
.padding-top-80{ padding-top:80px; }
.padding-top-85{ padding-top:85px; }
.padding-top-90{ padding-top:90px; }
.padding-top-95{ padding-top:95px; }
.padding-top-100{ padding-top:100px; }
.padding-top-125{ padding-top:125px; }
.padding-top-150{ padding-top:150px; }
.padding-top-200{ padding-top:200px; }


.padding-right-5{ padding-right:5px; }
.padding-right-8{ padding-right:8px; }
.padding-right-10{ padding-right:10px; }
.padding-right-15{ padding-right:15px; }
.padding-right-20{ padding-right:20px; }
.padding-right-25{ padding-right:25px; }
.padding-right-30{ padding-right:30px; }
.padding-right-35{ padding-right:35px; }
.padding-right-40{ padding-right:40px; }
.padding-right-45{ padding-right:45px; }
.padding-right-50{ padding-right:50px; }
.padding-right-55{ padding-right:55px; }
.padding-right-60{ padding-right:60px; }
.padding-right-65{ padding-right:65px; }
.padding-right-70{ padding-right:70px; }
.padding-right-75{ padding-right:75px; }
.padding-right-80{ padding-right:80px; }
.padding-right-85{ padding-right:85px; }
.padding-right-90{ padding-right:90px; }
.padding-right-95{ padding-right:95px; }
.padding-right-100{ padding-right:100px; }




/*ANCHOS*/
.width-50  { width:50%;}
.width-80  { width:80%;}
.width-85  { width:85%;}
.width-90  { width:90%;}
.width-95  { width:95%;}
.width-96  { width:96%;}
.width-100 { width:100%;}

.width-20px { width:20px;}
.width-25px { width:25px;}
.width-30px { width:30px;}
.width-35px { width:35px;}
.width-40px { width:40px;}
.width-45px { width:45px;}
.width-50px { width:50px;}
.width-60px { width:60px;}
.width-70px { width:70px;}
.width-75px { width:75px;}
.width-80px { width:80px;}
.width-85px { width:85px;}
.width-90px { width:90px;}
.width-95px { width:95px;}
.width-100px { width:100px !important;}
.width-110px { width:110px;}
.width-115px { width:115px;}
.width-120px { width:120px;}
.width-125px { width:125px;}
.width-130px { width:130px;}
.width-135px { width:135px;}
.width-140px { width:140px;}
.width-145px { width:125px;}
.width-150px { width:150px;}
.width-175px { width:150px;}
.width-200px { width:200px;}
.width-210px { width:210px;}
.width-215px { width:215px;}
.width-220px { width:220px;}
.width-225px { width:225px;}
.width-230px { width:230px;}
.width-235px { width:235px;}
.width-240px { width:240px;}
.width-245px { width:245px;}
.width-250px { width:250px;}
.width-300px { width:300px;}
.width-350px { width:350px;}
.width-400px { width:400px;}


.margin-auto {    margin:auto;}
.margin-left-1 {  margin-left:1px;}
.margin-left-auto {  margin-left:auto;}
.margin-left-2 {  margin-left:2px;}
.margin-left-3 {  margin-left:3px;}
.margin-left-4 {  margin-left:4px;}
.margin-left-5 {  margin-left:5px;}
.margin-left-10 { margin-left:10px;}
.margin-left-15 { margin-left:15px;}
.margin-left-20 { margin-left:20px;}
.margin-left-25 { margin-left:25px;}
.margin-left-30 { margin-left:30px;}
.margin-left-35 { margin-left:35px;}
.margin-left-40 { margin-left:40px;}
.margin-left-45 { margin-left:45px;}
.margin-left-50 { margin-left:50px;}

.margin-top-5 {  margin-top:5px;}
.margin-top-10 { margin-top:10px;}
.margin-top-15 { margin-top:15px;}
.margin-top-20 { margin-top:20px;}
.margin-top-25 { margin-top:25px;}
.margin-top-30 { margin-top:30px;}
.margin-top-35 { margin-top:35px;}
.margin-top-40 { margin-top:40px;}
.margin-top-45 { margin-top:45px;}
.margin-top-50 { margin-top:50px;}



.margin-bottom-1  {  margin-bottom:1px;}
.margin-bottom-2  {  margin-bottom:2px;}
.margin-bottom-3  {  margin-bottom:3px;}
.margin-bottom-4  {  margin-bottom:4px;}
.margin-bottom-5  {  margin-bottom:5px;}
.margin-bottom-10 {  margin-bottom:10px;}
.margin-bottom-15 {  margin-bottom:15px;}

.margin-0  { margin:0px;}
.margin-5  { margin:5px;}
.margin-10 { margin:10px;}
.margin-15 { margin:15px;}
.margin-20 { margin:20px;}
.margin-25 { margin:25px;}
.margin-30 { margin:30px;}
.margin-35 { margin:35px;}
.margin-40 { margin:40px;}
.margin-45 { margin:45px;}
.margin-50 { margin:50px;}

.margin-bottom-5  { margin-bottom:5px;}
.margin-bottom-10 { margin-bottom:10px;}
.margin-bottom-15 { margin-bottom:15px;}
.margin-bottom-20 { margin-bottom:20px;}
.margin-bottom-25 { margin-bottom:25px;}
.margin-bottom-30 { margin-bottom:30px;}
.margin-bottom-35 { margin-bottom:35px;}
.margin-bottom-40 { margin-bottom:40px;}
.margin-bottom-45 { margin-bottom:45px;}
.margin-bottom-50 { margin-bottom:50px;}


.float-left 	{  float:left; }
.float-right 	{  float:right; }


.table{
	border-collapse:collapse;
	border-spacing:0;
	display:table;
  width:100%;
  margin:auto;
}

.table-cell{
	display:table-cell;
  text-align:center;
}

.white-space-pre-line { 	white-space: pre-line; }

.text-bold{ 	font-weight:bold;  }
.text-italic{ 	font-style:italic;  }

.height-10px	{ height:10px; }
.height-20px	{ height:20px; }
.height-25px	{ height:25px; }
.height-30px	{ height:30px; }
.height-40px	{ height:40px; }
.height-50px	{ height:50px; }
.height-60px	{ height:60px; }
.height-70px	{ height:70px; }
.height-75px	{ height:75px; }
.height-100px	{ height:100px; }
.height-125px	{ height:125px; }
.height-150px	{ height:150px; }
.height-175px	{ height:175px; }
.height-200px	{ height:200px; }
.height-225px	{ height:225px; }
.height-250px	{ height:250px; }
.height-300px	{ height:300px; }
.height-350px	{ height:350px; }
.height-400px	{ height:400px; }
.height-100 { height:100%; }
.height-90  { height:90%; }
.height-80  { height:80%; }
.height-70  { height:70%; }
.height-60  { height:60%; }
.height-50  { height:50%; }
.height-40  { height:40%; }
.height-30  { height:30%; }
.height-20  { height:20%; }
.height-10  { height:10%; }


.max-height-10	{ max-height:10px; }
.max-height-20	{ max-height:20px; }
.max-height-30	{ max-height:30px; }
.max-height-40	{ max-height:40px; }
.max-height-50	{ max-height:50px; }
.max-height-60	{ max-height:60px; }
.max-height-70	{ max-height:70px; }
.max-height-75	{ max-height:75px; }
.max-height-100	{ max-height:100px; }
.max-height-125	{ max-height:125px; }
.max-height-150	{ max-height:150px; }
.max-height-175	{ max-height:175px; }
.max-height-200	{ max-height:200px; }
.max-height-225	{ max-height:225px; }
.max-height-250	{ max-height:250px; }
.max-height-300	{ max-height:300px; }
.max-height-350	{ max-height:350px; }
.max-height-400	{ max-height:400px; }

.max-width-10	{ max-width:10px; }
.max-width-20	{ max-width:20px; }
.max-width-30	{ max-width:30px; }
.max-width-40	{ max-width:40px; }
.max-width-50	{ max-width:50px; }
.max-width-60	{ max-width:60px; }
.max-width-70	{ max-width:70px; }
.max-width-75	{ max-width:75px; }
.max-width-80	{ max-width:80px; }
.max-width-85	{ max-width:85px; }
.max-width-90	{ max-width:90px; }
.max-width-95	{ max-width:95px; }
.max-width-100	{ max-width:100px; }
.max-width-125	{ max-width:125px; }
.max-width-150	{ max-width:150px; }
.max-width-175	{ max-width:175px; }
.max-width-200	{ max-width:200px; }
.max-width-225	{ max-width:225px; }
.max-width-250	{ max-width:250px; }
.max-width-300	{ max-width:300px; }
.max-width-350	{ max-width:350px; }
.max-width-400	{ max-width:400px; }
.max-width-450	{ max-width:450px; }
.max-width-500	{ max-width:500px; }
.max-width-550	{ max-width:550px; }


.min-height-10	{ min-height:10px; }
.min-height-20	{ min-height:20px; }
.min-height-30	{ min-height:30px; }
.min-height-40	{ min-height:40px; }
.min-height-50	{ min-height:50px; }
.min-height-60	{ min-height:60px; }
.min-height-70	{ min-height:70px; }
.min-height-75	{ min-height:75px; }
.min-height-80	{ min-height:80px; }
.min-height-85	{ min-height:85px; }
.min-height-90	{ min-height:90px; }
.min-height-95	{ min-height:95px; }
.min-height-100	{ min-height:100px; }
.min-height-125	{ min-height:125px; }
.min-height-150	{ min-height:150px; }
.min-height-175	{ min-height:175px; }
.min-height-200	{ min-height:200px; }
.min-height-225	{ min-height:225px; }
.min-height-250	{ min-height:250px; }
.min-height-300	{ min-height:300px; }
.min-height-350	{ min-height:350px; }
.min-height-400	{ min-height:400px; }

.min-width-10	{ min-width:10px; }
.min-width-20	{ min-width:20px; }
.min-width-30	{ min-width:30px; }
.min-width-40	{ min-width:40px; }
.min-width-50	{ min-width:50px; }
.min-width-60	{ min-width:60px; }
.min-width-70	{ min-width:70px; }
.min-width-75	{ min-width:75px; }
.min-width-80	{ min-width:80px; }
.min-width-85	{ min-width:85px; }
.min-width-90	{ min-width:90px; }
.min-width-95	{ min-width:95px; }
.min-width-100	{ min-width:100px; }
.min-width-125	{ min-width:125px; }
.min-width-150	{ min-width:150px; }
.min-width-175	{ min-width:175px; }
.min-width-200	{ min-width:200px; }
.min-width-225	{ min-width:225px; }
.min-width-250	{ min-width:250px; }
.min-width-300	{ min-width:300px; }
.min-width-350	{ min-width:350px; }
.min-width-400	{ min-width:400px; }
.min-width-450	{ min-width:450px; }
.min-width-500	{ min-width:500px; }
.min-width-550	{ min-width:550px; }



.text-align-left   { text-align:left; }
.text-align-right  { text-align:right; }
.text-align-center { text-align:center; }


.border-thin 		{ border-width:thin;		}
.border-medium 	{ border-width:medium;	}
.border-thick 	{ border-width:thick;		}
.border-none 	{ border:none;		}

.border-color-red 	{ border-color:#C30;	}
.border-color-blue 	{ border-color:#06F;	}
.border-color-green { border-color:#0cb008;	}
.border-color-gray  { border-color:#CCC;	}
.border-color-black { border-color:#000;	}

.border-style-solid { border-style:solid; }


.frameH { height:600px;	}
@media screen and (max-width: 600px) {
		.frameH { height:350px;	}
}


.tableStandar {
  border-collapse: collapse;
  width: 96%;
  margin:auto;
  font-size:14px;

}

.tableStandar a {
  text-decoration:none;

}

.tableStandar  caption {
	text-align:center;
  font-size:22px;
  background-color:#CCC;
  color:#FFF;
  padding:5px;
  border-bottom:thin #999 solid;
}

.tableStandar th {
  padding: 8px;
  text-align: left;
  border-bottom: 1px solid #BBB;
  background-color:#CCC;
  font-size:14px;

}

.tableStandar td {
  padding: 8px;
  text-align: left;
  border-bottom: 1px solid #BBB;
  font-size:12px;
  color:#333;

}

.tableStandar tr:hover {
	background-color:#eee;
}

/* TABLA FORMATO 2*/

.tableStandar2 {
  border-collapse: collapse;
  width: 96%;
  margin:auto;
  font-size:14px;
	border:none;

}

.tableStandar2 a {
  text-decoration:none;
}

.tableStandar2  caption {
	text-align:center;
  font-size:22px;
  background-color:#CCC;
  color:#FFF;
  padding:5px;
}

.tableStandar2 th {
  padding: 8px;
  text-align: left;
  background-color:#CCC;
  font-size:14px;
	border:0;

}

.tableStandar2 td {
  padding: 1px;
  text-align: left;
  font-size:12px;
  color:#333;
	border:0 !important;
}

.tableStandar2  input, textarea {
	width:100%;
}

/* FIN TABLA FORMATO 2*/

/* TABLE STANDAR 3*/
.tableStandar3 {
  border-collapse: collapse;
  width: 96%;
  margin:auto;
  font-size:14px;
  border:none;

}

.tableStandar3 h3 {
	font-size:20px;
  padding:0px;
  margin:0;
}
.tableStandar3 a {
  text-decoration:none;

}

.tableStandar3  caption {
	text-align:center;
  font-size:22px;
  background-color:#CCC;
  color:#FFF;
  padding:5px;
  border-bottom:thin #999 solid;
}

.tableStandar3 th {
  padding: 8px;
  text-align: left;
  font-size:14px;

}

.tableStandar3 td {
  padding: 4px;
  text-align: left;
  font-size:14px;
  color:#333;
  border:none !important;
  

}

/* FIN DE TABLE STANDAR 3*/

.text-color-black	{ color:#000; }
.text-color-white	{ color:#FFF; }
.text-color-red	 	{ color:#F00; }
.text-color-yellow 	{ color:#FF0; }
.text-color-blue	{ color:#06F; }
.text-color-black	{ color:#000; }
.text-color-gray	{ color:#CCC; }
.text-color-dark	{ color:#999; }
.text-color-666		{ color:#666; }
  
.display-block  { display:block; }		
.display-none   { display:none; }		
.celda2{
  width:96%;
  margin-top:5px;
  margin-bottom:5px;
  margin:auto;
  display:block;
}
.background-blue 	{ background-color:#06F !important; }
.background-skyblue 	{ background-color:skyblue; }
.background-green       { background-color:#0cb008 !important; }
.background-lime        { background-color:#6F3 !important; }
.background-red 	{ background-color:#C30; }
.background-orange	{ 	background-color:#FC6 !important; }
.background-yellow	{ 	background-color:#FF6; }
.background-yellow-light{ 	background-color:#F1F1F0; }
.background-gray 	{ background-color:#E5E5E5; }
.background-dark-gray 	{ background-color:#999; }
.background-dark  	{ background-color:#999; }
.background-light-gray 	{ background-color:#F5F5F5; }
.background-black 	{ background-color:#000; }
.background-white 	{ background-color:#FFF; }
.background-sky 	{ background-color:#CCFFFF; }
.background-grayf9 	{ background-color:#F9F9F9; }

.background-white-trans-9 	{ background-color:rgba(255,255,255,0.8); }

.background-color-blue      { background-color:#06F  !important; }
.background-color-skyblue   { background-color:skyblue  !important; }
.background-color-green     { background-color:#0cb008 !important; }
.background-color-lime      { background-color:#6F3 !important; }
.background-color-red       { background-color:#C30  !important; }
.background-color-orange    { background-color:#FC6 !important; }
.background-color-yellow    { background-color:#FF6  !important; }
.background-color-yellow-light{ background-color:#F1F1F0  !important; }
.background-color-gray      { background-color:#E5E5E5  !important; }
.background-color-dark-gray { background-color:#999  !important; }
.background-color-dark      { background-color:#999  !important; }
.background-color-light-gray{ background-color:#F5F5F5  !important; }
.background-color-black     { background-color:#000  !important; }
.background-color-white     { background-color:#FFF  !important; }
.background-color-sky       { background-color:#CCFFFF  !important; }
.background-color-grayf9    { background-color:#F9F9F9  !important; }
.background-color-ccc       { background-color:#CCC   !important; }

.background-color-white-trans-9 	{ background-color:rgba(255,255,255,0.8); }


.list-style-circle { list-style:circle; }
.list-style-none { list-style:none;}
.list-style-square { list-style:square;}

.cursor-pointer{ 	cursor:pointer !important; }

.tblEdit{
	width:96%;
	margin:auto;	
}
.tblEdit label{
	margin-top:20px;
	width:100%;
	display:block;
}
.tblEdit caption{
	width:100%;
	font-size:20px;
	text-align:center;
	border-bottom:thin #999 solid;
}
.tblEdit input[type="text"]{
	width:100%;
	margin:auto;	
}


.tableFormulario1{

	width:90%;
  margin:auto;
}


.tableFormulario1 input{
	width:100%;
}

.tableFormulario1 textarea {
	width:100%;
}

/* pie que permanece estatico para botones*/
.footer {
    position: fixed;
    left: 0;
    bottom:0;
    width: 100%;
    background-color: #f2f2f2;
    padding:6px;
    color: white;
    text-align: center;
    border-top: thin solid #666;
    z-index: 200;
}

.footer2 {
   	position: fixed;
   	left: 0;
   	bottom:0;
  	width: 100%;
   	background-color: #f2f2f2;
	padding:6px;
   	color: white;
   	text-align: center;
	border-top: thin solid #666;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding-left:50px;
	padding-right:50px;
}
.button{
    padding:10px;
    border-radius:8px 8px 8px 8px;
    border:thin solid #ccc;
    box-shadow: 2px 2px 4px #CCC;	
    cursor:pointer;
    margin:3px;
    display:inline-block;
}
.button:hover{
    background-color: dodgerblue;
    color:white;
}
.overflow-scroll{ overflow:scroll;}
a:hover {
	text-decoration:underline;
}

.text-uppercase {
	text-transform: uppercase;
	-webkit-text-transform: uppercase;
	-moz-text-transform: uppercase;
	-o-text-transform: uppercase;
	-ms-text-transform: uppercase;
}

.display-flex{	display:flex;}


.align-items-center{ align-items:center; }
.align-items-bottom{ align-items:end; }
.justify-content-center{ justify-content:center; }
.justify-content-around{ justify-content:space-around; }
.justify-content-between{ justify-content:space-between; }
.justify-content-evenly{ justify-content:space-evenly; }
.justify-content-flex-start{ justify-content:flex-start; }
.justify-content-flex-end{ justify-content:flex-end; }
.justify-content-space-between{justify-content:space-between; }

.flex-centerv{ justify-content:center;	 }
.flex-centerh{	align-items:center;  }

.flex-direcion-row{  flex-direction:row;  }
.flex-direcion-column { flex-direction:column; }
.flex-direcion-inherited { flex-direction:inherited; }
.position-fixed    {	position:fixed;}
.position-relative {	position:relative;}
.position-absolute {	position:absolute;}
.z-index-0	  	{  z-index:0;}
.z-index-1	  	{  z-index:1;}
.z-index-999  	{  z-index:999;}
.z-index-9999  	{  z-index:9999;}
.z-index-99999 	{  z-index:99999;}
.z-index-999999 	{  z-index:999999;}

.flex-direction-row{  flex-direction:row;  }
.flex-direction-column { flex-direction:column; }
.flex-wrap{  flex-wrap:wrap; }

.flex-1{
    flex: 1;
}


.espacios-1   {  width:100%; height:1px !important; }
.espacios-2   {  width:100%; height:2px !important; }
.espacios-3   {  width:100%; height:3px !important; }
.espacios-4   {  width:100%; height:4px !important; }
.espacios-5   {  width:100%; height:5px !important; }
.espacios-6   {  width:100%; height:6px !important; }
.espacios-7   {  width:100%; height:7px !important; }
.espacios-8   {  width:100%; height:8px !important; }
.espacios-9   {  width:100%; height:9px !important; }
.espacios-10  {  width:100%; height:10px !important; }
.espacios-20  {  width:100%; height:20px !important; display: flex; }
.espacios-30  {  width:100%; height:30px !important; }
.espacios-40  {  width:100%; height:40px !important; }
.espacios-50  {  width:100%; height:50px !important; }
.espacios-60  {  width:100%; height:60px !important; }
.espacios-70  {  width:100%; height:70px !important; }
.espacios-80  {  width:100%; height:80px !important; }
.espacios-90  {  width:100%; height:90px !important; }
.espacios-100 {  width:100%; height:100px !important;  }
.espaciador-flex {  width:100%; flex-grow: 1 !important;  }

.shadow-2{  box-shadow: 2px 2px 4px #CCC; }
.shadow-3{  box-shadow: 3px 3px 3px #CCC; }
.shadow-4{  box-shadow: 4px 4px 4px #CCC; }
.shadow-5{  box-shadow: 5px 5px 5px #CCC; }
.shadow-6{  box-shadow: 6px 6px 6px #CCC; }

.shadow-2-dark{  box-shadow: 2px 2px 4px #666; }
.shadow-3-dark{  box-shadow: 3px 3px 3px #666; }
.shadow-4-dark{  box-shadow: 4px 4px 4px #666; }
.shadow-5-dark{  box-shadow: 5px 5px 5px #666; }
.shadow-6-dark{  box-shadow: 6px 6px 6px #666; }

.border-radius-5 {  	border-radius:			5px 5px 5px 5px;  	-moz-border-radius:		5px 5px 5px 5px;  -webkit-border-radius:	5px 5px  5px 5px; }
.border-radius-6 {  	border-radius:			6px 6px 6px 6px;  	-moz-border-radius:		6px 6px 6px 6px;  -webkit-border-radius:	6px 6px  6px 6px; }
.border-radius-7 {  	border-radius:			7px 7px 7px 7px;  	-moz-border-radius:		7px 7px 7px 7px;  -webkit-border-radius:	7px 7px  7px 7px; }
.border-radius-8 {  	border-radius:			8px 8px 8px 8px;  	-moz-border-radius:		8px 8px 8px 8px;  -webkit-border-radius:	8px 8px  8px 8px; }
.border-radius-9 {  	border-radius:			9px 9px 9px 9px;  	-moz-border-radius:		9px 9px 9px 9px;  -webkit-border-radius:	9px 9px  9px 9px; }
.border-radius-10 {  	border-radius:			10px 10px 10px 10px;  	-moz-border-radius:		10px 10px 10px 10px;  -webkit-border-radius:	10px 10px  10px 10px; }
.border-radius-11 {  	border-radius:			11px 11px 11px 11px;  	-moz-border-radius:		11px 11px 11px 11px;  -webkit-border-radius:	11px 11px  11px 11px; }
.border-radius-12 {  	border-radius:			12px 12px 12px 12px;  	-moz-border-radius:		12px 12px 12px 12px;  -webkit-border-radius:	12px 12px  12px 12px; }
.border-radius-13 {  	border-radius:			13px 13px 13px 13px;  	-moz-border-radius:		13px 13px 13px 13px;  -webkit-border-radius:	13px 13px  13px 13px; }
.border-radius-14 {  	border-radius:			14px 14px 14px 14px;  	-moz-border-radius:		14px 14px 14px 14px;  -webkit-border-radius:	14px 14px  14px 14px; }
.border-radius-15 {  	border-radius:			15px 15px 15px 15px;  	-moz-border-radius:		15px 15px 15px 15px;  -webkit-border-radius:	15px 15px  15px 15px; }
.border-radius-16 {  	border-radius:			16px 16px 16px 16px;  	-moz-border-radius:		16px 16px 16px 16px;  -webkit-border-radius:	16px 16px  16px 16px; }
.border-radius-17 {  	border-radius:			17px 17px 17px 17px;  	-moz-border-radius:		17px 17px 17px 17px;  -webkit-border-radius:	17px 17px  17px 17px; }
.border-radius-18 {  	border-radius:			18px 18px 18px 18px;  	-moz-border-radius:		18px 18px 18px 18px;  -webkit-border-radius:	18px 18px  18px 18px; }
.border-radius-19 {  	border-radius:			19px 19px 19px 19px;  	-moz-border-radius:		19px 19px 19px 19px;  -webkit-border-radius:	19px 19px  19px 19px; }
.border-radius-20 {  	border-radius:			20px 20px 20px 20px;  	-moz-border-radius:		20px 20px 20px 20px;  -webkit-border-radius:	20px 20px  20px 20px; }
.border-radius-25 {  	border-radius:			25px 25px 25px 25px;  	-moz-border-radius:		25px 25px 25px 25px;  -webkit-border-radius:	25px 25px  25px 25px; }
.border-radius-30 {  	border-radius:			30px 30px 30px 30px;  	-moz-border-radius:		30px 30px 30px 30px;  -webkit-border-radius:	30px 30px  30px 30px; }
.border-radius-35 {  	border-radius:			35px 35px 35px 35px;  	-moz-border-radius:		35px 35px 35px 35px;  -webkit-border-radius:	35px 35px  35px 35px; }
.border-radius-40 {  	border-radius:			40px 40px 40px 40px;  	-moz-border-radius:		40px 40px 40px 40px;  -webkit-border-radius:	40px 40px  40px 40px; }
.border-radius-45 {  	border-radius:			45px 45px 45px 45px !important;  	-moz-border-radius:		45px 45px 45px 45px !important;  -webkit-border-radius:	45px 45px  45px 45px !important; }
.border-radius-50 {  	border-radius:			50px 50px 50px 50px;  	-moz-border-radius:		50px 50px 50px 50px;  -webkit-border-radius:	50px 50px  50px 50px; }

.border-bottom-thin { border-bottom:thin #999 solid;}
.border-bottom-dotted { border-bottom:thin #999 dotted;}

@keyframes modal1_animation {	
	from {height:0;}
	to{height:100%;}
}



@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}


@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}


.vista-modal-1{
	width:100%;
	height:100%;
	position:fixed; 
	z-index:99999; border:thin #000 solid; 
	top:0; left:0;	
	background-color:#FFF;  	
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s;  
	display:none;	
}	
.vista-modal-1-content {
	width:100%;
	height:85%; 
	overflow-y:scroll;
	display:block;
	margin-bottom:5%;
}
.animation-top {
	
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s
}
.top-0{ top:0;}
.left-0{ left:0;}
.text-shadow-2{  text-shadow: 2px 2px 3px #ff0000;}

.pre{

	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word; 
}


.divModificaciones{
	width:100%;
	
	margin:auto;
	padding:20px;
	z-index:999999;	
}

.crumbs{
	animation-name:ani-crumbs;
	animation-duration:1s;
	animation-timing-function:ease-out;	
	position:relative;
	display:flex;
	width:100%;
	height:35px;
	align-items:center;
	}

.crumbs ul {
	list-style-type:none;
	padding:0;
	margin:0;
	padding-left:25px;
}
.crumbs ul li{
	float:left;
	text-align:center;
	vertical-align:middle;
	font-size:16px;
}

.crumbs ul li span {
	color:#000;
	font-style:italic;
}

.crumbs ul li a:hover {
	background-color:#039;
	color:white;
}

.crumbs a {
	cursor:pointer;
	padding-left:3px;
	padding-right:3px;
	padding-top:3px;
	padding-bottom:3px;
	color:blue;
}
@keyframes  ani-crumbs {
	from{ left:50px; opacity:0;  }
	to{   left:0px; opacity:1;   }	
}



.menu2{
	list-style:none;
	width:100%;
	margin:0;
	padding:0;
	height:35px;
	border-bottom:thin solid #CCC;
}
.menu2 li{
	margin:0px;
	display:inline;	
	padding:10px;
	border-right:thin #999 solid;
	cursor:pointer;
	color:#000;
}

.menu2 li:hover {
	background-color:#CCC;	
	color:white;
	transition:background 1s, color 1s;
}
.menu2 a {
	text-decoration:none;	
}
.menu2 a:visited {
	text-decoration:none;	
		
}

.tabla-sin-bordes{
	border:none;	
}
.tabla-sin-bordes td {
	border:none;
}
.tabla-sin-bordes th {
	border:none;
}

.tabla-normal{
	width:100%;
	border-collapse: collapse;	
}
.tabla-normal thead th{
	border: thin solid black;
	padding: 10px;
	background-color: black;
	color: white;
}
.tabla-normal tbody th{
	border: thin dotted gray;
	padding: 10px;
	background-color: #F1F1F1;
}
.tabla-normal td{
	border: thin dotted gray;
	padding: 10px;;
}

.tabla-normal tfoot th{
	border: thin dotted black;
	padding: 10px;
	color:white;
        background-color: #666;
}


.chart-1{
	width:500px;
	margin:auto;
}
.td-display-only-big-window{
    display:table-cell;
}
@media only screen and (max-width: 600px) {
    .td-display-only-big-window{
        display:none;
    }

	.chart-1{
		width:350px;
	}
}

.div-error{
    font-size:22px;
    color:red;
    text-align:center;
    width:100%;
    padding:25px;
}
.div-error-14{
    font-size:14px;
    color:red;
    text-align:center;
    width:100%;
}
.tabla-preinscripcion  {
	width:90%;	
}
.tabla-preinscripcion input[type="text"],  input[type="email"]{
    width:100%;
}
.tabla-preinscripcion td{
	height:125px;
}
.tabla-preinscripcion td span{
	font-style:italic;
}
.overflow-scroll-auto{    overflow: auto !important; }
.overflow-scroll-hidden{    overflow: hidden !important; }
.overflow-scroll-scroll{    overflow: scroll !important; }
h1, h2, h3{
    margin:0;
    padding:0;
    margin-top:2px;    
}
h1{
    font-size:22px;
    color:black;
}
h2{
    font-size:14px;
}
h3{
    font-size:12px;
}
.img-hover{
    border: thin solid gray;   
    padding:4px;
}
.img-hover:hover{
    border: thick solid gray;   
    padding:0px;
}
.select-black{
    background-color:black;
    color:white;
}
@media print{
    .no-print{
        display:none;
    }
    select{
        color:black;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
    }
}

select option {
    background-color: black;
    color:white;
    border-bottom: thick  solid red;
    margin-bottom: 3px;
    display:block;
}

/*AGENDA IDEMS*/
.agenda-container{
    padding:20px;
    position: relative;
}
.agenda-idem{
    width:100%;
    padding:2px;
    padding-bottom:10px;
    padding-top:10px;
    display:flex;
    flex-direction: row;
    cursor:pointer;
    border-bottom: thin solid #ccc;
    background-color: white;
    border-radius: 10px;
    margin-top:   6px;
    margin-bottom:6px;
    box-shadow:  1px 1px 10px #ccc;
}
.agenda-idem:hover{
    background-color: #ccc;
    transition-duration: 0.6s;
}    
.agenda-idem no-visto {
       width:5px;
       height: 5px;
       border-radius: 50%;
       display: block;
}
.agenda-idem icono {
    width: 40px;
    height:40px;
    min-width: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:12px;
    font-weight: bold;
    margin-right: 5px;
    background-position: center;
    background-size: cover;
    overflow: hidden;
}
.agenda-idem contenido {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}
.agenda-idem contenido titulo {
    font-size: 18px !important;
    margin-left:5px;
}
.agenda-idem label{
    min-width: 90px !important;
}
.agenda-idem contenido descripcion {
    font-size: 14px !important;
    color:gray;
    margin-left:5px;
    cursor:pointer;
    display:flex;
}
.agenda-idem label {
    cursor:pointer;
}
.agenda-idem nota {
    width: 50px;
    height:30px;
    min-width: 30px;
    margin-left:8px;
    font-size:10px;
    display:flex;
    align-items: center;
    justify-content: center;
    cursor:pointer;
}
.agenda-idem dias {
    width:100px;
    height:20px;
    padding:3px;
    border-radius: 10px;
    margin-left:8px;
    display:flex;
    align-items: center;
    justify-content: center;
    font-size:10px;
}
.agenda-idem flecha {
    width:20px;
    min-width: 20px;
    height:40px;
    font-size:20px;
    display:flex;
    align-items: center;
    justify-content: center;
}
.badgeIdem { 
    width:100px;
    height:20px;
    padding:3px;
    border-radius: 10px;
    margin-left:8px;
    display:flex;
    align-items: center;
    justify-content: center;
    font-size:10px;
}   
@media only screen and (max-width: 600px) {
    .agenda-idem contenido titulo {
        font-size: 18px !important;
    }
    .agenda-idem contenido descripcion {
        font-size: 14px !important;
    }
    
    .agenda-idem icono {
    width: 30px;
    height:30px;
    min-width: 30px;        
    }
}                    
.box1{
    width:96%;
    padding: 10px;
    background-color: #EEE;
    margin-top:10px;
    margin-bottom:10px;
    background-color: white;
    height: auto;
    overflow-y: visible;
}                    
.thumbnail-foto{
    width:75px;
    height:75px;
    border-radius: 50%;
    box-shadow: 5px 5px 10px black;
    overflow: hidden;
    display:flex;
    justify-content: center;
    align-items: center;
    margin:10px;
}
.thumbnail-foto img {
    width:75px;
}
.thumbnail-foto-small{
    width:30px;
    height:30px;
    border-radius: 50%;
    overflow: hidden;
    display:flex;
    justify-content: center;
    align-items: center;
    margin:0px;
}
.thumbnail-foto-small img {
    width:30px;
}

.box2{
    width:100%;
    padding:20px;
    background-color:#eee;
    border-radius: 15px;
    border: thin solid gray;
    height: auto;
    overflow-y: visible;
}
.divisor {
	width:100%;
	height:5px;
	min-height:5px;
	background-color:#ccc;
	display:block;	
	margin-top:10px;
	margin-bottom:10px;
}
.boxCuestionarioPregunta{
    width:100%;
    overflow-y: visible;
    display:flex;
    flex-direction: column;
    align-items: center;
    padding:0px;
}
.boxCuestionarioPregunta .container textArea{
    width:100%;
}
.boxCuestionarioPregunta .container{
    width:700px;

}
.boxCuestionarioPregunta opciones {
    display:flex;
    flex-direction: column;
    width:100%;
}
.boxCuestionarioPregunta opciones checkbox::after  {
    background-color: blue;
    width:150px;    
}
.boxCuestionarioPregunta opciones button {
    max-width:200px;
    width:200px;
}
.boxCuestionarioPregunta pre {
    width:100%;
    padding:20px;
    border: thin solid black;
    border-radius: 10px;
    word-wrap: break-word;   
}
.boxCuestionarioPregunta imagen {
    width:100%;
    height: 500px;
    display:flex;
    justify-content: center;
    margin-top:15px;
    margin-bottom:15px;
}
.imgQuestCuadrada{
    width: 300px;
    height :300px;
}
.imgQuestMasAncho{
        max-width: 100%;
        height:auto !important;
}
.imgQuestMasAlto{
        width: auto; 
        height:500px;
}
.chkBig:disabled {
    color:red;
}
.chkBig{
    transform: scale(2);
    padding:10px;
    margin-right: 25px;
}
.chkBigDisabled {
  opacity:0.8;
  pointer-events: none;
}
.chkGreen:checked:before{
    background-color:green;    
}

@media only screen and (max-width: 600px) {
    .boxCuestionarioPregunta .container{
        width:300px;
    }
    .imgQuestCuadrada{
        width: 300px;
        height :300px;
    }
    .imgQuestMasAncho{
            max-width: 100%;
            height:auto !important;
    }
    .imgQuestMasAlto{
            width: auto; 
            height:300px;
    }
}

.box-flex-centrada-transparente{
    display:flex;
    width:100%;
    height:100%;
    top:0;
    left:0;
    position:absolute;
    background-color: rgba(255,255,255, 0);
    justify-content: center;
    align-items: center;
}

.padding-mobile{
    padding-left:  50px;
    padding-right: 50px;
}
@media only screen and (max-width: 600px) {
    .padding-mobile{
        padding-left:  0px;
        padding-right: 0px;
    }
}
.footer-panel-estudiantes{
    display:flex;
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    background-color: #f9f9f9;
    padding: 0px;    
    flex-direction: row;
    justify-content: center;
    box-shadow: 0 -3px 5px #ccc;
    font-size:12px;
}
.footer-panel-estudiantes button{
    background-color: #f9f9f9;
    color:gray;
    display:flex;
    flex-direction: column;
    align-items: center;
    min-height: 75px;
    box-shadow: 0px 0px 0px;
    transition-duration: 0.2s;
}
.footer-panel-estudiantes button i {
    font-size:28px;
    margin-bottom: 5px;
}
.footer-panel-estudiantes button:hover {
    background-color: #999;
    color:white;
}


.btn-like-azul {
    background-color: white;
    color:blue;
}
.btn-like-azul:hover {
    background-color: black;
    color:white;
    box-shadow: 0px 0px 0px none;
    border:none;
}
.btn-comentario-blue {
    background-color: white;
    color:blue;
}
.btn-comentario-blue:hover {
    background-color: black;
    color:white;
}
.btn-like-red {
    background-color: white;
    color:red;
}
.btn-like-red:hover {
    background-color: black;
    color:white;
    box-shadow: 0px 0px 0px none;
    border:none;
}
.respuesta-foro{
    margin:10px;
    border-radius: 10px;
    background-color:white;
    border:thin solid #ccc;
    min-height: 50px;
    box-shadow: 1px 4px 8px gray;
    padding:20px;
}
.comentario-alumno{
    border:thin solid #ccc;
    min-height: 50px;
    border-radius: 25px;
    background-color: white;
    box-shadow: 1px 2px 2px #bbb;
    margin:5px;
    padding:15px;
}
.comentario2{
    border:thin solid #ccc;
    min-height: 50px;
    border-radius: 25px;
    background-color: #CFF;
    box-shadow: 1px 2px 10px #bbb;
    margin:5px;
    margin-bottom:5px;
    padding:15px;
    border-radius: 25px 10px 0px 25px;
    width:90%;
    margin-left:10%;
}

            
.hr2{
    height: 1px;
    background-color: #ccc;
    border: 1px dotted #ccc;
    margin-top: 2px;
    margin-bottom: 2px;
}
.relative{
    position: relative;
}
.width-de100-a325px{
    width:100% !important;
}
@media only screen and (max-width: 600px) {
    .width-de100-a325px{
        width:300px !important;
    }
}
.imgLogo{
	height:150px;
	width:100%;
	text-align:center;
	display:flex;
        align-items:center;
        justify-content:center;
        margin-top:25px;
}
.imgLogo  img {
	height:150px;
	background-position:center;
}
.divevento{
		background-color:#FaFaFa;
		border-radius:    10px  10px  10px  10px;
		width:96%;
		max-width:700px;
		margin:auto;
		margin-bottom:25px;
		border:thin #DDD solid;
		box-shadow: 2px 6px 10px grey;	
                cursor: pointer;
}

.diveventotitulo {
		background-color:#FFD;
		border-radius:    10px  10px  0px  0px;
		min-height:28px;
		font-weight:bold;
		padding-bottom:12px;
		text-align:left;
		overflow:auto;
		
}

.diveventocentro{
		padding:10px;
		border-radius:    0px  0px  10px  10px;
		
}
.fotoMaestro{
     display:flex;
     justify-content: flex-start;
}
.fotoMaestro img{
    width: 100%;
    height: auto;
    max-width: 500px;
}
.fotoMaestroGradoEstudiante{
     display:flex;
     justify-content: flex-start;
}
.fotoMaestroGradoEstudiante img{
    width: 150px;
    height: auto;
}
.fotoEstudiantes200{
    display:flex;
    min-width:200px !important;
    min-height:200px !important;
    height: auto !important;
    justify-content: center;
    margin:15px;
}
.fotoEstudiantes200 img {
    width:100%;
    height:auto;
    border: thin solid #ccc;
    border-radius: 10px !important;
    box-shadow: 1px 1px 3px gray;
}
.fotoEstudiantes50{
    display:flex;
    min-width:50px !important;
    min-height:50px !important;
    height: auto !important;
    justify-content: center;
    margin:15px;
}
.fotoEstudiantes50 img {
    width:100%;
    height:auto;
    border: thin solid #ccc;
    border-radius: 10px !important;
    box-shadow: 1px 1px 3px gray;
}
.fotoEstudiantes100{
    display:flex;
    min-width: 100px !important;
    min-height:100px !important;
    height: auto !important;
    justify-content: center;
    margin:15px;
}
.fotoEstudiantes100 img {
    width:100%;
    height:auto;
    border: thin solid #ccc;
    border-radius: 10px !important;
    box-shadow: 1px 1px 3px gray;
}
.fotoEstudiantes75{
    display:flex;
    max-width: 75px !important;
    min-width:75px !important;
    height: auto !important;
    justify-content: center;
    margin:15px;
}
.fotoEstudiantes75 img {
    width:100%;
    height:auto;
    border: thin solid #ccc;
    border-radius: 10px !important;
    box-shadow: 1px 1px 3px gray;
}
.fotoEstudiantesMax150{
    display:flex;
    max-width: 150px !important;
    min-height:150px !important;
    height: auto !important;
    justify-content: center;
    margin:15px;
}
.fotoEstudiantesMax150 img {
    width:100%;
    height:auto;
    border: thin solid #ccc;
    border-radius: 10px !important;
    box-shadow: 1px 1px 3px gray;
}
.fotoEstudiantesMax200{
    display:flex;
    max-width: 200px !important;
    min-height:200px !important;
    height: auto !important;
    justify-content: center;
    margin:15px;
}
.fotoEstudiantesMax200 img {
    width:100%;
    height:auto;
    border: thin solid #ccc;
    border-radius: 10px !important;
    box-shadow: 1px 1px 3px gray;
}
.fotoEstudiantesMax200-bck{
    display:block;
    width: 200px !important;
    height:200px !important;
    margin:15px;
    
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    
    border-radius: 8px;
    
    box-shadow: 0px 4px 5px grey;
    
}
.fotoEstudiantesMax250{
    display:flex;
    max-width: 250px !important;
    min-height:250px !important;
    height: auto !important;
    justify-content: center;
    margin:15px;
}
.fotoEstudiantesMax250 img {
    width:100%;
    height:auto;
    border: thin solid #ccc;
    border-radius: 10px !important;
    box-shadow: 1px 1px 3px gray;
}
@media only screen and (max-width:600px){
    .fotoEstudiantes200{
        min-width:  120px !important;
        min-height: 120px !important;
        height:     auto !important;

    }
}

.button2{
    background-color: dodgerblue;
    color:white;
    border:none;
    padding:5px;
    cursor:pointer;
    padding-left: 15px;
    padding-right: 15px;
}
.divPie{
	height:80px;
        background-color:#1c2531;
	position:fixed !important;
	width:100%;
	left:0;
	bottom:0;
	padding:10px;
	display:none;
        flex-direction: row;
        justify-content: center;
        border-top: thin solid black;
        box-shadow: 0px -5px 2px silver;
        z-index:5000;
}
/*DIV PARA PERSENTAR EL BOTON DE RETROCESO EN LA PAGINA*/
.divRetroceder{
    width:100%;
    min-height: 50px;
    background-color:#1c2531;
    display: flex;
    position: fixed;
    justify-content: space-between;
    z-index: 300;
    box-shadow: 0 5px 5px grey;
}
.divRetroceder cuerpo {
    width:100%;
    height: 50px;
}
.divRetroceder cuerpoDoble {
    width:100%;
    height: 100px;
}
.divRetroceder a button {
    width:50px;
    height: 48px;
    position:relative;
}

.divRetroceder titulo {
    height: 50px;
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size:18px;
    color:yellow;
    padding-left:25px;
}
.divRetroceder input {
    width: 100%;
    padding-top: 5px;
}
.label-info-error{
    color:red;
    font-style: italic;
}
.span-info-error{
    color:red !important;
    font-style: italic;
    
}
.radio-button-1-5 {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Chrome, Safari, Opera */
  transform: scale(1.5);
}
input.larger/*checkbox class name*/ {
  width: 30px;
  height: 60px;
}
.img-estudiante{
    width:60px;
    height:60px;
    border-radius: 50%;
}
.shape1{
    width:  92%;
    min-height: 50px;
    border-left:    1px solid transparent;
    border-top:     1px solid transparent;
    border-bottom:  1px solid transparent;
    border-right :  1px solid transparent;
    border-radius:  20px 20px 10px 20px;
    background-color: #ccc;
    position: relative;
    padding:10px;
    padding-left:20px;
    margin-left: 5%;
    margin-bottom:  6px;
    margin-top:     6px;
    box-shadow: 10px 1px 10px #BBB;
}
.shape1::after{
    box-sizing: content-box !important;
    padding:0px;
    content:'';
    width:0px;
    top:100%;
    display:block;
    position: absolute;
    margin-top:-22px;
    right: -10px;
    border-bottom:  5px solid transparent;
    border-top:     12px solid transparent;
    border-left:    10px solid #ccc;
}
.shape2{
    min-width:  100px;
    max-width: 90%;
    min-height: 50px;
    width:fit-content !important;
    display:flex;
    right: 0 !important;
    border-left:    1px solid transparent;
    border-top:     1px solid transparent;
    border-bottom:  1px solid transparent;
    border-right :  1px solid transparent;
    border-radius:  20px 20px 10px 20px;
    background-color: #CCFFDF;
    position: relative;
    padding:10px;
    padding-left:20px;
    margin-right: 5%;
    margin-bottom:  2px;
    margin-top:     2px;
    box-shadow: 4px 1px 6px 4px #BBB;
    float: right;
    flex-direction: column;
}
.shape2::after{
    box-sizing: content-box !important;
    padding:0px;
    content:'';
    width:0px;
    top:100%;
    display:block;
    position: absolute;
    margin-top:-22px;
    right: -10px;
    border-bottom:  5px solid transparent;
    border-top:     12px solid transparent;
    border-left:    10px solid #CCFFDF;
}
.shape3{
    min-width:  100px;
    max-width: 90%;
    min-height: 50px;
    display: flex;
    width:fit-content !important;
    left: 15px !important;
    float: left;
    border-left:    1px solid transparent;
    border-top:     1px solid transparent;
    border-bottom:  1px solid transparent;
    border-right :  1px solid transparent;
    border-radius:  10px 20px 20px 10px;
    background-color: #F3F3F0;
    position: relative;
    padding:10px;
    padding-left:20px;
    margin-right: 5%;
    margin-bottom:  2px;
    margin-top:     2px;
    box-shadow: -5px 1px 8px 4px #BBB;
    flex-direction: column;
}
.shape3::after{
    box-sizing: content-box !important;
    padding:0px;
    content:'';
    width:0px;
    top:100%;
    display:block;
    position: absolute;
    margin-top:-22px;
    left: -10px;
    border-bottom:  5px solid transparent;
    border-top:     12px solid transparent;
    border-right:   10px solid #F3F3F0;
}
.div-datos-estudiante{
    display: flex;
    flex-direction: row;
    width:100%;
}
.div-datos-estudiante .photo {
    width: 250px;
}
.div-datos-estudiante .content {
    flex:1;
}
@media only screen and ( max-width:600px){
    .div-datos-estudiante{
     flex-direction: column;
    }
}
.lista {
    width:100%;
    padding:10px;
}
.lista a{
    color:#666;
    cursor: pointer !important;
}
.lista a:visited{
    color:#988;
    
}
.lista a:hover{
    text-decoration: underline;
}
.lista .container {
    background-color: #fff;
    border-radius: 10px;
    border:thin solid #eee;
    padding:10px;
    margin-bottom: 20px;
    display: flex;
    box-shadow: 1px 2px 5px gray;
    
}
.lista .foto {
    width:100px;
}
.lista .foto img {
    max-width: 100px;
    min-width: 100px;
    height: auto;
    border-radius: 5px;
}
.lista .datos{
    display: flex;
    flex-direction: column;
    flex: 1;
    padding-left:10px;
    padding-right:10px;
    padding-top:3px;
    
}
.lista .datos span{
    min-height: 20px;
}


/*ESTUDIANTES*/            
.estudiantesContainer{
    display: flex;
    flex-direction: row;
    width:100%;
    height: 100%;
    top:0;
    left:0;
    position: relative;
    background-color: #f3f3f3;
}
.estudiantesMenuLateral{
    width:150px;
    height:100%;
    background-color: #07243e;
    color:white;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.estudiantesMenuLateral-btnShow{
    display: none;
    top:0 !important;
    left:0 !important;
    position: fixed !important;
    width:  35px;
    height: 30px;
    z-index: 100000;
}
.estudiantesContainerDatos{
    display: flex;
    flex-direction: column;
    padding:10px;
    flex: 1;
    overflow-y: auto;
    padding-bottom:25px;
}
.estudiantesContainerDatosMsg{
    display: flex;
    flex-direction: column;
    padding:0px;
    flex: 1;
    overflow-y: auto;
}
.estudiantesContainerDatosMsg-content{
    display: flex;
    flex-direction: column;
    padding:0px;
    flex: 1;
    overflow-y: scroll;
}
.estudiantesContainerDatosMsg-footer{
    height:110px;
}
.estudiantesLogoEmpresa{
    width:96%;
    height: 120px;
    margin-top:8px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.estudiantesLogoEmpresaImagen{
    max-height: 110px;
    border-radius: 10px;
    border:thin solid black;
    overflow: hidden;
}
.estudianteSeccionFoto{
    width:  86px;
    height: 86px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.estudianteImagenFoto{
    max-height: 100%;
    width: auto;
    border-radius: 50%;
    border:thin solid black;
    overflow: hidden;
}
.estudianteSeccionFotoInicio{
    width:  120px;
    height: 120px;
    display: block;
    border-radius: 10px;
    box-shadow: 2px 0px 5px #ccc;
    
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.estudianteSeccionFotoInicio:hover{
    animation-name: estudianteSeccionFotoInicio-animation;
    animation-duration: 0.3s;
    animation-fill-mode: forwards;
    -web-kit-animation-name: estudianteSeccionFotoInicio-animation !important;
    -web-kit-animation-duration: 0.3s;
    -web-kit-animation-fill-mode: forwards;
}
.div-grow-1:hover{
    animation-name: div-grow-1-animation;
    animation-duration: 0.3s;
    animation-fill-mode: forwards;
    -web-kit-animation-name: div-grow-1-animation !important;
    -web-kit-animation-duration: 0.3s;
    -web-kit-animation-fill-mode: forwards;
}
@keyframes div-grow-1-animation{
    from{ transform:scale(1.0);}
    to{   transform:scale(1.02);
          box-shadow: 1px 1px 5px dodgerblue;
    background-color: #eaf1ef;}
}
@keyframes estudianteSeccionFotoInicio-animation {
    from{ transform:    scale(1.0)  ;}
    to{ transform:      scale(1.02) !important ;}
}
.estudianteImagenFotoInicio{
    height:  100%;
    width: 100%;
    object-fit: contain;
}
.estudiantesDatosIniciales{
    width:96%;
    display:flex;
    justify-content: center;
    color:white;
    padding:4px;
    font-size: 12px;
}
.estudiantesDatosInicialesGrado{
    width:96%;
    display:flex;
    justify-content: center;
    color:white;
    padding:4px;
    font-size: 10px;
}
.estudiantesComandosMenuLateral ul a{
    color: white;
}
.estudiantesComandosMenuLateral ul {
    padding:0;
    margin:0;
    margin-top:8px;
    border:none;
    display:flex;
    flex-direction: column;
}
.estudiantesComandosMenuLateral ul li i {
    min-width:25px;
}
.estudiantesComandosMenuLateral ul li{
    list-style: none;
    padding: 5px;
    padding-left:8px;
    padding-right: 8px;
    border-bottom:  1px  solid #bbbbb3;
    cursor: pointer;
    display: flex;
    font-size: 12px;
     
}            
.estudiantesComandosMenuLateral ul li:hover{
    color: #fdd000;
}
@media only screen and (max-width: 600px) {
    .estudiantesMenuLateral-btnShow{
        display: block;
    }
    .estudiantesMenuLateral{
        display: none;
        width:100%;
        z-index: 99000;
        position:fixed;
        top:0;
        left:0;
    }
    .estudiantesMenuLateral ul li{
        font-size: 18px;
    }
    
    .estudiantesContainerDatos{
        padding-top:50px;
    }
    
}
.estudiantesComandosMenuLateral .nivel2 {
    margin-left: 30px;
}
.form{
    width:90%;
    display:flex;
    flex-direction: column;
    margin-left:auto;
    margin-right:auto;
    position: relative;

    opacity:0;
    top:-10px;
    
    -webkit-animation-name: formAnimation;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    
    animation-name: formAnimation;
    animation-duration: 0.5s;  
    animation-timing-function: ease-out;
    animation-fill-mode: both;
    
}
@keyframes formAnimation {
  from {top: -10px; opacity:0;}
  to {top: 0px; opacity:1;}
}
@-webkit-keyframes formAnimation {
  from {top: -10px; opacity:0;}
  to {top: 0px; opacity:1;}
}
.form .seccion{
    padding:8px;
    border-radius: 5px;
    margin-top:10px;
}
.form .seccion .legend{
    width:100%;
    height:40px;
    color:blue;
    margin-bottom: 10px;
    padding:0;
}
.form-row label{
}
.form-row input[type="text"]{
}
.form-row{
    display:flex;
    flex-direction: column;
    width:100%;
    justify-content: space-between;
    margin-top:10px;
}
.form-row a button{
    width: 100%;
}
.error-info-estudiante{
    color:red;
    font-size: 14px;
    min-height: 20px;
    display: flex;
}
.buttonDuo{
    background-color: white !important;
    border: thin solid gray !important;
    color:gray !important;
    border-radius: 10px;
    box-shadow:  3px 3px 0px gray !important;
    padding:10px;
    margin-left:3px;
    margin-right:3px;
}
@keyframes buttonDuoAnimation {
  from  { opacity:0; }
  to    { opacity:1; }
}
.buttonDuo:hover{
    box-shadow:  3px 3px 0px #333  !important;
    color: white !important;
    background-color: dodgerblue !important;

    -webkit-animation-name: buttonDuoAnimation;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-timing-function: ease-out;
    
    animation-name: buttonDuoAnimation;
    animation-duration: 0.5s;  
    animation-timing-function: ease-out;
}
.buttonDuo2{
    background-color: white !important;
    border: thin solid gray !important;
    color:gray !important;
    border-radius: 6px;
    box-shadow:  3px 3px 0px gray !important;
    padding:4px;
    margin-left: 5px;
    margin-right:5px;
    min-width: 70px;
    display:flex;
    justify-content: center;    
    font-size: 12px;
}
@keyframes buttonDuoAnimation {
  from  { opacity:0; }
  to    { opacity:1; }
}
.buttonDuo2:hover{
    box-shadow:  3px 3px 0px #333  !important;
    color: white !important;
    background-color: dodgerblue !important;

    -webkit-animation-name: buttonDuoAnimation;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-timing-function: ease-out;
    
    animation-name: buttonDuoAnimation;
    animation-duration: 0.5s;  
    animation-timing-function: ease-out;
}
.card-reportes-estudiantes{
    display: flex;
    flex-direction: column;
    background-color: white;
    padding: 10px;
    border-radius: 10px;
    margin-top:     15px;
    margin-bottom:  15px;
    box-shadow: 2px 2px 6px black;
}
.card-reportes-estudiantes h2{
    color:dodgerblue;
    padding-bottom: 5px;
    font-size: 18px;
}
.card-reportes-estudiantes h3{
    padding-top: 5px;
    color:#333;
}
.divHorarioEstudianteDiaContainer{
    display: flex;
    justify-content: space-between;
    flex-direction: row !important;
}
.divHorarioEstudianteDiaIdem{
    background-color: #f0f0f0;
    border: thin solid  #ccc;
    padding:10px;
    width: 70px;
    box-shadow: 2px 2px 2px gray;
    font-size: 12px;
    display:flex;
    flex-direction: column;
    border-radius: 5px;
    margin-left:3px;
    margin-right:3px;
}
.divHorarioEstudianteDiaIdem.selected{
    background-color: #f0f0aa !important;
}
.table-estudiantes-horario{
    border-radius: 10px;
    padding:15px;
}
.table-estudiantes-horario td{
    padding:5px;
}
.table-estudiantes-horario h2{
    color:dodgerblue !important;
    font-size: 18px;
}
.divTopAgenda{
    display:flex;
    flex-direction: column;
    top:0;
    left:0;
    background-color: white;
    border: thin solid #ccc;
    width:100%;
    min-height:80px;
    box-shadow: inset 2px 1px 23px #ccc;
    overflow-y: visible;
    
}
.divTopAgenda .comandos{
    display:flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    justify-content: center;
    flex-wrap:wrap; 
    
}
@media only screen and (max-width: 600px) {
    .divTopAgenda{
        padding-top:30px;
    }
}
.sliderh-container{
    width:100%;
    height: 250px;
    overflow-x:scroll;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding:10px;
    background-color: white;
}
.sliderh-container a{
    color:black;
}
.sliderh-container a:visited{
    color:purple;
}
.sliderh-idem{
    min-width:150px;
    height: 90% !important;
    background-color: white;
    border: thin solid #f0f0f0;
    margin-left:15px;
    margin-right: 15px;
    border-radius: 8px;
    display:flex;
    flex-direction: column;
    padding:6px;
    box-shadow: 1px 3px 2px #c2c2c2;
    overflow: hidden;
    cursor:pointer;
}
.sliderh-idem:hover{
    animation-name:  sliderh-idem-animation;
    animation-duration: 0.2s;
    animation-fill-mode: forwards;
}
@keyFrames sliderh-idem-animation{
    from{ 
            transform: scale(1.0);
    }
    to{   
            transform: scale(1.05);
            background-color: #f0fef0;
            border: thin solid gray;
    }
}
.sliderh-idem-content{
    min-width:150px;
    max-width:200px;
    height: 80%;
    display:flex;
    flex-direction: column;
    overflow: hidden;
    flex-wrap: wrap;
}
.sliderh-idem-footer {
    min-width:150px;
    height: 20%;
    display:flex;
    flex-direction: row;
    justify-content: center;
}
.href-black{
    color:black;
}
.href-black:visited{
    color:purple;
}
.div-top-all{
    width:100%;
    height: 100%;
    position:fixed;
    display:flex;
    justify-content: center;
    align-items: center;
    background: black;
    z-index: 1000001;
    flex-direction: column;
}
.div-top-all >*{
    color:white !important;
}
.div-top-all-white{
    width:100%;
    height: 100%;
    margin:0;
    left:0;
    top:0;
    position:fixed;
    display:flex;
    justify-content: center;
    align-items: center;
    background: white;
    z-index: 1000001;
    flex-direction: column;
}
.div-top-all >*{
    color:black !important;
}
.div-buttons-financiero{
    width:90%;
    max-width: 400px;
    padding:20px;
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.div-buttons-financiero #btn-financiero{
    display:flex;
    min-width: 160px;
    min-height: 60px;
    max-width: 160px;
    border: 2px solid #999;
    margin:8px;
    padding:9px;
    font-size: 14px;
    border-radius: 10px;
    box-shadow: 0px 4px 0px #999;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: white;
    transition: background-color 0.9s;
    transition-timing-function: ease;
}
.div-buttons-financiero #btn-financiero:hover {
    background-color: #e9e9a9;
    text-decoration: underline;
}
.div-buttons-financiero #btn-financiero:visited {
    color:purple;
    
}
.link1{ color:black; }
.link1:visited{ color:purple; }

.div-dev{
    width:100%;
    padding:10px;
    background-color: red;
    color: white;
    font-size:14px;
    position:fixed;
    left:0;
    top:0;
    z-index: 100000;
    
}

.scroll-margin-top-100{
    scroll-snap-align:  start;
    scroll-margin-top:  100px !important;
}
.scroll-margin-top-150{
    scroll-snap-align:  start;
    scroll-margin-top:  150px !important;
}
.div-loading-black{
    background-color: rgba(0,0,0,0.5);
    display:none;
    position:fixed;
    width:100%;
    height:100%;
    justify-content: center;
    align-items: center;
    z-index: 100000;
    top:0;
    left:0;
}
.div-info-javascript{
    color:red !important;
    font-size:18px;
    font-weight: bold;
    margin-left: 8px;
}

.select-formato1 {
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            background-color: #f0f0f0;
            border: 2px solid #ccc;
            border-radius: 4px;
            padding: 8px;
            font-size: 16px;
            color: #333;
            cursor: pointer;
            box-shadow: 5px 5px #666;
            margin:4px;
            margin-bottom:8px;
        }

.select-formato1:hover {
    background-color: #e0e0e0;
}

.select-formato1:focus {
    border-color: #007BFF;
    outline: none;
}

/* Flecha personalizada */
.select-formato1::after {
    content: '▼';
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}
        
.menuCentral {
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
}
.menuCentral a{
    height: 150px;
    width:  150px;
    border: thin solid #ccc;
    padding:10px;
    text-align: center;
    border-radius: 15px;
    background-color: white;
    display:flex;
    margin-left:10px;
    margin-right:10px;
    flex-direction: column;
    box-shadow:  1px 8px 20px graytext, 2px 1px 5px #ccc inset;
    
}
.menuCentral a:hover{
    text-decoration: none;
    color: blue;
}
.menuCentral a titulo{
    font-weight: bold;
    font-size: 18px;
    min-height: 40px;
    margin-bottom: 4px;
    text-decoration: underline;
}
.menuCentral a descripcion{
    margin-top: 4px;
    font-size: 14px;
}
.item8{
	width:60px;
	display:block;
	float:left;
	min-height:30px;    
}
.divCont2titulo {
	width:255px;
	float:left;
	margin-top    : 2px;
	margin-bottom : 2px;
	margin-left:5px;
}

.divCont2titulo label {
	font-style:italic;
	font-size:12px;
}

.divCont2unidad {
	min-width:50px;
	float:left;	
	margin-top    : 2px;
	margin-bottom : 2px;
}

.tr-dragging td {
  background-color: black !important; /* Color para la fila que se está arrastrando */
  color:white;
}

.tr-over td{
/*  background-color: black !important;  Color para la fila sobre la que se va a soltar 
  color:white;*/
}
.divModalGrabar{
    position:fixed;
    width:100vw;
    height:100vh;
    top:0;
    left:0;
    background-color: rgba(255,255,255, 0.7);
    display:none;
    justify-content: center;
    align-items: center;
    z-index: 10000;
    
}

.divModalGrabar2{
    position:fixed;
    width:100vw;
    height:100vh;
    top:0;
    left:0;
    background-color: white;
    display:none;
    justify-content: center;
    align-items: center;
    z-index: 10000;
    
}
.chkMed{
    width :15px;
    height:15px;
}