.footer {
	margin:8px auto 0 auto;
	padding:8px;
	background-color:#333;
}

.footer .content {
	width:984px;
	margin:0 auto;
}

.footer .col1 {
	float:left;
	width:230px;
	font-family:arial;
	font-size:12px;
	font-weight:normal;
	color:#fff;
}

.footer .copyright {
	margin-top:20px;
	color:#ccc;
}

.footer .diseno  {
	margin-top:20px;
	color:#ccc;
	font-size:10px;
}

.footer .col1 a {
	text-decoration:none;
	color:#999;
}

.footer .col1 a:hover {
	text-decoration:underline;
}

.footer .col2 {
	float:left;
	width:330px;
	height:100%;
	padding-left:8px;
	border-left:1px solid #444;
}

.footer .col2 .text {
	margin:0;
	padding-top:2px;
	border:0;
	color:#ccc;
	font-size:12px;
	font-family:arial;
	font-weight:normal;
}

.footer .col3 {
	float:left;
	width:230px;
	height:100%;
	padding-left:8px;
	border-left:1px solid #444;
}

.footer .col3 a {
	outline:none;
}

.footer .col3 ul {
	list-style:none;
	margin:0;
	padding:0;
}

.footer .col3 ul li {
	margin:0;
	padding-top:8px;
	border:0;
	color:#ccc;
	font-size:11px;
	font-family:arial;
	font-weight:normal;
}

.footer .col3 ul li img {
	padding-right:4px;
	opacity:1;
}

.footer .col3 a {
	text-decoration:none;
	color:#ccc;
}

.footer .col3 a:hover {
	text-decoration:underline;
}

.footer .col4 {
	float:left;
	width:130px;
	height:100%;
	padding-left:8px;
	border-left:1px solid #444;
}

.footer .col4 a {
	outline:none;
	text-decoration:none;
	color:#ccc;
}

.footer .col3 a:hover {
	text-decoration:underline;
}

.footer .col4 img {
	filter: grayscale(100%);
}

.footer .col4 img:hover {
	filter: grayscale(0);
}