

/* CSS do sistema */
html { 
	margin: 0;
	padding: 0;
 }
 
div, ul, form, li, a { 
	margin: 0;
	padding: 0;
	text-align:left;
 }
 
 p {
 	margin: 0;
 	padding: 6px 0 4px 0;
	line-height: 160%;
}
 
body {
	margin: 0;
	padding: 0;
	color: #000000;
	height: 100%;
	text-align:center;
	background-color: #6d8f9e;
	background-image:url(../images/bgBody.gif);
	background-repeat:repeat;
}

li {
	list-style-position:outside;
	list-style-type:none;
}




/* estrutura base */
#body {
	width: 770px;
	margin-left:auto;
	margin-right:auto;
}

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#000000;
	padding: 0;
	margin: 0 0 5px 0;
	border-bottom:#CCCCCC 2px solid;
}

h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#000000;
	padding: 0;
	margin: 5px 0 5px 0;
}

.shad1 {
	border: #648897 2px solid;
	float:left;
}

.shad2 {
	border: #5d7e8d 2px solid;
}

#content {
	width: 720px;
	border: #3e545e 1px solid;
	background-color:#e8e6dd;
	padding: 20px 20px 2px 20px;
	overflow:auto;
}




/* links */
a { cursor: pointer; color:#FFFFFF; }
a:hover { text-decoration: underline; color: #FFFFFF; }

#content a { cursor: pointer; color:#46433a; }
#content a:hover { text-decoration: underline; color: #46433a; }




/* estilos para imagens */
.link, #link {  cursor: pointer; }




/* header e menu */
#header {
	width: 760px;
	height: 110px;
	margin: 0 0 0 5px;
	padding: 0;
	background-image:url(../images/bgHeader.gif);
	background-repeat:repeat-x;
	background-position: 0 40px;
}

#header .logoHeader {
	margin: 0 40px 0 0;
	padding: 0;
	position:relative;
	top: 22px;
	left: 28px;
	float:left;
}

#menu {
	margin: 43px 0 0 0;
	width: 490px;
	float:left;
}

#menu li {
	float:left;
	margin: 0 9px 0 9px;
	position: relative;
}


/* sub menu */
ul.sub {
	width: 151px;
	height:auto;
	float:left;
	z-index: 1001;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 52px;
	left: -38px;
	display: none;
}

#menu li:hover ul.sub, #menu li.ie6hover ul.sub {
	display:block;
	height:auto;
	font-size: 1px;
	padding: 0;
	margin: 0;
	float:left;
}

#menu li ul.sub li{
	margin: 0;
	padding: 0;
	float:left;
	width: 151px;
	position:relative;
}

#menu li ul.sub li a {
	width: 151px;
	line-height: 1px;
	font-size: 1px;
	padding: 0;
	margin: 0;
}






/* footer */
#footer {
	float:left;
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}

#bgFoot {
	width: 720px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 15px;
}

#footer1 {
	width: 600px;
	height: auto;
	float:left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	color:#FFFFFF;
	line-height: 160%;
}

#footer1 a {
	color:#FFFFFF;
}

#footer1 p {
	padding: 0;
	margin: 0 0 6px 0;
}

#footer2 {
	width: 90px;
	height: auto;
	float: right;
	text-align:right;
}




/* alternate rows table */	
.standard, .enhanced {
	border-collapse: collapse;
	caption-side: bottom;
	margin: 1em 0;
	padding: 0;
	width: 100%;
	}
	

.standard td, .enhanced td {
	border-bottom: 1px solid #e5e5e5;
	padding: .5em;
	text-align:left;
	}
	
.standard th, .enhanced th {
	border-bottom: 1px solid #e5e5e5;
	font-weight: bold;
	padding: .5em;
	text-align: left;
	}
	
.standard td.titulo, .enhanced td.titulo {
	background-color:#8394b7;
}
	
caption {
	color: #999;
	font-size: .9em;
	font-weight: normal;
	margin: 0;
	padding: .5em 0;
	text-align: left;
	}

.tbTitCinza {
	border-bottom: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	background-color: #f6f6f6;
	}




/* melhores marcas */
#melhores {
	padding: 0 0 6px 0;
	margin: 0;
	width: 720px;
}

#melhores li {
	float:left;
	padding: 0;
	margin: 10px 0 6px 0;
}

#melhores li.tit {
	padding: 0 30px 0 436px;
}

#melhores li img {
	margin-left: 5px;
}




/* estrutura internas */
#meio {
	width: 680px;
	background-image:url(../images/cornMeioTop.gif);
	background-position:top;
	background-repeat:repeat-x;
	background-color: #aba79a;
	padding: 20px 20px 16px 20px;
	overflow:auto;
	font-family:Georgia, "Times New Roman", Times, serif;
	/*font-size: .75em;*/
	font-size: 12px;
	color:#46433a;
}

#meioFoo {
	background-image:url(../images/cornMeioBot.gif);
	background-position:top;
	background-repeat:repeat-x;
	background-color: #aba79a;
	height: 4px;
	font-size: 1px; /* para bug altura linha IE6 */
}

.bordaFoto {
	border:#9a9585 5px solid;
}

.bordaBrownFoto {
	border:#46433a 5px solid;
}

.bordaFotoSpL {
	border:#9a9585 5px solid;
	margin-left: 10px;
}




/* estrutura index */
#box1 {
	width: 680px;
	height: 331px;
	float:left;
}

#box2 {
	width: 662px;
	height:60px;
	background-color: #e8e6dd;
	float:left;
	padding: 8px;
	margin-top: 15px;
	border-bottom: #8f8a7b 2px solid;
	border-right: #8f8a7b 2px solid;
}

#box2 ul {
	border: #cbc5b4 1px solid;
	height: 58px;
}

#box2 li {
	float:left;
}

#box2 li a {
	display:block;
}

#box2 li:hover a, #box2 li.ie6hover a {
	display:block;
	background-color:#dfddd4;
}




/* estrutura empresa */
#box1emp {
	width: 334px;
	height:auto;
	background-color: #e8e6dd;
	float:left;
	padding: 0;
	margin: 0 8px 0 0;
	border-bottom: #8f8a7b 2px solid;
	border-right: #8f8a7b 2px solid;
}

#box2emp {
	width: 334px;
	height:auto;
	background-color: #e8e6dd;
	float:left;
	padding: 0;
	margin: 0;
	border-bottom: #8f8a7b 2px solid;
	border-right: #8f8a7b 2px solid;
}

#box3emp {
	width: 678px;
	height:auto;
	background-color: #e8e6dd;
	float:left;
	padding: 0;
	margin: 12px 0 0 0;
	border-bottom: #8f8a7b 2px solid;
	border-right: #8f8a7b 2px solid;
}

.boxContEmp {
	float:left;
	height:auto;
	padding: 14px 20px 0 20px;
	margin: 0;
}

.boxLnk1Emp {
	width: 334px;
	height: 33px;
	background:url(../images/lnk1empbg.gif) repeat-x;
	float:left;
}

.boxLnk2Emp {
	width: 334px;
	height: 33px;
	background:url(../images/lnk2empbg.gif) repeat-x;
	float:left;
}

.boxLnk3Emp {
	width: 334px;
	height: 33px;
	background:url(../images/lnk3empbg.gif) repeat-x;
	float:left;
}




/* estrutura produto */
#boxContProd {
	float:left;
	height:auto;
	padding: 10px;
	margin: 0;
}

#boxContProd li {
	float:left;
}

.linebrd {
	width: 616px;
	border: #ccc6b5 1px solid;
	padding: 20px 20px 15px 20px;
	overflow:auto;
}




/* estrutura linhas */
.titLinha {
	height: 66px;
	background:url(../images/bgTitLinhas1.jpg) repeat-x;
}

.titLinha2 {
	height: 66px;
	background:url(../images/bgTitLinhas2.jpg) repeat-x;
}

.titLinha3 {
	height: 66px;
	background:url(../images/bgTitLinhas3.jpg) repeat-x;
}

.linebrd2 {
	width: 616px;
	border: #ccc6b5 1px solid;
	padding: 10px 20px 10px 20px;
	overflow:auto;
}

.flashLinha {
	width: 680px;
	height: 400px;
	margin-top: 15px;
	background-color:#73826f;
}

.flashLinha2 {
	width: 680px;
	height: 400px;
	margin-top: 15px;
	background-color:#234e5e;
}

.flashLinha3 {
	width: 680px;
	height: 400px;
	margin-top: 15px;
	background-color:#6d2b69;
}




/* estrutura repres */
#box1rep {
	width: 219px;
	height:auto;
	background-color: #e8e6dd;
	float:left;
	padding: 0;
	margin: 0 8px 0 0;
	border-bottom: #8f8a7b 2px solid;
	border-right: #8f8a7b 2px solid;
}

#box2rep {
	width: 219px;
	height:auto;
	background-color: #e8e6dd;
	float:left;
	padding: 0;
	margin: 0 8px 0 0;
	border-bottom: #8f8a7b 2px solid;
	border-right: #8f8a7b 2px solid;
	background-image:url(../images/imgBgRepres2.jpg);
	background-position: 0 71px;
	background-repeat:repeat-x;
}

#box3rep {
	width: 220px;
	height:auto;
	background-color: #e8e6dd;
	float:left;
	padding: 0;
	margin: 0;
	border-bottom: #8f8a7b 2px solid;
	border-right: #8f8a7b 2px solid;
	background-image:url(../images/imgBgRepres2.jpg);
	background-position: 0 71px;
	background-repeat:repeat-x;
}

.boxContRep {
	float:left;
	height:auto;
	padding: 10px;
	margin: 0;
}

fieldset.repres {
	width: 195px;
	margin: 0;
	padding: 15px 10px 0 10px;
	border: none;
}

fieldset.repres label {
	vertical-align: middle;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}

fieldset .label2 {
	vertical-align: middle;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	width: 100px;
	text-align:right;
}

fieldset.repres input {
	margin-bottom: 10px;
	padding: 3px;
	border: none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}

fieldset.repres .i1 {
	width: 195px;
	margin-bottom: 10px;
	padding: 3px;
	border: none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}

fieldset.repres .but {
	padding: 2px;
	border: none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	background:url(../images/bgButton.gif) repeat-x center;
}



#moldura {
	width: 354px;
	background-color:#e8e6dd;
	padding: 18px;
}

#formRepres {
	width: 354px;
	background-color:#46433a;
}

fieldset.repForm {
	border:none;
	width: 334px;
	padding: 10px;
	margin:0;
}

fieldset.repForm label {
	width: 334px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight:bold;
	color:#e8e6dd;
}

fieldset.repForm .textbox1, fieldset.repForm .textboxOn1 {
	width: 328px;
	background-color: #ffffff;
	color: #46433a;
	padding: 3px;
	margin-top: 4px;
	margin-bottom: 10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	border: none;
}

fieldset.repForm .textboxOn1 { 
	border-color: #9ab16b; 
	background-color: #F5F6F6; 
}

fieldset.repForm .formBot {
	padding: 3px;
	border: none;
	margin: 4px 0 0 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	background:url(../images/bgButton.gif) repeat-x center;
}






/* estrutura contato */
#box1cont {
	width: 280px;
	height:auto;
	background-color: #e8e6dd;
	float:left;
	padding: 0;
	margin: 0 8px 0 0;
	border-bottom: #8f8a7b 2px solid;
	border-right: #8f8a7b 2px solid;
}

#box2cont {
	width: 388px;
	height:auto;
	background-color: #e8e6dd;
	float:left;
	padding: 0;
	margin: 0;
	border-bottom: #8f8a7b 2px solid;
	border-right: #8f8a7b 2px solid;
}

.boxContCont {
	float:left;
	height:auto;
	padding: 10px;
	margin: 0;
}

.linebrdcont1 {
	width: 218px;
	border: #ccc6b5 1px solid;
	padding: 15px 20px 15px 20px;
	overflow:auto;
}

.linebrdcont2 {
	width: 326px;
	border: #ccc6b5 1px solid;
	padding: 15px 20px 15px 20px;
	overflow:auto;
}


/* formularios */
fieldset.cont {
	border:none;
	width: 326px;
	padding: 0;
	margin:0;
}

fieldset.cont .textbox1, fieldset.cont .textboxOn1 {
	width: 314px;
	background-color: #ffffff;
	color: #46433a;
	padding: 3px;
	margin-top: 4px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	border: none;
}

fieldset.cont .textboxOn1 { 
	border-color: #9ab16b; 
	background-color: #F5F6F6; 
}

fieldset.cont .textbox2, fieldset.cont .textboxOn2 {
	width: 151px;
	float:left;
	background-color: #ffffff;
	color: #46433a;
	padding: 3px;
	margin-top: 4px;
	margin-right: 6px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	border:none;
}

fieldset.cont .textboxOn2 { 
	border-color: #9ab16b; 
	background-color: #F5F6F6; 
}

fieldset.cont .formBot {
	padding: 3px;
	border: none;
	margin: 4px 0 0 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	background:url(../images/bgButton.gif) repeat-x center;
}







