/* Complemento a Bootstrap por defecto */
/*
CON VISION DE FUTURO 2025
Azul: #08338F
Dorado: #877514
Amarillo: #C49E0D

Fondos:
Amarillo: #7F6E2A
Amarillo claro: #E7C381
Dorado: #7F6E2A
Dorado claro: #BCAF89
Azul: #114988
Azul claro: #7F8CC5
*/



/* GLOBAL STYLES - UAS Vision 2025 */
/* boostrap 4 */

/* UAS vision 2025: Generales */
#content-wrapper {
  position:relative;
  z-index:1 !important;
  min-width:100%;
  min-height:100%;
  padding:25% 0 0 0;
}


/* MENU */
#fondo_menu{
  height: auto;
  background-color: #B89C3A;
  padding: 0 0 0 0;
}
.navbar-wrapper {
  position: absolute;
  top: 5;
  right: 0;
  left: 0;
  z-index: 20;
}
.navbar-wrapper .navbar{
  position: absolute;
  right: 0;
}
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
  width: auto;
}
/*MENU PRINCIPAL*/
.menu_principal{
  z-index: 1000;
  background-color: #B89C3A;
  color: white;
  margin: 0px;
  padding:0px;
}   
.menu_principal .nav-item {  
  list-style:none;  
}
.menu_principal .collapse > li > a {        
  text-decoration: none;
  color: #FFFFFF;
  height: 100%;
 border-right: 1px solid white;
}
.menu_principal .collapse .active {        
  color: #FFFFFF;
  background-color: #8F6D11;
}
.menu_principal .collapse > li > a:hover {        
  background-color: #1990CE;
}
.menu_principal .collapse .dropdown-menu {         
  background-color: #B89C3A;            
  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: #B89C3A;  
}
.menu_principal .collapse .nav-link{        
  text-align: left;
}
      
.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(0,0,59, 142)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar-toggler {
  border-color:white; 
}



/* HEADER */
#consolidacion{ 
  width: 80px;
  margin-top: 25px;
}
#logo_uas{
  width: 70px;
  margin-top: 25px;
}
#titulo2_uas{
  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: 18px;
} 

/* FOOTER */
.footer {
  position: relative; 
  width: 100%;
  height: 70px;
  background-color: #DBD1B9;
  color: white;
  text-align: center;
  margin: 0%;
  margin-top: 30px;
  padding: 0px;
}
.foot_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: 8px!important;
}
.foot_credito {
  font-size: 11px;
  color: #333;
  text-align: center;
}
#foot_uni{
  background-color: #102751;
  padding: 0px;
  margin: 0px;
  height: 29.19px;
  font-size: 11px;
}
#foot_small{
  display: block;
  visibility: visible;
} 
#foot_big{
  display:none;
  visibility: hidden;
}
#foot_redessoc{
  background-color: #f1ebd5;
  padding-top: 10px;
  margin: 0px;
}
#foot_big a{color:#FFF; text-decoration: none;}
#foot_small a{color:#FFF;text-decoration: none;}


/* screen sizes */
@media (min-width: 500px) { 
  .titulo_ua{
      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_ua{
      left:50% ; 
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      position: absolute; 
      top: 60px;
      font-size: 38px;
      color:#FFFFFF;
      width: 400px;
  } 
  #consolidacion{ 
      width: 100px;
      margin-top: 25px;
  }
  #logo{
      width: 100px;
      margin-top: 5px;
  }

  #big_menu{
      display: none;
      visibility: hidden;
  }
  #small_menu{
      display: block;
      visibility: visible;
  }
  .superior{
      height: 80px;
      padding: 0px;
      margin: 0px;
      background-color: #b89d2b;
  }
  .superior .logo_uas{
      width: 160px;
      height: 165px;
      margin: 0px;
      padding: 0px;
      top: 0px;
  } 
  .superior .consolidacion{
      width: 198px;
      padding: 0px;
      margin: 0px;
  } 
  .superior .logo_ua{
      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_ua{
      width: 450px;
      top: 210px;
      text-align: center;
      font-size: 38px;
  }
  
  .footer {
      position: relative; 
      width: 100%;
      height: 70px;
      background-color: #DBD1B9;
      color: white;
      text-align: center;
      margin-top: 30px;
  }
  .foot_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;
      width: 109.19px; 
      top: -40px;
      left: 0px;
      float: left;
  }
  .foot_logo2{
      position: absolute;
      width: 98.59px; 
      top: -1px;
      float: right;
      right: 0px;
  }
  #foot_big{
      display: block;
      visibility: visible;
  } 
  #foot_small{
      display:none;
      visibility: hidden;
  } 

}

@media (max-width: 800px) {
  .titulo_ua{
      left:50% ; 
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      position: absolute; 
      top: 60px;
      font-size: 38px;
      color:#FFFFFF;
      width: 400px;
  } 
  #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_uas{
      width: 100px;
      height: 105px;
      margin: 0px;
      padding: 0px;
      top: 0px;
  } 
  .superior .consolidacion{
      width: 130px;
      padding: 0px;
      margin: 0px;
  } 
  .superior .logo_ua{
      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_ua{
      width: 450px;
      top: 180px;
      text-align: center;
      font-size: 24px;
  } 

}

@media (min-width: 992px) {
  .titulo_ua{
      position: absolute; 
      left:50% ; 
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%); 
      text-align: center;
      top: 60px;
      font-size: 32px;
      color: #FFFFFF;
      width: 600px;
  } 
  #consolidacion{ 
      width: 100px;
      margin-top: 15px;
  }
  #logo{
      width: 100px;
      margin-top: 10px;
  }
  #big_menu{
      display: block;
      visibility: visible;
  }
  #small_menu{
      display: none;
      visibility: hidden;
  }
  .superior{
      height: 135.42px;
      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 .consolidacion{
      width: 198px;
      padding: 0px;
      margin: 0px;
  } 
  .superior .logo_ua{
      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_ua{
      width: 400px;
      left: 450px;
      top: 50px;
      text-align: left;
      font-size: 32px;
  }
}





/* -------------------------- EXTRAS ------------------- */


a {
  color: #102751;
}
a:hover,
a:focus {
  color: #114988;
  text-decoration: underline;
}

.navbar-inverse {
  background-color: #C49E0D;
  border-color: #7F6E2A;
}
.navbar-inverse .navbar-brand {
  color: #7F6E2A;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #ffffff;
  background-color: none;
}
.navbar-inverse .navbar-text {
  color: #C49E0D;
}
.navbar-inverse .navbar-nav > li > a {
  color: #111;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: #C49E0D;
}

.section-banner {
  width: 100%;
  margin: 0px;
  padding: 0px;
  /*margin-top: 45px;*/
}


.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  background-color: #102751!important;
  color: #fff;
}
.list-group-item:hover{
  background-color: #ddd;
}
.list-group-item-text{
  margin-bottom: 0px;
  padding-bottom: 0px;
}