/**
 * CSS dos elementos comuns
 */
body {
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 0px;
	margin-top: 0px;
	background-color: #000066;
	background-image: url(../imagens/fundo.gif);
}

#geral {
	width: 760px;
	position: absolute;
	left: 50%;
	z-index: 1;
	margin-left: -380px;
	background-color: #FFFFFF;
	height: 100%;
	display: block;
}

#corpo {
border: 1px solid #000000;
}
/**
* Mensagens de erro
*/
#erro {
/*border: 1px solid #000000;*/
color: #FF0000;
}
/**
* Mensagens de sucesso
*/
#msg {
border: 1px solid #000000;
color: #F0F000;
}
/**
 * CSS da barra de idiomas
 */
#idiomas {
	position: absolute;
	width: 150px;
	top: 82px;
	left: 750px;
	height: 20px;
	z-index: 300;
	visibility: hidden;

	/* border: solid 1px #000000; */
}

#idiomas img {
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 2px;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
}
/**
 * CSS do menu superior
 */
#topo {
	position: relative;
	background: #FFFFFF url(../imagens/fundotopo.jpg) no-repeat 0px -30px;
	width: 760px;
	height: 164px;
	z-index: 100;
	/*border: solid 1px #000000;*/
}

#logotipo {
	background-image: url(../imagens/logo.gif);
	position: absolute;
	background-repeat: no-repeat;
	width: 224px;
	height: 63px;
	z-index: 101;
	background-position: 3px;
	visibility: visible;
	left: 30px;
	top: 75px;
	clear: left;
	display: none;





	/*display:nome;*/
}

#menutopo {
	position: relative;
	left: 0px;
	width: 760px;
	height: 42px;
	white-space:nowrap;
	top: 164px;
	background-image: url(../imagens/bg-menu-principal.gif);
	background-repeat: repeat-x;
	z-index: 100;

	/*border: solid 1px #000000;*/
}

#menutopo a {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	font-color: #3B3B6E;
	text-transform: capitalize;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	background-repeat: repeat;
	z-index: 103;

}

#menutopo a:hover {
	color: #F0F000;
}

#menuitem {
	background-repeat:no-repeat;
	float: left;
	position:relative;
	z-index: 102;
	background-image: url(../imagens/bg-link-menu-principal.gif);
	white-space: nowrap;
	color: #000000;
	width: 112px;
	padding-top: 10px;
	padding-left: 0px;
	height: 42px;
	margin-left: 5px;
	margin-top: 1px;
	padding-right: 5px;

}

div[target="Off"] {		  

}

div[target="On"] {
	background-image: url("../imagens/lateral.jpg");
}

#menutopo li {
	/*list-style-image: url("../imagens/bltbrown.gif");*/
	list-style-type: disc;
	list-style-position: inside;
	color: #FFFFFF;
	display: inline;
}
/**
 * Lateral
 * 
 */
#lateral {
	position: absolute;
	top: 236px;
	width: 260px;
	z-index: 100;
	left: 0px;
	height: 570px;
	display: block;
	background-color: #FFFFFF;
/*	border: 1px solid #000000; */
}
/**
 * Categorias
 */
#categorias {
	position: relative;
	width: 260px;
	left: 0px;
	visibility: hidden;
	display: none;


}

#categorias ul  {
	position: relative;
	margin-left: 5px;
	left: -110px;
	top: 179px;


}

html > body #categorias ul {padding-left: 0px;}

#categorias li {
	list-style-type: disc;
	list-style-position: inside;
	color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	border-bottom-width: 1px;
	display: inline;

}

#categorias a {
	font-size: 11px;
	font-weight: bold;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
	border: 1px solid #000099;

}

#categorias a:hover {
	color: #F0F000;
}

/**
 * Seções
 */
#secoes {
	position: relative;
	width: 250px;
	left: -5px;
	top: -10px;
	clear: left;
}

html > body #secoes ul {padding-left: 0px;}

#secoes ul  {
	margin-left: 5px;
}

#secoes li {
	list-style-type: none;
	list-style-position: inside;
	color: #FF9900;
	margin-left: 5px;
	padding-left: 5px;
	font-variant: small-caps;
	font-weight: bold;
	border-bottom-width: medium;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	height: 24px;
	left: 0px;
}

#secoes a {
	font-size: 12px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 2px;
	top: -3px;
	position: relative;
	color: #FF9900;
}

#secoes a:hover {
	color: #FF9900;
}

/**
 * Resumos
 */
#resumosmaterias {
	position: absolute;
	width: 250px;
	height: 100%;
}
#resumosmaterias h2 {
	position: relative;
	visibility: visible;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #660000;
	border-bottom-width: thick;
	border-bottom-style: solid;
	border-bottom-color: #FF9900;
	margin: 5px;
	padding: 5px;
}

#resumosmaterias p {
	font-size: 12px;
	margin: 8px;
	font-weight: bold;
	color: #333333;
	text-transform: capitalize;
	border-bottom-width: medium;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}

#resumosmaterias a {
	margin-left: 3px;
	text-decoration: none;
	text-decoration: none;
	color: #FF9900;
}

#resumosmaterias a:hover {
	color: #FFCC33;
}
/**
 * Login
 */
#login {
	position: relative;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	width: 500px;
	left: 245px;
	z-index: 105;
	top: -300px;
	background-image: url(../imagens/bg-menu-rodape.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 5px;
	padding: 5px;
	height: 42px;
	display: none;

}

#login.title {
	position: relative;
	margin-left: 5px;
	padding-left: 5px;
	text-decoration: none;
	width: 154px;
	background-image: url(../imagens/topocaixa.gif);
	left: 0px;
	z-index: 250;
	top: 0px;
	height: 11px;



}

.loginfooter {
	display: none;
}

.footer {
	display: none;
	background-image: url(../imagens/logomini.gif);
	left: 10px;
	top: 10px;
	border: 1px solid #FF0000;
	z-index: 400;
	position: relative;
	clear: left;
}

.title {
	position: relative;
	text-decoration: none;
	width: 241px;
	z-index: 350;
	height: 32px;
	background-image: url(../imagens/fundotitle.gif);
	margin-left: 5px;
	padding-left: 5px;
	background-repeat: no-repeat;
	top: -15px;

}

#login input {
	font-size: 10px;
	border: solid 1px #000000;
	margin-left: 5px;
	white-space: nowrap;
	display: inline;

}

#login a {
	color: #FFFFFF;
	font-size: 10px;
	text-decoration: none;
	position: relative;
	left: 300px;
	top: -15px;
}

#login > form > dl {
	padding: 5px;
	margin: 5px;
	clear: none;
	white-space: nowrap;
	display: inline;
	left: 10px;
	top: 0px;
	position: relative;

}

#login dt {
	font-size: 11px;
	font-weight: bold;
	display: inline;



}

#login dd {
	margin-left: 5px;
	display: inline;
}
/**
 * Main
 */
#main {
	background: url(../imagens/fundomain.gif) repeat -154px;
	position: relative;
	left: 259px;
	width: 500px;
	z-index: 100;
	clear: both;
	top: 42px;
	height: 600px;
	overflow: auto;
}
/**
 * Botton
 */
#botton {
	width: 500px;
	position: relative;
	background-image: url(../imagens/bg-menu-rodape.gif);
	background-repeat: no-repeat;
	z-index: 105;
	left: 260px;
	top: 42px;
}
/**
* Menu inferior
*/
#menuinf {
	text-decoration: none;
	position: relative;
	z-index: auto;
	height: 42px;
	width: 500px;
	clear: left;
	left: 0px;
	top: 0px;



}

#menuinf ul  {
	position: relative;
}

#menuinf li {
	list-style-type: none;
	list-style-position: inside;
	color: #663333;
	display: inline;
	margin-left: 20px;



}

#menuinf a {
	color: #663300;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	text-transform: capitalize;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: small-caps;

}
/**
* Link voltar (javascript.back())
*/
#linkvoltar {
	text-transform: capitalize;
	text-align: center;
	width: 90%;
	clear: left;
}
#linkvoltar a{
	color: #0000BB;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
}
/**
* CSS dos itens do submenu da seção
*/
#hiersubsecoes > ul > li {
	margin-left: 5px;
	left: 5px;
	width: 154px;
	padding-left: 5px;
}

#hiersubsecoes a {
	font-size: 10px;
	clear: left;
/*	border: 1px solid #333333; 
	white-space: nowrap;*/
}
/**
*
*/
.Referencias .Ref,.Autor,.Publicacao,.Validade {
	display: none;
}

/**
* Organização dos textos das materias e as respectivas colunas
*/
/**
 * materias
 */
#materias {
	font-family: Arial, Helvetica, sans-serif;
	clear: left;
	position: relative;
}

#materias h1 {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	border-bottom-width: thick;
	border-bottom-style: solid;
	border-bottom-color: #FF9900;
	text-transform: uppercase;
}


#materias h2 {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #660000;
	border-bottom-width: thick;
	border-bottom-style: solid;
	border-bottom-color: #FF9900;
	margin: 5px;
	padding: 5px;
}

#materias h3 {
	visibility: hidden;

}
/*
* Coluna 2, estes estilos dependen da definição do grupo no cadastro da materia
*/
#coluna2 {
	/*border: 1px solid #000000;*/
	float: left;
	width: 48%;
	padding-left: 5px;
	font-size: 10px;
}

#coluna2 h1 {
	font-size: 12px;
	font-weight: bold;
	color: #FF9900;
	border-bottom-width: medium;
	border-bottom-style: dotted;
	border-bottom-color: #FF0000;
	margin: 5px;
	padding: 3px;
}

#coluna2 h2 {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #660000;
	border-bottom-width: thick;
	border-bottom-style: solid;
	border-bottom-color: #FF9900;
	margin: 5px;
	padding: 5px;
}

#coluna2 p,blockquote,.Conteudo {
	font-size:10px;
	text-align: justify;
}

#coluna2 #slideshow {
	float: left;
	width: auto;
	clear: left;
}

.slideshow {
	float: left;
	width: 50%;
	clear: left;
}
/*
* Coluna 3, estes estilos dependen da definição do grupo no cadastro da materia
*/
#coluna3 {
/*	border: 1px solid #000000;*/
	float: left;
	width: 32%;
	padding-left: 4px;
	font-size: 9px;
}

#coluna3 h1 {
	font-size: 11px;
	text-align: justify;	
}

#coluna3 p,blockquote,.Conteudo {
	font-size: 9px;
}

/*
* Coluna 3 da home pode ter caracteristicas especiais
* neste caso não mostramos as referências
*/

#coluna3 .Ref,.Autor,.Validade,.Publicacao {
	display: none;
}

.Conteudo {
	margin: 2px;
	padding: 4px 4px 4px 10px;
}

#materias p,.Conteudo,blockquote,span {
	font-size: 11px;
	color: #000000;
}