/* hoja de estilos css jt29 alumno 3 */
   
@import url(http://fonts.googleapis.com/css?family=Oswald:400,700,300);

/* estilo home  */

body{
background-color: #C4E2D3;
width: 100%; 
}


header{
width: 1200px;
height: 100px;
margin: 30;
}


header ul{
list-style: none;
margin: 0;
padding: 0;
}


header ul li{
float:left;
}



header h1 ul li a{
text-decoration: none;
color: #faf9f9;
display:block;
margin-left:30px;
margin-right: 30px;
margin-top: 60px;
font-family: 'Oswald:400', sans-serif;
font-size:10pt;
overflow: auto;  
   
}


#redes{
width: 70px;
height:35px; 
float: right;
margin-top: 25px;
}


#accesos{
width: 1050px;
height: 30px;
margin-top: 50px;
margin-left: 150;
}
 

header h2 ul li a{
text-decoration: none;
color: #3E8095;
display:block;
margin-right: 35px;
font-family: 'Oswald:400', sans-serif;
font-size:8pt;
}
 



#mail{
float: right;
margin right:50px;
margin-top: 15px;
}
 

#pagina{
max-width: 1245px;
max-height: 1045px;
margin: auto;
}

main{
width:1250px;
height:500px;
background-image:url(imagenes/fondito.png);
}


section article{
overflow: auto;
margin-left: 60px;
}

section {
width: 1000px;
height: 400px;
margin-left: 150px;
}


section article #uno{
float: left;
width: 200px;
margin-top: 280px;
margin-left:-15px;
}

section article #uno a{
width: 50px;
height: 50px;
margin-left:30px;   
}

section article #dos{
float: right;
width: 200px;
margin-top: 280px;
margin-right: 180px;
}

section article #dos a{
width: 50px;
height: 50px;
margin-left:33px;   
}


#fondo{
overflow: auto;
}


footer #contenidos { 
width: 300px;
height: 45px;
text-decoration: none;
color: #3E8095;
display:block;
margin-right: 35px;
margin-left: 650px;
font-family: 'Oswald:300', sans-serif;
font-size:8pt;
}

footer #links{
text-decoration: none;
color: #3E8095;
display:block;
margin-left: 210px;
margin-top: 5px;
font-family: 'Oswald:400', sans-serif;
font-size:7pt;
padding-top: 5px;
}

footer ul{
list-style: none;
margin: 0;
padding: 0;
}


footer ul li{
float:left;
}

footer h2 ul li a{
text-decoration: none;
color: #E94C41;
display:block;
margin-top:10px;
margin-left:5px;
margin-right: 5px;
font-family: 'Oswald:700', sans-serif;
font-size:8pt;
overflow: auto;
float: left;

}

footer{
width:1250px;
height:100px;
margin-top: 20px;
border-top: 1px solid #3E8095;
    
    
}

/* estilo catedra  */

#catedra{
max-width: 1245px;
max-height: 1045px;
margin: auto;
}
#menu{
width: 1200px;
height: 100px;
margin-top: 60px;
background-image: url(imagenes/menu%20secundario-01.svg);

}

header{
width: 1200px;
height: 100px;
margin-top: 60px;
}


#tres{
float: left;
width: 200px;
margin-top: 15px;
margin-left: 253px;
}

#tres a{
width: 50px;
height: 50px;
margin-left:30px;   
}


#cuatro{
float: right;
width: 200px;
margin-top: 15px;
margin-right: 289px;
}

#cuatro a{
width: 50px;
height: 50px;
margin-left:33px;   
}

#cinco a{
width: 90px;
height:90px;
margin-left:100px;   
}


#caja{
width:1250px;
height:500px;
background-image:url(imagenes/fondo%20main-01.png);
}


#caja article p{
width: 270px;
height:370px;
font-family: 'Oswald:400', sans-serif;
font-size: 12px;
float: left;
display: block;
color: #3E8095;
margin-top: 60px;
margin-left: 170px;
line-height: 1.3em;
text-decoration: none;
list-style: none;
    text-align: justify;
}

footer #contacto{
width: 200px;
height: 70px;
float: right;
margin-top: -65; 
color:#3E8095;
}


/* estilo docentes  */

#docentes{
width:1250px;
height:500px;
background-image:url(imagenes/fondo%20docentes-01.png);
}


/* estilo galeria  */

#galeria{
width:1250px;
height:500px;
background-image:url(imagenes/fondo%20galeria-01.png);
}

#titulos p{
font-family: 'Oswald:700', sans-serif;
font-size: 16px;
float: left;
display: block;
color: #030303;
margin-top: 45px;
margin-left: 100px;
line-height: 1.3em;
text-decoration: none;
list-style: none;
}

/* estilo ilustrar  */

#ilustrar{
width:1250px;
height:500px;
background-image:url(imagenes/fondo%20ilustrar-01.png);
}