* {margin: 0; padding: 0; list-style: none; text-decoration: none; font-style: normal;}

fieldset {
	border: none;
}

body {
	background: #556e81 url(fundo.gif) repeat-x;

}

a {
		 outline: none;

   /* IE Outline definition */

   ie-dummy: expression( this.hideFocus = true );

   /* Moz Outline definition */

   -moz-outline: none;
}


img {border: none;}

#geral {
 	margin: auto;
	width: 780px;
	background: #fff url(geral.gif) repeat-y;
	position: relative;
}

#topo {
	height: 272px;
	background: #6b8192 url(topo.jpg) no-repeat;
	display: block;
	position: relative;
}

#topo h1, #topo h2, #topo h3{
	text-indent: -9000em;
	display: none;
}

#topo a.demonstracao {
	display: block;
	background: #000 url(demo.jpg) no-repeat;
	width: 235px;
	height: 26px;
	text-indent: -9000em;
	float: right;
}


#topo h3.www {
	display: block;
	float: left;
	position: absolute;
	left: 40px;
	bottom: 10px;
	}

#topo h3.www a {
	background: #fff url(www.jpg) no-repeat;
	display: block;
	width: 185px;
	height: 26px;
}


#topo h3.toque {
 	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	background: #fff url(toque.gif) no-repeat;
	width: 338px;
	height: 42px;
}


#topo ul{
	position: absolute;
	top: 85px;
	left: 335px;
	width: 100px;
}

#topo ul li {
	background: url(li.gif) repeat-x bottom;
	
}

#topo ul li a {
	font:bold 12px/19px 'trebuchet ms', arial, verdana, sans-serif;
	color: #7b91a1;
	padding: 0 5px;
	display: block;
	height: 1%;

}

#topo ul li a:hover {
	color: #fff;
	background-color: #5a7385;
}

#conteudo {
	display: table;
	width: 780px;
	position: relative;
}


#vantagens {
	width: 780px;
	height: 260px;
	background: url(vantagens.jpg) no-repeat center center;
}

#vantagens h3 {
	text-indent: -9000em;
	display: none;
}


#caracteristicas {
	width: 362px;
	height: auto;
	background: url(div_caracteristicas.gif) no-repeat top right;
	margin: 10px 0 10px 40px;
	float: left;
	display: inline;
	position: relative;

}

#caracteristicas h2{
 	display: block;
 	width: 212px;
 	height: 25px;
 	background: #fff url(h2_caracteristicas.gif) no-repeat center center;
 	text-indent: -6000em;
 	padding: 20px 0 5px 25px;
 	
 }
 
 #caracteristicas ul {
	background: url(ul_caracteristicas.gif) no-repeat bottom right;
	padding-bottom: 30px;
	padding-left: 15px;
}



#caracteristicas ul li {
	font: 11px/16px verdana, arial, 'trebuchet ms', sans-serif;
	color: #8897a2;
	background: url(seta.gif) no-repeat left center;
	padding-left: 15px;
}


#screenshots {
	display: table;
	float: right;
	margin-top: 10px;
	width: 300px;
	position: absolute;
	left: 415px;

	
}

#screenshots img {
	padding: 5px;
	border: 1px solid #eee;
	margin: 13px;
	background-color: #fff;
	
	
}


#rodape {
	background: #fff url(rodape.gif) no-repeat center center;
	height: 55px;
	position: relative;
	width: 780px;
	
}

#rodape address {
	font: bold 11px 'trebuchet ms', arial, verdana, sans-serif;
	color: #333;
	float: right;
	margin-top: 26px;
	margin-right: 30px;
}

#rodape address a {
	color: #AAD500;
}

#rodape address a:hover {
 background-color: #aad500;
 color: #fff;
 
 }
















#conteudo div.box {
	width: 660px;
	border-top: 1px dashed #ccc;
	margin-left: 20px;
	margin-bottom: 20px;
	background: #fff url(lado.gif) no-repeat 95% top;
	padding: 0 25px 0 50px;
	position: relative;

}



#conteudo div.box span.rodapesinho {
height: 30px;
width: 600px;
background: #fff url(baixo.gif) no-repeat right;
float: right;
display: block;
text-indent: -9000em;
padding-top: 20px;



}




#conteudo div.box p {
	text-indent: 40px;
	font: 12px verdana, arial, 'trebuchet ms';
	color: #8897a2;
	padding-right: 30px;

}

a.comprar {
 	margin-top: 30px;
	display: inline;
	width: 92px;
	height: 28px;
	background: #fff url(comprar.gif) no-repeat center center;
	text-indent: -91000em;
	float: left;
	margin-left: 200px;
}

a.testar {
	 margin-top: 30px;
	display: inline;
	width: 92px;
	height: 28px;
	background: #fff url(teste.gif) no-repeat center center;
	text-indent: -91000em;
	float: right;
	margin-right: 200px;
}



#conteudo div.box h2.sobre {
width: 155px;
margin-left: 35px;
height: 22px;
background: #fff url(h2_sobre.gif) no-repeat right center;	
display: block;
text-indent: -9000em;
padding: 10px 0;
clear: both;

}



#conteudo div.box h2.download {
width: 187px;
margin-left: 35px;
height: 22px;
background: #fff url(h2_download.gif) no-repeat right center;	
display: block;
text-indent: -9000em;
padding: 10px 0;
clear: both;

}


#conteudo div.box h2.licenca {
width: 244px;
margin-left: 35px;
height: 22px;
background: #fff url(h2_licenca.gif) no-repeat right center;	
display: block;
text-indent: -9000em;
padding: 10px 0;
clear: both;

}


#conteudo div.box h2.demo {
width: 216px;
margin-left: 35px;
height: 22px;
background: #fff url(h2_demo.gif) no-repeat right center;	
display: block;
text-indent: -9000em;
padding: 10px 0;
clear: both;

}



#conteudo div.box h2.faq {
width: 38px;
margin-left: 35px;
height: 22px;
background: #fff url(h2_faq.gif) no-repeat right center;	
display: block;
text-indent: -9000em;
padding: 10px 0;
clear: both;

}


#conteudo div.box h2.fale {
width: 118px;
margin-left: 35px;
height: 22px;
background: #fff url(h2_fale.gif) no-repeat right center;	
display: block;
text-indent: -9000em;
padding: 10px 0;
clear: both;

}


#conteudo div.box h4 {
	color: #8c8c8c;
	font: bold 11px arial, verdana, sans-serif;
	margin-left: 38px;
	
}

#conteudo div.box ul.download {
	
	margin: 10px 0 0 35px;
}

#conteudo div.box ul.download li a {
	font: bold 19px arial, verdana, 'trebuchet ms';
	color: #8298a8;
	width: 520px;
	height: 40px;
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	background: #fff url(down_icon.gif) no-repeat 98% center;
	display: block;
	padding: 15px 0 0 20px;
}


#conteudo div.box ul.download li a:hover {
	background-color: #efefef;
}






#form_assina label{
	left: 95px;
	font: 11px arial, verdana, sans-serif;
	display: block;
	position: absolute;
	width: 150px;
	margin-top: 12px;
	text-align: right;
	color: #777;
}

#form_assina select {
	font: 11px arial, verdana, sans-serif;
}

#form_assina input,#form_assina select {
position: relative;
display: block;
left: 200px;
margin-top: 10px;
font: 11px arial, verdana, sans-serif;
}

#form_assina input.comprar {
	margin-left: 155px;
}





#form_login {
	background: #fff url(form_login.jpg) no-repeat center center;
	width: 261px;
	height: 164px;
	left: 180px;
	margin: 40px 0 20px 0;
	position: relative;
	padding-top: 60px;
}

#form_login label{
	left: -65px;
	font: 11px arial, verdana, sans-serif;
	display: block;
	position: absolute;
	width: 150px;
	margin-top: 12px;
	text-align: right;
	color: #777;
}


#form_login input {
position: relative;
display: block;
left: 90px;
margin-top: 10px;
font: 11px arial, verdana, sans-serif;
}

#form_login input.logar {
	margin-left: 3px;
}


#form_login h5 {
	font: 11px 'trebuchet ms', arial, sans-serif;
	text-align: center;
	padding-top: 5px;
	height: 20px;
margin-top: -50px;
margin-bottom: 10px;
background-color: #ccc;
width: 261px;
color: #eee;
border-top: 1px dashed #ccc;
border-bottom: 1px dashed #ccc;
}

#form_login h5 span {color: #555;}

#form_login h5 em {color: #fff;}













#conteudo div.box ul.faq {
	margin: 10px 0 0 35px;
}

#conteudo div.box ul.faq li.link_faq a {
	font: italic 12px arial, verdana, 'trebuchet ms';
	color: #aeaeae;
	width: 520px;
	height: 20px;
	border-bottom: 1px dashed #ccc;
	display: block;
	padding: 3px 0 0 20px;
	cursor: help;
	outline: none;
	}


#conteudo div.box ul.faq li a:hover {
	background-color: #556e81;
	color: #fff;
	
}


#conteudo div.box ul.faq li.descricao_faq {
	width: 580px;
	margin: 5px 0 10px 0;
}












/*************************************

FALE CONOSCO

*************************************/



#fale_conosco {
margin-left: 3px;
	margin-top: 20px;

}



#fale_conosco label.label_contato {
	width: 100px;
	float: left;
	margin-top: 5px;
	*margin-right: -40px;
	cursor: pointer;
	font: 11px arial, verdana, sans-serif;

}



#contato_nome, #contato_email, #contato_fone, #contato_assunto, #contato_texto {
	margin-top: 5px;
}



#ok {

	border: 1px solid #777;

	background-color: #fff;

	color: #777;

	font: bold 11px arial, sans-serif;

	padding: 0 3px;

	margin-top: 5px;

	margin-left: 100px;

}



#conteudo div.box a.fale_conosco {
	float: right;
	margin: -300px 25px 0 0;
}