#main-header {
  position: relative;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  background: rgb(0,112,180) !important
}
#logo {
  padding-left: 0;
}
#logo img {
  width: 72%;
}
#footer {
  margin-top: 40px;
  background: #3E93C5 !important;
}

#main-footer {
  padding-top: 25px;
  padding-bottom: 0px;
}

#main-footer, #lower-footer {
  background: #3E93C5 !important;

}
.footer-title{
  color: #ffffff;
  font-weight: 400;
}
.footer-link{
  color: #FFFFFF;
}
.url{
  color: #FFFFFF;
}
.text-muted{color: #ffffff!important;}
.footer-hr{
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.38);
  margin-top: 0rem;
  margin-bottom: 0rem;
}
.text-small{    font-size: 0.8rem;}

.list-unstyled li {margin-bottom: 10px;}
.icono-footer{font-size: 25px;}


.navbar-inverse {
  background-color: #f8f9fa;
  border-color: #080808;
  padding-top: 0px;
  padding-bottom: 0px;
  z-index: 5000;
}
.navbar-toggler {
  display: none;
  border-color: rgba(255, 255, 255, 0.45);
}

.navbar-collapse{
  border-color: #db2d2d;
}

.nav-link a{
  padding: .5rem 0rem !important;
}
.nav-link {
  font-size: 14px !important;
}
ul li.leaf {
  list-style-image: url('/themes/uazuay/images/li_arrow.png');
}
ul li.expanded {
  list-style-image: url('/themes/uazuay/images/menu-expanded.png');
  list-style-type: circle;
}
.nav.navbar-nav{
  margin:  0;
  padding: 0;
  list-style: none;
  display: table; /* [1] */
  table-layout: fixed; /* [2] */
  width: 100%; /* [3] */
}


.nav.navbar-nav > li{
  display: table-cell; /* [4] */
  text-align: center;
  position: relative;
  border-right: 1px solid #dee0e5;
}
.nav.navbar-nav > li:first-child {
  border-left: 1px solid #dee0e5;
}

@media screen and (max-width: 768px) {
  .side-collapse-container{
    width: 100%;
    right:0;
    transition:right .9s;
  }
  .side-collapse-container.out{
    left: calc(100% - 6.75em);
  }
  .side-collapse {

    right:0;
    width: calc(100% - 6.75em);
    position:absolute;
    overflow:hidden;
    transition:width .42s;
    height: 100%;
  }
  .side-collapse.in {
    width:0;
  }
  .navbar-toggler {
    display: block  !important;
  }

  .nav.navbar-nav > li {
    display: block;
    text-align: left;
    position: relative;
    border-right: 0px solid #dee0e5;
  }
  .nav.navbar-nav > li:first-child {
    border-left: 0px solid #dee0e5;
  }

}

.icon-menu-1:before {
  content: '\e982';
  margin-top: 4px;
}
.dropdown-item a{
  color: #212529;
  font-size: 14px;
}
.dropdown-item.active, .dropdown-item:active {
  background-color: #ffffff;
}
/*submenu*/
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}
.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
}
.dropdown:hover>.dropdown-menu {
  display: block;
}

#shortcut_background {
  background-color: rgb(48,57,58);
}
#shortcut_nav_alt_container {
  border-bottom: 1px solid #222;
  display: block;
  margin: 0 auto;
  padding: 0 10px;
  background-color: #30393a;
}
#shortcut_nav {
  list-style: none;
  padding-inline-start: 0px;
  margin: 0;
}
#shortcut_nav li {
  float: left;
  padding-top: 6px;
  padding-bottom: 6px;
}
#shortcut_nav a:nth-child(1) {
  padding-left: 0px;
}
#shortcut_nav a {
  padding: 0px 0px;
  text-transform: none;
}

#shortcut_nav a span {
  font-size: 12px;
}
#edit-keys{height: 38px;margin-top: 0px !important;border-color: #000 !important;background-color: #000 !important;color: #fff !important;transition: width .3s, height .2s;-webkit-transition: width .3s, height .2s !important;}
#search-form{position: absolute;right: 0px;top: 0;}
#search-form input.custom-search-box:focus { max-width: 280px; padding-right: 16px; width: 250px; border: none;}
.custom-search-box{background: url('/themes/uazuaylanding/images/search-icon.png') #fff no-repeat 14px center !important; padding-left: 44px !important;}
@media screen and (min-width: 1024px){
  #search-form input.custom-search-box{
    max-width:280px;
    padding-right:16px;
    width: 40px;
    border: none;
  }
}
@media screen and (max-width: 1024px){
  #search-form input.custom-search-box{
    width:40px;
  }
}
@media (max-width: 768px) {
  #logo{padding-bottom: 15px !important;padding-top: 15px !important;}
  #logo img {width: 90% !important;}
  .barra-icon-button {padding: 5px 0px 5px 0px !important;}
}
h1 {
  font-size: 30px;
  margin: 30px 0 20px;
}
h2 {
  font-size: 20px;
  margin: 30px 0 20px;
}
h4 {
  font-size: 18px;
  font-weight: 600;
  margin: 30px 0 20px;
}

table {
  width: 100%;
  background: #fafbfd;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px solid #ecedf1;
  overflow: hidden;
}
table td, table th {
  vertical-align: middle;
}
table td, table th {
  border: 1px solid #ecedf1;
  padding: 12px 20px;
  text-align: left;
  transition: background 0.3s;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
}
table td, table th {
  vertical-align: middle;
}
table tr:last-child td:first-child, table tr:last-child th:first-child {
  border-bottom-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
}
.organizadores-auspiciantes{
  margin-bottom: 15px;
}
#shortcut_nav a:hover {
  color: #fff !important;
  text-decoration: none;
}
.text-gray-ccc{color: #ccc;}

.accordions {
  margin: 0;
  padding: 0;
  list-style: none;
}
.accordion {
  margin-bottom: 7px;
  background-color: #f5f5f5;
  border-bottom: 1px solid #cacaca;
}
.accordion-icon {
  position: absolute;
  top: 11px;
  left: 15px;
  font-size: 16px;
}
.accordion-active .accordion-header, .accordion-header:hover {
  background-color: rgba(0,0,0,.05);
  border-top-color: transparent !important;
  color: #3e474c;
  transition: all ease 0.3s;
}
.accordion-header {
  background-color: #f5f5f5;
  margin-bottom: 7px;
  border-bottom: 1px solid #ffffff;
  padding: 15px 20px 15px 45px;
  position: relative;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-top: 1px solid #f3f7fa;
  transition: background 0.3s, color 0.2s, border 0.3s;
  -webkit-transition: background 0.3s, color 0.2s, border 0.3s;
  -moz-transition: background 0.3s, color 0.2s, border 0.3s;
  cursor: pointer;
}
.accordion-content {
  color: #3e474c;
  margin-top: 7px;
  background: #fff;
  padding: 15px 20px;
  position: relative;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
accordion-icon:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: 400;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  content: '\e823';
  color: #f5f5f5;
  transition: color 0.3s;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
}
.accordion-active .accordion-icon:before{
  content:'\e98c';
  color:#f2f4f9
}
.td-width-12percent{
  width: 12%;
  padding-right: 0px;
}
.table-program td{border: 0px;padding-right: 0px; }
@media only screen and (max-width: 600px) {
  .table-program td{font-size: 14px;}
  .td-width-12percent{
    padding-left: 0px;
    text-align: center;
  }
}
.margin-top-0{margin-top: 0px;}

a { color: #66a1cb; }
h2, h3, h4, h5, h6 { color: #3e474c;}
b, strong {color: #3e474c;}
#button-to-top{
  background: #e2eaf2;
  position: fixed;
  bottom: 20px;
  right: 15px;
  z-index: 1000;
  display: block;
  width: 45px;
  height: 45px;
  text-align: center;
  font-size: 25px;
  padding-top: 1px;
  color: #808ca4;
  border-top: 1px solid #f3f7fa;
  border-bottom: 1px solid #bfc8d7;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  transition: background 0.3s, color 0.2s;
  -webkit-transition: background 0.3s, color 0.2s;
  -moz-transition: background 0.3s, color 0.2s;

}
.icon-plus{
  color: #3a3d3f;
  font-size: 16px;
}
.icon-minus{
  color: #3a3d3f;
  font-size: 16px;
}
.grey-h3-h4{
  color: #3e474c;
}
.title-h1{
  font-size: 30px;
  text-transform: uppercase;
  margin: 30px 0 20px;
  color: #3e474c;
  font-weight: bolder;
}
.search-form.google-cse{display: none !important;}

.institution-info-ranking-number{
  line-height: 24px;
  font-size: 24px !important;
  color: #b70d7f;
  position: relative;
  line-height: 24px;
  font-size: 20px;
  font-weight: 300;
  display: inline-block;
}

#btn-english{display: none;}
/***********************
    - 33. Gallery -
***********************/
.lightGallery .image-tile {
  position: relative;
  margin-bottom: 30px;
}
.w-25{width: 25% !important;}
.w-20{width: 20% !important;}
.w-15{width: 15% !important;}
.w-10{width: 10% !important;}
.w-55{width: 55% !important;}


/* */
/**
 * @file
 * Utility classes to hide elements in different ways.
 */

/**
 * Hide elements from all users.
 *
 * Used for elements which should not be immediately displayed to any user. An
 * example would be collapsible details that will be expanded with a click
 * from a user. The effect of this class can be toggled with the jQuery show()
 * and hide() functions.
 */
.hidden {
  display: none;
}

/**
 * Hide elements visually, but keep them available for screen readers.
 *
 * Used for information required for screen reader users to understand and use
 * the site where visual display is undesirable. Information provided in this
 * manner should be kept concise, to avoid unnecessary burden on the user.
 * "!important" is used to prevent unintentional overrides.
 */
.visually-hidden {
  position: absolute !important;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  word-wrap: normal;
}

/**
 * The .focusable class extends the .visually-hidden class to allow
 * the element to be focusable when navigated to via the keyboard.
 */
.visually-hidden.focusable:active,
.visually-hidden.focusable:focus-within {
  position: static !important;
  overflow: visible;
  clip: auto;
  width: auto;
  height: auto;
}

/**
 * Hide visually and from screen readers, but maintain layout.
 */
.invisible {
  visibility: hidden;
}