.logos {position:relative; width:100%;}
.logos ul {padding:0; margin:20px auto 0; width:1100px; height:auto; overflow:hidden; list-style:none;}
.logos ul li {list-style:none; float:left; display:block; text-indent:0px; width:204px; height:auto; margin:7px; border:solid 1px #ccc; position:relative; overflow:hidden; background:none;}
.logos ul li:hover div {background:url('/images/site/clientes/hover.png') center no-repeat;}
.logos ul li:hover div a {display:block;}
.logos ul li:hover div span {display:block;}
.logos ul li .bg {width:100%; position:absolute; height:100%; overflow:hidden;}
.logos ul li .bg span {display:none; width:134px; padding:10px; height:71px; background:#49176d; color:#fff; left:50%; margin:25px auto 0; bottom:83px; text-align:center; font-size:18px; line-height:25px; letter-spacing:1px; word-wrap:break-word;}
.logos ul li a {display:none; position:absolute; width:154px; height:30px; background:#fff; left:50%; margin:0 0 0 -77px; bottom:42px; text-align:center; line-height:30px; letter-spacing:1.3px; font-size:16px;}
.logos ul li img {float:none; margin:0; max-width:100%;}

.res940 .logos ul li {margin:9px;}
.res940 .logos ul {width:900px;}

.res720 .logos ul {width:680px;}
.res720 .logos ul li {margin:10px;}

.res480 .logos ul li {margin:7px;}
.res480 .logos ul {width:440px;}

.res320 .carea {padding:20px 0px 30px;}
.res320 .logos ul {width:220px;}
.res320 .logos ul li {margin:10px;}