body
{
	background:#5274BA;
}
a:link{
	text-decoration:none;
	color:#003399;
}
a:visited{
	text-decoration:none;
	color:#7691C9;
}
a:hover{
	text-decoration:underline;
	color:#E18700;
}
.principal
{
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	width:769px;
	height:551px;
	background-color:#FFFFFF;
}
.divtopo
{
	width: 769px;
	height: 168px;
	background-image:url(../imagens/bg_topo.jpg);
	background-color: #ffffff;
}
.divtopo_esq
{
	float:left;
}
.divtopo_dir
{
	float:left;
}
.divmenu_topo
{
	width:25px;
	height:160px;
	float:left;
}
.divmarcatopo
{
	background-image:url(../imagens/websafari.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:213px;
	height:150px;
	margin-top:16px;
	float:left;
}
.divbanner
{
	width:486px;
	height:60px;
	margin-left:45px;
	margin-top:5px;
}
.divbotoes
{
    margin-left:206px;
}
.divbotao_revenda
{
	width:100px;
    float:left;
	padding-top:7px;
	padding-right:10px;
}
.divbotao_demo
{
	width:100px;
    float:left;
	padding-top:7px;
	padding-right:10px;
}
.divbotao_contratar
{
	width:100px;
    float:left;
	padding-top:7px;
	padding-right:10px;
}
.divbotao_ajuda
{
	width:100px;
    float:left;
	padding-top:7px;
	padding-right:5px;
}
.divmeio
{
	height:126px;
}
.divflexivel
{
	width:145px;
	height:61px;
	float:left;
	background-image:url(../imagens/flexivel.jpg);
	background-repeat:no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-top:65px;
	padding-left:5px;
}
.divrobusto
{
	width:145px;
	height:61px;
	float:left;
	background-image:url(../imagens/robusto.jpg);
	background-repeat:no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-top:65px;
	padding-left:5px;
}
.divcompleto
{
	width:145px;
	height:61px;
	float:left;
	background-image:url(../imagens/completo.jpg);
	background-repeat:no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-top:65px;
	padding-left:5px;
}
.espaco
{
	width:5px;
	height:100%;
	float:left;
	background-color:#FFFFFF;
}
.espaco_canto
{
	width:5px;
	height:100%;
	float:left;
	background-color:#FFFFFF;
	background-image:url(../imagens/canto_esq.gif);
	background-position:bottom;
}
.divlogin
{
	width:304px;
	height:126px;
	float:left;
	background:#FFFFFF;
	background-image:url(../imagens/acesso_sistema.jpg);
	background-position:right;
	background-repeat:no-repeat;
}
.divtrocasenha
{
	width:290px;
	height:165px;
	padding:0px;
	background:#FFFFFF;
	background-image:url(../imagens/acesso_sistema.jpg);
	background-position: -4px -4px;
	background-repeat:no-repeat;
	background-color:#f0f6f6;

}
.divrodape
{
	width:100%;
	float:none;
}
.divrodape_esq
{
	width:301px;
	height:209px;
	float:left;
}
.divcopyright
{
	/*background-image:url(../imagens/datamall_logo.jpg);
	background-repeat:no-repeat;
	background-position:left;*/
	width:301px;
	height:33px;
	padding-top:5px;
	margin-left:5px;
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	vertical-align: middle;
}
.divcanto_esq
{
	width:301px;
	height:13px;
	background-image:url(../imagens/rodape_esq.gif);
	background-repeat:no-repeat;	
}
.divrodape_dir
{
	height:209px;
/*	width:451px;*/
	float:right;
}
.divnoticias
{
	width:448px;
	height:140px;
	margin-top:5px;
	margin-right:3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*background-color:#000000;*/
	color:White;
}
.divquem_usa
{
	width:451px;
	height:112px;
	background-image:url(../imagens/quem_usa.jpg);
	/*border: solid 1px white;*/
}
.divmarcas
{
	width: 390px;
	height: 80px;
	padding-top: 25px;
	padding-left: 45px;
	/*border: solid 1px white;*/
}
.divdemo
{
	height:1px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	position:absolute;
	overflow:hidden;
	left: 50px;
	top: 23px;
	width:500px;
/*	background-image:url(imagens/fundo_demo.gif);*/
	background-repeat:no-repeat;
	marker-offset:1px;
}

/*********************************inicio login*********************************/
.loginText
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #5274ba;
    width: 165px;
    text-align: right;
    font-weight: bold;
}
.loginInput
{
    text-align: right;
}
.loginInput input
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    background-color: #d6eff5;
    border-color: #468bc9;
    border-style: solid;
    border-width: 1px;
    text-transform: uppercase;
}
.loginTextBox,
.loginiPhoneTextBox input
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    background-color: #d6eff5;
    border-color: #468bc9;
    border-style: solid;
    border-width: 1px;
    text-transform: uppercase;
}
.loginButton
{
    text-align: right;
}
.loginButton input
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    background-color: #86d2e6;
    border-color: #468bc9;
    border-style: solid;
    border-width: 1px;
    cursor:hand;
    cursor:pointer;
}
.loginButtonEntrar
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    background-color: #86d2e6;
    border-color: #468bc9;
    border-style: solid;
    border-width: 1px;
    cursor:hand;
    cursor:pointer;
}
.loginError
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: red;
    height: 20px;
    vertical-align: middle;
    text-align: right;
}
/*********************************fim login*********************************/

/*********************************inicio panel*********************************/
.Div01 {
	padding-top: 0px;
	position: relative;
	text-align: left;
}
.Accordion {
	border-left: solid 0px gray;
	border-right: solid 0px black;
	border-bottom: solid 0px gray;
	overflow: hidden;
	padding-left:5px;
	padding-top:5px;
}
.AccordionPanel {
	margin: 0px;
	padding: 0px;
}
.AccordionPanelTab {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image:url(../imagens/bg_barra_panel_01.gif);
	background-color: #F3CB78;
	border-top: solid 1px black;
	border-bottom: solid 0px gray;
	border-color: #ffffff;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	/*-khtml-user-select: none;*/
	width:301px;
}
.AccordionPanelContent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	font-size: 10px;
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: 152px;
	display: none;
}
.AccordionPanelOpen .AccordionPanelTab {
	background-color: #EEB232;
	background-image:url(../imagens/bg_barra_panel.gif);
}
.AccordionPanelTabHover {
	color: #555555;
	background-image:url(../imagens/bg_barra_panel_01.gif);
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #555555;
}
.AccordionFocused .AccordionPanelTab {
	background-color: #D69612;
}
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: #EEB232;
}
.barraBotao {
    vertical-align: middle; 
    text-align: center;
    height: 22px;
    width: 100%;
    background-color: transparent;
    border-top: thin solid;
    border-top-color:Silver;
    border-bottom: thin solid;
    border-bottom-color:Silver
}
.headerProgress
{
	float: left;
	text-align: left;
	width: 50%;
}
/*********************************fim panel*********************************/
