#mainNav .navbar-toggler-icon {
color:#FFF!important;
}
.scrollup {
background: rgba(0,0,0,0.6);
bottom: 1.5em;
color: white ;
cursor: pointer;
display: none;
padding: 10px 10px;
position: fixed;
right: 1em;
border-radius: 20px;
z-index: 10;    
}

.navbar-brand a img {
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
nav .activo {
border-bottom: solid 4px #FFFFFF;
}

#mainNav.navbar-shrink img{
display: inline;
   
}
#mainNav.navbar-shrink{
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;  
}
.vote-btn{
color: #3a3a3a!important;
border-radius: 0px;
background-color: #FFFFFF;    
}

header .img_cyber {
width: 43%!important;
text-align: center;    
margin: 0px auto 0px auto;     
}
header .img_aluca{
width: 35%!important;
text-align: center;    
margin: 0px auto 0px auto;    
}
header h1 {
font-family: 'Open Sans', sans-serif, Arial, sans-serif; 
font-size: 1.8em;  
font-weight: 100; 
text-shadow: 1px 1px 3px #5E5C5C;
}
header h6 {
font-size: 1.4em;
color:#666666;    
}
header h7 {
font-family: 'Open Sans', sans-serif, Arial, sans-serif; 
font-size: 1.3em;  
font-weight: 100; 
text-shadow: 1px 1px 3px #5E5C5C;        
}
header .btn-principal {
    
color: #FFF;    
font-size: 1.2em;
font-family: 'Open Sans', sans-serif, Arial, sans-serif; 
margin-top: 20px;
border: solid 1px #FFF;  
background-color: #de0000; 
font-weight: normal;  
border-radius: 5px; 
font-weight: bolder;
    
}
header .btn-principal:hover, header .btn-principal:focus{
color: #de0000!important;
border: solid 1px #de0000; 
background-color: #FFFFFF;   
}



header .header__boton:focus, header .header__boton:active{
text-decoration: none;
border:none;
outline: none;    
}

.owl-one .item {
  background: #ffffff;
  padding: 30px 0px;
  margin: 0px;
  color: #FFF;
  text-align: center;
}
.owl-one .owl-prev {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 35%;
    margin-left: -10px;
    display: block !important;
    border:0px solid black;
    color:#FFFFFF!important;
    font-size: 2em!important;
}
.owl-one .owl-prev:hover,.owl-next:hover {
background-color: transparent!important;
}
.owl-one  .owl-next {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 35%;
    right: 10px;
    display: block !important;
    border:0px solid black;
    color:#FFFFFF!important;
    font-size: 2em!important;
}
.owl-one  .owl-prev i, .owl-next i
{transform : scale(1); color: #ccc;}
   

.owl-carousel .owl-theme .owl-dot{

} 

.cuotas {
background-color: #FFFFFF;
border-radius: 2px;
padding: 20px 10px 10px 10px;
width: 80%;
text-align: center;    
margin-left: auto;
margin-right: auto;
margin-top:-30px;    
z-index: 5;
position: relative;
-webkit-box-shadow: 2px 3px 10px 0 rgba(0,0,0,0.3);
box-shadow: 2px 3px 10px 0 rgba(0,0,0,0.3);    
} 
.cuotas h3 {
font-size: 1.4em;
font-weight: lighter;
margin-bottom: 30px;    
}

.cuotas h4 {
font-size: 1.2em;
font-weight: bold;
margin-bottom: 15px;    
}

.cuotas p {
font-size:0.8em;
margin-top: 5px;    
}
.cuotas img {
width: 30%!important;
margin: 0 auto 0 auto;    
}



.owl-two .item {

  margin: 0px;
  color: #FFF;
  text-align: center;
}
.owl-two .owl-prev {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 30%;
    margin-left: -25px!important;
    display: block !important;
    border:0px solid black;
    font-size: 2.5em!important;
}
.owl-two .owl-prev:hover,.owl-next:hover {
background-color: transparent!important;
}
.owl-two  .owl-next {
    width: 10px;
    margin-left: 60px!important;
    height: 100px;
    position: absolute;
    top: 30%;
    right: 20px;
    margin-left: -25px!important;
    display: block !important;
    border:0px solid black;
    font-size: 2.5em!important;
    margin-right: -15px!important;  
}
.owl-two  .owl-prev i, .owl-two  .owl-next i{
transform: scale(1);
text-shadow: 1px 1px 5px #C7C7C7;
color:#de0000;    
}
 .owl-next:focus,.owl-prev:focus{
outline: 0;
}
.owl-two  .owl-next i:hover, .owl-two  .owl-prev i:hover {
color:#9B0002; 
}

section{
background-color: rgba (0,0,0,0.0);
}

section h2 {
color: #666666;
font-weight: bolder;
font-size: 2.5em; 
display: inline-block;
line-height: 1; 
font-family: 'Open Sans';  
text-align: left;    
}
 

.center-pills {
  
display: flex;
justify-content: center;
font-weight: bold;
width:100%!important;     
}

.nav-pills .nav-link{
font-size: 1em;
color: #666666!important;
border-radius: 0px; 
text-align: center;  
border-bottom: solid 1px #dedede;    
}

.nav-pills .nav-item  .active {
color:#de0000!important;
border-bottom: solid 2px #de0000;
max-width:100%!important;      
background-color: transparent!important;
}
.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 h3 {
margin-top: 20px;    
font-weight: 100;	
font-size: 1.3em;
color: #666666;	
}
.slot h4{
font-size: 1em;
font-weight: bold;
color: #666666;	
}
.slot p {
color: #666666;
font-size: 0.9em;    
}
.slot hr {
border: solid 1px #ededed;
width: 40%	
}
.slot h5 {
font-size: 1em;
color: #666666;		
}
.slot h5 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;	
} 
.slot a:hover,.slot a:focus {
background-color: #9B0002;	
color: #ededed;	
}

.awto {
max-width:100%; text-align: center;
margin-left:auto;
margin-right: auto;
background-color:cadetblue;
padding: 30px 30px; 
font-size:1.5em; 
background-repeat: no-repeat; background-size: cover; background-position: center;
}
.awto h4 {
font-weight: bold;
font-size: 1.3em;    
}
.awto strong {
border: solid 1px #FFFFFF;
padding: 5px;    
}
.awto p {
font-size: 0.8em;
line-height: 2em;    
}
.awto a {
background-color: #FFFFFF;
padding: 5px 10px;
border-radius: 5px;
color: #009DE0!important;
font-size: 0.7em;    
}
.awto img{
width: 10%;
}
.atrapaloaluca {
text-align: center;	
background-repeat: no-repeat;
background-size: cover;
padding: 50px 0px;
border-top: solid 1px #ededed;
border-bottom: solid 1px #ededed;
}
.atrapaloaluca img {
margin-bottom: 30px;	
}
.atrapaloaluca p {
font-size: 1em;	
color:#666666;	
font-weight: bold;	
}
.atrapaloaluca h6 {
font-size: 1.5em;	
color:#666666;
margin-bottom: 20px;
}
.atrapaloaluca strong {
}

.atrapaloaluca span {
font-weight: bold;	
font-size: 15px;
padding: 10px;	
margin: 10px 20px;
color: #FFF;
background-color: rgba(0,0,0,0.4);
}
.atrapaloaluca a {
border-radius: 5px;
font-weight: bold;	
font-size: 15px;
color: #FFF;
background-color: #de0000;
margin-top: 50px;
padding: 10px 30px;	
}
.atrapaloaluca a:hover,.atrapaloaluca a:focus  {
background-color: #B40003;
color: #ededed;	
}

.contenedor-mosaico {
background-color: #de0000!important;

}
.mosaico {
text-align:center;	
color:#FFF;
font-weight: bold;
border-top: none; 
font-size:25px;
padding: 5% 5%;
background-size: cover;    
background-repeat: no-repeat;
  
}
.mosaico:hover {
filter: opacity(0.7);
color:#FFF;
text-decoration: none;	
background-size: cover;	    
    
}


.contacto {
text-align: center;
background-color: #303033;	
}
.legal p {
text-align: left;    
padding-top: 20px;    
background-color: #303033;
color:#c7c7c7!important;    
text-align:center;    
font-size: 0.7em;
}
.legal a {color:#666666;
}
.legal hr {
border: solid 1px #dedede;
}
.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;
}



@media (max-width: 992px) {
header .img_cyber {
    
width: 50%!important;    
    }    

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


@media (max-width: 768px) { 

header .img_cyber {
width: 100%!important;   
    
    }
header .img_aluca{
width:100%!important;
   
}    
header h1, header h7 {
font-family: 'Open Sans', sans-serif, Arial, sans-serif; 
font-size: 1.0em;  
font-weight: 100; 
text-shadow: 1px 1px 3px #5E5C5C;
}
h7 {
line-height: inherit;
} 
header h6 {
font-size:1.2em;
}    
.cuotas h3 {
font-size: 1em;    
}    
.cuotas img {
width:50%!important;
margin: 0px auto 0px auto;   
}    
.nav-pills .nav-link{
font-size: 0.7em;
}
.awto h4 {
font-size: 1em;    }    
.awto p {
font-size: 0.6em;
line-height:inherit;    
}
.awto a {
font-weight: bolder;
font-size: 0.7em;    
}
.awto img{
width: 30%;
}
.atrapaloaluca img{
width: 60%;
}    
.mosaico {
text-align:center;	
color:#FFF;
font-weight: bold;
border-top: none; 
font-size:0.9em;
padding: 5% 5%;
}    
.mosaico img {
width:40%;    
}
}