/**
	* @name stylesite.css
	* @desc CSS StyleSheet
	* @version v3.0 - Bras�lia, 03 de Mar�o de 2008
	* @author Thiago Borges
	* @category CSS
	* @package Semana Nacional de C&T 2008
	*/


/* ============================================================= */
/* ========================== Body ============================= */
/* ============================================================= */

BODY{
	font-family: Arial,Verdana,Sans-Serif;
	font-size: 12px;
	color: #000000;	

	background-image: url(imagens/bg.gif); 
	background-color:#dcdcc2;	

	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;	

	padding-bottom: 20px;
}	

A {
	font-family: Arial,Verdana,Sans-Serif;
	font-size: 12px; 
	color: #36840f;
	text-decoration: none;
}

A:hover {
	font-family: Arial,Verdana,Sans-Serif;
	font-size: 12px; 
	color: #000000;
	text-decoration: none;
}

/* ========================================================================== */
/* ================================= Site =================================== */
/* ========================================================================== */

.bgMhz {
	border-top-width: 1px; border-top-color: #dadada; border-top-style: solid;
	border-bottom-width: 1px; border-bottom-color: #ffffff; border-bottom-style: solid;
	background-image: url(imagens/bg_mhz.gif); background-repeat: repeat-x; background-position: top; background-color:#e8e8e6;
	padding-left:10px; padding-right:10px;  padding-top:5px; padding-bottom:5px;
	font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#00562a;
}

.imgIlustracao {
	border-bottom-width: 5px; border-bottom-color: #1a701f; border-bottom-style: solid;
}

.topimgIlustracao {
	border-bottom-width: 1px; border-bottom-color: #ffffff; border-bottom-style: solid;
}



/* ================================================================= */
/* ========================== Conte�do ============================= */
/* ================================================================= */

/* === Div com o tamanho, cor e imagem do conte�do === */

.cont {
	background-image: url(imagens/bg_center.gif); background-repeat: repeat-y; background-position: top center; background-color:#dcdcc2;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom:10px;
}

/* === Div com o tamanho do conte�do ao lado do Menu Vertical === */

.cont-Interna {
	position:relative;
	float:left;
	padding-left: 12px;
	padding-top: 12px;

	background-color:#000000;
}

/* === Div com a imagem que fica ao lado do conte�do ( sombra da aba lateral ) === */
.img-cont-right {
	width:3px;
	height:117px;	

	position:relative;
	background-image: url(imagens/cont-sombra-right.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

/* ============================================================ */
/* =============== Conte�do a parte que importa =============== */

/* === Links Informes === */

.Link-inf a {
	background-image:url(imagens/bullet-link.gif);
	background-repeat:no-repeat ;
	background-position: 5px 6px;
	background-color:#e7e7de;	

	border-top-width: 2px;
	border-top-color: #f4f5f6;
	border-top-style: solid;	

	display: block;	

	padding-left: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.Link-inf a:hover {
	background-image:url(imagens/bullet-link.gif);
	background-repeat:no-repeat ;
	background-position: 5px 6px;	

	border-top-width: 2px;
	border-top-color: #f4f5f6;
	border-top-style: solid;

	display: block;

	padding-left: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
}

/* ==================================================== */
/* ===================== Rodap� ======================= */
/* ==================================================== */

.posicao-Rodape {
	position:relative; 
	float:left; 
	width:779px; 
	height:12px; 
	top:0px;
}

/* === Imagem de sobra abaixo do conte�do acima do rodap� === */
.img-rodape {
	float:right;	
	width:203px;
	height:6px;
	position:relative;
}

/* === Copright === */
.Copright {
	float:left;
	width:435px;
	position:relative;
}

/* === Links do rodap� "P�gina Inicial e fale conosco" === */

.inicial-contato {
	float:right;
	top:0px;
	width:329px;

	position:relative;
}

/* =============================================================== */
/* ========================== Bordas ============================= */
/* =============================================================== */

/* =========== Borda de 10 px na cor Bege ( borda top do conte�do ) =========== */
.b-top-cont {
	border-top-width: 16px;
	border-top-color: #b2b2bb;
	border-top-style: solid;
}

/* =========== Borda de 1 px na cor Bege ( borda bottom dos links do Menu Vertical ) =========== */
.b-bottom-top {
	border-bottom-width: 1px;
	border-bottom-color: #fff3d2;
	border-bottom-style: solid;
}

/* =========== Borda de 12 px na cor Bege ( FUNDO DAS CAIXAS ) =========== */

.b-bottom-caixas {
	border-bottom-width: 12px;
	border-bottom-color: #f4f5f6;
	border-bottom-style: solid;
}


/* ============================================================== */
/* ======================== Paddings ============================ */
/* ============================================================== */

/* ================== Paddings  de 5 px =================== */

/* Padding Left de 5px */

.paddingLeft {
	padding-left: 5px;
}

/* Padding Right de 5px */

.paddingRight {
	padding-right: 5px;
}

/* Padding Bottom de 5px */

.paddingBottom {
	padding-bottom: 5px;
}

/* Padding Top de 5px */
.paddingTop {
	padding-Top: 5px;
}

/* ================== Paddings  de 10 px =================== */
/* Padding Left de 10px */
.paddingLeft10 {
	padding-left: 10px;
}
/* Padding Right de 10px */
.paddingRight10 {
	padding-right: 10px;
}
/* Padding Bottom de 10px */
.paddingBottom10 {
	padding-bottom: 10px;
}
/* Padding Top de 10px */
.paddingTop10 {
	padding-Top: 10px;
}
/* ================== Paddings  de 12 px =================== */
/* Padding Left de 12px */
.paddingLeft12 {
	padding-left: 12px;
}
/* Padding Right de 12px */
.paddingRight12 {
padding-right: 12px;
}
/* Padding Bottom de 12px */
.paddingBottom12 {
	padding-bottom: 12px;
}
/* Padding Top de 12px */
.paddingTop12 {
	padding-Top: 12px;
}
/* ================== Paddings  de 15 px =================== */
/* Padding Left de 15px */
.paddingLeft15 {
	padding-left: 15px;
}
/* Padding Right de 15px */
.paddingRight15 {
	padding-right: 15px;
}
/* Padding Bottom de 15px */
.paddingBottom15 {
	padding-bottom: 15px;
}
/* Padding Top de 15px */
.paddingTop15 {
	padding-Top: 15px;
}
/* ================== Paddings em todos os lados de 10px, 5px e 2px =================== */
/* Padding Total de 10px */
.paddingTotal10 {
	padding: 10px;
}
/* Padding Total de 5px */
.paddingTotal5 {
padding: 5px;
}
/* Padding Total de 3px */
.paddingTotal3 {
	padding: 3px;
}
/* Padding Total de 2px */
.paddingTotal2 {
	padding: 2px;
}



/* ====================================================================*/
/* ======================== Campo Formul�rio ==========================*/
/* ====================================================================*/

/* tamanho do campo formul�rio quando precisar */
.tamanhoForm {
	width:100%;
}

/* Campo formul�rio */
.formulario {
	background-color: #ffffff;
	border-width: 1px;
	border-color: #bab8aa;
	border-style: solid;
	font-family: Arial,Sans-Serif;
	font-size: 12px; 
	color: #000000;
	text-decoration: none;

	width:100%;
}

/* Bot�o Campo formul�rio */

.botao a {
	background-color: #d9d2b6;
	border-width: 2px;
	border-color: #c3ba97;
	border-style: solid;
	font-family: Arial,Sans-Serif;
	font-size: 12px; 
	text-decoration: none;

	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom:3px;
}


.botao a:hover {
	background-color: #c3ba97;
	border-width: 2px;
	border-color: #c3ba97;
	border-style: solid;
	font-family: Arial,Sans-Serif;
	font-size: 12px; 
	text-decoration: none;
	padding-left: 30px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom:3px;
}


/* =====================================================================================*/
/* =============================== Tamanhos de Fonts ===================================*/
/* =====================================================================================*/
/* ============= Bold ( negrito ) ============= */
.bold {
	font-weight: bold;
}
.bold a {
	font-weight: bold;
}
.bold a:hover {
	font-weight: bold;
}
/* ============= Tamanho da Fonte de 10 px ============= */
.brod {
	font-size: 10px; 
}
.brod a {
	font-size: 10px; 
}
.brod a:hover {
	font-size: 10px; 
}
/* ============= Tamanho da Fonte de 12 px ============= */
.alpha {
	font-size: 12px; 
}
/* ============= Tamanho da Fonte de 13 px ============= */
.Beta {
	font-size: 14px; 
}
.Beta a {
	font-size: 14px; 
}
.Beta a:hover {
	font-size: 14px; 
}
/* ============= Tamanho da Fonte de 14 px ============= */

.Gama {
	font-size: 16px; 
}
.Gama a {
	font-size: 16px; 
}
.Gama a:hover {
	font-size: 16px; 
}

/* ============= Tamanho da Fonte de 15 px ============= */

.zeta {
	font-size: 18px; 
}
.zeta a {
	font-size: 18px; 
}
.zeta a:hover {
	font-size: 18px; 
}

/* ============= Tamanho da Fonte de 16 px ============= */

.jeta {
	font-size: 20px; 
}
.jeta a {
	font-size: 20px; 
}

.jeta a:hover {
	font-size: 20px;
}

/* ============= Efeito de underline na fonte ============= */
.underline {
	text-decoration: underline;
}
.underline a {
	text-decoration: underline;
}
.underline a:hover {
	text-decoration: none;
}

/* ======================================================================= */
/* ================== CSS DE CORES (Fontes e backgrounds) ================ */
/* ======================================================================= */

/* ============== Background de cor Marrom clara ( Fundo do ajuda ) ============== */
.bgPlutao {
	background-color: #e7e7de;
}
/* ============== Background de cor azul escuro ( Fundo do titulo do ajuda ) ============== */

.bgPlutao2 {
	background-color: #18567f;
	color:#ffffff;
}
.bgPlutao2 a {
	color:#ffffff;
}

.bgPlutao2 a:hover {
	color:#ffffff;
}

/* ============== Background de cor Bege ( fundo do conte�do ) ============== */
.bgNeturno {
	background-color: #faf9f2;
}

/* ============== Background de cor bege queimado ( Fundo Menu ) ============== */

.bgMarte {
	background-color: #f7f4e9;
}

/* ================== Verde Agua ================ */
/* ============================================== */

/* ============== Cor de Font Verde Agua ( T�tulo Contato ) ============== */
.plutao {
	color: #a6ce38;
}

.plutao a {
	color: #a6ce38;
}
.plutao a:hover {
	color: #a6ce38;
}

/* ================== Verde escuro ================ */
/* ================================================ */

/* ============== Cor de Font ( Links principais ) ============== */
.terra {
	color: #1d2f70;
}
.terra a {
	color: #1d2f70;
}
.terra a:hover {
	color: #000000;
}


/* ================== Branco ================ */
/* ========================================== */
/* ============== Cor de Font branca ( texto e link ) ============== */

.mercurio {
	color: #FFFFFF;
}
.mercurio a {
	color: #FFFFFF;
}

.mercurio a:hover {
	color: #ffffff;
}

/* ============== Background de cor Branca ============== */
/* Branca do fundo do site */
.bg_mercurio {
	background-color: #ffffff;
}