/*17-jun*/

.imagediv>a{height: 100%; width: 100%}


.photos{
    margin-left: 20%;
    margin-right: 20%;
    background-color: grey;
}

body{font-size: 16px; color: black; font-family: 'Roboto Mono', monospace;margin: 0px; background-color: white;


}

main{ 
    padding-top: 60px;
    padding-bottom: 60px;
    width: 80%;
    margin: auto;
   
   }


/*index*/
#bw1{background-image:url('../img/Portada/02.jpg'); width: 100%; height: 100%}
#bw2{background-image:url('../img/Portada/01.jpg'); width: 100%; height: 100%}
#bw3{background-image:url('../img/Portada/03.jpg'); width: 100%; height: 100%}
#bw4{background-image:url('../img/Portada/04.jpg'); width: 100%; height: 100%}
#bw5{background-image:url('../img/Portada/05.jpg'); width: 100%; height: 100%}
#bw6{background-image:url('../img/Portada/06.jpg'); width: 100%; height: 100%}
.sliderbackground{background-size: cover;
    background-repeat: no-repeat;background-position: center;}
.greybody{background-color: #d9d9d9;}
.front_page_title{color: white;font-size: 58px; position: absolute; top: 100px; left: 150px;
}
.front_page_subtitle{color: white;font-size: 12px; position: absolute; top: 170px; left: 160px;
}


/*proyectos-new*/

.marked{font-weight: bold; color: black;}
.project-menu{ margin-top: 20px;
    margin-bottom: 25px;
  margin-left: 10px;
 /* text-align: center;*/
   }
 .projects-main{/*text-align: center;*/}
.project-menu>ul>li{display: inline-block; margin-right: 45px;  font-size: 17px; cursor: pointer; padding-bottom: 20px;}
.project-menu>ul>li:nth-child(1){margin-left: 0px;}

/*.projects-main{height: 1000px;}*/
.project-menu>ul>li:hover{font-weight: bold;}

.imagediv{width: 262.5px; height: 262.5px; background-color: white;background-repeat: no-repeat;background-size: cover;background-position: center;cursor: pointer;}
.imagediv>img{max-width: 100%;
    height: 262.5px;}

.imagediv:hover{opacity: 0.5; transition: all 0.3s;}



.Alonso{background-image: url('../img/miniaturas/alonso-miniatura.jpg'); }
.A-M{background-image: url('../img/miniaturas/am-miniatura.jpg');     }
.Mur{background-image: url('../img/miniaturas/mur-miniatura.jpg'); }
.Santvi{background-image: url('../img/miniaturas/sv-miniatura.jpg');     }
.SantCu-1{background-image: url('../img/miniaturas/sc-miniatura.jpg');}
.Esplugues{background-image: url('../img/miniaturas/esplugues-miniatura.jpg');}
.Platjadaro{background-image: url('../img/miniaturas/pa-miniatura.jpg');}
.Maresme{background-image: url('../img/miniaturas/maresme-miniatura.jpg');}
.Ibiza{background-image: url('../img/miniaturas/ibiza-miniatura.jpg');}
.Castellón{background-image: url('../img/miniaturas/castellon-miniatura.jpg');}
.SantCu-2{background-image: url('../img/miniaturas/sc2-miniatura.jpg');}
.Arenys{background-image: url('../img/miniaturas/arenys-miniatura.jpg');}
.Valldoreix{background-image: url('../img/miniaturas/valldoreix-miniatura.jpg');}
.Cubo{background-image: url('../img/miniaturas/cubo-miniatura.jpg');}
.MiraSol{background-image: url('../img/miniaturas/Rambla-miniatura.jpg');}
.VPP{background-image: url('../img/miniaturas/vpp-miniatura.jpg');}
.Tarragona{background-image: url('../img/miniaturas/tarr-miniatura.jpg');}
.Barceloneta{background-image: url('../img/miniaturas/bar-miniatura.jpg');}
.Corbera-1{background-image: url('../img/miniaturas/cor1-miniatura.jpg');}
.Castellterçol{background-image: url('../img/miniaturas/castell-miniatura.jpg');}
.Corbera-2{background-image: url('../img/miniaturas/cor-miniatura.jpg');}
.Hospitalet{background-image: url('../img/miniaturas/hosp-miniatura.jpg');}
.Teià{background-image: url('../img/miniaturas/teia-miniatura.jpg');}
.Mútua_abogados_cat{background-image: url('../img/miniaturas/mutua-miniatura.jpg');}
.Loft_gracia{background-image: url('../img/miniaturas/loftgracia-miniatura.jpg');}
.Iuris{background-image: url('../img/miniaturas/iuris-miniatura.jpg');}
.Loft_Barceloneta{background-image: url('../img/miniaturas/loftbar-miniatura.jpg');}
.Oficinas_paseo_gracia{background-image: url('../img/miniaturas/oficinasgracia-miniatura.jpg');}
.Alter_mutua{background-image: url('../img/miniaturas/altermutua-miniatura.jpg');}
.Rosenthal{background-image: url('../img/miniaturas/rosen-miniatura.jpg');}
.AVE{background-image: url('../img/miniaturas/ave-miniatura.jpg');}
.Club_Masnou{background-image: url('../img/miniaturas/clubmasnou-miniatura.jpg');}
.Oficinas_via_augusta{background-image: url('../img/miniaturas/oficinasviaaugusta-miniatura.jpg');}
.Autodromo{background-image: url('../img/miniaturas/autodromo-miniatura.jpg');}
.Centro_educativo{background-image: url('../img/miniaturas/montbui-miniatura.jpg');}
.Museo_Alicante{background-image: url('../img/miniaturas/museoalicante-miniatura.jpg');}
.Matadero{background-image: url('../img/miniaturas/matadero-miniatura.jpg');}
.Hotel_Montjuic{background-image: url('../img/miniaturas/hotelmontjuic-miniatura.jpg');}
.Hotel_Rambla{background-image: url('../img/miniaturas/hotelraval-miniatura.jpg');}
.Viviendas_Ardena{background-image: url('../img/miniaturas/viviendasardena-miniatura.jpg');}
.Viviendas_Cerdanyola{background-image: url('../img/miniaturas/viviendascerdanyola-miniatura.jpg');}
.Viviendas_Vía_Química{background-image: url('../img/miniaturas/quimica-miniatura.jpg');}
.Estación_TGV{background-image: url('../img/miniaturas/tgv-miniatura.jpg');}
.Vallecas{background-image: url('../img/miniaturas/vallecas-miniatura.jpg');}
.Alzira{background-image: url('../img/miniaturas/alzira-miniatura.jpg');}
.Beethoven{background-image: url('../img/miniaturas/parje-miniatura.jpg');}
.violetas{background-image: url('../img/miniaturas/violetas-miniatura.jpg');}



.table-photos>li{display: inline-block; margin-top: 5px;margin-right: 10px; margin-left: 10px; margin-top: 20px;max-width: 262.5px;vertical-align: top; line-height: 20px;}
.table-photos{    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /*margin-left: 55px;*/}

.project-title{ text-transform: uppercase;    font-size: 12px !important;
    letter-spacing: 3px;    margin-top: 10px; margin-bottom: 0px; padding: 0px;}
.project-tag{text-align: initial; color: grey; font-size: 10px;}



/*project-signular*/


h2{font-size: 22px;}
h3{font-size: 18px; }
.inline_block{display: inline-block; }
.float_right{float: right;}
.hover_bold:hover{font-weight: bold;cursor: pointer; }
.singular{margin-top: 5px; margin-bottom: 15px;    font-size: 14px!important;    text-align: initial;
    color: grey;}

.memoria{line-height: 26px; margin-bottom: 15px;    text-align: justify;}
.Info-container{margin-top: 30px;margin-bottom: 250px;}
.colabodiv>ul{ display:block;    width: 100%;}
.colabodiv>ul>li{    margin: 8px 0px;
    display: inline-block;
    width: 283px;}
#project_title_menu{margin-bottom: 25px;}
.ficha-container {padding-bottom: 15px;margin-bottom: 25px;}

.ficha-container>p{margin-bottom: 7px; }

.clicked{font-weight: bold;}
.Info_h3{        font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 20px;}
#Info_Button, .inline_block, .float_right {font-size:18px;}

.project{margin: auto; width: 75%; margin-top: 15px;margin-bottom: 50px;}
.nosotros_img{background-image: url('../img/joan-elena.jpg'); background-repeat: no-repeat;background-size: cover;background-position: center;cursor: pointer; width: 100%; height: 700px;}

.estudio_h2{text-align: center;
    font-size: 40px;
    text-transform: uppercase;
    margin-bottom: 60px;
    margin-top: 50px;}

.project_slider_singular{
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;}

.heighsmall{height: 600px;}

#Alonso1{background-image: url('../img/unifamiliares/Alonso/ALONSO1.jpg'); width: 100%; height: 100%;}
#Alonso2{background-image: url('../img/unifamiliares/Alonso/ALONSO2.jpg'); width: 100%; height: 100%;}
#Alonso3{background-image: url('../img/unifamiliares/Alonso/ALONSO3.jpg'); width: 100%; height: 100%;}
#Alonso4{background-image: url('../img/unifamiliares/Alonso/ALONSO4.jpg'); width: 100%; height: 100%;}
#Alonso5{background-image: url('../img/unifamiliares/Alonso/plano_alonso.jpg'); width: 100%; height: 100%;}

#AM1{background-image: url('../img/unifamiliares/Casa A-M/01.jpg'); width: 100%; height: 100%;}
#AM2{background-image: url('../img/unifamiliares/Casa A-M/02.jpg'); width: 100%; height: 100%;}
#AM3{background-image: url('../img/unifamiliares/Casa A-M/03.jpg'); width: 100%; height: 100%;}
#AM4{background-image: url('../img/unifamiliares/Casa A-M/04.jpg'); width: 100%; height: 100%;}
#AM5{background-image: url('../img/unifamiliares/Casa A-M/05.jpg'); width: 100%; height: 100%;}
#AM6{background-image: url('../img/unifamiliares/Casa A-M/06.jpg'); width: 100%; height: 100%;}
#AM7{background-image: url('../img/unifamiliares/Casa A-M/07.jpg'); width: 100%; height: 100%;}
#AM8{background-image: url('../img/unifamiliares/Casa A-M/plano.jpg'); width: 100%; height: 100%;}
#AM9{background-image: url('../img/unifamiliares/Casa A-M/plantasotano.jpg'); width: 100%; height: 100%;}
#AM10{background-image: url('../img/unifamiliares/Casa A-M/plantabaja.jpg'); width: 100%; height: 100%;}
#AM11{background-image: url('../img/unifamiliares/Casa A-M/plantaprimera.jpg'); width: 100%; height: 100%;}
#AM12{background-image: url('../img/unifamiliares/Casa A-M/plantasegunda.jpg'); width: 100%; height: 100%;}
#AM13{background-image: url('../img/unifamiliares/Casa A-M/seccion.jpg'); width: 100%; height: 100%;}

#Mur1{background-image: url('../img/unifamiliares/Mur/SJ01.jpg'); width: 100%; height: 100%;}
#Mur2{background-image: url('../img/unifamiliares/Mur/SJ02.jpg'); width: 100%; height: 100%;}
#Mur3{background-image: url('../img/unifamiliares/Mur/SJ03.jpg'); width: 100%; height: 100%;}
#Mur4{background-image: url('../img/unifamiliares/Mur/plano1.jpg'); width: 100%; height: 100%;}
#Mur5{background-image: url('../img/unifamiliares/Mur/plano2.jpg'); width: 100%; height: 100%;}

#Santvi1{background-image: url('../img/unifamiliares/Sant Vicenç/1.jpg'); width: 100%; height: 100%;}
#Santvi2{background-image: url('../img/unifamiliares/Sant Vicenç/2.jpg'); width: 100%; height: 100%;}
#Santvi3{background-image: url('../img/unifamiliares/Sant Vicenç/3.jpg'); width: 100%; height: 100%;}
#Santvi4{background-image: url('../img/unifamiliares/Sant Vicenç/4.jpg'); width: 100%; height: 100%;}
#Santvi5{background-image: url('../img/unifamiliares/Sant Vicenç/5.jpg'); width: 100%; height: 100%;}
#Santvi6{background-image: url('../img/unifamiliares/Sant Vicenç/6.jpg'); width: 100%; height: 100%;}
#Santvi7{background-image: url('../img/unifamiliares/Sant Vicenç/planos.jpg'); width: 100%; height: 100%;}

#Santcu1{background-image: url('../img/unifamiliares/Sant Cugat/01.jpg'); width: 100%; height: 100%;}
#Santcu2{background-image: url('../img/unifamiliares/Sant Cugat/02.jpg'); width: 100%; height: 100%;}
#Santcu3{background-image: url('../img/unifamiliares/Sant Cugat/03.jpg'); width: 100%; height: 100%;}
#Santcu4{background-image: url('../img/unifamiliares/Sant Cugat/04.jpg'); width: 100%; height: 100%;}
#Santcu5{background-image: url('../img/unifamiliares/Sant Cugat/05.jpg'); width: 100%; height: 100%;}
#Santcu6{background-image: url('../img/unifamiliares/Sant Cugat/06.jpg'); width: 100%; height: 100%;}
#Santcu7{background-image: url('../img/unifamiliares/Sant Cugat/07.jpg'); width: 100%; height: 100%;}
#Santcu8{background-image: url('../img/unifamiliares/Sant Cugat/08.jpg'); width: 100%; height: 100%;}

#Casa_Santcu-2-1{background-image: url('../img/unifamiliares/Sant Cugat-2/GuibernauSantCugat319.jpg'); width: 100%; height: 100%;}
#Casa_Santcu-2-2{background-image: url('../img/unifamiliares/Sant Cugat-2/GuibernauSantCugat411.jpg'); width: 100%; height: 100%;}
#Casa_Santcu-2-3{background-image: url('../img/unifamiliares/Sant Cugat-2/GuibernauSantCugat440.jpg'); width: 100%; height: 100%;}
#Casa_Santcu-2-4{background-image: url('../img/unifamiliares/Sant Cugat-2/planos.jpg'); width: 100%; height: 100%;}

#Nolla1{background-image: url('../img/unifamiliares/Esplugues de Llobregat/CN06.jpg'); width: 100%; height: 100%;}
#Nolla2{background-image: url('../img/unifamiliares/Esplugues de Llobregat/CN03.jpg'); width: 100%; height: 100%;}
#Nolla3{background-image: url('../img/unifamiliares/Esplugues de Llobregat/CN09.jpg'); width: 100%; height: 100%;}
#Nolla4{background-image: url('../img/unifamiliares/Esplugues de Llobregat/CN12.jpg'); width: 100%; height: 100%;}
#Nolla5{background-image: url('../img/unifamiliares/Esplugues de Llobregat/CN15.jpg'); width: 100%; height: 100%;}

#Aro1{background-image: url('../img/unifamiliares/Platja d Aro/02.jpg'); width: 100%; height: 100%;}
#Aro2{background-image: url('../img/unifamiliares/Platja d Aro/01.jpg'); width: 100%; height: 100%;}
#Aro3{background-image: url('../img/unifamiliares/Platja d Aro/03.jpg'); width: 100%; height: 100%;}
#Aro4{background-image: url('../img/unifamiliares/Platja d Aro/04.jpg'); width: 100%; height: 100%;}
#Aro5{background-image: url('../img/unifamiliares/Platja d Aro/plano.jpg'); width: 100%; height: 100%;}

#Alella1{background-image: url('../img/unifamiliares/Casa en el Maresme/02.jpg'); width: 100%; height: 100%;}
#Alella2{background-image: url('../img/unifamiliares/Casa en el Maresme/01.jpg'); width: 100%; height: 100%;}
#Alella3{background-image: url('../img/unifamiliares/Casa en el Maresme/03.jpg'); width: 100%; height: 100%;}
#Alella4{background-image: url('../img/unifamiliares/Casa en el Maresme/04.jpg'); width: 100%; height: 100%;}
#Alella5{background-image: url('../img/unifamiliares/Casa en el Maresme/05.jpg'); width: 100%; height: 100%;}
#Alella6{background-image: url('../img/unifamiliares/Casa en el Maresme/plano.jpg'); width: 100%; height: 100%;}

#Ibiza1{background-image: url('../img/unifamiliares/Ibiza/1.jpg'); width: 100%; height: 100%;}
#Ibiza2{background-image: url('../img/unifamiliares/Ibiza/2.jpg'); width: 100%; height: 100%;}
#Ibiza3{background-image: url('../img/unifamiliares/Ibiza/3.jpg'); width: 100%; height: 100%;}
#Ibiza4{background-image: url('../img/unifamiliares/Ibiza/4.jpg'); width: 100%; height: 100%;}
#Ibiza5{background-image: url('../img/unifamiliares/Ibiza/5.jpg'); width: 100%; height: 100%;}
#Ibiza6{background-image: url('../img/unifamiliares/Ibiza/6.jpg'); width: 100%; height: 100%;}
#Ibiza7{background-image: url('../img/unifamiliares/Ibiza/7.jpg'); width: 100%; height: 100%;}

#Casas_Castellon1{background-image: url('../img/unifamiliares/Castellón de la plana/01.jpg'); width: 100%; height: 100%;}
#Casas_Castellon2{background-image: url('../img/unifamiliares/Castellón de la plana/02.jpg'); width: 100%; height: 100%;}
#Casas_Castellon3{background-image: url('../img/unifamiliares/Castellón de la plana/03.jpg'); width: 100%; height: 100%;}
#Casas_Castellon4{background-image: url('../img/unifamiliares/Castellón de la plana/04.jpg'); width: 100%; height: 100%;}
#Casas_Castellon5{background-image: url('../img/unifamiliares/Castellón de la plana/05.jpg'); width: 100%; height: 100%;}
#Casas_Castellon6{background-image: url('../img/unifamiliares/Castellón de la plana/06.jpg'); width: 100%; height: 100%;}
#Casas_Castellon7{background-image: url('../img/unifamiliares/Castellón de la plana/07.jpg'); width: 100%; height: 100%;}
#Casas_Castellon8{background-image: url('../img/unifamiliares/Castellón de la plana/08.jpg'); width: 100%; height: 100%;}
#Casas_Castellon9{background-image: url('../img/unifamiliares/Castellón de la plana/09.jpg'); width: 100%; height: 100%;}
#Casas_Castellon10{background-image: url('../img/unifamiliares/Castellón de la plana/Plantas.jpg'); width: 100%; height: 100%;}
#Casas_Castellon11{background-image: url('../img/unifamiliares/Castellón de la plana/Seccion.jpg'); width: 100%; height: 100%;}

#Arenys1{background-image: url('../img/unifamiliares/Arenys de mar/fotos/01.jpg'); width: 100%; height: 100%;}
#Arenys2{background-image: url('../img/unifamiliares/Arenys de mar/fotos/02.jpg'); width: 100%; height: 100%;}
#Arenys3{background-image: url('../img/unifamiliares/Arenys de mar/fotos/03.jpg'); width: 100%; height: 100%;}
#Arenys4{background-image: url('../img/unifamiliares/Arenys de mar/fotos/04.jpg'); width: 100%; height: 100%;}
#Arenys5{background-image: url('../img/unifamiliares/Arenys de mar/fotos/PLANTA.jpg'); width: 100%; height: 100%;}
#Arenys6{background-image: url('../img/unifamiliares/Arenys de mar/fotos/SECCION.jpg'); width: 100%; height: 100%;background-position: center;}

#Valldoreix1{background-image: url('../img/unifamiliares/Valldoreix/01.jpg'); width: 100%; height: 100%;}
#Valldoreix2{background-image: url('../img/unifamiliares/Valldoreix/02.jpg'); width: 100%; height: 100%;}
#Valldoreix3{background-image: url('../img/unifamiliares/Valldoreix/03.jpg'); width: 100%; height: 100%;}
#Valldoreix4{background-image: url('../img/unifamiliares/Valldoreix/04.jpg'); width: 100%; height: 100%;}
#Valldoreix5{background-image: url('../img/unifamiliares/Valldoreix/05.jpg'); width: 100%; height: 100%;}
#Valldoreix6{background-image: url('../img/unifamiliares/Valldoreix/06.jpg'); width: 100%; height: 100%;}
#Valldoreix7{background-image: url('../img/unifamiliares/Valldoreix/07.jpg'); width: 100%; height: 100%;}
#Valldoreix8{background-image: url('../img/unifamiliares/Valldoreix/08.jpg'); width: 100%; height: 100%;}
#Valldoreix9{background-image: url('../img/unifamiliares/Valldoreix/planta baja web.jpg'); width: 100%; height: 100%;}
#Valldoreix10{background-image: url('../img/unifamiliares/Valldoreix/seccion web.jpg'); width: 100%; height: 100%;}

#Casa_Cubo1{background-image: url('../img/unifamiliares/Casa cubo/01.jpg'); width: 100%; height: 100%;}
#Casa_Cubo2{background-image: url('../img/unifamiliares/Casa cubo/02.jpg'); width: 100%; height: 100%;}
#Casa_Cubo3{background-image: url('../img/unifamiliares/Casa cubo/03.jpg'); width: 100%; height: 100%;}
#Casa_Cubo4{background-image: url('../img/unifamiliares/Casa cubo/04.jpg'); width: 100%; height: 100%;}
#Casa_Cubo5{background-image: url('../img/unifamiliares/Casa cubo/05.jpg'); width: 100%; height: 100%;}
#Casa_Cubo6{background-image: url('../img/unifamiliares/Casa cubo/planta_baja.png'); width: 100%; height: 100%;}
#Casa_Cubo7{background-image: url('../img/unifamiliares/Casa cubo/planta_primera.png'); width: 100%; height: 100%;}

#Casa_MiraSol1{background-image: url('../img/unifamiliares/casa en Mira Sol/01.jpg'); width: 100%; height: 100%;background-position: center;}
#Casa_MiraSol2{background-image: url('../img/unifamiliares/casa en Mira Sol/02.jpg'); width: 100%; height: 100%;background-position: center;}
#Casa_MiraSol3{background-image: url('../img/unifamiliares/casa en Mira Sol/03.jpg'); width: 100%; height: 100%;background-position: center;}
#Casa_MiraSol4{background-image: url('../img/unifamiliares/casa en Mira Sol/04.jpg'); width: 100%; height: 100%;background-position: center;}
#Casa_MiraSol5{background-image: url('../img/unifamiliares/casa en Mira Sol/05.jpg'); width: 100%; height: 100%;background-position: center;}
#Casa_MiraSol6{background-image: url('../img/unifamiliares/casa en Mira Sol/06.jpg'); width: 100%; height: 100%;background-position: center;}
#Casa_MiraSol7{background-image: url('../img/unifamiliares/casa en Mira Sol/07.jpg'); width: 100%; height: 100%;background-position: center;}
#Casa_MiraSol8{background-image: url('../img/unifamiliares/casa en Mira Sol/08.jpg'); width: 100%; height: 100%;background-position: center;}

#violetas1{background-image: url('../img/unifamiliares/Violetas/01.jpg'); width: 100%; height: 100%;}
#violetas2{background-image: url('../img/unifamiliares/Violetas/02.jpg'); width: 100%; height: 100%;}
#violetas3{background-image: url('../img/unifamiliares/Violetas/03.jpg'); width: 100%; height: 100%;}
#violetas4{background-image: url('../img/unifamiliares/Violetas/04.jpg'); width: 100%; height: 100%;}
#violetas5{background-image: url('../img/unifamiliares/Violetas/05.jpg'); width: 100%; height: 100%;}






#VPP1{background-image: url('../img/Plurifamiliares/Viviendas VPP en Madrid/01.jpg'); width: 100%; height: 100%;}
#VPP2{background-image: url('../img/Plurifamiliares/Viviendas VPP en Madrid/02.jpg'); width: 100%; height: 100%;}
#VPP3{background-image: url('../img/Plurifamiliares/Viviendas VPP en Madrid/03.jpg'); width: 100%; height: 100%;}
#VPP4{background-image: url('../img/Plurifamiliares/Viviendas VPP en Madrid/04.jpg'); width: 100%; height: 100%;}
#VPP5{background-image: url('../img/Plurifamiliares/Viviendas VPP en Madrid/05.jpg'); width: 100%; height: 100%;}

#Viv_tarragona1{background-image: url('../img/Plurifamiliares/Viviendas en tarragona/render.jpg'); width: 100%; height: 100%;}
#Viv_tarragona2{background-image: url('../img/Plurifamiliares/Viviendas en tarragona/02.jpg'); width: 100%; height: 100%;}
#Viv_tarragona3{background-image: url('../img/Plurifamiliares/Viviendas en tarragona/plano.jpg'); width: 100%; height: 100%;}

#Barc1{background-image: url('../img/Plurifamiliares/Viviendas en la Barceloneta/01.jpg'); width: 100%; height: 100%;}
#Barc2{background-image: url('../img/Plurifamiliares/Viviendas en la Barceloneta/02.jpg'); width: 100%; height: 100%;}
#Barc3{background-image: url('../img/Plurifamiliares/Viviendas en la Barceloneta/03.jpg'); width: 100%; height: 100%;}
#Barc4{background-image: url('../img/Plurifamiliares/Viviendas en la Barceloneta/04.jpg'); width: 100%; height: 100%;}
#Barc5{background-image: url('../img/Plurifamiliares/Viviendas en la Barceloneta/05.jpg'); width: 100%; height: 100%;}
#Barc6{background-image: url('../img/Plurifamiliares/Viviendas en la Barceloneta/planta_tipo.jpg'); width: 100%; height: 100%;}

#Corbera_1-1{background-image: url('../img/Plurifamiliares/Corbera-1/01.jpg'); width: 100%; height: 100%;}
#Corbera_1-2{background-image: url('../img/Plurifamiliares/Corbera-1/02.jpg'); width: 100%; height: 100%;}

#Castellerçol1{background-image: url('../img/Plurifamiliares/Castellterçol/1.jpg'); width: 100%; height: 100%;}
#Castellerçol2{background-image: url('../img/Plurifamiliares/Castellterçol/2.jpg'); width: 100%; height: 100%;}

#Corb1{background-image: url('../img/Plurifamiliares/Corbera/2.jpg'); width: 100%; height: 100%;}
#Corb2{background-image: url('../img/Plurifamiliares/Corbera/1.jpg'); width: 100%; height: 100%;}

#Hosp1{background-image: url('../img/Plurifamiliares/Hospitalet/01.jpg'); width: 100%; height: 100%;}
#Hosp2{background-image: url('../img/Plurifamiliares/Hospitalet/02.jpg'); width: 100%; height: 100%;}
#Hosp3{background-image: url('../img/Plurifamiliares/Hospitalet/03.jpg'); width: 100%; height: 100%;}


#Teia1{background-image: url('../img/Plurifamiliares/Teià/01.jpg'); width: 100%; height: 100%;}
#Teia2{background-image: url('../img/Plurifamiliares/Teià/02.jpg'); width: 100%; height: 100%;}
#Teia3{background-image: url('../img/Plurifamiliares/Teià/03.jpg'); width: 100%; height: 100%;}
#Teia4{background-image: url('../img/Plurifamiliares/Teià/04.jpg'); width: 100%; height: 100%;}
#Teia5{background-image: url('../img/Plurifamiliares/Teià/05.jpg'); width: 100%; height: 100%;}

#Mutua_Ab_Cat1{background-image: url('../img/Interiorismo/Mutua/MUTUA1.jpg'); width: 100%; height: 100%;}
#Mutua_Ab_Cat2{background-image: url('../img/Interiorismo/Mutua/MUTUA2.jpg'); width: 100%; height: 100%;}
#Mutua_Ab_Cat3{background-image: url('../img/Interiorismo/Mutua/MUTUA3.jpg'); width: 100%; height: 100%;}
#Mutua_Ab_Cat4{background-image: url('../img/Interiorismo/Mutua/MUTUA4.jpg'); width: 100%; height: 100%;}
#Mutua_Ab_Cat5{background-image: url('../img/Interiorismo/Mutua/seccion.jpg'); width: 100%; height: 100%;}

#Loft_Gra1{background-image: url('../img/Interiorismo/Loft en gracia/03.jpg'); width: 100%; height: 100%;}
#Loft_Gra2{background-image: url('../img/Interiorismo/Loft en gracia/02.jpg'); width: 100%; height: 100%;}
#Loft_Gra3{background-image: url('../img/Interiorismo/Loft en gracia/01.jpg'); width: 100%; height: 100%;}


#Iuris1{background-image: url('../img/Interiorismo/Iuris Travel/IURIS08.jpg'); width: 100%; height: 100%;}
#Iuris2{background-image: url('../img/Interiorismo/Iuris Travel/IURIS02.jpg'); width: 100%; height: 100%;}
#Iuris3{background-image: url('../img/Interiorismo/Iuris Travel/IURIS04.jpg'); width: 100%; height: 100%;}
#Iuris4{background-image: url('../img/Interiorismo/Iuris Travel/IURIS05.jpg'); width: 100%; height: 100%;}
#Iuris5{background-image: url('../img/Interiorismo/Iuris Travel/IURIS07.jpg'); width: 100%; height: 100%;}
#Iuris6{background-image: url('../img/Interiorismo/Iuris Travel/IURIS06.jpg'); width: 100%; height: 100%;}
#Iuris7{background-image: url('../img/Interiorismo/Iuris Travel/seccion2.jpg'); width: 100%; height: 100%;}

#Loft_Bar1{background-image: url('../img/Interiorismo/Loft Barceloneta/1.jpg'); width: 100%; height: 100%;}
#Loft_Bar2{background-image: url('../img/Interiorismo/Loft Barceloneta/2.jpg'); width: 100%; height: 100%;}
#Loft_Bar3{background-image: url('../img/Interiorismo/Loft Barceloneta/3.jpg'); width: 100%; height: 100%;}
#Loft_Bar4{background-image: url('../img/Interiorismo/Loft Barceloneta/planta.jpg'); width: 100%; height: 100%;}

#oficinas_pgracia1{background-image: url('../img/Interiorismo/Oficinas Paseo de Gracia/02 copy.jpg'); width: 100%; height: 100%;}
#oficinas_pgracia2{background-image: url('../img/Interiorismo/Oficinas Paseo de Gracia/01 copy.jpg'); width: 100%; height: 100%;}
#oficinas_pgracia3{background-image: url('../img/Interiorismo/Oficinas Paseo de Gracia/04 copy.jpg'); width: 100%; height: 100%;}
#oficinas_pgracia4{background-image: url('../img/Interiorismo/Oficinas Paseo de Gracia/03 copy.jpg'); width: 100%; height: 100%;}

#Alter_Mutua1{background-image: url('../img/Interiorismo/oficinas Alter mutua/01.jpg'); width: 100%; height: 100%;}
#Alter_Mutua2{background-image: url('../img/Interiorismo/oficinas Alter mutua/02.jpg'); width: 100%; height: 100%;}
#Alter_Mutua3{background-image: url('../img/Interiorismo/oficinas Alter mutua/03.jpg'); width: 100%; height: 100%;}
#Alter_Mutua4{background-image: url('../img/Interiorismo/oficinas Alter mutua/04.jpg'); width: 100%; height: 100%;}
#Alter_Mutua5{background-image: url('../img/Interiorismo/oficinas Alter mutua/planta mutua.jpg'); width: 100%; height: 100%;}

#oficinas_rosenthal1{background-image: url('../img/Interiorismo/oficinas Rosenthal/01.jpg'); width: 100%; height: 100%;}
#oficinas_rosenthal2{background-image: url('../img/Interiorismo/oficinas Rosenthal/02.jpg'); width: 100%; height: 100%;}
#oficinas_rosenthal3{background-image: url('../img/Interiorismo/oficinas Rosenthal/03.jpg'); width: 100%; height: 100%;}
#oficinas_rosenthal4{background-image: url('../img/Interiorismo/oficinas Rosenthal/04.png'); width: 100%; height: 100%;}
#oficinas_rosenthal5{background-image: url('../img/Interiorismo/oficinas Rosenthal/05.jpg'); width: 100%; height: 100%;}

#Beethoven-parje1{background-image: url('../img/Interiorismo/Beethoven-parje/01.jpg'); width: 100%; height: 100%;}
#Beethoven-parje2{background-image: url('../img/Interiorismo/Beethoven-parje/02.jpg'); width: 100%; height: 100%;}
#Beethoven-parje3{background-image: url('../img/Interiorismo/Beethoven-parje/03.jpg'); width: 100%; height: 100%;}
#Beethoven-parje4{background-image: url('../img/Interiorismo/Beethoven-parje/04.jpg'); width: 100%; height: 100%;}
#Beethoven-parje5{background-image: url('../img/Interiorismo/Beethoven-parje/05.jpg'); width: 100%; height: 100%;}
#Beethoven-parje6{background-image: url('../img/Interiorismo/Beethoven-parje/06.jpg'); width: 100%; height: 100%;}
#Beethoven-parje7{background-image: url('../img/Interiorismo/Beethoven-parje/07.jpg'); width: 100%; height: 100%;}
#Beethoven-parje8{background-image: url('../img/Interiorismo/Beethoven-parje/08.jpg'); width: 100%; height: 100%;}
#Beethoven-parje9{background-image: url('../img/Interiorismo/Beethoven-parje/09.jpg'); width: 100%; height: 100%;}


#Ave1{background-image: url('../img/Edificios Publicos/AVE/Cus10003.jpg'); width: 100%; height: 100%;}
#Ave2{background-image: url('../img/Edificios Publicos/AVE/cub.jpg'); width: 100%; height: 75%;}
#Ave3{background-image: url('../img/Edificios Publicos/AVE/DEL21.jpg'); width: 100%; height: 100%;}
#Ave4{background-image: url('../img/Edificios Publicos/AVE/DELf08.jpg'); width: 100%; height: 100%;}
#Ave5{background-image: url('../img/Edificios Publicos/AVE/DELf10.jpg'); width: 100%; height: 100%;}
#Ave6{background-image: url('../img/Edificios Publicos/AVE/DELf40.jpg'); width: 100%; height: 80%;}
#Ave7{background-image: url('../img/Edificios Publicos/AVE/DELf44b.jpg'); width: 100%; height: 89%;}
#Ave8{background-image: url('../img/Edificios Publicos/AVE/JN03.jpg'); width: 100%; height: 100%;}

#Tenis1{background-image: url('../img/Edificios Publicos/tenis/04.jpg'); width: 100%; height: 100%;}
#Tenis2{background-image: url('../img/Edificios Publicos/tenis/05.jpg'); width: 100%; height: 100%;}
#Tenis3{background-image: url('../img/Edificios Publicos/tenis/09.jpg'); width: 100%; height: 100%;}

#Ofaugsta1{background-image: url('../img/Edificios Publicos/mobinmob/renders/01b copia.jpg'); width: 100%; height: 100%;}
#Ofaugsta2{background-image: url('../img/Edificios Publicos/mobinmob/renders/04b copia.jpg'); width: 100%; height: 100%;}
#Ofaugsta3{background-image: url('../img/Edificios Publicos/mobinmob/renders/05 copia.jpg'); width: 100%; height: 100%;}

#Autodromo1{background-image: url('../img/urbanismo/autodromo/urb1.jpg'); width: 100%; height: 100%;}
#Autodromo2{background-image: url('../img/urbanismo/autodromo/foto2.jpg'); width: 100%; height: 100%;    background-size: inherit;background-position: center;}
#Autodromo3{background-image: url('../img/urbanismo/autodromo/foto3.jpg'); width: 100%; height: 100%;    background-size: inherit;background-position: center;}
#Autodromo4{background-image: url('../img/urbanismo/autodromo/foto4.jpg'); width: 100%; height: 100%;    background-size: inherit;background-position: center;}

#Montbui1{background-image: url('../img/Concursos/Montbui/PHOTO3.jpg'); width: 100%; height: 70%;}
#Montbui2{background-image: url('../img/Concursos/Montbui/PHOTO6.jpg'); width: 100%; height: 70%;}

#Malicante1{background-image: url('../img/Concursos/Museo Alicante/maqueta01.jpg'); width: 100%; height: 100%;}
#Malicante2{background-image: url('../img/Concursos/Museo Alicante/maqueta02_1.jpg'); width: 100%; height: 100%;}

#matadero1{background-image: url('../img/Concursos/Matadero Calahorra/RENDER-1.jpg'); width: 100%; height: 100%;}
#matadero2{background-image: url('../img/Concursos/Matadero Calahorra/primera.jpg'); width: 100%; height: 100%;    background-size: cover;}
#matadero3{background-image: url('../img/Concursos/Matadero Calahorra/segunda.jpg'); width: 100%; height: 100%;    background-size: cover;}

#Montjuic1{background-image: url('../img/Concursos/Hotel Montjuic/13.jpg'); width: 100%; height: 100%;}
#Montjuic2{background-image: url('../img/Concursos/Hotel Montjuic/14.jpg'); width: 100%; height: 100%;}

#raval1{background-image: url('../img/Concursos/Hotel Raval/2.jpg'); width: 100%; height: 100%;}
#raval2{background-image: url('../img/Concursos/Hotel Raval/6.jpg'); width: 100%; height: 100%;}
#raval3{background-image: url('../img/Concursos/Hotel Raval/7.jpg'); width: 100%; height: 100%;}

#Ardena1{background-image: url('../img/Concursos/Viviendas Ardena/2.jpg'); width: 100%; height: 100%;background-size: cover;}
#Ardena2{background-image: url('../img/Concursos/Viviendas Ardena/1.jpg'); width: 100%; height: 100%;}
#Ardena3{background-image: url('../img/Concursos/Viviendas Ardena/3.jpg'); width: 100%; height: 100%;}

#Cerdanyola1{background-image: url('../img/Concursos/Viviendas Cerdanyola/1.jpg'); width: 100%; height: 100%;}
#Cerdanyola2{background-image: url('../img/Concursos/Viviendas Cerdanyola/2.jpg'); width: 100%; height: 100%;}
#Cerdanyola3{background-image: url('../img/Concursos/Viviendas Cerdanyola/3.jpg'); width: 100%; height: 100%;}
#Cerdanyola4{background-image: url('../img/Concursos/Viviendas Cerdanyola/4.jpg'); width: 100%; height: 100%;}

#Quimica1{background-image: url('../img/Concursos/Gran via quimica/FINAL 533.jpg'); width: 100%; height: 100%;}
#Quimica2{background-image: url('../img/Concursos/Gran via quimica/Final 535.jpg'); width: 100%; height: 100%;}
#Quimica3{background-image: url('../img/Concursos/Gran via quimica/FINAL 537.jpg'); width: 100%; height: 100%;}

#TGV1{background-image: url('../img/Concursos/Estación TGV/per.jpg'); width: 100%; height: 100%;}
#TGV2{background-image: url('../img/Concursos/Estación TGV/per2.jpg'); width: 100%; height: 100%;}
#TGV3{background-image: url('../img/Concursos/Estación TGV/per3.jpg'); width: 100%; height: 100%;}

#Vallecas1{background-image: url('../img/Concursos/Vallecas/3.jpg'); width: 100%; height: 100%;}
#Vallecas2{background-image: url('../img/Concursos/Vallecas/1.jpg'); width: 100%; height: 100%;}
#Vallecas3{background-image: url('../img/Concursos/Vallecas/2.jpg'); width: 100%; height: 100%;}

#Alzira1{background-image: url('../img/Concursos/Alzira/001.jpg'); width: 100%; height: 100%;}


/*slider*/
#sliderdivhome{}
.slider_left{
    cursor: pointer;
    position: absolute;
    width: 120px;
    height: 100%;
    top: 0%;
    transition: 0.6s ease;}

.slider_right{
    cursor: pointer;
    position: absolute;
    width: 120px;
    height: 100%;
    top: 0%;
    right: 0%;
    transition: 0.6s ease;}

.mySlides {display: none}
.heigh100{height: 1000px;}
.mySlides>img{}
.sliderimg {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 100%;
  position: relative;
  margin: auto;
  background-color: white;
 
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: transparent;
  font-weight: bold;
  font-size: 45px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  font-weight: bold; color: black;
}




/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
  right: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 10px;
  width: 10px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 3.5s;
  animation-name: fade;
  animation-duration: 3.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}

/*estudio-nuevo*/
.content_estudio{width: 100%;height: 200px; }
.profile_h2{margin-bottom: 15px; margin-bottom: 30px; font-size: 28px; display: inline-block;}
.profile{float: left;}

.profile_img{ display: inline-block;}

.profile_text{    margin-bottom: 5px;
    margin-left: 30px;
    font-size: 20px;
    max-width: 60%;
    margin-right: 0px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 70px;
}
.profile_name{     margin-bottom: 25px; margin-top: 35px;
    font-size: 28px; }
.frase{font-size: 16px; font-style: italic; line-height: 25px;}


.ul_joan{float: right; }
.ul_elena{float: left;}
.ul_joan>li{text-align:right; }
.Curriculum{   
    }
#Curri_Elena_button{margin-left: 50px;}
#Curri_Joan_button{margin-left: 50px;}
.profile_top{}
.moremargin{margin-top: 50px;}
#Currispremisdiv{  }
.Premios{}

.Curriculum, .Premios{    color: grey; padding-top: 5px; padding-bottom: 5px;
   
    }



.year{font-weight: bold; margin-right: 15px;}
.curri_desplegado, .premi_desplegado{display: block;  line-height: 25px;  margin-bottom: 35px; max-width: 90%}
.curri_desplegado>p, .premi_desplegado>p{margin-bottom: 10px; font-size: 14px;}

.block{width: 100%}

#colabo{margin: auto; width: 60%}
#colabo-grey{height: 400px;/* background-color: rgba(120, 120, 120, 0.1);*/}
#colabo>ul{margin:20px; float: left; margin-bottom: 20px;}
#colabo>ul>li{margin-bottom: 15px;}
.Colabo_h2{margin-bottom: 25px; font-size: 18px; padding-top: 35px; font-weight: bold;}

.imgdespatxo{margin-bottom: 100px;}
.imgdespatxo2{display: inline-block; width: 60%;}
.imgdespatxo2>img{width: 100%}

.imgdespatxo>img{width: 100%}


.imagediv2{width: 262.5px;    height: 262.5px; background-color: white;background-repeat: no-repeat;background-size: cover;background-position: center;cursor: pointer; display: inline-block;}
.imagediv2>img{max-width: 100%; height: 262.5px;}
.colabodiv>ul{}



.ulestudio{}
.liestudio{display: inline-block;margin-top: 30px; margin-left: 5px; margin-right: 5px; background-color: rgba(120, 120, 120, 0.1);}
.liestudio>a>img:hover{opacity: 0.8; transition: all 0.3s;}
.liestudio>p{margin-top: 10px; margin-bottom: 10px; color: black; }
.liestudio>a>img{max-width: 300px; height: 300px; }
.liestudio:nth-child(1){}
.liestudio:nth-child(2){}
.liestudio:nth-child(3)>a>img{max-width: 500px}
.mainestudio>h2{text-transform: uppercase;font-size: 28px; margin-top: 45px; margin-bottom: 50px;}

.mainestudio{text-align: center;margin:0 auto;}
.backgroundestudio{}
.imagediv2:hover{opacity: 0.5; transition: all 0.3s;}

.Elena{/*background-image: url('../img/elena.jpg');*/ margin-bottom: 10px;}
.Joan{/*background-image: url('../img/joan.jpg');*/}

.floatright{}
.gray{background-color:#d9d9d9;}




/*General-header*/
.bold{font-weight: bold;}
*{ box-sizing: border-box;}

.hidden{overflow: hidden;}

#logo{float: left; margin-left: 20px; color: grey;display: inline-block;}
#logo>h1>a{font-family: 'Roboto Mono', monospace;font-size: 20px;line-height: 20px; text-transform: capitalize;}

a{text-decoration: none;     color: black;}
nav>ul>li>a{font-family: 'Roboto Mono', monospace;}

nav, #logo {font-weight: 600; margin-top: 35px; letter-spacing: 0.5px;}
nav{float: right; margin-right: 20px; margin-top: 35px;}
nav>ul>li{display: inline-block; margin: 0px 20px; color: grey;}
.home nav>ul>li:hover a{color: white; }

.permanent{background-color:#d9d9d9; color: white; border-bottom: 1px solid #d9d9d9;    height: 125px;}
.less{height: 85px;}
/*.permanent:hover h1>a{ color: white; 

  -webkit-transition: color 1000ms linear;
    -moz-transition: color 1000ms linear;
    -o-transition: color 1000ms linear;
    -ms-transition: color 1000ms linear;
    transition: color 1000ms linear;}*/

.permanent nav>ul>li:hover a{color: grey; }

.permanent h1{ color: white; }

.home{width: 100%; height: 85px; position: absolute;z-index: 6; 
  transition: background-color 1000ms ease-in-out;}

.lightgrey{background-color:rgba(0,0,0,0.4);}




h1{font-size: 18px;
    margin: 0px;}

ul{margin: 0px}

/*General-header*/


h5{  margin-left: 20px;font-size: 25px;
    color: white;
}


/*Search*/
header>nav>ul>.lupa:hover .show{
  width: 75px; opacity: 1;
}

.search{    height: 18px;
    padding: 11px;
    font-family: 'Roboto Mono', monospace;
    background-color: transparent;
    border: 2px solid white;
    border-radius: 10px;
    color: white;}

.search::placeholder { 
    color: white; 
} 
  
.search:-ms-input-placeholder { 
    color: white; 
} 
  
.search::-ms-input-placeholder {
    color: white; 
} 
.show {
    width: 47px;
    transition: all 2s ease;
    position: absolute;
    top: 30px;
    right: 549px;
    opacity: 0;
    z-index: 99;
}

.lupa{color: white; }
/*Search*/








/*contacto*/
.frontalimg{width: 50%;display: inline-block;}
.frontalimg>img{width: 100%;}
#mapa{border: 4px solid black}
#googlemaps{margin-top: 150px;}
#googlemaps img{}
iframe{width: 100%; }
#maps_button{cursor: pointer; margin-top: 45px;}
#maps_button:hover{text-decoration: underline;}
.contact_us{ margin-top: 70px; }

#contain>h2{color: #474544;
    margin-bottom: 40px;
    font-size: 18px;
    text-transform: uppercase;}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

input{font-family: 'Roboto Mono', monospace; }

textarea {
  overflow: auto;
  height: 75px;
}


.contacto_h2{        text-align: center;
    font-size: 40px;
    text-transform: uppercase;
    margin-bottom: 100px;
    margin-top: 50px;}

#contain {

    
    width: 40%;
    display: inline-block;
}
.error{color: red; font-size: 10px; margin-bottom: 5px;}
.info>h2{font-size: 18px; text-transform: uppercase; margin-bottom: 15px; }
.adress{margin-bottom: 45px;}
.info{display: inline-block; width: 40%;vertical-align: top; margin-left: 15%;text-align: initial;}

.info>ul>li{color: grey}

.info>ul{ 
    font-size: 14px;
    line-height: 19px;
    
    }

.info2>h2{font-size: 28px; text-transform: uppercase; margin-bottom: 15px; }
.info2{display: inline-block; text-align:initial; margin-top: 220px;}
.info50{    width: 49%; 
    display: inline-block;
    vertical-align: top;
    text-align: center;}
.info2>ul>li{color: grey}
.info50>h2{}

.underline {
  border-bottom: solid 2px #474544;
  margin: -0.512em auto;
  width: 80px;
}




.email {
  float: right;
  width: 45%;
}

input[type='text'], [type='email'], select, textarea {
  background: none;
  border: none;
  border-bottom: solid 2px #474544;
  color: #474544;
  font-size: 0.8em;
  font-weight: 400;
  letter-spacing: 1px;
  margin: 0em 0 1.875em 0;
  padding: 0 0 0.875em 0;
  text-transform: uppercase;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

input[type='text']:focus, [type='email']:focus, textarea:focus {
  outline: none;
  padding: 0 0 0.875em 0;
}

.message {
  float: none;
}

.name {
  float: left;
  width: 45%;
}

select {
  background: url('../img/Down-Arrow.png') no-repeat right;
  outline: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-size: 25px;
}

select::-ms-expand {
  display: none;
}

.subject {
  width: 100%;
}

.telephone {
  width: 100%;
}

textarea {
  line-height: 150%;
  height: 75px;
  resize: none;
  width: 100%;
}

::-webkit-input-placeholder {
  color: #474544;
}

:-moz-placeholder { 
  color: #474544;
  opacity: 1;
}

::-moz-placeholder {
  color: #474544;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #474544;
}

#form_button {
  background: none;
  border: solid 2px #474544;
  color: #474544;
  cursor: pointer;
  display: inline-block;
  font-family: 'Helvetica', Arial, sans-serif;
  font-size: 0.875em;
  font-weight: bold;
  outline: none;
  padding: 10px 15px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

#form_button:hover {
  background: #474544;
  color: #F2F3EB;
}

.black{ 
        margin-top: 40px;
    padding-top: 10px;
    background-color: black;
    padding-bottom: 15px;}


    #map {
    display: inline-block;
    height: 385px;
    width: 60%;
    border: 2px solid white;
   
    padding-bottom: 15px;
    
       }

#balmesimg{text-align: center; margin-top: 20px;}
#balmesimg>img{border: 2px solid black;}

.contacto{font-size: 28px;
    margin-bottom: 121px;
    text-transform: uppercase;}

/*contacto*/

.janis{margin-left: 10px;}

/*footer*/


#page-container {
  position: relative;
  min-height: 100vh;
}

footer {
  position: relative;
  bottom: 0;
  width: 100%;
/*  height: 3.5rem;*/
  background-color: #d9d9d9; 
  padding-top: 15px;          /* Footer height */
}

#content-wrap{    width: 60%;
    margin: auto;    padding-top: 10px; padding-bottom: 10px; text-align: center;}
#content-wrap>p{display: inline-block; margin-bottom: 15px;    margin-left: 5px;font-size: 10px;
}

/*#content-wrap>p:nth-child(2){    border-right: 1px solid black;
    padding-right: 15px;
    margin-right: 10px;}*/

#social{float: right; margin-right: 50px;}
#social>li{display: inline-block;}
footer a:hover{color: grey;}
footer>p>a{margin: 0px 10px;}

main>h5{ color: black;
    padding-bottom: 15px;
    padding-top: 5px;
    
   }



/*footer*/