body{
				font-family:"century gothic";
				background-color:#F9F9F9;
				font-size: 15px;
			}
			::-webkit-scrollbar {
 			   width: 12px;
			}
			::-webkit-scrollbar-thumb{
				background: black;

			}
			::-webkit-scrollbar-thumb:hover {
  				background: rgba(8,65,112,1); 
			}
			::-webkit-scrollbar-track{
				background: #1b9abe;
				background: -moz-linear-gradient(-45deg, #2196f3 41%, #74dbb0 97%);
				background: -webkit-linear-gradient(-45deg, #2196f3 41%,#74dbb0 97%);
				background: linear-gradient(135deg, #2196f3 41%,#74dbb0 97%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b9abe', endColorstr='#74dbb0',GradientType=1 );
			}

			.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;
				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');
			}

	

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

			.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%);
			}
			.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;


			}
			
/*Modificaciones del mes de mayo de 2021*/

/*Inicio de Maqueteo de Tablas: gestión de bordes, espacios y tamaño de texto 12-may-2021*/

	.tablas{
        border-spacing: 0;
    }
    .celda, .celdaTitulo{
        border: 0px solid #dedede;
        padding:16px 10px;
        line-height: 1.2;
    }
    .celdaTitulo{
        font-weight: bold;
        font-size:14px;
        border-bottom: 1px solid black;
    }
    .celda{
         font-size:13px;
    }
    .textbox1 a{
        text-decoration: none;
    }
    .celda a{
        text-decoration: none;
        color: #2271b1;
    }
    .centerTxt{
        text-align:center;
    }
    .MiniImagenProducto{
        max-width:40px;
    }
/*Fin de Maqueteo de Tablas*/

/*Inicio de maqueteo de Opciones de presentación de Tablas*/
    .cpp{
        /*max-width:38%;*/
    }
    .cpp ul{
        /*text-align:left;*/
        list-style: none;
    }
    .cpp li{
        display: inline-block;
        padding:4px;
    }
    .cpp a{
        text-decoration: none;
        color:#2271b1;
    }
    .cpp .LinkActivo{
        font-weight: bold;
    }

/*Fin de maqueteo de opciones de presentación de Tablas*/

    #imagen {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        opacity: 0;
        max-width: 50px;
        font-size: 2px;
        cursor: pointer;
    }
/* Inicio de Maqueteo de Presentador*/
    #Presentador{
        padding: 25px; 
        background: #fbfbfb; 
        box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);text-align:left;
        width:40%;
        min-width: 250px;
    }

/* Fin de Maqueteo de Presentador*/

/*Inicio de Maqueteo de formularios de creación y registro: gestión de bordes, espacios, tamaño de inputs y tamaño de texto 14-may-2021*/
    .Required{
        color:red;
        font-weight: bold;
    }
    h2{
        padding:8px;
    }
    .inputsForm{
         width:250px;
    }
    div#ContenedorPrincipal{
        width:85%;
        overflow-x: hidden;
    }
    .td_etiquetas{
        width:auto;
        font-size:14px;
    }
    
	#Derecha {
		width: 33.33%;
		float: right;
	}
	#Izquierda{
		width: 33.33%;
		float: left;
	}
    @media screen and (max-width: 1310px){
    	.inputsForm{
             /*max-width:140px;*/
             width:190px;
        }
        #ContenedorPrincipal{
    	    width:90%;
    	    overflow-x: hidden;
    	}
    	
	}
    @media screen and (max-width: 1050px){
    	.inputsForm{
             /*max-width:140px;*/
             width:150px;
        }
        #ContenedorPrincipal{
    	    width:90%;
    	    overflow-x: hidden;
    	}
    	
	}
    @media screen and (max-width: 800px){
        .inputsForm{
            width:210px;
        }
        .td_etiquetas{
            width:112px;
        }
        div#Derecha, div#Izquierda {
			padding: 5px 5px;
			display: flex;
			flex-wrap: wrap;
			float: none;
			width: 100%;
			justify-content:space-around;					
		}
		div#ContenedorPrincipal{
			width: 94%;
			display: block;
		}
    }
    @media screen and (max-width: 588px){
        .noDisplayResponsive{
            display:none;
        }
        
    }
/*FIN de modificaciones del mes de mayo de 2021*/

			footer {
				text-decoration: none;
				position:fixed;
				padding-left: 5px;
				left:0px;
				bottom:0px;
				height:30px;
				width:100%;
				background:#1d1d1d;
				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: 94%;
				}

			}

			@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:9px/20px HelveticaNeue, "century gothic";

				}

			}