/* hoja de estilos jt20 */
/* inicio rotulo grupal */

body,html{
    max-height: 801px;
    background-color: #122337;
    background-image: url(imagenes/fondo.png);
    background-repeat: no-repeat;
    background-position: center;
    font-family: sans-serif;
    font-size: 12px;
}

#pagina{
    max-width: 1080px;
    margin: auto;
}

section#centro {
   background-image: url(imagenes/centro.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
   height: 770px;
   margin: 0px 0px 0px 0px;

}


section#mapa{
    background-image: url(imagenes/mapa.png);
    background-repeat: no-repeat;
    background-position: center;
    margin: 0px;
    width: 100%;;
    height: 800px;
}

nav#alumnas{
    width: 640px;
    float: right;
    clear: both;
    margin: 122px 0px 0px 0px;
}
    
    
nav#alumnas ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

nav#alumnas ul li a{
    width:159px;
    height: 195px;
    float: left;
    margin-right: 20px;
       }
    
    
nav#botonera {
    height: 25px;
    width: 410px;
    float: right;
    margin-right: 200px;
    margin-top: 200px;
}

nav#botonera ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
}

nav#botonera ul li{
 float: left;
 background-color: ;
 font: #FFF;
 width: 30%;
 margin-right: 10px;
}

nav#botonera ul li a{
    text-align: center;
    display: block;
    color:#FFFFFF;
    text-decoration: none;
    letter-spacing: 2px;
    border: 1px solid #FFFFFF;
        
       }


nav#botonera ul li a:hover{
    background-color:rgba(239,72,68,1);
    color:#FFFFFF;
  }

footer{
    width: 100%;
    float: left;
    font-family: sans-serif;
    font-size: 10px;
    border-top: 1px solid #ccc;
    color: #ccc;
    padding: 0px 0px 0px 0px;
}

footer img{
    float: left;
    margin: 15px;
}

footer p{
    width: 80%;
    float: right;
}


/* Carta */

section#contenido{
    width: 1080px;
   height: 770px;
   margin: 0px 0px 0px 0px;
   
}

section#contenido div{
    background-color: #122337
}


section#contenido div#S1 {
    width: 180px;
    height: auto;
    margin: 20px 20px 0px 230px;
    float: left;
    clear: both;
    font-size: 11px;
    color: #fff;
    padding: 15px;
    border: 1px solid #ef4844;

    
}


section#contenido div#S2 {
    width: 85px;
    height: 155px;
    margin: 20px 20px 0px 5px;
    float: left;
    font-size: 11px;
    color: #fff;
    padding: 15px;
    border: 1px solid #ef4844;
    
}


section#contenido div#S3 {
    width: 225px;
    height: auto;
    margin: 20px 0px 0px 0px;
    float: left;
    font-size: 11px;
    color: #fff;
    padding: 15px;
    border: 1px solid #ef4844;
    
}


 
