body{ background:#fff;
        font-family: 'Open Sans';
        font-size: 10px;
        text-align: left;
}
.pagina{
    max-width: 960px;
    margin: 0 auto;
}
.imagen_propuestas{
    margin: 5% 0;
}
.siguiente{
    color: black;
    text-decoration: none;
    padding: 7px;
    width: 5%;
    background: #50C0E7;
    position: relative;
    font-family: 'patua one';
    font-size: 12px;
}
.cont_botones{
    text-align: center;
    width: 100%;
}
.siguiente:hover{
    background: #32383D;
    color: white;
}
.separador{
    clear: both;
}
header{ 
        width: 100%; 
        background-position: 0 0; 
        margin: 10px auto;
        text-align: center;
        padding-top: 0px;
        padding-bottom: 0px;
}
section{
        
        max-width:960px;
        background-position: 0 0; 
        margin: 10px auto;
        padding-top: 4px;
        padding-bottom: 20px;
        
}
.img_catedra{
    width: 100%;
}

.plan{
    width: 40%;
    float: left;
    margin-left: 5%;
}

h1{ font-family: 'Noto Sans', sans-serif;
    font-size: 15px;
    color: #000000;
    margin-left: 20px;
}

h2{ font-size: 14px;
    
    font-family: 'Noto Sans', sans-serif;
}

.objetivo{ text-align: left;
            clear: both;
    padding-top: 9px;
    padding-bottom: 0px;
    margin-bottom: -2px;
}

}

h5{
    font-size: 14px;
    margin-left: 20px;
    font-family: 'Noto Sans', sans-serif;
}


    
p{ font-family: 'open sans'; 
    font-size: 12px;
    
}
  
/* barra intento 2*/
.catedra{
    position: relative;
    float: left;
    width: 10%;
    margin: 5px 0px;
}
nav {
    background-color: #50C0E7;
    width: 90%;
    position: relative;
    float: left;
        background-position: 0 0; 
        margin: 5px 0px;
        text-align: center;
        padding-top: 0px;
        padding-bottom: 0px;
        font-family: 'Patua One', cursive;
    font-size: 14px;
    
}
nav ul ul {
	display: none;
    
}

	nav ul li:hover > ul {
		display: block;
	}

nav ul {
	background: #50C0E7; 
	padding: 0 0px;
	list-style: none;
	position: relative;
    float: left;
	display: inline-table;
    margin: 0;
    
}
	nav ul:after {
		content: ""; clear: both; display: block;
	}

nav ul li {
	float: left;
    padding: 0;
}
	nav ul li:hover {
		background-color: #32383D;
		
	}
		nav ul li:hover a {
			color: #ffffff;
		}
	
	nav ul li a {
		display: block; padding: 15px 25px;
		color: #32383D; text-decoration: none;
     
	}

nav ul ul {
	background: #50C0E7; border-radius: 0px; padding: 0;
	position: absolute; top: 100%;
    
}
	nav ul ul li {
		float: none; 
		border-top: 2px solid #56c7e2;
		position: relative;
	}
		nav ul ul li a {
			padding: 15px 40px;
			color: #fff;
		}	
			nav ul ul li a:hover {
				background: #32383D;
			}

nav ul ul ul {
	position: absolute; left: 100%; top:0;
}

.navfont{
    font-family: 'Noto Sans', sans-serif;
}


.contenedorcol{
width: 75%;
    margin: 0 auto 0 auto;
}

.logo{
    max-width: 960px;
    max-height: 170px;
}



footer {
    font-family: sans-serif;
    background: #32383D;
    max-width: 960px;
    background-position: 0 0;
    margin: 10px auto; 
    padding-top: 1px;
    text-align: center;
    color:#fff;
    float: left;
}

.footer2{
  font-family: sans-serif;
    font-size: 11px;  
    float: left;
    
}
/*empieza plan y mapa*/

.activa{
    
    font-size: 16px;
    color: #fff;
}
article{
    width: 90%;
    margin: 0 5%;
}
video{
    width: 50%;
    height: auto;
    float: right;
    margin-top: 2%;
}
/*RESPONSIVE NAV*/
.nav_responsive{
    display: none;
    background-color: #50C0E7;
    width: 100%;
    position: relative;
    float: left;
    background-position: 0 0; 
    margin: 5px 0px;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 0px;
    font-family: 'Patua One', cursive;
    font-size: 14px;
}
@media screen and (max-width:700px){
    .nav_grande{ display: none}
    .catedra{ display: none}
    .nav_responsive{ display: block}
    video{
        width: 100%;
    }
    .plan{ width: 100%;}
}