body{
    font-family: 'Roboto', sans-serif;
    color: #fff;
   
    
}

@font-face {
    font-family: 'iCiel Gotham';
    font-style: normal;
    font-weight: 500;
    src: local('iCiel Gotham'), url('https://fonts.cdnfonts.com/s/70815/icielgothamultraregular.woff') format('woff');
}
.titulo{
    
    font-family: 'Roboto', sans-serif;
    color: #000000;
    font-size: 1rem;
}

.titulo0{
    font-family: 'Roboto', sans-serif;
    color: #000000;
    font-size: 1.3rem;
}

.resaltadox{
    font-size: 1.5rem;
    font-weight: bold;
    
}

.titulocatalogo{
    font-family: 'iCiel Gotham', sans-serif;
    font-size: 1.5rem; 
    align-content: center;
    background-color: black; 
    color:white;

}

  
.titulo1{
    font-family: 'iCiel Gotham', sans-serif;
    font-size: 2.6rem; 
    
    color: black;
   
}

.titulo2{
    font-size: 1.8rem; 
    align-content: center;
    background-color: black; 
    color:white;
}

.columna1{
    width: 20%; 
}

.columna2{
    width: 50%; 
    text-align: left;
    }

    
.columna3{
    width: 30%; 
}

.columna21{
    width: 55%; 
    text-align: left;
    }
.columna31{
        width: 25%; 
    }

    

.columnfooter1{
        width: 15%; 
    }
    
.columnfooter2{
        width: 65%; 
        text-align: left;
        font-size: 1.2rem; 
        }
    
        
.columnfooter3{
        width: 20%; 
    }
    


.columnfooter4{
        width: 55%; 
    }
    
.columnfooter5{
        width: 40%; 
        text-align: left;
        font-size: 1rem; 
        }
    
        
.columnfooter6{
        width: 5%; 
    }
    

.li  {
  margin-left: 0;
}

.cuadro{
    padding: 50px;
    background: #000000c2;
    border-radius: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.footer {
    background: #080808;
    color: #f0f0f0;
    font-size: .9em;
    padding: 25px 0;
    width: 100%;
  }
  
ul.lista li{
    margin-top: 15px;
    margin-bottom: 15px;
    font-weight: 700;
    text-transform: uppercase;
}

ul.lista li a{
    color: #fff;
    -webkit-transition:all .9s ease; /* Safari y Chrome */
    -moz-transition:all .9s ease; /* Firefox */
    -o-transition:all .9s ease; /* IE 9 */
    -ms-transition:all .9s ease; /* Opera */
}

ul.lista li a:hover{
    color: #ffca00;
}


ul.lista li ul.sublista li{
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 400;
    text-transform: none;
}

ul.lista li ul.sublista li a{
    color: #fff;
    -webkit-transition:all .9s ease; /* Safari y Chrome */
    -moz-transition:all .9s ease; /* Firefox */
    -o-transition:all .9s ease; /* IE 9 */
    -ms-transition:all .9s ease; /* Opera */
}

ul.lista li ul.sublista li a:hover{
    color: #ffca00;
}

.centrado{
    margin-left: auto;
    margin-right: auto;
}

.bloque{
    margin-bottom: 20px;
}

.acosa{
    text-align: center;
    padding-top: 0px;
    padding: 0px;

}

.mail{
    color: #fff !important; 
}


hr.style-five {
    border: 0;
    height: 0; /* Firefox... */
    box-shadow: 0 0 10px 1px black;
}



hr.style-eight {
    overflow: visible; /* For IE */
    padding: 0;
    border: none;
    border-top: medium double #333;
    color: #ffca00;
    text-align: center;
}








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


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

}

@media only screen and (min-width: 992px) {

}

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

}


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


}

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

}

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

    .li  {
        margin-left: 0;
      }
      
    .columna1{
        width: 20%; 
    }
    
    .columna2{
        width: 55%; 
        text-align: left;
        }
    
    .columna3{
        width: 25%; 
    }
    .columna21{
        width: 55%; 
        text-align: left;
        }
    
    .columna31{
        width: 25%; 
    }        

    .columnfooter1{
        width: 18%; 
    }
        
    .columnfooter2{
        width: 70%; 
        text-align: left;
        font-size: 1.2rem; 
    }
        
            
    .columnfooter3{
        width: 12%; 
    }
        


    .columnfooter4{
            width: 15%; 
        }
        
    .columnfooter5{
            width: 70%; 
            text-align: center;
            font-size: 1rem; 
            }
        
            
    .columnfooter6{
            width: 15%; 
        }
        


    .titulo0{
        font-family: 'Roboto', sans-serif;
        color: #000000;
        font-size: 0.8rem;
    }

    .titulocatalogo{
        font-family: 'iCiel Gotham', sans-serif; 
        font-size: 1.2rem; 
        font-weight: bolder; 
       text-align: center;
       color: white;
       outline-color: black;
    }

    
    .titulo1{
        font-family: 'iCiel Gotham', sans-serif; 
        font-size: 1.6rem; 
        font-weight: bolder; 
       
    }

    .titulo2{
        font-size: 1.1rem; 
        align-content: center;
        background-color: black; 
        color:white;
        }
        
            
    .footer {
        text-align: center;
        
    }

    .text-right {
        text-align: center!important;
    }
  
}

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

}


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

}