.clearing {
clear:both;
}

.last {
margin-bottom:0;
}

.screenReader {
left:-9999px;
position:absolute;
top:-9999px;
}

div#container {
overflow:hidden;
width:672px;
margin:20px auto 0;
}

ul#filter {
float:left;
font-size:16px;
list-style:none;
width:100%;
margin:0 0 20px;
}

ul#filter li {
border-right:1px solid #dedede;
float:left;
line-height:16px;
margin-right:10px;
padding-right:10px;
color:#fff;
}

ul#filter a {
color:#fff;
text-decoration:none;
}

ul#filter li.current a,ul#filter a:hover {
text-decoration:underline;
}

ul#filter li.current a {
color:#fff;
font-weight:700;
}

ul#portfolio {
float:left;
list-style:none;
margin-left:0;
width:980px;
}

ul#portfolio li {
float:left;
width:235px;
background-color:#00344a;
margin:0 10px 10px 0;
}

ul#portfolio a {
display:block;
width:100%;
color:#fff;
text-decoration:none;
padding:5px;
}

ul#portfolio a:hover {
text-decoration:none;
background:url("../images/home/trama-footer.gif") repeat;
width:225px;
}

ul#portfolio img {
display:block;
padding-bottom:5px;
}

#footer .contacto-pie {
background:url("../images/titulos/contacto-portfolio.gif") no-repeat !important;
width:93px;
height:46px;
margin-bottom:10px;
}

.descripcion {
float:left;
width:370px;
color:#fff;
margin-left:20px;
}

.descripcion h3 {
font-weight:700;
margin-bottom:10px;
}

.descripcion span a {
float:left;
background-color:#ba181d;
color:#fff !important;
text-decoration:none;
margin:10px 0;
padding:2px 10px 4px;
}

.descripcion span a:hover {
color:#fff !important;
text-decoration:none;
background-color:#950c10;
}

ul.herramientas {
float:left;
width:160px;
clear:both;
margin:20px 0 0;
}

ul.herramientas li {
float:left;
width:160px;
margin-bottom:1px;
background:url("../images/home/trama-footer.gif") repeat;
font-size:11px;
color:#fff;
padding:3px 3px 3px 7px;
}

ul.herramientas li .tic {
float:right;
background:url("../images/iconos/tic.gif") repeat;
width:15px;
height:13px;
}