.grid {
  margin: 0 auto;

}

.grid-item {
  float: left;
  width: 355px;
  height: 300px;
  background: #c1c1c1;
  margin-bottom: 5px;
  cursor: pointer;
}

.in-grid-item {
  float: left;
  width: 300px;
  height: 300px;
  background: #c1c1c1;
  margin-bottom: 5px;
}

.grid-item img {
  width: 100%;
  height: 100%;
}

#proyectos-container {
  margin-top: 30px;
}

.projects-text-content {
  background: rgba(0,0,0,0.7);
  opacity: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  width: inherit;
  height: inherit;
  padding: 20px;

}

.projects-text-content h2,
.projects-text-content p {
  margin: 0;
  color: white;
}

.projects-text-content h2 {
  font-size: 20px;
}

.projects-text-content P {
  margin-top: 15px;
  font-size: 15px;
}

.separate {
  width: 15%;
  float: left;
  border-bottom: solid 2px white;
  margin: 10px 0;
}

.grid-item:hover span.projects-text-content {
  transition: all 0.5s ease;
  opacity: 1;
}

.grid-item--height2 { height: 700px; }
.grid-item--height3 { height: 605px; }

.in-project-box {
  border-right: 1px solid rgba(223,223,223,0.8) transparent;
  height: 1000px;
  padding-right: 10px;
}

.in-project-box h2,
.in-project-box p {
  margin: 0px;
}

.in-project-box h2 {
  margin-bottom: 10px;
}

.item1 {
  background-image: url(../img/projects/9.jpg);
  background-size: cover;
}

.item2 {
  background-image: url(../img/projects/10.jpg);
  background-size: cover;
}

.item3 {
  background-image: url(../img/projects/11.jpg);
  background-size: cover;
  background-position: 38%;
}

.item4 {
  background-image: url(../img/projects/12.jpg);
  background-size: cover;
  background-position: 38%;
}

.item5 {
  background-image: url(../img/projects/13.jpg);
  background-size: cover;
  background-position: 55%
}

.item6 {
  background-image: url(../img/projects/14.jpg);
  background-size: cover;
  background-position: 55%
}

.item7 {
  background-image: url(../img/projects/15.jpg);
  background-size: cover;
  background-position: 35%
}

.item8 {
  background-image: url(../img/projects/16.jpg);
  background-size: cover;
  background-position: 55%
}

.item9 {
  background-image: url(../img/projects/17.jpg);
  background-size: cover;
  background-position: 55%
}

.item10 {
  background-image: url(../img/projects/20.jpg);
  background-size: cover;
  background-position: 20%
}

.item11 {
  background-image: url(../img/projects/18.jpg);
  background-size: cover;
  background-position: 55%
}

.item12 {
  background-image: url(../img/projects/19.jpg);
  background-size: cover;
  background-position: 55%
}

.item13 {
  background-image: url(../img/projects/21.jpg);
  background-size: cover;
  background-position: 55%
}


.item14 {
  background-image: url(../img/projects/22.jpg);
  background-size: cover;
  background-position: 55%
}

.item15 {
  background-image: url(../img/projects/23.jpg);
  background-size: cover;
  background-position: 55%
}

.item16 {
  background-image: url(../img/projects/24.jpg);
  background-size: cover;
  background-position: 17%
}

.item17 {
  background-image: url(../img/projects/25.jpg);
  background-size: cover;
  background-position: 97%
}

.item18 {
  background-image: url(../img/projects/26.jpg);
  background-size: cover;
  background-position: 35%
}

.item19 {
  background-image: url(../img/projects/27.jpg);
  background-size: cover;
  background-position: 17%
}

.item20 {
  background-image: url(../img/projects/28.jpg);
  background-size: cover;
  background-position: 28%
}

.item21 {
  background-image: url(../img/projects/29.jpg);
  background-size: cover;
  background-position: 17%
}

.item22 {
  background-image: url(../img/projects/30.jpg);
  background-size: cover;
  background-position: 17%
}

.item23 {
  background-image: url(../img/projects/31.jpg);
  background-size: cover;
  background-position: 17%
}

.item24 {
  background-image: url(../img/projects/32.jpg);
  background-size: cover;
  background-position: 17%
}

.item25 {
  background-image: url(../img/projects/33.jpg);
  background-size: cover;
  background-position: 17%
}

.item26 {
  background-image: url(../img/projects/34.jpg);
  background-size: cover;
  background-position: 17%
}

.item27 {
  background-image: url(../img/projects/35.jpg);
  background-size: cover;
  background-position: 17%
}

.item28 {
  background-image: url(../img/projects/36.jpg);
  background-size: cover;
  background-position: 17%
}

.item29 {
  background-image: url(../img/projects/37.jpg);
  background-size: cover;
  background-position: 17%
}

.item30 {
  background-image: url(../img/projects/38.jpg);
  background-size: cover;
  background-position: 17%
}






.item-project-1-main-indubar {
  background-image: url(../img/projects/in-projects/escuela_industriales/main.jpg);
  background-size: cover;
  background-position: 47%
}
.item-project-1-indubar {
  background-image: url(../img/projects/in-projects/escuela_industriales/1.jpg);
  background-size: cover;
}
.item-project-2-indubar {
  background-image: url(../img/projects/in-projects/escuela_industriales/2.jpg);
  background-size: cover;
}
.item-project-3-indubar {
  background-image: url(../img/projects/in-projects/escuela_industriales/3.jpg);
  background-size: cover;
}
.item-project-4-indubar {
  background-image: url(../img/projects/in-projects/escuela_industriales/4.jpg);
  background-size: cover;
}
.item-project-5-indubar {
  background-image: url(../img/projects/in-projects/escuela_industriales/5.jpg);
  background-size: cover;
}



.item-project-1-main-104 {
  background-image: url(../img/projects/in-projects/edificio_pluri_104/main.jpg);
  background-size: cover;
  background-position: 47%
}
.item-project-1-104 {
  background-image: url(../img/projects/in-projects/edificio_pluri_104/1.jpg);
  background-size: cover;
}
.item-project-2-104 {
  background-image: url(../img/projects/in-projects/edificio_pluri_104/2.jpg);
  background-size: cover;
}
.item-project-3-104 {
  background-image: url(../img/projects/in-projects/edificio_pluri_104/3.jpg);
  background-size: cover;
}


.item-project-1-main-12 {
  background-image: url(../img/projects/in-projects/edificio_pluri_12/main.jpg);
  background-size: cover;
  background-position: 47%
}
.item-project-1-12 {
  background-image: url(../img/projects/in-projects/edificio_pluri_12/1.jpg);
  background-size: cover;
}
.item-project-2-12 {
  background-image: url(../img/projects/in-projects/edificio_pluri_12/2.jpg);
  background-size: cover;
}
.item-project-3-12 {
  background-image: url(../img/projects/in-projects/edificio_pluri_12/3.jpg);
  background-size: cover;
}



.item-project-1-main-40 {
  background-image: url(../img/projects/in-projects/edificio_pluri_40/main.jpg);
  background-size: cover;
  background-position: 47%
}
.item-project-1-40 {
  background-image: url(../img/projects/in-projects/edificio_pluri_40/1.jpg);
  background-size: cover;
}
.item-project-2-40 {
  background-image: url(../img/projects/in-projects/edificio_pluri_40/2.jpg);
  background-size: cover;
}
.item-project-3-40 {
  background-image: url(../img/projects/in-projects/edificio_pluri_40/3.jpg);
  background-size: cover;
}
.item-project-4-40 {
  background-image: url(../img/projects/in-projects/edificio_pluri_40/4.jpg);
  background-size: cover;
}
.item-project-5-40 {
  background-image: url(../img/projects/in-projects/edificio_pluri_40/5.jpg);
  background-size: cover;
}
.item-project-6-40 {
  background-image: url(../img/projects/in-projects/edificio_pluri_40/6.jpg);
  background-size: cover;
}


.item-project-1-main-5 {
  background-image: url(../img/projects/in-projects/5_viviendas_uni/main.jpg);
  background-size: cover;
  background-position: 47%
}
.item-project-1-5 {
  background-image: url(../img/projects/in-projects/5_viviendas_uni/1.jpg);
  background-size: cover;
}
.item-project-2-5 {
  background-image: url(../img/projects/in-projects/5_viviendas_uni/2.jpg);
  background-size: cover;
}
.item-project-3-5 {
  background-image: url(../img/projects/in-projects/5_viviendas_uni/3.jpg);
  background-size: cover;
}
.item-project-4-5 {
  background-image: url(../img/projects/in-projects/5_viviendas_uni/4.jpg);
  background-size: cover;
}


.item-project-1-main-49 {
  background-image: url(../img/projects/in-projects/edificio_pluri_49/main.jpg);
  background-size: cover;
  background-position: 47%
}
.item-project-1-49 {
  background-image: url(../img/projects/in-projects/edificio_pluri_49/1.jpg);
  background-size: cover;
}
.item-project-2-49 {
  background-image: url(../img/projects/in-projects/edificio_pluri_49/2.jpg);
  background-size: cover;
}

.item-project-3-49 {
  background-image: url(../img/projects/in-projects/edificio_pluri_49/3.jpg);
  background-size: cover;
}

.item-project-4-49 {
  background-image: url(../img/projects/in-projects/edificio_pluri_49/4.jpg);
  background-size: cover;
}

.item-project-5-49 {
  background-image: url(../img/projects/in-projects/edificio_pluri_49/5.jpg);
  background-size: cover;
}




.item-project-1-main-allianz {
  background-image: url(../img/projects/in-projects/sede_allianz/main.jpg);
  background-size: cover;
  background-position: 47%
}
.item-project-1-allianz {
  background-image: url(../img/projects/in-projects/sede_allianz/1.jpg);
  background-size: cover;
}
.item-project-2-allianz {
  background-image: url(../img/projects/in-projects/sede_allianz/2.jpg);
  background-size: cover;
}
.item-project-3-allianz {
  background-image: url(../img/projects/in-projects/sede_allianz/3.jpg);
  background-size: cover;
}



.item-project-1-main-22 {
  background-image: url(../img/projects/in-projects/edificio_pluri_22/main.jpg);
  background-size: cover;
  background-position: 47%
}
.item-project-1-22 {
  background-image: url(../img/projects/in-projects/edificio_pluri_22/1.jpg);
  background-size: cover;
}
.item-project-2-22 {
  background-image: url(../img/projects/in-projects/edificio_pluri_22/2.jpg);
  background-size: cover;
}
.item-project-3-22 {
  background-image: url(../img/projects/in-projects/edificio_pluri_22/3.jpg);
  background-size: cover;
}
.item-project-4-22 {
  background-image: url(../img/projects/in-projects/edificio_pluri_22/4.jpg);
  background-size: cover;
}


.item-project-1-main-alandalus {
  background-image: url(../img/projects/in-projects/residencia_alandalus/main.jpg);
  background-size: cover;
  background-position: 47%
}
.item-project-1-alandalus {
  background-image: url(../img/projects/in-projects/residencia_alandalus/1.jpg);
  background-size: cover;
}
.item-project-2-alandalus {
  background-image: url(../img/projects/in-projects/residencia_alandalus/2.jpg);
  background-size: cover;
}
.item-project-3-alandalus {
  background-image: url(../img/projects/in-projects/residencia_alandalus/3.jpg);
  background-size: cover;
}
.item-project-4-alandalus {
  background-image: url(../img/projects/in-projects/residencia_alandalus/4.jpg);
  background-size: cover;
}



.item-project-1-main-unifa {
  background-image: url(../img/projects/in-projects/unifamiliar_entre_medianeras/main.jpg);
  background-size: cover;
  background-position: 0%
}
.item-project-1-unifa {
  background-image: url(../img/projects/in-projects/unifamiliar_entre_medianeras/1.jpg);
  background-size: cover;
}
.item-project-2-unifa {
  background-image: url(../img/projects/in-projects/unifamiliar_entre_medianeras/2.jpg);
  background-size: cover;
}
.item-project-3-unifa {
  background-image: url(../img/projects/in-projects/unifamiliar_entre_medianeras/3.jpg);
  background-size: cover;
}
.item-project-4-unifa {
  background-image: url(../img/projects/in-projects/unifamiliar_entre_medianeras/4.jpg);
  background-size: cover;
}
.item-project-5-unifa {
  background-image: url(../img/projects/in-projects/unifamiliar_entre_medianeras/main.jpg);
  background-size: cover;
  background-position: 100%
}



.item-project-1-main-salvador {
  background-image: url(../img/projects/in-projects/rehabilitacion_salvador/main.jpg);
  background-size: cover;
  background-position: 67%
}
.item-project-1-salvador {
  background-image: url(../img/projects/in-projects/rehabilitacion_salvador/1.jpg);
  background-size: cover;
}
.item-project-2-salvador {
  background-image: url(../img/projects/in-projects/rehabilitacion_salvador/2.jpg);
  background-size: cover;
}


.item-project-1-main-coop {
  background-image: url(../img/projects/in-projects/rehabilitacion_integral_coop/main.jpg);
  background-size: cover;
  background-position: 47%
}
.item-project-1-coop {
  background-image: url(../img/projects/in-projects/rehabilitacion_integral_coop/1.jpg);
  background-size: cover;
}
.item-project-2-coop {
  background-image: url(../img/projects/in-projects/rehabilitacion_integral_coop/2.jpg);
  background-size: cover;
}
.item-project-3-coop {
  background-image: url(../img/projects/in-projects/rehabilitacion_integral_coop/3.jpg);
  background-size: cover;
}



.item-project-1-main-santjosep {
  background-image: url(../img/projects/in-projects/parroquia_santjosep/main.jpg);
  background-size: cover;
  background-position: 47%
}
.item-project-1-santjosep {
  background-image: url(../img/projects/in-projects/parroquia_santjosep/1.jpg);
  background-size: cover;
}
.item-project-2-santjosep {
  background-image: url(../img/projects/in-projects/parroquia_santjosep/2.jpg);
  background-size: cover;
}
.item-project-3-santjosep{
  background-image: url(../img/projects/in-projects/parroquia_santjosep/3.jpg);
  background-size: cover;
}


.item-project-1-main-maco {
  background-image: url(../img/projects/in-projects/nave_industrial_maco/main.jpg);
  background-size: cover;
  background-position: 47%
}
.item-project-1-maco {
  background-image: url(../img/projects/in-projects/nave_industrial_maco/1.jpg);
  background-size: cover;
}
.item-project-2-maco {
  background-image: url(../img/projects/in-projects/nave_industrial_maco/2.jpg);
  background-size: cover;
}
.item-project-3-maco{
  background-image: url(../img/projects/in-projects/nave_industrial_maco/3.jpg);
  background-size: cover;
}



.item-project-1-main-87 {
  background-image: url(../img/projects/in-projects/edificio_87_plazas/main.jpg);
  background-size: cover;
  background-position: 47%
}
.item-project-1-87 {
  background-image: url(../img/projects/in-projects/edificio_87_plazas/1.jpg);
  background-size: cover;
}
.item-project-2-87 {
  background-image: url(../img/projects/in-projects/edificio_87_plazas/2.jpg);
  background-size: cover;
}
.item-project-3-87{
  background-image: url(../img/projects/in-projects/edificio_87_plazas/3.jpg);
  background-size: cover;
}
.item-project-4-87{
  background-image: url(../img/projects/in-projects/edificio_87_plazas/4.jpg);
  background-size: cover;
}



.item-project-1-main-estorauto {
  background-image: url(../img/projects/in-projects/nave_industrial_estorauto/main.jpg);
  background-size: cover;
  background-position: 47%
}
.item-project-1-estorauto {
  background-image: url(../img/projects/in-projects/nave_industrial_estorauto/1.jpg);
  background-size: cover;
}
.item-project-2-estorauto {
  background-image: url(../img/projects/in-projects/nave_industrial_estorauto/2.jpg);
  background-size: cover;
}
.item-project-3-estorauto{
  background-image: url(../img/projects/in-projects/nave_industrial_estorauto/3.jpg);
  background-size: cover;
}



.item-project-1-main-bonanova  {
  background-image: url(../img/projects/in-projects/bonanova/main.jpg);
  background-size: cover;
  background-position: 47%
}
.item-project-1-bonanova  {
  background-image: url(../img/projects/in-projects/bonanova/1.jpg);
  background-size: cover;
}
.item-project-2-bonanova  {
  background-image: url(../img/projects/in-projects/bonanova/2.jpg);
  background-size: cover;
}
.item-project-3-bonanova {
  background-image: url(../img/projects/in-projects/bonanova/3.jpg);
  background-size: cover;
}
.item-project-4-bonanova {
  background-image: url(../img/projects/in-projects/bonanova/4.jpg);
  background-size: cover;
}
.item-project-5-bonanova {
  background-image: url(../img/projects/in-projects/bonanova/5.jpg);
  background-size: cover;
}
.item-project-6-bonanova {
  background-image: url(../img/projects/in-projects/bonanova/6.jpg);
  background-size: cover;
}





.item-project-1-main-despacho  {
  background-image: url(../img/projects/in-projects/despacho/main.jpg);
  background-size: cover;
  background-position: 47%
}
.item-project-1-despacho  {
  background-image: url(../img/projects/in-projects/despacho/1.jpg);
  background-size: cover;
}
.item-project-2-despacho  {
  background-image: url(../img/projects/in-projects/despacho/2.jpg);
  background-size: cover;
}
.item-project-3-despacho {
  background-image: url(../img/projects/in-projects/despacho/3.jpg);
  background-size: cover;
}
.item-project-4-despacho  {
  background-image: url(../img/projects/in-projects/despacho/4.jpg);
  background-size: cover;
}
.item-project-5-despacho  {
  background-image: url(../img/projects/in-projects/despacho/5.jpg);
  background-size: cover;
}
.item-project-6-despacho {
  background-image: url(../img/projects/in-projects/despacho/6.jpg);
  background-size: cover;
}
.item-project-7-despacho  {
  background-image: url(../img/projects/in-projects/despacho/7.jpg);
  background-size: cover;
}
.item-project-8-despacho  {
  background-image: url(../img/projects/in-projects/despacho/8.jpg);
  background-size: cover;
}
.item-project-9-despacho {
  background-image: url(../img/projects/in-projects/despacho/9.jpg);
  background-size: cover;
}




.item-project-1-main-entremedianeras  {
  background-image: url(../img/projects/in-projects/entremedianeras/main.jpg);
  background-size: cover;
  background-position: 47%
}
.item-project-1-entremedianeras  {
  background-image: url(../img/projects/in-projects/entremedianeras/1.jpg);
  background-size: cover;
}
.item-project-2-entremedianeras  {
  background-image: url(../img/projects/in-projects/entremedianeras/2.jpg);
  background-size: cover;
}
.item-project-3-entremedianeras {
  background-image: url(../img/projects/in-projects/entremedianeras/3.jpg);
  background-size: cover;
}




.item-project-1-main-lasalle  {
  background-image: url(../img/projects/in-projects/lasalle/main.jpg);
  background-size: cover;
  background-position: 47%
}
.item-project-1-lasalle  {
  background-image: url(../img/projects/in-projects/lasalle/1.jpg);
  background-size: cover;
}
.item-project-2-lasalle  {
  background-image: url(../img/projects/in-projects/lasalle/2.jpg);
  background-size: cover;
}
.item-project-3-lasalle {
  background-image: url(../img/projects/in-projects/lasalle/3.jpg);
  background-size: cover;
}
.item-project-4-lasalle {
  background-image: url(../img/projects/in-projects/lasalle/4.jpg);
  background-size: cover;
}



.item-project-1-main-consolacion  {
  background-image: url(../img/projects/in-projects/consolacion/main.jpg);
  background-size: cover;
  background-position: 47%
}
.item-project-1-consolacion  {
  background-image: url(../img/projects/in-projects/consolacion/1.jpg);
  background-size: cover;
}
.item-project-2-consolacion  {
  background-image: url(../img/projects/in-projects/consolacion/2.jpg);
  background-size: cover;
}
.item-project-3-consolacion {
  background-image: url(../img/projects/in-projects/consolacion/3.jpg);
  background-size: cover;
}
.item-project-4-consolacion {
  background-image: url(../img/projects/in-projects/consolacion/4.jpg);
  background-size: cover;
}
.item-project-5-consolacion {
  background-image: url(../img/projects/in-projects/consolacion/5.jpg);
  background-size: cover;
}




.item-project-1-main-aldea  {
  background-image: url(../img/projects/in-projects/aldea/main.jpg);
  background-size: cover;
  background-position: 47%
}
.item-project-1-aldea  {
  background-image: url(../img/projects/in-projects/aldea/1.jpg);
  background-size: cover;
}
.item-project-2-aldea  {
  background-image: url(../img/projects/in-projects/aldea/2.jpg);
  background-size: cover;
}
.item-project-3-aldea  {
  background-image: url(../img/projects/in-projects/aldea/3.jpg);
  background-size: cover;
}