@charset "UTF-8";
.color-main {
  color: #158153;
}

@font-face {
  font-family: ProximaThin;
  src: url(../fuentes/proxima/Proxima-Nova-Thin.otf);
}
@font-face {
  font-family: ProximaLight;
  src: url(../fuentes/proxima/Proxima-Nova-Light.otf);
}
@font-face {
  font-family: ProximaRegular;
  src: url(../fuentes/proxima/Proxima-Nova_reg.ttf);
}
@font-face {
  font-family: ProximaBold;
  src: url(../fuentes/proxima/Proxima-Nova-Bold.otf);
}
@font-face {
  font-family: VinceHandtwo;
  src: url(../fuentes/vince_hand_2/vincehandtwo.otf);
}
@font-face {
  font-family: MsreferenceRegular;
  src: url(../fuentes/ms-reference-sans-serif/msreferenceSansSerif.ttf);
}
@font-face {
  font-family: MsreferenceBold;
  src: url(../fuentes/ms-reference-sans-serif/refsanb.ttf);
}
#navAlamedas {
  height: 90px !important;
  background-color: white !important;
}
@media (max-width: 768px) {
  #navAlamedas {
    height: 65px !important;
  }
}
@media (max-width: 425px) {
  #navAlamedas {
    height: 60px !important;
  }
}
#navAlamedas ul li a {
  color: #158153 !important;
  font-weight: 400;
  font-size: 0.7rem;
  letter-spacing: 1px;
}
@media (max-width: 1440px) {
  #navAlamedas ul li a {
    font-size: 0.6rem;
  }
}
@media (max-width: 1360px) {
  #navAlamedas ul li a {
    font-size: 0.6rem;
  }
}
@media (max-width: 992px) {
  #navAlamedas ul {
    background-color: white !important;
    margin-top: 2px;
  }
}
#navAlamedas img {
  width: 80px;
}
@media (max-width: 992px) {
  #navAlamedas img {
    width: 60px;
  }
}
@media (max-width: 768px) {
  #navAlamedas img {
    width: 45px;
  }
}
@media (max-width: 425px) {
  #navAlamedas img {
    width: 40px;
  }
}

#containerDirectiva {
  padding-top: 4em;
}
#containerDirectiva .borderRight {
  border-right: 1px solid #d1d1d1;
}
@media (max-width: 992px) {
  #containerDirectiva .borderRight {
    border-right: 0;
  }
}
#containerDirectiva p span {
  font-weight: 800;
}

#containerAcciones {
  padding-top: 3em;
  padding-bottom: 3em;
}
#containerAcciones p span {
  font-weight: bold;
}
#containerAcciones h2 {
  text-transform: uppercase;
  font-size: 20px;
}
#containerAcciones h3 {
  font-size: 1.1rem;
  font-weight: 800;
}
#containerAcciones .accordion-head i {
  font-size: 1.5em;
  float: right;
  color: #158153;
}
#containerAcciones .accordion-head > .collapsed > i:before {
  content: "";
}
#containerAcciones #accordion h3 {
  color: #158153;
}
#containerAcciones #accordion .bold {
  font-weight: 800;
  margin-top: 15px;
}
#containerAcciones #accordion p {
  margin-bottom: 1px;
}
#containerAcciones .box {
  background-color: #158153;
  border-radius: 6px;
  padding-top: 8px;
  padding-bottom: 7px;
}
#containerAcciones .box p {
  color: white;
  text-transform: uppercase;
  margin-bottom: 0px;
  font-weight: 700;
  font-size: 13px;
}
#containerAcciones .box2 {
  height: 150px;
  border: 1px solid #158153;
  margin-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 6px;
}
#containerAcciones .box2 p {
  font-size: 11px;
  margin-bottom: 2px;
}

#containerEstatutos {
  padding-top: 3em;
  padding-bottom: 3em;
}
#containerEstatutos p span {
  font-weight: 800;
  color: #158153;
}
#containerEstatutos a {
  font-weight: 800;
  color: white;
  padding: 10px 25px 10px 25px;
  background-color: #158153;
  border: 2px solid #158153;
  transition: 0.3s ease-in-out;
}
#containerEstatutos a:hover {
  color: #158153;
  background-color: transparent;
  border: 2px solid #158153;
}

#containerClasificados {
  padding-top: 3em;
  padding-bottom: 3em;
}
#containerClasificados p {
  font-family: "ProximaRegular", Arial, Helvetica, sans-serif;
  font-size: 0.9rem;
}
#containerClasificados p i {
  color: #158153;
}
#containerClasificados h4 {
  font-family: "ProximaBold", Arial, Helvetica, sans-serif;
  font-size: 1rem;
}
#containerClasificados a {
  font-size: 0.9rem;
}

#containerContabilidad {
  padding-top: 3em;
  padding-bottom: 3em;
}
#containerContabilidad .col1 {
  background-color: rgba(21, 129, 83, 0.25);
  padding-top: 1em;
  padding-bottom: 1em;
}
#containerContabilidad .col1 .iconoBg {
  font-size: 5rem;
  color: white;
}
#containerContabilidad .col2 p {
  font-family: "ProximaRegular", Arial, Helvetica, sans-serif;
  font-size: 0.7rem;
}
#containerContabilidad .col2 p i {
  color: #158153;
}
#containerContabilidad .col2 h4 {
  font-family: "ProximaBold", Arial, Helvetica, sans-serif;
  font-size: 0.9rem;
}
#containerContabilidad .col2 a {
  font-size: 0.8rem;
}

#containerScreen {
  height: 400px;
  margin-top: 4em;
  background: url(../img/screen/4.jpg) fixed no-repeat;
  background-size: 100%;
}
@media (max-width: 992px) {
  #containerScreen {
    background-size: 100% 60%;
    height: 350px;
  }
}
@media (max-width: 768px) {
  #containerScreen {
    height: 240px;
    background: url(../img/screen/4.jpg) no-repeat;
    background-size: 100% 100%;
  }
}
@media (max-width: 425px) {
  #containerScreen {
    height: 160px;
    background-size: 100% 100%;
  }
}
#containerScreen .row {
  height: 400px;
  position: relative;
}
#containerScreen .row h1 {
  font-family: "VinceHandtwo", Arial, Helvetica, sans-serif;
  color: white;
  font-size: 3.4rem;
  letter-spacing: 1px;
  position: absolute;
  bottom: 0%;
  left: 1em;
  text-shadow: 1px 1px 5px black;
}
@media (max-width: 1360px) {
  #containerScreen .row h1 {
    bottom: 14%;
  }
}
@media (max-width: 1200px) {
  #containerScreen .row h1 {
    bottom: 22%;
  }
}
@media (max-width: 992px) {
  #containerScreen .row h1 {
    font-size: 2.4rem;
    letter-spacing: 1px;
    bottom: 20%;
    left: 1em;
  }
}
@media (max-width: 768px) {
  #containerScreen .row h1 {
    font-size: 2.4rem;
    letter-spacing: 1px;
    bottom: 41%;
    left: 1em;
  }
}
@media (max-width: 425px) {
  #containerScreen .row h1 {
    font-size: 1.5rem;
    bottom: 61%;
  }
}

#containerInfo {
  font-size: 0.7rem;
  font-family: "ProximaBold", Arial, Helvetica, sans-serif;
  color: #2c2c2c;
  margin-top: 0.5em;
}
#containerInfo img {
  width: 5em;
}
#containerInfo i {
  color: #158153;
}

#container2inicio {
  height: auto;
  background: white;
  padding-top: 3em;
}
@media (max-width: 1200px) {
  #container2inicio {
    padding-top: 0em;
  }
}
#container2inicio #containerInformaciones .col-lg-6 {
  height: 300px;
}
@media (max-width: 992px) {
  #container2inicio #containerInformaciones .col-lg-6 {
    height: auto;
  }
}
#container2inicio #containerInformaciones #colInformativos p {
  font-family: "ProximaRegular", Arial, Helvetica, sans-serif;
  font-size: 0.7rem;
}
#container2inicio #containerInformaciones #colInformativos p i {
  color: #158153;
}
#container2inicio #containerInformaciones #colInformativos h4 {
  font-family: "ProximaBold", Arial, Helvetica, sans-serif;
  font-size: 0.9rem;
}
#container2inicio #containerInformaciones #colInformativos a {
  font-size: 0.8rem;
}
#container2inicio .btnresponsive {
  display: none;
}
@media (max-width: 992px) {
  #container2inicio .btnresponsive {
    display: block;
  }
}

.modal-noticias h5 {
  font-family: "ProximaBold", Arial, Helvetica, sans-serif;
  font-size: 0.9rem;
}
.modal-noticias .vista-noticia .slick-next {
  right: 0px;
}
.modal-noticias .vista-noticia .slick-prev {
  left: 0px;
  z-index: 9;
}
.modal-noticias .vista-noticia .slick-next:before, .modal-noticias .vista-noticia .slick-prev:before {
  color: #fff;
}

footer {
  background: #158153;
}
footer .footer-copyright {
  background-color: rgba(0, 0, 0, 0.19);
}

body {
  overflow-x: hidden !important;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1300px;
  }
}
/* loading */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ffffff;
  /* change if the mask should have another color then white */
  z-index: 99999;
  /* makes sure it stays on top */
}

#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  /* centers the loading animation horizontally one the screen */
  top: 50%;
  /* centers the loading animation vertically one the screen */
  background-image: url(../img/loading.gif);
  /* path to your loading animation */
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
  /* is width and height divided by two */
}

.cajaazul {
  width: 100%;
  height: auto;
  background: #4192d2;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #4192d2, #FFFFFF);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #4192d2, #FFFFFF);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  border-radius: 0px 30px 0px 0px;
  -moz-border-radius: 0px 30px 0px 0px;
  -webkit-border-radius: 0px 30px 0px 0px;
  border: 0px solid #000000;
  padding-top: 0.5em;
}
.cajaazul h2 {
  color: white;
  font-size: 1.2rem;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  font-family: "ProximaLight", Arial, Helvetica, sans-serif;
  margin-left: 1em;
  text-transform: uppercase;
}
@media (max-width: 992px) {
  .cajaazul h2 {
    padding-top: 0.2em;
    padding-bottom: 0em;
  }
}
@media (max-width: 768px) {
  .cajaazul h2 {
    font-size: 1rem;
  }
}
@media (max-width: 425px) {
  .cajaazul h2 {
    font-size: 0.8rem;
  }
}
.cajaazul h2 i {
  font-size: 1rem;
}

.cajaroja {
  width: 100%;
  height: auto;
  background: #EF3B36;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #c50700, #FFFFFF);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #c50700, #FFFFFF);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  border-radius: 0px 30px 0px 0px;
  -moz-border-radius: 0px 30px 0px 0px;
  -webkit-border-radius: 0px 30px 0px 0px;
  border: 0px solid #000000;
  padding-top: 0.5em;
}
.cajaroja h2 {
  color: white;
  font-size: 1.2rem;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  font-family: "ProximaLight", Arial, Helvetica, sans-serif;
  margin-left: 1em;
  text-transform: uppercase;
}
@media (max-width: 992px) {
  .cajaroja h2 {
    padding-top: 0.2em;
    padding-bottom: 0em;
  }
}
@media (max-width: 768px) {
  .cajaroja h2 {
    font-size: 1rem;
  }
}
@media (max-width: 425px) {
  .cajaroja h2 {
    font-size: 0.8rem;
  }
}
.cajaroja h2 i {
  font-size: 1rem;
}

#errorSection {
  padding-top: 10em;
  padding-bottom: 5em;
}
#errorSection .container {
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  height: auto;
  padding-top: 2.5em;
  padding-bottom: 2.5em;
  border-color: #cecece8e;
}
#errorSection h2 {
  font-family: "ProximaLight", Arial, Helvetica, sans-serif;
  color: #4192d2;
}
#errorSection h2 span {
  font-family: "ProximaBold", Arial, Helvetica, sans-serif;
  color: #158153;
  font-size: 2rem;
}
#errorSection h1 {
  font-size: 8rem;
  font-family: "ProximaBold", Arial, Helvetica, sans-serif;
  color: #158153;
}
#errorSection h3 {
  font-family: "ProximaLight", Arial, Helvetica, sans-serif;
  color: #4192d2;
  text-transform: uppercase;
}

#contLateral1 {
  background: url(../img/screen/lateral.jpg) no-repeat;
  background-size: cover;
  margin-top: -7em;
  padding-bottom: 3em;
  padding-top: 2em;
  border-radius: 22px 22px 0px 0px;
  -moz-border-radius: 22px 22px 0px 0px;
  -webkit-border-radius: 22px 22px 0px 0px;
  border: 0px solid #000000;
}
@media (max-width: 992px) {
  #contLateral1 {
    margin-top: 5em;
  }
}
@media (max-width: 768px) {
  #contLateral1 {
    margin-top: 3em;
  }
}
#contLateral1 .btn-reportes {
  background: white;
  color: #158153;
  border-radius: 40em;
  margin-top: -1em;
}
#contLateral1 .roundedImgLateral {
  width: 12em;
  border-radius: 20em;
  border: 2px solid white;
  padding: 15px;
  background: #158153;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 1360px) {
  #contLateral1 .roundedImgLateral {
    width: 10em;
  }
}
@media (max-width: 425px) {
  #contLateral1 .roundedImgLateral {
    width: 7em;
  }
}
#contLateral1 .roundedImgLateral:hover {
  border: 2px solid #1581538c;
  background: #1581538c;
}
#contLateral1 h4 {
  font-family: "ProximaRegular", Arial, Helvetica, sans-serif;
  color: white;
}
@media (max-width: 992px) {
  #contLateral1 h4 {
    font-size: 18px;
  }
}
#contLateral1 hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.32);
}

.mapaContacto {
  position: relative;
  overflow: hidden;
  width: 720px;
  height: 480px;
  margin: 20px auto 0px auto;
  display: block;
}
@media (max-width: 992px) {
  .mapaContacto {
    width: auto;
  }
}
.mapaContacto iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

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