body {
  margin: 0px;
  font-family: "Verdana", Arial, Helvetica; 
}

/*------ Encabezado sin menu ------*/
.contenedor_header {
  width: 100%;
  height: 62px;
  background-color: #000000;
  position: fixed;
  z-index: 10;  
  }

.header {
  max-width: 1366px;
  min-width: 720px;
  height: 62px;
  margin-left: auto;
  margin-right: auto;
  background-color: #00000;  
  }

.logo_izq {
  position: relative;
  float: left;
  top: 16px;
  left: 30px;
  }

.nombreProyecto {
  position: relative;  
  float: left;
  top: 8px;
  left: 30px;
  font-size: 16px;
  color: #ffffff;
  font-weight: bold;
  }

.header_mobile {
  max-width: 719px;
  min-width: 250px;
  height: 62px;
  margin-left: auto;
  margin-right: auto;
  background-color: #000000;
  display: none;
  z-index: 10;
  }

.logo_izq_mobile a {
  position: relative;
  float: left;
  top: 5px;
  left: 10px;
  }

.nombreProyecto_mobile {
  position: relative;  
  float: left;
  top: 6px;
  left: 15px;
  font-size: 14px;
  color: #ffffff;
  font-weight: bold;
  }

@media screen and (max-width: 719px) {
    .header {
        display: none; }
    .header_mobile {
        display: block; }    
    }

/*------ Contenedor global centrado 1280px ------*/
.contenedor_global {
    width: 100%; 
    height: 100%;  
    /*border: 1px solid red;*/
    }

.contenedor_contenido-1280 {
    max-width: 1280px;     
    height: 100%;  
    position: relative; 
    margin-left: auto;
    margin-right: auto;
    /*border: 1px solid blue;*/
    }

/*------ Modal Slider Fotos -------------------------------------------------------*/  
.modalSliderFotos {  
    width: 100%;
    height: 100%; 
    position: fixed; 
    top: 0px;
    left: 0px;    
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);    
    display: flex; 
    justify-content: center; 
    align-items: center;      
    z-index: 20;  
    }

.modalSliderFotos-content {
    background-color: #ffffff;    
    padding: 5px;
    margin: 10px;
    border-radius: 5px;
    border: 1px solid grey; 
    max-width: 700px;
    min-width: 320px;    
    }

.modalSliderFotosTitulo {
    text-align: center;
    font-weight: bold; }

.modalSliderFotosClose {
    position: absolute;
    z-index: 21;        
    }


.modalSliderFotosClose:hover, .modalSliderFotosClose:focus {
    cursor: pointer;
    }

/*------ Inicio -------------------------------------------------------*/
.inicio_videoBackground {
 	position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1;
    transform: translateX(-50%) translateY(-50%);  
    -webkit-transform: translateX(-50%) translateY(-50%);      
 	}

.index_slogan {
    position: absolute;
    min-width: 340px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%); 	
 	}

.modalPopup {  
    width: 100%;
    height: 100%; 
    position: fixed; 
    top: 0px;
    left: 0px;    
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.8);    
    display: flex; 
    justify-content: center; 
    align-items: center;      
    z-index: 20;  
    }

.modalPopup-content {
    background-color: #ffffff;    
    padding: 5px;
    margin: 10px;
    border-radius: 5px;
    border: 1px solid grey; 
    max-width: 30%;
    min-width: 320px;    
    }

.modalPopupTitulo {
    text-align: center;
    font-weight: bold; }

.modalPopupClose {
    position: absolute;
    z-index: 21;        
    }


.modalPopupClose:hover, .modalPopupClose:focus {
    cursor: pointer;
    }


 /*------ Somos -------------------------------------------------------*/
.SomosSliderCortina {
    position: fixed;
    width: 100%;
    height: 100%;    
    z-index: 0;
   }
 
.somosCaja1-contenido {
    max-width: 520px;     
    padding: 100px 20px 10px 20px;    
    color: #ffffff;
    text-align: justify;  
    }

.somosCaja2 {       
    max-width: 1280px;      
    }

.somosCaja2-contenido {
    right: 0px;              
    margin: 10px 10px 0px 10px;
    max-width: 520px;    
    background-color: #29ABE2;
    opacity: 0.8;     
    position: absolute;  
    bottom: 20px;
    padding: 5px 20px 10px 20px;    
    border-radius: 15px;
    color: #ffffff;
    text-align: justify;      
    }

.somosBotonVerVideo {
    position: relative;
    float: right;
    width: 140px;
    height: 20px;
    border: 2px solid #ffffff;
    border-radius: 20px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    color: #ffffff;
    padding: 5px;
    cursor: pointer;
    display: inline-block;
    }

/*------ Proyectos -------------------------------------------------------*/
.proyectosContenedorGlobal {  
    position: absolute; 
    top: 80px; 
    width: 100%; 
    height: 100%;
    }

.proyectosContenedorPadre {  
    width: 100%;
    height: 100%; 
    position: absolute; 
    top: -62px;
    left: 0px;
    overflow: auto;        
    display: flex; 
    justify-content: center; 
    align-items: center;      
    z-index: 1;      
    }

.proyectosContenedorCajas {
    position: relative;
    padding: 20px;
}

.proyectosCaja1 {    
    max-width: 600px;
    min-width: 300px;
    border: 2px solid #ffffff;       
    display: inline-block;
    margin: 5px;
    }

.proyectosCaja2 {    
    max-width: 600px;
    min-width: 300px;
    border: 2px solid #ffffff;       
    display: inline-block;
    margin: 5px;
    }

/*------ Clientes -------------------------------------------------------*/
.clientesImgFondo {
    position: fixed;
    width: 100%;
    height: 100%;    
    z-index: -1;
   }

.clientesCortina {
    position: fixed;
    width: 100%;
    height: 100%;    
    z-index: 0;
   }

.clientesCaja1 {    
    width: 310px;
    height: 280px;
    padding: 25px 20px 5px 20px;
    float: left;
    font-size: 14px;
    color: #ffffff;
    text-align: justify;
    margin-bottom: 20px;
    }

 .clientesCaja1 a {
    font-size: 14px;
    color: yellow;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    }

.clientesCaja2 {    
    width: 310px;
    height: 300px;
    padding: 5px 20px 5px 20px;
    display: inline-block;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    margin-bottom: 20px;
    }

.clientesFormulario {
    margin-left: auto;
    margin-right: auto;
    margin-top: 4px;
    background-color: #D9EDF7;
    width: 300px;
    border-radius: 10px;
    font-size: 13px;
    color: #000000;
    text-align: center;
    padding: 10px;
    } 

.clientesInput_index {
    width: 225px;
    height: 25px;
    border-radius: 5px;
    border: 1px solid #7F7F7F;
    font-size: 12px;
    text-align: center;
    padding: 3px;
    }

.clientesBoton_enviar {
    width: 180;
    height: 25;
    border-radius: 5px;
    border: 0px;
    font-size: 13px;
    font-weight: bold;
    color: #ffffff;
    background-color: #26252A;
    cursor: pointer;
    }
  
/*------ Bomberos -------------------------------------------------------*/
.bomberosCortina {
    position: fixed;
    width: 100%;
    height: 100%;    
    z-index: 0;
   }

.bomberosCaja1 {       
    max-width: 800px;     
    height: 100%;  
    position: relative; 
    margin-left: auto;
    margin-right: auto;
    }

.bomberosCaja1-contenido {                    
    max-width: 800px;    
    position: absolute;  
    bottom: 20px;
    padding: 20px 20px 10px 20px;        
    text-align: justify;      
    }

.bomberosBoton {
    width: 140px;
    height: 20px;
    border: 2px solid #ffffff;
    border-radius: 20px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    color: #ffffff;
    padding: 5px;
    cursor: pointer;
    display: inline-block;
    }

/*------ Venta - Condominio El Diamante -------------------------------------------------------*/
.ventasCondominioCaja1 {
    width: 100%; 
    position: relative; 
    }

.ventasCondominioCaja2 {
    max-width: 960px; 
    margin-left: auto; 
    margin-right: auto;
    }

/*------ Venta - Urbanizacion El Diamante 2 -------------------------------------------------------*/
.ventasUrbanizacionCaja1 {
    width: 100%; 
    position: relative; 
    }

.ventasUrbanizacionCaja2 {
    max-width: 960px; 
    margin-left: auto; 
    margin-right: auto;
    }

/*------ Nos reinventamos -------------------------------------------------------*/
.nosReinventamosCaja1 {
    width: 100%; 
    position: relative; 
    }

.nosReinventamosCaja2 {
    max-width: 960px; 
    margin-left: auto; 
    margin-right: auto;
    }