/*=============================================
FOOTER
=============================================*/



.contacto_cat {
	padding: 10px;	
	border-bottom: 2px solid #a6b8ce;
	border-radius: 15px;
	
}

.icono_contacto_cat {
	margin-top: -7px;
	margin-right: 10px;
	color: #a6b8ce;
}

.titulo_icono_contacto_cat {
	color: #a6b8ce !important;	
}

.titulo_icono_contacto_cat h4:hover {
	color: #fff !important;	
}



.imagenwhats{
    position: fixed;
    right: 10px;    
    bottom: 10px;            
}


.imagenwhats2{
    position: absolute;
    right:10px;    
    bottom:20px;           
}

footer{
	/*margin-bottom: 20px;*/
	border-top:8px solid #999;
	background: #222;
	padding:20px 0px 10px 0px;
	border-radius: 0px 0px 25px 25px;
}

.footerCategorias h4 a{
	color:#666;
}

.footerCategorias li a{
	color:#999;
}

.footerCategorias hr{
	border:1px solid #333;
}

.infoContacto h5{
	color:#999;
}

.formContacto h4{
	color:#666;
}

.final{
	/*padding:20px 0;*/
	/*background: black;*/
}

.final ul li{
	display:inline;
	line-height:30px;
	margin:0px 5px;
	color:white;
}

.final .social ul li a i{
	font-size:18px;
	margin:0 1px;
}

.avatar {
	width: 80px;
	height: 80px;
	box-sizing: border-box;
	border: 1px white solid;
	border-radius: 60%;
	overflow: hidden;
	box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
	transform: translatey(0px);
	animation: float 1s ease-in-out infinite;
	img { width: auto; height: 80%; }
}

.avatar2 {
	width: 80px;
	height: 80px;
	box-sizing: border-box;
	border: 5px white solid;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
	transform: translatey(0px);
	animation: float 10s ease-in-out infinite;
	img { width: 100%; height: auto; }
}