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

#footer{
	background-color: #222;
	width: 100%;
	overflow: hidden;
	padding-top: 20px;
    padding-bottom: 20px;
}

ul#contentFooter {
    margin: 0 0 20px -10px;
    padding: 0;
    list-style: none;
	width: 100%;
    overflow: hidden;
}

#contentFooter li {
	margin: 0 0 10px 0;
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.5px;
	float: left;
	padding: 0px 10px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #ccc;
}

#contentFooter li a { color: #ccc;}
#contentFooter li:last-child { border-right-width: 0px;}

ul#socialFooter {
    margin: 0 0 20px 0;
    padding: 0;
    list-style: none;
	width: 100%;
    overflow: hidden;
}

#socialFooter li{
	float: left;
	background-repeat: no-repeat;
	background-position: center center;
}

#socialFooter a{
	display: block;
	text-indent: -9999px;
	height: 36px;
	width: 36px;
}

#mail-footer {background-image: url(../images/ico-mail-footer.png);}
#facebook-footer {background-image: url(../images/ico-facebook-footer.png);}
#instagram-footer {background-image: url(../images/ico-instagram-footer.png);}
#google-footer {background-image: url(../images/ico-google-footer.png);}
#linkedin-footer {background-image: url(../images/ico-linkedin-footer.png);}

#boton-top {
	position: absolute;
	display: block;
	width: 60px;
	height: 60px;
	background-color: #0099cc;
	background-image: url(../images/button-top.png);
	background-repeat: no-repeat;
	background-position: center center;
	bottom: 0;
    right: 0;
}

#boton-top:hover {
	background-color: #0066cc;
}

/* ==================================================
   MEDIA
================================================== */




@media only screen and (max-width: 400px) {

#contentFooter li { float: none; border-right-width: 0px;}


}