/***********************************************
PreFooter
***********************************************/

.contenprefooters{
  height: 200px;
  background: #ffffff; 
  display: flex
}

.contenCardPreFooter{
  width: 100%;
  text-align: center  
}

.contenCardPreFooter img{
  width: 38px    
}

.contenCardPreFooter h6{
  margin-top: 20px;
  font-family: OpenSans-Bold;
  font-size: 14px;
  color: #000
}

.contenCardPreFooter p{
  font-family: OpenSans, Arial, Helvetica, sans-serif;
  line-height: 1.5;
  font-size: 13px;
  color: #999;
  padding: 10px 30px
}

.btnMenuDestacado{
  position: relative;
  top: 170px
}

/***********************************************
Menu footer
***********************************************/
.conteMenuFooter {
  display: flex;
  margin-top: 20px 
}

.menufooter{
  display: flex;
  width: 100%
}

.ulFooter{
  width: 100%
}

.menufooter ul h6{
  font-family: OpenSans-Bold;
  font-size: 16px;
  color: #333
}

.menufooter li{
  display: flex;  
}

.menufooter li a{
  font-size: 14px;
  color: #777 ;
  margin-top:  10px;
  margin-left: 5px 
}



.menufooter a:link, a:visited, a:active {
    text-decoration:none;
}

.ul_footerItem h6{
  overflow: hidden 
}

.li_footerItem {
  overflow:hidden;
  
}
.a_footerLink {
  position:relative;
  line-height:.3rem
}
.a_footerLink:hover {
  color:#000;
  cursor:pointer
}
.a_footerLink:after {
  content:'';
  position:absolute;
  left:0;
  bottom:0;
  background:#e30057;
  width:100%;
  height:1px;
  transform:translateX(-105%);
  transition:.2s transform ease-out
}
html[lang=ar] .a_footerLink:after {
  transform:translateX(105%)
}
.a_footerLink:hover:after {
  transform:translateX(0)!important
}

.active{
  //color: #008d4c;
}
.oculto{
 // color: #d73925
}

.conteFooter{
  margin-top: 20px;
  text-align: center;
  color: #999;
  font-family: OpenSans, Arial, Helvetica, sans-serif;
  
}