/* CSS Document */

/* Body */

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, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/****************************************************************/
body {
	background-color: #F4F4F4;  /*#CBA61A */
	color: #FFFFFF;
	font-size: 70%;
	/*background-image: url(img02.jpg);*/
	background-image: url(img01.gif);
	background-repeat: repeat-x;
	padding-top: 13px;
	font-family: arial, helvetica, sans-serif;
	line-height:14pt;
}

h1 {
	font-size: 30px;
	color: #CBA61A;
	/* text-transform: lowercase; */
	font-family: Arial, Helvetica, sans-serif;
}

h2 {
	font-size: 16px;
	color: #006699;
	/* text-transform: lowercase; */
	font-family: Arial, Helvetica, sans-serif;
}

h3 {
	font-size: 18px;
	color: #003366;
	//text-transform: lowercase;
	font-family: Arial, Helvetica, sans-serif;
}

p {
	font-size: 12px;
	/*width:600px;*/
	/*height:40px;*/
	color: #003366;
	/* text-transform: lowercase; */
	font-family: Arial, Helvetica, sans-serif;
}

/* Header */
#header {
	width:850px;
	/*width: 778px;*/
	/*height: 170px;*/
	height:70px;
	margin: 0 auto;
	}
#header h1; header p {
	float: left;
	margin: 0;
	padding-top: 20px;
	text-transform: capitalize;
	line-height: normal;
	color: #F1D8D8;
	/*color: #CBA61A;*/
	}
#header p {
	float: left;
	margin: -20px;
	width: 500px;
	padding-top: 1px;
	padding-left: 20px;
	line-height: normal;
	text-transform: uppercase;
	color: #F1D8D8;	/* color: #00366C; */
	/*color: #003366;	/* color: #00366C; */
	}
	

/* Menu */
#menu {
width: 778px;
height: 50px;
margin: 0 auto;
}
#menu ul {
margin: 0;
padding: 13px 0 0 0;
list-style: none;
}
#menu li {
display: inline;
}
#menu a {
padding: 0 20px 0 15px;
background: url(imagens/img04.gif) no-repeat left center;
text-transform: lowercase;
text-decoration: none;
font-weight: bold;
color: #FFFFFF;
}
#menu a:hover {
text-decoration: underline;
}

/* PAGE */
#page {
	width: 850px;
	height:70px;
	/*height:500px;*/
	font: Arial, Helvetica, sans-serif;
	color:#006699;
	margin: 0 auto;
	padding-top: 1px;
}

/* CONTENT */
#content  {
	width: 500px;
	/*width: 480px;*/
	float: left;	
}

#content p, #content ul, #content li {
font:Arial, Helvetica, sans-serif;
color:#006699;
}
/* SIDEBAR */
#sidebar  {
width: 240px;
float: right;
}

#sidebar p, #sidebar ul, #content li {
font:Arial, Helvetica, sans-serif;
color:#006699;
}

#footer {
	width:850px; 
	/* width:auto; */
	font-size:80%;
	color:#006699;
	background-color: #DADADA; /* #584504*/
	text-align: center;
	border: 8px;
	clear: both;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: center;
	margin:auto;
}

#roda_pe {
	/*width:auto;*/
	padding:0;
    margin:0;
	width:850px;
	/*position: absolute;
	bottom: 0;*/
	font-size:80%;
	color: #666666;
	background-color: #584504
	/*background-color: #C4C4C4; /* #584504*/
	text-align: center;
	border: 0px;
	clear: both;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: center;
	margin:auto;
.clear {clear:both;}

}

#sidebar a, #sidebar a:visited {
	position:relative;
	text-align:center;
	background-color:#99aabb;
	color:#ffffff;
	display:block;
	width: 10em;
	border:2px solid #ffffff;
	border-color:#ddeeff #667788 #334455 #ccddee;
	padding:0.25em;
	margin:0.5 auto;
	text-decoration: none;
}
#sidebar a:hover {
top:2px;
left:2px;
border-color:#334455 #ccddee #ddeeff #667788;
}

/* LINK COLOR ++ */
A:link { text-decoration: none; color:#CBA61A; }
A:visited {text-decoration: none; color:#CBA61A; }
A:active { text-decoration: none; color:#CBA61A; }
A:hover { text-decoration: underline; color: red;}


/* Inset 3D Curved (Caixa cantos redondos) */
.inset {
	background: transparent;
	width:305px;
	margin:5px;
	height: auto;
	padding-top: 20px;
}   /*margin:0 auto*/
.inset h1, .inset p {margin:0 12px;}
.inset h1 {font-size:14px; color:#000066; letter-spacing:1px;}
.inset p {
	font-size:12px;
	padding-bottom:0.5em;
	color:#003366;
}
/*.inset pt {font-size:12px; padding-bottom:0.5em; color:#990000;}*/

.inset .top, .inset .bottom {display:block; background:transparent; font-size:1px;}
.inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, .inset .b3b, .inset .b4b, .inset .b5b {display:block; overflow:hidden;}
.inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b {height:1px;}
.inset .b2 {background:#ccc; border-left:1px solid #999; border-right:1px solid #aaa;}
.inset .b3 {background:#ccc; border-left:1px solid #999; border-right:1px solid #ddd;}
.inset .b4 {background:#ccc; border-left:1px solid #999; border-right:1px solid #eee;}
.inset .b4b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #fff;}
.inset .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #fff;}
.inset .b2b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #fff;}
.inset .b5b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #fff;color:#990000;}

.inset .b1 {margin:0 5px; background:#999;}
.inset .b2, .inset .b2b {margin:0 3px; border-width:0 2px;}
.inset .b3, .inset .b3b {margin:0 2px;}
.inset .b4, .inset .b4b {height:2px; margin:0 1px;}
.inset .b1b {margin:0 5px; background:#fff;}

.inset .boxcontent {display:block; background:#ccc; 
					border-left:1px solid #999; 
					border-right:1px solid #fff; 
					color:#003366;
					text-indent:0.3cm;
					} 

/* Inset_1 3D Curved (Caixa cantos redondos) */
.inset_1 {
	background: transparent;
	width:305px;
	margin:5px;
	height: auto;
	padding-top: 1px;
}   /*margin:0 auto*/
.inset_1 h1, .inset_1 p {margin:0 8px;}
.inset_1 h1 {font-size:14px;  color:#993333; letter-spacing:1px;}
.inset_1 p {font-size:12px; padding-bottom:0.5em; color:#003366;}
.inset_1 pp {font-size:12px; padding-bottom:0.5em; color:#990000; align:center;}

.inset_1 .top, .inset .bottom {display:block; background:transparent; font-size:1px;}
.inset_1 .b1, .inset_1 .b2, .inset_1 .b3, .inset_1 .b4, .inset_1 .b1b, .inset_1 .b2b, .inset_1 .b3b, .inset_1 .b4b {display:block; overflow:hidden;}
.inset_1 .b1, .inset_1 .b2, .inset_1 .b3, .inset_1 .b1b, .inset_1 .b2b, .inset_1 .b3b {height:1px;}
.inset_1 .b2 {background:#F4F4F4; border-left:1px solid #999; border-right:1px solid #aaa;}
.inset_1 .b3 {background:#F4F4F4; border-left:1px solid #999; border-right:1px solid #ddd;}
.inset_1 .b4 {background:#F4F4F4; border-left:1px solid #999; border-right:1px solid #eee;}
.inset_1 .b4b {background:#F4F4F4; border-left:1px solid #aaa; border-right:1px solid #fff;}
.inset_1 .b3b {background:#F4F4F4; border-left:1px solid #ddd; border-right:1px solid #fff;}
.inset_1 .b2b {background:#F4F4F4; border-left:1px solid #eee; border-right:1px solid #fff;}


.inset_1 .b1 {margin:0 5px; background:#999;}
.inset_1 .b2, .inset_1 .b2b {margin:0 3px; border-width:0 2px;}
.inset_1 .b3, .inset_1 .b3b {margin:0 2px;}
.inset_1 .b4, .inset_1 .b4b {height:2px; margin:0 1px;}
.inset_1 .b1b {margin:0 5px; background:#fff;}

.inset_1 .boxcontent {display:block; background:#F4F4F4; border-left:1px solid #999; 
						border-right:1px solid #fff;
						line-height:16pt;}


/* Inset_2 3D Curved (Caixa cantos redondos) */
.inset_2 {
	background: transparent;
	width:700px;
	margin:5px;
	height: auto;
	padding-top: 20px;
}   /*margin:0 auto*/
.inset_2 h1, .inset_2 p {margin:0 8px;}
.inset_2 h1 {font-size:14px;  color:#993333; letter-spacing:1px;}
.inset_2 p {font-size:12px; padding-bottom:0.5em; color:#003366;}
.inset_2 pp {font-size:12px; padding-bottom:0.5em; color:#990000; align:center;}

.inset_2 .top, .inset .bottom {display:block; background:transparent; font-size:1px;}
.inset_2 .b1, .inset_2 .b2, .inset_2 .b3, .inset_2 .b4, .inset_2 .b1b, .inset_2 .b2b, .inset_2 .b3b, .inset_2 .b4b {display:block; overflow:hidden;}
.inset_2 .b1, .inset_2 .b2, .inset_2 .b3, .inset_2 .b1b, .inset_2 .b2b, .inset_2 .b3b {height:1px;}
.inset_2 .b2 {background:#F4F4F4; border-left:1px solid #999; border-right:1px solid #aaa;}
.inset_2 .b3 {background:#F4F4F4; border-left:1px solid #999; border-right:1px solid #ddd;}
.inset_2 .b4 {background:#F4F4F4; border-left:1px solid #999; border-right:1px solid #eee;}
.inset_2 .b4b {background:#F4F4F4; border-left:1px solid #aaa; border-right:1px solid #fff;}
.inset_2 .b3b {background:#F4F4F4; border-left:1px solid #ddd; border-right:1px solid #fff;}
.inset_2 .b2b {background:#F4F4F4; border-left:1px solid #eee; border-right:1px solid #fff;}


.inset_2 .b1 {margin:0 5px; background:#999;}
.inset_2 .b2, .inset_2 .b2b {margin:0 3px; border-width:0 2px;}
.inset_2 .b3, .inset_2 .b3b {margin:0 2px;}
.inset_2 .b4, .inset_2 .b4b {height:2px; margin:0 1px;}
.inset_2 .b1b {margin:0 5px; background:#fff;}

.inset_2 .boxcontent {display:block; background:#F4F4F4; border-left:1px solid #999; border-right:1px solid #fff;}


/* Inset_3 3D Curved (Caixa cantos redondos) */
.inset_3 {
	background: transparent;
	width:700px;
	margin:5px;
	height: auto;
	padding-top: 20px;
}   /*margin:0 auto*/
.inset_3 h1, .inset_3 p {margin:0 8px;}
.inset_3 h1 {font-size:14px;  color:#993333; letter-spacing:1px;}
.inset_3 p {
	font-size:12px;
	padding-bottom:0.5em;
	color:#036;
}

.inset_3 .top, .inset .bottom {display:block; background:transparent; font-size:1px;}
.inset_3 .b1, .inset_3 .b2, .inset_3 .b3, .inset_3 .b4, .inset_3 .b1b, .inset_3 .b2b, .inset_3 .b3b, .inset_3 .b4b {display:block; overflow:hidden;}
.inset_3 .b1, .inset_3 .b2, .inset_3 .b3, .inset_3 .b1b, .inset_3 .b2b, .inset_3 .b3b {height:1px;}
.inset_3 .b2 {background:#F4F4F4; border-left:1px solid #999; border-right:1px solid #aaa;}
.inset_3 .b3 {background:#F4F4F4; border-left:1px solid #999; border-right:1px solid #ddd;}
.inset_3 .b4 {background:#F4F4F4; border-left:1px solid #999; border-right:1px solid #eee;}
.inset_3 .b4b {background:#F4F4F4; border-left:1px solid #aaa; border-right:1px solid #fff;}
.inset_3 .b3b {background:#F4F4F4; border-left:1px solid #ddd; border-right:1px solid #fff;}
.inset_3 .b2b {background:#F4F4F4; border-left:1px solid #eee; border-right:1px solid #fff;}


.inset_3 .b1 {margin:0 5px; background:#999;}
.inset_3 .b2, .inset_3 .b2b {margin:0 3px; border-width:0 2px;}
.inset_3 .b3, .inset_3 .b3b {margin:0 2px;}
.inset_3 .b4, .inset_3 .b4b {height:2px; margin:0 1px;}
.inset_3 .b1b {margin:0 5px; background:#fff;}

.inset_3 .boxcontent {display:block; background:#F4F4F4; border-left:1px solid #999; border-right:1px solid #fff;}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/skeleton.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#nav, 
#nav ul {
	padding:0 0 5px 0;
	margin:0;
	list-style:none;
	font: 10px verdana, sans-serif;
	border:1px solid #000;
	border-color:#000033;
	/*border-color:#eca #b97 #a86 #edb;*/
	border-width:1px 2px 2px 1px;
	background:#fff;
	position:relative;
	z-index:200;
	background-color: #fff;
	width: 768px;
}
#nav {
	height:15px;
	padding:5px;
	padding-top:5px;
}

#nav table {border-collapse:collapse;}
#nav li {float:left; padding:0 20px 0 10px;}
#nav li li {float:none;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}

#nav li a {
	display:block;
	float:left;
	color:#333333;
	height:25px;
	padding-right:5px;
	line-height:25px;
	text-decoration:none;
	white-space:nowrap;
}
#nav li li a {height:20px; line-height:20px; float:none;}

#nav li:hover {position:relative; z-index:300; background:#fff;}
#nav a:hover {
	position:relative;
	z-index:300;
	text-decoration:underline;
	color:#FF6600;
}

#nav :hover ul {left:0; top:22px;}
/* another hack for IE5.5 and IE6 */
#nav a:hover ul {left:-10px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {
	text-decoration:underline;
	color:#990000;
}


/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:-1px;}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}
#page table tr td .inset_3 .boxcontent table {
	font-family: Verdana, Geneva, sans-serif;
}