@CHARSET "ISO-8859-1";
	form { margin:0;}

 	.mtop10px {
		margin-top: 			10px;
	}

	.mbottom10px {
		margin-bottom:			10px;
	}
	.mbottom20px {
		margin-bottom:			20px;
	}


	#pag_name bgcolor6 h1, #best_card h1 {
		color:				#D0D3D1;
		font-size:			11px;
		margin:				0px;
		padding:				6px 12px;
	}

  	.label_form{
  		width:				100px;
  		padding-top:			5px;left
  		color:				#3A3A3A;
  	}


  	.input_button {
  		background:			#EAEAEA;
  		cursor: 				pointer;
		border: 				1px solid #FFF;
		border-right-color:  	#75736E;
		border-bottom-color:  	#75736E;
  	}


	#cad_usuario, #cad_perfil {
		width: 				400px;
		border: 				1px solid #8C9DAC;
		margin:				0 auto;
		margin-top:			10px;
		background:			#bbc6cc;
		padding:				10px 10px 30px 10px;
		color:				#3A3A3A;
	}

	#cad_usuario strong, #cad_perfil strong, #cad_usuario span, #cad_perfil span {
		color:				#3A3A3A;
	}

	#cad_usuario a, #cad_perfil a {	color:#333333 }

	.div_line {
		margin-top: 			10px;
	}


	/*------------- Relatório adm de cards, usuários --------------*/

	.titulo_rel {
		color: 				#fff;
		font-family: 			Verdana,Arial,Helvetica,sans-serif;
		padding:				5px;
	}

	.menu_rel {
		background-color: 	#89a0ac;
		height: 			40px;
		width: 				250px;
		border: 			1px solid #1C3A57;
		text-align: 		center;
		padding-top: 		10px;
	}
	.linha_rel, .linha_desc {
		font-family:			Tahoma,"Trebuchet MS",Arial,Verdana;
		font-size:			11px;
		color:				#3A3A3A;
		border-bottom:			1px solid #889089;
		padding-left:			5px;
	}
	.linha_desc {

	}

	.tabela_rel {
		width: 				100%;
		background: 			#BBC6CC;

	}

	.tabela_rel a{
		color:				#3A3A3A;
		text-decoration:		none;
	}

	.tabela_rel a:hover {
		color:				#3A3A3A;
		text-decoration:	underline;
		cursor:				pointer;
	}
	.tabela_rel a:visited{
		color:				#3A3A3A;
	}
	.desc_card_adm {
		background:			#f26522;
		color:				#FFF;

	}

	/*------------- Mensagens do Sistema --------------*/

	/*
	*	DIV erro na validação de campos (validator.js)
	*/
	.validation-advice {
		margin: 			5px 0;
		padding: 			5px;
		background-color: 	#454545;
		color : 			#FFF;
		font-family: 		Tahoma, "Trebuchet MS", Arial, Verdana;
		font-size:		10px;
	}

	#msg_sistema {
		background-color:	#BABEBB;
		padding: 			5px;
		color:			#3A3A3A;
		font-family:		Tahoma,"Trebuchet MS",Arial,Verdana;
		font-size:		11px;
		border:			2px solid #FFFFFF;
		display: 			block;
		opacity: 			0.999999;
		z-index: 			999;
		position: 		absolute;
	}

	#titulo_msg, #descricao_msg {
		text-align:		center;
		padding:			2px;
	}

	#titulo_msg {
		float: 			left;
	}

	#descricao_msg {
		float:			left;
	}

	#ajax_overlay {
		padding: 			10px;
		width:			200px;
		height:			20px;
		background:		#BABEBB;
		border: 			2px solid #FFF;
		z-index:			1001;
		position:			absolute;
		color:			#3A3A3A;
		top: 			50%;
		left: 			50%;
		margin:			-10px -100px;
	}

	.message_title {
		font: 			bold 12px 'Trebuchet Ms', Arial, Verdana, Tahoma, Sans-Serif;
		color:			#3A3A3A;
		text-align:		center;
		padding: 		5px;
		width:			80%;
		background:		#bbc6cc;
		float: 			left;
	}

	.message_close {
		padding: 		5px;
		text-align:		center;
		background:		#3d5368;
		float: 			rigth;
	}

	.message_text {
		padding: 		5px;
		text-align:		center;
		background:		#FFF;
		color:			#5F5F5F;
	}
	/* CSS Document */

	/*================ CONTAINERS ======================
	====================================================*/

	#bottom_site {
		background-color:#D5D9D6;
		border-top:#FFFFFF 6px solid;
		height:40px;
		}

	/*------------- Comentários --------------*/
	.comentario {
		background-color:#385672;
		margin:10px 10px 5px 10px;
		border-bottom:#7D7D7D 1px solid;
	}

	.resposta {
		margin: -5px 10px 5px 15px;
		border-bottom: #889089 1px dashed;
		border-left: #889089 1px dashed;
		border-right: #889089 1px dashed;
		background-color:#1c3a57
	}

	#titulo_filter, .titulo_barra, #titulo_user, #titulo_adm{
		height:22px;
		font-weight:normal;
		vertical-align: middle;
		text-align:left;
		background-color:#506E7E;
		border-bottom: #8C9DAC 1px solid;
		}

	#titulo_filter h3, .titulo_cad, #titulo_user h3, #titulo_adm h3{
		margin:				0;
		padding:				3px 0 0 6px;
		font-size:			12px;
		font-weight:			normal;
		font-weight: 			bold;
		color:				#FFF;
		}



	#filter .select{
		margin:				3px 5px 0 10px;
		width: 				140px;
		}

	/* ================ MENU ESTARS ==================
	==================================================*/

	*+html #menu_voto { padding:0}

	#voto_card ul{
		padding: 0;
		float:right;
		margin:5px 8px 4px 0;
		list-style-type:none;
	}

	#voto_card ul li {
		float: left;
		margin:0;
		margin-left:1px;
		width:15px;
		font-size:10px;
	}
	#voto_card ul li.votarli { width: 47px; padding-top:2px;}


	/* ================= FORMULÁRIOS ==================
	===================================================*/

/************************************** CSS DO RENATO ****************************************/

/* CSS Document */

/*================= GLOBAIS ===================
================================================*/
body { margin:0;
	width:100%;
	background-color:#EEF1EE;
	}

a {color:#BABEBB;
	font-weight:bold;
	text-decoration:none;
	}
a:hover {
	color:#FFF;
	text-decoration:underline;
	}
a:visited {color:#E3E5E3;}

/*--------- fontes ---------*/
small { font-size:10px;}
label { font-size:10px;}
.uppercase { text-transform:uppercase;}

/*------ cores ----------*/
.bgcolor1 { background-color:#FFFFFF; }
.bgcolor2 { background-color:#506E7E; }
.bgcolor3 { background-color:#BABEBB; }
.bgcolor4 { background-color:#BBC6CC; }
.bgcolor5 { background-color:#385672; }
.bgcolor6 { background-color:#1c3a57; }
.bgcolor7 { background-color:#5d6f80; }
.bgcolor8 { background-color:#506E7E; }

.fontcolor1 { color:#FFFFFF; }
.fontcolor2 { color:#BABEBB; }
.fontcolor3 { color:#889089; }
.fontcolor4 { color:#3A3A3A; }

/*------ bordas ----------*/
.border1 { border:#FFFFFF 1px solid;}
.border2 { border:#7D7D7D 1px solid;}
.borderbt1 { border-bottom: #748a9e 1px solid;}
.borderbt2 {border-bottom:#748a9e 1px solid;}

/*------ clears e floats-----------*/
.clear, .clear h1 {
	clear:both;
	height:1px;
	font-size:1px;
	line-height:1px;
	text-align:right;
	}

.left { float:left; }
.right { float:right; }


/* =============== TODAS AS PÁGINAS =================
=====================================================*/

#container {
	width:1000px;
	margin: 0 auto;
	font-family: Tahoma, "Trebuchet MS", Arial, Verdana;
	font-size:11px;
	background-color:#FFFFFF;
	color:#D0D3D1;
}

/*------------ topo --------------*/

#top {
	height:78px;
	}
#container_top {
	margin-left:25px;
	}

#logos {
	height:50px;
	margin-right:25px;
	float:left;
	}

.logos_icard {
	margin-top:19px;
	border:none;
	}

/*--------- banners superior --------*/
#top .banners{
	width:750px;
	height:60px;
	margin-top:9px;
	float:left;
}

#top .banners img {
	margin-left:14px;
	}

/* ----------- banners verticais ------------*/

#container_left .banners img {
	margin:0
}

.banners_vertical {
	width:160px;
	height:60px;
	margin:0 auto;
	border:#FFFFFF 1px solid;
}

#container_bottom {
	background:#5d6f80 url(../img/fd_site2.gif) repeat-y;
	margin: 0 auto;
	}

#container_left {
	width: 185px;
	background:transparent none repeat scroll 0%;
	float:left;
	}

#container_right {
	width: 815px;
	background:transparent none repeat scroll 0%;
	float:right;
	}

#bottom_site {
	background-color:#D5D9D6;
	border-top:#FFFFFF 6px solid;
	height:40px;
	}

#container_bottom, #container_left, #container_right, .clear  {
	margin:0;
	padding:0;
	}

#container_right { padding-bottom: 20px;}

/*------------- Cometários --------------*/
.comentario {
	margin:10px 10px 5px 10px;
	border-bottom:#748a9e 1px solid}

/*-------------- Filtro----------------*/
#filter , #menu_usuario, #menu_adm{
	width:164px;
	padding-bottom:15px;
	background-color:#bbc6cc;
	border: #8C9DAC 1px solid;
	margin: 9px auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

#filter small, #menu_usuario small a, #menu_adm small a {
	display:block; margin:8px 0 0 10px;
	color:#3A3A3A;
	}

#filter .select{
	margin:3px 5px 0 10px;
	width: 140px;
	}


/*-------------- título box ----------------*/

.box_titulos {
	height:20px;
	font-weight:normal;
	vertical-align: middle;
	text-align:left;
	border-bottom: #7D7D7D 1px solid;
	}

.box_titulos h3 {
	padding:3px 0 0 8px;
	font-size:11px;
	color:#9ba5ae;
	margin:0pt;
	}

#filter .box_titulos h3 {
	font-size:9px;
	font-weight:normal;
	}

/*---------------- paginação -------------------*/
.paginacao {
	text-align:right;
	width:450px;
	padding:15px 12px 0 0;
	}

/*================ CONTEÚDOS ================
============================================= */
#container_left .text_block {
	width: 164px;
	margin: 10px auto;
	clear:both;
	background-color:#bbc6cc;
	color:#3A3A3A
}

.margin_txt {
	padding:0 8px;
	margin:6px 0;
	background:transparent none repeat scroll 0%;
	}

.margin_txt p { margin:5px}

.margin_txt ul { margin:5px 10px}
*+html .margin_txt ul { margin-left:40px}
*html .margin_txt ul { margin-left:40px}
.margin_txt li { padding:3px}


	/*------- título das páginas ---------*/
	#pag_name {
		height: 34px;
		}
	#pag_name h1, #best_card h1, #card_name h1 {
		padding:15px 12px;
		font-size:11px;
		}

	#pag_name h1 a { color:#889089; }
	#pag_name h1 a:hover { color:#BABEBB; }
	#pag_name h1 a:visited { color:#BABEBB; }

	#pag_name bgcolor6 {
		height: 24px;
		background-color:#3A3A3A;
		border-bottom:#9FA6A0 1px solid;
		}
	#pag_name.bgcolor6 h1, #best_card h1, #card_name h1 {
		margin:0px;
		padding:10px 12px;
		color:#D0D3D1;
		font-size:11px;
		}

	#pag_name bgcolor6 h1 a {
	 	color:#D0D3D1;
		font-size:10px;
		}
	#pag_name bgcolor6 h1 a:visited {
	 	color:#889089;
		font-size:10px;
		}


/*===================== HOME  =====================
===================================================*/


/*------------ destaques ------------*/

.pag_home {
	width:600px;
	float:left;
	}

#best_card {
	width: 215px;
	height: 35px;
	background:#3d5368 url(../img/fd_best_card2.gif) no-repeat bottom;
	float:right;

}

#best_card h1{
	color:#D0D3D1;
	}

.container_week {
	width: 609px;
	height: 205px;
	float:left;
	border-bottom:#7D7D7D 1px solid;
	background-color:#5d6f80;

}

.cards_month, .cards_week, .container_week{
	text-align:center;
	border-bottom:#8C9DAC 1px solid;
	}

.cards_month {
	width: 206px;
	height: 205px;
	float:right;
	border-bottom:#8C9DAC 1px solid;
	background-color:#5d6f80;
	text-align:center;
}

.container_cards_week{
	margin-left:9px;
	}

.cards_week{
	width:189px;
	height:189px;
	margin:7px 0 9px 0px;
	float:left;
	border:#8c9dac 1px solid;
	background-color:#364e65 ;
	text-align:center;
}

.votado, .comentado {
	margin-right: 9px;
	}

.card_horizontal {
	width:132px;
	height:78px;
	margin: 38px auto 3px auto;
}

.card_vertical {
	width:78px;
	height:132px;
	margin: 8px auto 3px auto;
}

.card_quadrado {
	width:130px;
	height:130px;
	margin: 8px auto 3px auto;
}

.autor_fav_vertical {
	width:113px;
	height:150px;
}

.card_mes_horizontal {
	width:164px;
	height:97px;
	margin: 40px auto 3px auto;
}

.card_mes_vertical {
	width:97px;
	height:164px;
	margin: 12px auto 3px auto;
}

.card_mes_quadrado {
	width:160px;
	height:160px;
	margin: 12px auto 3px auto;
}


.cards_week img, .cards_month img, .cards img, #container_cards_zoom img {
	border:#FFFFFF 1px solid;
	background: #fff;
	}

.card_horizontal img, .card_vertical img, .card_mes_horizontal img, .card_mes_vertical img, .card_vertical_zoom img, .card_horizontal_zoom img {

	border:	2px solid #FFF;
		}


.box_titulos {
	height:20px;
	font-weight:normal;
	vertical-align: middle;
	text-align:left;
	background-color:#1c3a57;
	border-bottom: #8c9dac 1px solid;
	}

/*--------------- novidades --------------*/

#news {
	width:790px;
	margin:15px auto;
	}

#news_top, #news_cards {
	width:750px;
	margin:0 auto;
	background-color:#5d6f80;
}

#news_top {
	height:5px;
	}

.news_titulo {
	height:23px;
	background-color:#364e65;
	border:#5d6f80 1px solid;
}

.news_titulo h2  {
	width:250px;
	margin:0;
	padding:5px 0 0 12px;
	font-size:11px;
	}


.news_titulo a {
	float:right;
	display: block;
	padding:5px 12px;
	font-weight:normal;
	color:#D0D3D1;
	}

	a.link_usuario {
		color:#9BA29C;
		cursor: pointer;
		text-decoration: none;
		}
	a.link_usuario:hover {
		color:#FFFFFF;
		}
	a.link_usuario:visited {
		color:#E3E5E3;
		}



/* ==================== CARDS =====================
===================================================*/
.container_cards {
	margin-left:20px;
	}
.container_cards .clear {
	height:15px;
	}

.cards, .cards_adm {
	width:169px;
	height:169px;
	margin:10px 10px 0 0;
	text-align:center;
	float:left;
	background-color:#364e65;
	border:#748a9e 1px solid;
	}
.cards_adm {
	height:			200px;
}
/* ========== PÁGINA CARD ZOOM =====================
===================================================*/
.pag_zoom {
	width:689px;
	float:left;
	}
#rank_card {
	width: 126px;
	height: 34px;
	}

#voto_card {
	width: 145px;
	height: 24px;
	float:right;
	background-color:#5F5F5F;
	border-bottom:#9FA6A0 1px solid;
	border-left:#9FA6A0 1px solid;
	}

#container_cards_zoom {
	border-bottom:#748a9e 1px solid;
	text-align:center;
	background-color:#1c3a57;
	color:#BCC0BD;
}

.card_vertical_zoom {
	width:			407px;
	height:			732px;
	margin: 		30px auto 5px auto;
	background: 	#000000 no-repeat center center;
	border: 		1px solid #fff;
}

.card_horizontal_zoom {
	width:			732px;
	height:			407px;
	margin: 		30px auto 5px auto;
	background: 	#000000 no-repeat center center;
	border: 		1px solid #fff;
}

.card_quadrado_zoom {
	width:			732px;
	height:			732px;
	margin: 		30px auto 5px auto;
	background: 	#fff no-repeat center center;
	border: 		1px solid #fff;
}

#direitos_autorais {
	width:			600px;
	margin:			2px auto 3px auto;
	padding:		5px;
	color:			#BABEBB;
	text-align:		center;
	}

.barra_titulo_card {
	height:23px;
	background-color:#1c3a57;
	border:#748a9e 1px solid;
	padding-top: 6px;
}

#info_card{
	background:#1c3a57 url(../img/fd_continer_decription.gif) right repeat-y;
	padding-bottom:20px;
	width:815px;
	border-bottom:#294a6a 8px solid;
}

#conteiner_description {
	width:650px;
	line-height:140%;
	background:#1c3a57;
	}

#autor, #card_descrition{border-right:#748a9e 1px solid;}
#container_info_autor { background:#1c3a57}
#autor { width:219px;}
#card_descrition { width: 249px; /*height: 110px;*/}
#rol_programas { width: 180px;}
#favoritos_card { width: 164px; border-left:#7D7D7D 1px solid;}
#card_comentario { margin-top:5px;}
#card_name div { height:14px; margin:4px 4px 0 8px}
strong, span { color:#9BA5AE}

/* ================= PÁGINA AUTOR   =====================
========================================================*/
#foto_autor { width:133px; height:170px;}
#foto_autor img { margin:10px;}
#autor2 { width:330px; height:170px;}
#rol_programas2 { width: 185px; height:170px;}

#foto_autor, #autor, #autor2 {border-right:#748a9e 1px solid;}




.news_autor{
	width:640px;
	margin:15px auto;
	padding-bottom: 10px;
	}

.news_cards_autor {width:550px; margin-left:55px;}

/* ================ RANK ESTARS ==================
==================================================*/
#rank_card ul{
	padding: 0;
	float:right;
	margin:11px 8px 4px 0;
	list-style-type:none;
}

#rank_card ul li {
	float: left;
	margin:0;
	margin-left:1px;
	font-size:10px;
}

/* ============ MENU HORIZONTAL ==============
==============================================*/
#menu_horizontal {
	height: 47px;
	padding-left: 190px;
	background:#D7D7D7 url(../img/fd_menu_hor2.gif) repeat-x;
	}

#menu_horizontal ul {
	margin:5px 20px;
	padding:0;
	float:left;
	list-style:none;
	}

#menu_horizontal ul li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	background:#bbc6cc url(../img/laranjinha.gif) no-repeat left 8px;
	padding:2px 0 2px 12px;
	margin:0;
	}

#menu_horizontal ul li a {
	color:#506e7e
	}
#menu_horizontal ul li a:hover {
	color:#506e7e
	}
#menu_horizontal ul li a:visited {
	color:#506e7e
	}

/* ============ MENU ICONES E VOTOS ==============
==================================================*/


#menu_voto{
	width: 730px;
	font-size:10px;
	height:22px;
	padding:0;
	margin:8px auto 15px auto;
	padding-left:0px;
}

*+html #menu_voto { padding:0}

#menu_voto ul{
	padding: 0;
	margin:0;
	list-style-type:none;
}

#menu_voto ul li {
	float: left;
	margin:0 5px;
}

#menu_voto ul li.add_card {
	background:#1c3a57 url(../img/icone_img.gif) no-repeat left top;
	}
#menu_voto ul li.add_autor {
	background:#1c3a57 url(../img/icone_autor.gif) no-repeat left top;
	}
#menu_voto ul li.add_coment {
	background:#1c3a57 url(../img/icone_coment.gif) no-repeat left top;
	}
#menu_voto ul li.add_report {
	background:#1c3a57 url(../img/icone_report.gif) no-repeat left top;
	}
#menu_voto ul li.add_vote {
	background:#1c3a57 url(../img/icone_star.gif) no-repeat left top;
	}
#menu_voto ul li.change_view {
	background:#1c3a57 url(../img/icone_fv.gif) no-repeat left top;
	}

#menu_voto ul li.add_card a:hover {
	background:#1c3a57 url(../img/icone_img_hover.gif) no-repeat left top;
	}
#menu_voto ul li.add_autor a:hover {
	background:#1c3a57 url(../img/icone_autor_hover.gif) no-repeat left top;
	}
#menu_voto ul li.add_coment a:hover{
	background:#1c3a57 url(../img/icone_coment_hover.gif) no-repeat left top;
	}
#menu_voto ul li.add_report a:hover {
	background:#1c3a57 url(../img/icone_report_hover.gif) no-repeat left top;
	}
#menu_voto ul li.add_vote a:hover {
	background:#1c3a57 url(../img/icone_star_hover.gif) no-repeat left top;
	}
#menu_voto ul li.change_view a:hover {
	background:#1c3a57 url(../img/icone_fv_hover.gif) no-repeat left top;
	}

#menu_voto ul li a {
	font-weight:normal;
	display: block;
	color:#BABEBB;
	text-align: left;
	text-decoration: none;
}


#menu_voto ul li.add_card a, #menu_voto ul li.change_view a, #menu_voto ul li.add_vote a { padding:0px 0 10px 22px;}
#menu_voto ul li.add_autor a, #menu_voto ul li.add_coment a, #menu_voto ul li.add_report a  { padding:0px 0 10px 20px;}

#menu_voto ul li a:hover {
	color:#FFF;
	text-decoration:underline;
}

#menu_voto ul li a:visited {
	color:#E3E5E3;
}


/*
PAGINA EXIBICAO DE CARTAO (ANTERIOR/PROXIMO)
*/
.anterior_proximo
{
	margin-bottom:10px;
	margin-top:-15px;
}

/* ================= FORMULÁRIOS ==================
===================================================*/
	.select, .input_text{
		border:1px solid #666666;
		cursor: pointer;
		font-family:Verdana,Arial,Helvetica,sans-serif;
		font-size:11px;
		padding:1px;
		}

	.input_text {
	 	cursor:				text;
		height:16px;
		font-size:11px;
  	}