/* width */
::-webkit-scrollbar {
   width: 10px;
 }
 
 /* Track */
 ::-webkit-scrollbar-track {
   background: #f1f1f1;
   border-radius: 5px;
 }
 
 /* Handle */
 ::-webkit-scrollbar-thumb {
   background: var(--color8);
 }
 
 /* Handle on hover */
 ::-webkit-scrollbar-thumb:hover {
   background: var(--color8);
 }

/*=== General Variables ===*/

:root {
    --color1: #17525e;
    --color2: #227586;
    --color3: #828285;
    --color4: #e2e2e2;
    --color5: #135ab8;
    --color6: #869451 ;
    --color7: #1ad688;
    --color8: #1D6EDA;
    --color9: #c40172;
    --color10: #990fff;
    --color11: #4B6823;
    --color12: #0072b1;
    --color13: #55a61d;
    --color14: #e90133;
    --color15: #02728e;
    --color16: #1ec8bf;
    --color17: #ff4747;
    --color18: #ffe27a;
    --color19: #1f5abc;
    --color20: #d2eaff;
    --transition: all 0.2s cubic-bezier(0.19, 0.68, 0.49, 1.21);
    --transition2: all .3s linear;
    --round: 50%;
    --curve: 3px;
    --full: 100%;
 }
 
 .bg-color1-custom {
    background-color: var(--color1);
 }
 
 .bg-color2-custom {
    background-color: #fff !important;
    color: var(--color1) !important;
 }
 
 .bg-color1 {
    background-color: var(--color1);
 }
 
 .bg-color2 {
    background-color: var(--color2);
 }
 
 .bg-color3 {
    background-color: var(--color3);
 }
 
 .bg-color4 {
    background-color: var(--color4);
 }
 
 .bg-color5 {
    background-color: var(--color5);
 }
 
 .bg-color6 {
    background-color: var(--color6);
 }
 
 .bg-color7 {
    background-color: var(--color7);
 }
 
 .bg-color8 {
    background-color: var(--color8);
 }
 
 .bg-color9 {
    background-color: var(--color9);
 }
 
 .bg-color10 {
    background-color: var(--color10);
 }
 
 .bg-color11 {
    background-color: var(--color11);
 }
 
 .bg-color12 {
    background-color: var(--color12);
 }
 
 .bg-color13 {
    background-color: var(--color13);
 }
 
 .bg-color14 {
    background-color: var(--color14);
 }
 
 .bg-color15 {
    background-color: var(--color15);
 }
 
 .bg-color16 {
    background-color: var(--color16);
 }
 
 .bg-color17 {
    background-color: var(--color17);
 }
 
 .bg-color18 {
    background-color: var(--color18);
 }
 
 .bg-color19 {
    background-color: var(--color19);
 }
 
 .bg-color20 {
    background-color: var(--color20);
 }
 
 .text-color1 {
    color: var(--color1);
 }
 
 .text-color2 {
    color: var(--color2);
 }
 
 .text-color3 {
    color: var(--color3);
 }
 
 .text-color4 {
    color: var(--color4);
 }
 
 .text-color5 {
    color: var(--color5);
 }
 
 .text-color6 {
    color: var(--color6);
 }
 
 .text-color7 {
    color: var(--color7);
 }
 
 .text-color8 {
    color: var(--color8);
 }
 
 .text-color9 {
    color: var(--color9);
 }
 
 .text-color10 {
    color: var(--color10);
 }
 
 .text-color11 {
    color: var(--color11);
 }
 
 .text-color12 {
    color: var(--color12);
 }
 
 .text-color13 {
    color: var(--color13);
 }
 
 .text-color14 {
    color: var(--color14);
 }
 
 .text-color15 {
    color: var(--color15);
 }
 
 .text-color16 {
    color: var(--color16);
 }
 
 .text-color17 {
    color: var(--color17);
 }
 
 .text-color18 {
    color: var(--color18);
 }
 
 .text-color19 {
    color: var(--color19);
 }
 
 .text-color20 {
    color: var(--color20);
 }
 
 * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
 }
 
 body {
   background-image: url(../images/rotam/fondo.png);
   height: 100%;
   background-attachment: fixed;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}

.contenedor-pc{
   display: block;   
}

.contenedor-movil{
   display: none;   
}

.container, .container-lg, .container-md, .container-sm, .container-xl {
   max-width: 100%;
   padding: 50px 35px;
}

.hidden{display:none !important;}

 main, section, footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 100%;
    position: relative;
    width: 100%;
}

   .video-transmision {
      position: relative;
      padding-bottom: 56.25%; /* 16/9 ratio */
      padding-top: 30px; /* IE6 workaround*/
      overflow: hidden;
   }

   .video-transmision iframe,
   .video-transmision object,
   .video-transmision embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
   }

.banner_superior{
   margin: 0px auto;
   padding-right: 20px;
   padding-left: 20px;
}

.banner_superior img{
    border-radius: 20px;
}

.sponsors-header{
   padding: 20px;
}

.sponsors-header img{
   width: 220px;
}

.logo-inicio {
   margin-top: 130px;
}

.logo-inicio img{
   width: 85%;
}

.enlaces-inicio {
   margin: 0px auto;
   display: inline-grid;
   width: 100%;
   margin-top: 60px;
   text-align: center;
   padding-left: 80px;
   padding-right: 80px;
   padding-bottom: 80px;
}

.enlaces-inicio a {
   display:block;
   background: var(--color5);
   color: #fff;
   font-size: 22px;
   padding: 20px 73px;
   width: 100%;
   font-weight: 750;
   margin-top: 40px;
   border-radius: 50px;
   box-shadow: 3px 3px 8px rgb(0 0 0 / 30%);
}

.banner_login{   
   width: 100%;
   display: grid;
}
.banner_login img{
   width:70%;
}

#titulo_login{
   width: 70%;
   margin-left: 95px;
   float: left;
}

#titulo_login2{
   width: 60%;
   margin-top: 50px;
   margin-left: 95px;
   float: left;
}

#titulo_login3{
   width: 35%;
   margin-top: 50px;
   margin-left: 95px;
   float: left;
}

.enlaces-inicio a:hover {
   opacity:0.8;
   text-decoration: none;
}

.banner-login img{

   width: 100%;
}

.content-login{
   padding: 0 100px;
}

.content-inputs{
   border-radius: 30px;
   padding: 15px 25px;
}

.content-inputs h4{
   text-align: center;
   padding-top: 15px;   
   color: #888888;
}

.inputs-custom{
   width: 100%;
   display: grid;
   padding:20px;

}
.inputs-custom > input, select, textarea{    
   color: #a0a0a0;
   background: #fff;
   border-radius: 30px;
   padding: 20px;
   border: 0;
   margin-top: 25px;
}

.inputs-custom > input[type=submit]{
   width: 60%;
   background: var(--color5);
   color: #fff;
   font-weight: 500;
   text-transform: uppercase;
   font-size: 16px;
   margin: 0px auto;
   margin-top: 30px;
}

.inputs-custom > input[type=submit]:hover{
   opacity: 0.8;
}

.inputs-custom a{
   text-align: center;
   padding-top: 30px;
   font-size: 18px;
   color:var(--color5);
   font-weight: 400;
}

.inputs-custom a:hover{
   opacity: 0.8;
}


 /* MENU */

 .campo_computador{
     display:block;
     width: 100%;
 }

 #banner-superior-movil{display:none}



 .active {
    display: block !important;
    animation-name: menu;
    animation-duration: 0.8s;  
    animation-fill-mode: forwards;
 }
 
 @keyframes menu {
    from {left: -100%;}
    to {left: 0%;}
 }

 .hidden-menu{
    display: block !important;
    animation-name: hidden-menu;
    animation-duration: 0.8s;  
    animation-fill-mode: forwards;
 }
 
 @keyframes hidden-menu {
    from {left: 0%;}
    to {left: -100%;}
  }

 header {
    float: right;
    padding-top: 20px;
    padding-right: 20px;
 }

 .abrir-menu-movil {
    display: none;
 }

 .cerrar-menu-movil {
    display: none;
 }

 .bg_menu_telefono{
    display: none;
 }

 .menu {
    font-size: 0;
    text-align: center;
    border-radius: 50px;    
    background:var(--color4);
 }
 
 .menu * {
    font: normal 15px Arial, Helvetica, sans-serif;
    
 }
 
 .menu>li {
    display: inline-block;
    position: relative;
    border-radius: 50px;
 }
 
 .menu li a {
    display: inline-block;
    padding: .85rem 1.25em;
    text-decoration: none;
    color: var(--color3);
    
 }
 
 .menu li a:hover {
    color: #fff;
 }
 
 .menu ul {
    display: none;
    position: absolute;
    right: 0;    
 }
 
 .menu li:hover {
    background: var(--color1);
    color: #fff;
 }

 .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -30px;
    margin-left: -30px;
}

.confe-card{
   color: #5a5a5a;
   font-size: 16px;
   padding-top: 20px;
   line-height: 19px;
   border-radius: 15px;
   border: 0;
   margin-bottom: 20px;
   margin: -15px;
}

.sponsors-header3{
   padding:10px;
}

.btn-login{
   display: block;
   padding: 60px;
}
 
.btn-login a {
   display: grid;
   background: rgba(252,91,4,1);
   background: linear-gradient(45deg, rgba(252,91,4,1) 0%, rgba(252,135,4,1) 100%);
   padding: 20px 0px;
   font-size: 20px;
   width: 300px;
   color: #fff;
   border-radius: 45px;
   text-align: center;
   box-shadow: 0px 0px 32px rgb(0 0 0 / 30%);
   text-decoration: none;
   transition:0.4s
}

.btn-login a:hover{
   padding: 15px 0px;
   font-size: 20px;
   width: 290px;
   transition:0.4s    
}

.btn-login span{
   text-transform: uppercase;
   font-weight: 700;
   font-size: 27px;
   margin-top: -20px;
}

.btns-pc{display:block}
.btns-movil{display:none}
.btns-tablet{display:none}

.btn-inicio {padding: 100px;}

.btn-inicio a {
   display: grid;
   background: rgba(252,91,4,1);
   background: linear-gradient(45deg, rgba(252,91,4,1) 0%, rgba(252,135,4,1) 100%);
   padding: 20px 0px;
   font-size: 20px;
   width: 200px;
   color: #fff;
   border-radius: 45px;
   text-align: center;
   box-shadow: 0px 0px 32px rgb(0 0 0 / 30%);
   text-decoration: none;
   transition:0.4s
}

.btn-inicio a:hover{
   padding: 15px 0px;
   font-size: 20px;
   width: 190px;
   transition:0.4s    
}

.btn-inicio span{
   text-transform: uppercase;
   font-weight: 700;
   font-size: 22px;
   margin-top: -20px;
}

.btn-inicio img{
   width: 90px;
   margin-bottom: 25px;
}

.sponsors-header2 {
   padding: 20px 0px 20px 20px;
}

.sponsors-header2 img{
   width: 200px;
}
#titulo_inicio{
   width: 50%;
   margin-left: 120px;
}
#banner_inicio{
   width: 80%;
}


.row-fluid{
   width: 100%;
}

.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid [class*="span"] {
   min-height: 30px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   float: left;
   margin-left: 2.127659574468085%;
}
.row-fluid .span1 {
   width: 6.982906%;
}
.row-fluid .offset8 {
   margin-left: 80%;
}

#banner_superpuesto{
   margin-top: -7%;
}

#banner_superpuesto img{
   width: 60%;
}

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

   #banner_superpuesto{display: none;}

   .row-fluid .offset8 {
      margin-left: 81%;
   }

   .sponsors-header2{
      text-align: center;
   }

   .sponsors-header2 img{
      width: 60%;
      margin-top: 80px;      
   }

   #titulo_inicio {
      width: 50%;
      margin-left: 90px;
   }

   #banner_inicio {
      width: 90%;
  }

   .col-md-4 {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
  }

  .col-md-8 {
   -ms-flex: 0 0 100%;
   flex: 0 0 100%;
   max-width: 100%;
}

   .btns-pc{display:none}
   .btns-movil{display:none}   
   .btns-tablet{display:block}  
    
   .btn-inicio3 {
      padding: 0;
   }

   .btn-inicio3 a {
      display: inline-block;
    background: rgba(252,91,4,1);
    background: linear-gradient(45deg, rgba(252,91,4,1) 0%, rgba(252,135,4,1) 100%);
    padding: 20px 0px;
    font-size: 20px;
    width: 170px;
    color: #fff;
    margin-left: 10px;
    border-radius: 20px;
    text-align: center;
    box-shadow: 0px 0px 32px rgb(0 0 0 / 30%);
    text-decoration: none;
    transition: 0.4s;
   }   

   .btn-inicio3 a:hover{
      padding: 15px 0px;
      font-size: 20px;
      width: 160px;
      transition:0.4s    
   }

   .btn-inicio3 span {
      font-size: 16px;
   }  
    
   .btn-inicio3 img {
      margin-bottom: 9px;
   }

   .contenedor-pc{
      display: none;   
   }
   
   .contenedor-movil{
      display: block;   
   }

   .banner-login{

      margin-top:20px
   }

   .logo-inicio {
      margin-top: 20px !important;
   }

   .sponsors-header3{
      padding: 10px;
   }

   .sponsors-header3 img{
      width: 100%;
      margin-top: 0px;      
   }   

   .sponsors-header{
      padding: 20px;
   }

   .enlaces-inicio a {
      display: block;
      background: var(--color5);
      color: #fff;
      font-size: 21px;
      padding: 16px 60px;
      width: 100%;
      font-weight: 750;
      margin-top: 27px;
      border-radius: 50px;
      box-shadow: 3px 3px 8px rgb(0 0 0 / 30%);
  }

   .col-md-7 {
      -ms-flex: 0 0 100% !important;
      flex: 0 0 100% !important;
      max-width: 100% !important;
   }

   .col-md-6 {
      -ms-flex: 0 0 100% !important;
      flex: 0 0 100% !important;
      max-width: 100% !important;
   }

   .col-md-5 {
      -ms-flex: 0 0 100% !important;
      flex: 0 0 100% !important;
      max-width: 100% !important;
   }

   .sponsors-header{
      padding: 20px;
   }

   .sponsors-header img{
      width: 300px;
   }

   .content-login{
      padding: 30px 10px;
   }

   .content-inputs{
      border-radius: 30px;
      padding: 15px 25px;
   }

   .content-inputs h4{
      text-align: center;
      padding-top: 15px;
      font-size: 19px;
      color: #888888;
   }

   .inputs-custom{
      width: 100%;
      display: grid;
      padding:0px;

   }
   .inputs-custom > input, select, textarea{   
      color: #a0a0a0;
      background: #fff;
      border-radius: 30px;
      padding: 15px;
      border: 0;
      margin-top: 25px;
   }

   .inputs-custom > input[type=submit]{
      width: 100%;
      background: var(--color5);
      color: #fff;
      font-weight: 500;
      text-transform: uppercase;
      font-size: 15px;
      margin: 0;
      margin-top: 25px;
   }

   .inputs-custom > input[type=submit]:hover{
      opacity: 0.8;
   }
     
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
        width: 100%;
        padding-right: none;
        padding-left: none;
        margin-right: auto;
        margin-left: auto;
    }

    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: none;
        padding: 0px 35px;
    }

    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
        position: relative;
        width: 100%;
        padding-right: 7px;
        padding-left: 7px;
    }

    .container-vc{
        margin-top: 0px;
    }
    
    .banner_superior{
        margin: 0px auto;
        margin-top: 70px;
        padding-right: 7px;
        padding-left: 7px;
        padding-bottom: 20px;
        height: 115px;
    }

    .video-transmision {
        width: 100%;
        height: 250px;
        border-radius: 20px;
    }

    #banner-superior{
      display:block;
      width: 100%;
    }

    #banner-superior-movil{display:none}
   
    .campo_movil{
        display:none;
    }
   
    .campo_tablet{
        display:block;
    }

    html,
    body {
       height: 100%;
    }
    .menu{
        display:none;
    }

    header {
        width: 100%;
       height: initial;       
       float: left;
       padding: 0px;
    }
    .abrir-menu-movil {
        display: inline-block;
        width: 50px;
        height: 3.125rem;
        background: var(--color1) url(../images/boton_abrir.png) no-repeat left center;
        background-position: 15px;
        background-size: 20px;
        border: 0;
        border-radius: 15px;
        margin: 7px;
        position: absolute;
        z-index: 10000;
        outline: 0;
        cursor: pointer;
    }

    .cerrar-menu-movil {
        display: inline-block;
        width: 50px;
        height: 3.125rem;
        background: var(--color2) url(../images/boton_cerrar.png) no-repeat left center;
        background-position: 15px;
        background-size: 20px;
        border: 0;
        border-radius: 15px;
        margin: 7px;
        position: absolute;
        z-index: 10000;
        outline: 0;
        cursor: pointer;
    }

    .bg_menu_telefono {
        text-align: left;
        border-radius: 0px !important;
        background: var(--color4);
        min-height: 500px;
        width: 340px;
        position: absolute;
        z-index: 9999;     
     }

     .perfil_menu{
        text-align: center;
        padding: 40px;
     }

     .perfil_menu >li {
        color:var(--color3) !important;
        display: inline-block;
        position: relative;
        border-radius: 0px !important;
        width: 100% !important;
        font-size: 20px;
    }

    .rounded-letra{
        background: var(--color1);
        border-radius: 100%;
        width: 100px;
        height: 100px;
        margin: 0px auto;
        font-size: 50px;
        padding: 10px;
        font-weight: 600;
        color: #fff;
        margin-bottom: 30px;
    }

    .menu_telefono {
       font-size: 0;
       text-align: left;
       border-radius: 0px !important;
    }
    
    .menu_telefono * {
       font: normal 15px Arial, Helvetica, sans-serif;
       
    }
    
    .menu_telefono>li {
       display: inline-block;
       position: relative;
       border-radius: 0px !important;
       width: 100% !important;
    }
    
    .menu_telefono li a {
       display: inline-block;
       padding: 1.2rem 1.25em;;
       text-decoration: none;
       color: var(--color3);
       width: 100%;
       font-size: 18px;
    }
    
    .menu_telefono li a:hover {
       color: #fff;
    }
    
    .menu_telefono ul {
       display: none;
       position: absolute;
       right: 0;    
    }
    
    .menu_telefono li:hover {
       background: var(--color1);
       color: #fff;
    }
 }
 
 @media only screen and (max-width: 768px) {

   #banner_superpuesto{display: none;}

   .row-fluid .offset8 {
      margin-left: 70%;
   }

   .sponsors-header2 {
      padding: 0px;
      text-align: center;
   }
   
   .sponsors-header2 img{
      width: 300px;
   }
   #titulo_inicio{
      width: 70%;
    margin-left: 25px;
   }
   #titulo_login {
      width: 70%;
      margin-left: 52px;
      float: left;
  }
   #banner_inicio{
      width: 100%;
   }

   .btns-pc{display:none}
   .btns-movil{display:block}   
   .btns-tablet{display:none}
    
   .btn-inicio {
      padding: 0;
   }

   .btn-inicio a {
      display: inline-block;
      background: rgba(252,91,4,1);
      background: linear-gradient(45deg , rgba(252,91,4,1) 0%, rgba(252,135,4,1) 100%);
      padding: 20px 0px;
      font-size: 20px;
      width: 140px;
      color: #fff;      
      margin-left: 10px;
      border-radius: 20px;
      text-align: center;
      box-shadow: 0px 0px 32px rgb(0 0 0 / 30%);
      text-decoration: none;
      transition: 0.4s;
   }   

   .btn-inicio a:hover{
      padding: 15px 0px;
      font-size: 20px;
      width: 135px;
      transition:0.4s    
   }

   .btn-inicio span {
      font-size: 16px;
   }  
    
   .btn-inicio img {
      margin-bottom: 9px;
   }


   
    
   .btn-inicio2 {
      padding: 0;
   }

   .btn-inicio2 a {
      background: rgba(252,91,4,1);
      background: linear-gradient(45deg, rgba(252,91,4,1) 0%, rgba(252,135,4,1) 100%);
      padding: 0px 0px;
      font-size: 20px;
      width: 73%;
      color: #fff;
      display: inline-flex;
      border-radius: 20px;
      text-align: center;
      margin-left: 15px;
      box-shadow: 0px 0px 32px rgb(0 0 0 / 30%);
      text-decoration: none;
      transition: 0.4s;
  }

   .btn-inicio2 a:hover{
      font-size: 20px;
      width: 70%;
      transition: 0.4s;   
   }

   .btn-inicio2 span {
      font-size: 16px;
      text-transform: uppercase;
      font-weight: 700;
      padding: 17px 0px;
   }  
    
   .btn-inicio2 img {
      padding: 10px;
   }

   .btn-login {
      display: block;
      padding: 0;
   }

   .btn-login a {
      display: grid;
      background: rgba(252,91,4,1);
      background: linear-gradient(45deg, rgba(252,91,4,1) 0%, rgba(252,135,4,1) 100%);
      padding: 20px 0px;
      font-size: 20px;
      width: 200px;
      color: #fff;
      border-radius: 45px;
      text-align: center;
      box-shadow: 0px 0px 32px rgb(0 0 0 / 30%);
      text-decoration: none;
      transition: 0.4s;
  }

  .btn-login a:hover{
   padding: 15px 0px;
   font-size: 20px;
   width: 195px;
   transition:0.4s    
}

  .btn-login lord-icon {

   width: 200px !important;
   height: 130px !important;

  }


   .banner_login img {
      width: 90%;
      margin-top: 0;
  }

   .contenedor-pc{
      display: none;   
   }
   
   .contenedor-movil{
      display: block;   
   }

   .logo-inicio {
      margin-top: 0px !important;
   }
   .sponsors-header3{
      padding: 10px;
   }

   .sponsors-header3 img{
      width: 100%;
      margin-top: 0px;      
   }    

   .sponsors-header{
      padding: 20px;
   }

   .enlaces-inicio {
      padding-left: 0px;
      margin-top: 10px;
      padding-right: 0px;
      padding-bottom: 0px;
   }

   .enlaces-inicio a {
      display: block;
      background: var(--color5);
      color: #fff;
      font-size: 19px;
      padding: 14px;
      width: 80%;
      font-weight: 750;
      margin-top: 27px;
      border-radius: 50px;
      box-shadow: 3px 3px 8px rgb(0 0 0 / 30%);
   }

   .sponsors-header img{
      width: 100%;
   }

   .content-login{
      padding: 30px 10px;
   }

   .content-inputs{
      border-radius: 30px;
      padding: 15px 25px;
   }

   .content-inputs h4{
      text-align: center;
      padding-top: 15px;
      font-size: 19px;
      color: #888888;
   }

   .inputs-custom{
      width: 100%;
      display: grid;
      padding:0px;

   }
   .inputs-custom > input, select, textarea{   
      color: #a0a0a0;
      background: #fff;
      border-radius: 30px;
      padding: 15px;
      border: 0;
      margin-top: 25px;
      width: 100%;
   }

   .inputs-custom{
      padding-right: 15px;
   }

   .inputs-custom > input[type=submit]{
      width: 100%;
      background: var(--color5);
      color: #fff;
      font-weight: 500;
      text-transform: uppercase;
      font-size: 15px;
      margin: 0;
      margin-top: 25px;
   }

   .inputs-custom > input[type=submit]:hover{
      opacity: 0.8;
   }

    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
        position: relative;
        width: 100%;
        padding-right: 7px;
        padding-left: 7px;
    }

    .container-vc{
        margin-top: 130px;
    }

    .video-transmision{
        width: 100%;
        height: 215px;
        border-radius: 20px;
    }

    #banner-superior{
      display:none;
    }

    #banner-superior-movil{display:block}
    #banner-inferior{
       display:block;
    }

    .banner_superior{
        margin: 0px auto;
        position: absolute;
        padding: 7px !important;
        margin-top: 60px !important;    
     } 

    header {
        width: 100%;
       height: initial;       
       float: left;
       padding: 0px;
    }
	.abrir-menu-movil {
        display: inline-block;
        width: 50px;
        height: 3.125rem;
        background: var(--color1) url(../images/boton_abrir.png) no-repeat left center;
        background-position: 15px;
        background-size: 20px;
        border: 0;
        border-radius: 15px;
        margin: 7px; 
        position: absolute;
        z-index: 10000;
        outline: 0;
        cursor: pointer;
	}

    .cerrar-menu-movil {
        display: inline-block;
        width: 50px;
        height: 3.125rem;
        background: var(--color2) url(../images/boton_cerrar.png) no-repeat left center;
        background-position: 15px;
        background-size: 20px;
        border: 0;
        border-radius: 15px;
        margin: 7px;
        position: absolute;
        z-index: 10000;
        outline: 0;
        cursor: pointer;
	}

    .bg_menu_telefono {
        text-align: left;
        border-radius: 0px !important;
        background: #f1f1f1;
        height: 100%;
        width: 340px;
        position: absolute;
        z-index: 9999;      
     }

     .perfil_menu{
        text-align: center;
        padding: 40px;
     }

     .perfil_menu >li {
        color:var(--color3) !important;
        display: inline-block;
        position: relative;
        border-radius: 0px !important;
        width: 100% !important;
        font-size: 20px;
    }

    .rounded-letra{
        background: var(--color1);
        border-radius: 100%;
        width: 100px;
        height: 100px;
        margin: 0px auto;
        font-size: 50px;
        padding: 10px;
        font-weight: 600;
        color: #fff;
        margin-bottom: 30px;
    }

    .menu_telefono {
       font-size: 0;
       text-align: left;
       border-radius: 0px !important;
    }
    
    .menu_telefono * {
       font: normal 15px Arial, Helvetica, sans-serif;
       
    }
    
    .menu_telefono>li {
       display: inline-block;
       position: relative;
       border-radius: 0px !important;
       width: 100% !important;
    }
    
    .menu_telefono li a {
       display: inline-block;
       padding: 1.2rem 1.25em;;
       text-decoration: none;
       color: var(--color3);
       width: 100%;
       font-size: 16px;
    }
    
    .menu_telefono li a:hover {
       color: #fff;
    }
    
    .menu_telefono ul {
       display: none;
       position: absolute;
       right: 0;    
    }
    
    .menu_telefono li:hover {
       background: var(--color1);
       color: #fff;
    }

    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
        width: 100%;
        padding-right: 30px;
        padding-left: 30px;
        margin-right: auto;
        margin-left: auto;
    }

    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: none;
        padding: 50px 35px;
    }
 }

 /* FIN MENU */