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

*{margin:0; padding:0}

body{
      background-image: url(imagen/-FONDO.jpg);
    background-repeat:repeat-x;
    background-position:top center;
    background-color:#131313;
       font-size: 12pt;
 
}



main { 
    width: 960px;
    margin: 0 auto;    
    
}

div#logo { margin-top: 30px;
   
} 



header { 
    
}


header nav { 
    background-color: #123c32; 
     overflow: auto;
   margin-top: 89px;
   

}
     
    header ul {list-style: none; 
      
        
           }

header ul li { float: left;
margin: 2.24px;
    
  
}



header ul li a {text-decoration: none;
          font-size: 1.1rem;
                color: #1e8f75;    
    font-family: 'Oswald', sans-serif;
               display: block;
              width:auto;
    padding: 23.5px;
                 }




header ul li a:hover {

      text-decoration: none;
       color: #1e8f75;
       background-color:#4a141d;
    width: auto;
}


section {
    position: relative;
}


#modulos ul li.ingresantes{
float: left;
width: 301px;
    height: 167px;
    margin-bottom: 20px;
    margin-top: 20px;
    background-image: url(imagen/grupo.jpg);

}



article {
     
       font-family: 'Arimo', sans-serif;
  color: #999999;
    width: 610px;
    font-size: 1rem;
position: absolute;
    left: 335px;
    top: 25px;   
}


#morfogeneral { background-color: #6a1724;
    height: 260px;
 font-size: 7rem;
    font-family: 'Oswald', sans-serif;
    color:  #1e8f75;
    margin-top: 20px;
    line-height: 133px;
    padding: 25px;  
}

#objetivos { 
    width: 301px;
    height: 309px;
    margin-top: 30px;
         font-family: 'Arimo', sans-serif;
  color: #999999;
    font-size: 1rem;
      margin-bottom: 70px;
    line-height: 20px;
}

#objetivos b {
    font-size: 1.3rem;
color: #ad1e42;
}


#trabajos{ background-color: #1e6051;
    font-family: 'Arimo', sans-serif;
    font-size: 1.3rem;
     color: #4a141d;
    line-height: 15px;
        display: block;
    width: 605px;
    height: 332px; 
     position: absolute;
     left: 330px;
      top: 323px;
        padding: 12px;
         margin-bottom: 20px;
         margin-top: 15px;}

#trabajos img {
       width: 605px;
}


#modulos ul {
         clear: both;
         list-style: none;
       margin: 0;
    padding: 0;
}


#modulos ul li.modulo1{

        display: inline-block;
        background-image: url(imagen/1.jpg);
      width: 301px;
     height: 301px;
    margin-bottom: 20px;
      
}

#modulos ul li.modulo2{

        display: inline-block;
        background-image: url(imagen/2.jpg);
      width: 301px;
    height: 301px;
     margin-left: 24.5px;
    margin-right: 24.5px;  
    margin-bottom: 20px;
}


#modulos ul li.modulo3{

        display: inline-block;
        background-image: url(imagen/3.jpg);
      width: 301px; 
    height: 301px;
    margin-bottom: 20px;
}


#modulos ul li.propuestapedagogica {

    display: inline-block;
        background-image: url(imagen/propuestapedagogica.jpg);
      width: 470px; 
    height: 152px;
    margin-bottom: 20px;
    margin-right: 16px;
}



#modulos ul li.planteldocente {

    display: inline-block;
        background-image: url(imagen/planteldocente.jpg);
      width: 470px; 
    height: 152px;
    margin-bottom: 20px;
}



#modulos ul li a {
            text-decoration: none;    
    background-color:rgba(0, 0, 0, 0.4);
               display: block;
                height: 100%;
          text-align: center;
    
                }

#modulos ul li a:hover {

      text-decoration: none;
       color: #1e8f75;
       background-color:transparent;
}





#propuesta { 
    
    background-color: #6a1724;
height: 69px;
font-size: 3rem;
font-family: 'Oswald', sans-serif;
color: #1e8f75;
margin-top: 20px;
padding: 14px;
}

#propuestaa { 
    width: 470px;
    height: 309px;
    margin-top: 30px;
         font-family: 'Arimo', sans-serif;
  color: #999999;
    line-height: 20px;
    font-size: 1rem;
      margin-bottom: 20px;
    margin-left: 483px;
}

#propuestaa h3 {
color: #ad1e42;
    font-size: 1.3rem;
margin-bottom: 7px; }

#propuestaa a { text-decoration: none;
    font-size: 1rem;
   color: #1e8f75;
}

#propuestaa a:hover {

      text-decoration: none;
       color:#ad1e42;}

#propuestaa img {
position: absolute;
    left:0px;
    width: 445px;
}

#docentes { 
    
    background-color: #6a1724;
height: 69px;
font-size: 3rem;
font-family: 'Oswald', sans-serif;
color: #1e8f75;
margin-top: 20px;
padding: 14px;
}


#docentess ul {

clear:both;
    list-style: none;
    margin-top: 20px;
   
}

#docentess ul li {
     display: inline-block;
    width: 225px;
    height: 200px;
    background-color: #123c32;
     margin-right: 16px;
    margin-bottom: 20px;
    
}

#docentess ul li.docente4 {
     display: inline-block;
    width: 225px;
    height: 200px;
    background-color: #123c32;
     margin: 0;
    margin-bottom: 20px;
}

#docentess ul img { width: 120px;
    margin-left: 55px;
    margin-top: 10px;}

    
#docentess ul li h3 {

            text-align: center;
    font-family: 'Arimo', sans-serif;
    color: #999999;  
    font-size: 1.1rem;
    margin-top: 7px;
}    

#docentess ul li p {
    
    text-align: center;
    font-family: 'Arimo', sans-serif;
    color: #999999;      
    font-size: 1rem;
}





footer {
    
 background-color: #1f1f1f;
    position: relative;
    padding: 7px;   
}


#creditos ul li.facebook {
     display: inline-block;
        background-image: url(imagen/facebook.png);
       width: 32px;
        height: 32px;}

#creditos ul li.twitter {
     display: inline-block;
        background-image: url(imagen/twitter.png);
       width: 32px;
        height: 32px;}

#creditos ul li.email {
     display: inline-block;
        background-image: url(imagen/email.png);
       width: 32px;
        height: 32px;}


 
    
#creditos ul li a {  text-decoration: none;    
    background-color:rgba(0, 0, 0, 0.4);
               display: block;
                height: 100%;
          text-align: center;}



#creditos ul li a:hover {

      text-decoration: none;
       color: #1e8f75;
       background-color:transparent;
}


    
    #creditos p { position: absolute;
        left: 119px;
        top: 7px;
        font-family: 'Arimo', sans-serif;
font-size: 9.5pt;
    line-height: 17px;
    color: #999999;
    width: 829px;
}