/* HTML, BODY */
html, body { height: 100%; }

/* CONTENT */
#main_column { width:412px; float:left; margin-right:11px; position: relative; z-index: 2; }
#secondary_column { width:271px; float:left; margin-right:11px; margin-top:-20px; position: relative; z-index: 1; }
#related { width:271px; float:left; margin-top:-20px; }

/* SLIDESHOW */
#slide_nav {
	height:16px;
	margin-bottom:3px; margin-left:32px;
	padding-top:3px;
	position:absolute;
	top:0px; left:0px;
	z-index:8;
}
#slide_nav a {
	font-size:0%;
	color:#000;
	display:block;
	background-color:#000;
	width:8px; height:8px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	float:left;
	margin:0px 5px;
}
#slide_nav a.activeSlide, #slide_nav a:hover {
	background-color:#fff;
	border:2px solid #000;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin: 0px 3px;
	margin-top:-2px;
}
.slide { background:transparent; width:976px; }
.slide img { 
	-webkit-transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
	   -moz-transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
		-ms-transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
		 -o-transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
			transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
}
.slide:hover img {
	opacity: 0.95;
}
.slide.on { display: block; }
.slide img { margin-right:11px; vertical-align:top; }
.slide img.last { margin-right:0px; }
.slide img.first { margin-top:22px; }
#slideshow { position:relative; margin-bottom:10px; z-index: 0; }
#slideshow a:hover img { opacity:1; filter: alpha(opacity=100); }
#slideshow h5 { width: 228px; }
#prev, #next { position:absolute; top:50%; margin-top: -39px; width:0px; overflow:hidden; z-index:8; }
#prev { left:0px; } #next { right:0px; }
.slide .info {
	position:absolute;
	top:0px; right:0px;
	width:253px;
	height:96px;
	background-color: rgba(0,0,0,0.6);
	z-index:8;
}

/* RELATED */
.small_column { width: 130px; margin-right:11px; float:left; }
.bege { background-color:#d9c76e; color:#26292a; }
.marrom { background-color:#5a4a42; color:#fff; }
.laranja { background-color:#f79031; color:#fff; }
.laranja span.mais { color: #fff; background-image: url(../images/whiteArrow_right.png); }
.cinza { background: #E7E6DF; color:#2d2d2d; }
.small_column div.mais { background-color:inherit !important; }
.small_column h4, .small_column a, .small_column p { color:inherit; }


/** POPUP **/
#popup {
	position: absolute;
	left: 50%; top: 90px;
	margin-left: 77px;
	width: 377px; height: 585px;
	z-index: 2001;
	display: none;
}
.popsOverlay {
	width: 100%; height: 100%;
	position: fixed; top: 0; left: 0;
	z-index: 2000;
}
.pops {
	width: 340px; height: 585px;
	float: left;
	background: url(../images/popup.gif) no-repeat;
	box-shadow: 15px 15px 10px rgba(0,0,0,0.4);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	   		border-radius: 15px;
}
.popsArrow {
	float: left;
	background: url(../images/popup_arrow.png) no-repeat;
	width: 37px; height: 40px;
	margin-top: 108px;
}
.popsClose {
	position: absolute;
	left: 8px; top: 8px;
	background: url(../images/fechar_sprite.png) no-repeat;
	width: 31px; height: 31px;
	cursor: pointer;
}
.popsClose:hover {
	background-position: 0px -31px;
}
.popsButton {
	display: block;
	position: absolute;
	top: 500px; left: 52px;
	width: 241px; height: 43px;
	line-height: 33px;
	text-align: center;
	color: #fff;
	font-size: 24px;
	font-weight: normal;
	background-color: #000;
	border: none;
	outline: none;
	cursor: pointer;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
			border-radius: 10px;
}
.popsButton:hover {
	background-color: #f9901d;
}