/*links footer*/
ul.icon-list{
  height: 90px;
}
ul.icon-list li{
  text-align: center;
  height: 100%;
  display: inline-block;
  cursor: pointer;
}

ul.icon-list li.icons a, ul.icon-list li.icons2 a{
  display: inline-block;
  height: 100%;
  text-align: center;
  cursor: pointer;
  color: #fff;
  text-transform: uppercase;
  padding: 10px 25px;
  font-size: 1rem;
  font-weight: bold; 
  border:2px solid transparent;
  vertical-align: middle;
}
ul.icon-list li.icons a .texto {
    font-size: 90%;
    line-height: 20px;
}

ul.icon-list li.active{
  background: rgba(0, 0, 0, .2); 
  border:3px solid #114877;
}

li.recopilatorio{
    
}

li.recopilatorio p.texto{

}

li.recopilatorio span.big{
  font-size: 1.1rem;
  display:none;
}

ul.icon-list li.icons .img, ul.icon-list li.icons2 .img {
	width: 40px;
	height: 40px;
}

.family-delete a .img{
  width:20px;
}

button.save {
    background-color: transparent;
    border: none;
    position: fixed;
    top: 28px;
    right: 220px;
    width: 61px;
    height: 44px;
}
button.save-special{
    height: 51px;
}

button.save .img{
  width:45px;
  height: auto;
}


/*hover, link*/
/*FOOTER*/
ul.icon-list li.icons:hover .img path {
    fill: #021038;
}

ul.icon-list li.icons:hover .texto { 
	color: #021038;
}

.limite a:hover .img path, ul.icon-list li.recopilatorio:hover .img path{
   fill: #00fff7;
}

ul.icon-list li.recopilatorio:hover .texto{
    color: #00fff7;
}

ul.icon-list li.icons:active .img path {
    fill: #76a3be;
}

ul.icon-list li.icons:active .texto { 
	color: #76a3be;
}

.limite a:active .img path{
  fill: #76a3be;
}


/*end icons footer*/

header a:hover .img path{
  fill: #021038;
}

header a:active .img path{
  fill: #76a3be;
}

.search a:hover .img path{
  fill: #021038;
}

.search a:active .img path{
  fill: #76a3be;
}

.search-button:hover .img path{
  fill: #021038;
}

.search-button:active .img path{
  fill: #76a3be;
}

.continue:hover .img path{
  fill: #021038;
}

.continue:active .img path{
  fill: #76a3be;
}

.continue:hover span.texto{
  color: #021038;
}

.continue:active span.texto{
  color: #76a3be;
}

.contact-mobile a:hover .img path, .contact a:hover .img path{
  fill: #021038;
}

.contact-mobile a:active .img path, .contact a:active .img path{
  fill: #fff;
}

.contact-mobile a:hover span.texto, .contact a:hover span.texto {
  color: #021038;
}

.contact-mobile a:active span.texto, .contact a:active span.texto {
  color: #fff;
}

.add-button a:hover .img path{
  fill: #021038;
}

.add-button a:active .img path{
  fill: #fff;
}

.add-dedicatory a:hover .img path{
  fill: #021038;
}

.add-dedicatory a:active .img path{
  fill: #fff;
}

.family-delete a:hover .img path{
  fill: #021038;
}

.family-delete a:active .img path{
  fill: #76a3be;
}

button.save:hover .img path{
   fill: #00fff7;
}

button.save:active .img path{
   fill: #76a3be;
}

a.help:hover .img path{
   fill: #021038;
}

a.help:active .img path{
   fill: #76a3be;
}

.contact:hover, .back:hover{
  cursor: pointer;
}
.contact:hover .img path, .back:hover .img path{
  fill: #021038;
}