/*======================== estilos generales ========================*/

.general {
  max-width: 980px;
  height: auto;
  margin: 0 auto;
}

.header {
  width: 100%;
  max-height: 200px;
  background: #1B3D70;
  padding: 3% 1%;
}

.caja_logos {
  width: 100%;
  height: auto;
}
.caja_logos img {
  height: auto;
  width: auto;
}

.logo1 {
  padding: 5px 10px 5px 5px;
}
.logo1 img {
  display: block;
  margin-right: auto;
}

.logo2 {
  padding: 10px 5px 0 5px;
}
.logo2 img {
  display: block;
  margin-left: auto;
}

.footer {
  background: #1B3D70;
  color: #ffffff;
  text-align: center;
  font-family: Arial;
  font-size: 13px;
  padding: 2% 8% 3% 8%; }

.footer p {
  padding-left: 12%;
  padding-right: 12%; }

.boton-footer {
  background: #BB8800;
  color: .boton-footer blanco;
  text-align: center;
  border-radius: 5px;
  font-size: 13px;
  padding: 2%;
  margin: 2% 5% 2% 5%; }

.boton-footer a {
  color: #ffffff !important; }

.boton-footer a:hover {
  color: #ffffff !important; }

/* estilos contenido */

.titulo {
    width: 100%;
    height: auto;
    margin: 2% 0;
    background-color: ;
    padding: 4% 0;
}

.titulo h2 {
    color: #BB8800;
}

/* ===========Estilos de Acordeón =================*/
.accordion {
  background-color: #353356;
  color: #fff;
  cursor: pointer;
  padding: 7px;
  width: 90%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  margin-left: 5%;
  margin-right: 5%;
}

.accordion:hover {
  background-color: #1B3D70;
  color: #ffffff;
  border-color: #1B3D70;
  font-weight: bold;
}

.accordion:after {
  color: #9897A8;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.panel {
  padding: 0 18px;
  background-color: #ffffff;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  border-color: #353356;
  border-style: solid;
  border-width: 0.5px;
  margin-left: 5%;
  margin-right: 5%;
  width: 90%;
  border-radius: 2px;
  color: #353356;
  font-size: 90%;
}

/* estilos de seccion manuales */

.manual {
    width: 100%;
    height: auto;
    margin: 1% 0;
    background-color: ;
    padding: 4% 0;
}

.manual h5 {
    color: #BB8800;
}

/** menu **/

.menu {
  background: #BB8800 !important;
  height: auto;
  width: auto;
  color: #ffffff !important;
}
.menu a {
  text-decoration: none;
  color: #ffffff;
}
.menu a hover {
  background: #C39C55 !important;
  color: #ffffff !important;
  opacity: 0.7;
}

.menu_pands .navbar {
  background-color: #bb8800 !important; }
.menu_pands .navbar-brand, .menu_pands .nav-link {
  color: #ffffff !important;
  background-color: #bb8800 !important;
  font-size: 90% !important; }
.menu_pands .dropdown-menu, .menu_pands .dropdown-item {
  color: #ffffff !important;
  background-color: #E9AD0C !important; }
.menu_pands .btn-light {
  background-color: #1e3c70 !important;
  color: #ffffff !important;
  border-color: #1e3c70 !important; }
.menu_pands .dropdown-item:hover {
  background-color: #1e3c70 !important;
  color: #ffffff !important; }
.menu_pands .form-control:focus {
  border-color: #1e3c70 !important; }
.menu_pands .navbar-light .navbar-toggler-icon {
  background-image: url("../img/icons/menu.png") !important; }
.menu_pands .nav-link:hover {
  color: #1e3c70 !important; }

.general_menu .bg-light {
  background-color: #1e3c70 !important; }
.general_menu .navbar-brand {
  color: #ffffff !important; }
.general_menu .nav-link {
  color: #ffffff !important;
  font-size: 90% !important; }
.general_menu .dropdown-menu, .general_menu .dropdown-item {
  background-color: #325084 !important;
  color: #ffffff !important;
  font-size: 95% !important; }
.general_menu .dropdown-item:hover {
  background-color: #bb8800 !important;
  color: #ffffff !important; }
.general_menu .form-control:focus {
  border-color: #bb8800 !important; }
.general_menu .subdropdown {
  background-color: #4F6C9B !important;
  color: #ffffff !important; }
.general_menu .navbar-light .navbar-toggler-icon {
  background-image: url("../img/icons/menu.png") !important; }
.general_menu .nav-link:hover {
  color: #bb8800 !important; }

.navbar-light .navbar-nav .nav-link {
  color: #404040; }

.btco-menu li > a {
  padding: 10px 15px;
  color: #000; }

.btco-menu .active a:focus,
.btco-menu li a:focus,
.navbar > .show > a:focus {
  background: transparent;
  outline: 0; }

.dropdown-menu .show > .dropdown-toggle::after {
  transform: rotate(-90deg); }

/* ======================Estilos de pestañas de Licenciaturas=====================================*/
#pest *,
#pest *:after,
#pest *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

#pest .clearfix:before,
#pest .clearfix:after {
  content: " ";
  display: table; }

#pest .clearfix:after {
  clear: both; }

#pest body {
  font-family: Arial;
  background: #fff; }

#pest h1 {
  color: #ccc;
  text-align: center; }

#pest a {
  color: #ccc;
  text-decoration: none;
  outline: none; }

/*Fun begins*/
#pest .tab_container {
  width: 90%;
  margin: 0 auto;
  padding-top: 70px;
  position: relative; }

#pest input, section {
  clear: both;
  padding-top: 10px;
  display: none; }

#pest label {
  font-weight: 700;
  font-size: 15px;
  display: block;
  float: left;
  width: 20%;
  height: 70px;
  padding-top: 1.5em;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  background: #BB8800; }

#pest #tab1:checked ~ #content1,
#pest #tab2:checked ~ #content2,
#pest #tab3:checked ~ #content3,
#pest #tab4:checked ~ #content4,
#pest #tab5:checked ~ #content5 {
  display: block;
  padding: 20px;
  background: #fff;
  color: #999;
  border-bottom: 2px solid #BB8800; }

#pest .tab_container .tab-content p,
#pest .tab_container .tab-content h3 {
  -webkit-animation: fadeInScale 0.7s ease-in-out;
  -moz-animation: fadeInScale 0.7s ease-in-out;
  animation: fadeInScale 0.7s ease-in-out; }

#pest .tab_container .tab-content h3 {
  text-align: left;
  font-size: 20px; }

#pest .tab_container [id^="tab"]:checked + label {
  background: #fff;
  box-shadow: inset 0 3px #BB8800;
  color: #BB8800; }

#pest .tab_container [id^="tab"]:checked + label .fa {
  color: #BB8800; }

#pest label .fa {
  font-size: 1.3em;
  margin: 0 0.4em 0 0; }

/*Media query*/
@media only screen and (max-width: 900px) {
  #pest label span {
    display: none; }

  #pest .tab_container {
    width: 98%; } }
/*Content Animation*/
@keyframes fadeInScale {
  0% {
    transform: scale(0.9);
    opacity: 0; }
  100% {
    transform: scale(1);
    opacity: 1; } }
#pest .no_wrap {
  text-align: center;
  color: #BB8800; }

#pest .link {
  text-align: center; }

#pest section {
  display: none; }

/*========================Termina estilos de pestañas de Licenciaturas==========================*/
/*========================Inicia estilos de pestañas==========================*/
/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #1B3D70;
  background-color: #1B3D70;
  color: #ffffff;
  border-bottom: none;
  margin-left: 5%;
  margin-right: 5%; }

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 12px 12px;
  transition: 0.3s;
  font-size: 15px; }

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #C39C55; }

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ffffff;
  color: #BB8800; }

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 0px 12px 6px 12px;
  border: 1px solid #1B3D70;
  border-top: none;
  margin-left: 5%;
  margin-right: 5%;
  font-size: 90%;    
}

.tabcontent a {
  color: #00829A !important; }

/*========================Termina estilos de pestañas==========================*/

.imagen-cons {
    width: 100%;
    height: auto;
    margin-bottom: 2%;
}

.imagen-cons img {
    margin: 0 auto;
}

/*======================== estilos acordeon ========================*/
.accordion {
  background-color: #131A22;
  color: #fff;
  cursor: pointer;
  padding: 5px;
  width: 90%;
  text-align: center;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  margin-left: 5%;
  margin-right: 5%;
  letter-spacing: 0px; }

.active, .accordion:hover {
  background-color: #131A22; }

.accordion:after {
  content: '\002B';
  color: #fff;
  font-weight: bold;
  float: right;
  margin-left: 5px; }

.panel {
  padding: 0 13px;
  background-color: #ffffff;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  border-color: #131A22;
  border-style: solid;
  border-width: 0.5px;
  margin: 0 5%;
  width: 90%; }

/*======================== iframe responsivo ========================*/

.responsivo {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}

.responsivo iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}