portal_editorial/css/styles.css

@charset "UTF-8";
/*Plantilla de estilos de sitios pertenecientes a la
Facultad de Estudios Superiores Acatlán

Autores:
Pérez Yáñez Liliana
Rodríguez Barrera Iris Berenice

2018 Facultad de Estudios Superiores Acatlán*/
a {
  color: white !important;
  text-decoration: none !important; }

a:hover {
  color: white !important;
}

.general {
  background-color: #fff;
  max-width: 980px;
  margin: 0 auto; }

.cabeza {
  width: auto;
  height: auto;
  background-color: #1B3D70;
  padding: 16px; }

.logo-unam {
  position: absolute;
  left: 0%; }

.logo-acatlan {
  float: right;
  padding-top: 2%;
  padding-left: 15%; }

.cont-tram-busc {
  width: 980px;
  height: 5vh;
  background-color: #BB8800;
  position: sticky; }

.menu-tramites {
  width: 754px; }

.menu-general {
  width: 980px;
  height: 7vh;
  background-color: #1B3D70;
  top: 202px; }

.carrusel-prin {
  width: 980px;
  height: 20vh; }

.footer {
  background: #1B3D70;
  color: #fff;
  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: #fff !important; }

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

.boton {
  background: #BB8800;
  text-align: center;
  border-radius: 5px;
  font-size: 13px;
  width: 180px;
  font-family: Arial; }

.boton p {
  color: #fff;
  font-weight: bold;
  padding: 5%; }

.tit-prin {
  color: #BB8800;
  font-size: 25px;
  font-family: Arial; }

.dorado {
  color: #BB8800;
  padding-top: 1%;
  font-weight: bold; }

.nota {
  color: #933; }

/*========================Inicia estilos de pestañas==========================*/
.tab {
  overflow: hidden;
  border: 1px solid #BB8800;
  background-color: #BB8800;
  color: #fff;
  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: #fff;
  color: #BB8800; }

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

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

/*========================Termina estilos de pestañas==========================*/
/*===============Inicia estilos de Acordeon==========================*/
.accordion {
  background-color: #BB8800;
  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%; }

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

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

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

/*===============Termina estilos de Acordeon==========================*/
/*=====================Estilos de tablas============================*/
table {
  margin: 1em 1em 1em 1em;
  text-align: center;
  font-size: 90%;
  border-collapse: collapse;
  color: #fff; }

caption {
  text-align: center;
  font-size: 100%; }

th, td {
  border: 0.5px solid #BB8800;
  padding: 0.7em 0.5em 0.7em 0.5em; }

th {
  background-color: #BB8800;
  color: #fff;
  padding: 10px; }

tr {
  background-color: #fff;
  color: #3B4142;
  padding: 2%; }

/*=====================Termina Estilos de tablas============================*/
hr {
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: 5%;
  margin-right: 5%;
  border-style: solid;
  border-width: 1px;
  color: #BB8800; }

.contenedor {
  margin: -5px; }

.centrado {
  text-align: center; }

/*=====================Inicia estilos de menú 1============================*/
.menu_pands .navbar {
  background-color: #BB8800 !important; }

.menu_pands .navbar-brand, .menu_pands .nav-link {
  color: #fff !important;
  background-color: #BB8800 !important;
  font-size: 90% !important; }

.menu_pands .dropdown-menu, .menu_pands .dropdown-item {
  color: #fff !important;
  background-color: #E9AD0C !important; }

.menu_pands .btn-light {
  background-color: #1e3c70 !important;
  color: #fff !important;
  border-color: #1e3c70 !important; }

.menu_pands .dropdown-item:hover {
  background-color: #BB8800 !important;
  color: #fff !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: white !important;
  opacity: 0.5;
}

/*=====================Termina estilos de menú 1============================*/
/*=====================Inicia estilos de menú 2============================*/
.general_menu .bg-light {
  background-color: #1e3c70 !important; }

.general_menu .navbar-brand {
  color: #fff !important; }

.general_menu .nav-link {
  color: #fff !important;
  font-size: 90% !important; }

.general_menu .dropdown-menu, .general_menu .dropdown-item {
  background-color: #325084 !important;
  color: #fff !important;
  font-size: 95% !important; }

.general_menu .dropdown-item:hover {
  background-color: #BB8800 !important;
  color: #fff !important; }

.general_menu .form-control:focus {
  border-color: #BB8800 !important; }

.general_menu .subdropdown {
  background-color: #4F6C9B !important;
  color: #fff !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; }

/*=====================Termina estilos de menú 2============================*/

/*# sourceMappingURL=styles.css.map */