/*  GERAL _______________________________________________________________________ */
* {
	margin: 0px;
	padding: 0px;
}

html{background: #333 url(images/bg_html.jpg) repeat-x 0px 128px}

body{
	font: 12px "Trebuchet MS", Tahoma, sans-serif;
	color: #000;
	text-align: center;
	padding-bottom:30px
}

/*  ESTRUTURA DO SITE ______________________________________________________________ */
#container{
width:768px;
margin:0 auto;
padding:0;
text-align: left;
background:#FFFFFF url(images/bg_sombra.jpg) repeat-x 0px 128px;
border-left:1px solid #000;
border-right:1px solid #000;
border-bottom:2px solid #ccc; 

}
#header{
	margin:0 auto;
	width:100%;
	padding:0;
	border:none;
	background: url(images/bg_sombra2.jpg) repeat-x 0px 29px;
}
#wrapper{
float:left;
width:100%; 
padding:0 0 0 0; 
}
#content{
margin: 0 135px 0 160px; /*não mudar as margens*/
padding:10px 0 0 0
}
#content2{/*usado para paginas cpm 2 colunas*/
margin: 0 1px 0 160px;
padding:10px 0 0 0
}

#left{
float:left;
width:150px;
margin-left:-768px;
padding:15px 0 0 1px
}
#right{
float:left;
width:125px;
margin-left:-125px;
padding:15px 0 0 0px
}
#footer{
clear:both;
width:770px;
margin:0 auto;
padding:0 0 0px 0;
background:#FFFFFF url(images/bg_footer.jpg) no-repeat center bottom;
}

/* __ TEXTO ________________________________________________________________________ */
h1 {
	font: bold 18px "Trebuchet MS", Tahoma, sans-serif;
	color: #006633;
	border-bottom:3px solid #eee;
	padding:0 0 2px 18px;
	margin:3px 0 10px 0;
	background: url(images/seta8.gif) no-repeat left 4px;
	text-transform: uppercase;
}

h2 {
font: bold 15px Tahoma;
color: #003366;
padding:0 0 2px 18px;
margin:3px 0 10px 0;
background: url(images/seta7.gif) no-repeat left 4px;
}

h3 {
font: bold 15px Tahoma;
color: #666666;
padding:0 0 2px 15px;
margin:3px 0 10px 0;
background: url(images/seta1.gif) no-repeat left 5px;
}

#content p{
margin:0 0 10px 0; 
padding:0 0 10px 0; 
line-height:20px;
color: #333;
}

#content2 p{
margin:0 0 10px 0; 
padding:0 0 10px 0; 
line-height:20px;
color: #333;
}

/* __ LINKS E LISTA ________________________________________________________________ */
a {color:#0000CC;}
a:hover{color:#FF0000}

/* __ MENU HORIZONTAL - TOP __________________________________________________________ */
#nav {
float:right;
width:450px;
line-height:normal;
font-size: 10px;
margin-left:15px
}
#nav ul {
margin:0;
padding:11px 0 0 10px;
list-style:none;
float:right;
}
#nav li {
display:inline;
margin:0;
padding:0;
}
#nav a {
float:left;
background:url("images/navleft.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#nav a b {
float:left;
display:block;
background:url("images/navright.gif") no-repeat right top;
padding:6px 15px 6px 6px;
color:#FFF;
}
#nav a b {float:none;}/*Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a:hover b {color:#FFF;}/* End IE5-Mac hack */
#nav a:hover {background-position:0% -42px; }
#nav a:hover b {background-position:100% -42px;}
nav img {border: none;}

/* __ MENU VERTICAL _________________________________________________________________ */
/*http://www.cssplay.co.uk/menus/flyoutt.html*/
.menu {
	width:150px;
	position:relative;
	margin:0 0;
	padding:10px 0 0 0;
	background: url(images/menu_top.gif) no-repeat 0px 0px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}

img.img-menu{margin:0; padding:0; border:none;}

/*FORMATAÇÃO GERAL PARA TODAS AS COLUNAS*/
.menu ul {
	padding:0;
	margin:0;
	list-style-type: none;
}
.menu ul li {float:left; margin-right:1px; position:relative; }
.menu ul li ul {display: none;}


/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#427192 url(images/seta6_.gif) no-repeat 3px center}
.menu ul li:hover ul {
display:block; 
position:absolute; 
top:0; 
left:151px; /*posicao do sub-menu*/
width:150px;
}


/*MENU - 1a COLUNA*/
.menu ul li a, .menu ul li a:visited {
	display:block;
	text-decoration:none;
	padding:3px 1px 3px 20px;
	width:129px;
	background:#244E6B url(images/seta6.gif) no-repeat 3px center;
	color:#FFF;
	border-top: 1px solid #34729A;
}


/*SUB_MENU - menu >  2a COLUNA */
.menu ul li:hover ul li ul {display: none;}

.menu ul li:hover ul li a {
display:block; 
background:#214761 url(images/seta6.gif) no-repeat 3px center;
color:#fff; 
width:150px;
}
.menu ul li:hover ul li a:hover {color:#fff; background:#427192 url(images/seta6_.gif) no-repeat 3px center}


/*SUB_MENU - menu > menu >  2a COLUNA com sub-sub_menu */
.menu ul li:hover ul li a.hide {
background:#2B5B7B url(images/seta6.gif) no-repeat 3px center;
}
.menu ul li:hover ul li:hover a.hide {
width:150px;
}


/*SUB-SUB_MENU - menu > menu > menu  - 3a COLUNA*/
.menu ul li:hover ul li:hover ul {
display:block; 
position:absolute; 
left:172px; 
top:0; 
color:#fff;
}
.menu ul li:hover ul li:hover ul li a {
display:block; 
width:150px; 
background:#214761 url(images/seta6.gif) no-repeat 3px center;
}
.menu ul li:hover ul li:hover ul li a:hover {color:#fff; background:#319493 url(images/seta6_.gif) no-repeat 3px center}