/*.wrapper{left: -573px;position: relative; width: 2395px;max-width:832px;} */ 
.wrapper{ margin: auto; max-width: 832px;}
.jcarousel-wrapper{left: 5px;position: relative; width: 2395px/*2395px*/;max-width:100%; margin:auto}

#sliderMaior { width:100%; overflow:hidden; position:relative; background: #fff; }
#sliderMaior .jcarousel ul{ margin:0; width: 20000em;position: relative; list-style: none;}
#sliderMaior .jcarousel li { float:left; margin:0 30px 0 3px; *margin-left:0; padding:0; background:none; width:832px; position: relative; }
#sliderMaior .jcarousel-control-prev, #sliderMaior jcarousel-control-next { position:absolute; top:10px; background:url(../../../../../vila/pt/imagens/site/arrows-slider.html) no-repeat; width:25px; height:25px; cursor:pointer; }
#sliderMaior .jcarousel-control-prev { z-index: 9; left: 2px; /*left: 274px;*/  width:837px; top:250px; background: url(../../../../../vila/pt/imagens/site/seta-hospedagem-anterior.png) no-repeat; width: 60px; height: 65px;  }
#sliderMaior div:hover.jcarousel-control-prev { width:837px; top:250px; background: url(../../../../../vila/pt/imagens/site/seta-hospedagem-anterior-hover.png) no-repeat; width: 60px; height: 65px; }
#sliderMaior .jcarousel-control-next {position:absolute;  /*left:1131px;*/ right: -42px; top: 250px; z-index: 9; background: url(../../../../../vila/pt/imagens/site/seta-hospedagem-proxima.png) no-repeat; width: 60px; height: 65px;} 
#sliderMaior div:hover.jcarousel-control-next { top: 250px; background: url(../../../../../vila/pt/imagens/site/seta-hospedagem-proxima-hover.png) no-repeat; width: 60px; height: 65px; }   
.box-setas-carousel{position: relative; max-width: 1024px;}

.left{float:left;}
.right{float:right;}
.opacity { width:20%/*272px*/; height:680px; position:absolute; top:0; z-index: 9;}
.opacity span { display:block; width:100%; height:100%; background:#fff; opacity:0.9; filter: alpha(opacity=90); }
.opacity.left { left:0; border-right-width:5px; }
.opacity.right { right:-16px; border-left-width:5px; }


/*.jcarousel-pagination h2 a{float:right; font-family: 'Source Sans Pro', sans-serif; font-size:18px; font-weight:400; color:#376171; margin:12px;}*/

/** Carousel Pagination **/
.jcarousel-pagination {/*position: absolute;*/bottom: 0;left: 15px;}
.jcarousel-pagination h2 a {text-decoration: none;display: inline-block; font-size: 18px;line-height: 18px;min-width: 18px;color: #376171;float:right; font-family: 'Source Sans Pro', sans-serif;margin:12px}
.jcarousel-pagination h2 a:hover{color: #1b95c2;}
.jcarousel-pagination h2 a.active {background: #4E443C;color: #fff;opacity: 1;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);}


@media screen and (max-width: 1024px) {
.opacity { width:7% !important;}
/*#sliderMaior .jcarousel-control-prev {left:63px !important;}
#sliderMaior .jcarousel-control-next {left:918px !important;}*/
}

@media screen and (max-width: 1366px) {
.opacity { width:18%;}
/*#sliderMaior .jcarousel-control-prev {left:234px;}
#sliderMaior .jcarousel-control-next {left:1090px;}*/
}


@media screen and (min-width: 1920px) {
.opacity {  width: 520px;}
}