*{
margin: 0px;
padding: 0px;

}

.header{

  z-index: 1;
  position:fixed;
  width: 100%;
  height: 124px;
  background-color: #423f40;
  opacity: 0.9;

}

#principal{
  padding-top: 90px;
}

nav{
  color: white;
  text-align: right;
  margin-top: 50px;
}

nav li{
  display: inline;
  padding: 20px;
}

nav a{
  color: white;
}

a:hover{
  color: #2cc4ad;
  text-decoration: none;
}



/* Imagen rotativa */
.imgRotativa{
  width: 100%;
  height: 100vh;
  background-image: url('../imgs/img1.jpg');
  background-size: cover;
}

@media(max-width: 992px){
  .imgRotativa{
    width: 100%;
    height: 50vh;
    background-image: url('../imgs/img1.jpg');
    background-size: cover;
  }

  .header{

    z-index: 1;
    position:relative;
    width: 100%;
    height: 124px;
    background-color: #423f40;
    opacity: 0.9;

  }


}


/* Sección Nosotros */

.nosotros{
  display: flex;
  width: 100%;
  height: 100vh;
  background-image: url('../imgs/nosotros-img.png');
  background-size: cover;
  align-items:  center;
}


.contenidoNosotros{
  display: flex;
  background: rgba(255, 255, 255, 0.5);
  margin-right: -14px;
}


/*  Conoce los proyectos */

.conoceProyectos{
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100vh;
  background-color: #eee;
}

.conoceProyectos h2{
  text-align: center;
  padding-top: 50px;
  padding-bottom: 50px;
}

.contenidoProyectos{
  display: flex;
  align-items: center;
}
.espacioProyectos{
  padding-top: 50px;
}




/*  Un nuevo concepto  */

.concepto{
  display: flex;
  width: 100%;
  height: 100vh;
  background-image: url('../imgs/concepto1.jpg');
  background-repeat: no-repeat;
  justify-content: flex-end;
}

.contenidoConceptos {
  display: flex;
  align-items: center;
  width: 50%;
  text-align: justify;
  padding-right: 10%;
}


.contacto{
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100vh;
  background-image: url('../imgs/contacto-img.jpg');
  background-size: cover;
}

.contenidoContacto{
  display: flex;
  align-items: center;
}



/*  FIN VINEDOS  */

.vinedos {
  text-align: justify;
}

.imgsPlaza505 img{
  padding:10px;
}




/*  Sección Torre Baluarte */

  .torreBaluarteSeccion p{
    text-align: justify;
  }

  .renderBaluarte{
    text-align: center;
  }

/*  Fin de sección */

.vinedosimgs img{
  padding: 3px;
}

/*  Contacto  */

#contacto{
  display: flex;
  align-items: center;
}
.contenidoContacto{
  display: flex;
  align-items: center;
  text-align: center;
  width: 971px;
  height: 342px;
  background-image: url('../imgs/bg-contacto.png');
}



/*  María José Sección */


.portada{
  margin-top: 250px;
}


/*  Plaza 505 Sección */

.galeriaPlaza505 img{
padding: 5px;
}

/*  Modificación del color de fondo en precios */
.alert-info{
  background-color: #d3f1e7;
}




/*  Responsive design */

/*  Menu */




/* Ocultar el icono de menu en tamaño grande */

@media(min-width:992px){
  .btnMenu{
    display: none;
  }
}

/* Mostrar el icono de menu en tamaño pequeño */

@media(max-width: 991px){
  .btnMenu{
    display: block;
}
 }

 /*  767 -768 - 992  */
/* (max-width: 992px) */
 @media(max-width: 992px){
   .btnMenu{
     display: block;
     position: absolute;
     top: -90px;
     right:  30px;
   }
 }

 /*  Boton Cerrar */

/*  767 */

   @media(max-width: 992px){
     .btnMenuCerrar img{
       display: none;
       position: absolute;
       top: -90px;
       right:  30px;
     }
   }
/*  768 */
  @media(min-width: 992px){
    .btnMenuCerrar {
      display:none;
    }
  }

/* 992 corta mal */

 @media(max-width: 992px){
nav{
  display: none;
  margin-top: -33px;
  width: 97%;
  height: 300px;
  text-align: center;
  background-color: #423f40;

}


   ul li{
     display: block;
   }
 }



.padding{
  padding: 10px;
}



/*  Nodificacion seccion proyectos 767 px */

@media(max-width: 767px){
  .conoceProyectos{
    display: flex;
    justify-content: center;
    width: 100%;
    height: 210vh;
    background-color: #eee;
  }
  .espacioProyectos{
    padding-top: 0px;
  }
  .contenidoProyectos img{
    padding: 10px;
  }
}