body{ background:#fff;
        font-family: 'Lato', sans-serif;
        font-size: 10px;
        text-align: left;
}
.pagina{
    
    max-width: 960px;
    margin: 0 auto;
   background-image: url(img/f8d09349d4514b59baff29be1c838fd8.jpg);
    background-size:auto;
}
header{ 
        width: 100%; 
        height: 52px; 
        background-position: 0 0; 
        margin: 10px auto;
        text-align: center;
        padding-top: 0px;
        padding-bottom: 0px;
        
}
.siguiente{
    color: #fff;
    text-decoration: none;
    padding: 7px;
    margin: 2% 2% 2% 0;
    background: #ADBBBC;
    position: relative;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
}
.cont_botones{
    text-align: center;
    width: 100%;
    margin-top: 42px;
}
.siguiente:hover{
    background: #FFC1CF;
    color: white;
}
header nav{
    position: absolute;
    z-index: 2;
    margin-left: 0;
margin-right: auto;
left: 0;
right: 0;
    width: 112%;
    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;
    background: #fff;
    height: 500px;}
     
.toti{
    margin-top: 45px;
    
    
        
}

.borde{
    border: solid;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
    color:#FFC1CF;
    height: 471px;
}
IMG{
    width:100%;
}


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

h2{ font-size:27px;
    color: #FF99B0;
    letter-spacing: 0.1em; 
    
    font-family: 'Lato', sans-serif;
}

h3{
    color:#FF99B0;
    letter-spacing: 0.1em; 
}

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


    
p{ font-family: 'Lato', sans-serif;
    font-size: 12px;
    color: #ADBBBC;
    
}
  
/* barra intento 2*/
.catedra{
    position: relative;
    float: right;
    width: 10%;
    margin: 5px 0px;
}
nav {
    background-color: #FFC1CF;
    width: 100%;
    position: relative;
    float: left;
        background-position: 0 0; 
        margin: 5px 0px;
        text-align: center;
        padding-top: 0px;
        padding-bottom: 0px;
        font-family: 'Lato', sans-serif;
    font-size: 14px;
    
}
nav ul ul {
	display: none;
    
}

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

nav ul {
	background: #FFC1CF; 
	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: #fff;
		
	}
		nav ul li:hover a {
			color: #ADBBBC;
		}
	
	nav ul li a {
		display: block; padding: 15px 25px;
		color: #FFF; text-decoration: none;
     
	}

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

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

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

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







/* Ficha de cada uno */
.fotoalumno{
    
    position: relative;
    float: left;
    width: 275px;
    height: 30px;
    margin-top: 20px;
    margin-left: 20px;
  
}

.redondo{
    border-radius:150px;
  
}


.materias{
    position: relative;
    float: left;
    margin-left: 62px;
    text-align: left;
    
}




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: #FFC1CF;
    max-width: 960px;
    background-position: 0 0;
    margin: 1% auto; 
    padding-top: 1px;
    text-align: center;
    color:#fff;
    float: left;
}

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

}