/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body {
	height: 100%;
}

#total {
	height: 100%;
	position:relative;
}

#main {
	height: 100%;
/*	padding-bottom: 250px;*/
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, #address, cite, code,
#del, dfn, em, img, #ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset,  legend,
table, caption, tbody, tfoot, 
article, #aside, canvas, details, figcaption, figure, 
#footer, #header, hgroup, menu, #nav, #section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
/*	line-height: 1.5em;*/
/*	vertical-align:baseline;*/
	background:transparent;
}

article,#aside,details,figcaption,figure,
#footer,#header,hgroup,menu,#nav,#section { 
	display:block;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

/* change colours to suit your needs */
#ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

#login 
{
    position:relative;
    left:50px;
    top:10px;   
    float:left;
    max-width:310px;
    color:white;
}

/* change colours to suit your needs */
mark {
	background-color:#ff9;
	color:#000; 
	font-style:italic;
	font-weight:bold;
}

#del {
	text-decoration: none;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

/* change border colour to suit your needs */
hr {
	display:block;
	height:1px;
	border:0;   
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}

input, select {
	vertical-align:middle;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  margin-top: 30px;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after{
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix,{
  zoom: 1;
}

/****** Fontes ******/

@font-face {
	font-family: 'ArialBlack';
	src: url('fontes/ariblk.eot');
	src: url('fontes/ariblk.eot?#iefix') format('embedded-opentype'),
	     url('fontes/ariblk.eot') format('embedded-opentype'),
		 url('fontes/ariblk.woff') format('woff'),
		 url('fontes/ariblk.ttf') format('truetype'),
		 url('fontes/ariblk.svg#ArialBlack') format('svg');
}

@font-face {
	font-family: 'CandaraRegular';
	src: url('fontes/candara.eot');
	src: url('fontes/candara.eot') format('embedded-opentype'),
		 url('fontes/candara.woff') format('woff'),
		 url('fontes/candara.ttf') format('truetype'),
		 url('fontes/candara.svg#CandaraRegular') format('svg');
}

@font-face {
	font-family: 'courier_newbold';
	src: url('fontes/courbd-webfont.eot');
	src: url('fontes/courbd-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fontes/courbd-webfont.woff') format('woff'),
		 url('fontes/courbd-webfont.ttf') format('truetype'),
		 url('fontes/courbd-webfont.svg#courier_newbold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ErasBoldITCRegular';
	src: url('fontes/erasbd.eot');
	src: url('fontes/erasbd.eot') format('embedded-opentype'),
		 url('fontes/erasbd.woff') format('woff'),
		 url('fontes/erasbd.ttf') format('truetype'),
		 url('fontes/erasbd.svg#ErasBoldITCRegular') format('svg');
}

@font-face {
	font-family: 'ErasDemiITCRegular';
	src: url('fontes/erasdemi.eot');
	src: url('fontes/erasdemi.eot') format('embedded-opentype'),
		 url('fontes/erasdemi.woff') format('woff'),
		 url('fontes/erasdemi.ttf') format('truetype'),
		 url('fontes/erasdemi.svg#ErasDemiITCRegular') format('svg');
}

@font-face {
	font-family: 'FreestyleScriptRegular';
	src: url('fontes/freescp0.eot');
	src: url('fontes/freescp0.eot') format('embedded-opentype'),
		 url('fontes/freescp0.woff') format('woff'),
		 url('fontes/freescp0.ttf') format('truetype'),
		 url('fontes/freescp0.svg#FreestyleScriptRegular') format('svg');
}

@font-face {
	font-family: 'FreestyleScriptRegular';
	src: url('fontes/freescpt.eot');
	src: url('fontes/freescpt.eot') format('embedded-opentype'),
		 url('fontes/freescpt.woff') format('woff'),
		 url('fontes/freescpt.ttf') format('truetype'),
		 url('fontes/freescpt.svg#FreestyleScriptRegular') format('svg');
}

@font-face {
	font-family: 'ImpactRegular';
	src: url('fontes/impact.eot');
	src: url('fontes/impact.eot') format('embedded-opentype'),
		 url('fontes/impact.woff') format('woff'),
		 url('fontes/impact.ttf') format('truetype'),
		 url('fontes/impact.svg#ImpactRegular') format('svg');
}

@font-face {
	font-family: 'TrebuchetMSRegular';
	src: url('fontes/trebuc.eot');
	src: url('fontes/trebuc.eot') format('embedded-opentype'),
		 url('fontes/trebuc.woff') format('woff'),
		 url('fontes/trebuc.ttf') format('truetype'),
		 url('fontes/trebuc.svg#TrebuchetMSRegular') format('svg');
}

@font-face {font-family: "Arial Rounded MT Bold";src:local(Arial Rounded MT Bold), 
url(fontes/arlrdbd0.ttf) format("truetype");}


/****** Elementos ******/

body{
	background: url("../images/fundo.jpg") repeat-y center top;
	font-size: 13px;
	font-family: arial, verdana, sans-serif;
}

ul, ol{
	margin-left: 5px;
}

ul{list-style: none;}

ol{list-style: decimal;}

li{
	margin: 5px 0;
}



h2{
	font-family: "TrebuchetMSRegular";
	font-size: 20px;
}

h3{
	font-weight: bold;
	font-size: 15px;
}

.destactText  h4{
	font-family:"courier_newbold";
	text-align: center;
	font-size: 18px;
	padding-bottom:10px;
}

h5{
	font-size: 20px;
	font-family: Arial;
}

a{
	color: inherit;
	text-decoration: none;
}

/****** Classes Gerais ******/

.arial Black{
	font-family: "Arial Black",arial-black,sans-serif;	
}

.arialBlack{
	font-family: "Arial Black",arial-black,sans-serif;
}

.candaraRegular {
	font-family: 'CandaraRegular';
}

.courier_newbold {
	font-family: 'courier_newbold';
}

.erasBoldITCRegular {
	font-family: 'ErasBoldITCRegular';
}

.erasDemiITCRegular {
	font-family: 'ErasDemiITCRegular';
}

.freestyleScriptRegular {
	font-family: 'FreestyleScriptRegular';
}

.freestyleScriptRegular {
	font-family: 'FreestyleScriptRegular';
}

.impactRegular {
	font-family: 'ImpactRegular';
}

.trebuchetMSRegular {
	font-family: 'TrebuchetMSRegular';
}

.ArialRoundedMTBold {
	font-family: 'ArialRoundedMTBold';
}

/*.container {
	width: 960px;
	margin: 0 auto;
}*/

*/

#aside, #primary{
	float: left;
/*	margin:0 10px 40px 10px;*/
}

#primary{
	max-width: 540px;
    width:100%;
    margin: 0 0 20px 0;
}


#aside{
	/*width: 320px;*/
    width: 100%;
}

#aside .box{
	float: left;
}

.box{
	float: right;
}

.thumb {
	background: #D2D3D5;
}

.discountTag{
	position: absolute;
	left: 0;
	top: 0;
	-moz-transform: scale(1) rotate(350deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-webkit-transform: scale(1) rotate(350deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-o-transform: scale(1) rotate(350deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-ms-transform: scale(1) rotate(350deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	transform: scale(1) rotate(350deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
}

.discountTag .percent{
	color: #FFFFFF;
	display: block;
	font-family: "Arial Black",arial-black,sans-serif;
	font-weight: 900;
	text-align: center;
}

.num_deal{
	background: url("../images/numDeal.png") no-repeat;
        font-family: "Arial Black",arial-black,sans-serif;
	color: #fff;
	float: right;
	text-align: right;
	/* font-style: italic;*/
    letter-spacing: -1px;
    font-weight: 900;
}

.num_deal span{
	display: block;
	padding-right: 10px;
	padding-top:2px;
}

#blank_div 
{
    height:56px;
    background-color:White;    
}

/*.titlemain{
	-moz-transform: scale(1) rotate(358deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-webkit-transform: scale(1) rotate(358deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-o-transform: scale(1) rotate(358deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-ms-transform: scale(1) rotate(358deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	transform: scale(1) rotate(358deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
}*/


.title{
	-moz-transform: scale(1) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-webkit-transform: scale(1) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-o-transform: scale(1) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-ms-transform: scale(1) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	transform: scale(1) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	text-shadow: 0 0 1px rgba(0,0,0,0.3);
    font-smooth: always;
    font-family: "TrebuchetMSRegular"
}

.right{float: right;}

.left{float: left;}

/****** Header ******/

#header{
	height: 185px;
	background: url("../images/header.png") repeat-x center top #fff;
	margin-bottom: 20px;
	behavior: url(ie-css3.htc);
}

@media only screen and (max-width: 992px) {
    #header {
        background: url("../images/header.png") repeat center top #fff !important;
    }

    #primary{
    	max-width: 410px;
        width:100%;
        margin: 0 0 20px 0;
        float:right;
    }

    #primary .discount #contador {
        display:none;
    }

    #primary #oferta_ativa {
        display:none;
    }
}

@media only screen and (max-width: 768px) { 
  
  #primary {
      margin: 35px 0 20px 0;     
   	  max-width: 100%;
      width:100%;
  }

  #primary #oferta_ativa {
        display:none;
    }
}

#header #logo {
	height: 82px;
	behavior: url(ie-css3.htc);
}

@media only screen and (max-width: 992px) {
  #header #logo {
    height: 135px !important;
  }
}

#header h1#brading, #header .facebook, #header .instagram {
	float: left;
	behavior: url(ie-css3.htc);    
}

#header h1#brading {
	margin:0 10px 0 50px;
	padding-top: 12px;
	behavior: url(ie-css3.htc);
}

#header .facebook, #header .instagram {
	display: block;
	padding-top: 25px;
	behavior: url(ie-css3.htc);
}

#header .logoSlide, #header .logoSlide .container, #header .logoSlide .degradeeLeft, #header .logoSlide .degradeeRight{
	height: 45px;
	behavior: url(ie-css3.htc);
}

#header .logoSlide{
	margin: 11px 0 11px 0;
	background: #d2d3d5;
}

@media only screen and (max-width: 992px) {
    #header h1#brading {
        margin: 0 10px 0 0px;
    }
    #logo img {
        max-width:250px;
    }
  #header .logoSlide {
    margin: 0px !important;
  }  
}

#header .logoSlide .container{
	position: relative;
	background: #fff;
	overflow: hidden;
	width: 100%;
}

#header .logoSlide .degradeeLeft, #header .logoSlide .degradeeRight {
	position: absolute;
	top: 0;
	z-index: 10;
}

#header .logoSlide .degradeeLeft{
	left: 0;
	width: 249px;
	background: url("../images/barraSlider/degradeeLeft.png") no-repeat center;
}

#header .logoSlide .degradeeRight{
	right: 0;
	width: 250px;
	background: url("../images/barraSlider/degradeeRight.png") no-repeat center;
}

#header .logoSlide ul{
	margin: 0;
	list-style: none;
}

#header .logoSlide li, #header .logoSlide a{
	height: 45px;
	line-height: 45px;
/*	width: 140px;*/
	margin: 0 10px;
	background-color: #fff;
/*	float: left;*/
}

#header .menu{
	height: 37px;
	background: url("../images/menu.png") repeat-x center top;	
}

#header nav 
{
    /*width:100%;*/
/*    margin-left: 345px;*/
    position: absolute;
    background-color:#F58634;
/*    height: 37px;*/
    background: url(../images/menu.png) repeat-x center top;
    padding: inherit;
    z-index: 200;
}

#header nav ul {
/*	height: 30px;*/
	/*list-style: none outside none;*/
	padding-top: 2px;
	/*margin-left: 50px;*/
    list-style:none;
    background: url(../images/menu.png);
    background-size: 100% 100%;
    margin-left: 0px;
}

#header nav li{
	/*border-left: 1px solid #fff;*/
	float: left;
}

#header nav li, nav li a{
	font-size: 17px;
	color: #fff;
	behavior: url(ie-css3.htc);
}

#header nav li:first-child{
	border-left: 0px none;
	behavior: url(ie-css3.htc);
}


#header nav li a {
	font-family: 'CandaraRegular';
	margin: 0 5px;
	text-decoration: none;
}

#header nav-backgroud {
    background: #F58634;
} 

/****** Footer ******/

#footer{
	background: #F58634;
	/*width:100%;*/
/*	bottom: 0;
	position: absolute;	*/
}

#footer .navegation{
	/*width: 100%;*/
	background: #C9643E;
	height:37px;	
}

#footer .footer-box{
	padding: 30px 0;	
}

#footer nav 
{
/*    width:100%;*/
/*    margin-left: 345px;*/
    position: absolute;    
    height: 37px;    
    z-index: 200;
}

#footer nav ul {
/*	height: 30px;*/
	/*list-style: none outside none;*/
	padding-top: 2px;
	/*margin-left: 50px;*/
    list-style:none;    
    background-size: 100% 100%;
    margin-left: 0px;        
}

#footer button {
    padding: initial;
}

#footer nav li{
	/*border-left: 1px solid #fff;*/
	float: left;
}

#footer nav li, nav li a{
	font-size: 17px;
	color: #fff;
	behavior: url(ie-css3.htc);
}

#footer nav li:first-child{
	border-left: 0px none;
	behavior: url(ie-css3.htc);
}


#footer nav li a {
	font-family: 'CandaraRegular';
	margin: 0 5px;
	text-decoration: none;
}

#header nav-backgroud {
    background: #F58634;
} 

#address{
	width: 300px;
	float: left;
	color: #fff;
	margin-left: 50px;
	font-style:normal;	
}

#address p{	
	font-family: candararegular;
    font-size: 15px;
    margin-top: 10px;
}

#footer .logo{
	background: none;
	width: 240px;
	float: right;
	margin: 0;
}

/****** Sidebar ******/

#aside ul{
	list-style: none;
	margin: 0;	
}

#aside li{
	position: relative;
	display: block;
	margin: 0 0 20px 0;
}

#aside .other_deals {
	width: 280px;
	background: url("../images/sombraWidget.png") scroll 0 140px transparent no-repeat;
}

#aside .other_deals .thumb {
	width: 100%;
    height: 100%;
}


#aside .title{	
	background: url("../images/titleWidgetTop.png") no-repeat top;
	padding-top: 60px;
	width: 280px;
}


#aside .espaceTitle{
	background: url("../images/titleWidgetBottom.png") repeat-x bottom;
	padding-bottom: 43px;
}

#aside .title h3.text{
	display: block;
	/*padding: 60px 10px 0;*/
	height: 55px;
	margin-right:12px;
	padding: 0 25px;
}

#aside .titleSideText {
	display: block;
	background: url("../images/titleWidgetMeio.png") repeat-y bottom;
}

    

#aside .titleSideText h2{
	padding:0 10px;
	margin-bottom: 0px !important;
	margin-top: 0px !important;
	color: #000000;
}

#aside .discountTag{
	height: 96px;
	width: 100px;
	background: url("../images/discountTagWidget.png") no-repeat center;
}

#aside .discountTag .percent{
	font-size: 27px;
	padding-top: 7px;
}

#aside .num_deal{
	font-size: 16px;
	width: 100px;
	height: 30px;
	line-height: 30px;
	font-smooth: always;	
}

#aside .riodasostras{
	height: 105px;
	width: 279px;
	background: url("../images/chamadaRioDasOstras.png") no-repeat center;
	font-family: "Arial Black",arial-black,sans-serif;
	font-size: 25px;
	text-align: center;
	float: right;
	margin-bottom: 10px;
	font-weight: 900;
}

#aside .riodasostras .text{
	display: block;
	padding-top: 38px;
	height: 54px;
	line-height: 54px;
	color: #fff;
}

.instagram img {
    width:38px;
}

#aside .anuncie, #aside .facebook,#aside .instagram {
	margin-bottom: 20px;
}

#aside .facebook{
	width: 270px;
	margin-right: 10px;
	background: url("../images/sombraWidget.png") scroll 0 400px transparent no-repeat;
	padding-bottom: 30px;
}

#aside .facebook .facebookBox {
	background: #fff;
	margin-top: 6px;
}

#aside .facebook .fb-like-box{
	margin-left: 15px;
}

/****** Main ******/

#mainDeal{
	position: relative;
}

.avestruz{
	position: absolute;
	top: -163px;
	right: 0;
	width: 105px;
	height: 167px;
	background: url("../images/avestruz.png") no-repeat top center;
	z-index: 900;
}

#mainDeal .box{
	max-width: 100%;
    width: 100%;
}

#mainDeal .num_deal{
	height: 39px;
	line-height: 39px;
	width: 146px;
	font-size: 22px;	
}

.seta 
{
    background: url("../images/setaDeal.png") no-repeat scroll center top transparent;
    clear: both;
    float: left;
    height: 98px;
    left: 295px;
    position: absolute;
    top: -7px;
    width: 138px;
    z-index: 11;
}

@media only screen and (max-width: 992px) {
    .seta {
        display:none;
    }    
    #header .logoSlide{
	    margin: 50px 0 11px 0;
	    background: #d2d3d5;
    }
}

#mainDeal .mainBox {
	border:15px solid #fff;
	background: #fff;
}

#mainDeal .mainBoxShadow {
	background: url("../images/mainBoxShadow.png") center bottom no-repeat;
	max-width: 520px;
	height: 21px;
}

#mainDeal .thumb {
	width: 100%;
    height: 100%;
    min-height: 100%; 
    max-height:450px;
    margin-bottom: 0px;
}

#mainDeal .orange {
	width: 100%;
	background: #F58634;
	height: 100px;
	position: relative;
	text-align: center;
}

#mainDeal .discountTag{
	background: url("../images/discountTag.png") no-repeat center;
	height: 152px;
	width: 152px
}

#mainDeal .discountTag .percent{
	color: #FFFFFF;
	display: block;
	font-family: "Arial Black",arial-black,sans-serif;
	font-size: 42px;
	padding-top: 14px;
	text-align: center;
	font-weight: 900;
}

#mainDeal .clock{
	position: absolute;
	bottom: 10px;
	left: 40px;
	background: url("../images/clock.png") no-repeat top center;
	width: 210px;
	height: 207px;
}

#mainDeal .clock_mobile {
    display:none;
}

@media only screen and (max-width: 768px) {
    #mainDeal .clock {
        display:none;
    }
   

    #mainDeal .clock .texto {
	background: none;
	border: 0 none;
	color: #FFFFFF;
	font-family: "Arial Rounded MT Bold";
	font-size: 19px;
	height: 45px;
	line-height: 45px;
	margin: 133px 0 0px 30px;
	text-align: center;
	width: 145px;
    }


    #mainDeal .discount #contador {
        display:none !important;
    }       
}

#mainDeal .clock .texto {
	background: none;
	border: 0 none;
	color: #FFFFFF;
	font-family: "Arial Rounded MT Bold";
	font-size: 19px;
	height: 45px;
	line-height: 45px;
	margin: 133px 0 0px 30px;
	text-align: center;
	width: 145px;
}

#mainDeal .clock_mobile .texto {
	background: none;
	border: 0 none;
	color: #FFFFFF;
	font-family: "Arial Rounded MT Bold";
	font-size: 19px;
	height: 45px;
	line-height: 45px;	
	text-align: center;
	width: 145px;
}

          

@media only screen and (max-width: 992px) {
    #mainDeal .clock {
        display:none;
    }
    #mainDeal .clock_mobile {        
        display: block !important;
        background: url(../images/comprar.png) no-repeat top !important;
        height: 50px;      
        width: 100%;
        z-index: 110;
        position: relative;
        float: right;        
        left: -20px;
    }
    
     #mainDeal .div_video {
        width: 100%;
        height: 264px;
    }

    #mainDeal .discount #contador {
        display:none;
    }

    #mainDeal .clock_mobile .texto {
	background: none;
	border: 0 none;
	color: #FFFFFF;
	font-family: "Arial Rounded MT Bold";
	font-size: 19px;
	height: 45px;
	line-height: 45px;	
	text-align: center;
	width: 145px;
    float: right;
    position: relative;    
    left: -62px;
    }

    #aside .titleSideText {
    display: block;
    background: url(../images/titleWidgetMeio.png) repeat-y bottom;
    padding:10px;
    }
    
}

@media only screen and (max-width: 767px) {
    #mainDeal .clock {
        display:none;
    }
    #mainDeal .clock_mobile {        
        display: block !important;
        background: url(../images/comprar.png) no-repeat top !important;
        height: 50px;      
        width: 100%;
        z-index: 110;
        position: relative;
        float: right;
        top: 2px;
        left: -20px;
    }

    #mainDeal .div_video {        
        width: 100%;
        min-width: 340px;
    }
    
    #mainDeal .discount #contador {
        display:none;
    }

    #mainDeal .clock_mobile .texto {
	background: none;
	border: 0 none;
	color: #FFFFFF;
	font-family: "Arial Rounded MT Bold";
	font-size: 19px;
	height: 45px;
	line-height: 45px;	
	text-align: center;
	width: 145px;
    float: right;
    position: relative;    
    left: -62px;
}
        
    .collapse-xs {
        display:none;
    }

    #mainDeal .discount #dataActive{
	display: block;
	background: #A9ABAE;
	height: 30px;
	width: 100%;	
	background: none;
    }
}


#sec, #min, #hour {
        	position: absolute;
        	width: 5px;
        	height: 90px;
        	top: 0px;
        	left: 285px;
        	}
        
        #sec {
        	background: url("../images/clock/sechand.png");
        	z-index: 3;
           	}
           
        #min {
        	background: url("../images/clock/minhand.png");
        	z-index: 2;
           	}
           
        #hour {
        	background: url("../images/clock/hourhand.png");
        	z-index: 1;
           	}

#clock1 {
        	position: relative;
        	height: 90px;
        	list-style: none;
		float: left;
		left: -192px;
		top:26px;
        	}
		
#giro {
	 background-image: url("../images/Relogio_animado1.gif");
    float: left;
    height: 75px;
    left: 63px;
    position: relative;
    top: 40px;
    width: 75px;
}		

#mainDeal .clock p{
	font-family: "Arial Rounded MT Bold";
	color: #fff;
	text-align: center;
	font-size: 14px;
	line-height: 1em;
}

#mainDeal .discount{
	position: absolute;
	right: -40px;
	top: -85px;
	height: 224px;
	width: 268px;
	-moz-transform: scale(1) rotate(360deg) translateX(-10px) translateY(0px) skewX(0deg) skewY(0deg);
	-webkit-transform: scale(1) rotate(360deg) translateX(-10px) translateY(0px) skewX(0deg) skewY(0deg);
	-o-transform: scale(1) rotate(360deg) translateX(-10px) translateY(0px) skewX(0deg) skewY(0deg);
	-ms-transform: scale(1) rotate(360deg) translateX(-10px) translateY(0px) skewX(0deg) skewY(0deg);
	transform: scale(1) rotate(360deg) translateX(-10px) translateY(0px) skewX(0deg) skewY(0deg);
	background: url("../images/discountBack.png") no-repeat center;
}
 
#aside .clock {
    display:none;
}

#aside .orange {
    display: none;
}

.apresenta_carousel_lateral {
    display: none;
}

.negar_apresenta_carousel_lateral {
    display: none;
}

@media only screen and (max-width: 992px) {    
    #aside .other_deals .thumb {
        width: 230px;
        height: 180px;
        border: 0 !important;
        margin-bottom: 0 !important;
    }
    #aside .other_deals {
	    width: 230px;
	    background: url("../images/sombraWidget.png") scroll 0 140px transparent no-repeat;
    }

    #aside .other_deals .thumb {
	    width: 100%;
	    height: 100%;
	    border:0 !important;
	    margin-bottom: 0 !important;
    }

    #aside .title {
        background: url("../images/titleWidgetTop.png") no-repeat top;
        padding-top: 60px;
        width: 230px;
    }

}

@media only screen and (max-width: 767px) {

    .apresenta_carousel_lateral {
        display:block;
    }

    .negar_apresenta_carousel_lateral {
        display: none !important;
    }

    #aside .div_video {
        width: 100%;
        height: 264px;
    }

    #aside #oferta_ativa {
        display: none;
    }
    #aside .other_deals {
        width: 100%;
    }
    #aside .other_deals .thumb {
        width: 100%;        
        height: 100%;
        background-color: white;
        position:relative;
    }
    #aside .title {
    width:100%;
    background: url(../images/titleMainDealTop.png) no-repeat top;
    padding-top: 70px;
    margin-bottom: 5px;
    margin-top: 30px; 
    }
    #aside .titleSideText {
        background: none repeat scroll 0 0 #FFFFFF;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 0px;
        width: 100%;
    }

    #aside .espaceTitle {
        background: url(../images/presentation/presentationEnd.png) no-repeat bottom left;
        padding-bottom: 81px;
    }

    #aside .discount{
	position: absolute;
	right: -40px;
	top: -85px;
	height: 224px;
	width: 268px;
	-moz-transform: scale(1) rotate(360deg) translateX(-10px) translateY(0px) skewX(0deg) skewY(0deg);
	-webkit-transform: scale(1) rotate(360deg) translateX(-10px) translateY(0px) skewX(0deg) skewY(0deg);
	-o-transform: scale(1) rotate(360deg) translateX(-10px) translateY(0px) skewX(0deg) skewY(0deg);
	-ms-transform: scale(1) rotate(360deg) translateX(-10px) translateY(0px) skewX(0deg) skewY(0deg);
	transform: scale(1) rotate(360deg) translateX(-10px) translateY(0px) skewX(0deg) skewY(0deg);
	background: url("../images/discountBack.png") no-repeat center;
    }

    #aside .orange {
        display:block;
	    width: 100%;
        background: #F58634;
        height: 100px;
        position: relative;
        text-align: center;
        /*float: left;
        top: -100px;
        border-left: 15px solid #fff;    
        border-right: 15px solid #fff*/
    }

    #aside .discount .intEspace{
	    padding-top: 30px;
	    text-align: center;
	    width: 220px;
    }

    #aside .discount #del, #aside .discount #ins{
	    display: block;
	    line-height: 1.2em;
    }

    #aside .discount #del{
	    font-family: "CandaraRegular";
	    font-size: 21px;	
	    color: #000000;
	    margin-top: 35px;
    }

    #aside .discount #ins{
	    font-family: "ImpactRegular";
	    font-size: 47px;
	    color: #fff;
	    background: none;
	    text-shadow: 0 0 5px #70665D, 0 0 5px #70665D, 0 0 5px #70665D, 0 0 5px #70665D, 0 0 5px #70665D, 0 0 5px #70665D, 0 0 5px #70665D, 0 0 5px #70665D, 0 0 5px #70665D, 0 0 5px #70665D, 0 0 5px #70665D, 0 0 5px #70665D, 0 0 5px #70665D, 0 0 5px #70665D, 0 0 5px #70665D, 0 0 5px #70665D, 0 0 5px #70665D, 0 0 5px #70665D, 0 0 5px #70665D, 0 0 5px #70665D;
    }

    #aside .discount p{
	    font-family: "Arial Black",arial-black,sans-serif;
	    text-align: center;
	    margin-bottom: 0;
	    padding-top: 5px;
	    font-size: 15px;
	    font-weight: 900;
    }

    #aside .discount #dataActive{
	    display: none;
	    background: #A9ABAE;
	    height: 30px;
	    width: 100%;	
	    background: none !important;
    }
       

    #aside .discountTag .percent {        
    color: #FFFFFF;
    display: block;
    font-family: "Arial Black",arial-black,sans-serif;
    font-size: 42px;
    padding-top: 14px;
    text-align: center;
    font-weight: 900;
    }

    #aside .discountTag {
    background: url(../images/discountTag.png) no-repeat center;
    height: 152px;
    width: 152px;
    }

    #aside .mapa .thumb {
        width: 100%;        
        height: 410px;
        background-color: white;
        position:relative;
        border: 15px solid #fff !important;
    }

    #aside .clock{
        display:block !important;
        position: relative;
        bottom: -60px;
	    background: url("../images/comprar.png") no-repeat top center;
	    width: 210px;	
        z-index: 100;
        float: right;
        margin-right: 25px;
    }


    #aside .clock .texto {
        display:block;
	    background: none;
	    border: 0 none;
	    color: #FFFFFF;
	    font-family: "Arial Rounded MT Bold";
	    font-size: 19px;
	    height: 45px;
	    line-height: 45px;
	    margin-left: 30px;
	    text-align: center;
	    width: 145px;
    }

    #footer nav ul {
        background: url(../images/menu.png);
        background-size: 100% 100%;
        margin-left: 0px;        
    }
}


@media only screen and (min-width: 992px) {
    #aside .orange {
        display:none;
    }
    #aside .titleSideText h3{
	color: #000000;
	padding: 5px 30px 0 20px;
    text-align: left;
    }

    #mainDeal .discount #dataActive{
	display: block;
	background: #A9ABAE;
	height: 30px;
	width: 100%;	
	background: url("../images/fast_spinning_1.gif?javascript:Math.random();") no-repeat top;
    }

    #mainDeal .div_video {
        width:510px;
        height:382px;
    }

    #mainDeal .discount #contador{
	display: block;
	background: #A9ABAE;
	height: 30px;
	width: 100%;	
	background: url("../images/borda_spinning.jpg") no-repeat top;
	padding-top: 3px;
    }
      
}


#mainDeal .discount .intEspace{
	padding-top: 30px;
	text-align: center;
	width: 220px;
}

#mainDeal .discount #del, #mainDeal .discount #ins{
	display: block;
	line-height: 1.2em;
}

#mainDeal .discount #del{
	font-family: "CandaraRegular";
	font-size: 21px;	
	color: #000000;
	margin-top: 35px;
}

#mainDeal .discount #ins{
	font-family: "ImpactRegular";
	font-size: 47px;
	color: #fff;
	background: none;
	text-shadow: 0 0 5px #70665D, 0 0 5px #70665D, 0 0 5px #70665D, 0 0 5px #70665D, 0 0 5px #70665D, 0 0 5px #70665D, 0 0 5px #70665D, 0 0 5px #70665D, 0 0 5px #70665D, 0 0 5px #70665D, 0 0 5px #70665D, 0 0 5px #70665D, 0 0 5px #70665D, 0 0 5px #70665D, 0 0 5px #70665D, 0 0 5px #70665D, 0 0 5px #70665D, 0 0 5px #70665D, 0 0 5px #70665D, 0 0 5px #70665D;
}

#mainDeal .discount p{
	font-family: "Arial Black",arial-black,sans-serif;
	text-align: center;
	margin-bottom: 0;
	padding-top: 5px;
	font-size: 15px;
	font-weight: 900;
}

#mainDeal .titlemain{
	width: 100%;
	background: url("../images/titleMainDealTop.png") no-repeat top;
	padding-top: 70px;
	margin-bottom: 5px;
	margin-top: 10px;
}

.espaceTitle{
	background: url("../images/titleMainDealBottom.png") no-repeat bottom;
	padding-bottom: 70px;
}

.logotipo 
{
    position: relative;
    padding-bottom:10px;
    text-align: right;
    margin-right: 60px;
}

.logotipo_lateral
{
    position: relative;
    padding-bottom:10px;
    text-align: right;
    margin-right: 40px;
    margin-top: 10px;
}

.imgLogoTipoLateral
{
    width:110px;
}

.titleMainText {
	display: block;
	background: url("../images/titleMainDealMeio.png") repeat-y bottom;
	font-family: TrebuchetMSRegular !important;
}

.titleMainText h2{
	padding: 0 30px 0 30px;
	line-height: 1.3em !important;
	margin-bottom: 0px;
	margin-top: 0px;
	color: #000000;
	text-align: left;
}

.titleMainText h3{
	padding: 0 30px 0 30px;
	line-height: 1.3em !important;
	margin-bottom: 0px;
	margin-top: 0px;
	color: #000000;
	text-align: left;
}

.details, .regulamento{
	width: 100%;
    /*max-width:265px;*/
	float: left;
	margin-bottom: 30px;
	background: url("../images/details/detailsPin.png") repeat-x top left;
	padding-top: 50px;
}

@media only screen and (max-width: 992px) {
    .details, .regulamento {
        background: url("../images/details/details.png") repeat-x top left;
    }
}

.details .espaceInt, .regulamento .espaceInt{
	/*width: 246px;*/
    width: 100%;
	/*background: url("../images/details/detailsShadowBottom.png") repeat bottom left;*/
	padding-bottom: 27px;	
}

.details .destactText, .regulamento .destactText{
	background: #fff url("../images/linha.gif");
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 40px;
}

.details .destactText, .regulamento .destactText p {
	font-size:12px !important;
}

.details .destactText, .regulamento .destactText ul {
	font-size:12px !important;
}

.details{
	margin-right:50px;
}

.presentation{
	width: 100%;
	margin-bottom: 15px;
	background: url("../images/presentation/presentationPin.png") no-repeat top center;
	padding-top: 63px;
	margin-top: -51px;
}

.presentation .presentationEspace{
	background: url("../images/presentation/presentationEnd.png") no-repeat bottom left;
	padding-bottom: 81px;
}

.presentation .presentationText{
    background: none repeat scroll 0 0 #FFFFFF;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 10px;
    width: 100%;
}

.presentation .presentationText h4{
	text-align: left;
	font-family: "courier_newbold";
        font-size: 18px;
        padding-bottom: 10px;
}

.presentation .presentationText h2{
    color: #E7771B;
    margin-bottom: 15px;
    margin-left:0px !important;
}

.presentation .presentationText .facebookEmpresa{
	display: block;
	background: url("../images/facebook.png") no-repeat left center;
	height: 38px;
	line-height: 38px;
	text-indent: 40px;
	font-size: 15px;
	font-weight:bold;
	font-family: "Arial Black",arial-black,sans-serif;
	font-weight: 900;
	letter-spacing: -1.6px;
}

.presentation .instagramEmpresa{
	display: block;
	background: url("../images/instagram.jpg") no-repeat left center;
	height: 38px;
	line-height: 38px;
	text-indent: 40px;
	font-size: 15px;
	font-weight:bold;
	font-family: "Arial Black",arial-black,sans-serif;
	font-weight: 900;
	letter-spacing: -1.6px;
}

.presentation .presentationText .website {
    font-weight:bold;
    font-family: Arial Rounded MT Bold;
    font-size: 14px;
}

.mapa .localizacao{
	width: 137px;
	height: 29px;
	line-height: 29px;
	float: none;
	background: url("../images/localizacao.png") no-repeat left;
	font-size: 17px;
	text-indent: 5px;
	color: #fff;
}

#mainDeal .mapa .thumb{
	background-color: #fff;
/*	width: 425px;*/
    width:100%;
	height: 410px;
	border:15px solid #fff;
	margin-bottom: 0px;
}

#mainDeal .mapa .mapaShadow{
	width: 100%;
	background: url("../images/mapaShadow.png") repeat center;
}

.navbar-toggler{
    /*width: 47px;*/
/*    height: 28px;
    background-color: #7eb444;*/
    border:none;
    padding-left:5px ;
}
.navbar-toggler .line{
    width: 100%;
    float: left;
    height: 2px;
    background-color: #fff;
    margin-bottom: 5px;
}

.espaco20 {
    padding-bottom:20px;
}

.espaco10 {
    padding-bottom:10px;
}

.botao_detalhes {
background-color: #F58634;
color: white;
border-radius: 25px;
-webkit-box-shadow: 10px 10px 24px -9px rgba(0,0,0,0.44);
-moz-box-shadow: 10px 10px 24px -9px rgba(0,0,0,0.44);
box-shadow: 10px 10px 24px -9px rgba(0,0,0,0.44);
font-weight: 800;
border-color: white;
border-width: 4px;
margin-bottom: 45px;
}

.fechado {
    float: right;
    padding: 4px;
    display:none;
}

.aberto {
    float: right;
    padding: 4px;
    display:block;
}

.collapsed .aberto {
    float: right;
    padding: 4px;
    display:none !important;
}

.collapsed .fechado {
    float: right;
    padding: 4px;
    display:block !important;
}

.iframe-boleto {
    min-height: 450px;
}