@media (max-width: 767px){
	body{
		background: black;
		font-family: "Century Gothic";
		
	}
	
	 a:hover{
    color: red;
	font-weight:bold;
}
    a{
    	margin-left:-70px;
    	color: white;
    	background-color:none;
    	font-family: "Century Gothic";
    	
    }
    
    div nav ul li{
        display: block;
        float: none;
        border-bottom: 1px solid rgba(255,255,255,.3);
        margin-left: 10px;
    }
    
    .menu_bar{
        display: block;
        width: 100%;
		height:auto;
		float:left;
		padding-top:10px;
		padding-bottom:10px;
		margin-top:-8px;
		background: black;
    }
   
    
    .menu_bar {
        float: right;
        font-size: 40px;
    }
   /* Separarla lista del menú*/
    div nav ul li a{
    color: #FFF;
    
    padding: 0px;
    margin:25px;
    list-style:none;
    display:list-item;
    text-decoration: none;
}
    
    
	/* menu oculto */
	
	.content{
	color:#FFF;
	left:0;
	top:80px;
	width:100%;
	}
	.content h1,h2{
		font-size:36px;
		text-shadow:2px 2px 2px rgba(0,0,0,.8);/*Sombra de texto*/
	}
	.content p{
		box-shadow:0 0 5px rgba(0,0,0,.8);/*para todo el elemento*/
	}
		
	.panel{
		margin-left:-150%;
		position:absolute;
		-webkit-transition:all 1s ease-in-out;
		-moz-transition:all 1s ease-in;
		-o-transition:all 1s ease-in-out;
		transition:all 1s ease-out;
		width:40%;
		z-index:2;	
		
		
		}
	/* Propiedades para panel de menú*/
	.panel:target{
		background: black; 
		//border-radius:15px;
		box-shadow:0 10px 10px rgba(0,0,0,.7);
		width:90%;
		height:450px;
		padding-left:0px;
		margin-left :0px;
		margin-top:61px;
		}

		a{
		margin-top:100px;
		margin-right:0px;
		margin-left:0px;
		font-family:"Arial Black";
		text-decoration:none;
		list-style: none;
			
		}
		#men{
			margin-left: -50px;
		}
		
	.arriba{
		top:23px;
		padding-left:10px;
		position:absolute;
                
		}
		/* contenedor de la imagen de inicio */
		#inicio{
			float:left;
                        margin-top: 20px;
			margin-left: 20px;
			width:70px;
			height:50px;
		}
                
/*
Atributos para el logotpo en resolucion grande
*/
#log{
      display: none;
}
/*
Atributos del logotipo 
*/
#logo{
    width: 100%;
}
/*
Atributos del logotipo en movil
*/
#logoMenu{
    margin-left: 190px;
    margin-top: -60px;
}

	#ContenedorGeneral{
	        width: 85%;
	        margin: 20px;
	        margin-top: 0px;
	        height: auto;
	        background: none; 
	        float: left;    
	}
	
/*Atributos de Slider*/

	#slider{
	float:left;
	background-color: black;
	width: 100%;

	}
	#ImagenTeatro {
		
		float: left;
        width: 100%;
        background: black;
        margin-left: 0px;
	}
	#ImagenTeatro img{
		width: 100%;
	}
	#TextoTeatro{
		float: left;
		width: 50%;
        background: black;
        margin-top: 50px;
	}
	#TextoTeatro p{
		color: white;
		font-size: 15px;
		text-align: center;
	}
	#TextoTeatro h1{
		color: white;
		text-align: center;	
	}
/*Atributos de 4 primeras Imagenes*/
	#ContenedorImagenes{
		background-color: white;
        height: auto;
        width: 100%;
        margin-left: 0px;
        margin-top: 0px;
        float: left;
	}
	#ContenedorImagenesIndex{
		background-color: white;
		border-top-right-radius: 10px;
		border-top-left-radius: 10px;
        height: auto;
        width: 100%;
        margin-left: 0px;
        margin-top: 0px;
        float: left;
	}
	#Imagen{
		float: left;
        width: 70%;
        margin-top: 10px;
        background: white;
        margin-left: 40px;
        margin-right: 70px;
	}
	#Imagen p{
		color: black;
		text-align: center;
	}
	#Imagen img{
		width: 100%;
	}
	
/*Atributos Video he Imagen*/

	#ContenedorVideoImagen{
		background-color: black;
        height: auto;
        width: 100%;
        margin-left: 0px;
        margin-top: 0px;
        float: left;
	}

	#Imagen2{
		float: left;
        width: 80%;
        margin-left: 20px;
        padding: 10px;
        background: black;
	}
	#Imagen2 p{
		color: white;
		text-align: justify;
	}
	#Imagen2 img{
		width: 100%;
	}
	#Video{
		float: left;
        width: 80%;
        background: black;
        margin-left: 20px;
        padding: 10px;
	}
	#Video img{
		width: 100%;
	}
	
/*Atributos FOTTER*/

	#Fotter{
		background: silver;
        height: auto;
        width: 100%;
        margin-left: 0px;
        margin-top: 0px;
        float: left;
	}
	#titulo{
		text-align: center;
		font-size: 20px;
		font-weight:bold;
	}
	#Fundacion{
		float: left;
        width: 80%;
        margin: 5px;
        padding: 5px;
        background: white;
        margin-left: 20px;
	}
	#Fundacion p{
		text-align: center;
	}
	#Becas{
		float: left;
        width: 80%;
        margin: 5px;
        padding: 5px;
        background: white;
        margin-left: 20px;
	}
	#Becas li{
		margin-left: -20px;
	}
	#Contactanos{
		float: left;
        width: 80%;
        margin: 5px;
        padding: 5px;
        background: white;
        margin-left: 20px;
		font-size: 12px;
	}
	#Contactanos img{
		width: 100%;
	}
	#Siguenos{
		float: left;
        width: 80%;
        margin: 5px;
        padding: 5px;
        background: white;
        margin-left: 20px;
        font-size: 13px;
	}
	#Siguenos li{
		margin-left: -20px;
		
	}
	#Siguenos img{
		width: 20%;
	}
	#redes{
		margin-left: -10px;
	}
	#Footer{
		float: left;
		text-align: center;
		width: 100%;
		color: white;
	}
	
	/*ACADEMIA*/

/*Mision y Vision*/

#QuienesSomos{
	color: white;
	float: left;
    width: 100%;
    background: black;
     
    text-align: justify;
    
   /* -webkit-column-count: 2;
    -moz-colum-count: 2;
    column-count: 2; */
}

#QuienesSomos img{
		border-radius: 20px;
		padding: 10px;
		float: left;
		height: auto;
		width: 40%;
		
	}
	#CurriculumBiografias summary{
		margin-left: 20px;
		color: white;
		
	}
	#CurriculumBiografias p{
		padding: 25px;
		text-align: justify;
		color: white;
	}

#Vision{
	color: white;
	float: left;
    width: 100%;
    background: black;
    
}

#Vision p{
	text-align: justify;
	padding: 20px;
	font-size: 15px;
}
#Vision h1{
	padding-left: 25px;
}

#Mision{
	color: white;
	float: left;
    width: 100%;
    height: auto;
    background: black;
    
}
#Mision p{
	font-size: 15px;
	text-align: justify;
	padding: 20px;
}

#Mision h1{
	padding-left: 25px;
}
/*Diplomado*/

#Diplomado{
	float: left;
    width: 80%;
    background: black;
    padding: 20px;
    
}
#Diplomado li{
	color: white;
	font-size: 15px;

}
#Diplomado p{
	font-size: 15px;
	color: white;
	text-align: justify;
}

#Diplomado h1{
	color: white;
	font-size: 20px;
	padding-left: 0px;
	text-align: center;
}
#DiplomadoImagen img{
	width: 100%;
	border-radius: 30px;
}
#Diplomado h2{
	color: white;
	font-size: 20px;
	padding-left: 0px;
}

/*Cursos y Talleres*/
	#TituloCursos{
		 
		text-align: center; 
		text-shadow: rgb(150,150,150) 3px 3px 5px;
		font-size: 20px;
	}
	#CursosTalleres{
		float: left;
		width: 100%;
	}
	#CursosTalleres li{
		padding: 10px;
		
	}
	#CursosTalleres2{
		float: left;
		width: 100%;
		height: auto;
	}
	#CursosTalleres2 li{
		padding: 10px;
	}	
	#CursosTalleres2 img{
		width: 100%;
		
		border-radius: 20px;
	}
/*Profesores*/
	#Profesores{
		width: 100%;
	}
	#Profesores a{
		text-decoration: none;
		color: black;
		font-size: 12px;
	}
	#Profesores ul{
		list-style: none;
		font-size: 12px;
		margin-left: -20px;
	}
	#Profesores2{
		width: 100%;
	}
	#Profesores2 a{
		text-decoration: none;
		color: black;
		font-size: 12px;
	}
	#Profesores2 ul{
		list-style: none;
		font-size: 12px;
		margin-left: -20px;
	}
	/*COMPAÑIA*/
	
/*Curriculum*/
	#Curriculum{
		width: 100%;
		float: left;
	}
	
	#Curriculum p{
		text-align: justify;
		padding: 20px;
		font-size: 15px;
	}
	#Curriculum p img{
		width: 100%;
		border-radius: 10px;
	}
	#Curriculum2{
		float: left;
		width: 100%;
	}
	
	#Curriculum2 p{
		text-align: justify;
		padding: 20px;
	}
	#Curriculum2 img{
		width: 90%;
		border-radius: 10px;
	}
	
	/*OBRAS CRISTIANAS*/
	
	/*Obras*/
	
	#ObrasCristianas{
		float: left;
        width: 100%;
        margin: 0px;
        padding: 15px;
        background: white;
               
        
	}
	#ObrasCristianas h2{
		text-align: justify;
		font-size: 20px;
		text-shadow: rgb(150,150,150) 3px 3px 5px;
	}
	#ObrasCristianas p{
		color: black;
		text-align: justify;
	}
	#ObrasCristianas img{
		border-radius: 10px;
		
		float: left;
		height: auto;
		width: 100%;
	}
	
	/*OBRAS Valores*/
	
	/*Obras*/
	
	#ObrasValores{
		float: left;
        width: 100%;
        height: auto;
        padding: 15px;
        background: white;
        
        
       }
	#ObrasValores h2{
		text-align: justify;
		font-size: 20px;
		text-shadow: rgb(150,150,150) 3px 3px 5px;
	}
	#ObrasValores p{
		color: black;
		text-align: justify;
	}
	#ObrasValores img{
		border-radius: 10px;
		height: auto;
		width: 100%;
	}
	
	#ContenedorImagenesContactanos{
		background: black;
		color: white;
	}
	
	#Regresar{
		 float:none;
		margin-left: 80%; 
		margin-top: 660px;
	}
}
@media (min-width: 768px){
	body{
		background: url(../uploads/fondo.png)  no-repeat fixed;
        font-family: "Century Gothic";
	}
	#menue{
		width: 100%;
		float:left
	    height: auto;
    	background: none;
	}   
	  /*Atributos del meu*/  
	div nav{
width: 100%;  
margin-left:-10px;
}

.menu_bar{
    display: none;
}

div nav ul{
    overflow: hidden;
    list-style: none;
}

div nav ul li{
    float: left;
}

div nav ul li a{
    color: white;
    padding: 0px;
    float:left;
	width:100%;
    text-decoration: none;
}

div nav ul li {
    margin-left: 20px;
    font-family: "Century Gothic";
    font-size: 14px;
    
}

div nav ul li a:hover{
    color: yellow;
	font-weight:bold;
}
	#menu{
		float: right;
		width: 80%;
		height: 70px;
		margin-top: 50px;
		margin-right: 0px;
		padding-top: 0px;
		background-color: rgba(255,255,255,.2);
		border-radius: 100px;
	}
	/*
	Logotipo para resolucion movil
	*/
	#logoMenu{
	    display:none;
	}
	/*
	Atributos para el logotpo en resolucion grande
	*/
	#log{
	        float: left;
	        width: 10%;
	        height: auto;
	        margin: 0px;
	        margin-top: 20px;
	        margin-left: 30px;
	        background: none;
	}
	/*
	Atributos del logotipo
	*/
	#logo{
	    width: 120px;
	    height: 90px;
	}
	
	/* Atributos del contenedor*/
	#ContenedorGeneral{
	        width: 85%;
	        margin-left: 100px;
	        margin-top: 0px;
	        height: auto;
	        background: none; 
	        float: left;    
	}
	
/*Atributos de Slider*/
#slider{
	float:left;
	background-color: black;
	width: 100%;
	margin-left: 0px;
	
}
	#ImagenTeatro {
		float: left;
        width: 80%;
        background: black;
        margin-left: 70px;
        
	}
	#ImagenTeatro img{
		width: 100%;
	}
	#TextoTeatro{
		float: left;
        width: 50%;
        background: black;
        margin-top: 40px;
	}
	#TextoTeatro p{
		color: white;
		font-size: 20px;
		text-align: center;
	}
	#TextoTeatro h1{
		color: white;
		text-align: center;	
	}
/*Atributos de 4 primeras Imagenes*/
	#ContenedorImagenesIndex{
		background-color: white;
		border-top-right-radius: 10px;
		border-top-left-radius: 10px;
        height: auto;
        width: 100%;
        margin-left: 0px;
        margin-top: 0px;
        float: left;
	}
	#ContenedorImagenes{
		background-color: white;
		border-top-right-radius: 10px;
		border-top-left-radius: 10px;
        height: auto;
        width: 100%;
        margin-left: 0px;
        margin-top: 0px;
        float: left;
	}
	#Imagen{
		float: left;
        width: 30%;
        margin-top: 10px;
        background: white;
        margin-left: 100px;
	}
	#Imagen p{
		color: black;
		text-align: center;
	}
	#Imagen img{
		width: 100%;
		height: 150px;
	}
	
/*Atributos Video he Imagen*/

	#ContenedorVideoImagen{
		background-color: black;
        height: auto;
        width: 100%;
        margin-left: 0px;
        margin-top: 0px;
        float: left;
	}

	#Imagen2{
		float: left;
        width: 41%;
        margin-left: 10px;
        padding: 10px;
        background: black;
	}
	#Imagen2 p{
		color: white;
	}
	#Imagen2 img{
		
		width: 100%;
	}
	#Video{
		float: left;
        width: 41%;
        background: black;
        margin-left: 40px;
        padding: 10px;
	}
	#Video img{
		width: 100%;
	}
	
/*Atributos FOTTER*/

	#Fotter{
		background: silver;
        height: auto;
        width: 100%;
        margin-left: 0px;
        margin-top: 0px;
        float: left;
	}
	#titulo{
		text-align: center;
		font-size: 20px;
		font-weight:bold;
	}
	#Fundacion{
		float: left;
        width: 40%;
        margin: 10px;
        height: 285px;
        padding: 10px;
        background: white;
        margin-left: 25px;
        font-family: "Century Gothic";
	}
	#Becas{
		float: left;
        width: 40%;
        height: 355px;
        margin: 10px;
        padding: 10px;
        background: white;
        margin-left: 25px;
        font-family: "Century Gothic";
	}
	#Contactanos{
		float: left;
        width: 40%;
        margin: 10px;
        padding: 10px;
        font-size: 12px;
        height: 285px;
        background: white;
        margin-left: 25px;
        font-family: "Century Gothic";
	}
	#Contactanos img{
		width: 100%;
	}
	#Siguenos{
		float: left;
        width: 40%;
        margin: 10px;
        padding: 10px;
        background: white;
        margin-left: 25px;
        font-family: "Century Gothic";
	}
	#Siguenos img{
		width: 20%;
	}
	#Footer{
		float: left;
		text-align: center;
		width: 100%;
		color: white;
	}
	
	/*ACADEMIA*/

/*Mision y Vision*/
#QuienesSomos{
	color: white;
	float: left;
    width: 96%;
    background: black;
    padding: 20px;
    text-align: justify;
    
   /* -webkit-column-count: 2;
    -moz-colum-count: 2;
    column-count: 2; */
}

#QuienesSomos img{
		border-radius: 20px;
		padding: 10px;
		float: left;
		height: auto;
		width: 40%;
		
	}
	#CurriculumBiografias summary{
		margin-left: 20px;
		color: white;
		
	}
	#CurriculumBiografias p{
		padding: 25px;
		text-align: justify;
		color: white;
	}
#Vision{
	color: white;
	float: left;
    width: 50%;
    background: black;
    
}

#Vision p{
	text-align: justify;
	padding: 20px;
	font-size: 15px;
}
#Vision h1{
	padding-left: 25px;
}

#Mision{
	color: white;
	float: left;
    width: 50%;
    height: 285px;
    background: black;
    
}
#Mision p{
	font-size: 15px;
	text-align: justify;
	padding: 20px;
}

#Mision h1{
	padding-left: 25px;
}
/*Diplomado*/

#Diplomado{
	float: left;
    width: 50%;
    background: black;
    padding: 20px;
    
}
#Diplomado li{
	color: white;
	font-size: 15px;

}
#Diplomado p{
	font-size: 15px;
	color: white;
	text-align: justify;
}

#Diplomado h1{
	color: white;
	padding-left: 25px;
	text-align: center;
}

#DiplomadoImagen img{
	width: 40%;
	border-radius: 30px;
}
#Diplomado h2{
	color: white;
	padding-left: 25px;
}

/*Cursos y Talleres*/
	
	#CursosTalleres{
		float: left;
		width: 50%;
	}
	
	#TituloCursos{
		 
		text-align: center; 
		text-shadow: rgb(150,150,150) 3px 3px 5px;
		
	}
	#CursosTalleres li{
		padding: 10px;
		
	}
	#CursosTalleres2{
		float: left;
		width: 50%;
		height: 594px;
	}
	#CursosTalleres2 li{
		padding: 10px;
	}	
	#CursosTalleres2 img{
		width: 70%;
		margin-left: 50px;
		border-radius: 20px;
	}
/*Profesores*/
	#Profesores{
		
		width: 50%;
	}
	#Profesores a{
		text-decoration: none;
	}
	#Profesores ul{
		list-style: none;
	}
	#Profesores2{
		float: left;
		width: 50%;
	}
	#Profesores2 a{
		text-decoration: none;
	}
	#Profesores2 ul{
		list-style: none;
	}
	/*COMPAÑIA*/
	
/*Curriculum*/
	#Curriculum{
		width: 50%;
		float: left;
	}
	
	#Curriculum p{
		text-align: justify;
		padding: 20px;
		font-size: 15px;
	}
	#Curriculum p img{
		width: 90%;
		margin-left: 20px;
		border-radius: 10px;
	}
	#Curriculum2{
		float: left;
		width: 50%;
	}
	
	#Curriculum2 p{
		text-align: justify;
		padding: 20px;
	}
	#Curriculum2 img{
		width: 90%;
		border-radius: 10px;
	}
	
	/*OBRAS CRISTIANAS*/
	
	/*Obras*/
	
	#ObrasCristianas{
		float: left;
        width: 70%;
        margin: 30px;
        padding: 10px;
        background: white;
        margin-left: 90px;
        
        box-shadow: rgb(150,150,150) 5px 5px 10px;
	}
	#ObrasCristianas h2{
		text-align: justify;
		text-shadow: rgb(150,150,150) 3px 3px 5px;
	}
	#ObrasCristianas p{
		color: black;
		text-align: justify;
	}
	#ObrasCristianas img{
		border-radius: 10px;
		padding: 10px;
		float: left;
		height: auto;
		width: 50%;
	}
	
	/*OBRAS Valores*/
	
	/*Obras*/
	
	#ObrasValores{
		float: left;
        width: 70%;
        height: auto;
        margin: 30px;
        padding: 10px;
        background: white;
        margin-left: 150px;
        
        box-shadow: rgb(150,150,150) 5px 5px 10px;
	}
	#ObrasValores h2{
		text-align: justify;
		text-shadow: rgb(150,150,150) 3px 3px 5px;
	}
	#ObrasValores p{
		color: black;
		text-align: justify;
	}
	#ObrasValores img{
		border-radius: 20px;
		padding: 10px;
		float: left;
		height: auto;
		width: 50%;
	}
	
	#Regresar{
		float: left; 
		margin-left: 90%; 
		margin-top: -60px;
	}
}
@media (min-width: 1200px){
	body{
		
        font-family: "Century Gothic";
        background: url(../uploads/fondo.png) no-repeat fixed;
	}
	#menue{
		width: 100%;
		float:left
	    height: auto;
    	background: none;
	}   
	  /*Atributos del meu*/  
div nav{
width: 100%;  
margin-left:-10px;
}

.menu_bar{
    display: none;
}

div nav ul{
    overflow: hidden;
    list-style: none;
}

div nav ul li{
    float: left;
}

div nav ul li a{
    color: white;
    padding: 0px;
    float:left;
	width:100%;
    text-decoration: none;
}

div nav ul li {
    margin-left: 18px;
    font-family: "Century Gothic";
    font-size: 17.5px;
    
}

div nav ul li a:hover{
    color: yellow;
	font-weight:bold;
}
	#menu{
		float: right;
		width: 80%;
		height: 70px;
		margin-top: 50px;
		margin-right: 0px;
		padding-top: 0px;
		background-color: rgba(255,255,255,.2);
		border-radius: 100px;
	}
	/*
	Logotipo para resolucion movil
	*/
	#logoMenu{
	    display:none;
	}
	/*
	Atributos para el logotpo en resolucion grande
	*/
	#log{
	        float: left;
	        width: 10%;
	        height: auto;
	        margin: 10px;
	        margin-top: 20px;
	        margin-left: 30px;
	        background: black;
	}
	/*
	Atributos del logotipo
	*/
	#logo{
	    width: 140px;
	    height: 120px;
	}
	
	/* Atributos del contenedor*/
	#ContenedorGeneral{
	        width: 85%;
	        margin-left: 100px;
	        margin-top: 0px;
	        height: auto;
	        background-color: none; 
	        float: left;    
	}
	
/*Atributos de Slider*/
#slider{
	float:left;
	background-color: black;
	width: 100%;
	margin-left: 0px;
	height: auto;
}
	
	#ImagenTeatro {
		float: left;
		background-color: black;
        width: 80%;
        height: 100px;;
        background: black;
        margin-left: 120px;
	}
	#ImagenTeatro img{
		width: 100%;
	}
	#TextoTeatro{
		float: left;
        width: 50%;
        background: black;
        margin-top: 30px;
	}
	#TextoTeatro h1{
		color: white;
		text-align: center;	
	}
	#TextoTeatro p{
		color: white;
		font-size: 20px;
		text-align: center;
	}
/*Atributos de 4 primeras Imagenes*/
	#ContenedorImagenesIndex{
		background-color: white;
		border-top-right-radius: 10px;
		border-top-left-radius: 10px;
        height: auto;
        width: 100%;
        margin-left: 0px;
        margin-top: 260px;
        float: left;
	}
	#ContenedorImagenes{
		background-color: white;
		border-top-right-radius: 10px;
		border-top-left-radius: 10px;
        height: auto;
        width: 100%;
        margin-left: 0px;
        margin-top: 0px;
        float: left;
	}
	#Imagen{
		float: left;
        width: 20%;
        margin: 10px;
        padding: 10px;
        background: white;
        margin-left: 15px;
	}
	#Imagen p{
		color: black;
		text-align: center;
	}
	#Imagen img{
		margin-left: 23px;
		height: 150px;
	}
	
/*Atributos Video he Imagen*/

	#ContenedorVideoImagen{
		background-color: black;
        height: auto;
        width: 100%;
        margin-left: 0px;
        margin-top: 0px;
        float: left;
	}

	#Imagen2{
		float: left;
        width: 45%;
        margin-left: 10px;
        padding: 10px;
        background: black;
        
	}
	#Imagen2 p{
		color: white;
	}
	#Imagen2 img{
		border-radius: 10px;
		width: 100%;
	}
	#Video{
		float: left;
        width: 45%;
        background: black;
        margin-left: 30px;
        padding: 10px;
	}
	#Video img{
		width: 100%;
		border-radius: 10px;
	}
	
/*Atributos FOTTER*/

	#Fotter{
		background: silver;
        height: auto;
        width: 100%;
        margin-left: 0px;
        margin-top: 0px;
        float: left;
        border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
	}
	#titulo{
		text-align: center;
		font-size: 22px;
	}
	#Fundacion{
		float: left;
        width: 20%;
        margin: 10px;
        padding: 10px;
        background: white;
        margin-left: 18px;
        height: 265px;
        border-bottom-left-radius: 10px;
		border-top-right-radius: 10px;
		font-family: "Century Gothic";
	}
	
	#Fundacion li{
		margin-left: -20px;
		
	}
	
	#Becas{
		border-bottom-left-radius: 10px;
		border-top-right-radius: 10px;
		float: left;
        width: 20%;
        height: 265px;
        margin: 10px;
        padding: 10px;
        background: white;
        font-family: "Century Gothic";
        font-size: 15px;
        margin-left: 18px;
	}
	#Becas li{
		margin-left: -20px;
		
	}
	#Contactanos{
		border-bottom-left-radius: 10px;
		border-top-right-radius: 10px;
		height: 265px;
		float: left;
        width: 21%;
        margin: 10px;
        padding: 10px;
        font-size: 15px;
        background: white;
        margin-left: 18px;
        text-align: justify;
        font-family: "Century Gothic";
        
	}
	#Contactanos li{
		margin-left: -20px;
		
	}
	#Siguenos{
		border-bottom-left-radius: 10px;
		border-top-right-radius: 10px;
		float: left;
        width: 19%;
        margin: 10px;
        padding: 10px;
        background: white;
        margin-left: 18px;
        height: 265px;
        font-family: "Century Gothic";
        font-size: 12px;
	}
		
	#Siguenos li{
		margin-left: -20px;
		
	}
	
	#Footer{
		float: left;
		text-align: center;
		width: 100%;
		color: white;
	}
	
/*ACADEMIA*/

/*Mision y Vision*/

#QuienesSomos{
	color: white;
	float: left;
    width: 100%;
    background: black;
    padding: 20px; 
    text-align: justify;
    
   /* -webkit-column-count: 2;
    -moz-colum-count: 2;
    column-count: 2; */
}

#QuienesSomos img{
		border-radius: 20px;
		padding: 10px;
		float: left;
		height: auto;
		width: 40%;
		
	}
	#CurriculumBiografias summary{
		margin-left: 20px;
		color: white;
		
	}
	#CurriculumBiografias p{
		padding: 25px;
		text-align: justify;
		color: white;
	}
#Vision{
	color: white;
	float: left;
    width: 50%;
    background: black;
    
}

#Vision p{
	text-align: justify;
	padding: 20px;
}
#Vision h1{
	padding-left: 25px;
}

#Mision{
	color: white;
	float: left;
    width: 50%;
    height: 285px;
    background: black;
    
}
#Mision p{
	text-align: justify;
	padding: 20px;
}

#Mision h1{
	padding-left: 25px;
}
/*Diplomado*/

#Diplomado{
	float: left;
    width: 50%;
    background: black;
    padding: 20px;
}
#Diplomado li{
	color: white;
}
#Diplomado p{
	
	color: white;
	text-align: justify;
}

#Diplomado h1{
	color: white;
	padding-left: 25px;
	text-align: center;
}
#Diplomado h2{
	color: white;
	padding-left: 25px;
}

#DiplomadoImagen img{
	width: 40%;
	border-radius: 30px;
}

/*Cursos y Talleres*/
	
	#CursosTalleres{
		float: left;
		width: 50%;
		height: auto;
	
		
	}
	#CursosTalleres li{
		padding: 10px;
		
	}
	#CursosTalleres2{
		float: left;
		width: 50%;
		height: auto;
	}
	#CursosTalleres2 li{
		padding: 10px;
	}	
	#CursosTalleres2 img{
		width: 70%;
		margin-left: 100px;
		border-radius: 20px;
	}
/*Profesores*/
	#Profesores{
		float: left;
		width: 50%;
		
		margin-top: -420px;
	}
	#Profesores a{
		text-decoration: none;
	}
	#Profesores ul{
		list-style: none;
	}
	#Profesores2{
		float: left;
		width: 50%;
		margin-top: 200px;
		
	}
	#Profesores2 a{
		text-decoration: none;
	}
	#Profesores2 ul{
		list-style: none;
	}
	/*COMPAÑIA*/
	
/*Curriculum*/
	#Curriculum{
		width: 50%;
		float: left;
		
	}
	
	#Curriculum p{
		text-align: justify;
		padding: 20px;
	}
	
	#Curriculum p img{
		width: 90%;
		margin-left: 20px;
		border-radius: 10px;
	}
	#Curriculum2{
		
		float: left;
		width: 50%;
	}
	
	#Curriculum2 p{
		text-align: justify;
		padding: 20px;
	}
	
	
	/*OBRAS CRISTIANAS*/
	
	/*Obras*/
	
	#ObrasCristianas{
		float: left;
        width: 70%;
        margin: 30px;
        padding: 10px;
        background: white;
        margin-left: 150px;
        
        box-shadow: rgb(150,150,150) 5px 5px 10px;
	}
	#ObrasCristianas h2{
		text-align: justify;
		text-shadow: rgb(150,150,150) 3px 3px 5px;
	}
	#ObrasCristianas p{
		color: black;
		text-align: justify;
	}
	#ObrasCristianas img{
		border-radius: 20px;
		padding: 10px;
		float: left;
		height: auto;
		width: 50%;
	}
	
	/*OBRAS Valores*/
	
	/*Obras*/
	
	#ObrasValores{
		float: left;
        width: 70%;
        height: auto;
        margin: 30px;
        padding: 10px;
        background: white;
        margin-left: 150px;
        
        box-shadow: rgb(150,150,150) 5px 5px 10px;
	}
	#ObrasValores h2{
		text-align: justify;
		text-shadow: rgb(150,150,150) 3px 3px 5px;
	}
	#ObrasValores p{
		color: black;
		text-align: justify;
	}
	#ObrasValores img{
		border-radius: 20px;
		padding: 10px;
		float: left;
		height: auto;
		width: 50%;
	}
	
	#Regresar{
		float: left; 
		margin-left: 95%; 
		margin-top: -62px;
	}
	
}