/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

@import url(./font/stylesheet.css);

html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 60px;
  font-family: 'Theinhardt' !important;
  color: #505050 !important;
}
.footer {
  position: absolute;
  width: 100%;
  min-height: 120px;
  color: #fff !important;
  font-size: 12px!important;
  bottom: -2em;
  margin-top: 3rem;
}

body > .container {
  padding: 80px 15px 0;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}


main > .container {
  padding: 60px 15px 0;
}


.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

code {
  font-size: 80%;
}

.contenedor {
  width: 95%;
  margin: auto;
}

/***TEXTOS***/
.text_blue {
  color: #336699 !important;
}

.text_azul {
  color: #4b8ec5 !important;
}

.text_pink {
  color: #E74482;
}

.titleAnio {
  font-size: 3.5rem;
  letter-spacing: 2px;
}

.source {
  font-family: 'Source Serif Pro', serif !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-300 {
  font-weight: 300 !important;
}

.text_12 {
  font-size: 11px;
}

/*** MENU ***/

.bg-dark {
  background-color: #2776c8!important;
  color: #fff !important;
}

/*** ***/

.position-relative {
  position: relative;
}

.flexWrapper {
	display: flex;
  position: relative;
}

#donut {
	margin: auto;
}

canvas {
  width: 100% !important;
  height: auto !important;
}

.text_dona {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.text_dona h4 {
  font-size: 29px !important;
}
.text_dona p {
  font-size: 12px;
}

.blue_c {
  background: #CCE4F4;
  padding: 3rem 1.5rem;
  position: relative;
  margin-top: 2rem;
}

.abc_flot {
  background: #0077C2;
  font-family: 'Source Serif Pro', serif !important;
  color: #fff;
  padding: .6rem 10px;
  border: 5px solid #fff;
  width: auto !important;
  display: table;
  position: absolute;
  top: -10px;
  z-index: 2;
  left: 50%;
  transform: translateX(-50%);
}

.blue_c .line_sep,
.line_sep {
  width: 100px;
  height: 2px;
  background: #0077C2;
  margin: 15px 0;
}

.line_sep {
  width: 40px;
  margin: 5px 0;
}

.img_salud {
  width: 89% !important;
  margin: 1rem auto 0;
  display: block;
}

.link_b {
  color: #0077C2;  
  text-decoration: underline;
  padding-bottom: 10px;
}

.link_black{
  color: #505050 !important;
}

.link_b i {
  font-size: 25px;
  vertical-align: bottom;
}

.back_user {
  background: #0077C2 url(../img/user.png) repeat;
  padding: 3rem 1.5rem;
  color: #fff;
}

.back_user .line_sep {
  width: 100px;
  height: 2px;
  background: #fff;
  margin: 5px 0;
}

.borde_gris {
  border: 2px solid rgba(0, 0, 0, .2);
  padding: 1rem 1.5rem;
}

.borde_gris b {
  color: #4B8EC5;
}

.borde_gris .line_sep {
  width: 30px;
  height: 2px;
  background: #0077C2;
  margin: 3px 0;
}

.div_num1 {
  background-color: #b6cbe6;
  color: #295791;
  padding: 1rem 1.5rem;
}

.directivos {
  background: #0077C2;
  color: #fff;
  font-weight: bold;
  padding: 10px 20px;
  font-size: 2rem;
  letter-spacing: 1px;
  margin-top: 1rem;
}

.satisfaccion {
  background: #4B8EC5;
}

.satis {
  border-radius: 0px !important;
  background: #fff !important;
  height: 1.7rem;
}

.azul1 {
  background-color: #45A0D3;
}

.azul2 {
  background-color: #004874;
}

.hr_blue {
  border-color: #0079C2 !important;
  border-width: 2px;
  margin-top: 0px !important;
}

.w88 {
  width: 88%;
}

.w90 {
  width: 90%;
}

.w92 {
  width: 92%;
}

.w93 {
  width: 93%;
}

.w96 {
  width: 96%;
}

.b_blue {
  border-right: 1px solid rgba(69, 160, 211, .5);
}

.c1 {
  background-color: #45A0D3;
  width: 10px;
  height: 10px;
  display: inline-block;
}

.c2 {
  background-color: #004874;
  width: 10px;
  height: 10px;
  display: inline-block;
}

.multiple {
  border-radius: 0px !important;
  background: transparent !important;
  height: 1.7rem;
}

.progres1 .multiple {
  height: 2.7rem;
}

.linkFooter {
  color: #004874 !important;
  font-size: 2rem;
}

.redes a {
  color: #004874 !important;
  font-size: 1.5rem;
  margin-right: 15px;
}

.footer1 {
  margin-top: 3rem;
}

.logos1 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
}

.percentaje {
  position: absolute;
  top: 33px;
  margin: auto .5rem;
  text-align: center;
}

.incluyente {
  width: 100% !important;
}

.fuente {
  font-size: 12px;
  line-height: 12px;
}

.hr_blueMov {
  display: none;
}

.linea_1 {
  background-image: url(../img/lineas1.png);
  background-repeat: no-repeat;
  background-size: 114%;
  background-position: 15px;
}

.linea_2 {
  background-image: url(../img/linea2.png);
  background-repeat: no-repeat;
  background-size: 100%;
  height: 60px;
}

.satisface1 .linea_1 {
  background-size: 119%;
}


@media (max-width: 576px) {
  .titleAnio {
    font-size: 2rem;
    margin-top: 15px;
  }
  .mbMov {
    margin-bottom: 15px !important;
  }
  .order1 {
    order: 1 !important;
  }
  .mDamas {
    margin-bottom: 3rem;
  }
  .saludMt {
    margin-top: 3rem;
  }
  .directivo {
    width: 50% !important;
    margin: 3rem auto 1rem;
  }
  .redes {
    margin: 2rem 0;
  }
  .imgqr {
    width: 100% !important;
  }
  .hr_blue {
    display: none;
  }
  .hr_blueMov {
    border-color: #0079C2 !important;
    border-width: 2px;
    margin-bottom: 2rem;
    margin-top: 2rem;
    display: block;
  }
  .dnone {
    display: none;
  }
  .linkFooter {
    font-size: 1.5rem;
  }
  .ml-5 {
    margin-left: 1.5rem !important;
  }
}