<!--


body, p, table, td, th, input, textarea, select { font-family: Verdana, Arial, Helvetica; font-size: 10px }
.link_01     { color: #FF6600 }
.tracejado   { border: 1 dotted #000066 }
.link_02     { color: #666 }
.arial_01    { font-family: Arial; font-size: 8 pt }
.cinza_01    { background-color: #EEEEEE }
.limpo       { border-style: solid; border-width: 0 }
.input       { font-family: Verdana; font-size: 10 px; background-color: #FFFFFF; color: 
               #000066; border: 1px solid #999999 }
.input_02    { font-family: Verdana; font-size: 10 px; background-color: #FF6600; color: 
               #FFFFFF; border: 1px solid #999999 }
a            { text-decoration: none; color: #669900 }
a:hover      { text-decoration: underline; color: #006600 }
input, textarea, select { color: #000066; font-family: Verdana; font-size: 10 px; border: 1px solid #000066 }
.laranja {color:#ff6600}   
			   
			   
			   
.cinza_01    { background-color: #EEEEEE }

.input01    { font-family: Verdana; font-size: 10 px; background-color: #999999; color: 
               #FFFFFF; border: 1px solid #999999 }

.input03    {
	font-family: Verdana;
	font-size: 10 px;
	background-color: #FF3300;
	color: #FFFFFF;
	border: 1px;

}


.fontebranca {	color: #FFFFFF;}
.fontebranca:hover {	color: #FFFFFF;}
.cinza02 {background-color: #999999;}
.cinza01 {background-color: #EEEEEE;}
.cinza03 {background-color: #CCCCCC;}

.linhatabela01 {
	color: #000000;
	background-color: #ffffff;}

.linhatabela02 {
	color: #000000;
	background-color: #eeeeee;}

.linhatabela03 {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #cccccc;}

.linhatabela04 {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #999999;}

.tracejado { border: thin dotted #999999;}

.linhaclara { border: 1px solid #eeeeee; }

.alinhardireita { 	text-align: right;}

.linhastabelas {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: groove;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

.bordavermelha {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FF3300;
	border-right-color: #FF3300;
	border-bottom-color: #FF3300;
	border-left-color: #FF3300;
	background-color: #EEEEEE;
}
.btns {
	background-color: #999999;
	border: 1px solid #ffffff;
	color: #ffffff;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	padding: 4px;
	text-decoration: none;
	width: 90px;
	height: 20px;
}

.btns:hover  {
	background-color: #eeeeee;
	color: #006699;
	text-decoration: underline
	
	border: 1px solid #ffffff;

	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	padding: 4px;
	text-decoration: none;
	width: 90px;
	height: 20px;
}

.bnt01  {

	text-decoration: underline
	border: 1px solid #ffffff;
	color: #ffffff;
	text-transform: uppercase;
	padding: 4px;
	text-decoration: none;
}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid  #FF3300;
    background-color:#FFFFCC; color:#000;
    text-align: center;
	text-decoration:none;
	padding:4px;}

.sub-menu{
padding:4px;
display:block;
background-color:#99CC00;
color:#FFFFFF;
border-bottom:#006600 1px solid;
text-align:center;
}
.sub-menu a {
color:#FFFFFF;
}


#home-dir{
float:right;
width:40%;
padding:12px;

}
#home-esq{
float:left;
width:55%;
padding:12px;

}

.home {
border: 1px solid #99CC00;/*the border*/
padding:6px 6px 4px 15px;
display:block;
height:50px;
background-color:#eee;
}

.home span{
background-image:url(../imagens/indicador_05.gif);
background-repeat:no-repeat;
background-position: 2px 5px;
color:#FF6600;
font-weight:bold;
padding:6px 6px 4px 15px;

}

.menu-produtos-1 {
border-bottom: #CCCCCC 1px solid;
background: #eee;
border-top: #fff 1px solid;
background-image:url(../imagens/indicador_02.gif);
background-repeat:no-repeat;
background-position:6px 6px;
padding: 4px 0px 4px 20px;
display:block;
font-weight:bold;
text-align:left;
float:left;
width:45%;
height:22px;
}

.menu-produtos-1 b{
font-weight:bold;
text-align:left;
color:#FF6600;
}

.menu-produtos-2 {
border-bottom: #CCCCCC 1px solid;
background: #eee;
border-top: #fff 1px solid;
background-image:url(../imagens/indicador_02.gif);
background-repeat:no-repeat;
background-position:6px 6px;
padding: 4px 0px 4px 20px;
display:block;
font-weight:bold;
text-align:left;
float:right;
width:45%;
height:22px;
}

.menu-produtos-2 b{
font-weight:bold;
text-align:left;
color:#FF6600;
}

.detalhe-produtos-1 {
border-bottom: #CCCCCC 1px solid;
background: #eee;
border-top: #fff 1px solid;
padding: 6px;
display:block;
text-align:left;
margin:2px;
}

.detalhe-produtos-2 {
border-bottom: #CCCCCC 1px solid;
background: #eee;
border-top: #fff 1px solid;
padding: 6px;
display:block;
text-align:left;
margin:2px;
}

#rodape{
border-top:#99CC00 solid 16px;
height:48px;
display:block;
background-color: #CCCCCC;
padding: 10px 0 10px 50px;
background-image:url(../imagens/rodape_fundo.gif)
}

-->