body {
font-size: 10px;
font-family: 'Rosario', sans-serif;
background-color: rgb(154,192,29);
}

div#pagina {
margin: auto;
width: 990px;
border-radius: 11px;    
background-color: rgb(102,102,102);
}

div#tituloarriba {
margin-left: 13%;
color: rgb(255, 255, 255);
height: 70%;   
margin-top: 0%;
margin-bottom: -1.5%;
font-size: 150%;
width:35%;    
}

header {
width: 95%;
margin: auto;
margin-top: 1%;
overflow: auto;
}

.textodestacado1{
font-weight: 900;
}


div#logo {
width:87%;
overflow: auto;
margin-bottom: 2%;
margin-top: 2%;
}

div#imagenlogo{
float: left;
width: 11%;
margin-top: 1%;
}

div#imagenlogo img{
width: 100%;
}

div#titulologo {
margin-left: 2%;    
width: 15%;
float:left;
margin-top:0%;
font-size: 300%;
color: rgb(255,255,255);    
}

div#cronograma{
float: right;
width: 70%;
overflow: visible;
}

div#cronograma img{
width: 87%;
margin-left: 7%;
}

div#redes ul{
float: right;
width: 8%;
list-style-type:none;
margin-top: 1%;
}

div#redes ul li{
margin-left: 0%;
float: right;
width:2rem;
margin-right:5%;
}

header nav{
border-radius: 11px;
float: right;
width: 100%;
margin: auto;
height: 17%;
border-bottom-style: solid;
border-bottom-color: rgb(28,28,28);
border-bottom-width: medium;
padding-bottom: 2%;
border-top-style: solid;
border-top-color: rgb(28,28,28);
border-top-width: medium;
background-color: rgb(28,28,28);    
}

header nav ul li {
border-right-style: solid;
border-right-color: rgb(28,28,28);
border-left-style: solid;
border-left-color: rgb(28,28,28);
float: left;
width: 14.7%;
margin-right: 6%;
margin-top: 1%;
list-style-type:none;
text-decoration: none;
margin-left: 3%; 
height: 55%;  
}

header nav#botoneradearriba ul li a {
color: rgb(255,255,255);
font-size: 0.8rem;
background-color: rgb(28,28,28);
text-decoration: none;
padding-bottom: 5%;
padding-left: 5%;
padding-right: 5%;
padding-top: 5%;
margin-left: 10%;
width: 100%;
height: 100%;
}

header nav#botoneradearriba ul li a:hover{
color: rgb(153, 192, 2);
font-size: 0.8rem;
padding-bottom: 5%;
padding-left: 5%;
padding-right: 5%;
padding-top: 5%;    
}

article{
border-radius: 11px;    
border-top-color: rgb(154,192,29);
border-top-style: solid;
width: 95%;
margin: auto;
background-color: rgb(154,192,29);
overflow: auto;
margin-top: 4%;
}

div#niveles div#nivel2 {
margin-right: 3%;
margin-left: 3%;
float: right;
width:95%;
background-image: url(imagenes/gif.gif);
margin-top: 3%;
text-shadow: 3px 3px 6px rgb(10,10,10);
}

div#nivel2 h2{
font-weight: 400%;
font-size: 6rem;
color: rgb(152,194,29);
margin-top: 34%;
}

div#nivel2 h2 a{
text-decoration: none;
color: rgb(255,255,255);
margin-left: 2%;
margin-bottom: 47%;    
}

div#fotos{
float:left;
width: 30%;
margin-left: 2%;
background-image: url(imagenes/catedracosgaya1-01.jpg);
overflow: auto; 
margin-top: 3%;
}

div#fotos h2{
text-shadow: 3px 3px 6px rgb(10,10,10);
color: rgb(255,255,255);
font-size: 3rem;
width: 50%;
margin-top: 80%; 
margin-left: 3%;    
}

div#fotos:hover{
background-image: url(imagenes/profesora3-01.png);
width: 30%;
}

div#fuenteslibres{
background-image: url(imagenes/tiposmoviles3-01.png);
margin-left: 34.5%;
width: 30%;
margin-top: 35rem;
height: 20rem;
}

div#fuenteslibres h2{
color: rgb(255,255,255);
font-size: 3rem;
width: 50%;
margin-left: 3%;    
text-shadow:3px 3px 6px rgb(10,10,10);  
}

div#fuenteslibres:hover{
background-image: url(imagenes/bitter-01.png);
}

div#bibliografia{
background-image: url(imagenes/texto.jpg);
margin-right: 2%;
float: right;
width: 30%;
margin-top: -34%;
}

div#bibliografia h2{
text-shadow:3px 3px 6px rgb(10,10,10);
color: rgb(255,255,255);
font-size: 3rem;
margin-top: 77%;
margin-left: 3%;     
}

div#bibliografia:hover{
background-image: url(imagenes/cosgi-01.png);
}

div#zocaloabajo{
margin-top: 2%;
margin-bottom: 3%;    
margin-left: 2%;    
width: 96%;
}

footer{
padding-top: 1%;   
padding-bottom: 1%;
padding-left: 2%;
padding-right: 2%;
clear: both; 
text-align: center; 
color: rgb(255,255,255);
width: 95%;
margin: auto;
font-size: 0.9rem;
margin-top: 0.5%    
}