/* CSS Document */

/*


	Copyright 2008 pkage design

	mail@pkage.com
      

*/


/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// BODY */
body{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
}

ul {
	padding-left: 20px;
	margin-left: 0px;
	margin-top: 0px;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// DIV */
#top{
	position: absolute;
	height: 270px;
	width: 100%;
	left: 0px;
	top: 0px;
	visibility: visible;
	z-index: 2;
}

#ctncenter{
	position:absolute;
	width: 100%;
	height: 500px;
	left: 0px;
	top: 270px;
	visibility: visible;
	z-index: 3;
}

#background{
	position: absolute;
	width: 100%;
	height: 500px;
	left: 0px;
	top: 270px;
	visibility: visible;
	z-index: 1;
}
#flashtop{
	width: 100%;
	height: 270px;
}

#flashbackground{
	width: 100%;
	height: 500px;
}

#div_fade1,#div_fade2,#div_fade3,#div_fade4{
	background-color:#FFFFFF;
	position: absolute;
	height: 100%;
	left: 50%;
	z-index: 4;
}


#div_fade1{
-moz-opacity:0.3;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
	width: 50px;
	margin-left:-362px;
}

#div_fade2{
-moz-opacity:0.5;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	width: 25px;
	margin-left:-337px;
}

#div_fade3{
-moz-opacity:0.3;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
	width: 50px;
	margin-left:312px;
}

#div_fade4{
-moz-opacity:0.5;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	width: 25px;
	margin-left:312px;
}

#conteudo{
-moz-opacity:0.9;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
background-color:#FFFFFF;
	position: absolute;
	left: 50%;
	margin-left:-312px;
	z-index: 5;
}

#videos{
	position: absolute;
	left: 50%;
	margin-left:-312px;
	width:624px;
	height: 70px;
	background-color:#FFFFFF;
	z-index: 6;
}

.div_center{
	height: auto;
	margin-left: auto;
	margin-right: auto;
	width: 524px;
	z-index: 10;
}

.div_top{
	height: auto;
	width: auto;
}

.div_form{
	float: left;
	width: 524px;					
	height:	20px;
	padding-top: 4px;
}

.div_clen{
	float: left;
	width: 100%;					
	height:	10px;
}

.div_passos{
	float:left;
	width: 239px;					
	height: 46px;
	padding-top: 4px;
	font-size: 12px;
	color: #76a331;
	font-weight: bold;
}

.div_rodape{
	float:left;
	width: 524px;					
	height: auto;
	padding-top: 16px;
	font-size: 10px;
	color: #76a331;
}

.div_texto,.div_texto_verde1,.div_texto_verde2,.div_texto_verde3,.div_texto_voltartop{
	float:left;
	width: 100%;					
	height: auto;
	font-size: 11px;
	color: #424242;
}

.div_texto_verde1{
	height: 15px;
	padding-left: 6px;
	padding-top: 3px;
	color: #76a331;
}

.div_texto_verde2{
	height: auto;
	padding-top: 4px;
	padding-bottom: 4px;
	line-height: 14px;
	color: #76a331;
}

.div_texto_verde3{
	width: 70px;
	color: #76a331;
	font-weight:bold;
}

.div_texto_voltartop{
	width: 34px;
	font-weight: bold;
	color: #76a331;
}

.div_texto_titulo1,.div_texto_titulo1_verde,.div_texto_titulo2,.div_texto_titulo2_verde{
	float: left;
	width: 100%;					
	height: auto;
	font-weight: bold;
	font-size: 14px;
	color: #424242;
}

.div_texto_titulo1_verde,.div_texto_titulo2_verde{
	color: #76a331;
}

.div_texto_titulo2,.div_texto_titulo2_verde{
	font-size: 12px;
}

.div_texto_left{
	float: left;
	width: 360px;					
	height: auto;
}

.div_texto_right,.div_voltartop{
	float: right;
	width: 130px;					
	height: auto;
}

.div_caixa_verde{
	float: left;
	width: 130px;					
	height: 130px;
	margin-right: 10px;
	background-color: #5c8b17;
}

.div_caixa_texto1,.div_caixa_texto2{
	float: left;
	width: 380px;					
	height: 128px;
	border-top: 1px solid #9fbe6e;
	border-bottom: 1px solid #9fbe6e;
}

.div_caixa_texto2{				
	height: auto;
}

.div_voltartop{
	width: 42px;					
	height: auto;
	text-decoration: none;
	cursor: hand;
}

.div_voltartop_seta{
	float: left;
	padding-top: 2px;
	width: 8px;					
	height: auto;
}

.div_parceiros{
	float: left;
	width: 103px;					
	height: 57px;
	margin-left: 10px;
	margin-right: 10px;
}

.div_download{
	float: left;
	width: 100%;					
	height:	auto;
	text-align: right;
}

.form{
	float: left;
	width: 308px;					
	height:	20px;
}

.form_confirmado{
	float: left;
	width: 304px;					
	height:	15px;
	font-size: 11px;
	color: #424242;
	padding: 2px 0px 3px 4px;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// FONT */
.font_titulo1{
	float: left;
	height: 20px;
	width: 100%;
	font-size: 24px;
	color: #424242;
}

.font_titulo2,.font_titulo3,.font_titulo4{
	float: left;
	height: 14px;
	width: 100%;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}

.font_titulo3{
	width: 216px;
}

.font_titulo4{
	width: 470px;
}


.font_texto{
	float: left;
	height: 18px;
	width: 216px;
	padding-top: 2px;
	font-size: 11px;
	color: #424242;
	font-weight: bold;
}

.font_texto2,.font_texto3,.font_texto4{
	float: left;
	height: auto;
	width: 524px;
	font-size: 12px;
	color: #000000;
}

.font_texto3{
	width: 102px;
	text-decoration: none;
}

.font_texto4{
	width: 180px;
	text-decoration: none;
}

.font_texto4:hover{
	text-decoration: underline;
}

.font_voltar{
	float: right;
	height: 14px;
	width: 54px;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

.font_voltar:hover{
	color: #999999;
}

.font_texto_caixa1,.font_texto_caixa2{
	float: left;
	width: 100%;					
	height: 14px;
	padding-left: 4px;
	padding-top: 3px;
	font-size: 12px;
	color: #e0eecb;
	font-weight: bold;
}

.font_texto_caixa2{
	color: #FFFFFF;
	height: auto;
}

.font_download{
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	color: #000000;
}

.font_download:hover{
	color: #999999;
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// LINES */
.line,.line_clear,.line_grey{
	float:left;
	width: 100%;					
	height:	2px;
	border-bottom: 1px solid #76a331;
}

.line_clear{
	border-bottom: 1px solid #9fbe6e;
}

.line_grey{
	border-bottom: 1px solid #e4e4e4;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// IMAGES */
.confirmar,.confirmar:hover,.enviar,.enviar:hover,.ficha,.ficha:hover{
	float:left;
	width: 285px;					
	height:	52px;
}

.confirmar{
	background-image: url("../MEDIA/confirmar.png")
}

.confirmar:hover{
	background-image: url("../MEDIA/confirmar_on.png")
}

.enviar{
	background-image: url("../MEDIA/enviar.png")
}

.enviar:hover{
	background-image: url("../MEDIA/enviar_on.png")
}

.ficha{
	background-image: url("../MEDIA/ficha.png")
}

.ficha:hover{
	background-image: url("../MEDIA/ficha_on.png")
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// FORMS */
.form_texto{
	width: 302px;					
	height:	13px;
	font-size: 11px;
	color: #424242;
	border: 1px solid #e6e7e9;
	padding: 2px 0px 3px 4px;
}