*{
    margin: 0;
    padding: 0;
}
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700);
body{
   background-color: #000;


}
div#carilla{
    width:1137px;
    margin: auto;
    margin-top: 20px;
    background-color: #dbe7e5
}
header{
    background-color: #000;
    background-image: url(imagenes/banner.jpg);
    background-size: 100%;
   
   
}

nav ul {
    list-style: none;

}
nav ul li{
    float: left;
text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
    ´}
nav ul li a{
text-decoration: none;
    margin-left: 82px;
      font-family: 'Roboto Condensed', sans-serif;
    color: #fff;

}
nav{
   
background-color: #000;
height: 30px;
margin-top: 35px;
    text-align: center;
    padding-left: 200px;
}
 h1{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 24px;
margin-left: 20px;
padding-top: 8px;
     background-color: rgba(255, 255, 255, 0.63);
     margin-right: 904px;
 }
h2{
    font-family: 'Roboto Condensed', sans-serif;
font-size: 16px;
margin-left: 20px;
margin-top: 9px;
background-color: rgba(255, 255, 255, 0.63);
margin-right:  880px;

}
div#imagen{
    position: relative;}
div#bienvenidos{
    
width: 459px;
background-color: rgba(250, 243, 246, 0.51);
position: absolute;
margin-left: 20px;
bottom: 5px;
font-size: 65px;
padding: 10px;
text-align: center;
font-family: 'Roboto Condensed', sans-serif;
}

div#inscripcion{
width: 600px;
height: 129px;
background-color: #C6a494;
margin-top: 20px;
margin-left: 20px;
float: left;
}
main{
     background-color: #dbe7e5;
height:742px;
    overflow: hidden;
}
    
    
div#titulo{
    margin-left: 50px;
float: left;
margin-left: 180px;
float: left;
background-color: #000;
font-family: 'Roboto Condensed', sans-serif;
    color: #fff;
    font-size: 24px;
    margin-top: 20px;
    width: 400px;
}
div#titulo h4{
    margin-left: 100px;}

div#imagen_ins{
    width: 20px;
    height: 129px;
float: left;
    display: block;
opacity: 1%}


div#link{
    margin-left: 179px;
    width: 400px;
    float: left;
    text-decoration: none;
    color:#fff;
font-size: 24px;
    margin-top: 20px;
}

a.vinculo{
    list-style-image: none;
    font-family: 'Roboto Condensed', sans-serif;
text-decoration: none;
color:#fff;
font-size: 33px;
   margin-left: 49px;
}

header a:hover{
    color:  #C6a494}
a:hover{
    color:  #583737}
div#inicio_galeria{
    width: 174px;
height: 246px;
background-color: #b6c2c0;
margin-top: 20px;
margin-left: 20px;
background-image: url(imagenes/galeria.png);
border: solid 5px rgba(182, 194, 192, 0.99);
float: left;
}
a.vinculo_galeria, a.vinculo_bibliografia {
    list-style-image: none;
    font-family: 'Roboto Condensed', sans-serif;
text-decoration: none;
color:#fff;
}
div#link_galeria, {text-decoration: none;
    font-size: 24px;
width: 176px;
margin-top: 30px;
}
div#link_galeria h5, div#inicio_bibliografia h5{
    font-size: 24px;
    background-color: #000;
text-align: center;
margin-top: 10px;}
    
 div#link_galeria   a:hover, div#link_bibliografia   a:hover , div#link_docentes a:hover{
     color:  #C6a494}
div#inicio_bibliografia{
    float: left;
width: 174px;
height: 246px;
background-color: #b6c2c0;
margin-top: 20px;
margin-left: 20px;
background-image: url(imagenes/libro.jpg);
border: solid 5px rgba(182, 194, 192, 0.99);background-size: 100%}
div#texto_habitar{
    float: left;
width: 330px;
height: 246px;
background-color: rgba(182, 194, 192, 0.36);
margin-top: -246px;
margin-left: 20px;
font-family: 'Roboto Condensed', sans-serif;
    }
#texto_habitar h6{
    margin-left: 20px;
font-family: 'Roboto Condensed', sans-serif;
font-size: 16px;
margin-top: 20px;
color: #fff
}
#texto_habitar p{
    font-size: 13px;
    margin-left: 15px;
margin-right: 15px;
    margin-bottom: 15px
}
div#teoria{
float: right;
height: 400px;
width: 238px;
background-color: rgba(182, 194, 192, 0.36);
margin-right: 46px;
margin-left: 228px;
    margin-top: 20px;
}
div#teoria p, .contenidos p, div#contenidos_dos p{
    font-family: 'Roboto Condensed', sans-serif;
font-size: 13px;
    margin:10px; 
}
div#teoria h7{
    font-family: 'Roboto Condensed', sans-serif;
font-size: 24px;
    color: #fff;
    margin-left: 27px;
}
div#titulo_habitar{
    background-color: #C6a494;
margin-top: 10px;}

footer{
    background-color: #b6c2c0;
    height:  130px;
overflow: hidden
}
div#pie{
  height: 27px;

text-decoration: none;
    overflow: hidden;

}
a.vinculo_pie{
    list-style: none;
text-decoration: none;
margin-right: 36px;
color: rgba(255, 255, 255, 0.63);
font-family: 'Roboto Condensed', sans-serif;
font-size: 12px;
padding-left: 23px;

}
a.vinculos_mails{ 
        list-style: none;
    text-decoration: none;
font-family:sans-serif;
    color:#fff;
font-size: 12px;
    margin-left: 85px;
  

}
#mails img{
    margin-left: 10px;
    margin-right: 5px
}
.mails{
    height: 100px;
    float: left;}
div#texto_footer{
    float: left;
    width: 478px;
margin-left: 46px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 11px;
    border-left: solid 1px rgba(255, 255, 255, 0.99);
    height: 90px;

}
div#texto_footer p{
    margin: 5px;}
div#objetivos{
    float: left;
width: 442px;
height: 246px;
background-color: rgba(182, 194, 192, 0.36);
margin-top: 20px;
margin-left: 20px;
font-family: 'Roboto Condensed', sans-serif;}
div#objetivos p{
    font-size: 13px;
margin-left: 20px;
margin-right: 20px;
    margin-top: 10px;
}
div#objetivos h8, div#contenidos_habitar h8{
    font-size: 24px;
    color: #fff;
margin-left: 20px}
div#objetivos_habitar, div#contenidos_habitar{
    background-color: #C6a494;
margin-top: 10px;}
.contenidos{
    height: 415px;
width:  260px;
background-color: rgba(182, 194, 192, 0.36);
margin-right: 46px;
margin-left: 42px;
margin-top: 20px;
float: left;
    font-family: 'Roboto Condensed', sans-serif;}
div#contenidos_dos{
    height:374px;
width: 260px;
background-color: rgba(182, 194, 192, 0.36);
margin-right: 46px;

margin-top: 20px;
    float: left;
    font-family: 'Roboto Condensed', sans-serif;
    margin-top: 63px;
text-decoration: none}
div#docentes{
width: 325px;
height: 222px;
background-color: #b6c2c0;
margin-top: -159px;
margin-left: 20px;
background-image: url(imagenes/docentes.jpg);
border: solid 5px rgba(182, 194, 192, 0.99);
float: left;
background-size: 100%}
div#link_docentes h5{
    font-size: 24px;
    background-color: #000;
text-align: center;
margin-top: 189px;}
a.boton_mas{
    color: #fff;
font-size: 25px;
margin-left: 217px;
background-color: #C6a494;
    text-decoration: none
    
}

div#boton_mas{
    
   font-size: 16px; 
    margin-top: 21px;
}
div#boton_mas  a:hover {
    background-color: #000}
div#cuatrimestre{
    width: 169px;
height: 154px;
background-color: #b6c2c0;
margin-top: 274px;
margin-left: 367px;
background-image: url(imagenes/unocuatrimestre.gif);
border: solid 5px rgba(182, 194, 192, 0.99);background-size: 100%}

div#cuatrimestredos{
width: 169px;
height: 153px;
background-color: #b6c2c0;
margin-top: -163px;
background-image: url(imagenes/doscuatrimestre.gif);
border: solid 5px rgba(182, 194, 192, 0.99);
float: right;
margin-right: 389px;background-size: 100%}
div#imagen_taller{
width: 285px;
height: 265px;
float: left;
margin-left: 20px;
margin-top: 20px;
}

div#consultas{
    height: 415px;
width: 260px;
background-color: rgba(182, 194, 192, 0.36);
margin-right: 46px;
margin-left: 42px;
margin-top: 32px;
float: left;
font-family: 'Roboto Condensed', sans-serif;}
div#consultas_titulo{
    background-color: #000;
margin-top: 20px;
font-size: 24px;}

div#consultas h4{
    color: #fff;
margin-left: 30px;
}
div#consultas p{
    margin:10px;
font-size: 19px;}
#consultas br{
    font-weight: bold;}
div#formulario{
    height: 415px;
width: 328px;
background-color: rgba(197, 169, 148, 0.52);
margin-right: 46px;
margin-left: 17px;
margin-top: 32px;
float: left;
font-family: 'Roboto Condensed', sans-serif;
background-image:url(imagenes/formulario.png)
}
div#formulario_titulo{
    background-color: #b6c2C0;
margin-top: 20px;
font-size: 24px;
}
div#formulario h4{
    margin-left: 20px;}
div#imagenes{
width: 353px;
height: 400px;
float: left;
background-image: url(imagenes/imagen_ins.png);
background-repeat: no-repeat;
    margin-top: 35px;
    margin-left: 20px;
    display: block;
    background-size: 100%
}
div#titulo_fotos h9{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20px;
    margin-left: 30px;
    color:#fff;
}
div#titulo_fotos{
    background-color: #C6a494;
margin-top: 20px;
}
.fotos{
    width: 150px;
    margin-left: 20px;
    margin-top: 10px;
float: left
}
a.vinculo_fotos{
    font-family: 'Roboto Condensed', sans-serif;
    list-style: none;
    text-decoration: none;
  color:#fff;
    font-size: 24px;
    
}
.fotos h5{
    background-color: #000;
text-align: center;
}
.fotos  a:hover {
    color:#C6a494;}
aside{
    
    height: 151px;
background-color: #b6C2C0;
padding-top: 1px;
    overflow: hidden;
}
.icono{
    width: 50px;
    height: 50px;
float: left}
.icono_boton{
    float: left;
background-color: #C6a494;
margin-top: 6px;

}
a.vinculo_icono{
    font-family:'Roboto Condensed', sans-serif;  
 color: #fff;
text-decoration: none;
margin-top: 10px;
    float: left
}
.boton{
    height: 50px;
 
background-color: #C6a494;
    margin-left: 20px;
    margin-top: 20px;
    float: left
}
.fila_uno{
    height: 70px;
    
    
}
.icono_boton a:hover, .boton_registrate a:hover{
color:  #583737}
div#menu_iconos , div#registro{
    height: 140px;
    width: 530px;
    float: left;}
.boton_registrate{
    width: 100px;
    height: 121px;
background-color:#C6a494;
    margin-top: 20px;
margin-left: 5px;
    float: left
}
a.vinculo_iconodos{
    font-family:'Roboto Condensed', sans-serif;  
 color: #fff;
text-decoration: none;
margin-top: 10px;
    float: left;
    margin-left: 10px;
}
div#imagen_registro{
  height: 121px;
width: 300px;
float: left;
background-image: url(imagenes/registrocampos.png);
margin-top: 20px;
background-repeat: no-repeat;

}