*{
    font-family: "Roboto-Light";
    box-sizing: border-box;
}

/*body{
}*/

.main{
    width: 100%;    
    height: auto;/*auto;*/
    padding: 10% 3%; 
    overflow-x: hidden;/*OG: scroll*/
    overflow-y: hidden;/*Para quitar la barra extra que aparece*/
}


.about-section{
    position: relative;
    float: left;
    width: 100%;
    /*height: 30em; quitado por imagen*/
       
    text-align: center;    
    display: flex;
    justify-content: center;
    align-items: center;
    
    
    padding: 3% 0% !important;    
    border-bottom: 1px solid lightgray;
        
}

.about-section-separator{
    position: relative;
    float: left;
    width: 5%;
    display: none;
}

.about-section-info{
    position: relative;
    float: left;
    height: auto;    
    padding: 1% 0 !important;    
    margin: 0% 3% !important;
}

.about-section-info h2{
    text-align: center;
    font-size: 180%; /*OG: 160%*/
    padding: 0.5% 0% !important;
}

.about-section-info p, .about-section-info ul{
    text-align: justify;
    font-size: 107%; /*adaptando el texto*/
}

.section-img{
    position: relative;
    float: left;
    height: auto;
    margin: 0 2% !important;
}



#ssg{
    padding: 0;
    overflow: hidden;
    border: none;
}

#ssg img{
    padding: 0;
    margin-top: -11% !important;
    padding: 0;
}

#ssg img:hover{
    border-radius: 0;
}

#ssg-info{
    /*position: absolute;*/ /*quitato para centrarlo*/
    /*width: 60% !important;*/
    height: auto;
    /*left: 5%; quitado para centrarlo*/
    /*top: 30%;*//*og: 19%*/
    margin-top: 5% !important;
    z-index: 1;
    background-color:rgba(255,255,255,0.90);/* rgba(0,0,0,0.85);*//*Para no opacar el texto, se utiliza el bg color con valor alpha*/
    color: #25336c;
    /*opacity: 0.90;*/
    display: initial;
    border-radius: 25px 25px 25px 25px;
}

#ssg-info h2{
    position: relative;
    /*float: left; Se comento para centrar el título*/
    padding: 0.5% 1% !important;
    left: 0%;
    margin: 0;
}

#ssg-info p{    
    position: relative;
    float: left;
    text-align: justify !important;
    /*Agregados para ser similar al SSG*/
    padding: 0 3% !important;
    margin-top: 0 !important;
    margin-bottom: 1rem !important;
    font-size: 120%;
}





#galeria{
    display: inline;    
    padding: 3% 5% !important;
    overflow: hidden;
    height: auto !important;
}

#galeria h2{
    font-size: 230%; /*og: 200%*/
    padding: 0.75% 0 !important;
    padding-bottom: 2% !important;
}

.lightspeed-box{
    z-index: 99999999999 !important;
}

.lsb-preview{
    position: relative;
    float: left;
    /*width: 100%; si se deja no queda bien el estilo*/
    height: auto;
}

.gallery-container{
    position: relative;
    float: left;
    height: auto;
    padding: 0 !important;
    margin: 0 !important;
}

.gallery-container a{
    margin: 0 !important;
    padding: 0 1% !important;
}

.gallery-container a:hover .section-gallery-img{
    transform: scale(1.01);
}

.section-gallery-img{
    position: relative;
    float: left;
    margin: 0% 0% !important;
    padding: 1% 0% !important;
    width: 100%;
    
        
    -webkit-transition:all 1s ease 0s;
    -moz-transition:all 1s ease 0s;
    -o-transition:all 1s ease 0s;
    -ms-transition:all 1s ease 0s; 
    
}
/*
.section-gallery-img:hover{
    transform: scale(1.05);
    border-radius: 5%;
}
*/



#ubicacion{   
    display: initial;    
    height: auto; /*33em*/
}

#ubicacion .about-section-info{ 
    left: 20%;
    text-align: center !important;
}

#ubicacion .about-section-info p{ 

    text-align: center !important;
    /*Agregados para que salga bien*/
    /*margin-bottom: 1rem !important;*/
}

#ubicacion .section-img{
    left: 25%;
}


@media screen and (max-width: 3801px){

}

@media screen and (max-width: 3751px){

}

@media screen and (max-width: 3701px){
  
}
@media screen and (max-width: 3651px){
  
}
@media screen and (max-width: 3601px){
   
}
@media screen and (max-width: 3551px){
  

}
@media screen and (max-width: 3501px){
   

}
@media screen and (max-width: 3451px){
   

}
@media screen and (max-width: 3401px){
   

}
@media screen and (max-width: 3351px){
 
}
@media screen and (max-width: 3301px){
   
}
@media screen and (max-width: 3251px){
   
}
@media screen and (max-width: 3201px){
  

}
@media screen and (max-width: 3151px){
   

}
@media screen and (max-width: 3101px){
    
}

@media screen and (max-width: 3051px){

}
@media screen and (max-width: 3001px){
 

}

@media screen and (max-width: 2951px){

}

@media screen and (max-width: 2901px){
 
}

@media screen and (max-width: 2851px){
    
}

@media screen and (max-width: 2801px){
       
}

@media screen and (max-width: 2751px){
       
}

@media screen and (max-width: 2701px){
    
}

@media screen and (max-width: 2651px){
     
}

@media screen and (max-width: 2601px){
     
}

@media screen and (max-width: 2551px){
  
}

@media screen and (max-width: 2501px){
    
}

@media screen and (max-width: 2451px){
  
}

@media screen and (max-width: 2401px){
    
}

@media screen and (max-width: 2351px){
   
}

@media screen and (max-width: 2301px){
    
}

@media screen and (max-width: 2251px){
    
}

@media screen and (max-width: 2201px){
  
}

@media screen and (max-width: 2151px){
    
}

@media screen and (max-width: 2101px){
    
}

@media screen and (max-width: 2051px){
    
}

@media screen and (max-width: 2001px){
 
    
}

@media screen and (max-width: 1951px){
  
}

@media screen and (max-width: 1901px){
 
}

@media screen and (max-width: 1851px){
   
}

@media screen and (max-width: 1801px){    
  
}

@media screen and (max-width: 1751px){
   
}

@media screen and (max-width: 1701px){
   
}

@media screen and (max-width: 1651px){
    
}

@media screen and (max-width: 1601px){
 
}

@media screen and (max-width: 1551px){
    
}

@media screen and (max-width: 1501px){
        
 
}

@media screen and (max-width: 1476px){
   

}

@media screen and (max-width: 1441px){
   
    
    
}

@media screen and (max-width: 1401px){
 
    
}

@media screen and (max-width: 1341px){
  

    
}

@media screen and (max-width: 1301px){
  
}

@media screen and (max-width: 1276px){
   
    
}

@media screen and (max-width: 1251px){
    
}

@media screen and (max-width: 1226px){
   
    
}

@media screen and (max-width: 1201px){
    
}

@media screen and (max-width: 1171px){
    
}

@media screen and (max-width: 1151px){
       
}

@media screen and (max-width: 1101px){
    
}

@media screen and (max-width: 1024px){
    
}





/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*---------------------------CSS MOBILE PORTRAIT------------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/



@media screen and (max-width: 991px) and (orientation:portrait){
      .main-title{
          font-size: 180% !important;
      }
    
}

@media screen and (max-width: 941px) and (orientation:portrait){
    
}

@media screen and (max-width: 891px) and (orientation:portrait){
   
    

}

@media screen and (max-width: 841px) and (orientation:portrait){
   
    
}

@media screen and (max-width: 801px) and (orientation:portrait){
    

}

@media screen and (max-width: 768px) and (orientation:portrait){
  
}

@media screen and (max-width: 711px) and (orientation:portrait){
  
    
}

@media screen and (max-width: 661px) and (orientation:portrait){
    
    
    
}

@media screen and (max-width: 601px) and (orientation:portrait){
    
    
}

@media screen and (max-width: 551px) and (orientation:portrait){
      
    

}

@media screen and (max-width: 501px) and (orientation:portrait){
   
    
    
}

@media screen and (max-width: 451px) and (orientation:portrait){
    
    

}

@media screen and (max-width: 421px) and (orientation:portrait){
    
    
}

@media screen and (max-width: 391px) and (orientation:portrait){
  
    

}

@media screen and (max-width: 351px) and (orientation:portrait){
   
    
}

@media screen and (max-width: 331px) and (orientation:portrait){
    
}

@media screen and (max-width: 301px) and (orientation:portrait){
   
}

@media screen and (max-width: 251px) and (orientation:portrait){
    
}




/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*---------------------------CSS MOBILE LANDSCAPE-----------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/



@media screen and (max-width: 991px) and (orientation:landscape){
    
    
}

@media screen and (max-width: 941px) and (orientation:landscape){
    
}

@media screen and (max-width: 891px) and (orientation:landscape){
 
}

@media screen and (max-width: 841px) and (orientation:landscape){
  
}

@media screen and (max-width: 801px) and (orientation:landscape){
  
}

@media screen and (max-width: 768px) and (orientation:landscape){
  
}

@media screen and (max-width: 711px) and (orientation:landscape){
    
}

@media screen and (max-width: 661px) and (orientation:landscape){
    
}

@media screen and (max-width: 601px) and (orientation:landscape){
  
}

@media screen and (max-width: 551px) and (orientation:landscape){
  
}

@media screen and (max-width: 501px) and (orientation:landscape){
  
}

@media screen and (max-width: 451px) and (orientation:landscape){
 
}

@media screen and (max-width: 421px) and (orientation:landscape){
  
}

@media screen and (max-width: 391px) and (orientation:landscape){
  
}

@media screen and (max-width: 351px) and (orientation:landscape){
   
}

@media screen and (max-width: 331px) and (orientation:landscape){
   
}

@media screen and (max-width: 301px) and (orientation:landscape){
  

}

@media screen and (max-width: 251px) and (orientation:landscape){

}