/*-----------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------  NÚCLEO DE PRODUÇÃO DE MÍDIA  -------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------*//*
  Núcleo de Produção de Mídia - NPMÍDIA - UNIRG 
  Autor: Marcelo Salton Desconsi				 
  Última Atualização: 02/07/04 14:03 PM	
  
  Site dentro dos padrões da W3C
  
  Site visualizado em Mozilla, Mozilla FireFox 0.8+, Ie 5.0+, Netscape
  XHTML Estrito 1.0 válido
  CSS puro
  Tableless	 
*//*---------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------- PADRÕES -----------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------*/

body
{
	margin:0;
	background-color:#FFF;
	font:normal 12px verdana,helvetica, arial, sans-serif;
	color:#555;
	background-color:#FFF;
	text-align:center;
}

/*UL LI A [default]------------------------------------------------------------------------------------------------*/
ul
{
	list-style-type:square;
	list-style-position:inside;
	padding:0;
	margin-left:1px;
	margin-top:10px;
}

ul li, ol li{ margin-bottom:10px;}


#clct a, #coluna_fixa a
{
	font-weight:bold;
	font-size:12px;
	color:#566FC0;
	text-decoration:none;
	margin-bottom:5px;
	text-indent:0;
}
#clct a:hover, #coluna_fixa a:hover{background-color:#566FC0; color:#FFF}


a
{
	font-weight:normal;
	font-size:11px;
	color:#888;
	text-decoration:none;
	text-indent:-15px;
	margin-bottom:5px;
}
a:hover{ color:#666; text-decoration:underline}

hr{border:1px #F4F4F4 solid}
/*----------------------------------------------------------------------------------------------------------------*/

#centraliza
{
	position:relative;
	height:auto;
	margin:0 auto;
	background-color:#FFF;
}
#preenchedor
{
	float:left;
	background-color:#FFF;
}

#centraliza, #coluna, #barra, #mn_sp, #rodape, #clct {width:740px; text-align:left; background-color:#FFF;}
/*----------------------------------------------------------------------------------------------------------------*/

#clct, #coluna_fixa
{
	width:auto;
	height:auto;
	font:normal 12px verdana,helvetica, arial, sans-serif;
	color:#555;
	text-align:justify;
	margin-bottom:20px;
	background-color:#FFF;
}
/*Contato -------------------------------------------------------------------------------------------------------*/
#barra{height:auto; margin-bottom:-2px;}
#barra_m{height:auto; margin-top: 2px; border: 1px solid #ff0000}
#coluna_fixa #imagem
{
	width:38%;
	float:left;
}	

#coluna_fixa #contato
{
	width:60%;
	float:right;
	margin-top:20px;
}	

#contato textarea
{
	scrollbar-3dlight-color: #E3E3E3;
	scrollbar-arrow-color: #555;
	scrollbar-base-color: #555;
	scrollbar-darkshadow-color: #E3E3E3;
	scrollbar-face-color: #EEEEEE;
	scrollbar-highlight-color: #EEEEEE;
	scrollbar-shadow-color: #555;
	scrollbar-track-color: #E3E3E3;
}

#contato input,textarea
{
	border:1px #3C508F solid;
	font:normal 12px verdana,helvetica, arial, sans-serif;
	color:#3C508F;
}
#contato table{width:100%;}
#contato table td input{width:98%;}
#contato table td select{width:100%;}
#contato table td textarea{width:98%;}
#contato table td #fone{margin-left:3px; width:50%;}
#contato table #botoes{text-align:center;}

#contato table #botoes input{width:25%; margin-top:20px;}

#contato table td
{
	font-weight:bold;
	letter-spacing:1px;
	text-align:right;
}
/*Contato -------------------------------------------------------------------------------------------------------*/











/*Noticias--------------------------------------------------------------------------------------------------------*/
#cl_not_tx
{
	width:468px;
	font:normal 12px verdana,helvetica, arial, sans-serif;
	color:#555;
	text-align:justify;
	float:left;
	margin:0 10px 20px 0px;

}

#cl_not_tx h2{font-weight:bold; margin:0 0 20px 0;}
#cl_not_tx img{float:left; margin:0 10px 5px 0;}
#cl_not_tx p{margin:0; padding:0;}
#cl_not_tx a{text-decoration:none; color:#3C5095; font-weight:bold;}
#cl_not_tx a:hover{color:#FFF; font-weight:bold; background-color:#3C5095}

#cl_not_mn p.ativa, p.ativa a{color:#666; font-size:11px;}
#cl_not_mn p#inativa, p#inativa a{color:#CCC; font-size:11px;}

#cl_not_mn
{
	border-left:1px #F4F4F4 solid;
	float:right;
	width:250px;
	padding-left:10px;
	margin-bottom:20px;	
}

#cl_not_mn a{text-indent:0;}

#cl_not_mn hr{border:1px #F4F4F4 solid; margin:10px 0; padding:0}
#cl_not_mn p,p.tt_ativo{margin:0px; padding:0;}

/*----------------------------------------------------------------------------------------------------------------*/

#clct img, #coluna_fixa img{ float:left; padding-right:10px; padding-bottom:10px;}


#coluna{width:auto; height:540px;}/*JJJJJJJJJJJJJJJJJJJJJJJJJJJ*/

#mn_sp
{
	height:10px;
	width:auto;
	border-bottom:1px #C6C6C6 solid;
	margin:10px 0 20px 0;
	padding:2px 0;
	height:auto;
}
#mn_sp ul
{
	list-style-type:none;
	display:inline;
	margin:0;
}
#mn_sp ul li{display:inline; margin-left:0;}

#mn_sp ul li a
{
	font-weight:normal;
	font-size:11px;
	color:#261B57;
	background-image:url(../imagens/linha_h1.jpg);
	border:1px #C5C5C5 solid;
	padding:2px 10px;
	border-bottom:0;
	letter-spacing:1px;
	text-decoration:none;
}

#mn_sp ul li a:hover
{
	color:#6A81AD; 
	background-image:none;
}

/*----------------------------------------------------------------------------------------------------------------*/
#mn_rp
{
	width:590px;
	position:absolute;
	right:0;
	top:0;
	margin-top:65px;
	text-align:right;
}
/*UL LI A----------------------------------------------------------------------------------------------------------*/
#mn_rp ul{list-style-type:none;	margin:0px; }
#mn_rp ul li{display:inline; padding-left:7px; padding-right:7px; border-left:1px #C5C5C5 solid}
#mn_rp ul li a{	font-weight:bold; font-size:10px;color:#666;}
#mn_rp ul li a:hover{ color:#3D5190; text-decoration:none;}


/*-----------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------      INDEX     -------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------*/
#rodape
{
	background-color:#F4F4F4;
	height:22px;
	border-top:2px #C5C5C5 solid;
	float:left;
	margin-top:20px;
}

#rodape p
{
	color:#555;
	font:normal 11px verdana,helvetica, arial, sans-serif;
	margin-top:5px;
	text-align:center;
}	
/*----------------------------------------------------------------------------------------------------------------*/
#container_interno, #container_esq, #bloco_inferior
{
	float:right;
	width:74.5%;
	text-align:left;
	background-color:#FFF;
}
/*----------------------------------------------------------------------------------------------------------------*/
/* CONTAINER ESQUERDO
/*----------------------------------------------------------------------------------------------------------------*/
#container_esq
{
	position:relative;
	float:left;
	width:186px;
}
/*----------------------------------------------------------------------------------------------------------------*/
#menu
{
	height:300px;
	background-image:url(../imagens/fundo_menu.jpg);
	background-repeat:no-repeat;
}
/*UL LI A----------------------------------------------------------------------------------------------------------*/
#menu ul{margin:15px 0 0 5px; float:left;}
#menu ul li{margin-bottom:5px;}
#menu ul li a{font-weight:normal;font-size:11px; color:#385090;}
#menu ul li a:hover{text-decoration:none;}
/*----------------------------------------------------------------------------------------------------------------*/
#interativo
{
	color:#666666;
	width:85%;
	font:normal 11px verdana,helvetica, arial, sans-serif;
}
#interativo h1{	margin-top:10px;}

input.botao, #botoes input
{
	border:1px #C3C3C3 solid;
	background-color:#F4F4F4;
	color:#555;
	font-weight:bold;
	height:19px;
}

#noticias p input.botao
{
	border:1px #C3C3C3 solid;
	background-color:#F4F4F4;
	color:#555;
	font-weight:bold;
	height:19px;
}	

#interativo p
{
	margin:0;
	padding:3px 0;
	border-bottom:1px #E1E1E1 solid;
	color:orange;
}
#interativo p a{text-decoration:underline;}
/*----------------------------------------------------------------------------------------------------------------*/
/* FIM DO CONTAINER ESQUERDO
/*----------------------------------------------------------------------------------------------------------------*/




/*----------------------------------------------------------------------------------------------------------------*/
/* CONTAINER INTERNO
/*----------------------------------------------------------------------------------------------------------------*/
#bloco_superior
{
	height:140px;
}
/*----------------------------------------------------------------------------------------------------------------*/
#bloco_superior #noticias, #mural
{
	width:60%;
	float:left;
}	
#noticias{padding-top:10px;}

#noticias img
{
	margin-left:1px;
	float:left;
	margin-right:10px;
}
#noticias a{text-indent:0;}

#noticias #titl_sem_foto
{
	font-weight:bold;
	font-size:12px;
}

#noticias #vertical{height:100px; width:75px;}
#noticias #horizontal{height:100px; width:133px;}/*133 horizontal*/
#noticias #masc_horizontal{margin-left:-146px;}
#noticias #masc_vertical{margin-left:-88px;}
 


#mural
{
	width:40%;
	text-align:right;
}	
/*----------------------------------------------------------------------------------------------------------------*/
#bloco_inferior, #personagem, #informacoes
{
	height:380px;
	width:99.6%;
	float:left;
	
}

#informacoes
{
	width:58%;
}
#informacoes h1{ float:left; width:97%;}


#informacoes ul
{
	width:44%;
	float:left;
	margin:10px 10px 10px 0;
	padding-right:5px;
}

#personagem
{
	width:40%;
	float:right;
	text-align:right;
	height:420px;
}
#personagem img
{
	border-bottom:1px #C0C0C0 solid;
	position:relative;
	float:right;
	margin-top:75px;
}

/*-----------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------- FIM DA INDEX-------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------*/
h1.ttmn
{
	font-size:12px;
	color:#666;
	margin:0;
	padding:3px;
	background-image:url(../imagens/linha_h1.jpg);
	border:1px #C5C5C5 solid;
	float:left;
	width:96%;
}

h1
{
	font:bold 16px helvetica, arial, sans-serif;
	color:#261B57;
	margin:0;
	padding:3px;
	margin-top:10px;
	letter-spacing:5px;
}
h2
{
	font:normal 12px verdana, helvetica, arial, sans-serif;
	color:#261B57;
}
h3
{
	font:bold 12px verdana, helvetica, arial, sans-serif;
	color:#261B57;
}

#mn_sp ul li #pl
{
	background-color:#FFF	;
	background-image:none;
	color:#C5C5C5;
}		
/*----------------------------------------------------------------------------------------------------------*/
#enquete /* id container para os dados */
{
	height:auto;
	margin-bottom:5px;
	float:left;
	width:100%;
}

#enquete h5, #enquete h6 /* formatações semelhantes para h6 (pergunta) e h5 (respostas) */
{
	font:bold 10px Verdana,Arial,Helvetica;
	color:#3D5190;
	margin:2px 0;
	padding:0;
	letter-spacing:0;
}

#enquete h5 b{color:#000;} /* porcentagem */

#enquete h6
{
	padding-bottom:2px;
	border-bottom:1px #ccc solid;
	margin-bottom:5px;
	float:left;
} /* pergunta */

#enquete p /* barra externa */
{
	border:1px #D1A14E solid;
	background-color:#fff;
	padding:0;
	float:left;
	width:100%;
	height:10px;
}

#enquete p b /* barra interna */
{
	background-color:#385090;
	float:left;
	height:10px;
	font-size:0;
}

#enquete div /* barra interna */
{
	border-top:1px #CCC solid;
	text-align:center;
	float:left;
	width:100%;
	margin-top:3px;
	
}
#enquete div input
{
	margin-top:3px;
	width:50px;
	height:25px;
	font-weight:bold;
	color:#555;
}
/*[A] (formatação de exemplo) passar o valor da classe para as variáveis do PHP ----------------------*/
#enquete h6.A{ color:#D78033} /*titulo*/
#enquete h5.A{ color:#385090} /*pergunta*/
#enquete p.A 
{
	border:none;
	background-color:#F4F4F4;
}
#enquete p b.A
{
	background-color:#98A8CA;
	border-right:3px #385090 solid;
}

#fixa
{
 font-size:11px;
 margin-top:10px;
	height:52px;
	_height:56px;
}
#tFixa
{
 font-weight:bold;
	color:#00004a;
	margin-bottom:4px;
}
/*-------------------------------------------------------------------------------------------------*/