/**
 * H2 - Tipografias, titulares y parrafos (clases .titularN/.parrafoN) y listas con iconos
 * Origen: LESS del hijo (inicianet-custom.less) compilado; sin variables de The7 4.x.
 */

@import url('https://fonts.googleapis.com/css?family=Roboto:300');

.titular1 {
  font-size: 36px;
  line-height: 42px;
  font-weight: 700;
  color: #047832;
}

.titular2blanco {
  font-size: 26px;
  line-height: 36px;
  font-weight: 500;
  color: #ffffff;
}

.titular2verde1 {
  font-size: 26px;
  line-height: 36px;
  font-weight: 500;
  color: #047832;
}

.titular3 {
  font-size: 20px;
  line-height: 25px;
  font-weight: 500;
  color: #047832;
}

.titularfooter {
  font-size: 22px;
  line-height: 30px;
  font-weight: 500;
  color: #ffffff;
}

.titularnoticias {
  font-size: 22px;
  line-height: 30px;
  font-weight: 500;
  color: #000000;
}

.titular4 {
  font-size: 18px;
  line-height: 25px;
  font-weight: 400;
  color: #666666;
}

.parrafo1 {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  color: #ffffff;
}

.parrafo2gris {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: #666666;
}

.parrafo2blanco {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: #ffffff;
}

.parrafo2verde {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: #047832;
}

.parrafo2grisbold {
  font-size: 16px;
  line-height: 26px;
  font-weight: 700;
  color: #666666;
}

.parrafo2blancobold {
  font-size: 16px;
  line-height: 26px;
  font-weight: 700;
  color: #ffffff;
}

.parrafo3gris {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #666666;
}

.parrafo3blanco {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #ffffff;
}

.parrafo3blancolight {
  font-size: 14px;
  line-height: 24px;
  font-weight: 300;
  color: #ffffff;
  font-family: 'Roboto', sans-serif;
}

.parrafo4gris {
  font-size: 13px;
  line-height: 24px;
  font-weight: 400;
  color: #666666;
}

.parrafo4blanco {
  font-size: 13px;
  line-height: 23px;
  font-weight: 400;
  color: #ffffff;
}

.lista1 {
  list-style: none;
  padding: 0;
  margin-left: 0px;
  margin-bottom: 25px;
}

.lista1 li {
  margin-left: 27px;
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #ffffff;
  letter-spacing: 0.02em;
}

.lista1 li ul {
  margin-top: 12px;
  margin-bottom: 10px !important;
}

.lista1 li ul li {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #ffffff;
  margin-bottom: 6px;
}

.lista1 li ul li:before {
  width: 1.6em;
  content: "\f054";
  font-family: FontAwesome;
  color: #047832;
  font-size: 12px;
}

.lista1 li:before {
  display: inline-block;
  width: 1.6em;
  margin-left: -25px;
  color: #047832;
  content: "\f0a9";
  font-family: FontAwesome;
  font-size: 12px;
}

.lista2 {
  list-style: none;
  padding: 0;
  margin-left: 0px;
  margin-bottom: 25px;
}

.lista2 li {
  margin-left: 27px;
  margin-bottom: 7px;
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: #666666;
}

.lista2 li ul {
  margin-top: 15px;
  margin-bottom: 10px !important;
}

.lista2 li ul li {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: #666666;
  margin-bottom: 2px;
}

.lista2 li ul li:before {
  width: 1.6em;
  color: #047832;
  content: "\f054";
  font-family: FontAwesome;
  font-size: 13px;
}

.lista2 li:before {
  display: inline-block;
  width: 1.8em;
  margin-left: -25px;
  color: #666666;
  content: "\f0a9";
  font-family: FontAwesome;
  font-size: 14px;
  color: #047832;
}