@import url(https://fonts.googleapis.com/css?family=Cabin:400,700);
@import url(https://fonts.googleapis.com/css?family=Anton);
html {
  font-size: 16px;
  font-size: 1rem;
  text-align: justify
}
body {
  font-family: 'Cabin', sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  color: #666;
  position: relative;
  text-align: left
}
strong {
  font-weight: 700
}
input:hover input:active, input:focus, textarea:active, textarea:hover, textarea:focus, button:focus, button:active, button:hover {
  outline: 0 !important
}
a, button, input[type="submit"], input[type="button"] {
  transition: all 150ms ease-in-out
}


/***************
ASSETS
***************/
.mb-1 {
  margin-bottom: 10px;
}   
.mb-2 {
	margin-bottom: 20px;
}
.mb-3 {
	margin-bottom: 30px;
}
.px-2 {
	padding: 0 20px;
}
.pl-2 {
	padding-left: 20px;
}
.pl-1 {
	padding-left: 15px;
}
.mr-1 {
  margin-right: 10px !important;
}
.d-flex {
  display: flex;
}
@media (min-width: 768px) {
	.pl-md-2 {
		padding-left: 20px;
	}
	.pl-md-1 {
		padding-left: 15px;
	}
}


/***************

***************/

.home a[rel="publisher"] {
  display: none
}
.title {
  font-family: 'Anton', sans-serif;
  font-size: 43px;
  font-size: 2.688rem;
  text-transform: uppercase;
  color: #274597;
  text-align: center
}
.title.title-normal {
  font-size: 27px;
  font-size: 1.688rem
}
.title.title-small {
  font-size: 22px;
  font-size: 1.375rem
}
.title.title-tiny {
	text-align: left;
  font-size: 1.2rem
}
.title-text {
  font-size: 20px;
  font-size: 1.25rem;
  text-align: center;
  color: #656d77
}
.co-grey-box {
	background-color: #f6f7fc;
	padding: 30px;
	margin-bottom: 2rem;
}

.ut-separador {
	border-top: 3px solid #ddd;
	padding-top: 30px;
	margin-top: 30px;
}
.ut-azul {
	color: #274597;
}
header .logo {
  text-align: center;
  padding: 20px 0 10px;
  overflow: hidden;
}
header .logo img {
  display: inline-block
}
header .title {
  font-family: 'Anton', sans-serif;
  font-family: 45px;
  font-size: 2.813rem;
  color: #00429a;
  text-transform: uppercase
}
header .aniversario {
  font-size: 20px;
  font-size: 1.25rem;
  color: #00429a;
  text-transform: uppercase
}
.navbar-bam {
  background-image: none;
  background: transparent;
  border: none;
  box-shadow: none
}
.navbar-bam .navbar-nav > li > a {
  color: #00429a
}
@media (min-width: 320px) {
  .navbar-bam .navbar-nav > li > a {
    font-size: 20px;
    font-size: 1.25rem;
    padding: 15px
  }
}
@media (min-width: 768px) {
  .navbar {
    margin-bottom: 10px;
  }
  .navbar-bam {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .navbar-nav>li {
    float: none;
    display: inline-block !important;
}
  .navbar-bam .navbar-nav > li > a {
    font-size: 16px;
    font-size: 1rem;
    padding: 0 7px 6px 6px
  }
}
@media (min-width: 990px) {
  .navbar-bam .navbar-nav > li > a {
    font-size: 17px;
    font-size: 1.0625rem;
    padding: 0 12px 6px 12px
  }
}
@media (min-width: 1200px) {
  .navbar-bam .navbar-nav > li > a {
    font-size: 1.1rem;
    padding: 0 15px 7px 15px
  }
}
.navbar-bam.navbar-nav > li > a:hover, .navbar-bam .navbar-nav > li.dropdown > a:hover, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-nav > .open > a:hover, .navbar-nav > .active > a:hover {
  color: #00429a;
  background: none;
  box-shadow: none;
  border-bottom: 4px solid #00429a
}
.navbar-bam .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a {
  background: none;
  box-shadow: none;
  border-bottom: 4px solid #00429a
}
.navbar-bam .navbar-nav > .nav-item.social > a:hover {
  border-bottom: none
}
.navbar-bam .navbar-nav > .nav-item.social .icon-social.fb {
  margin-left: 6px
}
.navbar-bam .navbar-nav > .nav-item.social > a span {
  text-indent: -9999px;
  display: inline-block
}
.navbar-bam .navbar-nav > .nav-item.social > a {
  padding: 0 2px
}
.navbar-bam .navbar-nav > .active > a {
  background: none;
  box-shadow: none;
  border-bottom: 4px solid #00429a;
  color: #00429a
}
.navbar-bam .navbar-nav > .active > a:hover {
  background: none
}
.navbar-bam .navbar-toggle {
  border: none;
  border-radius: 0
}
.navbar-bam .navbar-toggle:hover {
  background-color: transparent
}
.navbar-bam .navbar-toggle .icon-bar {
  background-color: #00429a;
  height: 3px;
  width: 25px
}
.navbar-bam .navbar-toggle:hover .icon-bar {
  background-color: #333
}
.navbar-bam .navbar-collapse.collapse.in a:hover {
  color: #333
}
.navbar-bam .navbar-collapse.collapse.in .active > a {
  background-color: #00429a;
  color: #fff;
  text-shadow: none;
  border: none
}
.navbar-bam .navbar-collapse.collapse.in .nav-item.social > a {
  padding: 15px
}
.navbar-bam .navbar-collapse.collapse.in .nav-item.social > a span {
  text-indent: 5px;
  display: inline-block;
  position: relative;
  top: -4px
}
.dropdown-menu {
  background: #274596;
  border-radius: 0
}
.dropdown-menu > li > a {
  color: #fff
}
.dropdown-menu > li > a:hover, .dropdown-menu > li.active a, .dropdown-menu > li.active a:hover {
  background-image: none;
  background-color: #fff;
  color: #274596
}
.home-ft {
  background-color: #e6ecf1;
  padding: 30px
}
.home-slider .slick-arrow {
  position: absolute;
  top: 50%;
  z-index: 1;
  cursor: pointer;
  color: #fff;
  font-size: 35px
}
.home-slider .left-arrow {
  left: 20px
}
.home-slider .right-arrow {
  right: 20px
}
.home-ft-gray-button {
  background-color: #515962;
  color: #fff;
  text-decoration: none;
  font-family: 'Anton', sans-serif;
  font-size: 29px;
  font-size: 1.813rem;
  display: inline-block;
  width: 100%;
  text-transform: uppercase;
  text-align: center;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
  margin-bottom: 25px
}
@media (min-width: 320px) {
  .home-ft-gray-button {
    padding: 30px 15px;
    font-size: 1.813rem;
    margin-top: 25px
  }
}
@media (min-width: 990px) {
  .home-ft-gray-button {
    padding: 20px 15px;
    font-size: 21px;
    font-size: 1.313rem;
    margin-top: 0
  }
}
@media (min-width: 1200px) {
  .home-ft-gray-button {
    padding: 24px 15px;
    font-size: 1.813rem
  }
}
.home-ft-gray-button:hover {
  background-color: #00429a;
  color: #fff;
  text-decoration: none
}
.home-ft-green-button {
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
  width: 100%;
  display: inline-block;
  color: #fff;
  margin-bottom: 25px
}
@media (min-width: 320px) {
  .home-ft-green-button {
    background: #b1c52e url(../images/ico-donacion-online.png) no-repeat 10px center;
    height: auto;
    padding: 30px
  }
}
@media (min-width: 990px) {
  .home-ft-green-button {
    background: #b1c52e url(../images/ico-donacion-online.png) no-repeat 10px 90%;
    height: 210px;
    padding: 15px
  }
}
@media (min-width: 1200px) {
  .home-ft-green-button {
    height: 234px
  }
}
.home-ft-green-button:hover {
  background: #9bad28 url(../images/ico-donacion-online.png) no-repeat 10px 90%;
  text-decoration: none;
  color: #fff
}
.home-ft-green-button-colabora, .home-ft-green-button-dona {
  display: block;
  text-transform: uppercase
}
.home-ft-green-button-colabora {
  margin-bottom: 15px
}
@media (min-width: 320px) {
  .home-ft-green-button-colabora {
    font-size: 28px;
    font-size: 1.75rem;
    text-align: left;
    padding-left: 100px
  }
}
@media (min-width: 990px) {
  .home-ft-green-button-colabora {
    font-size: 20px;
    font-size: 1.25rem;
    text-align: center;
    padding-left: 0
  }
}
@media (min-width: 1200px) {
  .home-ft-green-button-colabora {
    font-size: 26px;
    font-size: 1.625rem
  }
}
.home-ft-green-button-colabora span {
  font-size: 11px
}
.home-ft-green-button-dona {
  background: url(../images/ico-donacion-online-flecha.png) no-repeat right 50%;
  font-family: 'Anton', sans-serif;
  color: #5a6514
}
@media (min-width: 320px) {
  .home-ft-green-button-dona {
    font-size: 25px;
    font-size: 1.563rem;
    padding-right: 60px;
    padding-left: 100px
  }
}
@media (min-width: 990px) {
  .home-ft-green-button-dona {
    font-size: 25px;
    font-size: 1.563rem;
    line-height: 25px;
    padding-right: 0;
    padding-bottom: 165px
  }
}
@media (min-width: 1200px) {
  .home-ft-green-button-dona {
    font-size: 29px;
    font-size: 1.813rem;
    padding-bottom: 170px;
    margin-top: 25px;
    line-height: 31px
  }
}
.home-ft-green-button-dona span {
  color: #758412
}
.home-ft-apadrina-calle, .home-ft-calendario-operacion-kilo {
  font-family: 'Anton', sans-serif;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
  text-transform: uppercase
}
@media (min-width: 320px) {
  .home-ft-apadrina-calle, .home-ft-calendario-operacion-kilo {
    margin-bottom: 25px
  }
}
@media (min-width: 768px) {
  .home-ft-apadrina-calle, .home-ft-calendario-operacion-kilo {
    margin-bottom: 0
  }
}
.home-ft-apadrina-calle p, .home-ft-calendario-operacion-kilo p {
  color: #434a54;
  text-align: center;
  background: #afbac1;
  line-height: normal;
  margin: 0
}
@media (min-width: 320px) {
  .home-ft-apadrina-calle p, .home-ft-calendario-operacion-kilo p {
    font-size: 25px;
    font-size: 1.563rem;
    padding: 17px
  }
}
@media (min-width: 990px) {
  .home-ft-apadrina-calle p, .home-ft-calendario-operacion-kilo p {
    font-size: 19px;
    font-size: 1.188rem;
    padding: 7px 17px
  }
  .home-ft-calendario-operacion-kilo p {
    padding: 7px 8px
  }
}
@media (min-width: 1200px) {
  .home-ft-apadrina-calle p, .home-ft-calendario-operacion-kilo p {
    font-size: 25px;
    font-size: 1.563rem;
    padding: 17px
  }
  .home-ft-calendario-operacion-kilo p {
    padding: 17px 8px
  }
}
.home-ft-apadrina-calle img, .home-ft-calendario-operacion-kilo img {
  width: 100%
}
.home-ft-apadrina-calle a, .home-ft-calendario-operacion-kilo a, .home-ft-apadrina-calle a:hover p, .home-ft-calendario-operacion-kilo a:hover p {
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out
}
.home-ft-apadrina-calle a:hover, .home-ft-calendario-operacion-kilo a:hover, .home-ft-apadrina-calle a:hover p, .home-ft-calendario-operacion-kilo a:hover p {
  text-decoration: none;
  background: #274596;
  color: #fff
}
.home-ft-text, .ft-text {
  background: #274596;
  color: #fff;
  padding: 30px;
  font-size: 24px;
  font-size: 1.5rem;
  text-align: center
}
.home-ft-text .title, .ft-text .title {
  font-family: 'Anton', sans-serif;
  font-size: 43px;
  font-size: 2.688rem;
  text-transform: uppercase;
  color: #fff;
  margin-top: 0;
  margin-bottom: 20px
}
.home-ft-text p, .ft-text p {
  margin: 0
}
.home-colabora {
  margin: 30px 0;
  overflow: hidden
}
@media (min-width: 320px) {
  .home-colabora .col-strech-left {
    padding-right: 15px
  }
  .home-colabora .col-strech-right {
    padding-left: 15px
  }
}
@media (min-width: 768px) {
  .home-colabora .col-strech-left, .home-colabora .col-strech-right {
    padding: 0
  }
}
@media (min-width: 320px) {
  .home-colabora .row {
    margin-bottom: 30px
  }
}
@media (min-width: 768px) {
  .home-colabora .row {
    margin-bottom: 0
  }
}
@media (min-width: 990px) {
  .home-colabora .col-strech-left {
    padding-right: 15px
  }
  .home-colabora .col-strech-right {
    padding-left: 15px
  }
}
.home-colabora .img-responsive {
  width: 100%
}
.home-colabora .title {
  font-family: 'Anton'sans-serif;
  color: #274596;
  margin: 0;
  text-align: center;
  background: #eee;
  padding: 20px;
  text-transform: uppercase;
  font-size: 30px;
  font-size: 1.7rem;
  font-weight: bold
}
@media (min-width: 320px) {
  .home-colabora .title {
    height: auto;
    display: block
  }
}
@media (min-width: 768px) {
  .home-colabora .title {
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media (min-width: 992px) {
  .home-colabora .title {
    height: 100px
  }
}
@media (min-width: 1200px) {
  .home-colabora .title {
    height: auto;
  }
}
.home-colabora .title span {
  font-size: 22px;
  font-size: 1.375rem
}
.home-colabora-text {
  margin-top: 20px
}
.home-colabora .subtitle {
  font-weight: normal;
  font-family: 'Cabin'sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  color: #434a54
}
.home-colabora-text a {
  color: #274596;
  text-decoration: none;
  font-weight: 700
}
.home-colabora-text a:hover {
  color: #434a54;
  text-decoration: none
}
.operaciones-kilo-intro {
  text-align: center
}
.operaciones-kilo-intro .title {
  margin: 0 0 30px 0
}
.operaciones-kilo-intro .extract {
  margin-bottom: 40px
}
.operaciones-kilo-intro .list.list-inline li {
  display: inline-block;
  margin-left: 40px
}
.operaciones-kilo-intro .list.list-inline li:first-child {
  margin-left: 0
}
.operaciones-kilo-bloques .colabora-title {
  margin-bottom: 30px
}
@media (min-width: 320px) {
  .operaciones-kilo-bloques .colabora-title {
    height: auto
  }
}
@media (min-width: 990px) {
  .operaciones-kilo-bloques .colabora-title {
    height: 485px
  }
}
@media (min-width: 1200px) {
  .operaciones-kilo-bloques .colabora-title {
    height: 420px
  }
}
.operaciones-kilo-bloques .colabora-title .colabora-intro {
  text-align: left
}
.operaciones-kilo-bloques .colabora-title .colabora-intro.operaciones-kilo-contacto {
  margin-top: 20px
}
.ley-mecenazgo-text {
  text-align: center;
  margin: 30px 0
}
.ultimas-noticias {
  padding: 0 25px;
  margin: 15px 0
}
.ultimas-noticias-title {
  font-size: 24px;
  font-size: 1.5rem;
  color: #434a54
}
@media (min-width: 320px) {
  .ultimas-noticias-title {
    margin-bottom: 0
  }
}
@media (min-width: 768px) {
  .ultimas-noticias-title {
    margin-bottom: 30px
  }
}
.ultimas-noticias-separador {
  border-top: 1px solid #666;
  margin-top: 35px
}
.ultimas-noticias-item .title {
  color: #274596;
  font-size: 16px;
  font-size: 1rem;
  font-family: 'Cabin', sans-serif;
  text-align: left;
  text-transform: none
}
.ultimas-noticias-item a {
  color: #274596
}
.ultimas-noticias-item a:hover {
  color: #434a54;
  text-decoration: none
}
.ultimas-noticias-item .date {
  font-size: 12px;
  font-size: 0.75rem
}
.ultimas-noticias-list-title {
  font-family: 'Anton', sans-serif;
  font-size: 22px;
  font-size: 1.375rem;
  text-transform: uppercase;
  color: #274597;
  text-align: left;
  margin: 10px 0
}
.ultimas-noticias-list {
  margin: 0;
  padding: 0
}
.ultimas-noticias-list li {
  list-style: none;
  margin-bottom: 15px
}
.ultimas-noticias-list li:before {
  font-family: 'FontAwesome';
  content: '\f0da';
  margin: 10px 11px 0 -18px;
  font-size: 20px;
  color: #999
}
.ultimas-noticias-list a {
  color: #666;
  text-decoration: none;
  font-size: 14px;
  font-size: 0.875rem;
  font-family: 'Cabin', sans-serif;
  text-align: left;
  text-transform: none
}
.ultimas-noticias-list a:hover {
  color: #274596
}
.ultimas-noticias .slick-arrow {
  position: absolute;
  top: 50%;
  cursor: pointer
}
.ultimas-noticias .left-arrow {
  left: 15px
}
.ultimas-noticias .right-arrow {
  right: 15px
}
.page-title {
  background-color: #e6e9f0;
  padding: 20px 0;
  margin-bottom: 30px;
  border-bottom: 1px solid #d1d2d3
}
.page-title .title {
  font-family: 'Cabin', sans-serif;
  font-size: 20px;
  font-size: 1.25rem;
  color: #333;
  text-align: left;
  text-transform: none;
  margin: 0
}
.breadcrumb {
  margin: 0;
  padding: 0;
  background: none;
  font-size: 12px;
  font-size: 0.75rem;
  text-align: right
}
.breadcrumb li a {
  color: #333;
  font-weight: bold
}
.breadcrumb li a:hover {
  text-decoration: none;
  color: #666
}
.breadcrumb > li + li:before {
  padding: 0 2px;
  color: #333;
  content: "/\00a0"
}
.section-banner {
  margin: 0 0 30px 0;
  overflow: hidden;
  position: relative
}
.section-banner .img-responsive {
  width: 100%
}
.section-banner .buscador-noticias {
  z-index: 99999;
  padding: 20px
}
@media (min-width: 320px) {
  .section-banner .buscador-noticias {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    background: #00429a
  }
}
@media (min-width: 768px) {
  .section-banner .buscador-noticias {
    position: absolute;
    left: 15px;
    top: 15%;
    width: 96%;
    background: rgba(0, 66, 154, 0.5)
  }
}
@media (min-width: 990px) {
  .section-banner .buscador-noticias {
    width: 96.3%;
    top: 40%
  }
}
@media (min-width: 1200px) {
  .section-banner .buscador-noticias {
    width: 96.89%
  }
}
.section-banner .buscador-noticias input {
  font-size: 18px;
  font-size: 1.125rem;
  width: 100%
}
.section-banner .buscador-noticias input[type="text"] {
  padding: 3px 5px;
  border-radius: 0;
  border: none
}
@media (min-width: 320px) {
  .section-banner .buscador-noticias input[type="text"] {
    margin-bottom: 10px
  }
}
@media (min-width: 990px) {
  .section-banner .buscador-noticias input[type="text"] {
    margin-bottom: 0
  }
}
.section-banner .buscador-noticias input.datepicker {
  width: 85%;
  float: left;
  margin: 0
}
@media (min-width: 320px) {
  .section-banner .buscador-noticias input.datepicker {
    width: 95.58%;
    margin-bottom: 10px
  }
}
@media (min-width: 768px) {
  .section-banner .buscador-noticias input.datepicker {
    width: 95.7%
  }
}
@media (min-width: 990px) {
  .section-banner .buscador-noticias input.datepicker {
    width: 82.1%;
    margin-bottom: 0
  }
}
@media (min-width: 1200px) {
  .section-banner .buscador-noticias input.datepicker {
    width: 85.6%
  }
}
.section-banner .buscador-noticias .datepicker-icon {
  background: #fff;
  padding: 5px;
  height: 31px;
  float: left;
  font-size: 20px;
  position: absolute;
  right: 15px
}
.datepicker, .datepicker table tr td, .datepicker table tr th {
  border-radius: 0
}
.datepicker-dropdown.dropdown-menu {
  background: #fff
}
.datepicker table tr td.active:active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .open > .dropdown-toggle.datepicker table tr td.active, .open > .dropdown-toggle.datepicker table tr td.active.highlighted {
  background: #00429a
}
.section-banner .buscador-noticias input[type="button"], .section-banner .buscador-noticias input[type="submit"] {
  background: #00429a;
  font-family: 'Anton', sans-serif;
  text-transform: uppercase;
  border: none;
  color: #fff;
  padding: 3px;
  height: 31px
}
.section-banner .buscador-noticias input[type="button"]:hover, .section-banner .buscador-noticias input[type="submit"]:hover {
  color: #00429a;
  background: #fff
}
.section-intro {
  font-size: 18px;
  font-size: 1.125rem;
  margin: 0 0 30px 0;
  overflow: hidden;
  text-align: justify
}
.valores {
  text-align: center;
  margin: 30px 0;
  overflow: hidden;
  padding-bottom: 10px
}
.valores-postulados {
  margin-top: 50px;
  font-size: 28px;
  font-size: 1.75rem;
  margin-bottom: 30px
}
.valores-buenas-practicas {
  padding: 20px;
  background-color: #f6f7fb;
  text-align: left;
  font-size: 16px;
  font-size: 1rem
}
@media (min-width: 320px) {
  .valores-buenas-practicas {
    height: auto
  }
}
@media (min-width: 990px) {
  .valores-buenas-practicas {
    height: 620px
  }
}
@media (min-width: 1200px) {
  .valores-buenas-practicas {
    height: 555px
  }
}
.valores-buenas-practicas .title {
  font-size: 20px;
  font-size: 1.25rem;
  text-align: left;
  font-family: 'Cabin', sans-serif;
  margin-bottom: 20px
}
.valores-buenas-practicas p {
  margin-bottom: 10px
}
.valores-buenas-practicas ol li {
  margin-bottom: 10px;
  list-style: none
}
.valores-buenas-practicas .number {
  color: #274596;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700
}
.valores-buenas-practicas-button {
  width: 100%;
  padding: 20px;
  display: block;
  background: #e0e2e7;
  margin-top: 20px;
  font-family: 'Anton', sans-serif;
  text-transform: uppercase;
  color: #274596;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
  padding: 35px 20px
}
@media (min-width: 320px) {
  .valores-buenas-practicas-button {
    font-size: 24px;
    font-size: 1.5rem;
    height: auto
  }
}
@media (min-width: 990px) {
  .valores-buenas-practicas-button {
    font-size: 22px;
    font-size: 1.375rem;
    height: 193px
  }
}
@media (min-width: 1200px) {
  .valores-buenas-practicas-button {
    font-size: 24px;
    font-size: 1.5rem;
    height: 171px
  }
}
@media (min-width: 320px) {
  .valores-buenas-practicas-button:first-child {
    margin-top: 20px
  }
}
@media (min-width: 990px) {
  .valores-buenas-practicas-button:first-child {
    margin-top: 0
  }
}
.valores-buenas-practicas-button:hover {
  background: #f6f7fb;
  text-decoration: none
}
.valores-buenas-practicas-button .gray-icons {
  margin-bottom: 10px
}
@media (min-width: 320px) {
  .valores-buenas-practicas-button.transparencia {
    height: auto
  }
}
@media (min-width: 990px) {
  .valores-buenas-practicas-button.transparencia {
    height: 135px
  }
}
.colabora-title {
  padding: 60px 30px 30px;
  background-color: #f6f7fc;
  margin-top: 45px;
  position: relative
}
.colabora-title .blue-icons {
  width: 85px;
  height: 85px;
  position: absolute;
  left: 50%;
  margin-left: -42.5px;
  top: -40px
}
.colabora-title .title {
  font-size: 22px;
  font-size: 1.375rem;
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px
}
.colabora-title .colabora-intro {
  color: #434a54;
  text-align: left;
  margin: 0
}
.colabora-options .title {
  font-family: 'Cabin', sans-serif;
  font-size: 16px;
  font-size: 1rem;
  text-align: left;
  margin: 0 0 10px 0;
  color: #666
}
.colabora-options {
  margin-top: 30px
}
.colabora-options .list.list-arrow-circle-right li {
  margin-bottom: 30px
}
.list.file-pdf-o.list-entidades-receptoras, .list.list-arrow-circle-right.list-entidades-receptoras {
  margin-left: 100px;
  margin-bottom: 30px
}
.modal-entidades-receptoras .modal-header {
  padding: 20px 15px
}
.modal-entidades-receptoras .modal-header .close {
  margin-top: -10px
}
.modal-entidades-receptoras .modal-dialog {
  margin: 0 auto;
  position: relative;
  top: 30%
}
.modal-entidades-receptoras .modal-content {
  text-align: left
}
@media (min-width: 320px) {
  .modal-entidades-receptoras .list.file-pdf-o.list-entidades-receptoras, .modal-entidades-receptoras .list.list-arrow-circle-right.list-entidades-receptoras {
    margin-left: 40px
  }
}
@media (min-width: 768px) {
  .modal-entidades-receptoras .list.file-pdf-o.list-entidades-receptoras, .modal-entidades-receptoras .list.list-arrow-circle-right.list-entidades-receptoras {
    margin-left: 100px
  }
}
.ultimas-noticias-comunicados {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: normal
}
@media (min-width: 320px) {
  .ultimas-noticias-comunicados {
    margin-bottom: 30px
  }
}
@media (min-width: 990px) {
  .ultimas-noticias-comunicados {
    margin-bottom: 0
  }
}
.ultimas-noticias-comunicados-item {
  clear: both;
  margin-bottom: 30px;
  overflow: hidden
}
.ultimas-noticias-comunicados .title {
  text-align: left;
  margin-top: 0;
  margin-bottom: 30px
}
.ultimas-noticias-comunicados .img-responsive {
  width: 100%
}
.ultimas-noticias-comunicados .news-title {
  margin-bottom: 0;
  color: #274597;
  text-transform: uppercase
}
@media (min-width: 320px) {
  .ultimas-noticias-comunicados .news-title {
    margin-top: 20px
  }
}
@media (min-width: 990px) {
  .ultimas-noticias-comunicados .news-title {
    margin-top: 0
  }
}
.ultimas-noticias-comunicados .date {
  font-size: 13px;
  font-size: 0.8125rem
}
@media (min-width: 320px) {
  .ultimas-noticias-comunicados-item .col-strech {
    padding-left: 0;
    padding-right: 0
  }
}
.ultimas-noticias-link {
  margin-bottom: 30px;
  display: inline-block
}
.material-comunicacion {
  background-color: #f6f7fb;
  padding: 15px
}
.material-comunicacion .title {
  margin-top: 0;
  margin-bottom: 30px
}
.material-comunicacion .links {
  margin: 0 0 0 47px;
  padding: 0;
  list-style: none;
  line-height: normal
}
.material-comunicacion .links li {
  margin-bottom: 15px
}
.material-comunicacion .links .ico-folder:before {
  font-family: 'FontAwesome';
  content: '\f07c';
  font-size: 35px;
  margin: 0 10px 0 -47px
}
.material-comunicacion .links .ico-download:before {
  font-family: 'FontAwesome';
  content: '\f019';
  font-size: 35px;
  margin: 0 15px 0 -47px
}
.material-comunicacion .links .ico-voice:before {
  font-family: 'FontAwesome';
  content: '\f028';
  font-size: 35px;
  margin: 0 15px 0 -47px
}
.material-comunicacion .links a {
  color: #434a54
}
.btn-fondo-ayuda-europea {
  width: 100%;
  padding: 20px;
  display: block;
  background: #f6f7fb;
  margin-top: 20px;
  font-family: 'Anton', sans-serif;
  text-transform: uppercase;
  color: #274596;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
  padding: 35px 20px;
  text-align: center
}
@media (min-width: 320px) {
  .btn-fondo-ayuda-europea {
    font-size: 24px;
    font-size: 1.5rem;
    height: auto;
    margin-bottom: 30px
  }
}
@media (min-width: 990px) {
  .btn-fondo-ayuda-europea {
    font-size: 22px;
    font-size: 1.375rem;
    margin-bottom: 0
  }
}
@media (min-width: 1200px) {
  .btn-fondo-ayuda-europea {
    font-size: 24px;
    font-size: 1.5rem
  }
}
.btn-fondo-ayuda-europea:hover {
  color: #434a54;
  text-decoration: none
}
.comunicacion-slider {
  margin: 30px 0
}
.comunicacion-slider .slick-arrow {
  position: absolute;
  top: 50%;
  z-index: 9999;
  cursor: pointer;
  color: #3d4751;
  font-size: 35px
}
.comunicacion-slider .left-arrow {
  left: 20px
}
.comunicacion-slider .right-arrow {
  right: 20px
}
.premios-reconocimientos .title {
  margin-top: 0;
  margin-bottom: 30px;
  text-align: left
}
@media (min-width: 320px) {
  .premios-reconocimientos .title {
    text-align: center
  }
}
@media (min-width: 768px) {
  .premios-reconocimientos .title {
    text-align: left
  }
}
.premios-reconocimientos-item {
  overflow: hidden;
  margin-bottom: 30px
}
@media (min-width: 320px) {
  .premios-reconocimientos-item {
    text-align: center
  }
}
@media (min-width: 768px) {
  .premios-reconocimientos-item {
    text-align: left
  }
}
.premios-reconocimientos-item .img-responsive {
  display: inline-block
}
@media (min-width: 320px) {
  .premios-reconocimientos-item .img-responsive {
    margin-bottom: 30px
  }
}
@media (min-width: 768px) {
  .premios-reconocimientos-item .img-responsive {
    margin-bottom: 0
  }
}
.premios-reconocimientos-item .title {
  font-family: 'Cabin', sans-serif;
  font-size: 16px;
  font-size: 1rem;
  color: #333;
  font-weight: 700;
  margin: 0
}
@media (min-width: 320px) {
  .premios-reconocimientos-item .title {
    text-align: center
  }
}
@media (min-width: 768px) {
  .premios-reconocimientos-item .title {
    text-align: left
  }
}
.noticia .info {
  background: #f6f7fb;
  padding: 15px;
  text-align: left
}
.noticias .item, .noticias-breves .item, .notas-de-prensa .item {
  margin-bottom: 30px
}
.noticia .title {
  margin: 0;
  font-family: 'Cabin', sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  text-transform: uppercase;
  text-align: left
}
.noticia .date {
  font-size: 13px;
  font-size: 0.8125rem
}
.noticia .extract {
  font-size: 15px;
  font-size: 0.9375rem;
  color: #656d78
}
.noticia-fecha {
  text-align: center
}
.noticia-imagen-destacada {
  text-align: center;
  margin: 30px 0;
  overflow: hidden
}
.noticia-imagen-destacada .img-responsive {
  display: inline-block
}
.noticia-contenido {
  overflow: hidden
}
.noticia-galeria {
  margin: 30px 0;
  overflow: hidden
}
.mapas .nav.nav-tabs li {
  width: 25%;
  text-align: center
}
.mapas {
  margin-bottom: 30px
}
.mapas .nav.nav-tabs li a {
  background-color: #eee;
  height: 65px;
  font-size: 18px;
  font-size: 1.125rem;
  color: #434a54;
  margin: 0;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0
}
.mapas .nav.nav-tabs li.active a {
  background-color: #00429a;
  color: #fff
}
.panel-group .panel {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0
}
.panel-default > .panel-heading {
  background-color: #eee;
  height: auto;
  font-size: 18px;
  font-size: 1.125rem;
  color: #434a54;
  margin: 0;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-image: none
}
.mapas .tab-content {
  width: 100%;
  height: 400px;
  position: relative
}
.mapa-contacto {
  width: 100%;
  height: 400px;
  position: relative;
  left: 0;
  top: 0
}
.info-mapa {
  background: #172b58;
  display: table;
  color: #fff;
  line-height: normal
}
@media (min-width: 320px) {
  .info-mapa {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 0
  }
}
@media (min-width: 768px) {
  .info-mapa {
    position: absolute;
    top: 0;
    left: 0;
    width: 285px;
    height: 400px
  }
}
.info-mapa-inner {
  display: table-cell;
  vertical-align: middle;
  padding: 20px
}
.info-mapa .title {
  font-family: 'Anton', sans-serif;
  text-align: left;
  text-transform: uppercase;
  font-size: 18px;
  font-size: 1.125rem;
  color: #fff;
  margin-top: 30px
}
.info-mapa .title:first-child {
  margin-top: 0
}
.info-mapa a {
  color: #fff
}
.localizacion .title {
  font-family: 'Cabin', sans-serif;
  text-transform: uppercase;
  text-align: left;
  font-size: 16px;
  font-size: 1rem;
  color: #00429a;
  margin-top: 0
}
.localizacion-item {
  margin-bottom: 30px
}
.contacto-form {
  padding: 30px;
  margin-bottom: 30px
}
.contacto-form .title {
  font-size: 20px;
  font-size: 1.25rem;
  margin-top: 0;
  margin-bottom: 30px
}
.contacto-form input[type="text"],
.contacto-form textarea {
  width: 100%;
  padding: 3px;
  border: 1px solid #aab2bd
}
.contacto-form select {
  width: 100%;
  border: 1px solid #aab2bd;
height: 30px;
   line-height: 30px;
}
.contacto-form textarea {
  height: 100px;
  resize: none
}
.contacto-form .legend {
  font-size: 12px;
  font-size: 0.75rem
}
.contacto-form label[for="chkPrivacidad"] {
  font-size: 14px;
  font-size: 0.875rem;
  margin-left: 10px
}
.contacto-form label[for="chkPrivacidad"] a {
  color: #00429a
}
.contacto-form label[for="chkPrivacidad"] a:hover {
  text-decoration: none;
  color: #666
}
.contacto-form input[type="button"], .contacto-form input[type="submit"] {
  font-family: 'Anton', sans-serif;
  font-size: 21px;
  text-transform: uppercase;
  color: #fff;
  background-color: #00429a;
  text-align: center;
  padding: 3px 10px;
  width: 100px;
  border: none
}
@media (min-width: 320px) {
  .contacto-form input[type="button"], .contacto-form input[type="submit"] {
    width: 100%;
    border: none;
    float: none
  }
}
@media (min-width: 990px) {
  .contacto-form input[type="button"], .contacto-form input[type="submit"] {
    width: 100px;
    border: none;
    float: right
  }
}
.contacto-form input[type="button"]:hover, .contacto-form input[type="submit"]:hover {
  background-color: #434a54
}
.contenido-relacionado {
  margin-bottom: 30px;
  overflow: hidden;
  border-top: 3px solid #ddd;
  padding-top: 30px
}
.contenido-relacionado-donacion-online {
  width: 100%;
  display: inline-block;
  color: #fff
}
@media (min-width: 320px) {
  .contenido-relacionado-donacion-online {
    background: #b1c52e url(../images/ico-donacion-online.png) no-repeat 10px center;
    height: auto;
    padding: 30px
  }
}
@media (min-width: 990px) {
  .contenido-relacionado-donacion-online {
    background: #b1c52e url(../images/ico-donacion-online.png) no-repeat 10px 90%;
    height: 203px;
    padding: 15px
  }
}
@media (min-width: 1200px) {
  .contenido-relacionado-donacion-online {
    height: 234px
  }
}
.contenido-relacionado-donacion-online:hover {
  background-color: #9bad28;
  text-decoration: none;
  color: #fff
}
@media (min-width: 320px) {
  .contenido-relacionado-donacion-online .text {
    font-size: 36px;
    font-size: 2.25rem;
    padding-left: 100px
  }
}
@media (min-width: 990px) {
  .contenido-relacionado-donacion-online .text {
    font-size: 28px;
    font-size: 1.75rem;
    padding-left: 0
  }
}
@media (min-width: 1200px) {
  .contenido-relacionado-donacion-online .text {
    font-size: 36px;
    font-size: 2.25rem
  }
}
.contenido-relacionado-donacion-online .text span {
  font-size: 14px
}
.contenido-relacionado-donacion-online .title {
  background: url(../images/ico-donacion-online-flecha.png) no-repeat right 50%;
  font-family: 'Anton', sans-serif;
  color: #5a6514;
  text-align: left
}
@media (min-width: 320px) {
  .contenido-relacionado-donacion-online .title {
    font-size: 25px;
    font-size: 1.563rem;
    padding-right: 60px;
    padding-left: 100px;
    padding-top: 3px;
    padding-bottom: 3px
  }
}
@media (min-width: 990px) {
  .contenido-relacionado-donacion-online .title {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 25px;
    padding-right: 0;
    padding-bottom: 145px
  }
}
@media (min-width: 1200px) {
  .contenido-relacionado-donacion-online .title {
    font-size: 29px;
    font-size: 1.813rem;
    padding-bottom: 170px;
    margin-top: 25px;
    line-height: 31px
  }
}
.contenido-relacionado-donacion-online .title span {
  color: #758412
}
.contenido-relacionado-colabora .img-responsive {
  width: 100%
}
.contenido-relacionado-colabora:hover {
  text-decoration: none;
  color: #fff
}
.contenido-relacionado-colabora .title {
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  color: #434a54;
  background-color: #e6e9f0;
  margin: 0
}
@media (min-width: 320px) {
  .contenido-relacionado-colabora .title {
    font-size: 30px;
    padding: 30px
  }
}
@media (min-width: 768px) {
  .contenido-relacionado-colabora .title {
    padding: 30px 20px
  }
}
@media (min-width: 990px) {
  .contenido-relacionado-colabora .title {
    font-size: 21px;
    padding: 21px 10px
  }
}
@media (min-width: 1200px) {
  .contenido-relacionado-colabora .title {
    font-size: 25px;
    padding: 36px 10px
  }
}
.contenido-relacionado-colabora .title span {
  font-size: 18px;
  font-size: 1.125rem
}
.contenido-relacionado-colabora:hover .title {
  background-color: #274596;
  color: #fff;
  text-decoration: none
}
.contenido-relacionado-apadrina-calle {
  overflow: hidden
}
@media (min-width: 320px) {
  .contenido-relacionado-apadrina-calle {
    margin-bottom: 30px;
    margin-top: 30px
  }
}
@media (min-width: 990px) {
  .contenido-relacionado-apadrina-calle {
    margin-bottom: 30px;
    margin-top: 0
  }
}
@media (min-width: 320px) {
  .contenido-relacionado-apadrina-calle .col-strech-left, .contenido-relacionado-calendario-kilo .col-strech-left {
    padding-right: 15px
  }
  .contenido-relacionado-apadrina-calle .col-strech-right, .contenido-relacionado-calendario-kilo .col-strech-right {
    padding-left: 15px
  }
}
@media (min-width: 768px) {
  .contenido-relacionado-apadrina-calle .col-strech-right, .contenido-relacionado-calendario-kilo .col-strech-right {
    padding-right: 0
  }
  .contenido-relacionado-apadrina-calle .col-strech-left, .contenido-relacionado-calendario-kilo .col-strech-left {
    padding-left: 0
  }
}
.contenido-relacionado-apadrina-calle .title, .contenido-relacionado-calendario-kilo .title {
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  background-color: #e6e9f0;
  margin: 0
}
@media (min-width: 320px) {
  .contenido-relacionado-apadrina-calle .title, .contenido-relacionado-calendario-kilo .title {
    padding: 30px;
    font-size: 30px
  }
}
@media (min-width: 768px) {
  .contenido-relacionado-apadrina-calle .title, .contenido-relacionado-calendario-kilo .title {
    padding: 73px
  }
}
@media (min-width: 990px) {
  .contenido-relacionado-apadrina-calle .title, .contenido-relacionado-calendario-kilo .title {
    padding: 20px 10px;
    font-size: 21px
  }
}
@media (min-width: 1200px) {
  .contenido-relacionado-apadrina-calle .title, .contenido-relacionado-calendario-kilo .title {
    padding: 26px 10px;
    font-size: 25px
  }
}
.contenido-relacionado-apadrina-calle .img-responsive, .contenido-relacionado-calendario-kilo .img-responsive {
  width: 100%
}
.contenido-relacionado-apadrina-calle:hover .title, .contenido-relacionado-calendario-kilo:hover .title {
  background-color: #f6f7fb;
  color: #434a54
}
.organizacion {
  font-size: 18px;
  font-size: 1.125rem;
  /*margin-bottom: 30px;*/
  overflow: hidden
}
.organizacion .title {
  margin-bottom: 50px
}
.organizacion p {
  margin: 0
}
.organizacion .title-small {
  text-align: left;
  margin-top: 0;
  margin-bottom: 30px
}
.organizacion .intro {
  margin-bottom: 30px
}
.organo-gobierno {
  margin-bottom: 30px
}
@media (min-width: 320px) {
  .organizacion .patronos {
    margin-top: 30px
  }
}
@media (min-width: 990px) {
  .organizacion .patronos {
    margin-top: 0
  }
}
.bl-quienes-icons {
  display: flex;
  align-items: top;
  margin-bottom: 60px;
  justify-content: space-around;
}
.bl-quienes-icons a {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  padding-top: 18px;
    padding-bottom: 5px;
}
.bl-quienes-icons .gray-icons {
  /*width: 200px;*/

}
/**/
.organizacion .gray-icons.memoria-anual {
  background-position: 0 -120px;
  padding-left: 60px;
  padding-top: 18px;
  width: auto;
  padding-bottom: 5px;
  height: auto;
  color: #254596;
  display: block;
  margin-right: 20px;
}
@media (min-width: 320px) {
  .organizacion .gray-icons.memoria-anual {
    margin-bottom: 10px
  }
}
@media (min-width: 990px) {
  .organizacion .gray-icons.memoria-anual {
    margin-bottom: 10px
  }
}
.organizacion .gray-icons.memoria-anual:hover {
  color: #656d77;
  text-decoration: none
}
/**/
.organizacion .gray-icons.credenciales {
  background-position: 0 -171px;
  padding-left: 60px;
  padding-top: 18px;
  padding-bottom: 5px;
  height: auto;
  color: #254596
}
@media (min-width: 320px) {
  .organizacion .gray-icons.credenciales {
    margin-bottom: 30px
  }
}
@media (min-width: 990px) {
  .organizacion .gray-icons.credenciales {
    margin-bottom: 10px
  }
}
.organizacion .gray-icons.credenciales:hover {
  color: #656d77;
  text-decoration: none
}

/**/
.organizacion .modal-button .img-responsive {
  border: 1px solid #777;
  padding: 20px
}
.organizacion .director-general .title {
  font-size: 20px;
  font-size: 1.25rem;
  font-family: 'Cabin', sans-serif;
  text-align: left
}
.organizacion .director-general .title strong {
  font-size: 18px;
  font-size: 1.125rem
}
.aprovisionamiento {
  margin-bottom: 30px;
  overflow: hidden
}
.aprovisionamiento .intro {
  font-size: 20px;
  font-size: 1.25rem;
  text-align: center;
  margin-bottom: 30px;
  color: #656d77
}
.aprovisionamiento .acordeones .item {
  margin-bottom: 15px
}
.aprovisionamiento .acordeones a {
  font-weight: 700;
  color: #434a54;
  font-size: 18px;
  font-size: 1.125rem
}
.aprovisionamiento .acordeones a:hover, .aprovisionamiento .acordeones a[aria-expanded="true"] {
  color: #666;
  text-decoration: none
}
.aprovisionamiento .acordeones a[aria-expanded="false"]:before {
  font-family: 'FontAwesome';
  content: '\f055';
  margin: 0 15px 0 0;
  font-size: 18px;
  font-size: 1.125rem;
  color: #aab3bd
}
.aprovisionamiento .acordeones a[aria-expanded="true"]:before {
  font-family: 'FontAwesome';
  content: '\f056';
  margin: 0 15px 0 0;
  font-size: 18px;
  font-size: 1.125rem;
  color: #aab3bd
}
.instalaciones {
  margin-bottom: 30px;
  overflow: hidden
}
.instalaciones .title {
  margin-bottom: 30px
}
.instalaciones p {
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 30px
}
.distribucion {
  margin-bottom: 30px;
  overflow: hidden
}
.distribucion-imagen {
  background: url(../images/img-distribucion.jpg) no-repeat center center;
  background-size: cover;
  width: 100%
}
@media (min-width: 320px) {
  .distribucion-imagen {
    height: 350px
  }
}
@media (min-width: 768px) {
  .distribucion-imagen {
    height: 450px
  }
}
@media (min-width: 990px) {
  .distribucion-imagen {
    height: 617px
  }
}
@media (min-width: 1200px) {
  .distribucion-imagen {
    height: 567px
  }
}
.distribucion-info {
  background: #f6f7fb;
  padding: 30px;
  font-size: 18px;
  font-size: 1.125rem;
  color: #656d77
}
.distribucion .title {
  text-align: left;
  margin-top: 0;
  margin-bottom: 30px
}
.distribucion .list.caret-right {
  margin-top: 30px
}
.distribucion .list.caret-right li {
  margin-bottom: 5px;
  font-weight: bold
}
.donacion-alimentos {
  text-align: left;
  margin-bottom: 30px;
  overflow: hidden
}
.donacion-alimentos-imagen {
  background: url(../images/img-donacion-alimentos.jpg) no-repeat center center;
  background-size: cover;
  width: 100%
}
@media (min-width: 320px) {
  .donacion-alimentos-imagen {
    height: 230px
  }
}
@media (min-width: 990px) {
  .donacion-alimentos-imagen {
    height: 587px
  }
}
@media (min-width: 1200px) {
  .donacion-alimentos-imagen {
    height: 518px
  }
}
.donacion-alimentos .title {
  text-align: left;
  margin-top: 0;
  margin-bottom: 30px
}
.donacion-alimentos .subtitle {
  color: #274597;
  font-family: 'Anton', sans-serif
}
.donacion-alimentos .intro {
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 30px
}
.donacion-alimentos .list {
  margin-bottom: 30px
}
.donacion-alimentos .list li {
  margin-bottom: 15px
}
.donaciones {
  color: #000;
  margin-bottom: 30px;
  overflow: hidden
}
.donaciones .link {
  color: #274597;
  font-size: 18px;
  font-size: 1.125rem;
  margin-top: 15px;
  margin-bottom: 15px;
  display: inline-block;
  width: 100%;
  text-align: center
}
.donaciones .link:hover {
  text-decoration: none;
  color: #000
}
@media (min-width: 320px) {
  .donaciones-bienes {
    height: auto;
    margin-bottom: 30px
  }
}
@media (min-width: 990px) {
  .donaciones-bienes {
    height: 677px;
    margin-bottom: 0
  }
}
@media (min-width: 1200px) {
  .donaciones-bienes {
    height: 564px
  }
}
.donaciones-bienes .list.circle li:before {
  font-size: 15px;
  color: #274597
}
@media (min-width: 320px) {
  .donaciones-calle {
    height: auto
  }
}
@media (min-width: 990px) {
  .donaciones-calle {
    height: 569px
  }
}
@media (min-width: 1200px) {
  .donaciones-calle {
    height: 456px
  }
}
.donaciones-calle .featured {
  text-align: center;
  font-size: 20px;
  font-size: 1.25rem;
  margin-bottom: 30px
}
.calles-apadrinadas-imagen {
  background: url(../images/img-calles-apadrinadas.jpg) no-repeat center center;
  background-size: cover;
  width: 100%;
  padding: 20px 40px;
  color: #fff;
  font-family: 'Anton', sans-serif;
  font-size: 25px;
  font-size: 1.5rem;
  text-align: center;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  width: 100%;
  cursor: pointer
}
@media (min-width: 320px) {
  .calles-apadrinadas-imagen {
    margin-bottom: 30px
  }
}
@media (min-width: 990px) {
  .calles-apadrinadas-imagen {
    margin-bottom: 0
  }
}
.calles-apadrinadas-imagen:hover {
  text-decoration: none;
  color: #b1c52e
}
@media (min-width: 320px) {
  .donaciones-economicas {
    height: auto;
    margin-bottom: 30px
  }
}
@media (min-width: 990px) {
  .donaciones-economicas {
    height: 675px;
    margin-bottom: 0
  }
}
@media (min-width: 1200px) {
  .donaciones-economicas {
    height: 564px
  }
}
.donaciones-economicas .list.circle li:before {
  font-size: 15px;
  color: #274597
}
.donaciones-economicas .iban {
  background: #274597;
  padding: 5px 0;
  text-align: center;
  color: #fff
}
@media (min-width: 320px) {
  .voluntarios-empresas {
    padding: 60px 30px 30px;
    background-color: #f6f7fc;
    margin-top: 45px
  }
}
@media (min-width: 990px) {
  .voluntarios-empresas {
    padding: 30px;
    margin-top: 30px
  }
}
.voluntarios-empresas .voluntariado-empresa {
  display: inline-block
}
@media (min-width: 320px) {
  .voluntarios-empresas .voluntariado-empresa {
    width: 85px;
    height: 85px;
    position: absolute;
    left: 50%;
    margin-left: -42.5px;
    top: 0
  }
}
@media (min-width: 990px) {
  .voluntarios-empresas .voluntariado-empresa {
    width: 85px;
    height: 85px;
    position: relative;
    left: 0;
    margin-left: 0;
    top: 0
  }
}
.voluntarios-empresas .info {
  display: inline-block;
  margin-left: 30px
}
@media (min-width: 990px) {
  .voluntarios-empresas .info {
    width: 760px
  }
}
@media (min-width: 1200px) {
  .voluntarios-empresas .info {
    width: 960px
  }
}
.voluntarios-empresas .title {
  text-align: center;
  margin-top: 0;
  margin-bottom: 30px
}
.voluntarios-empresas p {
  text-align: justify
}
.gracias-colaborar {
  background: url(../images/img-gracias-colaborar.jpg) no-repeat center center;
  background-size: cover;
  padding: 100px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  font-family: 'Anton', sans-serif;
  font-size: 42px;
  font-size: 2.625rem;
  margin-bottom: 30px
}
.gracias-colaborar p {
  margin: 0
}
.voluntarios {
  text-align: center;
  margin-bottom: 45px
}
.voluntarios-ocasionales {
  margin-bottom: 30px;
  margin-top: 70px
}
@media (min-width: 320px) {
  .voluntarios-permanentes, .voluntarios-ocasionales {
    padding: 60px 30px 30px
  }
}
@media (min-width: 990px) {
  .voluntarios-permanentes, .voluntarios-ocasionales {
    padding: 54px 30px 30px
  }
}
@media (min-width: 1200px) {
  .voluntarios-permanentes, .voluntarios-ocasionales {
    padding: 21px 30px 30px
  }
}
.donaciones-economicas .link {
  color: #fff;
  font-size: 18px;
  font-size: 1.125rem;
  margin-top: 10px;
  margin-bottom: 10px;
  display: inline-block;
  width: 100%;
  text-align: center
}
.donaciones-economicas .link:hover {
  color: #b1c52e;
  text-decoration: none
}
@media (min-width: 320px) {
  .voluntarios-permanentes .voluntario-permanente, .voluntarios-ocasionales .voluntario-ocasional {
    left: 50%
  }
}
@media (min-width: 990px) {
  .voluntarios-permanentes .voluntario-permanente, .voluntarios-ocasionales .voluntario-ocasional {
    left: 90%
  }
}
.unete-nosotros {
  padding: 120px 0;
  background: url(../images/img-unete-nosotros.jpg) no-repeat center center;
  background-size: cover;
  margin-bottom: 30px
}
.unete-nosotros p {
  font-family: 'Anton', sans-serif;
  color: #fff;
  text-transform: uppercase;
  font-size: 47px;
  font-size: 3.563rem;
  margin: 0;
  width: 230px;
  text-align: center;
  line-height: 52px;
  float: right
}
.voluntarios-form {
  margin-bottom: 30px;
  overflow: hidden
}
.necesitamos-voluntarios {
  background: transparent;
  color: #fff
}
.necesitamos-voluntarios .necesitamos-voluntarios__info {
  background: #172b58;
  padding: 10px
}
.necesitamos-voluntarios .necesitamos-voluntarios__banner img {
  width: 100%
}
@media (min-width: 320px) {
  .necesitamos-voluntarios {
    padding: 30px;
    height: auto
  }
}
@media (min-width: 990px) {
  .necesitamos-voluntarios {
    padding: 0;
    height: 442px
  }
  .necesitamos-voluntarios .necesitamos-voluntarios__info {
    padding: 50px 30px 420px 30px
  }
}
@media (min-width: 1200px) {
  .necesitamos-voluntarios {
    height: 420px
  }
  .necesitamos-voluntarios .necesitamos-voluntarios__info {
    padding: 50px 30px 361px 30px
  }
}
.necesitamos-voluntarios .title {
  text-align: left;
  color: #fff;
  font-size: 26px;
  font-size: 1.625rem;
  margin: 0
}
.necesitamos-voluntarios ul {
  padding: 0;
  margin: 30px 0 0 30px;
  font-size: 24px;
  font-size: 1.5rem
}
.formulario-voluntarios {
  background: #e6e9f0;
  padding: 30px;
  color: #000
}
@media (min-width: 320px) {
  .formulario-voluntarios p {
    margin-bottom: 10px
  }
}
@media (min-width: 990px) {
  .formulario-voluntarios p {
    margin-bottom: 5px
  }
}
.formulario-voluntarios input, .formulario-voluntarios textarea {
  border: 1px solid #aab2bd;
  padding: 3px 5px
}
.formulario-voluntarios input[type="text"], .formulario-voluntarios select, .formulario-voluntarios textarea {
  width: 100%
}
.formulario-voluntarios textarea[id="txtComments"] {
  height: 90px;
  resize: none
}
.formulario-voluntarios .legend, .formulario-voluntarios label[for="chkPrivacidad"],
.formulario-voluntarios label[for="chkComerciales"]  {
  font-size: 13rem;
  font-size: 0.8125rem
}
.formulario-voluntarios input[type="button"], .formulario-voluntarios input[type="submit"] {
  font-family: 'Anton', sans-serif;
  font-size: 21px;
  font-size: 1.3125rem;
  text-transform: uppercase;
  color: #fff;
  background-color: #00429a;
  text-align: center;
  padding: 3px 10px;
  border: none
}
@media (min-width: 320px) {
  .formulario-voluntarios input[type="button"], .formulario-voluntarios input[type="submit"] {
    float: none;
    width: 100%
  }
}
@media (min-width: 990px) {
  .formulario-voluntarios input[type="button"], .formulario-voluntarios input[type="submit"] {
    float: right;
    width: 100px
  }
}
.formulario-voluntarios input[type="button"]:hover, .formulario-voluntarios input[type="submit"]:hover {
  background-color: #434a54
}
.proximas-acciones-item {
  margin-bottom: 30px;
  border-bottom: 1px solid #e6e9f0;
  padding-bottom: 15px;
  overflow: hidden
}
.proximas-acciones-item .title {
  font-family: 'Cabin', sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  color: #274596;
  text-transform: uppercase;
  margin: 0;
  text-align: left;
  font-weight: 700
}
.proximas-acciones-item .fecha {
  color: #7b838d
}
.proximas-acciones-item.accion-destacada.alert.alert-info {
  background-image: none;
  background-color: #e6e9f0;
  border: 1px solid #bcbfc8
}
.apadrina-calle-intro {
  font-size: 20px;
  font-size: 1.25rem;
  text-align: center;
  overflow: hidden;
  margin: 0 0 30px 0
}
.apadrina-calle-intro .img-responsive {
  display: inline-block;
  margin-top: 20px
}
.apadrina-calle-list {
  margin-top: 30px
}
.apadrina-calle-list-item {
  margin-bottom: 30px;
  border-bottom: 1px solid #e6e9f0;
  padding-bottom: 15px;
  overflow: hidden
}
.apadrina-calle-list-item .title {
  font-family: 'Cabin', sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  color: #333;
  text-transform: uppercase;
  margin: 0 0 20px;
  text-align: left;
  font-weight: 700;
  line-height: normal
}
.apadrina-calle-list-item .title .fa {
  color: #274596
}
.apadrina-calle-list-item .link {
  color: #274596
}
.apadrina-calle-list-item .link:hover {
  text-decoration: none;
  color: #333
}
.gracias-content {
  text-align: center;
  margin-bottom: 30px
}
.gracias-content .intro {
  font-size: 25px;
  font-size: 1.5625rem
}
footer {
  background-color: #7b838d;
  padding: 15px 0 0 0;
  color: #fff
}
@media (min-width: 320px) {
  footer {
    text-align: center
  }
}
@media (min-width: 990px) {
  footer {
    text-align: left
  }
}
footer .img-responsive {
  display: inline-block
}
@media (min-width: 320px) {
  footer .logo {
    margin-bottom: 25px
  }
}
@media (min-width: 990px) {
  footer .logo {
    margin-bottom: 0
  }
}
footer a {
  color: #fff;
  text-decoration: underline
}
footer a:hover {
  text-decoration: none;
  color: #fff
}
.footer-social-links {
  margin: 0;
  padding: 0
}
.footer-social-links li {
  list-style: none;
  display: inline-block;
  margin-left: 10px
}
.footer-social-links li:first-child {
  margin-left: 0
}
.footer-social-links a {
  color: #fff;
  text-decoration: none;
  font-size: 20px;
  font-size: 1.25rem
}
.footer-social-links a:hover {
  color: #dce9f9
}
.footer-logos {
  margin-top: 20px
}
@media (min-width: 320px) {
  .footer-logos .img-responsive {
    margin-bottom: 25px
  }
}
@media (min-width: 990px) {
  .footer-logos .img-responsive {
    margin-bottom: 0
  }
}
.footer-premios .title {
  font-size: 20px;
  font-size: 1.25rem;
  margin-bottom: 25px;
  margin-top: 0;
  font-family: 'Cabin', sans-serif;
  text-transform: none;
  text-align: left;
  color: #fff
}
@media (min-width: 320px) {
  .footer-premios .title {
    text-align: center
  }
}
@media (min-width: 990px) {
  .footer-premios .title {
    text-align: left
  }
}
@media (min-width: 320px) {
  .footer-premios .img-responsive {
    margin-bottom: 25px
  }
}
@media (min-width: 990px) {
  .footer-premios .img-responsive {
    margin-bottom: 0
  }
}
.footer-menu {
  padding: 15px;
  margin-top: 15px;
  background: #274597;
  color: #fff
}
.footer-menu a {
  color: #fff
}
.footer-menu a:hover {
  color: #a9b3bf;
  text-decoration: none
}
.footer-menu ul {
  margin: 0;
  padding: 0;
  text-align: center
}
.footer-menu li {
  display: inline-block;
  margin-left: 10px
}
.footer-menu li:first-child {
  margin-left: 0
}
.footer-menu li:before {
  content: "|";
  margin-right: 10px
}
.footer-menu li:first-child:before {
  content: " "
}
.zona-privada-options .logo {
  text-align: center
}
.zona-privada-options .logo img {
  display: inline-block
}
.zona-privada-options-link {
  width: 100%;
  color: #434a54;
  text-align: center;
  background: #afbac1;
  line-height: normal;
  margin: 0;
  display: block;
  padding: 50px;
  text-transform: uppercase;
  font-size: 20px;
  font-size: 1.25rem;
  margin-bottom: 15px
}
.zona-privada-options-link:hover {
  text-decoration: none;
  background: #274596;
  color: #fff
}
.zona-privada-options #btnSalir {
  color: #fff;
  background-color: #00429a;
  text-align: center;
  padding: 3px 10px;
  border: none
}
.zona-privada-options #btnSalir:hover {
  background-color: #434a54
}
.pagina-no-encontrada {
  margin: 30px 0;
  text-align: center
}
.pagina-no-encontrada .title {
  margin-bottom: 20px
}
.pagina-no-encontrada p {
  font-size: 20px;
  font-size: 1.25rem
}
.icon.icon-social {
  background-image: url(../images/sprite-redes.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 25px;
  height: 25px
}
.icon.icon-social.fb {
  background-position: 0 -62px
}
.icon.icon-social.tw {
  background-position: 0 -31px
}
.icon.icon-social.yt {
  background-position: 0 0
}
.col-strech {
  padding-left: 0;
  padding-right: 0
}
.col-strech-left {
  padding-left: 0
}
.col-strech-right {
  padding-right: 0
}
@media (min-width: 320px) {
  .col-strech-left {
    padding-left: 15px
  }
  .col-strech-right {
    padding-right: 15px
  }
  .col-strech {
    padding-left: 15px;
    padding-right: 15px
  }
}
@media (min-width: 990px) {
  .col-strech-left {
    padding-left: 0
  }
  .col-strech-right {
    padding-right: 0
  }
  .col-strech {
    padding-left: 0;
    padding-right: 0
  }
}
.text-blue {
  color: #274596
}
.text-bold {
  font-weight: 700
}
.text-legend {
  font-size: 16px;
  font-size: 1rem
}
.gray-icons {
  background-image: url(../images/sprite-gray-icons.png);
  background-repeat: no-repeat;
  width: 100%;
  height: 60px;
  display: block
}
.gray-icons.carta-fundacional {
  background-position: center 0
}
.gray-icons.carta-voluntario {
  background-position: center -60px
}
.blue-icons {
  background-image: url(../images/sprite-blue-icons.png);
  background-repeat: no-repeat;
  width: 100%;
  height: 88px;
  display: block
}
.blue-icons.empresa {
  background-position: center 0
}
.blue-icons.particulares {
  background-position: center -87px
}
.blue-icons.dona-bienes {
  background-position: center -176px
}
.blue-icons.apadrina-calle {
  background-position: center -263px
}
.blue-icons.dona-dinero {
  background-position: center -353px
}
.blue-icons.voluntariado-empresa {
  background-position: center -442px
}
.blue-icons.voluntario-permanente {
  background-position: center -534px
}
.blue-icons.voluntario-ocasional {
  background-position: center -624px
}
.blue-icons.centros-comerciales {
  background-position: center -713px
}
.blue-icons.centros-educativos {
  background-position: center -803px
}
.blue-icons.eventos-solidarios {
  background-position: center -893px
}
.blue-icons.operaciones-empresas {
  background-position: center -985px
}
.ico-logo-fesbal {
  background-image: url(../images/logo-fesbal.jpg);
  background-repeat: no-repeat;
  width: 100%;
  height: 110px;
  display: block;
  background-position: center top;
  margin-bottom: 10px
}
.list, .list ul {
  list-style: none;
  margin: 0;
  padding: 0
}
.list a {
  color: #274597;
  text-decoration: none
}
.list a:hover {
  color: #666;
  text-decoration: none
}
.list.list-arrow-circle-right {
  margin-left: 32px;
  margin-top: 0
}
.list.list-arrow-circle-right li {
  margin-bottom: 15px
}
.list.list-arrow-circle-right li:before {
  font-family: 'FontAwesome';
  content: '\f0a9';
  margin: 0 15px 0 -32px;
  font-size: 20px;
  color: #aab3bd;
  float: left;
  vertical-align: top
}
.list.arrow-circle-o-right {
  margin-left: 32px;
  margin-top: 0
}
.list.arrow-circle-o-right li {
  margin-bottom: 15px
}
.list.arrow-circle-o-right li:before {
  font-family: 'FontAwesome';
  content: '\f18e';
  margin: 0 15px 0 -32px;
  font-size: 20px;
  color: #aab3bd;
  float: left;
  vertical-align: top
}
.list.caret-right {
  margin-left: 21px;
  margin-top: 0
}
.list.caret-right li {
  margin-bottom: 15px
}
.list.caret-right li:before {
  font-family: 'FontAwesome';
  content: '\f0da';
  margin: 0 15px 0 -20px;
  font-size: 20px;
  color: #aab3bd;
  float: left;
  vertical-align: top
}
.list.file-pdf-o {
  margin-left: 32px;
  margin-top: 0
}
.list.file-pdf-o li {
  margin-bottom: 15px
}
.list.file-pdf-o li:before {
  font-family: 'FontAwesome';
  content: '\f1c1';
  margin: 0 15px 0 -32px;
  font-size: 20px;
  color: #aab3bd;
  float: left;
  vertical-align: top
}
.list.circle {
  margin-left: 32px;
  margin-top: 0
}
.list.circle li {
  margin-bottom: 15px
}
.list.circle li:before {
  font-family: 'FontAwesome';
  content: '\f111';
  margin: 0 15px 0 -32px;
  font-size: 20px;
  color: #aab3bd;
  float: left;
  vertical-align: top
}
.modal-content {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0
}
.modal-body .img-responsive {
  width: 100%
}
@media (min-width: 320px) {
  .modal-dialog {
    width: 300px
  }
}
@media (min-width: 480px) {
  .modal-dialog {
    width: 440px
  }
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 750px
  }
}
@media (min-width: 990px) {
  .modal-dialog {
    width: 960px
  }
}
@media (min-width: 1200px) {
  .modal-dialog {
    width: 1000px
  }
}
.contenedor-logo-fundacion-lealtad {
  padding-top: 1em
}
@media (min-width: 768px) {
  .colabora_particular_index .necesitamos-voluntarios {
    min-height: 35em
  }
  .colabora_particular_index .formulario-voluntarios {
    min-height: 35em
  }
}
.colabora_particular_index #frmContact div[data-activo="false"] {
  display: none
}
.banner-voluntarios {
  padding-top: 1em
}

/**********
CANAL DENUNCIAS
**********/
.contacto-form.contacto-form--denuncias {
	margin-bottom: 0;
}
@media (min-width: 990px) {
	.contacto-form.contacto-form--denuncias input[type="button"], .contacto-form.contacto-form--denuncias input[type="submit"] {
		float: none;
	}
}
.modal-footer.modal-footer-denuncias {
	text-align: center;
}
.modal-header {
	position: relative;
}
.modal-header .close {
	position: absolute;
    right: 15px;
    top: 15px;
}

.btn-modal {
    font-family: 'Anton', sans-serif;
    font-size: 21px;
    text-transform: uppercase;
    color: #fff;
    background-color: #00429a;
    text-align: center;
    padding: 3px 10px;
    width: 100px;
    border: none;
}

/**********
COMUNICACIÓN
**********/
.programa-proyecto-item {
	border-bottom: 1px solid #666; padding-bottom: 20px; margin-bottom: 30px;
	display: block;
	overflow: hidden;
}
.premios-reconocimientos .programa-proyecto-item:last-child {
    border-bottom: none;
}
.programa-proyecto-item .title {
	font-size: 18px;
}
.ultimas-noticias-covid-list ul {
	padding: 0;
}
.ultimas-noticias-covid-list li {
  list-style: none;
    font-size: 1rem;
    margin-bottom: 1rem;
    text-transform: uppercase;
}
.ultimas-noticias-covid-list li a {
    display: flex;
}
.ultimas-noticias-covid-list li i {
    margin-right: .5rem;
}
span.el-noticia-date {
    color: #fff;
    text-transform: uppercase;
    font-size: .8rem;
    background-color: #00429a;
    padding: .1rem .5rem;
    display: inline-block;
    margin-bottom: .3rem;
}

/*********
SOLICITUD AYUDA ALIMENTARIA
*********/

.home-ft-calendario-operacion-kilo p {
    font-size: 20px;
    padding: 18px 8px;
}
.co-covid-home {
  display: flex;
    align-items: center;
    width: 100%;
    background: #afbac1;
}
/*********
FORMULARIO SOLICITUD AYUDA ALIMENTARIA
*********/
#text-ayuda-alimenticia {
  display: none;
}

.oculto-ayuda {
  display: block;
}

#text-ayuda-alimenticia {
    background-color: #172b58;
    color: #fff;
    padding: 1rem 1rem .5rem;
    margin-bottom: .7rem;
}
.contacto-form .title {
  font-size: 30px;
}
.contacto-form .subtitle {
    font-family: 'Anton', sans-serif;
    font-size: 20px;
     text-transform: uppercase;
  color: #274597;
  }


  /*********
  COOKIES
  *********/
.cc-cookie-accept {
  background-color: #479A13 !important;
}
.cc-cookies.cookie-discreta {
    background: rgba(0,0,0,.0) !important;
    text-align: right;
}
.cc-cookies a.cc-cookie-reset {
    background: #666 !important;
    text-align: right !important;
}




.tituloVoluntario{
    margin-top: 0%;
    margin-bottom: 0%;
}

.mt-1 { margin-top:  1rem; }
.mt-2 { margin-top:  2rem; }
.mt-3 { margin-top:  3rem; }
.mt-4 { margin-top:  4rem; }
.mt-5 { margin-top:  5rem; }