/*estilos generales*/

body {
  background-color: #f5f6f8; }

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

.head_main {
  background-color: #1e3c70; }

.head_main_logo {
  padding: 5%;
  text-align: center; }

.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 .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 .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); }

.icons_footer {
  backgroud-color: #1e3c70; }

/* estilos normales*/
.general {
  max-width: 980px;
  height: auto;
  margin: 0 auto;
}

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

.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;
}

.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;
}

.contenido {
  height: auto;
  width: 100%;
  letter-spacing: 0px;
  padding: 2% 2% 5% 2%;
}
.contenido p {
  text-align: justify;
  font-size: 100%;
}

.footer {
  min-height: 200px;
  width: 100%;
  letter-spacing: 0px;
  background: #1B3D70;
  padding: 1px 1px 1px 1px;
}

.texto_footer {
  font-family: Arial;
  text-align: center;
  color: #ffffff;
  width: 100%;
  padding: 0 20% 0 20%;
  font-size: 80%;
  margin-bottom: 10px;
}

.caja_botones {
  width: 100%;
  padding: 0 20px 0 20px;
}
.caja_botones .botones {
  word-wrap: break-word;
  text-align: center;
  margin: 10px 10px 0 10px;
  background: #BB8800;
  border-radius: 5px;
}
.caja_botones .botones a {
  text-decoration: none;
  color: #ffffff;
}

.titulo {
  color: #BB8800;
  font-size: 150%;
  font-style: bold;
  padding: 2% 5% 2% 5%;
  border-bottom: solid #BB8800 1px;
  width: 80%;
}

.imagen_contenido {
  height: auto;
  max-width: 500px;
  display: block;
  margin: auto;
  padding: 2% 5% 5% 5%;
}

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


/*Estilos identidad acatlan */

.banner {
    width: 100%;
    height: auto;
    
}

.iconos {
    width: 100%;
    height: auto;
    margin: 2% 4%;
    padding: 4% 4%;
}

.logos {
    display: block;
    align-content: center;
    align-items: center;
}



/* estilo logotipos */

.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%; }

.logotipos {
    width: auto;
    height: auto;
    margin: 2% 10%;
}

.archivo {

    height: auto;
    background: #1e3c70;
    color: white;
    letter-spacing: 0px;
    text-align: center;
    margin: 1% 15%;
}

.ecudos {
    max-width: 300px;
    margin: 5% 10%;
    padding: 5%;
}

.escudos img {
    max-width: 100px;
}

/* estilos himno universitario */
.himno{
    width: 100%;
    height: auto;
}
.himno p{
    color: dimgray;
    letter-spacing: 0px;
    text-align: center;
}

.escudo_deportivo img {
    max-height: 400px;
}

/* estilos video */

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

.facebook-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

.video {
    width: 100%;
    height: auto;
    margin: 0% 0% 4% 0%;
    padding: 0 5%;
}

/* estilos iconos whats */

.stickers {
    height: auto;
    width: 100%;
    margin: 4% 2%;
}

.carpeta {
    max-height: 100px;
    max-width: 100px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.store {
    max-height: 100px;
    max-width: 300px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 5% 2%;
}

.t_stickers {
    width: 100%;
    letter-spacing: 0px;
    font-size: 70%;
    text-align: center;
    color: darkblue
}

/* estilos somos pumas acatlan */

.cuadro {
    padding: 3%;
}

/*estilo boton volver*/

.volver {
    width: 100px;
    height: auto;
    background: #1e3c70;
    border-radius: 5px;
    margin-top: 1%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 5px 0;
}

.volver a {
    text-decoration: none;
    color: white;
    font-size: 80%;
    text-align: center;
}

.volver1 {
    width: 100%;
    height: auto;
}

.laroca {
    
}

.laroca .container{
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    padding-bottom: 40px; 
}

.laroca .title-sec {
    text-align: center;
    margin: 40px auto 20px;
}

.laroca .title-sec h1 {
    margin: auto;
    text-transform: uppercase;
}

.laroca .imag-por {
    margin: auto;
    width: 90%;
}

.laroca .imag-por img {
    border-radius: 14px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.laroca .imag-por .sub-img {
    text-align: center;
    font-weight: 700;
    padding: 10px 8px;
    font-size: 20px;
    color: #566573;
}

.laroca blockquote {
  overflow: hidden;
  background-color: rgba(27, 47, 69, 0.06);
  padding: 20px;
  position: relative;
  text-align: justify;
  margin: 20px 0;
}

.laroca blockquote p {
  color: #000000;
  line-height: 1.6;
  margin-bottom: 0;
  font-style: italic;
  font-weight: 500;
  font-size: 18px;
}

.laroca blockquote:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background-color: #1e3c70;
  margin-top: 20px;
  margin-bottom: 20px;
}

.laroca .cont-txt {
    margin-bottom: 40px;
}

.laroca .cont-txt p {
    text-align: justify;
    padding: 0 14px;
}