@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro);
@import url(http://fonts.googleapis.com/css?family=Limelight);



/* Hoja de estilos de tipo */


body, html {
    background-color: #f7f2df; margin-top: 50px; width: 1100px;
    margin-left: 200px;  height: 2000px; margin-right: : 100px; font-family:"source sans pro" ;  }


header { background-color: #f7f2df; margin-top: 50px; width: 1100px;margin-right: : 100px;  }

         header #titulo a {  background-color: #f7f2df ;  color: #2f3644; font-size: 45px; float: right; margin-top: -150px; font-family: Limelight }


            nav{ float:right; right:0px; margin-top: -62px;  margin-left: 150px; }  

            nav ul { list-style: none; margin:5px; }

            nav ul li{  width:143px; height: 50px;margin-right: 5px; float: left; background-color: #2f3644; margin-bottom: 5px; }

            nav ul li a{ text-decoration: none; margin-top: 13PX; font-family:Source+Sans+Pro ; color:#ccb281;
                display: block; width:143px; text-align: center; background-color:  #2f3644;font-size: 18px; }

            nav ul li a:hover { color:#f7f2df;  background-color: #2f3644; }





#contenedor {background-color: #ccb281 ; width: 1100px; height: 375px; clear: both; margin-top: 90px;}


         #contenedor section article { height:400px ;  float: left; }

              #contenedor section article img { margin-left: 20px;  margin-top: 20px;}

              #contenedor section article p  { color:#2f3644 ; font-size: 12px; padding: 3px; width: 570px;
                                               font-family:Source+Sans+Pro; margin-left: 20px;}

              #contenedor section aside { width: 350px; height: 375px; float:left; margin-left: 100px; }


#titu {float: left; font-family: Limelight; color: #2f3644; clear: both; margin-bottom: 20px; margin-top: 20px;}


         #contenedor1{  width: 1100px; height: 250px; clear: both;}


              .equipo { width: 330px;  height: 300px; padding: 5px; float: left; font-family:Source+Sans+Pro; color: #2f3644; margin-top: -30px; margin-right: 30px;}
               .equipo h2 { font-family: Limelight; color: #ccb281;  width: 330px; height: 30px; padding: 5px; margin-left: -5px;}
                .equipo p {float: left; margin-top: 20px; text-align: justify; }
                




              .aprendemos { width: 330px;  height: 300px; padding: 5px; float: left; font-family:Source+Sans+Pro; color: #2f3644; margin-top: -30px; margin-right: 30px;}
               .aprendemos h2 { font-family: Limelight; color: #ccb281;  width: 330px; height: 30px; padding: 5px; margin-left: -5px;}
                .aprendemos p {float: left; margin-top: 20px;  text-align: justify;}
.aprendemos img { margin-top:20px; }

               .docente { width: 330px;  height: 300px; padding: 5px; float: left; font-family:Source+Sans+Pro; color: #2f3644; margin-top: -30px;}
               .docente h2 { font-family: Limelight; color: #ccb281;  width: 330px; height: 30px; padding: 5px; margin-left: -5px;}
                .docente p {float: left; margin-top: 20px; text-align: justify;}
.docente img { margin-top:20px; }
            

              


#titu2 {float: left; font-family: Limelight; color: #2f3644; clear: both; margin-bottom: 20px; margin-top: 40px;}


        #contenedor2{ width: 1100px; height: 180px; clear: both;}

               #contenedor2 .nota1 {  float: left;  color: #2f3644;  font-family:Source+Sans+Pro;
                                     width: 500px; padding: 5px; height: 160px; }

                  #contenedor2 .nota1 h2 { padding: 5px; background-color: #ccb281; float: left;  color: #2f3644;  font-family:Source+Sans+Pro; width: 500px;}
                  #contenedor2 .nota1 p  {  float: left;  color: #2f3644;  font-family:Source+Sans+Pro; width: 500px; text-align: justify; }


             
               #contenedor2 .nota2 {  margin-left: 80px; float: left; color: #2f3644;  font-family:Source+Sans+Pro;
                                     width: 500px;  padding: 5px;}


                   #contenedor2 .nota2 h2 { padding: 5px; background-color: #ccb281; float: left;  color: #2f3644;  font-family:Source+Sans+Pro; width: 500px;}
                   #contenedor2 .nota2 p  {  float: left;  color: #2f3644;  font-family:Source+Sans+Pro; width: 500px; }


img {  margin-top: 0px;}


        #contenedor3{  text-decoration: none; width: 1100px; height: 83px; clear: both; margin-top: 80px; }

           #contenedor3 img {}

                footer .texto1 {text-decoration: none; color:#2f3644; float: left ; font-family:Source+Sans+Pro; margin-left:  90px; font-size: 12px;}

                footer .texto2 { color: #2f3644 ;float: left ;font-family:Source+Sans+Pro; margin-left:  90px; font-size: 12px;}

                footer .texto3 {color:#2f3644; float: left ;font-family:Source+Sans+Pro;margin-left:  90px; font-size: 12px; }

                footer .texto4 {color:#2f3644;float: left ; font-family:Source+Sans+Pro; margin-left: 90px; font-size: 12px;}

                footer .texto5 {color:#2f3644;float: left ; font-family:Source+Sans+Pro; font-size: 12px;margin-left:  90px; }


a#bottom {font-size: 13px; margin-left: 0px; width: 1100px; }


/* Hoja de estilos de contacto */

h1 { font-family: Limelight; color: #2f3644; margin-top: 100px; clear: both; }


#contenedor4 { width:1100px; margin-top: 0px; padding: 10px; height: 500px;}

#contenedor4 h2 { font-family: Source+Sans+Pro; color: #2f3644;  font-size: 20px; text-align: justify; float: left; width: 560px; margin-right: 10px; }

#contenedor4 h3 { font-family: Source+Sans+Pro; color: #2f3644;  font-size: 20px; float: right; margin-left: 10px; margin-right: 120px; }

#contenedor4 img  {float: right; margin-right: 30px;  }

#contenedor4 h4 { background-color: #ccb281; font-family: Source+Sans+Pro; color: #2f3644;  font-size:30px; float: left; width: 560px;   }

#contenedor4 h5 { font-family: Source+Sans+Pro; color: #2f3644;  font-size: 20px; float: left; width: 560px;  margin-right: 10px; margin-top: 5px; }


/* Hoja de estilos de nosotros */

#contenedor5 { width:1100px; padding: 10px; background-color: #ccb281;height: 390px; }

#contenedor5 h2 { width: 500px;  float: left; margin-right: 20px; text-align: justify; font-size: 17.4px; padding-left: 10px;}

#contenedor5 img  {float:left; margin-right: 20px; margin-top: 20px; }



h1#compartimos  {float: left; font-family: Limelight; color: #2f3644; clear: both; margin-bottom: 20px; margin-top: 20px; font-size: 30px;}



#contenedor6  { width:1100px; height: 800px; margin-top: 20px;clear: both; }



#contenedor6 .saber { height: 130px;background-color: #e0d8ad;margin-bottom: 15px;}

#contenedor6 .saber h2 {float: left; font-family: Limelight; color: #2f3644; clear: both;  margin-top: 20px;}

#contenedor6 .saber h3 {float: left;  font-family: Source+Sans+Pro; font-size: 15px; margin-top: -15px; padding-left: 10px; padding-right: 10px; }



#contenedor6 .responsabilidad { height: 130px;background-color: #e0d8ad;margin-bottom: 15px;}

#contenedor6 .responsabilidad h2 {float: left; font-family: Limelight; color: #2f3644; clear: both; margin-bottom: 20px; }

#contenedor6 .responsabilidad h3 {float: left;  font-family: Source+Sans+Pro; font-size: 15px;  margin-top: -15px; padding-left: 10px; padding-right: 10px;}



#contenedor6 .diversidad { height: 130px;background-color: #e0d8ad;margin-bottom: 15px;}

#contenedor6 .diversidad h2 {float: left; font-family: Limelight; color: #2f3644; clear: both;  margin-top: 20px;}

#contenedor6 .diversidad h3 {float: left;  font-family: Source+Sans+Pro; font-size: 15px;  margin-top: -15px; padding-left: 10px; padding-right: 10px;}



#contenedor6 .argumentacion { height: 130px;background-color: #e0d8ad;margin-bottom: 15px;}

#contenedor6 .argumentacion h2 {float: left; font-family: Limelight; color: #2f3644; clear: both;  margin-top: 20px;}

#contenedor6 .argumentacion h3 {float: left;  font-family: Source+Sans+Pro; font-size: 15px;  margin-top: -15px; padding-left: 10px; padding-right: 10px;}



/* Hoja de estilos de trabajos */




#trabajos1 ul li  { color:#2f3644;float: left;list-style:none; width:300px; margin-right: 50px; height: 450px; font-size: 13px;  }


#trabajos1 .morfologia h2 { margin-bottom: 20px; }
#trabajos1 .morfologia a {margin-top:50px; }

#trabajos1 .sistema h2 { margin-bottom: 20px; }
#trabajos1 .sistema a { margin-top: 16px; }

#trabajos1 .vinilo h2 { margin-bottom: 20px; }
#trabajos1 .vinilo a { margin-top: 5px; }



#trabajos2 ul li  { color:#2f3644; float: left; list-style:none; width:300px; margin-right: 50px; height: 450px;font-size: 13px; }

#trabajos2 .diario h2 { margin-bottom: 20px; }
#trabajos2 .diario a { margin-top: 5px; }

#trabajos2 .revista h2 { margin-bottom: 20px; }
#trabajos2 .revista a { margin-top: 5px; }

#trabajos2 .especimen h2 { margin-bottom: 20px; }
#trabajos2 .especimen a { margin-top: 5px; }

#trabajos2 .libro h2 { margin-bottom: 20px; }
#trabajos2 .libro a { margin-top: 5px; }






/* Hoja de estilos de bibliografia */



#contenedor7 { width:1100px;}

#contenedor7 h2 { font-size: 20px; color:#2f3644;}

#contenedor7 h3 { padding: 5px; padding-left: 15px; background-color:#2f3644; color: #e0d8ad; }

#contenedor7 ul li { list-style:none; float: left; width: 500px; font-size: 20px; color:#2f3644; margin-right: 20px; margin-top: 30px; margin-bottom: 30px;}



#contenedor7 .actualidad {height: 750px; }

#contenedor7 .caligrafia {height: 200px; }

#contenedor7 .diseño {height: 250px; }

#contenedor7 .historia {height: 500px;margin-top: -50px ; }

#contenedor7 .librerias { margin-top: -400px ;}

#contenedor7 .listas { margin-top: -55px ;}

#contenedor7 .proveedores {margin-bottom: 100px; height: 300px; }

#contenedor7 .proyectos {margin-bottom: 100px; height: 900px; margin-top: -350px; }