/* GLOBAL STYLES
-------------------------------------------------- */

@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300ita‌​lic,400italic,500,500italic,700,700italic,900italic,900);

html,
body,
html * {
  font-family: 'Roboto Condensed', sans-serif;
}



/* Padding below the footer and lighter body text */


body {
  padding-bottom: 0;
  color: rgb(0, 0, 0);
  background-size: 100% auto;
}

#franja_superior {
  height: 10px;
  background-color: #1990CE;
}

#franja_inferior {
  height: 10px;
  background-color: #003B8E;
}

/* Header Parallax Element Style*/
.paral {
  min-height: 800px;
  background-attachment: fixed;
  background-size: cover;
  background-position: 50% 50%;
  background-color: #B89D2B;
}


/* Image for Parallax Section */
.paraldireccion {
  background-image: url("../img/fondo.jpg");
}


.titulo_texto {
  color: #003595;
  font-family: "Roboto Condensed", Sans-serif;
  font-size: 28px;
  text-align: center;
  font-weight: bold;

}

.msj-actualizacion {
  margin-top: 50px;
}

.espacio_abajo {
  padding-bottom: 3px;
  margin-bottom: 15px;
  border-bottom: #29abe2 1px solid;
}

.dof {}

.accordion-button.tit {
  color: rgb(255, 255, 255);
  background: #003595;
}

.accordion-button.tit::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button.collapsed {
  color: white;
  background: #1d71b8;
}

.accordion-button.collapsed::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}


.titulo_azul {
  color: #003595;
  font-family: "Roboto Condensed", Sans-serif;
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  border-bottom: #b89d2b 1px solid;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.titulo_azul>span {
  color: #1b71b8;
  font-size: 22px;
  font-style: italic;
}

.titulo_amarillo {
  color: #8a7520;
  font-family: "Roboto Condensed", Sans-serif;
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  border-bottom: #003595 1px solid;
  margin-bottom: 25px;
  padding-bottom: 15px;

}

.accordion {
  margin-bottom: 20px;
}

.periodo>div {
  display: flex;

}

.ligas>a {
  margin: 20px;
}

.titulo_amarillo>span {
  color: #b89d2b;
  font-size: 22px;
  font-style: italic;
}

.titulo_amarillo>p {
  margin-bottom: 0px;
}

.container_titulo {
  border-bottom: #8a7520;
}

.subTitulo_amarillo {
  color: #b89d2b;
  font-size: 22px;
  font-style: italic;
}

.subTitulo_azul {
  font-family: "Roboto Condensed", Sans-serif;
  text-align: center;
  color: #1b71b8;
  font-size: 22px;
  font-style: italic;
  padding-top: 25px;
}

#tdCentrado {
  text-align: center;
}


/*media menus */
#big_menu {
  display: none;
  visibility: hidden;
}

#small_menu {
  display: block;
  visibility: visible;
}

.superior {
  height: 80px;
  padding: 0px;
  margin: 0px;
  padding-top: 20px;
  background-color: #b89d2b;
}

.superior .logo {
  width: 100px;
  height: 105px;
  margin: 0px;
  padding: 0px;
  top: 0px;
}

#text-aling-left {
  text-align: left;
}

.superior .consolidacion {
  width: 130px;
  padding: 0px;
  margin: 0px;
}

/*
.superior .logo_dcs{
width:130px;
padding:0px;
margin: 0px;
}	*/
.inferior {
  height: 150px;
  background: rgb(0, 59, 126);
  background: linear-gradient(90deg, rgba(0, 59, 126, 1) 0%, rgba(27, 104, 171, 1) 48%, rgba(29, 112, 184, 1) 100%);
}

.inferior #titulo {
  width: 300px;
  top: 180px;
  text-align: center;
  font-size: 24px;
}

#titulo2 {
  position: absolute;
  padding-top: 30px;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
  font-size: 13px;
  color: #FFFFFF;
  font-family: "Roboto", Sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 30px;
}

/*
main > .container {
   padding: 10px 10px;
		}
*/

.parrafo {
  color: #000000;
  font-family: "Roboto Condensed", Sans-serif;
  font-size: 16px;
  text-align: center;
  font-weight: normal;
  text-align: justify;
}

.footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: auto;
  color: white;
  text-align: center;

}

.titulo {
  color: var(--e-global-color-text);
  font-family: "Roboto Condensed", Sans-serif;
  font-size: 12px;
  font-weight: normal;
  font-style: italic;
  letter-spacing: 5px;
  padding-top: 5px;
}

#small {
  display: block;
  visibility: visible;
}

#big {
  display: none;
  visibility: hidden;
}

#redes_sociales {
  background-color: #f1ebd5;
  padding: 0px;
  margin: 0px;
}

#uni {
  background-color: #003595;
  padding: 0px;
  margin: 0px;
  height: 29.19px;
}

.btn-toggle {
  color: #003595;
}

.border-bottom-blue {
  border-bottom: #003595 1px solid;
}

.border-bottom-yellow {
  border-bottom: #8a7520 1px solid;
  margin-bottom: 15px;
}




#menu_inferior .column {
  color: #7a7a7a;
  text-align: left;
}

#menu_inferior h3 {
  color: #08338f;
  font-weight: bold;
}

#menu_inferior h5 a {
  text-decoration: none;
  color: #7A7A7A;
  font-weight: 600;
}

@media (min-width: 576px) {
  .h-sm-100 {
    height: 100%;
  }
}

@media (min-width: 768px) {
  #big_menu {
    display: none;
    visibility: hidden;
  }

  #small_menu {
    display: block;
    visibility: visible;
  }

  .footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 60px;
    background-color: #f1ebd5;
    color: #8a7520;
    text-align: center;

  }

  .columna2 {
    padding: 10px;
  }



  .titulo {
    color: var(--e-global-color-text);
    font-family: "Roboto Condensed", Sans-serif;
    font-size: 18px;
    font-weight: normal;
    font-style: italic;
    letter-spacing: 5px;
    padding: 20px;
  }

  .foot_logo1 {
    position: absolute;
    height: 60px;
    top: 0px;
    left: 0px;
    float: left;
  }

  .foot_logo2 {
    position: absolute;
    height: 60px;
    top: 0px;
    float: right;
    right: 0px;
  }

  #big {
    display: block;
    visibility: visible;
  }

  #small {
    display: none;
    visibility: hidden;
  }

}

/*
@media (min-width: 768px) {
#big_menu{
    display: none;
    visibility: hidden;
}
#small_menu{
display: block;
    visibility: visible;
}
.superior{
height: 80px;
padding: 0px;
margin:0px;
background-color: #b89d2b;
}
.superior .logo{     
   width: 160px;
   height: 165px;
   margin: 0px;
   padding: 0px;
   top: 0px;
   
}	
.superior .consolidacion{
width:198px;
padding:0px;
margin: 0px;
}	
.superior .logo_dcs{
width:200px;
padding:0px;
margin: 0px;
}	 
.inferior{
    height: 200px;
    background: rgb(0,59,126);
    background: linear-gradient(90deg, rgba(0,59,126,1) 0%, rgba(27,104,171,1) 48%, rgba(29,112,184,1) 100%);
}  
.inferior #titulo{
    width: 450px;
    
    top: 210px;
    text-align: center;
    font-size: 38px;
}  
#titulo2{          
     position: absolute; 
     padding-top: 30px;
      left:50% ; 
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);  
      text-align: center;		     
      width:100%;
      font-size: 13px;
      color: #FFFFFF;
       font-family:"Roboto", Sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 30px;
} 
.footer {
  position: relative; 
  width: 100%;
  height: 60px;
  background-color: #DBD1B9;
  color: white;
  text-align: center;
  
}
.titulo{
    color: var( --e-global-color-text );
    font-family: "Roboto Condensed", Sans-serif;
    font-size: 18px;
    font-weight: normal;
    font-style: italic;
    letter-spacing: 5px;
    padding: 20px;
}
.foot_logo1{
  position: absolute;
  height: 60px;		
  top: 0px;
  left: 0px;
  float: left;
}
.foot_logo2{
  position: absolute;
  height: 60px;	
  top: 0px;
  float: right;
  right: 0px;
}
#big{
  display: block;
  visibility: visible;				
}	
#small{
  display:none;
  visibility: hidden;				
}
}
*/



/*fin de medias*/

/*carrousel*/
#carouselExampleControls {
  margin-top: 25px;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  height: 50px;
  width: 50px;
  outline: black;
  font-size: 20px;
  background-size: 75%, 100%;

}

.carousel-caption {
  background: rgba(0, 0, 0, 0.4);
  left: 0;
  bottom: 0px;
  min-width: 100%;
  min-height: 150px;
}

.carousel-caption .titulo {
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  color: white;
  font-size: 26px;
}

/*fin





  /* CUSTOMIZE THE NAVBAR
  -------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 5;
  right: 0;
  left: 0;
  z-index: 20;
}

.navbar-wrapper .navbar {

  position: absolute;
  right: 0;

}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper>.container {
  padding-right: 0;
  padding-left: 0;
}

.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}

.navbar-wrapper .navbar .container {
  width: auto;
}


/*Adrian*/

#noticias {
  background: #2F2E2E;
}

#noticias h2 {
  font-size: 30px;
  color: #FFFFFF;
  font-family: avenir-lt-w01_35-light1475496, sans-serif;
}

#noticias .row p.info {
  height: 200px;
  width: 230px;
  background: #fff;
  font-size: 18px;
  font-family: "open sans", sans-serif;
  color: #333333;
}

.botonVerde {
  color: white;
  height: 40px;
  width: 110px;
  background: #AF8514;
  border-color: #AF8514;
  margin-top: -57px;
  padding: 7px;
  border-radius: 0;

}

.botonAzul {
  color: white;
  height: 40px;
  width: 110px;
  background: #003B8E;
  border-color: #003B8E;
  margin-top: -57px;
  border-radius: 0;
}


#consolidacion {
  width: 80px;
  margin-top: 25px;
}

#logo {
  width: 70px;
  margin-top: 25px;
}

#titulo {
  position: absolute;
  left: 49%;
  top: 80px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  font-size: 22px;
  width: 120px;
  color: #FFFFFF;
}

#fondo_menu {
  height: auto;
  background: linear-gradient(90deg, rgba(0, 59, 126, 1) 0%, rgba(27, 104, 171, 1) 48%, rgba(29, 112, 184, 1) 100%);
  padding: 0 0 0 0;
}

/*BOX TRANSMISION UASTVRADIO*/
#box-transmision .box {
  background-color: #0f3d8a;
  color: #fff;
  font-size: 24px;
  width: 100%;
  height: 100px;
}

#box-transmision .titulos-left {
  padding-left: 2%;
  padding-right: 0px;
  padding-top: 3%;
  font-weight: bold;
  text-align: center;
  font-weight: normal;
}

#box-transmision .titulos-right {
  padding-right: 2%;
  padding-left: 30px;
  padding-top: 3%;
  font-weight: bold;
  text-align: center;
  font-weight: normal;
}

#box-transmision .col-img {
  width: 100%;
  height: 100%;
}

#box-transmision .imagen_trans {
  width: 100%;
  height: 100%;

}

#box-transmision .oro {
  color: #AF8514;
}

#box-transmision .bold_text {
  font-weight: bold;
}

/*FIN BOX TRANSMISION UASTVRADIO*/
/*MENU PRINCIPAL*/
.menu_principal {
  z-index: 1000;
  background-color: transparent;
  color: white;
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  /*font-size: 1.1vw;*/
}

.menu_principal .nav-item {
  list-style: none;


}

.menu_principal .collapse>li>a {
  text-decoration: none;
  color: #FFFFFF;
  height: 100%;

}

.menu_principal .collapse .active {
  color: #FFFFFF;
  background-color: #1d71b8;
}

.menu_principal .collapse>li>a:hover {
  background-color: #29abe2;
}

.menu_principal .collapse .dropdown-menu {
  background-color: #29abe2;
  color: white;
  opacity: 0.9;

}

.menu_principal .collapse .dropdown-menu>a {
  text-decoration: none;
  color: #FFFFFF;
  padding: 5px 0 5px 20px;

}

.menu_principal .collapse .dropdown-menu>a:hover {
  background-color: #1d71b8;
}

.menu_principal .collapse .nav-link {
  text-align: left;

}

/*FINAL MENU PRINCIPAL*/

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-toggler {
  border-color: white;
  margin-bottom: 10px;
}

#idioma .nav {
  position: absolute;
  padding-top: 10px;
  padding-left: 5%;
}

#idioma .nav>a {
  text-decoration: none;
  color: #FFFFFF;
  font-size: 18px;

}

#idioma .nav>span {
  color: #FFFFFF;
  font-size: 28px;

}

.col-extra {
  display: none;
}

.color_btn_azul {
  background-color: #003B8E;
  color: white;
  font-size: 10px;
  background: rgba(0, 59, 142, 0.5);
  font-weight: bold;
  padding: 30px 0 30px 0;
  border-top: rgba(0, 59, 142, 1) 7px solid;
  border-bottom: rgba(0, 59, 142, 1) 7px solid;
  cursor: pointer
}

.color_btn_amarillo {
  background-color: #AF8514;
  color: white;
  font-size: 10px;
  background: rgba(175, 133, 20, 0.5);
  font-weight: bold;
  padding: 30px 0 30px 0;
  border-top: rgba(175, 133, 20, 1) 7px solid;
  border-bottom: rgba(175, 133, 20, 1) 7px solid;
  cursor: pointer
}

#content-wrapper {
  position: relative;
  z-index: 1 !important;
  min-width: 100%;
  min-height: 100%;
  padding: 25% 0 0 0;
}

/*
  @media (min-width: 500px) {
    
     #titulo{          
        position: absolute; 
        left:49% ; 
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        top: 90px;
        font-size: 22px;
        width: 300px;
        text-align: center;
        color: #FFFFFF;
      } 
      #consolidacion{      
        width: 80px;
       margin-top: 25px;
      }
      #logo{     
         width: 70px;
         margin-top: 25px;
      }
    
  }
  @media (min-width: 768px) {
   #titulo{
         left:50% ; 
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);     
        position: absolute;      
        top: 80px;
        font-size: 38px;
        color:#FFFFFF;
        width: 400px;
      } 
      #consolidacion{      
        width: 100px;
       margin-top: 25px;
      }
      #logo{     
         width: 100px;
         margin-top: 5px;
      }
      #idioma .nav{      
        position: absolute;      
        padding-top:  10px;
        padding-left:33% ;     
      }
      #idioma .nav > a{      
          text-decoration: none;
          color:#FFFFFF;
          font-size: 18px;
              
      }
      #idioma .nav > span{        
          color:#FFFFFF;
          font-size: 28px;
              
      }
      .color_btn_azul{ 
        background-color: #003B8E; 
        color:white; 
        font-size:20px; 
        background: rgba(0, 59, 142, 0.5); 
        font-weight:bold; 
        padding:55px 0 55px 0; 
        border-top:rgba(0, 59, 142, 1) 7px solid;
        border-bottom:rgba(0, 59, 142, 1) 7px solid; 
        cursor:pointer
      }
    .color_btn_amarillo{ background-color: #AF8514;color:white; font-size:20px; background:rgba(175, 133, 20, 0.5);font-weight:bold; padding:55px 0 55px 0;border-top:rgba(175, 133, 20, 1) 7px solid;border-bottom:rgba(175, 133, 20, 1) 7px solid; cursor:pointer}
     #content-wrapper {
        position:relative;
        z-index:1 !important;
        min-width:100%;
        min-height:100%;
        padding:25% 0 0 0;
    }
  }*/


  @media (min-width: 768px) {
    .container {
      width: 1080px;
    }
  
    #big_menu {
      display: block;
      visibility: visible;
    }
  
    #small_menu {
      display: none;
      visibility: hidden;
    }
  
    .superior {
      height: 120px;
      padding: 0px;
      margin: 0px;
      background: rgb(33, 105, 172);
      background: linear-gradient(90deg, rgba(33, 105, 172, 1) 0%, rgba(22, 70, 134, 1) 56%, rgba(22, 70, 134, 1) 100%);
    }
  
    .superior .logo {
      width: 150px;
      height: 150px;
      margin: 0px;
      padding: 0px;
  
      top: 0px;
  
    }
  
    .superior .consolidacion {
      width: 175px;
      height: 120px;
      padding: 0px;
      margin: 0px;
    }
  
    .superior .logo_dcs {
      width: 200px;
      padding: 0px;
      margin: 0px;
    }
  
    .inferior {
      height: 30px;
      background: rgb(0, 59, 126);
      background: linear-gradient(90deg, rgba(0, 59, 126, 1) 0%, rgba(27, 104, 171, 1) 48%, rgba(29, 112, 184, 1) 100%);
    }
  
    .superior #titulo {
      width: 500px;
      left: 37%;
      top: 70px;
      text-align: center;
      font-size: 1.5rem;
      font-weight: 700;
    }
  
    #titulo2 {
      position: relative;
      padding-top: 30px;
  
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      text-align: left;
      width: 100%;
      font-size: 13px;
      color: #FFFFFF;
      font-family: "Roboto", Sans-serif;
      font-weight: normal;
      text-transform: uppercase;
      letter-spacing: 20px;
      padding-left: 110px;
    }
  
    #titulo {
      position: absolute;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      text-align: center;
      top: 80px;
      font-size: 32px;
      color: #FFFFFF;
      width: 600px;
    }
  
    /*
      #consolidacion{      
          width: 100px;
         margin-top: 15px;
        }
       #logo{     
           width: 100px;
           margin-top: 10px;
        } 
        */
  
    #fondo_menu {
      height: auto;
      background: #B89D2B;
      padding: 0 0 0 0;
    }
  
    #idioma .nav {
      position: absolute;
      padding-top: 10px;
      padding-left: 0px;
    }
  
    #idioma .nav>a {
      text-decoration: none;
      color: #FFFFFF;
      font-size: 18px;
  
    }
  
    #idioma .nav>span {
      color: #FFFFFF;
      font-size: 28px;
  
    }
  
    .col-extra {
      display: block;
    }
  
    /*MENU PRINCIPAL*/
    .menu_principal {
      z-index: 1000;
      background-color: #B89D2B;
      color: white;
      position: relative;
    }
  
    .menu_principal .collapse .dropdown-menu {
      background-color: #B89D2B;
      color: white;
      opacity: 0.9;
  
    }
  
    /* FIN MENU PRINCIPAL*/
    .color_btn_azul {
      background-color: #003B8E;
      color: white;
      font-size: 20px;
      background: rgba(0, 59, 142, 0.5);
      font-weight: bold;
      padding: 55px 0 55px 0;
      border-top: rgba(0, 59, 142, 1) 7px solid;
      border-bottom: rgba(0, 59, 142, 1) 7px solid;
      cursor: pointer
    }
  
    .color_btn_amarillo {
      background-color: #AF8514;
      color: white;
      font-size: 20px;
      background: rgba(175, 133, 20, 0.5);
      font-weight: bold;
      padding: 55px 0 55px 0;
      border-top: rgba(175, 133, 20, 1) 7px solid;
      border-bottom: rgba(175, 133, 20, 1) 7px solid;
      cursor: pointer
    }
  
    #content-wrapper {
      position: relative;
      z-index: 1 !important;
      min-width: 100%;
      min-height: 100%;
      padding: 50% 0 0 0;
    }
  
    /*BOX TRANSMISION UASTVRADIO*/
    #box-transmision .box {
      background-color: #071F4E;
      color: #fff;
      font-size: 24px;
      height: 150px;
      margin-top: 28px;
    }
  
    #box-transmision .titulos-left {
      padding-left: 2%;
      padding-right: 30px;
      padding-top: 3%;
      font-weight: bold;
      text-align: right;
      font-weight: normal;
    }
  
    #box-transmision .titulos-right {
      padding-right: 2%;
      padding-left: 30px;
      padding-top: 3%;
      font-weight: bold;
      text-align: left;
      font-weight: normal;
    }
  
    #box-transmision .col-img {
      width: 290px;
      height: 200px;
    }
  
    #box-transmision .imagen_trans {
      width: 290px;
      height: 200px;
      position: absolute;
    }
  
    #box-transmision .oro {
      color: #AF8514;
    }
  
    #box-transmision .bold_text {
      font-weight: bold;
    }
  
    /*FIN BOX TRANSMISION UASTVRADIO*/
  }
@media (min-width: 1024px) {
  .superior #titulo {
    width: 500px;
    left: 35%;
    top: 70px;
    text-align: center;
    font-size: 2.0rem;
    font-weight: 700;
  }
}





.breadcrumb {
  background-color: #fff;
  font-size: 10px;
  padding: 10px 14px;
}

.breadcrumb-item.active {
  color: black;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}