﻿* {
	margin: 0;
}
	

.clear {
	clear:both;
}

img {
border:0;
}


body {
	background-image:url('../img/bgr.gif');
	font-family:Arial, Helvetica, sans-serif;
	overflow-y:scroll;

}


div#container {
	width:980px;
	margin:0 auto;
}

/***************** Diagramação Padrão **************/

div#borda_top {
	width:100%;
	height:8px;
	background-color:black;
}

div#header {
	margin-top:30px;
	width:100%;
	height:60px;
	position:relative;
}

div#container_header{
	width:980px;
	height:60px;
	margin:0 auto;
}

div#menu {
	width:160px;
	float:right;
	margin-top:9px;
	margin-right: 40px;
}

div#logo {
	width:125px;
	height:60px;
	float:left;
	margin-left: 60px;
}

div#logo h1 a {
	position:relative;
	display:block;
	width:125px;
	height:60px;
	background:url(../img/logo.gif) no-repeat top center;
	overflow:hidden;
	text-indent:-5000em;
}

div#menu2 {
	width:322px;
	float:left;
	margin-top:9px;
	margin-left: 56px;

}

/************** Menus TOP ******************/

div#menu ul {
	list-style:none;
	width:160px;
	height:55px;
}

div#menu ul li {
	height:55px;
	float:left;
	display:inline-block;
}

div#menu ul li a:hover{
background-position:bottom center;
}

	div#menu ul li a {
	display:block;
	height:55px;
	text-indent:-5000em;
	overflow:hidden;
	width:158px;
	background-image:url('../img/bt_artigos_1.gif');
	background-position:top center;
}


/*********************** Conteudo *****************************/

div#left {
position:relative;
margin-top:30px;
width:280px;
float:left;
}

div#conteudo {
width:700px;
float:right;
margin-top:30px;
background:#fff;
font-size:12px;
color:#676767;
line-height:15px;
}

div#conteudo div#textos ul, div#conteudo div#textos ol,div#conteudo div#textos ol li, div#conteudo div#textos p {
margin:auto;
padding-bottom:8px;
}

div#conteudo div#textos p.titulo_vermelho {
	font-size:18px;
	font-weight:bold;
	color:#b21f24;
	margin-top:10px;
	margin-bottom:10px;
	line-height:20px;

}

div#conteudo div#textos p.txt_autor {
	font-size:12px;
	color:#333;
	line-height:15px;
	margin-bottom:10px;
}

div#conteudo div.borda_cinza {
	width:700px;
	height:15px;
	background:#ccc;
}

div#conteudo div#textos {
	width:640px;
	margin-left:30px;
	margin-bottom:30px;
}


/********************* Busca **********************/
div#busca {
margin-top:15px;
}
div#busca div.campo {
	width:207px;
	height:31px;
	background:url('../img/busca_artigos.gif') no-repeat left top;
	display:block;
}

div#busca div.campo input {
	display:block;
	width:170px;
	height:20px;
	border:0;
	padding-top:6px;
	padding-left:4px;
	font-size:14px;
	color:#333;
	background:none;
}



/************** Menu Navegação ******************/

div#container div#menu_navegacao {
	width:280px;
}

#sidetreecontrol {
	margin-left:30px;
	margin-top:5px;
	margin-bottom:5px;
}
#sidetreecontrol a {
	font-size:11px;
	color:black;
	text-decoration:none;
}

/*********************** Tree View ****************************/

.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
	margin-top: 4px;
}

.treeview .hitarea {
	background: url(../img/tree/treeview-default.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	margin: 0;
	padding: 3px 0pt 3px 16px;
}

.treeview a { 
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
color:#666666;
display:block;
}


.treeview a.selected {
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: #b8292f; cursor: pointer; }

.treeview li { background: url(../img/tree/treeview-default-line.gif) 0 0 no-repeat; font-size:13px;
text-decoration:none;
color:#333;
}
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(../img/tree/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview-red li { background-image: url(../img/tree/treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(../img/tree/treeview-red.gif); } 

.treeview-black li { background-image: url(../img/tree/treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(images/treeview-black.gif); }  

.treeview-gray li { background-image: url(../img/tree/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(../img/tree/treeview-gray.gif); } 

.treeview-famfamfam li { background-image: url(../img/tree/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(../img/tree/treeview-famfamfam.gif); } 


.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(../img/tree/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(../img/tree/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url(../img/tree/file.gif) 0 0 no-repeat; }


/********************** Estilos de Texto **********************/

.titulo_preto {
	font-size:25px;
	font-weight:bold;
	color:#676767;
	margin-top:10px;
	margin-bottom:10px;
}

.txt_subtitulo {
	font-size:12px;
	font-weight:bold;
	color:#3b3b3b;
	margin-top:5px;
	margin-bottom:5px;
}

.txt_padrao {
	font-size:12px;
	color:#676767;
	line-height:15px;
}



.txt_padrao a {
	font-size:12px;
	color:#3b3b3b;
	text-decoration:none;
	font-weight:bold;
}

.txt_padrao a:hover {
	font-size:12px;
	color:#b21f24;
	text-decoration:none;
	font-weight:bold;
}



.marginBottom10 {
	margin-bottom:10px;
}
