/*BODY*/
body{
margin: 0;
background-color:#c4bfbf;
}
/* FIN BODY*/

/*PAGINA NEGRA*/
#paginanegra{
width: 960px;
height: auto;
margin-left: auto;
margin-right: auto;
margin-top:0;
background-color: black;
}
/*FIN PAGINA NEGRA*/

/*HEADER*/
header{
width: 100%;
height:30%;
padding-top: 2%;
background-color: rgb(146,188,17);
}
/*FIN HEADER*/

/*REDES*/
#redes{
display: inline;
float: right;
margin-right: 2%;
}
#redes a:hover{
background-color:white;
}
/*FIN REDES*/

/*LOGO*/
#logo img{
display: inline;
width: 25%;
margin-left: 2%;
float: left;
}
/*FIN LOGO*/

/*MENU*/
#menu{
width: 100%;
height: auto;
margin-top: 12%;
text-align: center;
}

#menu nav ul li{
clear: both;
display: inline;
padding-right: 4%;
list-style: none;
    
}
#menu nav ul li a{
font-family: 'Rosario', sans-serif;
font-size: 15pt;
color: rgb(146,188,17);
text-decoration: none;
background-color: black;
}
#menu a:hover{
background-color: white;
}
/*FIN MENU*/

/*FUTER*/
/*CAJAS GENERALES FUTER*/
footer{
width: 100%;
height: auto;
clear: both;
margin-top: 5%;
background: black;
border-top: 7px solid white;
}
#lista{
width: 66%;
float: left;
padding-top: 2%;
padding-left: 2%;
padding-right: 2%;
padding-bottom:2%;
border-right: 1px solid white;
}
#sublista{
float: left;
width: 29%;
}
#legales{
clear: both;
width: 100;
background-color: black;
border-top: 1px solid white;
}
/*CAJAS GENERALES FUTER*/
/*CONTINUA FUTER*/
#logofooter{
float: left;
width: 12%;
}
#mapa1{
float: left;
width: 10%;
}
#mapa2{
width:15%;
float: left;
margin-left: 2%;
}
#mapa3{
width:18%;
float: left;
margin-left: 2%;
}
#mapa4{
width:22%;
float: left;
margin-left:2%;
margin-bottom: 2%;
}
#mapa5{
width:15%;
float: left;
margin-left:2%;
margin-bottom: 2%;
}
#mapa1inicio , #mapa2trabajos , #mapa3lacatedra , #mapa4futurosalumnos , #mapa5contactanos {
padding-top: 1%;
font-family: 'Rosario', sans-serif;
}
#mapa1 a , #mapa2 a , #mapa3 a , #mapa4 a , #mapa5 a{
text-decoration: none;
font-family: 'Rosario', sans-serif;
font-size:9pt;
color: white;
}
.submenutodos{
padding-left:10%
}

#sublista img{
float: left;
width: 30%;
margin-left: 15%;
margin-top: 9%;
}
#sublista p{
float: left;
width: 40%;
margin-left: 4%;
margin-top: 9%;
font-family: 'Rosario', sans-serif;
color: white;
font-size: 10pt;
padding-top: 2%
}

#sublista h2{
display: inline;
float: left;
width: 20%;
margin-top: 1%;
margin-left: 4%
}
#sublista a{
margin-left: 15%;
font-family: 'Rosario', sans-serif;
font-size:8pt;
color:white;
padding-left: 60%;
}
#fadu a:hover{
background-color: rgb(146, 188, 17);
}


/*LEGALES*/
#legales p{
padding: 1%;
font-family: 'Rosario', sans-serif;
font-size: 7pt;
color: white;
}
/*FIN LEGALES*/
/*FIN FUTER*/







/*ARTICLES*/
article{
width: 79%;
height: auto;
float: left;
border-right: 1px solid white;
}
#articulo1 {
width: 100%;
height: auto;
overflow: hidden;
}
#articulo1 img{
width: 100%;
height: auto;
margin-top:2%;
margin-left:0%;
margin-right:0%;   
}

#articulo2{
width: 48%;
height: auto;
overflow: hidden;
float: left;
margin-top: 4%;
margin-left: 0%;
border: 9px solid rgb(146,188,17);
}
#articulo2 img{
width: 100%;
height: auto;  
}
#articulo3{
width: 47%;
height: auto;
overflow: hidden;
float: left;
margin-top: 4%;
border: 9px solid rgb(146,188,17);
}
#articulo3 img{
width: 100%;
height: auto;
margin-top:0%;
margin-left:0%;
margin-right:0%;   
}
/*FIN ARTICLES*/



/*ASIDE*/
aside{
width: 20%;
height: auto;
float: left;
margin-left: 0%
}
#registrate{
width: 100%;
height: auto;
overflow: hidden;
margin-top: 0%;
}
#registrate img{
width: 70%;
height: auto;
margin-top:4%;
margin-left:14%; 
border: 3px solid white;
}
#tipoblog{
width: 70%;
height: auto;
overflow: hidden;
margin-top: 8%;
margin-left: 14%;
text-align: center;
border: 3px solid white; 
}
#tipoblog h3{
font-family: 'Rosario', sans-serif;
font-size: 15pt;
color:rgb(146,188,17);
background-color: black;
margin-top: 8%;
}
#tipoblog p{
margin-left: 4%;
margin-right: 4%;
margin-top: 2%;
font-family: 'Rosario', sans-serif;
font-size: 12pt;
color: white;
}
#enterate{
width: 70%;
height: auto;
overflow: hidden;
margin-top: 8%;
margin-left: 14%;
text-align: center;
border: 3px solid white; 
}
#enterate h3{
font-family: 'Rosario', sans-serif;
font-size: 15pt;
color:rgb(146,188,17);
background-color: black;
margin-top: 8%;
}
/*FIN ASIDE*/


/*ASIDETRABAJOS*/
asidetrabajos{
width: 20%;
height: auto;
float: left;
margin-left: 0%
}
#explicacion{
width: 100%;
height: auto;
overflow: hidden;
margin-top: 8%;
}
#explicacion p{
margin-left: 8%;
margin-right: 10%;
font-family: 'Rosario', sans-serif;
font-size: 10pt;
color: white;
}
/*FIN ASIDETRABAJOS*/

/*ARTICLETRABAJOS*/
articletrabajos{
width: 79%;
height: auto;
float: left;
}
#articulo1trabajos{
width: 45%;
height: auto;
overflow: hidden;
float: left;
margin-top: 4%;
margin-left: 0%;
background-color: white;
border: 4px solid black;
}
#articulo1trabajos img{
width: 97%;
height: auto;
margin-top: 3%;
}
#articulo1trabajos h3{
font-family: 'Rosario', sans-serif;
font-size: 12pt;
color:black;
margin-top: 8%;
margin-left: 9%;
}
#articulo1trabajos p{
margin-left: 8%;
margin-right: 4%;
margin-top: 2%;
font-family: 'Rosario', sans-serif;
font-size: 9pt;
color: black;
}
#articulo2trabajos{
width: 45%;
height: auto;
overflow: hidden;
float: left;
margin-top: 4%;
margin-left: 0%;
background-color: white;
border:4px solid black; 
}
#articulo2trabajos img{
width: 97%;
height: auto;
margin-top: 3%;
}
#articulo2trabajos h3{
font-family: 'Rosario', sans-serif;
font-size: 12pt;
color:black;
margin-top: 8%;
margin-left: 9%;
}
#articulo2trabajos p{
margin-left: 8%;
margin-right: 4%;
margin-top: 2%;
font-family: 'Rosario', sans-serif;
font-size: 9pt;
color: black;
}
/*FIN ARTICLETRABAJOS*/
























/*ASIDE NIVEL1*/
asideniveles{
width: 20%;
height: auto;
float: left;
margin-left: 0%
}
#asideniveles1y2{
width: 100%;
height: auto;
overflow: hidden;
margin-top: 16%;
}
#asideniveles1y2 a{
margin-left: 8%;
margin-right: 10%;
font-family: 'Rosario', sans-serif;
font-size: 15pt;
color: white;
text-decoration: none;
}
.color{
background-color: rgb(146,188,17);
}
#asideniveles1y2 a:hover {
background-color:rgb(146,188,17);
}


/*FIN ASIDETRABAJOS*/

/*ARTICLE NIVELES*/
articleniveles{
width: 79%;
height: auto;
float: left;
}
#articulo1nivel1{
width: 45%;
height: auto;
overflow: hidden;
float: left;
margin-top: 4%;
margin-left: 0%;
background-color: white;
border: 4px solid black;
}
#articulo1nivel1 img{
width: 97%;
height: auto;
margin-top: 3%;
}
#articulo1nivel1 h3{
font-family: 'Rosario', sans-serif;
font-size: 12pt;
color:black;
margin-top: 8%;
margin-left: 9%;
}
#articulo1nivel1 p{
margin-left: 8%;
margin-right: 4%;
margin-top: 2%;
font-family: 'Rosario', sans-serif;
font-size: 9pt;
color: black;
}
#articulo2nivel2{
width: 45%;
height: auto;
overflow: hidden;
float: left;
margin-top: 4%;
margin-left: 0%;
background-color: white;
border:4px solid black; 
}
#articulo2nivel2 img{
width: 97%;
height: auto;
margin-top: 3%;
margin-left: 3%;
}
#articulo2nivel2 h3{
font-family: 'Rosario', sans-serif;
font-size: 12pt;
color:black;
margin-top: 8%;
margin-left: 9%;
}
#articulo2nivel2 p{
margin-left: 8%;
margin-right: 4%;
margin-top: 2%;
font-family: 'Rosario', sans-serif;
font-size: 9pt;
color: black;
}


/*FIN ARTICLETRABAJOS*/