
 @import url(http://fonts.googleapis.com/css?family=Oswald);

/* Hoja de estilo Home */

body {
    width: auto;
    height: auto;
    font-family: "Oswald";
    font-size: 16px;
}

.contenedor {
    width: 1350px;
    height: 1500px;
    margin: auto;
    display:block;
    background-color: yellow;
}


.encabezado {
    width: 750px;
    height: 120px;
    margin: auto;
    display:block;
    padding: 0px;
}

.encabezado_2 {
    width: 750px;
    height: 50px;
    margin: auto;
    display:block;
    padding: 0px;
}

#imagen_encabezado_1 {
    margin: 0px;
    padding: 0px;
    display:block;
    float: left;
}


.titulo {

    width: 150px;
    height: 34px;
   
    margin: 0px;
    float: left;
    font-size: 14px; 
    
}

.titulo2  {
    
    width: 100px;
    height: 34px;
    float: left 30px;
  
    font-size: 24px; 

}


.titulo h2 {
    font-size: 16px;   
}

nav {
    width: 500px;  
    height: 25px;
    padding: 0px;
    margin-top: 200x;
    margin-left: 295px;
    float: right;
    
}

ul {                                
    width: 650px;
    height: 50px;
    padding: 10px 0px 0px 0px;
    margin: -15px;
    float: right;

}

nav ul li {
    display: block; 
    width: 108px;
    height: 35px;
    padding: 5px;
    background-color: #0a0000;            
    float: left;
    margin: 0px 6px 0px 6px;
    margin-bottom: 5px; 
   
} 

nav ul li a {
    text-decoration: none;
    color: yellow;
    font-size: 18px;
    text-align: center;
    padding: 5px;
}

.contenido {
 border: 1px solid yellow; 
    width: 750px;
    height: 1270px;
    margin: auto;
    
}
nav ul li a:hover { color:#b2e820;  background-color: #0a0000; }

.contenidolala {
    width: 300px;
    height: 300px;
    margin: 2px;
    display:block;
    padding: 0px;
    float: left;
    border: 1px solid red; 
                                
}
.contenido1 {
    width: 350px;
    height: 350px;
    margin: 55px 0px;  
    display:block;
    padding: 10px;
    float: left;
    background-color: #0a0000;
    color: #b2e820;
    font-size: 16px

}

.registrarse {
     width: 800px;
    height: 200px;
    margin: 63px 0px;
 
}

.taller {
  margin: 160px 0px;
  position:absolute
    
}

.contenido2 {
    width: 350px;
    height: 450px;
    margin: 0px 0px;
    margin-right: 30px
    display:block;
    padding: 15px;
    float: left;
    background-color: #0a0000;
    color: yellow;
    font-size: 16px
                
}

.contenido2 p2 {
    font-size: 22px
    
 }
  

.contenido3 {
    width: 730px;
    height: 220px;
    margin: 0px 0px;  
    display:block;
    padding: 10px;
    float: left;
    background-color:#b2e820;
   
}

.contenido3 p3 {
     font-size: 24px;

}

.contenido55 {
    width: 730px;
    height: 120px;
    margin: 0px 0px;  
    display:block;
    padding: 30px;
    float: left;
    margin: 0px 0px;
    background-color: yellow;
    color:  #0a0000;
    font-size: 16px;
   
}

.links1,
.links2,
.links3,
.links4,
.links5 {
    width: 130px;
    float: left;
    display:block;
   
    font-size: 12px;
    margin: 8px;
  
    
}
 


.contenido5 {
    width: 720px;
    height: 20px;
    padding: 20px;
    float: right;
    margin: 40px;
    background-color: #0a0000;
    color:#b2e820;
    font-size: 14px;
    bottom: 100px; 
    
}

.clear {
    clear: both;
}

/* Hoja de estilos de nosotros */


.contenedornosotros {
    width: 1350px;
    height: 2380px;
    margin: auto;
    display:block;
    background-color: yellow;
}

.contenidonosotros {
 border: 1px solid yellow; 
    width: 750px;
    height: 1000px;
    margin: auto;
    
}

.contenido7 {
   
    width: 730px;
    height: 40px;
    padding: 10px;
    display:block;
    float: left;
    margin-top: 30px;
    background-color: #b2e820;
    color: #0a0000;
    
}
.contenido7 p1 {
    font-size: 26px
   
}
    
.contenido8 {
    width: 345px;
    height: 480px;
    margin: 10px;
    margin-left: 1px;
    display:block;
    padding: 15px;
    float: left;
    background-color: #0a0000;
    color: #b2e820;
    font-size: 16px
   
}

.contenido8 p8 {
    font-size: 27px
}

.programa{
    float: left;
    margin-top: -1190;
    clear: both;
}
        

.contenido9 {
    width: 340px;
    height: 1250px; 
    display:block;
    padding: 15px;
    margin-top: 1070px;
    margin-right: 1px;
    float:left;
    background-color: #b2e820;
    color: #0a0000;
    font-size: 16px
    
    
   
}

.contenido9 p9 {
    font-size: 27px
}

.docentes {
    padding: 0px;
    display:block;
    float:right;
    margin-top: -520px;
   
      
}
.contenido11 {
    width: 500px;
    height: 4500px;
    margin: 200px 0px;  
    display:block;
    padding: 15px;
    float: left;
    color: #0a0000;
    font-size: 16px;
        
}


.contenido88 {
    width: 160px;
    height: 1000px;
    padding: 15px;
    margin-top: 1190px;
    float: left;
    background-color: #0a0000;
    color: yellow;
    font-size: 16px;
   
   
}

.contenido888 {
    width: 160px;
    height: 1000px;
    margin: 1190px 339px 0px 0px; 
    display:block;
    padding: 15px;
    float: right;
    background-color: #0a0000;
    color: yellow;
    font-size: 16px;
  
   
}


.contenido88 p13 {
    font-size: 30px

}

.contenido888 p14 {
    font-size: 30px

}

.contenido82 {
    width: 349px;
    height: 100px; 
    padding: 15px;
    margin-top: 0px;
    background: #b2e820;
    float: left;
}


.contenido50 {
    width: 720px;
    height: 20px;
    padding: 20px;
    float: right;
    margin: 20px 330px 0px 0px;
    background-color: #0a0000;
    color:#b2e820;
    font-size: 14px;

    
}
        
        
/* Hoja de estilos de galeria */
       
.contenedorgaleria {
    width: 1350px;
    height: 1450px;
    margin: auto;
    background-color: yellow;
}

.contenidogaleria {
 border: 1px solid yellow; 
    width: 750px;
    height: 1000px;
    margin: auto;
    
}

.contenido12 {
    width: 720px;
    height: 800px;
    margin: 30px 0px;  
    display:block;
    padding: 15px;
    float: left;
    left: 50px
        
}

.contenido12 {
    background-color:  #0a0000;
    color: yellow;
    font-size: 16px

}
   
.contenido12 p12 {
    font-size: 30px

}

.contenido12 p13 {
    font-size: 30px

}

.contenido511 {
    width: 720px;
    height: 20px;
    padding: 20px;
    float: right;
    margin-right: 290px;
    background-color: #0a0000;
    color:#b2e820;
    font-size: 14px;
 
    
}

.contenido55221 {
    width: 730px;
    height: 120px;
    padding: 30px;
    float: left;
    margin: -40px 0px 0px 300px;
    background-color: yellow;
    color:  #0a0000;
    font-size: 16px;
   
}




/* Hoja de estilos de noticias */

.contenedornoticias {
    width: 1350px;
    height: 1500px;
    margin: auto;
    display:block;
    background-color: yellow;
}

.contenidonoticias {
    width: 750px;
    height: 1500px;
    margin: auto;
    
}


.contenido13 {
    width: 350px;
    height: 850px;
    margin: 30px 0px;  
    display:block;
    padding: 10px;
    float: left;
    background-color: #b2e820;
    color: #0a0000;
    font-size: 16px

}

.contenido13 p14 {
    font-size: 26px

}


.contenido13 p15 {
    font-size: 22px

}


.contenido16 {
    width: 350px;
    height: 400px;
    margin: 30px 0px;
    margin-right: 30px
    display:block;
    padding: 15px;
    float: left;
    background-color: #0a0000;
    color: yellow;
    font-size: 16px
        
}

.contenido16 p16 {
    font-size: 26px

}


#imagen_noticia {
    padding: 5px;
    float: left;
}

.contenido188 {

    width: 360px;
    height: 420px;
    margin-top: 25px;
    margin-left: -15px;
    padding: 10px;
    float: left;
    background-color: #b2e820;
    color: #0a0000;
    font-size: 16px

}


.contenido555 {
    width: 710px;
    height: 20px;
    padding: 20px;
    float: right;
    background-color: #0a0000;
    color:#b2e820;
    font-size: 14px;
    bottom: 100px; 
    
}
/* Hoja de estilos de bibliografia */

.contenedorbibliografia {
    width: 1350px;
    height: 2500px;
    margin: auto;
    display:block;
    background-color: yellow;
}

.contenidobibliografia {
 border: 1px solid yellow; 
    width: 750px;
    height: 1000px;
    margin: auto;
    
}


.contenido18 {
    width: 350px;
    height: 1210px;
    margin: 30px 0px;  
    display:block;
    padding: 10px;
    float: left;
    background-color: #b2e820;
    color: #0a0000;
    font-size: 16px

}

.contenido18 p18 {
    font-size: 34px; 
    color: yellow;
}

.contenido20 {
    width: 350px;
    height: 1200px;
    margin: 30px 0px;
    margin-right: 30px
    display:block;
    padding: 15px;
    float: left;
    background-color: #0a0000;
    color: yellow;
    font-size: 16px
        
}

.contenido20 p22 {
    font-size: 34px; 
    color: yellow;

}

.contenido21 p21 {
    font-size: 16px; 
    color: #b2e820;
}

.contenido21 p24 {
    font-size: 16px; 
    color: yellow;
}


.contenido26 {
    width: 720px;
    height: 620px;
    margin: 53px 0px 0px -385px;
    padding: 15px;
    background-color: #0a0000;
    color:#b2e820;

}       


.contenido26 p26 {
    font-size: 34px; 
    color: yellow;
}

.contenido5522 {
    width: 730px;
    height: 120px;
    padding: 30px;
    float: left;
    margin: 0px 0px 0px -400px;
    background-color: yellow;
    color:  #0a0000;
    font-size: 16px;
   
}

.contenido51 {
    width: 720px;
    height: 20px;
    padding: 20px;
    float: right;
    margin: 0px -20px 0px 20px;
    background-color: #0a0000;
    color:#b2e820;
    font-size: 14px;
 
    
}




    
    

        


   