/**********************************************************************
 *
 * CSS METALRO.COM 2011 - Desenvolvido por Marlos Irapuan (www.idalem.com)
 *
 *********************************************************************/
@charset "utf-8";


/* --------- Definicoes Gerais */
html, body
{
	font-family:  	Arial, Tahoma;
	font-weight: 	normal;
	font-size:		.94em;
	letter-spacing: -0.02em;
	margin:			0;
	padding:		0;
	height: 		100%;
	color:			#FFF;	
	background: 	url(../imagens_site/bg.jpg) top no-repeat #000;
}

h1 {
	text-shadow: 	#000 1px 1px 1px;
}

p			{ margin:0px 10px 15px 10px; }
a			{ text-decoration:none; color:#FFF;}
a:hover 	{ color:#CCC; } 

* html #conteiner {
	height: 100%; /* hack para IE6 que trata height como min-height */
}
#conteiner {
	min-height: 100%;
}


/* --------- Painel Rotativo */
#painel 				{width:390px;height:315px;background: url(../imagens_site/slideshow-bg.jpg); filter:alpha(opacity=100); opacity:1;-moz-opacity:1; -khtml-opacity: 1; float:left; text-shadow: 			#FFF 0px 0px 1px;}
div>#painel 			{top:0;} /*hack*/
#painel-conteudo 		{display:none;}
#painel h2 				{font-size:12pt;padding:0 0.4em;margin:0 0 0 0;}
#painel h2 a 			{color:#000;}
#painel h2 a:visited 	{color:#eee;}
#painel #imgslide 		{width:380px;height:195px;margin:0 0 0 0; padding:4px;}
#painel #proximo, #painel #anterior, #painel #pause {cursor:pointer;cursor:hand;position:absolute;}
#painel #prox-ant 		{position:relative;top:4px;width:13.8em;height:0px;left:10;}
#painel #anterior 		{left:207px;}
#painel #proximo 		{left:300px;}
#painel #pause 			{left:280px;}
#painel #to-blend 		{opacity:0.99;zoom:1;}
#painel .titulo {
	display: 		block;
}
#painel .resumo {
	display: 		block;
	height: 		50px;
	font-weight: 	normal;
	font-family: 	Arial;
	margin-bottom: 	5px;
	font-size: 		13px;
}



/* TUDO */
div#conteiner {
	width:			975px;
	margin: 		0 auto 0 auto;
	position: 		relative;
}


/* HEADER */
div#header_left {
	display: 		block;
	width: 			560px;
	float: 			left;
	height: 		120px;
}
div#header_right {
	display: 		block;
	width: 			400px;
	float: 			left;
	height: 		120px;
}
	div#social {
		display: 		block;
		width: 			135px;
		height: 		50px;
		float: 			left;
		margin-top: 	40px;
	}
	div#social ul {
		padding: 		0;
		margin:			0;
	}
	div#social ul li {
		display: 		inline;
	}
	
	div#search {
		display: 		block;
		width: 			255px;
		height: 		50px;
		float: 			left;
		margin-top: 	40px;
		margin-left: 	10px;
	}
	div#search .campo_pesquisa {
		background: 	#CCC;
		width: 			160px;
		border: 		1px solid #FFF;
		margin-left: 	0px;
	}
	div#search .sessao_pesquisa {
		background: 	#CCC;
		border: 		1px solid #FFF;
		font-size: 		10px;
	}
	div#search .btn_pesquisa {
		border: 		1px solid #666;
		background: 	#333;
		color: 			#FFF;
		font-weight: 	bold;
	}

/* MENU */
div#menu {
	display: 		block;
	width: 			99%;
	height:			44px;
	float: 			left;
	background: 	url(../imagens_site/menu-bg.gif);
	
	font-family: 	Arial, Geneva, Verdana, sans-serif;
	font-size: 		14px;
		
	text-shadow: 	#000 1px 1px 0px;
}
#menu {	
	background: url(../imagens_site/menu-bg.gif); 
}
#menu ul {
	list-style-type: 	none;
	margin: 			0; 
	padding: 			0;
}
#menu li {
	display: 			block;
	float: 				left; 
	background:			url(../imagens_site/menu-divider.gif) right no-repeat; 
	padding: 			0 2px 0 0;
}
#menu li a {
	display: 			block; 
	padding: 			14px; 
	margin: 			0;
}
#menu li a:hover, #menu li a:active {
	background: url(../imagens_site/menu-hover.gif) repeat-x;
	color: #FFF;
}


/* CONTEUDO CORPO */
div#conteudo_corpo {
	display: 			block;
	float: 				left;
	background: 		#1E1E1E;
	width: 				700px;
	min-height: 		800px;
	line-height: 		1.6;
	padding: 			10px;
}
	div#conteudo_corpo a {
		color: 			#FC0;
	}
	div#conteudo_corpo a:hover {
		color: 			#FF3;
	}

	div#top {
		display: 			block;
		background: 		url(../imagens_site/arrend_top.jpg) no-repeat top;
		height: 			17px;
		width: 				720px;
	}
	div#addthis {
		display: 			block;
		margin-bottom: 		10px;
	}
	div#fb-plugin {
		margin-bottom: 		15px;
	}

	div#conteudo_corpo .titulo {
		padding: 		0;
		margin: 		0;
		text-shadow: 	#000 1px 1px 1px;
		font-size: 		30px;
		line-height: 	1.2;
	}
	div#conteudo_corpo .publicado {
		display: 		block;
		margin-top: 	5px;
		padding-bottom: 10px;
		margin-bottom: 	10px;
		color: 			#666;
		text-transform: lowercase;
		font-size: 		14px;
	}
	
	div#conteudo_corpo img {
		border: 		4px solid #333;
		margin: 		6px;
	}
	
	/* comentarios */
	div#conteudo_corpo .comentarios {
		display: 		block;
		font-weight: 	bold;
		margin-top: 	35px;
		border-top: 	1px solid #333;
		padding-top: 	5px;
		float: 			left;
		width: 			700px;
		font-size: 		13pt;
		
		text-shadow: 	#000 0px 1px 1px;
		color: 			#FC6;

	}
	div#conteudo_comentario_face {
		display: 		block;
		width: 			680px;
		float: 			left;
		margin-top: 	10px;
		background: 	#EEE;
		padding: 		10px;
	}
	
	
	div#banners_lateral {
		display: 		block;
		float: 			left;
		width: 			200px;
		margin-left: 	10px;
		padding-bottom: 10px;
	}
	div#banners_lateral ul {
		list-style: 	none;
		padding: 		0px;
		margin:			0px;
	}


/* CONTEUDO */
div#conteudo {
	display: 		block;
	width: 			97%;
	/*background: 	red;*/
	float: 			left;
	margin-top: 	20px;
	padding-left: 	10px;
	padding-top: 	10px;
	padding-bottom: 10px;
}
	div#conteudo_left {
		display: 		block;
		width: 			390px;
		/*background: 	green;*/
		float: 			left;
	}
	div#conteudo_right {
		display: 		block;
		width: 			530px;
		/*background: 	blue;*/
		float: 			left;
		margin-left: 	20px;
	}


/* Listar conteudo */
div#conteudo_corpo .titulo_editoria {
	font-weight: 		bold;
}
div#conteudo_corpo .editoria {
	display: 			block;
	width: 				180px;
	float: 				left;
	border-left: 		3px solid #333;
	padding-left: 		5px;
}
	div#conteudo_corpo .editoria ul {
		margin-left: 		5px;
		padding-left: 		15px;

		padding-bottom: 	0px;
		margin-bottom: 		0px;
		
		padding-top: 		0px;
		margin-top: 		0px;

	}
	
div#conteudo_corpo .lista {
	display: 			block;
	width: 				500px;
	float: 				left;
	margin-left: 		10px;
}
div#conteudo_corpo .sep_contetudo {
	display: 			block;
	margin: 			0px;
	padding: 			0px;
	border-bottom: 		1px solid #333;
}


/* Conteudo baixo */
div#conteudo_baixo {
	display: 		block;
	width: 			950px;
	/*background: 	pink;*/
	float: 			left;
	margin-top: 	15px;
	margin-bottom: 	50px;
}
	div#conteudo_baixo .esq {
		display: 		block;
		float: 			left;
		width: 			390px;
		/*background: 	#366;*/
	}
	div#conteudo_baixo .dir {
		display: 		block;
		float: 			left;
		width: 			530px;
		/*background: 	#6F9;*/
		margin-left: 	20px;
	}

div#conteudo_baixo .titulo_galeria {
	display: 			block;
	height: 			34px;
	width: 				100%;
	background: 		url(../imagens_site/galeria-de-fotos-top.jpg) no-repeat;
	float: 				left;
	margin-bottom: 		10px;
}
div#conteudo_baixo .boxGal {
	display: 			block;
	width: 				126px;
	margin-right: 		2px;
	height: 			190px;
	margin-bottom: 		15px;
	float: 				left;
	overflow: 			hidden;
}
div#conteudo_baixo .boxGal_titulo {
	display: 			block;
	font-size: 			14px;
	font-weight: 		normal;
}
div#conteudo_baixo .boxGal_info {
	display: 			block;
	font-size: 			10px;
	color: 				#666;
}

div#conteudo_baixo img {
	border: 		3px solid #333;
	margin-bottom: 	5px;
}
div#conteudo_baixo a:hover img {
	border: 		3px solid #CCC;
	margin-bottom: 	5px;
}

div#conteudo_baixo .parceiros {
	display: 			block;
	width: 				390px;
}
	div#conteudo_baixo .parceiros a:hover img {
		border: 		0px;
	}
	
	div#conteudo_baixo .parceiros a img {
		border: 			0px;
		display: 			block;
		width: 				120px;
		height: 			90px;
		float: 				left;
		margin-bottom: 		15px;	
		margin-right: 		10px;
	}
	
	div#conteudo_baixo .titulo_parceiro {
		display: 			block;
		height: 			34px;
		width: 				100%;
		background: 		url(../imagens_site/parceiros-top.jpg) no-repeat;
		float: 				left;
		margin-bottom: 		10px;
	}
	div#conteudo_baixo .boxParceiro {
		display: 			block;
		width: 				120px;
		height: 			90px;
		/*background: 		white; */
		margin-left: 		5px;
		float: 				left;
		margin-bottom: 		15px;
	}

div#coluna_direita .evento {
	display: 			block;
	width: 				270px;
	float: 				left;
}
	div#coluna_direita .linesep {
		display: 		block;
		height: 		1px;
		border-bottom:	1px solid #1F1F1F;
		float: 			left;
		width: 			265px;
		margin-top: 	5px;
		margin-bottom:	10px;
	}
	
	div#coluna_direita .titulo_evento {
		display: 			block;
		height: 			34px;
		width: 				100%;
		background: 		url(../imagens_site/eventos-top.jpg) no-repeat;
		float: 				left;
		margin-bottom: 		10px;
	}

	div#coluna_direita .box_evento_hoje {
		width: 			265px;
		display: 		block;
		margin-bottom: 	5px;
		float: 			left;
		/*background: 	red;*/
		padding-top: 	4px;
		padding-right: 	4px;
		padding-left: 	4px;
		background: 	#161616;
	}
	div#coluna_direita .box_evento {
		width: 			265px;
		display: 		block;
		margin-bottom: 	0px;
		float: 			left;
	}
	div#coluna_direita .box_evento_data {
		display: 		block;
		font-size: 		22px;
		color: 			#999;

		margin-bottom: 	6px;
	}
	div#coluna_direita .box_evento_titulo {
		display: 		block;
		font-size: 		15px;
		color: 			#FFF;
		margin-bottom: 	4px;
	}
	div#coluna_direita .box_evento_local {
		display: 		block;
		font-size: 		10px;
		color: 			#CCC;
		text-transform: uppercase;
	}
	
		
	
	div#coluna_direita .facebook {
		float: 			left;
		/*background: 	#CCF;*/
		width: 			230px;
		margin-top: 	20px;
	}
	div#coluna_direita .twitter {
		margin-top: 	15px;
		display: 		block;
		float: 			left;
	}

div#coluna_direita .titulo_enquete {
	display: 			block;
	height: 			34px;
	width: 				100%;
	background: 		url(../imagens_site/enquete-top.jpg) no-repeat;
	float: 				left;
	margin-bottom: 		10px;
	margin-top: 		15px;
}
div#coluna_direita .enquete {
	display: 			block;
	width: 				270px;

}
	
div#coluna_direita .social {
	display: 			block;
	width: 				226px;
	float: 				left;
	margin-left: 		15px;
	height: 			500px;
}


div#coluna_direita .titulo_social {
	display: 			block;
	height: 			34px;
	width: 				100%;
	background: 		url(../imagens_site/rede-social-top.jpg) no-repeat;
	float: 				left;
	margin-bottom: 		10px;
}

/* Destaques */
div#especial .box_especial {
	display:		block;
	float:			left;
	width: 			162px;
	margin-right: 	10px;
	margin-top: 	10px;
	margin-bottom: 	5px;
	overflow: 		hidden;
}
div#especial .box_titulo {
	font-size: 			14px;
	font-weight: 		normal;
	display: 			block;
}

div#especial img {
	border: 		3px solid #333;
	margin-bottom: 	5px;
}
div#especial a:hover img {
	border: 		3px solid #CCC;
	margin-bottom: 	5px;
}

div#especial .titulo {
	display: 			block;
	height: 			34px;
	width: 				100%;
	background: 		url(../imagens_site/especiais-top.jpg) no-repeat;
	float: 				left;
	margin-bottom: 		10px;
}

	div#banner_especial {
			display: 		block;
			width: 			100%;
			/*background: 	yellow;*/
			float: 			left;
			margin-top: 	20px;
			margin-bottom: 	10px;
	}

	div#banner_painel {
			display: 		block;
			width: 			100%;
			/*background: 	yellow;*/
			float: 			left;
			margin-top: 	10px;
			margin-bottom: 	10px;
	}
	
/* Enquete */

.perguntaEnquete {
	margin-top: 		0;
	padding: 			0;
	font-weight: 		bold;
	color: 				#F30;
}
div#enquete a {
	font-weight: 		bold;
	color: 				#666;
}
div#enquete a:hover {
	text-decoration: 	underline;
}
div#enquete, div#enquete_corpo img {
	border: 0;
}
div#enquete h1 {
	font-size: 			12pt;
	margin: 			0;
	padding:			0;
	font-family: 		Arial;
	text-transform:		uppercase;
}
div#enquete_corpo ul {
	list-style: 		none;
	margin-top: 		10px;
	margin-left: 		0px;
}


/* Eventos */
div#conteudo_corpo .evento_imagem {
	display: 				block;
	width: 					680px;
	background: 			#121212;
	margin-left: 			10px;
	padding-top: 			10px;
	padding-bottom: 		10px;
	border-top: 			1px solid #272727;
	border-bottom: 			1px solid #272727;
	
	text-align: 			center;
}
div#conteudo_corpo .evento_descricao, div#conteudo .evento_informacao {
	display: 				block;
	width: 					660px;
	background: 			#0A0A0A;
	margin-top: 			5px;
	margin-left: 			10px;
	padding-top: 			10px;
	padding-bottom: 		10px;
	border-top: 			1px solid #272727;
	border-bottom: 			1px solid #272727;
	padding-left: 			10px;
	padding-right: 			10px;
}
div#conteudo_corpo .evento_informacao {
	color: 					#CCC;
	font-weight: 			bold;
	font-size: 				14pt;
}
div#conteudo_corpo .evento_informacao strong {
	color: 					#F60;
	font-size: 				11pt;
	display: 				block;
	width: 					100px;
	padding:  				4px;
}
div#conteudo_corpo .evento_informacao center {
	font-size: 				18pt;
	color: 					#FFF;
}


/* Listar especial */

div#conteudo_corpo .box_especial {
	display: 				block;
	width: 					680px;
	height: 				140px;
	font-size: 				18pt;
	float: 					left;
	background:				#282828;
	
	text-shadow: 			#000 0px 1px 0px;
}
div#conteudo_corpo .box_especial a:hover img {
	border: 	4px solid #CCC;
}

div#conteudo_corpo .data_esp {
	display: 		block;
	font-size: 		16px;
	color: 			#CCC;
}


/* Listar users */

div#conteudo_corpo .box_usuarios {
	
	margin-top: 			10px;
	padding: 				0px;
	
	display: 				block;
	width: 					680px;
	font-size: 				10pt;
	float: 					left;
	background:				#282828;
	
	text-shadow: 			#000 0px 1px 0px;
}
div#conteudo_corpo .box_usuarios_esq {
	display: 				block;
	float: 					left;
	width: 					160px;
}
div#conteudo_corpo .box_usuarios_dir {
	display: 				block;
	float: 					left;
	width: 					520px;
}

	div#conteudo_corpo .box_usuarios strong {
		display: 			block;
		width: 				515px;
		float: 				left;
		font-size: 			12pt;
		margin-top: 		5px;
	}
	div#conteudo_corpo .box_usuarios_info img {
		border: 				0px;
		margin: 				0px;
	}

div#conteudo_corpo .box_usuarios_sobre {
	display: 				block;
	width: 					515px;
	color: 					#DFDFDF;
	text-shadow: 			none;
	font-size: 				11px;
	
	overflow: 				auto;
	height: 				70px;
	
}
div#conteudo_corpo .box_usuarios_info {
	display: 				block;
	float: 					left;
	width: 					510px;
	border-top: 			1px solid #333;
	margin-top: 			5px;
	padding-top: 			5px;
	padding-bottom: 		2px;
}


div#conteudo_corpo .data_esp {
	display: 		block;
	font-size: 		16px;
	color: 			#CCC;
}







/* Listagem */

.galeria_titulo {
	font-size: 			8pt;
	font-weight: 		bold;
	display: 			block;
	color: 				#FFCC33;
	margin-top: 		2px;
	margin-bottom: 		4px;
	width: 				208px;
	margin-left: 		10px;
}
.galeria_desc {
	font-size: 			7pt;
	display: 			block;
	color: 				#FFF;
}

div#lista_galeria {
	width: 					710px;
	display: 				block;
	float: 					left;
	margin-bottom: 			10px;
}

div#lista_galeria img {
	border: 				3px solid #333;
	margin-top: 			14px;
}
div#lista_galeria a:hover img {
	border: 				3px solid #CCC;
}

div#lista_galeria .bloco_galeria {
	display:				block;
	
	width: 					225px;
	height: 				240px;
	float: 					left;
	margin-right: 			10px;
	margin-top: 			5px;
	padding-top: 			5px;
	
	background: 			#0F0F0F;
	text-align: 			center;
	
	border-top: 			1px solid #1F1F1F;
	border-bottom: 			1px solid #1F1F1F;
	
	overflow: 				hidden;
}
div#lista_galeria .bloco_galeria_evento {
	display:				block;
	
	width: 					225px;
	height: 				290px;
	float: 					left;
	margin-right: 			10px;
	margin-top: 			5px;
	padding-top: 			5px;
	
	background: 			#0F0F0F;
	text-align: 			center;
	
	border-top: 			1px solid #1F1F1F;
	border-bottom: 			1px solid #1F1F1F;
	
	overflow: 				hidden;
}

div#paginacao {
	display: 				block;
	float: 					left;
	width: 					100%;
	margin-top: 			10px;
	font-size: 				13pt;
	font-weight: 			bold;
	
	text-transform: 		uppercase;

}
	div#paginacao a {
		background: 	#333;
		color: 			#FFF;
	}
	div#paginacao a:hover {
		background: 	#252525;
		color: 			#FFF;
	}



/* Formulario */
div#formulario_padrao {
	
}
	div#formulario_padrao h4 {
		text-shadow: 	#000 0px 1px 0px;
		font-size: 		20px;
		color: 			#FC6;
		padding-botom: 	0px;
		margin-bottom:	5px;
		display: 		block;
		border-bottom: 	1px solid #333;
	}
	div#formulario_padrao h3 {
		text-shadow: 	#000 0px 1px 0px;
		font-size: 		16px;
		color: 			#F00;
	}
	div#formulario_padrao label {
		display: 		block;
		text-shadow: 	#000 0px 1px 0px;
		font-size: 		16px;
		color: 			#CCC;
		font-weight: 	bold;

	}



div#ultimos {
	display: 		block;
	float: 			left;
	width: 			100%;
	margin-top: 	80px;
	border-top: 	1px solid #1E1E1E;
	
	font-size: 	  	12px;
	font-weight: 	bold;
	
	text-align: 		left;
	text-transform: 	lowercase;
	
}
	div#ultimos ul {
		margin-top:  10px;
		margin-left: 0px;
		padding: 0px 0px 0px 22px;
	}
	div#ultimos ul li {
		display: 	inline;
		margin: 	0px;
		padding: 	0px;
	}
	div#ultimos a.inicio, div#ultimos a.eventos, div#ultimos a.galerias, div#ultimos a.especiais, div#ultimos a.noticias, div#ultimos a.quem-somos {
		color: 			#666;
		border-right: 	1px solid #171717;	
		padding-right: 	5px;
		padding-left:	3px;
	}
	div#ultimos a.contato {
		color: 			#666;
		padding-right: 	5px;
		padding-left:	3px;
	}
	div#ultimos a:hover {
		color: 			#999;
	}


/* Comentarios sistema antigo */

div#comentario {
	display: 				block;
	width: 					700px;
	background: 			#0D0D0D;
	font-family: 			Arial;
	float:  				left;
}
	
	div#comentario .comentario_lista {
		display: 				block;
		width: 					690px;
		float: 					left;
		padding: 				5px;
	}
	
	div#comentario label {
		display: 				block;
		margin-bottom: 			2px;
		color: 					#CCC;
		font-variant:  			small-caps;
	}
	div#comentario .ci {
		font-size: 				13pt;
		font-weight: 			bold;
		display: 				block;
		border-bottom: 			3px solid #111;
		margin-bottom: 			5px;
		
		text-shadow: 			#000 0px 1px 1px;
		color: 					#FC6;

	}
	div#comentario .li {
		display: 				block;
		background: 			#161616;
		padding: 				5px;
		font-size: 				10pt;
		margin-bottom: 			1px;
		color: 					#FF9;
	}
	div#comentario .pi {
		display: 				block;
		background: 			#242424;
		padding: 				5px;
		font-size: 				10pt;
		margin-bottom: 			15px;
		overflow: 				auto;
	}
	div#comentario img {
		border: 				2px solid #333;
		float: 					left;
		margin-right: 			6px;
		margin-bottom: 			4px;
	}
	div#comentario strong {
		font-size: 				8pt;
		color: 					#666;
	}
	div#comentario .field_comentario {
		border: 				1px solid #000;
		background: 			#E8E8E8;
	}
	
/* Rodape */

div#rodape {
	display: 		block;
	float: 			left;
	width: 			97%;
	height: 		99px;
	background: 	url(../imagens_site/footer.jpg);
	padding-left: 	14px;
	margin-top: 	30px;
	font-size: 		12px;
}
div#rodape a {
	color: 			#666;
}
div#rodape a:hover {
	color: 			#313131;
}



/* FIM */