div#carousel { height: 360px; width: 100%; position: relative; padding: 0; margin: 0;}
div#foo {height:360px; width: 960px; overflow: hidden;}
.itens {height: 360px; width: 225px; float: left; margin-right: 20px; padding: 0; text-align: center; }
.itens div{width: 225px; background:#fff; border-radius:10px; display:block; vertical-align: middle; height: 165px; margin-bottom:10px;}
a.prev, a.next {display: block; height: 78px; width: 51px; position: absolute; z-index: 200; text-indent: -9999px; top: 40%; }
a.prev {background: url(../../img/icones/anterior.png) no-repeat; left: -60px;  }
a.next {background: url(../../img/icones/proxima.png) no-repeat; right: -60px; }

 
a.disabled {opacity: 0.4;}

@media only screen and (max-width: 959px) { 
div#carousel {width:80%; margin:0 auto;}
	}
	
	@media only screen and (max-width: 767px) {
a.prev {background: url(../../img/icones/anterior-mob.png) no-repeat; left: -60px; height: 46px; width: 30px; }
a.next {background: url(../../img/icones/proxima-mob.png) no-repeat; right: -60px; height: 46px; width: 30px; }
}

	@media only screen and (max-width: 550px) {
div#carousel {width:70%; }
		
		}
		
		
	@media only screen and (max-width: 470px) {
div#carousel {width:60%; }
		
		}