/*BASE*/
@font-face {
  font-family: "Montserrat";
  src: url(../fonts/Montserrat-VariableFont_wght.ttf);
}
@font-face {
  font-family: "Montserrat-Italic";
  src: url(../fonts/Montserrat-Italic-VariableFont_wght.ttf);
}
.green {
  background: #c2edcb;
}

.alert {
  background: #edc2d0;
}

.yellow {
  background: #ededc2;
}

* {
  margin: 0;
  padding: 0;
  text-decoration: none;
}

body {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  font-family: "Montserrat" !important;
  color: #404041 !important;
}

html {
  scroll-behavior: smooth;
}

a:hover {
  text-decoration: none !important;
}

.no-padding {
  padding: 0 !important;
}

.subtitle {
  padding: 64px 0;
  color: #404041;
}
.subtitle h2 {
  font-size: 38px;
  font-weight: 600;
}
.subtitle hr::before {
  content: " ";
  width: 35px;
  height: 5px;
  background-color: #b38e5d;
  position: absolute;
  bottom: 51px;
}

.btn-style {
  background: transparent;
  border: 2px solid #9D2449;
  padding: 5px 26px;
  border-radius: 3px;
  transition: 0.5s;
  text-align: center;
}
.btn-style:hover {
  background: #9D2449;
  color: #fff;
}

#menu {
  width: 100%;
  position: fixed;
  z-index: 5;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  transition: 0.9s;
  text-align: center;
  justify-content: center;
}
#menu .stick {
  display: none;
  transition: 0.9s;
}

#menu.sticky {
  border-color: rgba(34, 34, 34, 0.05);
  background-color: #333;
  -webkit-backdrop-filter: blur(1em);
          backdrop-filter: blur(1em);
  top: 0;
}
#menu.sticky .menu-section {
  width: 100%;
  background: #0c231e;
  transition: 0.9s;
  border-radius: 0;
  box-shadow: none;
}
#menu.sticky .menu-section .logo {
  background: url("../img/logo.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left;
}
#menu.sticky .menu-section .stick {
  display: block;
}
#menu.sticky .menu-section .nav-link {
  color: #fff;
}

.bg {
  background: #0c231e;
}

.blg {
  background-color: #13322B;
}

.menu-section {
  display: flex;
  padding: 5px 15px;
  position: absolute;
  top: 0;
  height: auto;
  transition: 0.9s;
}
.menu-section .logo {
  height: 30px;
  width: 230px;
  display: inline-flex;
  background: url("../img/logo.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.menu-section .logo img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}
.menu-section .nav-link {
  color: #fff;
  transition: 0.7s;
}
.menu-section .nav-link:hover {
  opacity: 0.7;
}

.sub-navbar {
  margin-top: 50px;
}

.v-norm {
  display: block;
}

.v-resp {
  display: none;
}

#principal {
  margin-top: 34px;
}
#principal .img-back1 {
  background: url(../img/100.jpg);
}
#principal .img-back2 {
  background: url(../img/aniversario.jpg);
}
#principal .img-back3 {
  background: url(../img/centenario.png);
}
#principal .img-back4 {
  background: url(../img/educacion-v.png);
}
#principal .img-back5 {
  background: url(../img/educacion.png);
}
#principal .img-back6 {
  background: url(../img/nuevositio.jpg);
}
#principal .img-back7 {
  background: url(../img/tecnica.jpg);
}
#principal .img-back8 {
  background: url(../img/vamos.jpg);
}
#principal .img-back {
  height: 71vh;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
#principal .owl-nav {
  display: none !important;
}

#contenido .box-text {
  font-weight: 300;
  padding-bottom: 64px;
}

#formulario {
  padding-bottom: 44px;
}
#formulario .nav-tabs li {
  background-color: #9D2449;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  padding: 10px 15px;
}
#formulario .nav-tabs li a {
  text-decoration: none;
  cursor: default;
  color: white;
}
#formulario .tab-content {
  border: 1px solid #eee;
  border-top: none;
  padding: 65px 70px;
}
#formulario .tab-content .example {
  padding-left: 42px;
}
@media screen and (max-width: 768px) {
  #formulario .tab-content .example {
    padding-left: 0;
  }
}
@media screen and (max-width: 768px) {
  #formulario .tab-content .example .width-100 {
    width: 100%;
  }
}
#formulario .tab-content .example .form-group {
  display: flex;
  margin-bottom: 25px;
}
#formulario .tab-content .example .form-group label {
  font-weight: bolder;
}
#formulario .box-button {
  text-align: end;
}

#articulos {
  padding: 5px 0 100px;
  font-size: 14px;
  font-weight: 300;
}
#articulos a {
  text-decoration: none;
  color: #235a4e;
}
#articulos a:hover {
  color: #1355b5;
}

footer {
  background: #13322B;
  color: white;
  padding: 60px 0 0;
  position: relative;
}
footer .box-derechos {
  background: #0c231e;
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
}
footer .box-derechos span {
  font-size: 12px;
}
footer h5 {
  font-weight: 300;
  margin-bottom: 20px;
}
footer a,
footer p {
  text-decoration: none;
  color: white;
  font-size: 14px;
  font-weight: 300;
}
footer a:hover {
  color: #f3f3f3;
}
footer ul {
  list-style: none;
  padding: 0;
}
footer .box-pleca {
  margin-top: 15px;
}
footer .box-pleca .footer-img {
  background: url(../img/pleca.svg);
  height: 10vh;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
}
footer .list-inline {
  display: flex;
}

/* Detalle documento */
#documento {
  margin-top: 34px;
  padding: 100px 0;
}
#documento .box-all .title {
  color: white;
  background-color: #9D2449;
  border: 1px solid #ddd;
  width: 20%;
  padding: 5px 15px;
  text-align: center;
}
#documento .box-all .box-doc {
  padding: 60px 120px;
  border: 1px solid #eaeaea;
}
#documento .box-all .box-doc .box {
  margin-bottom: 1rem;
}
#documento .box-all .box-doc .box i {
  font-size: 110px;
}
#documento .box-all .box-doc .box p {
  text-transform: uppercase;
}
#documento .box-all .box-doc .box .color {
  padding: 20px;
  font-size: 12px;
}
#documento .box-all .box-doc .special {
  margin-top: 180px;
}

/* de telefono a tablet */
@media (max-width: 745px) {
  body {
    width: 100%;
  }
  .subtitle {
    padding: 30px 0;
  }
  .subtitle h2 {
    font-size: 22px;
  }
  .subtitle hr:before {
    bottom: initial;
    top: auto;
  }
  .v-norm {
    display: none;
  }
  .v-resp {
    display: block;
  }
  #menu {
    top: 0;
  }
  #menu .menu-section .logo {
    background-position: left;
  }
  #menu .box-nav {
    display: flex;
  }
  #menu .box-nav button {
    height: 40px;
    margin-top: 7px;
  }
  #menu .box-nav button i {
    color: white;
  }
  #principal {
    margin-top: -6px;
  }
  #principal .img-back {
    height: 18vh;
  }
  #contenido .box-text {
    text-align: justify;
  }
  #formulario .tab-content {
    padding: 40px 10px;
  }
  #articulos .post {
    margin: 30px 0;
  }
  footer p {
    font-size: 12px;
  }
  #documento {
    padding: 20px 0;
  }
  #documento .box-all .title {
    width: 100%;
  }
  #documento .box-all .box-doc {
    padding: 20px 15px;
  }
  #documento .box-all .box-doc .special {
    margin-top: 110px;
  }
}
@media (min-width: 768px) {
  #principal .img-back {
    height: 30vh;
  }
}
.text-justify {
  text-align: justify;
}

.main {
  box-sizing: border-box;
  overflow: hidden;
}

.background-hero {
  background: url(../img/educacion.png);
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}

.login,
.admin {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.admin {
  height: 50vh;
}

.login__form {
  background: rgb(255, 255, 255);
  padding: 3rem;
  border-radius: 5px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  max-width: 400px;
  width: 100%;
  position: relative;
}

.login__img {
  height: 150px;
}

.login__img img {
  width: 100%;
  height: 100%;
}

.login__row {
  margin-bottom: 1rem;
}

.division {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}

.mr-2 {
  margin-right: 1rem;
}/*# sourceMappingURL=styles.css.map */