body{
				font-family:"century gothic";
				background-color:#F9F9F9;
				background-image: url("/etdh/img/back.png");
				background-attachment:fixed;
				font-size: 15px;
			}
			::-webkit-scrollbar {
 			   width: 13px;
			}
			::-webkit-scrollbar-thumb{
				background: rgba(0,57,104,1);

			}
			::-webkit-scrollbar-thumb:hover {
  				background: rgba(8,65,112,1); 
			}
			::-webkit-scrollbar-track{
				background-color: #b7c9dc;
			}

			img[src="https://cdn.rawgit.com/000webhost/logo/e9bd13f7/footer-powered-by-000webhost-white2.png"]{
				display: none;
			}

			.point {
				width: 100%;
				height: 80px;
				background: rgba(0,57,104,1);
				color: #fff;
				
				position: fixed;
				top: 0;
				left: 0;
				z-index: 100;

			}
			.boton{
				border: 1px solid #dedede;
				border-radius: 50px;
				color: #555;
				display: inline-block;
				font: 15px/10px HelveticaNeue, "century gothic";
				padding: 5px 7px;
				margin-bottom: 0px;
				text-decoration: none;
				
				background: #EAEAEA;
				border-color: #dedede #d8d8d8 #d3d3d3;
				box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;
				color: #555;
				text-shadow: 0 1px 0 #fff;
				background: -moz-linear-gradient(top,  #f9f9f9, #f0f0f0);
				background: -webkit-linear-gradient(top,  #f9f9f9, #f0f0f0);
				background: o-linear-gradient(top,  #f9f9f9, #f0f0f0);
				background: ms-linear-gradient(top,  #f9f9f9, #f0f0f0);
				background: linear-gradient(top,  #f9f9f9, #f0f0f0);
				filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f0f0f0');
			}
			.boton1{
				border:0px solid #dedede;
				padding: 0px 0px;
				margin-bottom: 0px;
				margin-top: 3px;
				border-radius: 0px;
				color: #555;
				background: none;
				display: block;
				font: 16px/12px HelveticaNeue, "century gothic";
				text-decoration: none;

			}
	

/* botonInicio, contenedorBotonInicio, contenedorInicio1 y contenedorInicio2 
			corresponden al Inicio.php del módulo inicial de docentes.*/

			.botonInicio{
				text-decoration: none;
				background: #e1e1e1; 
				width: 150px; 
				height: 170px; 
				margin: 10px 10px 10px 10px;
				border-radius: 2px;
				-moz-border-radius: 15px;
				-webkit-border-radius: 15px;
				-o-border-radius: 15px;
				-webkit-box-shadow:9px 9px 2px 0px rgba(0,0,0,0.15);
			}


			.contenedorBotonInicio{
				display: inline-flex;
				text-decoration: none;
				padding: 10px 10px 10px 10px;
				box-sizing: border-box;
			}

			.contenedorInicio1{
				 
				display:table-cell; 
				width:23%;
			}
			.contenedorInicio2{
				
				display:table-cell; 
				width:77%;
			}
			.contenedorGreen{
				position: relative; 
				width:100%; 
				background: green; 
				top:50%; 
				left: 50%; 
				-ms-transform: translate(-50%, -50%); 
				transform: translate(-50%, -50%);
			}


			.textbox {
  				border: 1px solid #DBE1EB;
  				padding-left: 5px;
  				padding-right: 5px;
  				padding-top: 4px;
  				padding-bottom: 4px;
  				max-width: 180px;
  				border-radius: 4px;
				 -moz-border-radius: 4px;
				 -webkit-border-radius: 4px;
				 -o-border-radius: 4px;
				 background: #FFFFFF;
				 font:16px/12px HelveticaNeue, "century gothic";
			}
			.textbox1 {
  				border: 1px solid #DBE1EB;
  				padding-left: 5px;
  				padding-right: 5px;
  				padding-top: 3px;
  				padding-bottom: 3px;

  				border-radius: 2px;
				 -moz-border-radius: 4px;
				 -webkit-border-radius: 4px;
				 -o-border-radius: 4px;
				 background: #FFFFFF;
				 font:14px/12px HelveticaNeue, "century gothic";
			}
			.textboxindex {
  				border: 1px solid #DBE1EB;
  				padding-left: 5px;
  				padding-right: 5px;
  				padding-top: 4px;
  				padding-bottom: 4px;
  				max-width: 180px;
  				border-radius: 0px;
				 -moz-border-radius: 0px;
				 -webkit-border-radius: 0px;
				 -o-border-radius: 4px;
				 background: #FFFFFF;
				 font:16px/12px HelveticaNeue, "century gothic";
			}
			.textboxindex1 {
  				border: 1px solid #DBE1EB;
  				padding-top: 4px;
			    padding-right: 12px;
			    padding-bottom: 4px;
			    padding-left: 12px;
			    color: #555;
			    text-align: center;
			    background-color: #ddd;
			    border-top-left-radius: 4px;
			    border-bottom-left-radius: 4px;
			}

			.back{
				background-color:#f1f1f1;
				padding-bottom: 20px;
				border-radius: 2px;
				 -moz-border-radius: 15px;
				 -webkit-border-radius: 15px;
				 -o-border-radius: 15px;
				 box-shadow: inset 1px 1px 0px 0px #ddd;
				align-self: center;
				width: 100%; 
				height: 100%; 	
				min-width: 250px;
				-webkit-box-shadow:9px 9px 25px 0px rgba(0,0,0,0.15);

				}
			.back1{
				width:45%;
				max-width: 200px;
				min-width: 250px;
				box-sizing: border-box;
			}
			.titulo{
				text-shadow: 0 1px 0 #fff;
				
				color:#003968;
				font:35px/35px HelveticaNeue, "century gothic";
				font-weight: bold;
				padding-top: 75px;
				padding-bottom: 25px;
			}
			.animacion{
				transition: all 0.7;
				transform: translateX(100%);
			}
			/*.contenedor{
				width: 99%;
				margin: auto;

			}
			.headerPoint{
				width: 100%;
				height: 60px;
				
			    background-color: #544e4e;
				position: fixed;
				top:0;
				left: 0;
				z-index: 100;
			}*/
			
			.styleA{
				display: block;
				color: #fff;
				height: 50px;
				text-decoration: none;



			}
/*sirve para darle espacio a todos los elementos entre el primer formulario y el header*/
			.formBuscar{
				padding-top: 95px;


			}
			.optionInasistencias {
				position: absolute;
				top: 60px;
				left: 0;
				width: 100vh;
				height: 100%;
				background: rgba(51,51,51,0.9);
				transition: all 0.5s;
				transform: translateX(-100%);
				
			}
			#Buscar: checked ~ .optionInasistencias {
				transform: translateX(0%);
			}
			.divCerrar{
				margin-left: 0px;
				float: right; 
				margin-top: 25px;
			}
			.divCerrarR{
				display: none;
				}
			footer {
				text-decoration: none;
				position:fixed;
				padding-left: 5px;
				left:0px;
				bottom:0px;
				height:30px;
				width:100%;
				background:rgba(0,57,104,95);
				color: #fff;
				font:12px/24px HelveticaNeue, "century gothic";
				z-index:9999999999;
				   
				}
			footer a {
				color: #fff;
				text-decoration: none;
			}		

			footer:hover a{
				animation: LedesmaTechOn 0.9s forwards;
			}	

			footer:not(hover) a{
				animation: LedesmaTechOff 0.9s forwards;
			}	

			@-webkit-keyframes LedesmaTechOn {
				from { color: #fff; text-shadow: 0 0 9px #333; }
				to { color: #2196f3; text-shadow: 0 0 9px #2196f3; }
			}

			@media screen and (max-width: 800px){
				.formBuscar{
					max-width: 360px;

				}
				.back{
					background-color:#E8E8E8;

				}
				.titulo{
					font:25px/25px HelveticaNeue, "century gothic";
					font-weight: bold;
					
				}
				.menuPanel {
					margin-left: 10px;
					padding-top: 80px;
					width: 80%;
					height: auto;
					max-height: 50px;
					transform: translateX(0%);;
					display: flex;
					font-size: 11px; 
				}
				.contenedor{
				width: 82%;
				margin-left: 2px;
				}
				.divCerrar{
				display: none;
				}
				.divCerrarR{

					margin-left: 0px;
					display: inline;
					float: right; 
					margin-top: 25px;
					margin-right: -40px;
				}
				.tabla{
					width: 98%;
				}

			}

			@media screen and (max-width: 588px){
				.contenedorInicio1{

					
					display:block; 
					width:100%;
				}
				.contenedorInicio2{
					text-align: center;
					display:block; 
					width:100%;
				}
				footer{
					font:10px/20px HelveticaNeue, "century gothic";

				}
				body{
					background-size: 33px;
				}

			}
			@media screen and (max-width: 361px){
				footer{
					font:8px/20px HelveticaNeue, "century gothic";

				}

			}