
/* ############################################################################### 
					REGRAS GERAIS
  ############################################################################### */

* HTML CODE {font-size :105%;}
HTML, BODY {
margin:0;
padding:0;
color:#444;
font-size:small;
font-weight:normal;
font-family:Avenir, "Lucida Grande", lucida, helvetica, arial, sans-serif;
background: #C6C8CC url(body.gif) repeat-y center top;
}

A {text-decoration:none;}
P {margin:1em 0; padding:0; text-align:left;}
DEL {text-decoration:line-through;}
DIV {margin:0; padding:0; border:0;}
IMG, FORM {margin:0; border:0; display:block;}
ABBR, ACRONYM, .help {border-bottom:1px dotted #AAA; cursor:help;}
blockquote, blockquote p {text-indent:-0.5em;}

.block {display:inline; margin:0; border:0; padding:0; white-space:nowrap;}
.clear {height:0; clear:both; margin:0; padding:0; border:0;}
.transp {filter:alpha(opacity=70); -khtml-opacity:.7; -moz-opacity:.7; opacity:.7;}


/* ############################################################################### 
					TIPOGRAFIA
  ############################################################################### */

H1, H2, H3, H4, H5, H6 {
margin:0;
padding:0;
border:0;
margin-bottom:0px;
}

H1 {
margin: 20px 8px 20px 0px;
color:#d44;
font-weight:bold;
font-size:1.2em;
font-family:serif;
letter-spacing:1px;
text-transform:uppercase;
border-bottom:1px solid #ddd;
}

H2 {
color:#999;
font-size:1.1em;
}

H3 {
color:#ffb400;
font-size:1.4em;
font-weight:bold;
line-height:1.5em;
}


/* ############################################################################### 
					MENU
  ############################################################################### */

#menu {
width:150px;
float:right;
margin: 40px auto;
}

#footmenu, #headmenu {}
#menu a:link, #menu a:visited {color:#458;}
#menu a:hover, #menu a:active {color:#c66;}

#menu UL {
margin:0;
padding:0;
list-style:none;
}

#menu LI, #menu LI:hover {
line-height:1.8em;
list-style:none;
margin:0;
padding:0 0 0 12px;
border:1px solid #fafaf6;
border-left:4px solid #ccc;
border-width:1px 1px 1px 4px;
}

#menu LI:hover {
border:1px solid #e0e0e0;
border-left:4px solid #cc0000;
background-color:#fafafa;
}


/* ###############################################################################
					MAIN BODY
  ############################################################################### */

#wrapper {
margin:0 auto;
width:700px;
}

#header {width:700px;}

#header.index {background:#FFF url(logo-index.jpg) no-repeat scroll top center; height:120px;}
#header.lab {background:#FFF url(logo-lab.jpg) no-repeat scroll top center; height:180px;}
#header.ind {background:#FFF url(logo-ind.jpg) no-repeat scroll top center; height:180px;}
#header.contato {background:#FFF url(logo-contato.jpg) no-repeat scroll top center; height:120px;}


#content {
width:550px;
float:left;
}

#content a:link, #content a:visited {color:#458;}
#content a:hover, #content a:active {color:#c66;}

 
div#intro, div#industria, div#laboratorio, div#atendimento, div#links, div#contato {
width:550px;
margin:40px auto;
}

#voltar {
float:right;
padding:0 15px 0 0;
margin: -20px 0 0 0;
font-weight:bold;
font-size:.8em;
font-family:arial, sans;
letter-spacing:.1em;
text-transform:capitalize;
}

#voltar a:link, #voltar a:visited {color:#000;}
#voltar a:hover, #voltar a:active {color:#c66;}

/* ###############################################################################
				OUTROS BAGULHOS
  ############################################################################### */

#intro img {
float:left;
margin:0px 7px 5px 7px;
padding:2px;
border:1px solid #888;
}

P.end {
text-align:center;
font-size:.9em;
color:#999;
}

/* ###############################################################################
						LABORATORIO
  ############################################################################### */

div#laboratorio {
width:550px;
margin:40px auto;
text-align:left;
line-height:1.5em;
}

div#laboratorio UL {
margin:0;
padding:2px 0 0 30px;
list-style:none;
}

#letras {
font-size:1.4em;
font-weight:bold;
line-height:1.5em;
}

#volta {
float:right;
padding-right:100px;
font-weight:bold;
font-size:.9em;
letter-spacing:.1em;
text-transform:uppercase;
}

#balao {
border: 0;
vertical-align:top;
text-align:center;
font-weight:bold;
}


TABLE#vendas, TD#vendas, TR#vendas { border:0;}

/* ###############################################################################
							INDUSTRIA
  ############################################################################### */

#foldheader a:link, #foldheader a:visited {color:#458;}
#foldheader a:hover, #foldheader a:active {color:#c66;}

#industria UL, #laboratorio UL, #foldinglist {
list-style-type: disc;
cursor: hand;
margin:0 0 7px 20px;
padding:0 0 0 10px;
font-weight:normal;
line-height:1.8em;
}

#foldheader{
cursor: hand;
font-weight:bold;
list-style-type:disc;
}


#indus TD, #indus TH, .indus th, .indus td {
margin:0;
border:1px solid #fafaf6;
padding:3px;
border-top:1px solid #888;
border-right:1px solid #888;
}

#indus TD, .indus td {text-align:center;}
#indus TH, .indus th {background-color:#f0f0ff;}

#indus TR, .indus tr {
margin:0;
padding:0;
}

TABLE#noborder { border:0; }


.lfloat { margin: 0 7px; float: left; }

/* ###############################################################################
						OUTROS BAGULHOS
  ############################################################################### */
  
UL.sbmenu {
margin:0;
padding:0;
height:0;
visibility:hidden;
}

TABLE {
border:1px solid #888;
border-width:0 0 1px 1px;
margin:0;
padding:0;
}

TR.cornao {background:#f2f2f2;}

div#paper {margin:30px 0 0 150px;}
#paper strong {margin:10px 0;}
.papel {
border:0; 
text-align:center;
}

/* ############################################################################### 
        FORMUL&aacute;RIOS 
  ############################################################################### */

label {display:block; 
  padding:6px 0 0 0;
}

legend {font-weight:bold;
  color:#458;
  margin:0;
}

#fm-submit {text-align:center;
  font-weight:bold;
  border:1px solid #aaa;
  padding:2px 4px;
  color:#555;
  background:#fafafa;
}

fieldset {width:350px;
  margin:auto;
  padding:25px 10px;
  border:1px solid #ccc;
  background-color:#fcfcfc;
}


fieldset div.fm-optional {display :block;}
fieldset div input {
  border :1px solid #ccc;
  padding :1px;
}

fieldset div select {
  font-family :"Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;
  font-size :100%;
  border :1px solid #CCC;
  padding :1px;
}

fieldset div textarea {border:1px solid #ccc; padding:1px;}
  
/* Optional fields. */

.fm-optional input {border:1px solid #ccc;}
.fm-optional textarea {border:1px solid #ccc; padding:1px;}
.fm-optional label {font-weight:normal;}
div label {color:#444; font-weight:bold;}



