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


body{
    width: 100%;
    font-size: 16px;
}

#barra{
    width: 100%;
    background-color: #d5d5db; 
    margin-bottom: 5%;
}

.barraconteiner{
    max-width: 960px;
    height: 40px;
    margin: auto;
    
}

.logofadu {
    float: left;
    margin-left: 3px;   
}

.logofadu img{
    padding-top: 1%;
    min-width: 260px;   
}

.buscador{
    float:right;
    width: 22%;
    margin-top: 1.1%;
    height: 50%;
    background-color: rgba(255, 255, 255, 0.46);
    background-image: url(imagenes/lupita-01.svg);
     background-repeat: no-repeat;
    background-position: 98% 69%;
}

input {
border: none;
background-color: rgba(255, 255, 255, 0);
width: 100%;
height: 100%;
}

input:focus{
	outline:0px;
}

.mail a{
    float:right;
    min-width: 39px;
    height: 24px;
    margin-top: 0.9%;
    margin-left: 0.7%;
    background-image: url(imagenes/mail.svg);
    background-repeat: no-repeat;
}

.mail a:hover{
    background-image: url(imagenes/mail2.svg);
    
}


nav ul {
  text-align: left;
  display: inline;
  margin: 0;
  padding: 17px 6px 17px 0;
  list-style: none;
  float:right;
}

nav ul li {
  font: bold 12px/18px sans-serif;
  display: inline-block;
  margin-right: 7px;
  position: relative;
  padding: 24px 20px;
  background: rgba(255, 255, 255, 0);
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
    z-index: 999;
}
nav ul li:hover {
  background: rgba(255, 255, 255, 0);
  color: #b5b5b5;
}
nav ul li ul {
  padding: 0;

  position: absolute;
  top: 48px;
  left: 0;
  width: 150px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
   
}
ul li ul li { 
  background: #fff; 
  display: block; 
  color: #120000;   
}

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



ul li ul li:hover { background: #fff; }
ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}


.pagconteiner{
    max-width: 960px;
    margin: auto;
}

header{
    width: 100%;
    float: left;
    padding-bottom: 2%;
}

nav{
    float:left;
    margin-left: 3%;
    width: 65.7%
}

#logo{
    min-width: 150px;
    max-width: 290px;
    margin-left: 1%;
}
#logo a{
    display: block;
}
#logo img{
    background-image: url(imagenes/logo_misuraca.svg) 100%;
    float: left;
    width: 100%;
}



/* HOME */



main{
    clear:both;
    float: left;
    width: 100%;
    margin: auto;
}

.slider{
    float: left;
    width: 100%;
}

.bienvenidos{
    clear: both;
    float: left;
    width: 31.8%;
    font-size: 1.5em;
    padding-left: 0.5%;
    margin-right: 2%;
    color: #070707;
}



.texto{
    font-size: 0.9em;
    line-height: 1.5em;
    margin-top: 1.5em;
    color: #454444;
    font-weight: 400;
}

#que_es_la_morfologia{
    width: 65%;
    float: right;
    padding-top: 6%; 
    padding-bottom: 8%;
   
}

.destacado{
    font-size: 1em;
    font-weight: 700;
    line-height: 1.4em; 
    padding-bottom: 4%;
    color: #000;
}

#propuestaboton{
    float: left;
    width: 190px;  
    height: 33px;
    background-image: url(imagenes/propuestaboton2.svg);
    background-repeat: no-repeat;
    background-position: left;    
}

#propuestaboton:hover{
        background-image: url(imagenes/propuestaboton2gris-01.svg);
}

.morfologias{
    float: left;
    width: 100%;
    margin-bottom: 3%;
}


h3{
    font-size: 1.15em;
    margin-top: 22px;
    margin-bottom: 20px;
}



.general{
    float: left;
    width: 100%;
    border-top: solid 3px #ff982e;
    margin-right: 1.3%;
}
.general img{
    float: left;
    padding-top: 6.5%;
    max-width: 10%;
}

.general:hover{
    background-color: rgba(255, 152, 46, 0.23);
}

.arquitectonica{
    float: left;
    width: 100%;
    border-top: solid 3px #28f5d8;
    margin-right: 1.3%;
}

.arquitectonica:hover{
    background-color: rgba(40, 245, 216, 0.31);
}

.arquitectonica img{
    float: left;
    padding-top: 6.5%;
    max-width: 10%;
}

.urbana{
    float: left;
    width: 100%;
    margin-right: 1.3%;
    border-top: solid 3px #00e553;
}

.urbana:hover{
    background-color: rgba(0, 229, 83, 0.24);
}

.urbana img{
   float: left;
    padding-top: 6.5%;
    max-width: 10%;   
}

p{
    font-size: 0.8em;
    color:#45454e;
}

.docentes{
    clear:both;
    float: left;
    width: 100%;
    padding-bottom: 9%;
}

.fotoshome{
    width: 67.5%;
    float: left; 
   
}

.fotoshome ul{
    width: 100%;
    float: left;
}

.fotoshome ul li{
    float: left;
    width: 22.89%;
    padding-right: 2.1%;
    display: inline-block; 
}

.fotoshome img{
    width: 100%;
    padding-bottom: 5%;
	filter:alpha(opacity=70); 
	-moz-opacity:.70;	
}

.fotoshome ul li a:hover{
   opacity:.70;
 
}



.cargo{
    font-size: 0.8em;
    font-weight: 700;
    color: #120000;
}

.comisiones{
    float: left;
    width: 32.5%; 
    border-top: solid 1px #d5d5db;
}

.comisiones ul{
    list-style: none;
}

.comisiones ul li{
    
    text-decoration: none;  
    padding: 19.6px;
    padding-left: 0px;
    border-bottom: solid 1px #d5d5db;
}

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

.comisiones ul li:hover{
  background-color: rgba(213, 213, 219, 0.16);
}


.comisiones ul li a img{
    float: right;
    width: 11%;
    margin-top: -3px;
}

.modalidad{
    clear: both;
    float: left;
    width: 100%;
    padding-bottom: 8%;
}


.teoricas{
    float: left;
    width: 49.1%; 
    padding-right: 1.6%
}

.texto_teoricas{
    border-top: solid 3.2px #120000;
}

.teoricas img{
    float: left;
    width: 100%; 
    padding-bottom: 3.5%;
}

.texto_teoricas{
    float: left;
    width: 100%;
    border-top: solid 3.2px #120000;
    margin-right: 1.3%;
}

.texto_teoricas img{
    float: left;
    padding-top: 6.5%;
    max-width: 6.5%;
}

.boton{
    margin-top: 21px;
    width: 33px;
    height: 31px;
    background-image: url(imagenes/botonnegro-01.svg);
    background-position: 0 0 0 center;
    background-repeat: no-repeat;
}

.boton:hover{
    background-image: url(imagenes/botonhover.svg);
}

.boton-naranja{
    margin-top: 21px;
    width: 33px;
    height: 31px;
    background-image: url(imagenes/boton_naranj.svg);
    background-position: 0 0 0 center;
    background-repeat: no-repeat;
}


.boton-turquesa{
    margin-top: 21px;
    width: 33px;
    height: 31px;
    background-image: url(imagenes/boton_turquesa-01.svg);
    background-position: 0 0 0 center;
    background-repeat: no-repeat;
}

.boton-verde{
    margin-top: 21px;
    width: 33px;
    height: 31px;
    background-image: url(imagenes/boton_verde-01.svg);
    background-position: 0 0 0 center;
    background-repeat: no-repeat;
}

.taller{
  float: left;
  width: 49%; 
}

.taller img{
    float: left;
    width: 100%; 
    padding-bottom: 3.5%;
}



.propuesta{
    float: left;
    width: 100%;
    padding-top: 40px;
    margin-bottom: 80px;
    border-top: solid 3px #120000;
}





/* N2/MORFOLOGIA URBANA */




.m_urbana{
    float: left;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-bottom: 80px;
    border-top: solid 3px #00e553;
    background-image: url(imagenes/urban.jpg);
    background-repeat: no-repeat;
    background-position: 55% 0%;
}

h1{
    font-size: 1.5em; 
}

h2{clear: both;
    font-size: 0.9em;
    margin-top: 2%;
    margin-bottom: 2%;   
    color: #120000;
    line-height: 1.5em;
}

.destacado2{
    float:left;
    font-size: 1em;
    font-weight: 700;
    line-height: 1.4em;
    padding-top: 30px;
    padding-left: 33%;
    padding-bottom:2.5%;
    color: #000;
 }

#ver_cronograma{
    float: left;
    width: 190px;  
    height: 33px;
    background-image: url(imagenes/ver_cronograma-01.svg);
    background-repeat: no-repeat;
    background-position: left;  
    margin-left: 33%;
}
#ver_cronograma:hover{
    background-image: url(imagenes/ver_cronograma_gris-01.svg);
}

#solo{
    float: left;
    width: 96%;
    margin-right: 2%;  
    margin-left: 2%
}

.destacado{
    float:left;
    width: 100%;
    font-size: 1em;
    font-weight: 700;
    line-height: 1.4em; 
    color: #000;
}


.section{
    float: left;
    width: 66.3%;
    margin-bottom: 60px;
}

#asidepropu{
      float: left;
    width: 32.2%; 
    margin-right: 1.3%;
    
}
.cont{
    float: left;
    width: 90%;
    border-top: solid 1px #d5d5db;
}

.contenedorpropu{
    float: left;
    width: 100%;
    padding-bottom: 10%;
    border-top: solid 1px #d5d5db;
}
.col1{float: left;
    width: 49%;
    margin-right: 1.9%;
    text-align: justify; 
}

.col2{
    float: left;
    width: 49%;
     text-align: justify;
}

.bajada{
    clear: both;
    width: 100%;
    border-top: solid 1px #d5d5db;
}


#fotogrupal{
    clear: both;
    width: 100%;
    margin-bottom: 70px;
}

#fotogrupal img{
    width: 100%;
}




aside{
    float: left;
    width: 32.2%; 
    margin-right: 1.3%;
    border-right: solid 1px #d5d5db;
}

.item{
    float: left;
    font-size: 1em;
    font-weight: 700;
    width: 100%;
    padding-bottom: 3.8%;
    margin-bottom: 20px;
    color: #120000;
  
}

.item2{
    float: left;
    font-size: 1em;
    font-weight: 700;
    padding-bottom: 0.5%;
    padding-top: 0.5%;
    padding-left: 2%;
    padding-right: 2%;
    margin-bottom: 20px;
    color: #fff;
    background-color: #dbdbdb;
}

.item3{
    float: left;
    font-size: 1em;
    font-weight: 700;
    padding-bottom: 0.5%;
    padding-top: 0.5%;
    padding-left: 2%;
    padding-right: 2%;
    margin-bottom: 20px;
    color: #fff;
    background-color: rgb(255, 226, 0);
}

.adentro{
    clear: both;
    width: 90%;
    margin-bottom: 20%;
    color: #120000;
}

.adentro ul{
   list-style: none;
}

.adentro ul li{
    padding-top: 3.2%;
    padding-bottom: 3.2%;
    text-decoration: none;
    border-bottom: solid 1px #d5d5db;
    font-size: 0.9em;
}

.refes{
    clear: both;
    padding-top: 4%;
    padding-bottom: 15%;
   
}

.refes a{
    text-decoration: none;
  
}

.refes ul{
    list-style: none;
    
}
.refes ul li{
    padding-bottom: 1.5%;
     color: #120000; 
}

.refes ul li:hover{
    color: #00e553; 
}

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

.extension{
    clear: both;
    background-image: url(imagenes/urbanou.jpg);100%;
    height:200px;
    background-repeat: no-repeat;
    background-position: left;
}

.extensioncontenido{
    clear: both;
    width: 90%;
    padding-top: 4%;
    margin-bottom: 23%;
    color: #120000;
}

.extensioncontenido a{
 text-decoration: none;
}


.extensioncontenido ul{
   list-style: none;
}

.extensioncontenido ul li{
    padding-top: 2.4%;
    padding-bottom: 1%;
    font-size: 0.9em;
    color: #120000;
}

.extensioncontenido ul li:hover{
    color: rgb(255, 226, 0);;
}

.textoaside{
    font-size: 0.9em;
    line-height: 1.5em;
    margin-top: 0.5em;
    padding-bottom: 1.5em;
    color: #454444;
    font-weight: 400;
}






.titulo{
    float: left;
    font-size: 1em;
    font-weight: 700;
    margin-bottom: 20px;
    color: #120000;
}

#articulos_up{
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 5%;
    border-bottom: solid 1px #d5d5db;
} 

#articulos_down{
    float: left;
    width: 100%;
    margin-bottom: 5%;
    border-bottom: solid 1px #d5d5db;
} 

.article1{
    clear: both;
    float: left;
    width: 49%; 
    margin-right: 2%;
    padding-bottom: 4%;
    
}
.article1 img{
    width: 100%;  
    padding-bottom: 4%;
}

.ver_galeria{
   margin-top: 28px;
   width: 110px;
   height: 31px;
   background-image: url(imagenes/ver_galeria.svg);
   background-repeat: no-repeat;
    background-position: 0;
}

.ver_galeria:hover{
 
   background-image: url(imagenes/ver_galeria_hover-01.svg);

}


.article2{
    float: left;
    width: 49%; 
    padding-bottom: 4%;   
}
.article2 img{
    width: 100%;  
   padding-bottom: 4%;
}






.imagen1{
    float: left;
    width: 32.3%; 
    padding-bottom: 4%;
    margin-right: 1.5%
}

.imagen2{
    float: left;
    width: 32.3%;
    padding-bottom: 4%;   
}

.imagen3{
    float: left;
    margin-left: 1.5%;
    width: 32.3%; 
    padding-bottom: 3.5%;
}

.imagen1 img{
    width: 100%;  
    padding-bottom: 4%;
}
.imagen2 img{
    width: 100%;  
    padding-bottom: 4%;
}

.imagen3 img{
    width: 100%;  
    padding-bottom: 4%;
}
.texo_tp1{
    border-top: solid 3px #00e553;
}
.texo_tp2{
    border-top: solid 3px #00e553;
}

.texo_tp3{
    border-top: solid 3px #00e553;    
}

.texo_tp4{
    border-top: solid 3px #00e553;
}

.negrita{
    font-weight: 700;
    color: #120000;
    font-size: 0.9em;
    line-height: 1.4em;
    
}
.textonegro{
    color: #45454e;
    font-size: 0.8em;
    line-height: 1.7em;
    margin-top: 1.5em;
    font-weight: 400;
}


.final{
    float: left;
    width: 100%;
     padding-bottom: 9%;
}

.tpfinal{
   float: left;
  
}

.tpfinal img{
    width: 100%;    
    margin-bottom: 1.7%;
    
}

.texo_tpfinal{
    width: 100%;
    border-top: solid 3px #00e553;    
}

.texo_tpfinal img{
    width: 17.5%;
    padding-top: 5%;   
}






/* GALERIA-MORFOLOGIA URBANA */





.galeria_m_urb{
    float: left;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-bottom: 80px;
    border-top: solid 3px #00e553;
    
    background-repeat: no-repeat;
    background-position: 55% 0%;
}

.destacado3{
    float:left;
    font-size: 1em;
    font-weight: 700;
    line-height: 1.4em;
    padding-top: 60px;
    padding-left: 33%;
    color: #000;
 }

.tepes{
    clear:both;
    float: right;
    width: 100%;
    padding-bottom: 9%;
}

#anios{
    color:#fff;
    float: left;
    
}

.anioss{
    padding-bottom: 1%;
    font-size: 1.5em; 
    font-weight: 700;
    color: #fff;    
}

#anios ul{
  list-style: none;   
}
#anios ul li{
  padding-bottom: 6%;   
}

#anios ul li a{
  text-decoration: none;  
}

.anioss:hover{
 color:#00e553;
}

.tps_galeria{
    float: right;
    width: 67.6%; 
}

.tps_galeria ul{
    float: left;
    width: 100%;
    
}

.tps_galeria ul li{
    float: left;
    width: 22.89%;
    padding-left: 2.1%;
    display: inline-block; 
}

.tps_galeria img{
    width: 100%;
    padding-bottom: 5%;	filter:alpha(opacity=70);
	-moz-opacity:.0;
	opacity:.70;
}

.tps_galeria ul li a{	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
}



.tps_galeria ul li a:hover{
	opacity: 100;
}

#espacial{
    float: left;
    width: 22.89%;
      padding-left: 2.1%;
}







.galeria_urb_up{
    float: left;
    margin-bottom: 5%;
    padding-top:2%;
    width: 100%;
    border-bottom: solid 1px #d5d5db;
} 

#galeria_urb_down{
    float: left;
    margin-bottom: 9%;
    padding-top:2%;
    width: 100%;
} 











.gale_urb_1{
    width: 100%;
    margin-bottom: 1.1%;
}
.gale_urb_1 img{
    width: 100%;
}






.gal_conteiner{
    width: 100%;
    float: right;
    padding-bottom: 4%;
}

.texto_1_gal{
    float: left;
    width: 32.3%;
    margin-right: 1.4%;
    border-top: solid 3px #00e553;   
}

.textogal{
    color: #120000;
    font-size: 0.8em;
    line-height: 1.6em;
    margin-top: 1.5em;
    font-weight: 400;
    padding-bottom: 35%
}

.pdf{
float: left;
width: 100%;
height: 20px;
background-image: url(imagenes/pdf-01.svg);
background-repeat: no-repeat;
background-position: left 15px;
border-top: solid 1px #d5d5db;
margin-top: 1%;
padding-top: 10%;
}

.pdf:hover{
    background-image: url(imagenes/pdf_hover-01.svg)
}


.article1_gal{
    float: left;
    width: 32.34%; 
    margin-right: 1.4%; 
}
.article1_gal img{
    width: 100%;  
    padding-bottom: 4%;
}

.article2_gal{
    float: left;
    width: 32.34%;   
}
.article2_gal img{
    width: 100%;  
    padding-bottom: 3.6%;
}

.otra_img{
    width: 100%;  
    padding-bottom: 4%;
    padding-top: 0.2%
}


.article3_gal{
    float: left;
    width: 66%; 
     margin-right: 1.4%; 
}
.article3_gal img{
    width: 100%;  
    padding-bottom:1.5%;
}

.article4_gal{
    float: left;
    width: 32.34%; 
    margin-right: 1.3%;
}
.article4_gal img{
    width: 100%;  
    padding-bottom: 3.6%;
}

.article5_gal{
    float: left;
    width: 66%;
}
.article5_gal img{
    width: 100%;  
    padding-bottom: 3.6%;
}




.botonesniveles{
    clear: both;
    float: right;
    width: 100%;
    margin-bottom: 100px;
}

.niveles{
    float: right;
    width: 100%;
}

.niveles ul{
    list-style: none;
}

.niveles ul li{
    padding: 19.6px;
    padding-left: 39px;
    padding-right: 43px;
    border-bottom: solid 1px #d5d5db;
    border-top: solid 1px #d5d5db;
    display: inline;
}

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

.niveles ul li:hover{
    background-color: rgba(213, 213, 219, 0.16);
}


.niveles ul li a img{
    margin-left: 2%;
    width: 3%;
    margin-bottom: -0.8%;
}
  







/* EXTENSION */



.proyectos_anteriores{
    clear: both;
    padding-top: 10%;
    border-top: solid 1px #d5d5db;
}

.bloque_de_texto{
    float: left;
     margin-left: 13.4%;
    width: 66%;
    padding-bottom: 8%
}

.otrotexto{
    color: #45454e;
    font-size: 0.8em;
    line-height: 1.7em;
    font-weight: 400; 
}

.fotos_anteriores{
    clear: both;
    padding-bottom: 9%;
    border-bottom: solid 1px #d5d5db;
}

.fotos_anteriores ul{
    text-decoration: none;
}

.fotos_anteriores ul li{
    display: inline-block;
    width: 23.7%;
    margin-right: 1%;
}

.fotos_anteriores  a{
    text-decoration: none;
}

.fotos_anteriores img{
    width: 100%;
    padding-bottom: 5%;
	filter:alpha(opacity=70); 
	-moz-opacity:.70;	
}

.fotos_anteriores ul li a:hover{
   opacity:.70;
 
}










.proximos_proyectos{
    clear: both;
    float: left;
    width: 100%;
    padding-top: 9%;
    padding-bottom: 12%;  
}

.fecha1{
    clear: both;
    float: left;
    width: 23.76%;
    height: 90px;
    padding: 2.5% 1.3% 0 0 
}

.fecha2{
    float: left;
    width: 23.68%;
    height: 90px;
    padding: 2.5% 1.3% 0 0
}

.numero{
    float: left;
    width: 22%;
    height: 55%;
    border: solid 1px #d5d5db; 
    text-align: center;
}

.numero:hover{
    background-color: rgba(238, 238, 238, 0.53);
}


.textito{
    clear: both;
    font-size: 0.7em;
    font-weight: 400;
    color: #120000;
}

h4{
    font-size: 1.15em;
    padding-top: 12%;
    color: #120000;
}

.bajadita{
    float: left;
    font-size: 0.8em;
    font-weight: 400;
    padding-left: 5%;
}











.color{
    background-color: #606060;
}




/* INVESTIGACION */


main{
    clear:both;
    float: left;
    width: 100%;
    margin: auto;
}


.propuestainves{
    float: left;
    width: 100%;
    padding-top: 40px;
    border-top: solid 3px #120000;
}


.up{
    float:left;
    width: 100%;
    margin-bottom: 5%;
  
}

.noticia{
    float: left;
    width: 32.2%;
    min-height: 250px;
    margin-right: 1.5%;
    background-color: rgba(208, 238, 252, 0.34);
    
}

.newsin{
   
    margin: 9% 8% 8% 7%; 
}

.noticia3{
    float: left;
    width: 32.2%;
    min-height: 250px;
    background-color: rgba(208, 238, 252, 0.34);
}

.nota{
    font-size: 1em;
    font-weight: 700;
    color: #020202;
}



.down{
    clear: both;
    float:left;
    width: 100%;
}

#relleno{
    float: left;
    width: 20px;
    height: 70px;}

.otro{clear: both;
    font-size: 0.9em;
    margin-top: 2%;
    margin-bottom: 2%; 
    margin-left: 2%;
    color: #120000;
    line-height: 1.5em;
}




















/* FOOTER */


  


footer{
    margin: auto;
    clear: both;
    border-top: solid 1px #d5d5db;
    padding-top: 30px;
}

.footerconteiner{
    max-width: 960px;
    margin: auto;
}

.footerconteiner a{
   text-decoration: none;
}


.h3gris{
    color:#b5b5b5;
    font-size: 0.7em;
    font-weight: 400;
}

.enelmarco{
    color:#b5b5b5;
    font-size: 0.77em;
    font-weight: 500;
    margin-left: 5%;
}

#legales{
    float:left;
    width: 29%;
    padding-bottom: 3%;
    border-bottom: solid 1px #d5d5db;   
    margin-left: 5%;
    margin-right: 6%
}

.textofooter{
    font-size: 0.7em;
    line-height: 1.5em;
    margin-top: 1.5em;
    color: #b5b5b5;
    font-weight: 400;
}

#logosfooter{
    float: left;
    width: 25%;   
    padding-bottom: 5%;
}

.uba{
    width: 98%;
    margin-bottom:18px;
}
.uba img{
    width: 95%;}

.fadu{
    width: 70%;
    margin-left: 2%;
}

.fadu img{
    width: 65%;
}




#contacto{
    float: left;
    width: 30%; 
    margin-left: 2.1%;
}

#contacto ul{
    list-style: none;
    padding-top: 40px;
}

#contacto ul li{
    float: left;
    width: 10%;
    padding-right: 5%;
    display: inline-block; 
}

#contacto ul li a{
    width: 100%;
    
}

#contacto img{
    width: 90%; 
}







.naranja{color:#ff982e;
}

.turquesa{color:#28f5d8;
}

.verde{color:#00e553;
}

.uno:hover{color:#ff982e;
}

.dos:hover{color:#28f5d8;
}

.tres:hover{color:#00e553;
}

.gris{color:#b5b5b5;
}

.blanco{color:#fff;
}
.violetita{color:#7256f0;
}

.color_extension{background-color:rgba(255, 254, 205, 0.51);
}