.pil-navegacion .enlace-nav.activo, header {
  border-radius: 5px;
  box-shadow: 2px 2px 1px rgba(59, 109, 105, 0.4392156863);
}

#inicio_sitios #head_contacto, #inicio_sitios #head_sitio_flores, #inicio_sitios #head_sitio_algoritmo, #inicio_sitios #head_sitio_universidad {
  margin: 30px;
  border-radius: 15px;
  padding: 20px;
}

.desarrollo_webs a, .index_sitios a {
  background-color: #5bb0a7;
  border-radius: 5px;
  text-transform: uppercase;
  margin: 10px;
  padding: 20px;
  text-decoration: none;
  color: white;
}

body {
  display: block;
  margin: 0px;
  font-family: Poppins, sans-serif;
  overflow-x: hidden;
}
body h1 {
  font-size: 35px;
  color: #043e60;
}
body h2 {
  font-size: 30px;
  color: #043e60;
}
body h2 a {
  font-size: 28px;
  font-weight: bolder;
  color: #29b266;
  text-decoration: none;
  font-style: italic;
  letter-spacing: 5px;
}
body h3 {
  font-size: 23px;
  color: #29b266;
}
body p, body a, body .desarrollo_webs p {
  font-size: 16px;
  color: black;
  text-align: justify;
}

header {
  margin: 0px 20px;
  position: sticky;
  top: 0;
  background-color: #d2f1ee;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  flex-direction: row;
  align-content: stretch;
  align-items: center;
  z-index: 1;
}
header img {
  margin: 15px 30px 15px 30px;
  padding: 10px;
  max-height: 70px;
}
header a {
  display: block;
  padding: 5px 10px;
  font-size: 17px;
  font-weight: 600;
  color: #043e60;
  text-decoration: none;
  background: 0 0;
  border: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.pil-navegacion .enlace-nav.activo {
  background-color: #224744;
  color: white;
}

.main_index {
  text-align: center;
  margin-top: 20px;
  max-width: 100%;
  overflow: hidden;
  padding: 0 15px;
}

#vision_mision {
  max-width: 95%;
  background-color: rgba(91, 107, 176, 0.1490196078);
  border-radius: 15px;
  padding: 20px;
  box-shadow: 1px 1px 1px 1px rgba(91, 107, 176, 0.7803921569);
}
#vision_mision .mision, #vision_mision .vision, #vision_mision .desarrollo_webs {
  justify-content: center;
  align-items: center;
  margin: 15px;
}
#vision_mision .mision h3, #vision_mision .vision h3, #vision_mision .desarrollo_webs h3 {
  font-size: 23px;
  font-family: Poppins, sans-serif;
  color: #29b266;
}
#vision_mision .mision .img__centrada_sm, #vision_mision .vision .img__centrada_sm, #vision_mision .desarrollo_webs .img__centrada_sm {
  text-align: center;
}

.index_sitios {
  margin-top: 30px;
  margin-bottom: 20px;
  padding: 30px;
  text-align: center;
  background-color: rgba(41, 178, 102, 0.0901960784);
}
.index_sitios h2 {
  margin: 20px;
}
.index_sitios hr {
  margin: 30px 10px 30px 10px;
  color: #224744;
}
.index_sitios a {
  align-self: center;
  justify-self: center;
}
.index_sitios a:hover {
  background-color: #5b6bb0;
}
.index_sitios p {
  padding: 20px;
}
.index_sitios .index__iso {
  width: 100%;
  max-width: 200px;
}
.index_sitios .sitios {
  place-items: center;
  justify-content: center;
}
.index_sitios .sitios img {
  margin: 30px 0px;
}
.index_sitios img {
  padding-right: 0px;
  padding-left: 0px;
}

.index__capt {
  border-radius: 20px;
  display: block;
  float: left;
  box-shadow: 2px 2px 1px #224744;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.index__capt:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.contenedor_gral {
  overflow-x: hidden;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

#inicio_sitios {
  text-align: -webkit-center;
}
#inicio_sitios h1 {
  font-size: 30px;
}
#inicio_sitios #head_sitio_universidad {
  background-color: rgba(41, 178, 102, 0.1490196078);
  box-shadow: 1px 1px 1px 1px rgba(41, 178, 102, 0.5215686275);
}
#inicio_sitios #head_sitio_algoritmo {
  background-color: rgba(225, 120, 0, 0.1764705882);
  box-shadow: 1px 1px 1px 1px rgba(225, 120, 0, 0.462745098);
}
#inicio_sitios #head_sitio_flores {
  background-color: rgba(52, 131, 211, 0.1176470588);
  box-shadow: 1px 1px 1px 1px #3484D3;
}
#inicio_sitios #head_contacto {
  background-color: rgba(93, 41, 178, 0.0823529412);
  box-shadow: 1px 1px 1px 1px #5d29b2;
}

.desarrollo_webs a {
  font-weight: bolder;
  font-size: 25px;
}
.desarrollo_webs a:hover {
  background-color: #5b6bb0;
  color: white;
}

footer {
  background-color: #043e60;
  margin-top: 20px;
  padding: 15px;
  border-radius: 5px;
  align-items: center;
}
footer h5 {
  text-align: center;
}
footer p, footer ul, footer a {
  color: #ecf8f6;
  text-decoration: none;
  text-align: center;
}
footer .maps {
  position: relative;
  text-align: center;
}

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