.clear{clear:both !important; float:none !important; margin:0px !important; padding:0px !important; height:0px !important; width:0px !important}
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

.center{ width:645px; margin:0 auto;}
.wrapper-center{ padding:0 10px;}

.img-responsive{ height:auto; width:100%;}

/*------css obrigatório------*/
#slider-carousel{ position: relative; width: 100%; padding: 10px 0 0 0; margin-bottom: 5px;}
#container-slider-carousel{  width: 625px; position: relative; overflow: hidden; height:auto;}
#content-silder-carousel{ width: 5000px; position: relative; left: 0;}
/*---------------------------*/

#slider-carousel .wrapper-setas{ position: absolute; right: 0; z-index: 10; margin: 22px 15px 0 0;}
#slider-carousel .wrapper-setas a{ float: left; margin-left: 5px;}
.seta-pag-esq-md{ background:url(../img/seta-esq.png) no-repeat 0 0; width: 32px; height: 32px; display:block;}
.seta-pag-dir-md{ background:url(../img/seta-dir.png) no-repeat 0 0; width: 32px; height: 32px; display:block;}

#content-silder-carousel .item{ float: left; width: 625px; margin-right:10px;}
#content-silder-carousel .item .title{ }
#content-silder-carousel .item .title .wrapper-title{ padding-right: 20px; position: relative; height: 39px; background-color: #517c58;-webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px;}
#content-silder-carousel .item .title .wrapper-title > div{ padding: 10px 0 0 15px;}
#content-silder-carousel .item .title .wrapper-title em{ position: absolute; right: -28px; top: -1px;}
#content-silder-carousel .item .title .wrapper-title p{ font-family:Arial, Helvetica, sans-serif; color: #e7eaa9; font-size: 16px; line-height: 18px;}

#content-silder-carousel .item .content-offer { border: 1px solid #ebebeb; width: 100%;
    -webkit-border-radius: 5px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 5px;
    -moz-border-radius-topleft: 0;
    border-radius: 5px;
    border-top-left-radius: 0;}
#content-silder-carousel .item td{ vertical-align: middle;}
#content-silder-carousel .item .content-offer .img{ width: 40%; border: 1px solid #ebebeb;}
#content-silder-carousel .item .content-offer .img img{ display:block; max-width:100%;}
#content-silder-carousel .item .content-offer table{ width: 100%;}
#content-silder-carousel .item .content-offer table tr td{ border: 1px solid #ebebeb; border-bottom: none;}
#content-silder-carousel .item .content-offer table .nome-produto{ border: none; padding: 28px 20px;}
#content-silder-carousel .item .content-offer table .nome-produto strong{ font-size: 18px; color: #517c58; line-height: 22px;}
#content-silder-carousel .item .content-offer table .nome-produto p{ color: #666666;}
#content-silder-carousel .item .content-offer table .price{ border-left: none;}
#content-silder-carousel .item .content-offer table .price > div{ padding: 8px 10px; text-align: center;}
#content-silder-carousel .item .content-offer table .price span{ font-size: 40px; line-height: 42px; font-weight: bold; color: #517c58;}
#content-silder-carousel .item .content-offer table .price label{ margin-top: 23px; font-size: 11px; line-height: 13px; font-weight: bold; color: #517c58;}
#content-silder-carousel .item .content-offer table .price sup{ font-size: 23px; line-height: 28px; font-weight: bold; color: #517c58;}
#content-silder-carousel .item .content-offer table .weight > div{ padding: 8px 10px; text-align: center; }
#content-silder-carousel .item .content-offer table .weight span{font-size: 12px; color: #666666;}
#content-silder-carousel .item .content-offer table .card > div{ padding: 8px 10px;}
#content-silder-carousel .item .content-offer table .card p{ margin-top: 10px; text-align: center; display: inline-block; width: 65px; font-size: 11px; line-height: 10px; color: #517c58; float: left;}
#content-silder-carousel .item .content-offer table .card p strong{ font-size: 14px;}
#content-silder-carousel .item .content-offer table .card em{ float: left;}


#slider-carousel-2{ position: relative; width: 100%; padding: 10px 0 0 0; margin-bottom: 5px;}
#container-slider-carousel-2{  width: 620px; position: relative; overflow: hidden; height:auto;}
#content-silder-carousel-2{ width: 5000px; position: relative; left: 0;}
#content-silder-carousel-2 .item{ width:200px; float:left; background-color:#CCC; margin-right:10px;}

#slider-carousel-2 .wrapper-setas{ margin:0 0 10px 0;}
#slider-carousel-2 .wrapper-setas a{ float:right; margin-left:10px;}



@media screen and (max-width: 645px) {
	.center{ width:100%;}
	
}

hr{ border:none; height:1px; width:100%; display:block; margin:60px 0; background-color:#CCC;}