/*.row{
    border: solid 1px red;
}
.col-lg-12 .col-md-12{
    border: solid 1px blue !important;
}
.col-lg-6 .col-md-6 {
    border: solid 1px blue !important;
}
*/
/* fonts */
@font-face {   
  font-family: Seravek Regular;
  src: url('../fuentes/Seravek/Seravek.otf');
}
@font-face {   
    font-family: Seravek Bold;
    src: url('../fuentes/Seravek/Seravek-Bold.otf');
}
@font-face {   
  font-family: Madde Tommy Regular;
  src: url('../fuentes/MADE\ TOMMY\ Regular.ttf');
}
@font-face {   
    font-family: Madde Tommy Black;
    src: url('../fuentes/MADE\ TOMMY\ Black.ttf');
}
@font-face {   
  font-family: Madde Tommy Light;
  src: url('../fuentes/MADE\ TOMMY\ Light.ttf');
}
@font-face {   
  font-family: Madde Tommy Bold;
  src: url('../fuentes/MADE\ TOMMY\ Bold.ttf');
}
@font-face {   
  font-family: Museo Sans 100;
  src: url('../fuentes/Museo/Museo_Sans_100.otf');
}
@font-face {   
  font-family: Tactic Sans Thin;
  src: url('../fuentes/Tactic/TacticSans-Thn.otf');
}
@font-face {   
  font-family: Tactic Sans Regular;
  src: url('../fuentes/Tactic/TacticSans-Reg.otf');
}
@font-face {   
  font-family: Tactic Sans Med;
  src: url('../fuentes/Tactic/TacticSansExd-Med.otf');
}



body{
    background-color: #606060;
}
.convocatorias_text{
    color: #5bb132;
    text-decoration: none;
    font-family: Tactic Sans Med;
    font-weight: bold;
    background-color: #FFF;
}
/* change the background color */
.navbar-custom {
    background-color: #3da936 !important;
}

/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    font-family: Seravek Bold;
    color: #fff;
}
.navbar-toggler-icon{
    float: right;
}

/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
      font-family: Seravek Bold;
      font-size: .8em;
      color: #FFF;
    cursor: pointer;
}

.nav-item span{
    width: 20px;
    height: 100px;
   color: #FFF;
   padding: 10px;
  font-size: 1.8em;
 
}

/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:focus .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #FFF;
}
.navbar-light .navbar-toggler {
  color: #FFF;
  border-color: #FFF;
  padding: 2px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.landing{
    background-color: #606060;
    background-size: cover;
}
.cabecera{
    padding-top: 80px;
    background: url('../imagenes/t21/headerGnd.png');
   
    width: 100%;
    background-repeat: repeat-x;
    background-size: cover;
    background-position: center;
}
.logo{
    display: none;
}
.logos_header_izq{
     margin: auto;
    text-align: center;
    margin-top: 20px;
}
.logos_header_der{
     margin: auto;
    text-align: center;
    margin-top: 20px;
}
.centrar{
    text-align: center;
    margin: auto;
}
.honor{
    margin: auto;
     text-align: center;
}
.poco{
    margin: auto;
    text-align: right;
}
.falta_poco{


}
.convocatoria_header{
    margin: auto;
    margin-top: 20px;
    text-align: center;
}
.nuevos{
    text-align: left;
    margin-left: 0px;
    padding-left: 0px;

}
.fecha_countdown{
    margin-top: 50px;
}
.logos_superiore_der{
    margin: auto;
    margin-top: 0px;
    text-align: center;
    padding: 0px;
}
.botones{
    margin-top: 20px;
    margin-bottom: 20px;    
}
.separador{
    margin: auto;
    width: 100%;
    background-repeat: no-repeat;
    background-color: #FFF;
}
.separadorHrz{
    margin: auto;
    text-align: center;
    width: 100%;
    height: 150px;
    background-color: #fff;
    background-repeat: no-repeat; 
}
.fechas{
    margin: auto;
    text-align: center;
    color: #e65d0d;
    font-family: Seravek Bold;
    font-size: 3em;
}
.separadorHorario{
    margin: auto;

    text-align: center;
    width: 100%;
    height: 150px;
   
    border: 1px solid red;

}
.separador_invisible{
    margin: auto;
    width: 100%;
    height: 1px;
}
.separador_mini{
    margin: auto;
    width: 100%;
    height: 10px;
    background-color: #cc9f53;
}
.logos{
     margin: auto;
    text-align: center;
    padding-top: 300px;
}
.btn_insc{
    margin: auto;
    text-align: left;

}
.logotipo{
    margin-top: 100px;

}
.btns_header{
    margin: auto;
    margin-top: 20px;
    text-align: center;
    width: 100%;
}
.botones_inscripcion{
    margin: auto;
    margin-top: 20px;
    margin-right: 20px;
}
.countdown{
    max-width: 240px;
    margin: auto;
    text-align: center;
    margin-top: 0px;

}
.countdown p{
    margin: auto;
    text-align: center;
    margin-top: 0px;
    font-size: .7em;
    color: #FFF;
    font-weight: bold;
    margin-bottom: 10px;

}

#regresiva{
    text-align: center;
    font-family:   font-family: Museo Sans 100;
}
#regresiva span{
    background-color: #FFF;
    padding: 5px;
    min-width: 62px;
    margin: 5px;
    opacity: 0.7;
    border-radius: 5px;
    border: 1px solid #FFF;

}
.digitales{
    float: left;
    /*background-color: #FFF;*/
}
.fisicas{
    float: left;
    /*background-color: #FFF;*/
   
}
.backheader{
    margin: auto;
    text-align: center;
    background-image: url('../imagenes/back_header.png');
    min-height: 100px;
    background-size: cover;

}
.minervita{
    margin: auto;
    text-align: center;
}
.logos_oficiales{
    margin: auto;
    text-align: right;
    position: relative;
    top: 100px;
}
.logos_oficiales_footer{
    margin: auto;
    width: 50%;
    float: left;
}
.avales{
    margin: auto;
    text-align: center;
    position: relative;
    top: 200px;
}
.informacion{
    float: left;
    margin: auto;
    text-align: center;
    width: 100%;
    min-height: 600px;
    background-image: url('../imagenes/t21/backRoles1.png'); 
     background-repeat: repeat-x;
}
.informacion_premiacion{
    margin: auto;
    text-align: center;
    width: 100%;
    
    /*background-color: #FFF !important; */
   
}

.titulo_info{
    margin: auto;
    padding-top: 30px;
   
    text-align: center;
}
.info_info{
    padding-top: 60px;
}
.imagenes{
    max-height: 40px;
}
.detalles_informacion{
    margin-top: 50px;
    text-align: left;
    color: #FFF;
}
.detalles_informacion h3{
    background-image: url('../imagenes/back_informacion.png');
    background-repeat: no-repeat;
    min-height: 50px;
    padding-left: 40px;
}
.convocatorias{
    margin: auto;
    text-align: center;
    padding-top: 20px;
     padding-bottom: 20px;
   background-color: #fab341;
  
}
.croquis{
    width: 100%;
    padding: 0px;
    text-align: center;
    background-color: #FFF;

}

.croquis h3{
    padding-top: 20px;
    font-family: Madde Tommy Bold;
    color: #e41d20;
}
.croquis p{
    color: #000;
    font-family: Madde Tommy Light;
    text-align: left;
}
.croquis ul{
    color: #737276;
    text-align: left;
}
.pie_pagina{
    margin: auto;
    background-color: #6abf4b;
    width: 100%;
    float: left;
}
.footer_contacto{
    margin: auto;
    float: left;
    text-align: center;
  
}
.formulario_contacto .form-group label{
  text-align: left;
  float: left;
}
.formulario_contacto{
    margin: auto;
    text-align: center;
    padding: 10px;
    width: 70%; 
    border-radius: 20px;
    color: #FFF;
    background-color: #6abf4b;
   box-shadow: rgba(100, 100, 111, 0.5) 0px 7px 29px 0px;
}
.enviar{
    background-color: transparent !important;
    border-color: transparent !important;
}
.footer_contacto h3{
    margin-top: 10px;
    font-family: Madde Tommy Bold;
    color: #FFF;
}
.footer_contacto h4{
    font-family: Madde Tommy Bold;
    color: #FFF;
}
.form-control{
    margin-bottom: 5px;
}
.btn-warning{
    background-color: #6abf4b;
    border-color: #6abf4b;
    color: #FFF;
    font-size: 1.5em;
}
.btn-warning:hover{
    background-color: #cc9f53;
    border-color: #cc9f53;
}
.btn_convocatoria{
    margin: auto;
    text-align: center;
    max-width: 180px !important;
    }
@media (max-width: 800px) and (min-width: 300px) {
    .cabecera{
        margin: auto;
        text-align: center;
        width: 100%;
        background-image: url('../imagenes/t21/headerSmart.png');
        padding-top: 10px;
    }
    .fechas{
        margin: auto;
        text-align: center;
        color: #e65d0d;
        font-family: Seravek Bold;
        font-size: 1.5em;
    }
    .informacion{
        float: left;
        margin: auto;
        text-align: center;
        width: 100%;
        min-height: 600px;
        background-image: url('../imagenes/t21/headerSmart.png'); 
    
        background-repeat: repeat-y;
    }
    .esloganSmart{

        margin: auto;
        width: 100%;
        text-align: center;
        margin-top: 330px;
    }
    .portada_smart_left{
        margin: auto;
        text-align: center;
       
    }
    .portada_smart_right{
        float: right;
        margin: auto;
        text-align: center;
    }
    .logoSerialSmart{
        margin-top: 150px;
        margin-bottom: 10px;
    }
    .fechaSmart{
        margin-top: 0px;
           margin-bottom: 20px;
    }
    .btns_header{
        margin: auto;
    }
    .partners_small{
       margin: auto;
       max-width: 50%;
    }
    .partners_small img{
      width: 100%;
      padding: 0px;
    }
    .separadorSmartLeft{
        margin: auto;
        width: 100%;
    }
    .logos_nuevos{
        margin: auto;
        text-align: center;
        margin: 0px;
        margin-top: 20px;
        padding: 0px;
    }

    .partners_small img{
        max-width: 330px;
    }
    .logo_WA_small{
        margin: auto;
        text-align: center;
    }
    .logo_WA_small img{
       max-width: 120px;
    }
    .logo_small{
         margin: auto;
        text-align: center;
    }
    .logo_small img{
        max-width: 280px;
    }
    .fecha_chica{
        margin: auto;
        margin-top: 20px;
        text-align: center;
    }
    .nuevos_chico{
        position: relative;
        margin-top: 20px;
        float: right;
       padding-left: 95px;
        
    }
    .detalles_informacion{
        background-color: #fab341;
        background-image: none;
    }
    .logos_header_izq{
        margin: auto;
        max-width: 192px;
    }
    .logos_header_der{
        margin: auto;
        max-width: 192px;
    }
    .honor{
        margin: auto;
        margin-top: 10px;
        text-align: left;
        float: left;
        width: 100%;
        
    }
     .honor img{
       width: 37%;
        
    }
    .poco{

        width: 60%;
    }
    .falta_poco{

    }
    .falta_poco_small{
        margin: auto;
        margin-top: 20px;
        text-align: center;
        padding: 0px;
    }
    .falta_poco_small img{
        width: 100%px;
    }
    .letras_falta_poco_small{
        max-width: 100%;
      
    }
    .nada_left{
        float: left;
        width: 40%;
      
    }
    .nada_rigth{
        float: left;
        width: 60%;
       
    }
    .letritas {
        margin: auto;
        text-align: center;
        width: 60%;
       
    }
    .titulo_info{
        padding-top: 5px;
    }
    .info_info{
        padding-top: 10px;
    }
    .informacion_premiacion{
        margin: auto;
        text-align: center;
        width: 100%;
        min-height: 800px;
        background-image: url('../imagenes/back_info_premiacion_smart.jpg');
        background-size: cover;
    }
    .logo{
        display: block;
    }
    .logos{
        margin: auto;
        padding-top: 10px;
        text-align: center;
    }
    .btn_insc{
        width: 50%;
        margin: auto;
        text-align: center;
        display: inline;
        margin-bottom: 10px;
    }
    .btn_insc img{

        max-width: 160px;
    }
    .countdown{
    margin: auto;
    text-align: center;
    margin-top: 0px;

    }
    .countdown p{
        margin: auto;
        text-align: center;
        margin-top: 0px;
        font-size: .7em;
        color: #51b9ad;
        margin-bottom: 10px;

    }

    #regresiva{
        text-align: center;
        font-family:   font-family: Museo Sans 100;
    }
    #regresiva span{
        background-color: #FFF;
        padding: 5px;
        min-width: 62px;
        margin: 5px;
        opacity: 0.7;
        border-radius: 5px;
    }
    .logotipo{
    margin-top: 20px;

    }
    .logos_oficiales{
        top:50px;
    }
    .logos_oficiales_footer{
    margin: auto;
    width: 100%;
    float: left;
    }
    .avales{
        top: 10px;
    }
    
    .convocatorias{
    margin: auto;
    text-align: center;
    padding-top: 10px;
    }

    .croquis img{
        padding: 0px;
        margin: 0px;
        width: 100%;
    }
    .footer_smart{
        background-position: left;
        background-repeat: no-repeat;
        background-image: url('../imagenes/t21/backFooterSmart.png');
    }
}

@keyframes fadeInOut {
0%, 100% { opacity: 0; }
50% { opacity: 1; }
}