div#carousel {background:url(../../img/bg/carousel.png) 0 0; height: 152px; width: 96%; position: relative; padding: 0 0 0 35px; margin: 0px 0 20px 0;}
div#foo {height:152px; width: 960px; overflow: hidden; top:15px !important;}
.itens {height: 100px; width: 165px; float: left; margin-right: 15px; padding: 0; text-align: center; vertical-align: middle;}
a.prev, a.next {display: block; height: 46px; width: 22px; position: absolute; z-index: 200; text-indent: -9999px; top: 45%;  }
a.prev {background: url(../../img/btn/prev.jpg) no-repeat; left: 5px;}
a.next {background: url(../../img/btn/next.jpg) no-repeat; right: 5px; }

 
a.disabled {opacity: 0.5;}

	@media only screen and (max-width: 570px) {
div#carousel{width: 94%; }		
		}

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