body {
font-family: 'Open Sans', sans-serif, Arial, sans-serif;  
}
.col-center{
  float: none;
  margin-left: auto;
  margin-right: auto;
}

header img {
width: 40%;
}

header h1 {
font-size: 1.6em;  
text-transform: uppercase;
font-weight: 100;    
}
header h2 {
font-size: 1.1em;  
font-weight: bolder;    
}

header .arrow {
color: #FFF;    
font-size: 1em;
background-color: rgba(255,255,255,0.1); 
font-weight:100;  
    
  
}
header .btn-principal {
color: #FFF;    
font-size: 1.2em;
font-family: 'Open Sans', sans-serif, Arial, sans-serif; 
margin-top: 50px;
border: solid 1px #FFF;  
background-color: rgba(255,255,255,0.1); 
font-weight: normal;  
border-radius: 0px;    
}


header .btn:hover, header .btn:focus, header .btn:active {
color: #FFF;   
font-size: 1.2em;    
font-family: 'Open Sans', sans-serif, Arial, sans-serif;     
background-color: rgba(255,255,255,0.0); 
}
header .header__boton:focus, header .header__boton:active{
text-decoration: none;
border:none;
outline: none;    
}
#codigos {
padding: 20px 10px 10px 10px;
width: 80%;
text-align: center;    
margin-left: auto;
margin-right: auto;
z-index: 5;
position: relative;
}
#codigos h3, #destinos h3, #ofertas h3 {
font-weight: lighter;    
font-size: 1.8em;
color:#666666;
font-family: 'Open Sans', sans-serif, Arial, sans-serif;
}
#codigos img {
max-width: 50%;
}
#codigos h4 {
color:#3a3a3a;
font-size: 1.2em; 
user-select: all;
font-weight: bolder;
}
#codigos p {
font-size: 0.9em;
color:#666666;
}

#destinos .box-destino {
background-repeat: no-repeat;
background-size: cover;
background-color: #000; 
padding: 60px 0px;    
}
#destinos .box-destino:hover {
filter: brightness(0.9);
background-position: center;    
}
#destinos a {
text-decoration: inherit;
}
#destinos  h4 {
font-size: 1.6em;
font-weight: bolder;
text-shadow: 1px 1px 5px #3a3a3a;    
}
.owl-two .item {
margin: 0px;
color: #FFF;
text-align: center;
}
.owl-two .owl-prev {
width: 10px;
height: 100px;
position: absolute;
top: 30%;
display: block !important;
border:0px solid black;
font-size: 1.9em!important;
left: -20px;
  
}
.owl-two  .owl-next {
width: 10px;
height: 100px;
position: absolute;
top: 30%;
display: block !important;
border:0px solid black;
font-size: 1.9em!important;
right: -13px;    
}
.owl-two .owl-prev:hover,.owl-next:hover {
background-color: transparent!important;
}
.owl-two  .owl-prev i, .owl-two  .owl-next i{
transform: scale(1);
text-shadow: 1px 1px 5px #C7C7C7;
color:#3a3a3a;    
}
.owl-next:focus,.owl-prev:focus{
outline: 0;
}
.owl-two  .owl-next i:hover, .owl-two  .owl-prev i:hover {
color:#9B0002; 
}

.slot {
border-radius: 5px;    
margin: 15px 10px;
text-align: center;	
-webkit-box-shadow: 0 0 10px 2px rgba(0,0,0,0.1);
box-shadow: 0 0 10px 2px rgba(0,0,0,0.1);  
background-size: cover;
background-repeat: no-repeat;
}
.slot img {
border-radius: 5px 5px 0px 0px;      
width: 100%;	
}
.slot h4 {
   
font-weight: 100;	
font-size: 1.2em;
color: #666666;	
}
.slot h5{
margin-top: 10px;    
font-size: 0.9em;
font-weight: bold;
color: #666666;	
}
.slot p {
color: #666666;
font-size: 0.9em;    
}
.slot hr {
border: solid 1px #ededed;
width: 40%	
}
.slot h6 {
font-size: 1em;
color: #666666;		
}
.slot h6 strong{
font-size: 1.7em;	
color: #666666;		
}
.slot span{
display:block;
padding: 10px;	
background-color: #DE0000;
color: #FFFFFF;
position: absolute;
z-index:2;	
margin: -5px -30px 0px 0px;
font-weight: bold;
text-align: left;	
font-size: 1em;	
margin-bottom:0;
}
.slot a{
background-color:#de0000;	
color: #fff;
font-weight: bold; 
text-transform: uppercase;
width: 60%;	
margin: 20px 0px;
border-radius: 5px!important;    
} 
.slot a:hover,.slot a:focus {
background-color: #9B0002;	
color: #ededed;	
}
.item {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;    

}
.item:hover {
margin-top: -5px;

}


#cuotas img{
max-width: 40%;
}



.contacto .legal p {
font-size: 0.8em; 
color: #dedede;    
}
.contacto {
text-align: center;
background-color: #303033;	
}
.contacto h3 {
margin-top: 20px;    
color: #FFF;
font-size: 15px;
font-weight: bold;	
}
.contacto p {
color: #FFF;	
font-size: 12px;	
}
.contacto p i {
margin:	0 5px 0 15px; 
}
.contacto img {
width: 7%	
}
.sociales {
margin-top: 30px;
margin-bottom: 20px;	
text-align: center;	
}
.sociales a {
font-size:25px;	
color: #FFF;
padding: 10px;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;	
}
.sociales a:hover {
color: #de0000;
}
.scrollup {
background: rgba(0,0,0,0.6) ;
bottom: 1.5em;
color: #FFFFFF;
cursor: pointer;
display: none;
padding: 15px;
position: fixed;
right: 1.5em;
border-radius: 30px;
z-index: 5;    
}


@media (max-width: 992px) {
    

  
.contacto img {
width: 20%	
}    
 #mainNav {
 
background-color: transparent;

}    

    
    
 
} 


@media (max-width: 768px) { 
header img {
width: 90%;
}
    header h1 {
font-size: 1.1em;      
    }    
    header h2 {
font-size: 0.9em;    
    
    }     
    

#codigos h3, #destinos h3, #ofertas h3 {
font-weight: lighter;    
font-size: 1.5em;
color:#666666;
font-family: 'Open Sans', sans-serif, Arial, sans-serif;
}    
#codigos img {
max-width: 50%;
}
#codigos h4 {
font-size: 1em;    
}    
#destinos  h4 {
font-size: 1.3em;
}    
  
#cuotas img{
max-width: 80%;
}
}