#carosul_wrapper{clear:both; margin:0px; width:100%; position:relative;}
	
#carosul{width:100% !important; margin:0 auto; margin-left:0px;}
#carosul .container{width:100%; overflow:hidden !important; /*padding-bottom:80px;*/ padding-top:90px;}
#carosul ul {margin:0px;  padding:0; position:absolute;}          
#carosul ul li{width:270px; height:360px; padding:0px 0px 0px 0px; float:left; margin:0px 30px 0px 0px;}

#carosul .previous_button{width:42px; height:42px; background:url(button1.png) no-repeat center center; position:absolute; z-index:100; cursor:pointer; right:0%; top:0px;}
#carosul .next_button{width:42px; height:42px; background:url(button2.png) no-repeat center center; z-index:100; cursor:pointer; position:absolute; right:57px; top:0;}

.carosul_container{width:100%; padding-top:30px;}
.carosul_container ul {margin:0px; padding:0; list-style:none; text-align:center;}          
.carosul_container ul li{width:270px; padding:0px; float:left; margin:0px 22px 20px 0px;}
.carosul_container ul li:last-child{margin-right:0px;}

@media only screen and (max-width:1169px) {
#carosul .container{width:870px; margin:auto; padding-bottom:80px; padding-top:0px;}
#carosul .previous_button{right:50%; margin-right:-50px; top:auto; bottom:0px;}
#carosul .next_button{right:inherit; left:50%; margin-left:-50px; top:auto; bottom:0px;}
}
@media only screen and (max-width:899px) {
#carosul .container{width:570px; margin:auto;}
}
@media only screen and (max-width:709px) {
#carosul .container{width:270px; margin:auto;}
}