/**************************************************************
   CSS Reset
**************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tfoot, thead, th {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus { outline: 0; }
body { line-height: 1; color: #000000; background: #FFFFFF; }
ol, ul { list-style: none; }
table { border-collapse: separate; }
caption, th { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }


/**************************************************************
   Layout
**************************************************************/
body {
	/* background: url(../../imgs/bg_site.jpg) top center fixed no-repeat; */
	background-color: #40423F;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
}

h1 { font-size: 18px; font-weight: bold; padding-bottom: 10px; }
p { margin: 12px 0 12px 0; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }

#Base { background: url(../imgs/site_bg_top.png) top repeat-x; float: left; width: 100%; }
#Strapet { margin: 0 auto; width: 765px; }

/**************************************************************
   Cabeçalho (topo, header)
**************************************************************/
#Header {
	background-color: #3E6130;
	border-bottom: 1px solid #58774C;
	float: left;
	height: 98px;
	width: 100%;
	position: relative; z-index: 1;
}

#Header .view_header { margin: 0 auto; width: 765px; }
/* #Header .view_header { margin: 0 auto; width: 900px; border: 0px solid red; } */

#Header .view_header .logo { float: left; margin: 0 -80px 0 -135px; position: relative; z-index: 90; }

#Header .lang {
float: left;
margin: 11px 0 0 90px;
position: relative;
z-index: 100;
}

#Header .lang a { border: 1px solid #ECE9D8; float: left; margin: 0 3px; opacity: 0.7; }
#Header .lang a:hover, #Header .lang .active { border: 1px solid #60B732; opacity: 1; }


/**************************************************************
   Menu (2 links topo - Assistência e Representantes)
**************************************************************/
#MenuTop { float: right; /* padding: 0 20px 0 0; */ }

#MenuTop li {
	float: left;
	font: 16px Tahoma;
	height: 38px;
	line-height: 32px;
	text-align: center;
}

#MenuTop .assist { background: url(../imgs/menu_top1.jpg) no-repeat top; width: 158px; }
#MenuTop .repres { background: url(../imgs/menu_top2.jpg) no-repeat top; width: 203px; }
#Header .view_header #MenuTop li a { color: #CEF8BE; display:block; margin-left: 0px; }

#MenuTop ul li:hover { background-position: bottom; text-decoration: none; }
#MenuTop ul li a:hover { text-decoration: none; background: none; }

/**************************************************************
   Menu Principal
**************************************************************/
#Menu { float: right; padding: 18px 0 0 0; position: relative; width: 570px; z-index: 100; }

#Menu ul { float: left; width: 100%; }

#Menu li {
	background: url(../imgs/menu.jpg) no-repeat top;
	float: left;
	font: 16px Tahoma;
	line-height: 42px;
	text-align: center;
}

#Menu .size { font-size: 12px; }
#Menu .ass_tec { font-size: 12px; height: 37px; line-height: 16px; padding-top: 5px; }

#Header .view_header #Menu li a { color: #CEF8BE; display:block; float: left; margin-left: 0px; width: 94px; }
	
.ozhmenu_sublevel {
	display:block;
	width:1*;  /* maybe needed for some Opera ? */
	margin: 0; padding: 0;
}

#Menu ul li a:hover { background: url(../imgs/menu.jpg) no-repeat bottom; text-decoration: none; }
#Menu li ul li a:hover { text-decoration: none; background: none; }

/**************************************************************
   Sub-Menu (ao passar o mouse)
**************************************************************/
/* drop down lists */
#Menu li ul {
	margin: -5px;
	padding: 0;
	/* margin-top: 40px; */
	position: absolute;
	width: 1*;  /* maybe needed for some Opera ? */
	min-width: 6em;
	left: -999em; /*hidden magic */
	/*display:block;*/
	
	border: 4px solid #000000;
	border-width: 3px 4px;
}

/* dropped down lists item */
#Menu li ul li { /* float:none; */ background: #3E6130;}
#Menu li ul li:hover { background: #3E6130; }
#Header .view_header #Menu li ul li a { color: #A2E288; text-decoration: underline; }
#Header .view_header #Menu li ul li a:hover { color: #FFFFFF; text-decoration: underline; }

/* lists dropped down under hovered list items */
#Menu li:hover ul { left: auto; z-index: 999999; }/**/
/* #Menu li:hover ul { display: block; } The magic */
/*#Menu li:hover ul, #Menu li li:hover ul, #Menu li.over ul, #Menu li li.over ul { display: block; z-index: 999999; } * The magic */

/**************************************************************
   Rotator
**************************************************************/
.blend {
	background-repeat: no-repeat;
	float: right;
	margin: 7px 7px 0 0;
	overflow: hidden;
	width:250px; height:190px;
}

.blend img {
opacity: 0;
-moz-opacity: 0;
-khtml-opacity:0;
filter: alpha(opacity=0);
width:auto; height:auto;
background-color: #3E6130;
width:250px; height:190px;
}

#Legenda {
	clear: both;
	color:#FFFFFF;
	float: right;
	font: bold 14px Arial;
	height: 16px;
	padding-top: 2px;
	width: 250px;
	z-index:200;
}

/**************************************************************
   Conteúdo - Exibição - Listagem
**************************************************************/
.slogan {
	background: url(../imgs/home-slogan.jpg) right 20px no-repeat;
	height: 216px;
	margin: 0 auto;
	padding-top: 20px;
	text-align: center;
	width: 765px;
}

.slogan2 { background: url(../imgs/home-slogan2.jpg) right 20px no-repeat; }

#Content {
	background: url(../imgs/content_top.png) top repeat-x #FFFFFF;
	border-top: 1px solid #FFFFFF;
	float: left;
	font: 12px Tahoma;
	padding: 10px 1px 2px 1px;
	margin: 5px 0 30px 11px;
	width: 751px;
}

.capa_empresa { width: 751px; }

.view_content {
	color: #1C1C1C;
	float: left;
	font-size: 12px;
	padding-left: 6px;
	/* width: 344px; */
	width: 98%;
}

.view_content h1, .secoes h1 { color: #3E6130; font-size: 16px; font-weight: bold; }

.info_news { background-color: #F5FFFA; border: dotted green; border-width: 1px 0; float: left; margin: 20px 0; padding: 5px 0; text-align: center; width: 100%; }
.info_news h2, .info_news a { color: #3E6130; font-size: 22px; font-weight: bold; }
.info_news h2 { font-size: 16px; }

.secoes {
	background: url(../imgs/content_bottom.png) bottom repeat-x;
	float: left;
	padding: 6px 0px 5px 0;
	margin-left: 0px;
	width: 100%;
}

.secoes img {
	border: 2px solid #3E6130;
	float: left;
	margin: 0 4px;
	width: 175px;
}

.secoes .start { margin-left: 5px; }
.secoes .end { margin-right: 0; }

.view_destaque { float: right; width: 387px; }

#Content .secoes h1 { font-size: 28px;  }

/**************************************************************
   Footer - Rodapé
**************************************************************/
#Footer {
	background: url(../imgs/footer_bg.jpg) no-repeat;
	clear: both;
	color: #CEF8BE;
	font: bold 12px Tahoma;
	height: 49px;
	margin: 0 auto 30px auto;
	width: 760px;
}

.company {
	float: left;
	font-size: 16px;
	line-height: 45px;
	text-align: center;
	width: 120px;
}

.local { float: left; padding: 10px 0 0 10px; width: 300px; }
.contato, .dev a { color: #FFFFFF; float: left; padding-top: 5px; }
.contato2 { color: #FFFFFF; float: left; padding-top: 7px; width: 300px; }

.tel { color: #89F75F; }
.dev { float: right; }
.dev a { float: left; height: 20px; padding: 0 20px 10px 0; width: 50px; }

.copyright { color: #FFFFFF; float: left; line-height: 17px; padding-bottom: 30px; text-align: center; width: 100%; }

/**************************************************************
   Info
     CSS Gerado por: Carlos Roberto M. S. em 10-03-2009
     Última alteração: #Footer em 12-03-2009 por Carlos Roberto M.S.
**************************************************************/