/* CSS Document */

html, body { width: 100%; height: 100%; }
body { background: #FED201 url(../img/bg-yellow.jpg) no-repeat center; }
h1, h2 { font: normal normal 22px/30px 'chunkfive_roman' serif; color: #991f24; text-transform: uppercase; text-align: center; }
h2 { color: #000; font-size: 18px; margin-top: -12px; }
.hr { width: 100%; display: block; height: 10px; background: url(../img/hr.png) no-repeat center; border: 0; }
.inline { display: inline!important; }

.lead { font-family: 'chunkfive_roman' serif; }
.bodytext, .bodytext li { color: #000; font-family: 'PT Sans', sans-serif; }
.bodytext strong { font-weight: 700; }

ol { counter-reset: olist; }
ol li > ol { counter-reset: oinlist; }
ol.bodytext li { list-style: decimal; float: none; display: list-item; list-style: none; }
ol.bodytext > li::before {
	counter-increment: olist;
	content: counter(olist, decimal) ".  ";
	margin-left: -1em;
	font-family: 'PT Sans', sans-serif;
	font-weight: 700;
	text-align: left;	
}
ol.bodytext li ol li::before {
	counter-increment: oinlist;
	content: counter(oinlist, decimal) ".  ";
	margin-left: -1em;
	font-family: 'PT Sans', sans-serif;
	font-weight: 700;
	text-align: left;	
}

.bg {
	display: block;
	position: absolute;
	position: fixed;
	z-index: 0;
	width: 100%;
	height: 100%;
	background: url(../img/bg-brilhos.png) no-repeat center, url(../img/dotbg.png) repeat;
}

.maxwidth { min-width: 760px; width: 760px; height: 100%; display: block; margin: auto; position: relative; z-index: 10; }
.content::after {
	content: "";
	display: block;
	clear: both;
	height: 80px;
}
.swallowtext {
	text-indent: -9999px;
	color: transparent;
	font-size: 1px;
	overflow: hidden;
}
.await::after {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	content: '';
	top: 0; left: 0;
	background: url(../img/preload.gif) no-repeat center;
	top: 260px;
}

#topnav {
	width: 824px;
	height: 46px;
	background: url(../img/menu.png) no-repeat center center;
	top: 100px;
	position: relative;
	margin: 0 -32px;
	margin-bottom: 138px;
}

#topnav ul { border: 0; top: 2px; position: relative; width: 500px; float: right; margin-right: 50px; }
#topnav li { height: 44px; overflow: hidden; position: relative; }
#topnav li a {	
	text-indent: -9999px;
	color: transparent;
	font-size: 1px;
	
	width: 100%; height: 100%;
	position: absolute;
	display: block;
	top: 0; 	bottom: 0;
	border: 0; 	background: none;
}
#topnav .vr-divider { width: 4px; height: 44px; background: url(../img/vr.png) no-repeat center; }
#topnav .hidden { display: none; }

#topnav #item-home { width: 130px; background: url(../img/menu_itens.png) no-repeat 0 top; }
#topnav #item-regl { width: 124px; background: url(../img/menu_itens.png) no-repeat -136px top;}
#topnav #item-prem { width: 84px;  background: url(../img/menu_itens.png) no-repeat -263px top;}
#topnav #item-duvi { width: 80px;  background: url(../img/menu_itens.png) no-repeat -350px top;}

#topnav #item-home:hover, #topnav #item-home.active { background-position: 0 bottom;}
#topnav #item-regl:hover, #topnav #item-regl.active { background-position: -136px bottom;}
#topnav #item-prem:hover, #topnav #item-prem.active { background-position: -263px bottom;}
#topnav #item-duvi:hover, #topnav #item-duvi.active { background-position: -350px bottom;}

#topLogo { display: block; position: absolute; top: -80px; left: 86px; margin: 0; padding: 0; }
#stripeBottom {
	display: block;
	position: fixed;
	left: 0;
	bottom: 25px;
	width: 100%;
	height: 28px;
	background: url(../img/faixabottom.gif) repeat-x;
	padding-top: 5px;
	z-index: 30;
}
#stripeBottom::after {
	display: block;
	position: absolute;
	width: 100%;
	height: 30px;
	background: url(../img/dotbg.png) repeat, url(../img/bg-yellow.jpg) fixed;
	content: "";
	top: 28px;
}
#stripeBottom::before {
	display: block;
	position: absolute;
	width: 100%;
	height: 20px;
	content: "";
	top: -20px;
	background: -moz-linear-gradient(top,  rgba(254,210,1,0) 0%, rgba(254,210,1,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,210,1,0)), color-stop(100%,rgba(254,210,1,1)));
	background: -webkit-linear-gradient(top,  rgba(254,210,1,0) 0%,rgba(254,210,1,1) 100%);
	background: -o-linear-gradient(top,  rgba(254,210,1,0) 0%,rgba(254,210,1,1) 100%);
	background: -ms-linear-gradient(top,  rgba(254,210,1,0) 0%,rgba(254,210,1,1) 100%);
	background: linear-gradient(to bottom,  rgba(254,210,1,0) 0%,rgba(254,210,1,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fed201', endColorstr='#fed201',GradientType=0 );
}

#frase_home { width: 600px; float: right; margin-top: 36px; }
#img_premios_home { display: block; position: relative; margin: auto; width: 700px; height: 300px; margin-top: 100px; }
#img_premios_home img { position: relative; z-index: 10; }
#button_cadastro {
	width: 187px;
	height: 122px;
	background: url(../img/cadastrebtn.png) no-repeat left top;
	display: block;
	position: absolute;
	text-decoration: none;
	bottom: 80px;
	right: 0;
	z-index: 0;
}
#button_cadastro:hover { background-position: 0 bottom; }


#regulamento h1, #regulamento h2 { text-align: left; }
#regulamento header { padding-left: 260px; }

#premios, #duvidas { text-align: center; }
#premios .lead, #duvidas .lead { color: #991f24; text-transform: uppercase; font-size: 16px; line-height: 20px; }

#duvidas { padding-top: 120px; }
#duvidas .lead { font-size: 22px; }

#cadastro h1 { font-size: 30px; margin-top: 100px; }

.field .label label {
	margin: 3px;
	font: normal normal 14px/14px 'chunkfive_roman' serif;
	text-transform: uppercase;
}
.field .text, .field .search, .field .textarea {
	padding: 5px 7px;
	border-radius:2px;	
}

#sendCadastro {
	padding: .5em 1em;
	border: 1px solid white;
	font: normal normal 14px/14px 'chunkfive_roman' serif;
	text-transform: uppercase;
	color: white;
	background: #BF0128;
	height: auto;
	border-radius: 2px;
	float: right;
}

#success, #error {
	display: none;
}