/***************************************************
 HTML Styles
 ***************************************************/
body {
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
}
#box {
	text-align: center;
	font: 0.62em verdana, arial, sans-serif;
	line-height: 170%;
	color: #000000;
	background: #ffffff url(../images/bg_body.jpg) repeat-y top center;
	padding: 0px;
	margin: 0px;
}
p {
	padding-top: 3px !important;
	padding-top: 2px;
	padding-bottom: 3px !important;
	padding-bottom: 2px;
}
a {
	color: #533111;
}
a:visited {
	color: #533111;
}
a:hover {
	color: #9e6830;
}
a img {
	border: none;
}
.cf_button input {
	width: 70%;
}
textarea {
	width: 98%;
}
.cf_inputbox, .cf_button input, .button, .inputbox, textarea {
	padding: 1px 3px;
	margin: 5px 0;
	font: 1em verdana, arial, sans-serif;
	color: #f2d68d;
	background-color: #533111;
	border: 1px solid #9e6830;
}
.login-description{
	padding: 0px 3px 0px 3px;
	margin-bottom: 30px;	
}
.login-fields {
	margin: 10px 0px 10px 0px;
	overflow: hidden;
}
#username-lbl, #password-lbl {
	width: 160px;
	float: left;
}
#username, #password, #remember {
	background-color: #FFF;
	width: 185px;
	float: right;
}
h1 {
	clear: both;
	margin: 10px 0;
	font: 700 1em verdana, sans-serif;
	text-transform: uppercase;
	color: #533111;
}
h1 span {
	display: block;
	padding: 2px;
	background: url(../images/rounded_br.gif) no-repeat bottom right;
}
#sideBar h1 {
	text-align: right;
	background: #533111 url(../images/rounded_tl.gif) no-repeat top left;
}
#sideBar h1 span {
	display: block;
	padding: 2px;
	background: url(../images/rounded_bl.gif) no-repeat bottom left;
}
#content ol li {
	color: #533111;
}
#content ol li span {
	color: #9e6830;
}
#content ul {
	padding-bottom: 10px;
}
blockquote {
	margin: 0;
	background: #533111 url(../images/rounded_tr.gif) no-repeat top right;
}
blockquote span {
	display: block;
	padding: 5px;
	background: url(../images/rounded_br.gif) no-repeat bottom right;
}
/***************************************************
 Layout Styles
 ***************************************************/
#header {
	width: 100%;
	height: 4em;
	background: #ffffff url(../images/bg_header.jpg) repeat-y top center;
}
/***************************************************
 Header Menu
 ***************************************************/
#menu {
	width: 767px;
	margin: 0 auto;
	text-align: left;
}
#menu ul {
	margin: 0;
	padding: 0;
	line-height: normal;
}
#menu ul li {
	width: 8em;
	display: inline;
	float: left;
	padding-top: 1.5em;
	list-style: none;
	text-align: center;
}
#menu ul li a {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	padding-bottom: 1.3em;
	color: #b0f9d5;
	font-weight: bold;
}
#menu ul li a:hover, #menu ul li a.active, #menu #active_menu {
	font-weight: bold;
	color: #e2c18c;
	background: url(../images/menu_tab.jpg) no-repeat bottom center;
}
/***************************************************
 Título do Site
 ***************************************************/

#title {
	height: 2.5em; 
	padding: 1.5em 45px 0em 0;
	margin-right: 0.5em;
	float: right;
	background: url(../images/logo_cne.png) no-repeat top right;
}
#title h1 {
	display: inline;
	color: #b0f9d5;
}
/***************************************************
 Conteúdo Principal
 ---------------------------------------------------
 1. Texto ŕ esquerda
 2. Imagem central
 3. Sidebar ŕ direita 
 ***************************************************/

#bigbox {
	padding: 10px 20px 0 20px;
}
#content {
	clear: both;
	width: 767px;
	margin: 0 auto;
	text-align: left;
}
#text {
	float: left;
	width: 417px !important;
	width: 454px;
	padding: 30px 10px 20px 15px !important;
	padding: 20px 5px 20px 20px;
}
#text_area {
	padding-left: 5px;
	float: left;
/*	margin-top: 20px; */
}
#separador {
	float: left;
	width: 170px;
	height: 604px;
	background-image: url(../images/separador.jpg);
	vertical-align: top;
}
#sideBar {
	text-align:center;
	float: left;
	width: 133px !important;
	width: 143px;
	padding: 8px 10px 20px 0 !important;
	padding: 20px 10px 20px 0;
}
#sidebarmenu {
	margin: 0px;
	padding-top: 10px;
}
#sidebarmenu ul {
	padding: 0px;
}
#sidebarmenu ul li {
	list-style: none;
}
#sidebarmenu ul li a {
	display: block;
	margin-bottom: 25px;
}
#sidebarmenu ul li a:hover {
	padding-left: 5px;
}
/***************************************************
 SUBMENU
 ***************************************************/
#submenu_area {
	float: left;
	width: 400px !important;
	width: 427px;
	margin: 0 auto;
	padding-right: 5px;
	padding-left: 12px;
}
#submenu_area ul {
	margin: 0;
	padding: 0;
	line-height: normal;
}
#submenu_area ul li {
	width: 100px;
	display: inline;
	float: left;
	list-style: none;
	text-align: center;
}
#submenu_area ul li a {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	color: #523010;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
}
#submenu_area ul li a:hover, #submenu_area ul li a.active, #submenu_area #active_submenu_area {
	font-weight: bold;
	background-color: #9e6830;
}
/***************************************************
 Footer
 ***************************************************/
#footermenu {
	clear: both;
	float: left;
	width: 500px;
	text-align: left;
	color: #533111;
	vertical-align: bottom;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#footermenu ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
	padding: 0px;
}
#footermenu ul li {
	float: left;
	list-style-type: none;
	margin-left: 10px;
	list-style-image: none;
}
#footermenu ul li a {
	color: #533111;
}
#footermenu ul li a:hover {
	color: #9e6830;
}
#footer {
	clear: both;
	margin: 0;
	text-align: center;
	width: 100%;
	color: #9e6830;
	vertical-align: bottom;
	height: 11em;
	background-color: #ffffff;
	background-image: url(../images/bg_bottom.jpg);
	background-repeat: repeat-y;
	background-position: center bottom;
}
#footer p {
	padding-top: 10px !important;
	padding-top: 10px;
}
#footer a {
	color: #9e6830;
}
#footer a:hover {
	color: #e2c18c;
}
/***************************************************
 Classes Genéricas
 ***************************************************/
.center {
	text-align: center;
}
.noPad {
	padding: 0;
	margin: 0;
}
.left {
	float: left;
}
.right {
	float: right;
}
img.left {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0;
}
img.right {
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 5px;
}
.button {
	display: block;	
	float: right;
	cursor: pointer;
}
.date {
	display: block;
	font-weight: 700;
}
/***************************************************
 GK News Show
 ***************************************************/
#nsp-nsp_27 {
	margin-left: 8px;
}
.nspList .even, .nspList .odd {
	width: 145px;
	text-align: justify;
	background-color:#533111;
	background-image: url(../images/comment_bg.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
.nspList li h4 {
	padding-left: 10px;
	background: #533111 url(../images/rounded_tl.gif) no-repeat top left;
	text-transform: uppercase;
	color: #f2d68d;
}
.nspList li p {
	padding: 5px;
}
a.readon {
	width: 145px;
	text-align: right;
	padding: 0;
	margin: 0;
	background: #533111;
}
a:hover {
	color: #9e6830;
}
a:visited {
	color: #533111;
}
/***************************************************
 LOBITOS
 ***************************************************/
#header_lob {
	width: 100%;
	height: 4em;
	background: #ffffff url(../images/bg_header_lob.jpg) repeat-y top center;
}
#menu_lob {
	width: 767px;
	margin: 0 auto;
	text-align: left;
}
#menu_lob ul {
	margin: 0;
	padding: 0;
	line-height: normal;
}
#menu_lob ul li {
	width: 8em;
	display: inline;
	float: left;
	padding-top: 1.5em;
	list-style: none;
	text-align: center;
}
#menu_lob ul li a {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	padding-bottom: 1.3em;
	color: #ff0100;
	font-weight: bold;
}
#menu_lob ul li a:hover, #menu_lob ul li a.active, #menu_lob #active_menu_lob {
	font-weight: bold;
	color: #e2c18c;
	background: url(../images/menu_tab_lob.jpg) no-repeat bottom center;
}
#title_lob {
	height: 2.5em; 
	padding: 1.5em 45px 0em 0;
	margin-right: 0.5em;
	float: right;
	background: url(../images/logo_lob.jpg) no-repeat top right;
}
#title_lob h1 {
	display: inline;
	color:  #ff0100;
}
#separador_lob {
	float: left;
	width: 170px;
	height: 604px;
	background-image: url(../images/separador_lob.jpg);
	vertical-align: top;
}
/***************************************************
 EXPLORADORES
 ***************************************************/
#header_exp {
	width: 100%;
	height: 4em;
	background: #ffffff url(../images/bg_header_exp.jpg) repeat-y top center;
}
#menu_exp {
	width: 767px;
	margin: 0 auto;
	text-align: left;
}
#menu_exp ul {
	margin: 0;
	padding: 0;
	line-height: normal;
}
#menu_exp ul li {
	width: 8em;
	display: inline;
	float: left;
	padding-top: 1.5em;
	list-style: none;
	text-align: center;
}
#menu_exp ul li a {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	padding-bottom: 1.3em;
	color: #b9ffb9;
	font-weight: bold;
}
#menu_exp ul li a:hover, #menu_exp ul li a.active, #menu_exp #active_menu_exp {
	font-weight: bold;
	color: #e2c18c;
	background: url(../images/menu_tab_exp.jpg) no-repeat bottom center;
}
#title_exp {
	height: 2.5em; 
	padding: 1.5em 45px 0em 0;
	margin-right: 0.5em;
	float: right;
	background: url(../images/logo_cne_exp.png) no-repeat top right;
}
#title_exp h1 {
	display: inline;
	color:  #b9ffb9;
}
#separador_exp {
	float: left;
	width: 170px;
	height: 604px;
	background-image: url(../images/separador_exp.jpg);
	vertical-align: top;
}
/***************************************************
 PIONEIROS
 ***************************************************/
#header_pio {
	width: 100%;
	height: 4em;
	background: #ffffff url(../images/bg_header_pio.jpg) repeat-y top center;
}
#menu_pio {
	width: 767px;
	margin: 0 auto;
	text-align: left;
}
#menu_pio ul {
	margin: 0;
	padding: 0;
	line-height: normal;
}
#menu_pio ul li {
	width: 8em;
	display: inline;
	float: left;
	padding-top: 1.5em;
	list-style: none;
	text-align: center;
}
#menu_pio ul li a {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	padding-bottom: 1.3em;
	color: #b8efff;
	font-weight: bold;
}
#menu_pio ul li a:hover, #menu_pio ul li a.active, #menu_pio #active_menu_pio {
	font-weight: bold;
	color: #e2c18c;
	background: url(../images/menu_tab_pio.jpg) no-repeat bottom center;
}
#title_pio {
	height: 2.5em; 
	padding: 1.5em 45px 0em 0;
	margin-right: 0.5em;
	float: right;
	background: url(../images/logo_cne_pio.png) no-repeat top right;
}
#title_pio h1 {
	display: inline;
	color:  #b8efff;
}
#separador_pio {
	float: left;
	width: 170px;
	height: 604px;
	background-image: url(../images/separador_pio.jpg);
	vertical-align: top;
}
/***************************************************
 CAMINHEIROS
 ***************************************************/
#header_cam {
	width: 100%;
	height: 4em;
	background: #ffffff url(../images/bg_header_cam.jpg) repeat-y top center;
}
#menu_cam {
	width: 767px;
	margin: 0 auto;
	text-align: left;
}
#menu_cam ul {
	margin: 0;
	padding: 0;
	line-height: normal;
}
#menu_cam ul li {
	width: 8em;
	display: inline;
	float: left;
	padding-top: 1.5em;
	list-style: none;
	text-align: center;
}
#menu_cam ul li a {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	padding-bottom: 1.3em;
	color: #ffd2d2;
	font-weight: bold;
}
#menu_cam ul li a:hover, #menu_cam ul li a.active, #menu_cam #active_menu_cam {
	font-weight: bold;
	color: #e2c18c;
	background: url(../images/menu_tab_cam.jpg) no-repeat bottom center;
}
#title_cam {
	height: 2.5em; 
	padding: 1.5em 45px 0em 0;
	margin-right: 0.5em;
	float: right;
	background: url(../images/logo_cne_cam.png) no-repeat top right;
}
#title_cam h1 {
	display: inline;
	color:  #ffd2d2;
}
#separador_cam {
	float: left;
	width: 170px;
	height: 604px;
	background-image: url(../images/separador_cam.jpg);
	vertical-align: top;
}
/***************************************************
 FNA
 ***************************************************/
#header_fna {
	width: 100%;
	height: 4em;
	background: #ffffff url(../images/bg_header_fna.jpg) repeat-y top center;
}
#menu_fna {
	width: 767px;
	margin: 0 auto;
	text-align: left;
}
#menu_fna ul {
	margin: 0;
	padding: 0;
	line-height: normal;
}
#menu_fna ul li {
	width: 8em;
	display: inline;
	float: left;
	padding-top: 1.5em;
	list-style: none;
	text-align: center;
}
#menu_fna ul li a {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	padding-bottom: 1.3em;
	color: #e8e0e1;
	font-weight: bold;
}
#menu_fna ul li a:hover, #menu_fna ul li a.active, #menu_fna #active_menu_fna {
	font-weight: bold;
	color: #e2c18c;
	background: url(../images/menu_tab_fna.jpg) no-repeat bottom center;
}
#title_fna {
	height: 2.5em; 
	padding: 1.5em 45px 0em 0;
	margin-right: 0.5em;
	float: right;
	background: url(../images/logo_cne_fna.png) no-repeat top right;
}
#title_fna h1 {
	display: inline;
	color:  #e8e0e1;
}
#separador_fna {
	float: left;
	width: 170px;
	height: 604px;
	background-image: url(../images/separador_fna.jpg);
	vertical-align: top;
}