*{
    font-family: "Roboto-Light";
    box-sizing: border-box;
}
/*Tabla espaciado arriba y abajo*/
td, th{
    padding: 0.5rem 0.5rem !important;
}
/*fin tabla espaciado*/

.main{
    width: 100%;    
    height: auto;
    /*padding: 10% 0% !important;*/ /*OG: 10% 3%*/ 
    padding-top: 8% !important;
    overflow-x: hidden; /*OG: scroll*/
    /*Para mostrar el texto*/
    /*margin-top:5% !important;*/
    font-size: 110%;
}

/*nuevo para indice*/
.indice{
    text-decoration: none;
}
/*fin indice*/
.section-container{
    height: auto;
    background-color: white;    
    /*nuevo*/
    padding: 2% 0 !important;
    text-align: center;
    border-bottom: 1px solid lightgray;
    margin-left: 12% !important;
}

.section-container h2{
    text-align: center !important;
    padding: 0% 3% !important;
    font-family: "Roboto-Regular" !important;
    float:center;
}

.section-container p{
    text-align: justify;
    padding: 0 3% !important;
    margin-bottom: 1rem !important;
}



@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){
  .section-container{
  
    margin-left: 0% !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){
    
      .section-container{
  
    margin-left: 0% !important;
}
}

@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){

}