@import url("reset.css"); /* css reset */

body {background:#fffffa url(../pics/bg-body.jpg) repeat left top;}

/*** header ***/

.center {text-align:center;}
.right {text-align:right;}

.imgLeft, .imgRight {
display:inline;
margin:20px;
border:3px solid #6c5c1c;
}
.imgLeft {float:left;}
.imgRight {float:right;}

.img {
display:inline;
border:3px solid #6c5c1c;
}
h2#title {
padding:5px 0 5px 10px;
margin:0 0 20px 14px;
width:842px;
background:url(../pics/tt-bg.jpg) repeat-x left top;
font:bold 1em Trebuchet MS, Verdana;
color:#fff;
}
#content h3 {
font:bold 0.9em Trebuchet MS, Verdana;
color:#847329;
}
#content p {
padding:8px 10px 4px 10px;
font:0.7em/18px Verdana, arial;
color:#6c5c1c;
}
#header {position:relative}

#header a.logo {
position:absolute;
left:-10px;
bottom:0;
}
#header a.logo img {display:block;}

#header img.fone {
float:right;
position:relative;
top:20px;
display:inline;
margin-right:17px;
}
#header ul#nav {
position:absolute;
right:4px;
bottom:0;
background:url(../pics/nav-bg.jpg) repeat-x left top;
}
#header ul#nav li {
float:left;
display:inline;
margin:10px 6px 0 0;
color:#cbc091;
font-weight:bold;
}

a.voltar {
font:0.7em/18px Verdana, arial;
color:#000;
font-weight:bold;
}

#header ul#nav li a {
font:bold 0.76em Verdana, Arial, Helvetica, sans-serif;
color:#fff;
padding-right:5px;
}
#header ul#nav li a:hover {color:#D3C9A5;}

#header ul#nav li img {display:block;}

/*** content ***/

div.bot-content {
width:100%;
height:20px;
clear:both;
background:url(../pics/content-bot.jpg) no-repeat;
}
#content dl {clear:both;}

#content dd p {padding-top:20px;}

#content ul.thumbs {float:left;clear:both;}

#content ul.thumbs li {
float:left;
display:inline;
margin-left:59px;
}
#content ul.thumbs li a img {border:3px solid #6c5c1c;}


/*** sidebar ***/

#sidebar div.box {
width:198px;
padding-bottom:18px;
position:relative;
}
#sidebar div.box h3 {padding-left:18px;}

#sidebar div.box p {
font:0.7em Trebuchet MS, Verdana;
color:#baafa2;
padding:15px 12px 0 12px;
}
#sidebar div.box a {
display:block;
color:#a38f76;
}
#sidebar div.box a:hover {text-decoration:underline;}

#trabalhe {
margin-bottom:10px;
height:101px;
background:url(../pics/trabalhe-bg.jpg) no-repeat left bottom;
}
#trabalhe img.ico {
position:absolute;
right:0;
bottom:-30px;
}

#newsletter {
margin-bottom:50px;
height:154px;
background:url(../pics/localizacao-bg.jpg) no-repeat left bottom;
}

#localizacao {
margin:30px 0 0 0;
height:154px;
background:url(../pics/localizacao-bg.jpg) no-repeat left bottom;
}
#localizacao a.center {margin-top:10px;}

#localizacao a.right {padding-right:13px;}

/*** mainContent ***/

#animate {
position:relative;
width:623px;
height:240px;
}
#animate #foto {
float:left;
clear:left;
display:none;
}
#animate div.nav {
position:absolute;
top:0;
right:0;
}
#animate div.nav ul {width:196px;}

#animate div.nav ul li {line-height:0;}

#animate div.nav ul li a {
display:block;
color:#000;
font:bold 0.7em verdana, arial;
padding:18px 0 17px 7px;
}
li.bt-active a, li.bt-bottom-active a {color:#fff !important;}
#animate div.nav ul li a:hover {text-decoration:underline}

#animate div.nav ul li.bt-active a {background:url(../pics/animate-bt-active.jpg) no-repeat;}
#animate div.nav ul li.bt a {background:url(../pics/animate-bt.jpg) no-repeat right top;}
#animate div.nav ul li.bt-bottom a {background:url(../pics/animate-bt-bottom.jpg) no-repeat right top;}
#animate div.nav ul li.bt-bottom-active a {background:url(../pics/animate-bt-bottom-active.jpg) no-repeat right top;}

a.veja_mais {
display:block;
height:19px;
background:url(../pics/bt-veja_mais.jpg) no-repeat right top;
text-indent:-9000em;
overflow:hidden;
margin-top:5px;
}

a.voltar {
display:block;
height:19px;
background:url(../pics/bt-voltar.jpg) no-repeat center top;
text-indent:-9000em;
overflow:hidden;
margin-top:5px;
}

/*** produtos \ parceiros ***/

div.produtos, div.parceiros {
float:left;
margin-top:17px;
}
div.produtos {width:418px;}

div.parceiros {margin-left:40px;}

div.produtos ul, div.parceiros ul {margin-top:6px;}

div.produtos ul {
width:418px;
background:#fff url(../pics/produtos-bottom.jpg) repeat-x left bottom;
padding:12px 0;
}
div.produtos ul:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
div.produtos li {
float:left;
border:1px solid #ccc;
margin-left:10px;
display:inline;
}

/*** contato ***/
#contato{
position:relative;
top:20px;
width:200px;
margin:0 auto !important;
}
#contato fieldset {border:none;}
#contato fieldset legend {
font:bold 23px Arial, Helvetica, sans-serif;
color:orange;
margin:0 0 10px;
}
#contato label {
display:block;
margin-bottom:5px;
color:#847329;
font:bold 0.8em Verdana, Arial, Helvetica, sans-serif;
width:240px;
float:left;
}
#contato label.labmensagem {width:470px;}

#contato label.labmensagem textarea {
width:455px;
height:120px;
font:13px Verdana, Arial, Helvetica, sans-serif;
border:1px solid #fff;
padding:3px;
}
#contato label input {
width:220px;
border:1px solid #fff;
padding:3px;
}
#contato input.bt {
float:right;
margin:20px 40px;
border:1px solid #fff;
background-color:#92813B;
color:#fff;
padding:3px 5px;
font:13px Verdana, Arial, Helvetica, sans-serif;
cursor:pointer;
}


/*** newsletter ***/
#newsletter{
position:relative;
top:10px;
width:50px;
margin:0 auto !important;
}
#newsletter fieldset {
border:none; 
position:absolute;
top:-20px;
left:10px;
}
#newsletter fieldset legend {
font:bold 20px Arial, Helvetica, sans-serif;
color:orange;
margin:0 0 10px;
}
#newsletter label {
display:block;
margin-bottom:5px;
color:#847329;
font:bold 0.6em Verdana, Arial, Helvetica, sans-serif;
width:150px;
float:left;
}

#newsletter label input {
width:160px;
border:1px solid #847329;
padding:3px;
}
#newsletter input.bt {
float:right;
margin:0 40px;
border:1px solid #fff;
background-color:#92813B;
color:#fff;
padding:3px 5px;
font:9px Verdana, Arial, Helvetica, sans-serif;
cursor:pointer;
}


/*****curriculo******/
.curriculo{
width:455px;
margin-left:230px;
margin-bottom:20px;
}
.curriculo label{
font-weight:bold;
display:block;
}
.curriculo input, .curriculo select{
border:1px solid #aaa;
height:25px;
font-size:12px;
}
.curriculo input{
}
.curriculo .peq{
width:30px;
position:relative;
top:8px;
}
/*** produtos ***/

.img-produtos { border:1px solid #6c5c1c; margin-left:10px; }

ul.produtos {
margin-bottom:20px;
}
ul.produtos li {
float:left;
display:inline;
margin:0 25px 10px 25px;
}
ul.produtos li span {
display:block;
font:0.7em Verdana, Arial, Helvetica, sans-serif;
color:#847329;
background:url(../pics/bullet.gif) no-repeat 10px 2px;
padding-left:22px;
}

/*** paginação ***/

ul#paginacao {
float:right;
display:inline;
margin-right:4px;
height:30px;
clear:both;
background:url(../pics/pag-bg-x.jpg) repeat-x left top;
}
ul#paginacao li {
float:left;
font:0.7em Verdana, Arial, Helvetica, sans-serif;
display:inline;
margin:7px 3px 0 3px;
}
ul#paginacao li a {color:#847329;}

ul#paginacao li a:hover {text-decoration:underline;}

#clear {
clear:both;
}

ul.johnson {
margin-left:70px;
margin-top:15px;
}

ul.johnson img {
border:1px solid #6c5c1c;
}

ul.johnson li {
float:left;
margin-left:30px;
text-align:center;
}

ul.johnson li a {
font:0.7em/18px Verdana, arial;
color:#000;
font-weight:bold;
}

.img-3m { border:1px solid #6c5c1c; margin:10px; float:left; }

ul.nestle {
margin-left:20px;
clear:left;
}

ul.nestle li {
float:left;
margin-left:20px;
text-align:center;
font:0.7em/18px Verdana, arial;
color:#6c5c1c;
font-weight:bold;
}

ul.nestle img {
border:1px solid #6c5c1c;
}



#mail {
width: 200px;
height: 100px;
right:180px;
top:20px;
position:absolute;
}

	#mail input.text {
	margin-top:6px;
	width:145px;
	border:1px solid #ccc;
	background-color:#f4f4f4;
	padding:1px 0 1px 1px;
	font-size: 11px;
	}
	
	#mail input.text2 {
	margin-top:6px;
	width:99px;
	border:1px solid #ccc;
	background-color:#f4f4f4;
	padding:1px 0 1px 1px;
	font-size: 11px;
	}

	#mail input.bt2 {
	display:inline;
	border:0;
	padding:0;
	background-color:#ad9f62;
	color:#000;
	font-size: 11px;
	}
	
	#mail form {
top:0px;
margin:0 auto !important;
}

#mail p{
font-size:12px;
color:#6c5d1a;
float:right;

}
.prod-margin{
	margin-left: 45px;
}
p.margin{
	margin-left: 10px;
}

ul.produtos li.alinhar{
	margin-left: 170px;
	float:left;
}

/*#boxNestle {
float:left;
margin-top:10px;
margin-left:10px;
}*/