html, body, form, ul, fieldset, p, h1, h2, h3, h4, h5 {margin: 0; padding: 0;}
body {font:100%/110% arial; background:url(../pics/bg.jpg);}
body img {display:block;}
a {text-decoration:none; outline:0; color:#BECCD5;}
object {outline:0;}
li {list-style:none;}
a img, fieldset {border: 0;}
p.center {text-align:center;}
p.right {text-align:right;}
p, h1, h2, h3, h4, h5 {margin-bottom:11px;}
div.clear {clear: both;}
a.assinatura, #nav ul li, .televendas {text-indent:-9000em; overflow:hidden;}

/*** HEADER ***/

a.index{width:176px; height:41px;  position:absolute; z-index:5; top:0; right:25px;}
span{font:bold 8px verdana; color:#143a85; position:absolute; z-index:5; top:32px; right:97px;}

#header-in a#logo {position:absolute; top:0; left:17px; width:343px; height:110px; 
background:url(../pics/logo.png) no-repeat; z-index:3;}
#header-in a#logo-mini {position:absolute; top:0; right:204px; width:105px; height:30px; 
background:url(../pics/logo-mini-suplemento.png) no-repeat; z-index:4;}
#nav {position:absolute; bottom:0; left:41px; width:918px; height:51px; z-index:1;}
#nav ul li {float:left; height:51px;}
#nav ul li a {display:block; height:51px; background:url(../pics/menu.jpg) no-repeat;}

body#pag-hom #nav ul li.menu01 a {background-position: 0 -51px; width:71px;}
body#pag-con #nav ul li.menu02 a {background-position: -71px -51px; width:122px;}
body#pag-pro #nav ul li.menu03 a {background-position: -193px -51px; width:88px;}
body#pag-orc #nav ul li.menu04 a {background-position: -281px -51px; width:101px;}
body#pag-tra #nav ul li.menu05 a {background-position: -382px -51px; width:158px;}
body#pag-rep #nav ul li.menu06 a {background-position: -540px -51px; width:132px;}
body#pag-loc #nav ul li.menu07 a {background-position: -672px -51px; width:114px;}
body#pag-fal #nav ul li.menu08 a {background-position: -786px -51px; width:132px;}

#nav ul li.menu01 a 		{background-position: 0 0; width:71px;}
#nav ul li.menu01 a:hover	{background-position: 0 -51px;}
#nav ul li.menu02 a 		{background-position: -71px 0; width:122px;}
#nav ul li.menu02 a:hover	{background-position: -71px -51px;}
#nav ul li.menu03 a 		{background-position: -193px 0; width:88px;}
#nav ul li.menu03 a:hover	{background-position: -193px -51px;}
#nav ul li.menu04 a 		{background-position: -281px 0; width:101px;}
#nav ul li.menu04 a:hover	{background-position: -281px -51px;}
#nav ul li.menu05 a 		{background-position: -382px 0; width:158px;}
#nav ul li.menu05 a:hover	{background-position: -382px -51px;}
#nav ul li.menu06 a 		{background-position: -540px 0; width:132px;}
#nav ul li.menu06 a:hover	{background-position: -540px -51px;}
#nav ul li.menu07 a 		{background-position: -672px 0; width:114px;}
#nav ul li.menu07 a:hover	{background-position: -672px -51px;}
#nav ul li.menu08 a 		{background-position: -786px 0; width:132px;}
#nav ul li.menu08 a:hover	{background-position: -786px -51px;}

/*** MAINCONTENT GERAL ***/

#mainContent p {}

/* home */

#jqueryzao{width:965px; height:312px; position:relative; z-index:2;}

.j-img{ position:absolute; top:65px; left:45px; z-index:2; width:913px; height:256px;}

#jqueryzao div.j-img div.img{ position:relative; width:913px; height:256px;}
#jqueryzao div.preto{position:absolute; background:url(../pics/jquery-preto.png) no-repeat; width:187px; height:250px; top:79px; right:8px; z-index:3;}
#jqueryzao div.preto p{font:normal 11px arial; padding:0 15px 10px 15px; color:#fff;}
#jqueryzao div.preto h2{font:bold 14px arial; text-align:center; padding-top:10px; color:#fff;}

.j-img img{position:absolute;}

.j-borda{position:absolute; top:44px; left:16px; z-index:3;}

#tt_h1 h1, .tt_h2 h2 {font:normal 21px "Times New Roman"; color:#013956; text-transform:uppercase;}
.tt_h2 h2  {font-size:16px !important;}
a#arrow-left, a#arrow-right {position:absolute; top:140px; width:23px; height:35px;}
a#arrow-left {left:0; background:url(../pics/arrow-left.png) no-repeat;}
a#arrow-right {right:0; background:url(../pics/arrow-right.png) no-repeat;}

.caixa p {font:normal 12px tahoma; color:#beccd5; padding-top:20px;}
.caixa img {float:left;}

a.bt-caixa {display:block; height:24px; position:absolute; bottom:20px; left:118px;}

/* internas */

ul.img-conheca{float:left; margin:5px;}
ul.img-conheca li{margin:0 5px 5px 5px;}
ul.img-conheca img{padding:3px; border:1px solid #389cc2;}

ul.img-conheca1{clear:both; margin:0 5px 5px 5px; }
ul.img-conheca1 li{float:left; display:inline; margin:0 23px 5px 5px;}
ul.img-conheca1 img{padding:3px; border:1px solid #389cc2;}

#mainContent-int p {font:normal 12px tahoma; color:#beccd5; text-align:justify; padding:0 10px;}

div.img-produto {float:left; display:inline; margin:10px 0 0 20px;}
div.desc-produto {float:left; display:inline; margin:10px 0 0 20px; width:750px;}

h2.tt {font:bold 16px tahoma; color:#beccd5; margin:5px 0 10px 10px; background:url(../pics/marc.png) no-repeat; 
padding:0 0 0 15px; height:15px; line-height:14px;}

ul.lista-produtos {margin:10px 0 10px 25px;}
ul.lista-produtos li {font:normal 12px tahoma; color:#beccd5; list-style-type:circle; margin-bottom:5px;}

.linha {border-bottom:1px solid #4D7386; margin:30px 150px;}

.mapa-representante {float:left; display:inline; margin:0 40px 0 30px;}
.representantes {float:left; display:inline; width:500px; margin:50px 0 0 0;}

dt {font:bold 16px tahoma; color:#fff; background:url(../pics/marc.png) no-repeat; margin-bottom:15px;
padding:0 0 0 15px; height:15px; line-height:14px;}

h2.tt-repres {font:bold 16px tahoma; color:#beccd5; margin:20px 0 10px 0; background:url(../pics/marcador.jpg) no-repeat 2px; padding-left:15px;}
ul.lista-representante {margin:0 0 15px 0; }
ul.lista-representante li {font:normal 12px tahoma; color:#beccd5; margin-bottom:5px;}

img.map{float:left; margin:0 5px 0 15px; height:318px;}

div.mapa_flash {text-align:center;}

/* formulário de contato */

#formulario {width:630px; margin:0 auto;}
#formulario p {margin:25px 0; text-align:center; font:normal 12px tahoma; color:#fff;} 
div#formulario fieldset {border:none;}
div#formulario fieldset.indique{width:350px;}

div#formulario div#form-contato1{text-align:center; width:350px; margin:0 auto; }
div#formulario div#form-contato label{margin:5px 0;}
fieldset.indique div#form_textfield{width:350px; text-align:center;}
fieldset.indique div.form_textfield{margin:5px;}

.contato, textarea {background:none; border:none; font:12px arial; color:#013956;}
#form-contato {width:630px;}
#formulario label {width:70px; font:bold 12px tahoma; color:#fff; text-align:right; padding-right:10px; padding-top:7px;}
#formulario label.ocoisa {padding-top:15px;}
#formulario label, .form_textfield, .form_textarea, #form_textfield, #form_textarea {float:left; display:inline;}
#form_textarea {margin-left:30px;}
.form_textarea {background:url(../pics/bg-textarea.png) no-repeat; width:220px; height:111px; margin-top:5px;}
.form_textfield {background:url(../pics/bg-input_01.png) no-repeat; width:220px; height:31px;}
.cidade {background:url(../pics/bg-input_01.png) no-repeat left; width:220px; height:31px;}
label.error {color:red; text-align:left; width:220px; display:block; float:left;}
#space {margin:9px 0;}
input.contato {width:200px; height:31px; padding:5px 0; margin:3px 10px;}
textarea {width:200px; height:91px; margin:10px; overflow:auto;}
input.fale {
float:right; width:80px; margin-top:9px; border:none; height:24px; cursor:pointer; background:url(../pics/bt-enviar.png) no-repeat;}
#form_textfield, #form_textarea {width:300px;}


/**** FORMULARIO DE CURRICULO ****/
#form-curriculo, #form-orcamento{
	color: #BECCD5;	
	font: 12px tahoma;
	margin: 0 auto;
	width: 400px;
}
#form-curriculo {width:100%; float:left;}
#form-curriculo fieldset, #form-orcamento fieldset {
	width: 400px;
}
#form-curriculo .dados-pessoais, #form-curriculo .dados-profissionais {float:left;}
#form-curriculo .texto-form {text-align:left; margin-left:60px;}
#form-curriculo label, #form-orcamento label {
	display: block;
	height: 30px;
	line-height: 28px;
	width: 170px;
	float:left;
	text-align: right;
	padding-right: 5px;
	margin-bottom: 6px;
}

#form-curriculo input, #form-curriculo select, #form-orcamento input, #form-orcamento select {
	float: right;
	

}

#form-curriculo #formacao, #form-orcamento #formacao {
	float: right;
	margin:10px 0;
	}

#form-curriculo .form_textfield, #form-orcamento .form_textfield{
	display: block;
	float: right;
	margin-bottom: 5px;
}
#form-curriculo p, #form-orcamento p {
	float: left;
	width: 100%;
	text-align:center;
	margin:0 0 10px 0; padding: 0;
}
#form-curriculo .form_textarea, #form-orcamento .form_textarea{
	float: right;	
	clear: both;
}

select.estados1{
	float:none;
	position:absolute;
	right:248px;
	top:302px;
}


#form-curriculo label.labmenor, #form-orcamento label.labmenor {width:50px!important; margin:0 20px; text-align:center;}
#form-curriculo input.iptmenor, #form-orcamento input.iptmenor {float:left; margin:5px 0 0 -10px;}

/*** SIDEBAR ***/



/*** FOOTER ***/

#footer-in address {font:normal 0.70em arial; color:#beccd5;}
a.assinatura {display:block; position:absolute;  width:99px; height:24px; bottom:27px;
left:25px; background:url(../pics/assinatura.jpg) no-repeat;}

#formacao2 {
	float:none;
	position:absolute;
	right:301px;
	top:302px;
	margin:0;
	float:none;
}

.form_textfield2 {background:url(../pics/bg-input_02.png) no-repeat; width:166px; height:31px; display:block; float:left; margin-bottom:5px; margin-left:5px;}

input.contato2 {width:146px;}
h3.prod {clear:both; font:bold 16px tahoma; padding:10px; text-align:center;}
