*{
    margin: 0;
    padding: 0;
    font-family:'lato', sans-serif;
}

body {
    background-color: #ffffff;
    margin: 0 auto;
    font-size: 16px;
}


#color{
    background-color:  #606060;
}

#redes{
    position:absolute;
    margin-top: 162px;  
    border: 7px;
    box-shadow: 0 0 2px rgba(96, 96, 96, 0.6);
}

#redes ul{
    list-style: none;
    text-align: center;
    }

#redes ul li{
    width: 47px;
    padding-bottom: 15px; 
    padding-top: 15px;
}

#redes img{
    height: 24px;
    width: 24px;  
}

header{ 
    background-color: rgba(181, 181, 181, 0);
    width: auto;
    height: 100px;
    margin-top: 0px;
    border-top: 4PX solid #000;
}
.navconteiner{
    max-width: 960px;
    margin: auto;
    height: 100px;
    margin-bottom: 50px;
}

.navconteiner #login{
    position: absolute;
    height: 23px;
    width: 68px;
    margin-left: 891px
}

.navconteiner #login img{
    position: absolute;
    float: right;
    height: 23px;
    width: 68px;
}

#logo{
    float:left;
    margin-left:5px; 
    margin-top: 45px;
}

#logo img{
    width: 320px;
}

nav{
    float:right;
    width: 590px;
    margin-top: 70px;
    margin-bottom: 70px;   
}

nav ul{
    list-style: none;
    text-align: center;
}

nav ul li{ 
    font-size: 0.95em;
    display: inline-block;
    text-align: center;
    font-weight: 700;   
}

nav ul li a{
    color: #2AE562; 
    margin: 18px;
    padding: 0px;
    text-decoration: none;
}

nav ul li a:hover{
    color: #b5b5b5;
}

main{
    max-width: 960px;
    margin: auto;
    clear:both;
    background-color: #ffffff;
    margin-bottom: 60px;

}

#slider{
    position: relative;
    background-image: url(../imagenes/slider.gif);
    max-width: 960px;
    height: 313px;
    clear: both;
    margin-bottom: 40px;  
    z-index: 7;
}

#slider a{
    position: absolute;
    margin-top: -60px;
    text-decoration: none;
    font-size: 0.77em;
    font-weight: 700;
    padding-left: 18px;
    color: #2AE562;
    padding: 12px 18px; 
    z-index: 9;
}

#slider a:hover{
    color: #b5b5b5;;   
}

#slider .botongris{
    margin-top: -69px; 
    position: absolute;
}

#slider .botongris img{
    height: 60px; 
    width: 200px;   
}

#medio{
    max-width: 960px;
    height: 270px;
    margin-bottom: 40px;       
}

h1 {
    position: absolute;
    color: #2AE562;
    font-size: 1.75em;
    font-weight: 800;
    margin-top: 140px;
    margin-left: 12px;
    z-index: 3;  
}

#fotos{
    position: absolute;
    max-width: 49%;
    float: left;   
    z-index: 2;
}

#fotos ul li{
 display: inline-block;
     
}

#fotos img{
    max-height: 144px;
    padding-top: 38px;
    margin: 2px;
    margin-top: 0px;
	filter:alpha(opacity=70); 
	-moz-opacity:.70;
    z-index: 2;
}

#fotos img:hover{
   opacity:.70;   
}

#propuesta h2{
    position: relative;
    margin-top: 42px;
    color: #000;
    float: right;
    max-width: 44%;
    text-align: left;
    font-size: 1em;
    font-weight: black;  
    margin-bottom: 55px;
    z-index: 4;   
}

#fondo{
    position: absolute;
    z-index: 1;
    width: 722px;
    height: 265px;
}

#fondo img{
   width: 722px;
   height: 265px;
    
}

#propuesta p a{
    position: absolute;
    color: #b5b5b5;
    width: auto;
    font-size: 0.77em; 
    margin-top: 190px;
    margin-left: 539px;
    z-index: 5;
    text-decoration: none;   
}

#propuesta img{
    position: absolute;
    height: 23px; 
    margin-top: 188px;
    margin-left: 662px;
    z-index: 5;
}	

#propuesta p:hover{
    color: #2AE562;
}

#cajas {
    max-width: 960px;
    height: 632px;
}

#caja1{
    background-color: #606060;
    float: left;
    width: 230px;
    height: 310px;
}

#caja1:hover{
    background-color: #2AE562;
}

#caja1 p.volanta{
    color: #ffffff; 
    font-size: 0.75em; 
    margin-top: 20px;
    margin-left: 15px;
}

#caja1 h2{
    position: absolute;
    color: #ffffff;
    width: auto;
    font-size: 1.2em; 
    margin-top: 10px;
    margin-left: 15px;  
}

#caja1 p.bajada{
    color: #ffffff;
    font-size: 0.75em;
    margin-top: 60px;
    margin-left: 15px;  
}

#caja1 p.vermas{
    margin-left: 15px;
    margin-top: 140px;
}

#caja1 p.vermas a{
    color: #ffffff;
    font-size: 0.77em; 
    text-decoration: none;   
}

#caja1 img{
    position: absolute;
    height: 23px; 
    margin-left: 68px;
    margin-top: -18px;
}

#caja2{
    float: left;
    margin-left:8px;
    width: 484px;
    height: 310px;    
}

#caja2 img{
    float: left;
    width: 484px;
    height: 310px;    
}

#caja3{
    margin-top: 0px;
    background-color: #2AE562;
    float:right;
    width: 230px;
    height: 310px;
}

#adentro img{
    width: 230px;
     
}

#caja4{
    clear: both;
    background-color: #DBDBDB;
    float: left;
    margin-top: 8px;
    width: 230px;
    height: 310px;
}

#caja5{
    background-color: #2AE562;
    float: left;
    margin-top: 8px;
    margin-left: 8px;
    width: 230px;
    height: 310px;
}

#caja6{
    background-color: #9F9F9F;
    float: left;
    margin-top: 8px;
    margin-left: 8px;
    width: 484px;
    height: 310px;
}

#caja6:hover{
    background-color: #2AE562;
}

#caja6 h2{
    position: absolute;
    color: #ffffff;
    width: auto;
    font-size: 1.2em; 
    margin-top: 10px;
    margin-left: 15px;  
}

#caja6 p.volanta{
    color: #ffffff; 
    font-size: 0.75em; 
    margin-top: 20px;
    margin-left: 15px;
}

#caja6 p.bajada{
    color: #ffffff;
    font-size: 0.75em;
    margin-top: 60px;
    margin-left: 15px;  
}

#caja6 p.vermas{
    margin-left: 15px;
    margin-top: 123px;
}

#caja6 p.vermas a{
    color: #ffffff;
    font-size: 0.77em; 
    text-decoration: none;   
}

#caja6 img{
    position: absolute;
    height: 23px; 
    margin-left: 68px;
    margin-top: -18px;
}

#map{
    margin: auto;
    max-width: 960px;
    text-align: center;
    margin-bottom: 20px;
}

#map img{
    width: 630px;
    text-align: center;
}

footer{ 
    clear:both;
    background-color: #e4e6e6;
    width: 100%;
    height: 80px;
    margin-bottom: 0px; 
}

footer p{
    color: rgba(96, 96, 96, 0.6);
    padding: 23px;
    max-width: 850px;
    text-align: center; 
    font-size: 0.7em;
    margin: auto;  
}




#m_arquitectonica{
    background-image: url(../imagenes/fondo_nivel1-01.jpg);
    background-repeat: no-repeat;
    background-position: -515px 0px;
    height: 618px;
    margin-top: 59px;
    margin-bottom: 40px;
}

#m_arquitectonica h1{
    position: absolute;
    color: #2ae562;
    width: auto;
    font-size: 2em; 
    line-height: 30px;
    margin-top: 52px;
    margin-left: 15px;  
}

#m_arquitectonica p.volanta{
    position: absolute;
    color: #2ae562; 
    font-size: 1em; 
    margin-top: 30px;
    margin-left: 15px;
}

#m_arquitectonica p.bajada{
    position: absolute;
    color: #2ae562;
    font-size: 1.05em;
    margin-top: 128px;
    margin-left: 15px;  
}

#m_arquitectonica .aclaracion{
    position: absolute;
    color: #ffffff;
    background-color: #2ae562; 
    font-size: 0.75em;
    margin-top: 220px;
    margin-left: 15px; 
    padding-left: 2px;
    padding-right: 2px;
}

#m_arquitectonica #texto_m_arqui h2{
    position: relative;
    margin-top: 218px;
    margin-right: 5px;
    color: #000;
    float: right;
    max-width: 59%;
    text-align: left;
    font-size: 1em;
    font-weight: 700;  
    margin-bottom: 55px;
    padding-bottom: 20px;
    border-bottom: solid 7px #cccaca;
    z-index: 4;   
}

#m_arquitectonica h3{
    position: absolute;
    color: #2AE562;
    font-size: 1.75em;
    font-weight: 800;
    margin-top: 405px;
    margin-left: 12px;
    z-index: 3;  
}

#m_arquitectonica #fotos2{
    position: absolute;
    width: 960px;
    max-height: 147px;
    float: left;   
    z-index: 2;
    margin-top: 399px;
}

#fotos2 ul li{
 display: inline-block;
    
    

}

#fotos2 img{
    max-height: 147px;
    margin: 3px;
	filter:alpha(opacity=70); 
	-moz-opacity:.70;
    z-index: 2;
}

#fotos2 img:hover{
   opacity:.70;   
}

#fotos2 ul li a .comision1{
    width: 149px;
    height: 147px;
    margin: 3px;
    border: solid 1.8px #b5b5b5;
    background-color: #ffffff;
   }

#fotos2 ul li a .comision1:hover{
    background-color: rgba(181, 181, 181, 0.13);
}

#fotos2 ul li a .comision1 p{
    position: absolute;
    margin-top: 11px;
    color: #606060;
    margin-left: 10px;
    font-size: 0.77em;
}

#fotos2 ul li a .comision1 .nombres {
    position: absolute;
    margin-top: 94px;
    color: #606060;
    margin-left: 10px;
    font-size: 0.77em;
}

#fotos2 ul li a .comision2{
    width: 149px;
    height: 147px;
    margin: 3px;
    border: solid 1.7px #b5b5b5;
    background-color: #ffffff;   
}

#fotos2 ul li a .comision2:hover{
    background-color: rgba(181, 181, 181, 0.13);
}

#fotos2 ul li a .comision2 p{
    position: absolute;
    margin-top: 11px;
    color: #606060;
    margin-left: 10px;
    font-size: 0.77em;
}

#fotos2 ul li a .comision2 .nombres {
    position: absolute;
    margin-top: 95px;
    color: #606060;
    margin-left: 10px;
    font-size: 0.77em;
}

#fotos2 ul li a .comision3{
    width: 149px;
    height: 147px;
    margin: 3px;
    border: solid 1.7px #b5b5b5;
    background-color: #ffffff; 
}

#fotos2 ul li a .comision3:hover{
    background-color: rgba(181, 181, 181, 0.13);
}

#fotos2 ul li a .comision3 p{
    position: absolute;
    margin-top: 11px;
    color: #606060;
    margin-left: 10px;
    font-size: 0.77em;
}

#fotos2 ul li a .comision3 .nombres {
    position: absolute;
    margin-top: 95px;
    color: #606060;
    margin-left: 10px;
    font-size: 0.77em;
}

#cajas_m_arqui{
    max-width: 960px;
    height: 950px;
}

#cajas_m_arqui #caja1{
    background-color: #606060;
    float: left;
    width: 476px;
    height: 310px;  
}

#cajas_m_arqui #caja1 a img{
    position: absolute;
    height: 23px; 
    margin-left: 14px;
    margin-top: -8px; 
}

#cajas_m_arqui #caja1 h2{
    margin-top: 30px;
}

#cajas_m_arqui #caja1 .bajada{
    margin-top: 70px;
}

#cajas_m_arqui #caja1 .bajada2{
    margin-top: 70px;
    margin-left: 15px;
    font-size: 0.77em;
    color: #ffffff;
    max-width: 400px;
    margin-bottom: 40px;
}

#cajas_m_arqui #caja2{
    float: right;
    width: 476px;
    height: 151px;  
}

#cajas_m_arqui #caja2 img{
    width: 476px;
    height: 151px;   
}

#cajas_m_arqui #caja3{
    float: right;
    margin-top: 8px;
    background-color: #606060;
    width: 476px;
    height: 151px;
}

#cajas_m_arqui #caja3 .bajada{
    margin-top: 30px;
    font-size: 0.77em;
    font-weight: 300;
    font-style: italic;
    margin-left: 25px;
    margin-right: 40px;
    color: #ffffff;
}

#cajas_m_arqui #caja4{
    clear: both;
    background-color: #b5b5b5;
    float: left;
    margin-top: 8px;
    width: 476px;
    height: 310px;
}

#cajas_m_arqui #caja4 a img{
    position: absolute;
    height: 23px; 
    margin-left: 14px;
    margin-top: -16px;
   
}

#cajas_m_arqui #caja4 h2{
    margin-top: 30px;
    margin-left: 15px;
    color: #ffffff;
    font-size: 1.2em;
}

#cajas_m_arqui #caja4 .bajada{
    margin-top: 20px;
    font-size: 0.77em;
    margin-left: 15px;
    color: #ffffff;
}

#cajas_m_arqui #caja4 .bajada2{
    margin-top: 60px;
    margin-left: 15px;
    font-size: 0.77em;
    color: #ffffff;
    max-width: 400px;
    margin-bottom: 40px;
}

#cajas_m_arqui #caja5{
    clear: both
    margin-top: 8px;
    background-color: #606060;
    width: 234px;
    height: 310px;
}

#cajas_m_arqui #caja5 img{
    clear: both
    margin-top: 8px;
    background-color: #606060;
    width: 234px;
    height: 310px;
}

#cajas_m_arqui #caja6{
    float: right;
    margin-top: 8px;
    background-color: #b5b5b5;
    width: 234px;
    height: 310px;
}

#cajas_m_arqui #caja6 .bajada{
    margin-top: 176.8px;
    font-size: 0.77em;
    font-weight: 300;
    font-style: italic;
    margin-left: 15px;
    margin-right: 25px;
    color: #ffffff;
}

#cajas_m_arqui #caja7{
    clear: both;
    background-color: #e6e6e6;
    float: left;
    margin-top: 8px;
    width: 476px;
    height: 310px;
}

#cajas_m_arqui #caja7 img{
    width: 476px;
    height: 310px;
    z-index: 1;
}

#cajas_m_arqui #caja7 p{
    position: absolute;
    font-size: 0.77em;
    font-weight: 300;
    font-style: italic;
    margin-top: -275px;
    margin-left: 15px;
    z-index: 2; 
    
}

#cajas_m_arqui #caja8{
    float: right;
    margin-top: 8px;
    background-color: #e6e6e6;
    width: 476px;
    height: 310px;
}

#cajas_m_arqui #caja8 h2{
    margin-top: 30px;
    margin-left: 15px;
    color: #606060;
    font-size: 1.2em;
}

#cajas_m_arqui #caja8 .bajada{
    margin-top: 20px;
    font-size: 0.77em;
    margin-left: 15px;
    color: #606060;
}

#cajas_m_arqui #caja8 .bajada2{
    margin-top: 60px;
    margin-left: 15px;
    font-size: 0.77em;
    color: #606060;
    max-width: 400px;
    margin-bottom: 40px;   
}

#cajas_m_arqui #caja8 a img{
    position: absolute;
    height: 23px; 
    margin-left: 14px;
    margin-top: -18px;
   
}

#botongris{
    position: absolute;
    margin-top: 275px;
    margin-left: 14px;
    height: 25px;
    width: 198px;
}

#botongris a:hover{
    color: #b5b5b5;
}


#botongris a{
    color: #2AE562;
    text-decoration: none;
    font-size: 0.77em;
    font-weight: 700; 
    padding: 15px;
    border: 7px;
    box-shadow: 0 0 2px rgba(96, 96, 96, 0.6);
    z-index: 2;
}


.seccion{
    color: #b5b5b5;
}

.seccioncontact{
    color: #b5b5b5;
}

.detalle{
    position: absolute;
    margin-top: 265px;
    margin-left: 15px;
    font-size: 0.77em;
    font-weight: 700;
    line-height: 18px;
    color: #606060;
     padding-bottom: 25px;
    border-bottom: solid 6px #cccaca;
}

.textito{
    position: absolute;
    color: #b5b5b5;
    margin-top: 380px;
    margin-left: 15px;
    font-size: 0.77em;
    font-weight: 400;
    line-height: 19px;
    
}

#logofadu{
    position: absolute;
    margin-top: 500px;
    margin-left: 15px;
}

#logofadu img{
    width: 165px;
    
}

/*.campos{
    float: right;
    margin-right: 280px;
    margin-right: 490pz;

    margin-top: 80px; 
    
}

.campos ul{
    list-style: none;
    
}

.campos ul li{ 
     width: 90px;
    font-size: 0.8em;
    color: #2AE562;
    font-weight: 700; 
    text-align: left;
    margin: 65px;
}

.campos ul li a{
    text-decoration: none;
}

.campos2{
    position: absolute;
    width: 400px;
    float: right;
}*/


#campos{
    position: relative;
    float: right;
    margin-top: 66px;
    margin-right: 0px;
    padding-bottom: 85px;
}

#campos img{
    max-width: 435px;
    
}

.enviar{
    clear: both;
    position: absolute;
    margin-top: 24px;
    font-size: 0.7em;
    font-weight: 700;
    background-color: #2AE562;
    padding: 10px 32px; 
    margin-left: 295px
    
}

.enviar a{
    text-decoration: none;
     color: #ffffff; 
}






.navconteiner_galeria{ 
    max-width: 960px;
    margin: auto;
    height: 100px;
    margin-bottom: 50px;
}

.navconteiner_galeria #login{
    position: absolute;
    height: 23px;
    width: 68px;
    margin-left: 891px
}

.navconteiner_galeria #login img{
    position: absolute;
    float: right;
    height: 23px;
    width: 68px;
}

#galeria{
    background-color: #606060;
    height: 618px;
    margin-top: 59px;
    margin-bottom: 40px;
}

.volantagale{
    position: absolute;
    color: #2ae562; 
    font-size: 1em; 
    margin-top: 30px;
    margin-left: 15px;
}

.h1gale{
    position: absolute;
    color: #2ae562;
    width: auto;
    font-size: 2em; 
    line-height: 30px;
    margin-top: 52px;
    margin-left: 15px; 
}

#anios{
    position: relative;
    margin-left: 917px;
}

#texto_m_arqui2{
    position: relative;
    margin-top: 68px;
    margin-right: 5px;
    color: #ffffff;
    float: right;
    max-width: 560px;
    text-align: left;
    font-size: 0.69em;
    font-weight: 700;  
    margin-bottom: 10px;
    padding-bottom: 20px;
    border-bottom: solid 7px #2AE562;
    z-index: 4;   
}

    
#cajas_galeria{ 
  
    background-color:  #606060;
    margin-top: -280px;
    max-width: 100%;
    height: 1300px;

}

#cajas_galeria img{ 
  
    background-color:  #606060;
    margin-top: 0px;
    
}

/*#cajas_galeria #caja1gale{
    background-color: #606060;
    float: left;
    width: 230px;
    height: 310px; 
    margin-right: 8px;
}

#cajas_galeria #caja1gale:hover{
    background-color: rgba(181, 181, 181, 0.34);
}

.tex1{
    color: #ffffff;
    margin: 15px;
}

.tex2{
    color: #ffffff;
    margin: 15px;
}

.tex3{
    color: #ffffff;
    margin: 15px;
}

#cajas_galeria #caja2gale{
    background-color: #606060;
    float: left;
    width: 476px;
    height: 310px;  
}

#cajas_galeria #caja2gale img{
    background-color: #606060;
    float: left;
    width: 476px;
    height: 310px;  
}*/






























    

    

    
