body{ background:#fff;
        font-family: 'Open Sans';
        font-size: 10px;
        text-align: left;
}
.pagina{
    
    max-width: 960px;
    margin: 0 auto;
}
header{ 
        width: 100%; 
        height: 220px; 
        background-position: 0 0; 
        margin: 10px auto;
        text-align: center;
        padding-top: 0px;
        padding-bottom: 0px;
        
}
.siguiente{
    color: black;
    text-decoration: none;
    padding: 7px;
    margin: 2% 2% 2% 0;
    background: #50C0E7;
    position: relative;
    font-family: 'patua one';
    font-size: 12px;
}
.cont_botones{
    text-align: center;
    width: 100%;
}
.siguiente:hover{
    background: #32383D;
    color: white;
}
header nav{
    position: absolute;
    z-index: 2;
    margin-left: 0;
margin-right: auto;
left: 0;
right: 0;
    width: 100%;
    max-width: 960px;
}
.contenedor_nav{
    position: relative;
    float: left;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}
    

section{
        
        max-width:960px;
        background-position: 0 0; 
        margin: 10px auto;
        padding-top: 4px;
        padding-bottom: 20px;
        
}
IMG{
    width:100%;
}


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;
}

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: right;
    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;
}

.nombres_desplegable{
    font-family: 'noto sans';
    text-align: left;
    font-size: 12px;
}

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

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


/* Ficha de cada uno */
.fotoalumno{
    
    position: relative;
    float: left;
    width: 188px;
    height: 30px;
}


.materias{
    position: relative;
    float: left;
    margin-left: 20px;
    
}
a{ text-decoration: none; }
/* unvisited link */
div p a :link {
    color:#32383D;
}

/* visited link */
div p a :visited {
    color: green;
}

/* mouse over link */
div p a :hover {
    color: red;
}

/* selected link */
div p a :active {
    color: yellow;
} 

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

.footer2{
  font-family: sans-serif;
    font-size: 11px;  
    float: left;
    
}
 
.boton{
    background: #50C0E7;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    font-family: 'Noto Sans', sans-serif;
    color: #fff;

}

/*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}
    .fotoalumno{display: none;}
}