@media screen and (max-width: 1001px) { 
    .container-clientes li{ width: 223px; }
}

@media screen and (max-width: 1136px) { 
    .container-clientes .prev{ display: none !important; }
    .container-clientes  .next{ display: none !important;  }
}

@media screen and (min-width: 1001px) { 
    .container-clientes .prev{ left: -8%; }
    .container-clientes .next{ right: -8%; }
    .container-clientes li{ width: 220px; }
    .container-clientes ul{ padding-left: 1.1%; }
}

.container-clientes{
    overflow: hidden;
    position: relative;
}

.container-clientes .fundo{
    background: url('../../images/layout/bg_clientes.jpg') top left repeat-x;
    box-shadow: 1px 3px 8px 0px rgba(0, 0, 0, 0.2);
    padding-bottom: 1%;
}

.container-clientes h1{
    color: #ffffff;    
    padding-top: 3%;
    padding-bottom: 3%;
}

.container-clientes .container{
    position: relative;
    width: 97%;
}

.container-clientes li{
    position: relative;
    float: left;    
    margin-right: 20px;
}

.container-clientes .item{
    width: 100%;
    height: 120px;
    margin-bottom: 20px;
    position: relative;
    float: left;
    display: block;   
    background: #ffffff;   
    text-align: center;
}

.container-clientes .table, .container-clientes .cell{
    height: 120px;
    width:  223px;
}

.container-clientes .cell{
    vertical-align: middle;
    text-align: center;
}

.container-clientes  .prev, .container-clientes .next{
    width: 60px;
    height: 60px;
    position: absolute;
    z-index: 8000;
    top: 48%;
    background-image: url('../../images/layout/arrow_cliente.png');
}

.container-clientes  .prev{ background-position: 0 0%; }
.container-clientes .next{ background-position: 100% 0; }