/*--------padrao topo*/

* {	text-decoration:none; margin:0; padding:0; list-style:none;	vertical-align:middle; border:none;/* Comeo zerando tudo. O */}
body {margin: 0 auto; text-align:center; font: 100%  Verdana, Arial, Helvetica, sans-serif; background: #fff url(../images/bg_body.jpg) repeat;}
p {padding:10px 0 5px 30px; text-align: justify; font: 70% Verdana, Arial, Helvetica, sans-serif; color: #000080;}
h1 {width: 540px; height:116px; padding:0; margin:0 0 0 20px; text-align: left; text-indent: -5000em; overflow: hidden; border: 0px solid #f60;}
#empresa h1{background: #fff url(../images/bg_h1_empre.jpg) no-repeat;}
#departa h1{background: #fff url(../images/bg_h1_depar.jpg) no-repeat;}
#modelos h1{background: #fff url(../images/bg_h1_model.jpg) no-repeat;}
#cliente h1{background: #fff url(../images/bg_h1_clien.jpg) no-repeat;}
#parceir h1{background: #fff url(../images/bg_h1_parce.jpg) no-repeat;}
#consult h1{background: #fff url(../images/bg_h1_consu.jpg) no-repeat;}
#linksss h1{background: #fff url(../images/bg_h1_links.jpg) no-repeat;}
#contato h1{background: #fff url(../images/bg_h1_conta.jpg) no-repeat;}
#obrigad h1{background: #fff url(../images/bg_h1_obrig.jpg) no-repeat;}


.accesskey {padding: 0 0 3px 0; text-decoration:underline; color:#000;}
input:focus, textarea:focus {color: #000; font-weight: bold; border: 1px solid #f60; background:#f1f1f1;}

h2 {padding:10px 0 0 30px; margin:20px 0 10px 0; text-align: left; font: bold 90%  Arial, Verdana, Helvetica, sans-serif; color: #000080; background: url(../images/bg_seta_2.gif) no-repeat 0 14px}

h3 {padding:10px 0; text-align: left; font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #666;}
hr {margin: 10px 0; border: 1px solid #002BB0;}
label {text-align: left; margin: 5px 0 0; float: left; font: bold 70% Verdana, Arial, Helvetica, sans-serif; color: #555;}
legend {text-align: left; float: left; padding: 5px; font: bold 80% Verdana, Arial, Helvetica, sans-serif; color: #555;}
ol {margin: 0 0 0 30px;  }

/*----------------------------------------------------------------imput select e textarea*/
input {	margin: 2px 10px 5px 0; float: left; padding: 2px;	border: #88846B 1px solid;	background:#f9f9f9; color: #000;}
select {	margin: 0px 10px 10px 0; float: left; padding: 2px 2px 0px 2px;	border: #88846B 1px solid;	background:#f9f9f9; color: #000;}
textarea {	margin: 2px 10px 10px 0; float: left; padding: 2px;	border: #88846B 1px solid;	background:#f9f9f9; color: #000;}

img.menor {width: 80px; height: 60px; float:left; margin: 10px 0 5px 5px; padding:5px; border: #f1f1f1 6px double;}

/*----------------------------------------------------------------menu principal*/
#menu {width: 175px; font: bold 90%  Arial, Verdana, Tahoma, Sans-serf; margin:10px 0 0; padding:0;}
#menu ul li {margin:0;}
#menu ul li a {display: block; padding: 0 0 0 30px; width: 150px;  text-align:left;	 background: url(../images/bg_link_menu_1.gif) no-repeat left bottom; color:#000; line-height:25px; border: 0px solid #f00; cursor: pointer;}
#menu ul li a:hover {background: url(../images/bg_link_menu_2.gif) no-repeat left bottom; color:#000; font-weight:bold;}
#menu ul li a:active {background: url(../images/bg_link_menu_2.gif) no-repeat left bottom; color:#000; font-weight:bold;}



/*----------------------------------------------------------------aumento de texto*/
#comandos{width: 220px; float: right;  font-size: 90%; border: 0px double #999;}
#fer_zoom {width: 130px; float: left; margin: 0; padding: 3px; text-align:right; border-right: 1px solid #999; }
#tam_font {width: 60px;  float: left; margin: 0 5px; padding: 0 3px; text-align:center; border: 0px solid #999;}
#lab___tamanho input {width: 30px; font-size:80%;}
.link_zoom {display: block; padding: 0px; width: 130px;  text-align:left; color:#000; border: 0px solid #f00; cursor: pointer;}
.link_zoom:hover {background: #fff; font-weight:bold;}



/*----------------------------------------------------------------links*/
.link {padding:0; margin:0 0 0 25px; font: 70%  Arial, Verdana, Tahoma, Sans-serf;  color:#000080;}
.links li {margin:0;}
.links li a {display: block; padding: 0 0 0 15px; width: 500px;  text-align:left; background: url(../images/bg_seta_3.gif) no-repeat 0px 5px; line-height:20px; border: 0px solid #f00; cursor: pointer;}
.links li a:hover {color:#f60;}
.links li a:active {color:#f60;}


/*----------------------------------------------------------------lista*/
.lista {padding:0; margin:0 0 0 25px; font: bold 80%  Arial, Verdana, Tahoma, Sans-serf;  color:#000080;}
.lista li {display: block; margin:0; padding: 0 0 0 20px; width: 500px;  text-align:left;	height:20px; background: url(../images/bg_seta_1.gif) no-repeat -10px 5px; line-height:20px; border: 0px solid #f00;}



/*--------divs*/
#posicao 	{width: 100%; height:100%; padding: 0px; position:relative; top:0; text-align: center;}
#geral 		{width: 100%; margin: 0 auto; padding: 0; position:relative; top:0; left: 0;  background: #f9f9f9; border: #f00 0px solid; }
#conteudo {width: 770px; float: left; background: url(../images/bg_conteudo.jpg) repeat-y; border: #f60 0px solid;}
#banner 	{position:absolute;	top:0px; left:50%; width:468px;	height:180px; margin-left:-98px; margin-top:16px; text-align:left; z-index: 1;}

#cabecalho 	{width: 100%; height:100px; background: url(../images/bg_cabecalho.jpg) repeat-x; border: #f00 0px solid;}
#logo {width: 710px; height:100px; float: left; background:  url(../images/bg_logo.jpg) repeat-x; border: #f00 0px solid;}

#lateral_esq 	{width: 180px; height:380px; float:left; background: url(../images/bg_lateral.jpg) no-repeat; border: 0px solid #7F9DB9;}
#central 		{width: 570px; float:left; margin: 5px; padding: 0 0 40px 0; background: url(../images/bg_tit_cont.jpg) no-repeat; border: 0px solid #f60;}

#depart {width: 410px; float:left; border: #f00 0px solid;}

/*-------------------------------------------------------------*/

#informe {width: 550px; float: left; padding: 5px 5px 20px 5px ; border-bottom:1px solid #f5f5f5;}
#informe2 {width: 550px; float: left; padding: 5px 5px 20px 5px ; border-bottom:1px solid #f5f5f5;}
#informe2 p {font-weight: bold; font-size: 80%}
/*-------------------------------------------------------------*/


#primario {width: 460px; float: left; padding: 0 0 5px 5px; border: 1px solid #f1f1f1;}



/*----------------------------------------------------------------form contato*/
#form_contato {margin: 0 0 0 20px;}



#lab___nome______ct input{width: 240px;}
#lab___email_____ct input{width: 180px;}
#lab___tele_ddd__ct input{width: 40px; margin: 2px 5px 5px 0}
#lab___telefene__ct input{width: 70px; margin: 2px 30px 5px 0}
#lab___celul_ddd_ct input{width: 40px; margin: 2px 5px 5px 0}
#lab___celular___ct input{width: 120px;}
#lab___assunto___ct input{width: 260px;}
#lab___mensagem__ct textarea{width: 440px; height:60px;}
#lab___descri_textos textarea{width: 440px; height:250px;}

#ad_contato { width: 440px; float: left; border: 0px solid #f70;}




#box_botao_logar { width: 300px;	height: 55px; text-align: left;	float: left; border: 0px solid #000;}
#box_botao { width: 440px;	height: 55px; text-align: left;	float: left; border: 0px solid #000;}
.botao { float: left;	text-align:center;	display:block;	width:100px; height:40px; font: bold 90% Arial, Verdana, Tahoma, Sans-serf; background: url(../images/bg_botao.jpg) no-repeat 0px 0px; color:#000; line-height:44px; margin: 10px 0 0; border: 0px solid #000; cursor: pointer;}
.botao:hover {background-position:0px -40px; color:#368; font-weight:bold;}
.botao:active {background-position:0px -40px; color:#368; font-weight:bold;}


/*----------------------------------------------------------------rodape*/
#rodape { clear: both; height: 80px; text-align: center; vertical-align: bottom; font: 100% Arial, Verdana, Tahoma, Sans-serf; margin: 5px 0 0 0; background: #fff url(../images/bg_rodape.jpg) repeat-x top; border: #000 solid 0px;}
address {width: 770px; float: left; padding: 10px 5px 5px 0; font: 70% Arial, Verdana, Tahoma, Sans-serf; color: #000;}
#desenvolvimento {width: 770px; float: left; margin: 5px 0 0;}

.w3c, .pdvsweb 		{margin: 0 5px;	font: 70% Arial, Verdana, Tahoma, Sans-serf;}
a.w3c:link 			{color: #777}
a.w3c:visited 		{color: #555}
a.w3c:hover  		{color: #f60}
a.pdvsweb:link		{color: #777}
a.pdvsweb:visited 	{color: #555}
a.pdvsweb:hover 	{color: #f60}