/* CSS Document */
body{
margin:0px;
padding:0px;
background:url(../imagens/fundo.gif) 0 0 repeat-x #FFF;
color:#000;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 18px;
}
div, p, ul, h1, h2, h3, h4, img, form, label{
padding:0px;
margin:0px;
}
ul{
list-style-type:none;
}

/*----painel principal----*/
#principal{
width:700px;
position:relative;
margin:0 auto;
padding:0px;
}
/*----painel esquerdo----*/
#esquerdo{
width:240px;
float:left;
}
#esquerdoTopo{
width:240px;
height:125px;
position:relative;
margin:0 auto;
padding:0;
background:url(../imagens/logo-topo.jpg) 0 0 no-repeat;
}
#esquerdoTopo img{
width:160px;
height:39px;
margin:30px 0 0 37px;
border: 0;
}

#esquerdo ul{
width:240px;
height:231px;
display:block;
background:url(../imagens/menu-bg.jpg) 0 0 no-repeat;
padding:28px 0 0;
}
#esquerdo ul li{
width:118px;
height:27px;
position:relative;
margin:0 auto;
background:url(../imagens/dot.gif) 0 100% repeat-x;
}
#esquerdo ul li a{
width:96px;
height:26px;
display:block;
color:#333;
font:13px/26px "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
padding:0 0 0 22px;
text-decoration:none;
background-image: url(../imagens/seta-normal.gif);
background-repeat: no-repeat;
background-position: 0 50%;
}
#esquerdo ul li a:hover{
color:#606;
text-decoration:none;
background-color: #fcf;
background-image: url(../imagens/seta-normal.gif);
background-repeat: no-repeat;
background-position: 0 50%;
}
#esquerdo ul li.atual{
width:96px;
height:27px;
display:block;
color:#606;
background-color: #fcf;
background-image: url(../imagens/seta-normal.gif);
background-repeat: no-repeat;
background-position: 0 50%;
font:13px/26px "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:none;
padding:0 0 0 22px;
}
#esquerdo ul li.contact{
background:none;
}

#esquerdo ul.produtos{
width:240px;
height:259px;
padding:0;
background:none;
}
#esquerdo ul.produtos li{
width:118px;
height:26px;
position:relative;
margin:0 auto;
background:none;
padding:0px;
}
#esquerdo ul.produtos li a{
width:96px;
height:26px;
display:block;
color:#000;
font:13px/26px "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:normal;
padding:0 0 0 22px;
text-decoration:underline;
background-image: url(../imagens/seta-normal.gif);
background-repeat: no-repeat;
background-position: 0 50%;
}
#esquerdo ul.produtos li a:hover{
color:#606;
text-decoration:underline;
background-color: #fcf;
background-image: url(../imagens/seta-normal.gif);
background-repeat: no-repeat;
background-position: 0 50%;
}
#esquerdo h2{
	width:120px;
	height:63px;
	color:#606;
	font-size:24px;
	line-height:63px;
	padding:0 0 0 63px;
	font-weight:normal;
}

#esquerdo form{
width:222px;
height:173px;
position:relative;
margin:0 auto;
background:url(../imagens/fundo-form.gif) 0 0 no-repeat;
color:#fff;
}
#esquerdo form input{
width:143px;
height:17px;
margin:3px 0 2px 35px;
}
#esquerdo form label{
cursor: pointer;
width:143px;
height:18px;
margin:2px 0 0 35px;
font:12px/15px Arial, Helvetica, sans-serif;
font-weight:bold;
}
#esquerdo form input.button{
width:51px;
height:17px;
float:left;
background:url(../imagens/button.gif) 0 0 no-repeat;
color:#fff;
font-size:12px;
font-weight:bold;
line-height:18px;
border:none;
padding:0 10px 0 0;
margin:3px 10px 2px 35px;
}
#esquerdo form h2{
width:150px;
height:47px;
display:block;
background:url(../imagens/newsletter.gif) 0 0 no-repeat;
color:#fff;
font-size:18px;
line-height:47px;
padding:0 0 0 65px;
}
/*----/Left Panel----*/

/*----Right Panel----*/
#direito{
width:451px;
float:left;
}
#direito h1{
width:438px;
height:124px;
background:url(../imagens/topo.jpg) 0 0 no-repeat;
color:#fff;
font:20px/13px Georgia, "Times New Roman", Times, serif;
padding:37px 0 0 13px;
}
#direito h2{
width:300px;
height:36px;
display:block;
color:#606;
font-size:24px;
line-height:36px;
padding:0 0 0 15px;
margin:29px 0 0 9px;
}
#direito h4{
width:300px;
height:50px;
display:block;
color:#606;
font-size:24px;
line-height:22px;
padding:0 0 0 50px;
margin:0 0 0 9px;
clear:both;
background-image: url(../imagens/social.jpg);
background-repeat: no-repeat;
background-position: 0 0;
}
#direito h4 span{
color:#333;
font-size:16px;
font-weight:bold;
line-height:18px;
}

#direito p{
padding:20px 0 0 9px;
}
#direito a{
text-decoration:none;
color:#606;
}
#direito a:hover{
text-decoration:underline;
color:#fff;
background-color:#606;
}
#direitoMais{
width:420px;
height:28px;
display:block;
line-height:28px;
padding:0 0 0 20px;
margin:0 0 0 9px;
}
#direitoMais p.posicaoTexto{
float:left;
padding:0 0 0 18px;
margin:0px;
}
#direitoMais a{
float:right;
width:36px;
height:28px;
display:block;
color:#000;
text-decoration:none;
margin: 0 0 0 80px;
padding: 0 15px 0 15px;
}
#direitoMais, img{
border: 0;
}
#direitoAdd{
width:442px;
height:170px;
position:relative;
margin:0 auto;
padding:50px 0 0 9px;
}
#direitoAddUm{
width:218px;
height:110px;
float:left;
}
#direitoAddUm a{
width:97px;
height:33px;
display:block;
color:#fff;
}
#direitoAddDois{
	width:218px;
	height:110px;
	float:left;
	color:#fff;
}
#direitoAddDois a{
width:97px;
height:33px;
display:block;
color:#fff;
}
/*----/Right Panel----*/

/*----Footer Panel----*/
#rodapePrincipal{
background:url(../imagens/fundo-rodape.gif) 0 0 repeat-x;
color:#fff;
position:relative;
margin:0 auto;
height:227px;
clear:both;
}
#rodape{
width:691px;
position:relative;
margin:0 auto;
font:14px/15px "Trebuchet MS",Arial, Helvetica, sans-serif;
font-weight:normal;
}

#rodape ul{
width:500px;
position:absolute;
top:85px;
left:115px;
}
#rodape li{
float:left;
}
#rodape ul li a{
padding:0 10px 0;
color:#fff;
text-decoration:none;
}
#rodape ul li a:hover{
text-decoration:underline;
}
#rodape ul.address{
width:550px;
color:#fff;
display:block;
position:absolute;
top:160px;
left:55px;
}
#rodape p.bellaTerra{
width:204px;
position:absolute;
top:105px;
left:218px;
text-align: center;
}

.folha li{
background:url(../imagens/lista.gif) no-repeat 3pt 5pt;
padding:7px 10px 7px 25px;
font:14px Arial, "Times New Roman", Times, serif;
color:#333;
text-align:left;
list-style:none outside none;
}

/* inicio do formulário */

#direito form fieldset{
float: left;
margin-right: 7px;
width: 80%;
border: solid #CCC 1px;
padding: 10%;
margin-bottom: 10px;
font: italic 14px Georgia, "Times New Roman", Times, serif;
}

#direito form fieldset label {
cursor: pointer;
display: block;
font: 14px Verdana, Arial, Helvetica, sans-serif;
color:#333;
} 

#direito form legend {
padding: 6px;
margin: 10px;
border: solid #666 1px;
font-weight: bold;
background-color: #ebebeb;
color:#606;
}

#direito form label {
display: block;
font-size: 12px;
padding:10px 0 0 0;
}

#direito form input {
width: 350px;
height: 20px;
border: solid #ccc 1px;
font-size: 14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000;
}

#direito form textarea {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#000;
}

#direito form select {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#000;
height: 23px;
}

#direito form input.botao {
display: block;
width: auto;
float: left;
margin-top:10px;
padding:2;
color:#000;
}

form input:focus {
background-color: #ebebeb;
}
form textarea:focus {
background-color: #ebebeb;
}


/* formatação da validação do formulário */

#contato label.error {
margin-left: 10px;
width: auto;
display: inline;
color:#F00;
}

#newsletter label.error {
margin-left: 5px;
display: inline;
}


/* fim da formatação da validação do formulário */

.style1 {
color: #606
}
/* fim do formulário */