/**
	* @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: #715519;
	
	background-image:  url(/html/skin/pl_semana2008/imagens/bg.jpg);
	
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
	
A {
	font-family: Arial,Verdana,Sans-Serif;
	font-size: 12px; 
	color: #715519;
	text-decoration: none;
}

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

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

/* ====================================================================== */
/* ============================ Fundo Topo ============================== */

.bg-top {
	background-image:  url(/html/skin/pl_semana2008/imagens/bg-top.gif);
	background-repeat: repeat-x ;
	background-position: top;
	
	width: 100%;
}

/* ============================================================== */
/* ===================== Menu Horizontal ======================== */
/* ============================================================== */

/* === Cadastro de Instituição === */

.b-cad-inst a {
	float:left;
	width:199px;
	height:50px;
	position:relative;
	background-repeat: no-repeat ;
	background-image: url(/html/skin/pl_semana2008/imagens/b-cad-inst.gif);
}

.b-cad-inst a:hover {
	float:left;
	width:199px;
	height:50px;
	position:relative;
	background-image: url(/html/skin/pl_semana2008/imagens/b-cad-inst2.gif);
	background-repeat: no-repeat ;
}

/* === Cadastro de Eventos === */

.b-cad-eve a {
	float:left;
	width:187px;
	height:50px;
	position:relative;
	background-repeat: no-repeat ;
	background-image: url(/html/skin/pl_semana2008/imagens/b-cad-eve.gif);
}

.b-cad-eve a:hover {
	float:left;
	width:187px;
	height:50px;
	position:relative;
	background-image: url(/html/skin/pl_semana2008/imagens/b-cad-eve2.gif);
	background-repeat: no-repeat ;
}

/* === Eventos Cadastrados === */

.b-eve-cad a {
	float:left;
	width:191px;
	height:50px;
	position:relative;
	background-repeat: no-repeat ;
	background-image: url(/html/skin/pl_semana2008/imagens/b-eve-cad.gif);
}

.b-eve-cad a:hover {
	float:left;
	width:191px;
	height:50px;
	position:relative;
	background-image: url(/html/skin/pl_semana2008/imagens/b-eve-cad2.gif);
	background-repeat: no-repeat ;
}


/* ================================================================= */
/* ======================== Menu vertical ========================== */
/* ================================================================= */

/* Ul */

#menu ul {
	z-index:5;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
}
	
#menu ul li {
	z-index:5;
	position: relative;
}
	
#menu ul li ul {
	z-index:5;
	
	background-color: #f7f4e9;
	padding: 5px;
	border-width: 1px;
	border-color: #e2dcc5;
	border-style: solid;
}
	
li ul {
	position: absolute;
	left: 175px; 
	top: 2px;;
	display: none;
}

/* Menu Items */
#menu ul li a {
	display: block;
	text-decoration: none;
	color: #777;
}
	
/* IE Requiremento \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* Fim */

li:hover ul, li.over ul { display: block; } /* A Magica */

/* === Fundo Menu Vertical tamanho, cor e padding === */

.Fund-Menu {
	padding-left: 12px;
	padding-bottom: 12px;
}

/* === Links Menu Vertical === */

.Link-vert a {

	background-image:url(/html/skin/pl_semana2008/imagens/bullet-menu.gif);
	background-repeat:no-repeat ;
	background-position:3px 6px;;	
	
	display: block;
	
	padding-left: 15px;
	padding-top: 3px;
	padding-bottom: 3px;

	
	border-top-width: 2px;
	border-top-color: #f7f4e9;
	border-top-style: solid;
	
	border-bottom-width: 2px;
	border-bottom-color: #f7f4e9;
	border-bottom-style: solid;
	
}

.Link-vert a:hover {

	background-image:url(/html/skin/pl_semana2008/imagens/bullet-menu.gif);
	background-repeat:no-repeat ;
	background-color:#e2dcc5;
	background-position:3px 6px;;	
	
	display: block;
	
	padding-left: 15px;
	padding-top: 3px;
	padding-bottom: 3px;


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

}

/* ================================================================= */
/* ========================== Conteúdo ============================= */
/* ================================================================= */

/* ================================================= */
/* =============== Fundo do Conteúdo =============== */

/* === Div com o tamanho da parte do conteúdo === */

.Div-cont {
	float:left;
	width:779px;
	position:relative;
	
	padding-left:3px;
}

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

.cont {
	z-index:0;

	position:relative;
	background-image: url(/html/skin/pl_semana2008/imagens/cont-aba.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-color: #faf9f2;
	
	padding: 12px;
}

/* === 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(/html/skin/pl_semana2008/imagens/cont-sombra-right.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

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

.aPublicar
{
	color: red;
}

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

.Link-inf a {
	background-image:url(/html/skin/pl_semana2008/imagens/bullet-link.gif);
	background-repeat:no-repeat ;
	background-position: 0px 5px;;	
	
	display: block;
	
	padding-left: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	
}

.Link-inf a:hover {
	background-image:url(/html/skin/pl_semana2008/imagens/bullet-link.gif);
	background-repeat:no-repeat ;
	background-position: 3px 5px;;	
	
	display: block;
	
	padding-left: 15px;
	padding-top: 3px;
	padding-bottom: 3px;

}

/* ==================================================== */
/* ===================== 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 boletim eletronico ) =========== */

.b-top-boletim {
	border-top-width: 10px;
	border-top-color: #faf9f2;
	border-top-style: solid;
}

/* =========== Borda de 1 px na cor Bege ( borda bottom dos links do Menu Vertical ) =========== */

.b-bottom-menu {
	border-bottom-width: 1px;
	border-bottom-color: #d9d2b6;
	border-bottom-style: dotted;
}

/* ============================================================== */
/* ======================== 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 ( Fundo do título do Boletim ) ============== */

.bgPlutao {
	background-color: #d9d2b6;
}

/* ============== Background de cor Marrom claro ( Fundo do Boletim ) ============== */

.bgPlutao2 {
	background-color: #ede9db;
}

/* ============== Background de cor Bege ( fundo do conteúdo ) ============== */

.bgNeturno {
	background-color: #faf9f2;
}

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

.bgMarte {
	background-color: #f7f4e9;
}

/* ============== Cor de Font ( Menu Horizontal ) ============== */

.terra {
	color: #e9d2ac;
}

.terra a {
	color: #e9d2ac;
}

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


/* ================== 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;
}