/* CSS Relacionamento Digital.com */

/* PROPRIEDADES GERAIS */

body, h1, h2, h3, h4, h5, h6, form, dl, ul, ol, dt, dd, p, address, img, form, div {
	margin:0;
	padding:0;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	background:url(images/bg_02.gif) repeat-x;
}
body {
	behavior:url(http://www.relacionamentodigital.com/csshover2.htc);
}
.cadeado {
	float:right;
}
.feedburnerFlareBlock {
	display:none;
}
#geral {
	width:775px;
	border-left:1px solid #708CA9;
	border-right:1px solid #708CA9;
	background:#ffffff;
	text-align:left;
	margin:0 auto;
}
.left {
	float:left;
}
.right {
	float:right;
}
img {
	border:none;
}
a:link {
	text-decoration:underline;
	color:#0066CC;
}
a:visited {
	text-decoration:none;
	color:#336699;
}
a:hover {
	text-decoration:none;
	color:#0066CC;
}
a:active {
	text-decoration:none;
	color:#0066CC;
}

hr {
	display:none;
}
.selos {
	width:100%;
	margin:20px 0 0 0;
	float:left;
	text-align:center;
}

/* TOPO */

#topo {
	background-image: url(images/img_03.gif);
	border-top: 2px solid #015792;
	border-bottom: 5px solid #015792;
	float: left;
	display: block;
	width: 100%;
}
.logo {
	margin: 9px 0 0 14px;
	padding:0 0 10px 0;
	float:left;
}
.logo {
	padding:0;
	margin: 9px 0 0 30px;
}
#topo #banner-topo {
	float:right;
	margin:21px 9px 20px 0;
}

/* BARRA */

#barra {
	border-top: 2px solid #55BBFE;
	margin: 1px 0 6px 0;
	padding: 5px 0 0 0;
	float: left;
	width: 775px;
	display: block;
}
#barra .fundo-barra {
	background-image:url(images/barra_bg.gif);
	display:block;
	padding:0 8px 0 8px;
	height:42px;
	width:759px;
	float:left;
}
#busca {
	width: 154px;
	margin: 7px 10px 0 0;
	font-size: 11px;
	color: #FFFFFF;
	float: left;
	padding: 5px 0 4px 8px;
	background: url(images/buscar_03.gif) no-repeat;
}
#busca input {
	font-size: 10px;
	float:left;
	margin:0 3px 0 0;
	border: 1px solid #0E3353;
	width: 80px;
}
#busca span {
	float:left;
	margin:0 3px 0 0;
}
#busca .ok {
	float:left;
	padding:0;
	width:15px;
	height:15px;
	margin:0;
}
#login {
	background-image: url(images/barra_bg_dentro.gif);
	margin: 8px 0 0 0;
	float: left;
	display: block;
	width: 587px;
}
#login li {
	list-style: none;
	margin: 0;
	float: left;
}
#login .autenticado {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:5px 0 0 0;
}
#login .autenticado label {
	float:left;
	width:43px;
	padding:0 0 0 3px;
}
#login .autenticado input {
	height:13px;
	float:left;
	border:1px solid #A7A6AA;
	background:#FFF;
	vertical-align:middle;
	margin:-1px 3px 0 0;
	padding:1px;
	font-size:9px;
}
#login .autenticado .ok {
	width:auto;
	height:15px;
	height:15px;
	border:none;
	padding:0;
	margin:0;
	float:left;
}
#login .autenticado a:hover {
	text-decoration:none;
}
#login .assine {
	float:left;
	margin:8px 0 0 0;
}
#login .div-01 {
	float:left;
	margin:6px 17px 0 18px;
}
#login .div-02 {
	float:left;
	margin:6px 17px 0 19px;
}

/* FORMULÁRIOS */

#conteudo th {
	font-weight:normal;
	font-size:12px;
}
#conteudo p {
	margin-top:10px;
	margin-bottom:15px;
}
#conteudo .form {
	text-align:left;
	line-height:24px;
}
html>body #conteudo .form {
	float:left;
}
#conteudo .msg {
	font-size:11px;
	margin:0;
	color:#993300;
	font-weight:bold;
}

input {
	margin:0 0 3px 0;
	font-size:11px;
}
select {
	font-size:11px;
}
.on {
	background-color:#F8FAA9;
}
.button {
	width:auto;
	margin:0 5px 3px 0;
	font-size:11px;
}

/* MENU */

#fundo {
	background:url(images/bg_conteudo.gif) repeat-y;
	float:left;
}
#menu {
	background: url(images/menu_bg.gif) no-repeat #CED6DE;
	width: 144px;
	float: left;
	padding: 7px 8px 7px 7px;
	display: block;
}
#menu h1 {
	text-indent: -9999px;
	background-repeat: no-repeat;
	margin: 0;
	line-height: 23px;
	background-color: #ADD781;
	border-bottom: 1px solid #2364A6;
	padding: 0;
}
#menu ul {
	background: url(images/img_64.gif) no-repeat bottom #FFFFFF;
	margin: 0;
	padding: 0 0 3px 0;
}
#menu li {
	background: url(images/img_52.gif) no-repeat 10px 10px;
	margin: 0;
	list-style:none;
	padding: 2px 5px 2px 25px;
}
#menu a {
	font-size: 11px;
	color: #3A4F63;
	font-weight: bold;
	text-decoration: none;
}
#menu a:hover {
	text-decoration: underline;
}
#menu .h1-categorias {
	background-image:url(images/img_32.gif);
}
#menu .h1-colunas {
	background-image:url(images/img_66.gif);
	margin:7px 0 0 0;
}
#menu .h1-servicos {
	background-image:url(images/img_85.gif);
	margin:7px 0 0 0;
}
#menu .opcoes-baixo-menu {
	margin:5px 0 10px 0;
	padding:5px 0 0 0;
	text-align:center;
}
#menu .opcoes-baixo-menu a {
	margin:0 0 2px 0;
	float:left;
}
#div-colunas {
	background:url(images/img_64.gif) no-repeat bottom #FFFFFF;
	margin:0;
	padding:7px 0 5px 0;
	text-align:center;
}
.colunas {
	width:118px;
	margin:0 0 10px 0;
	font-size:10px;
}
.colunistas {
	width:118px;
	font-size:10px;
}
#banners {
	text-align: center;
}
#banners h2 {
	text-align: center;
	font-size: 10px;
	color: #2364A6;
	margin: 0 0 10px 0;
}
#banners img {
	margin: 5px 0 5px 0;
}

/* MENU ESQUERDO */

#menu-direito {
	background: url(images/img_29.gif) no-repeat #CED6DE;
	width: 142px;
	float: right;
	padding: 7px 7px 7px 8px;
}
#menu-direito h1 {
	text-indent: -9999px;
	background-repeat: no-repeat;
	margin: 0;
	line-height: 23px;
	background-color: #ADD781;
	border-bottom: 1px solid #2364A6;
	padding: 0;
}
#menu-direito .h1-enquete {
	background-image:url(images/img_37.gif);
}
#div-enquete {
	width:132px;
	background:url(images/bg_enquete.gif) no-repeat bottom #FEF7D7;
	margin:0 0 7px 0;
	padding:7px 5px 5px 5px;
	float:left;
}
#div-enquete #enquete_msg {
	font-size:10px;
}
#div-enquete input {
	vertical-align:middle;
	margin:0 5px 0 0;
}
#div-enquete .pergunta {
	font-size:10px;
	float:left;
	padding:0 0 10px 0;
	font-weight:bold;
	color:#465C74;
}
#div-enquete form ul {
	width:132px;
	font-size:10px;
	margin:0 0 10px 0;
	line-height:18px;
	float:left;
}
#div-enquete form li {
	list-style:none;
	padding:0;
	line-height:14px;
	margin:0;
	color:#465C74;
}
#menu-direito .h1-mesmo-autor {
	background-image:url(images/tit/mesmo_autor.gif);
}
#menu-direito .h1-mesma-categoria {
	background-image:url(images/tit/mesma_categoria.gif);
}
.data {
	width:100%;
	float:left;
	color:#333333;
	font-size:10px;
}
#div-mesmo-autor,#div-mesma-categoria {
	width:132px;
	background:url(images/img_64.gif) no-repeat bottom #FFFFFF;
	margin:0 0 7px 0;
	padding:7px 5px 5px 5px;
	float:left;
}
#div-mesmo-autor a, #div-mesma-categoria a {
	font-size:11px;
	float:left;
}
#div-mesmo-autor .divisao, #div-mesma-categoria .divisao {
	width:100%;
	height:15px;
	background:url(images/img_59.gif) 0 7px no-repeat;
	float:left;
}
#menu-direito .h1-cadastrese {
	background-image:url(images/tit/cadastre_se.gif);
}
#div-cadastrese {
	width:132px;
	background:url(images/img_64.gif) no-repeat bottom #FFFFFF;
	margin:0;
	padding:7px 5px 5px 5px;
	float:left;
	font-size:11px;
	color:#465C74;
}
#div-cadastrese .texto {
	font-size:11px;
	line-height:14px;
	margin:0 0 5px 0;
	color:#465C74;
}

/* CONTEÚDO */

#conteudo {
	width:441px;
	font-size:12px;
	margin:0 9px 0 9px;
	float:left;
}
.texto {
	width:100%;
	margin:12px 0 0 0;
	color:#222;
	line-height:18px;
	font-size:12px;
	float:left;
}
.artigo-cadastrado {
	color:#000;
	padding:9px;
	background:#FFFFCC;
	float:left;
	border:1px solid #958A0B;
	width:95%;
}
#conteudo .h1-artigos {
	width:403px;
	height:19px;
	font-size:9px;
	float:left;
	background:url(images/img_35.gif) 10px 0 no-repeat;
	text-indent:-9999px;
}
#conteudo h1 {
	font-size:18px;
	float:left;
	width:100%;
	margin:10px 0 0 0;
}
#conteudo ul, #conteudo ol {
	margin:0 0 10px 20px;
}
.assine-feed {
	float:left;
	width:auto;
	margin:12px 0 0 0;
}
#conteudo h2 {
	float:left;
	width:100%;
	font-size:14px;
	margin:10px 0 0 0;
}

	#artigo_destaque {
		clear:both;
		margin:7px 0 10px 0;
		float:left;
		width:100%;
	}
	
	#artigo_destaque .img {
		float:left;
		margin:0 10px 0 0;
		border:none;
	}
	
	#artigo_destaque .img img {
		padding:4px;
		background:#FFF;
		border:1px solid #045691;
	}
	
	#artigo_destaque .texto_destaque {
		float:left;
		width:295px;
	}
	
	#artigo_destaque h2 {
		margin:0 0 8px 0;
	}
	
	#artigo_destaque h2 a {
		font-size:20px;
		letter-spacing:-1px;
	}
	
	#artigo_destaque .descricao {
		float:none;
	}
	
	#artigo_destaque .autor {
		float:none;
	}

.artigos-home-topo {
	width:441px;
	height:9px;
	float:left;
	font-size:7px;
	background:url(images/img_42.gif) no-repeat;
}
.artigos-home-baixo {
	width:441px;
	height:9px;
	float:left;
	font-size:7px;
	background:url(images/img_74.gif) no-repeat;
}
#artigos-home {
	width:403px;
	padding:5px 19px 5px 19px;
	background:url(images/img_50.gif) repeat-y;
	float:left;
}
#artigos-home .item {
	width:403px;
	position:static;
	float:left;
	line-height:16px;
}



.img, .autor-dest .img {
	float:right;
	border:1px solid #000;
	padding:1px;
	background:#FFF;
	margin:0 0 5px 10px;
}
.autor-dest {
	float:right;
	width:124px;
	padding:10px;
	margin:0 0 10px 10px;
	background:#F6F6F6;
}
.autor-dest span {
	float:left;
	width:100%;
	margin:5px 0 0 0;
}
.autor-dest .img {
	margin:0;
}
.divisao {
	height:15px;
	background:url(images/img_59.gif) 0 7px repeat-x;
	float:left;
}
#conteudo .divisao {
	width:100%;
}
#colunas-home {
	width:441px;
	padding:0 0 0 0;
	margin:10px 0 10px 0;
	float:left;
}
#colunas-home h1 {
	width:441px;
	height:37px;
	font-size:9px;
	float:left;
	background:url(images/img_80.gif) no-repeat;
	text-indent:-9999px;
}
#colunas-home .item h2 {
	width:421px;
	font-size:14px;
	margin:0 0 10px 0;
	float:left;
}



#colunas-home .item .descricao {
	float:left;
	width:441px;
	line-height:16px;
	font-size:12px;
}

.autor {
	font-size:10px;
	margin:10px 0 0 0;
	color:#666666;
	float:left;
}

.fonte-painel {
	font-size:10px;
	color:#666666;
	margin:10px 0 0 0;
	float:right;
}

#colunas-home .item .autor {
	margin:10px 0 0 0;
}


.mais {
	background:url(images/img_109.gif) 0 3px no-repeat;
	font-size:11px;
	float:left;
	padding:0 0 0 15px;
	font-weight:bold;
}
#colunas-home .divisao {
	width:100%;
	height:15px;
	background:url(images/img_90.gif) 0 7px repeat-x;
	float:left;
}

		
		#colunas-home .coluna {
			width:210px;
			float:left;
			line-height:14px;
		}
		#colunas-home .coluna h2 {
			width:210px;
			font-size:16px;
			line-height:16px;
			margin:0 0 5px 0;
			float:none;
			letter-spacing:-1px;
		}
		#colunas-home .coluna .descricao {
			float:none;
			width:210px;
			line-height:14px;
			font-size:11px;
		}
		#colunas-home .coluna .autor {
			margin:10px 0 0 0;
			width:210px;
		}
		
		.artigos_mais_lidos {
			float:left;
			width:210px;
			font-size:11px;
		}
			.artigos_mais_lidos h3 {
				font-size:16px;
				letter-spacing:-1px;
			}
			
			.artigos_mais_lidos ul {
				list-style:url(images/img_52.gif);
				padding:15px 0 0 20px;
				float:left;
				display:block;
			}
			.artigos_mais_lidos li {
				margin-bottom:6px;
			}
			.categoria {
				font-size:9px;
				color:#666666;
				font-weight:bold;
			}
			
		
		.colunistas_mais_lidos {
			background:url(images/topo_colunistas_home.gif) no-repeat center top #D6EBC0;
			float:right;
			width:190px;
			padding:7px 10px 5px 10px;
			font-size:11px;
			margin:0;
		}
		.colunistas_mais_lidos_rodape {
			background:url(images/rodape_colunistas_home.gif) no-repeat center top;
			float:right;
			width:210px;
			height:8px;
			margin:0;
		}
			
			.colunistas_mais_lidos h3 {
				font-size:16px;
				letter-spacing:-1px;
			}
			
			.colunistas_mais_lidos ul {
				list-style:url(images/img_52_verde.gif);
				padding:7px 0 0 20px;
				float:left;
				display:block;
			}
			.colunistas_mais_lidos li {
				margin-bottom:5px;
			}

.banner-meio {
	width:441px;
	margin:10px 0 0 0;
	text-align:center;
	float:left;
}
#artigo-colunista h1 {
	width:441px;
	height:37px;
	font-size:9px;
	float:left;
	background:url(images/tit/artigos_publicados.gif) no-repeat;
	text-indent:-9999px;
}

/* COMENTS */

#coments {
	width:441px;
	padding:0;
	margin:15px 0 0 0;
	float:left;
}
#coments .msg {
	font-size:14px;
	margin:0;
	color:#993300;
	font-weight:bold;
}
.coments-artigos {
	width:431px;
	padding:3px 5px 3px 5px;
	border-top:1px solid #CFCFCF;
	border-bottom:1px solid #CFCFCF;
	margin:5px 0 0 0;
	float:left;
	font-size:11px;
	text-align:right;
	background:#FEF5DA;
}
.coments-artigos p {
	float:right;
}
.coments-artigos a {
	font-size:11px;
}
.coments-artigos .msg {
	font-size:11px;
	color:#993300;
	font-weight:bold;
}
#coments h1 {
	width:441px;
	height:37px;
	font-size:9px;
	float:left;
	background:url(images/comentario.gif) no-repeat;
	text-indent:-9999px;
}
#coments .item h3 {
	width:441px;
	margin:0 0 5px 0;
	font-size:12px;
	color:#444;
	float:left;
}
#coments .item .descricao {
	width:98%;
	font-size:12px;
	padding:1%;
}
html>body #coments .item .descricao {
	width:100%;
	float:left;
}
#coments .divisao {
	width:100%;
	height:15px;
	background:url(images/img_90.gif) 0 7px repeat-x;
	float:left;
}

/* COMENTAR */

#add-comment {
	width:441px;
	padding:0;
	margin:15px 0 0 0;
	float:left;
}
#add-comment h1 {
	width:441px;
	height:37px;
	font-size:9px;
	float:left;
	background:url(images/comente.gif) no-repeat;
	text-indent:-9999px;
}
#add-comment input, #send-msg-editor input, .indicar input {
	width:320px;
	margin:0 0 3px 0;
	border:1px solid #A4A4A4;
	font-size:12px;
}
#add-comment input:focus {
	border:1px solid #000;
}
#add-comment textarea, #send-msg-editor textarea, .indicar textarea {
	width:320px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 0 3px 0;
	font-size:13px;
}
#add-comment .button, #send-msg-editor .button, .indicar .button  {
	width:auto;
	margin:0 5px 3px 0;
	font-size:12px;
}
#txt-size {
	position:absolute;
	float:left;
	left:-400px;
	top:-9999px;
	width:320px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:16px;
}

/* COLUNISTA */

#send-msg-editor {
	width:441px;
	padding:0;
	margin:15px 0 0 0;
	float:left;
}
#send-msg-editor h1 {
	width:441px;
	height:37px;
	font-size:9px;
	float:left;
	background:url(images/fale_colunista.gif) no-repeat;
	text-indent:-9999px;
}

/* AVALIAÇÃO DO ARTIGO */

.avaliar, .acompanhar {
	width:431px;
	padding:3px 5px 3px 5px;
	border-top:1px solid #CFCFCF;
	border-bottom:1px solid #CFCFCF;
	margin:20px 0 0 0;
	float:left;
	font-size:11px;
	text-align:right;
	background:#F9FCFF;
}
.avaliar .msg, .acompanhar .msg {
	line-height:18px;
	text-align:center;
	font-size:11px;
	color:#993300;
	font-weight:bold;
}
.avaliar input, .acompanhar input {
	vertical-align:middle;
}

/* ACOMPANHAR */

.acompanhar {
	text-align:left;
	margin:0;
}

/* INDICAR */

.indicar {
	width:431px;
	display:none;
	padding:3px 5px 3px 5px;
	border-top:1px solid #CFCFCF;
	border-bottom:1px solid #CFCFCF;
	margin:5px 0 0 0;
	float:left;
	font-size:11px;
	text-align:right;
	background:#FEF5DA;
}
.indicar input {
	font-size:13px;
}
.indicar .msg {
	line-height:18px;
	font-size:11px;
	color:#993300;
	font-weight:bold;
}

/* BUSCA PÁGINA */

#busca-pag h1 {
	margin:0 0 10px 0;
	padding:0;
}
.achado {
	background:#FFFF99;
}

/*  PAGINAÇÃO  */

#paginacao {
	float:left;
	width:100%;
	margin:5px 0 0 0;
	padding:2px 0 2px 0;
	background:#EBF0F4;
	border-bottom:1px solid #D0DCE6;
	border-top:1px solid #D0DCE6;
	font-size:11px;
}
#paginacao a {
	padding:2px 4px 2px 4px;
}
#paginacao a:hover {
	background-color:#336699;
	color:#FFFFFF;
	padding:2px 4px 2px 4px;
}
#pg_atual {
	background-color:#336699;
	color:#FFFFFF;
	padding:2px 4px 2px 4px;
}

/* OPINIÃO ENQUETE */

.enquete-opiniao {
	float:left;
	border-top:1px solid #CCC;
	margin:8px 0 0 0;
	padding:8px 0 0 0;
	color:#666666;
}
.enquete-opiniao fieldset {
	float:left;
	border:none;
	width:126px;
	margin:0;
	padding:0;
}
.enquete-opiniao fieldset span {
	float:left;
	margin:0 0 10px 0;
	color:#666666;
	font-weight:bold;
	text-indent:0;
	padding:0;
}
.enquete-opiniao fieldset input, .enquete-opiniao fieldset textarea {
	float:left;
	width:96%;
}
.enquete-opiniao fieldset textarea {
	overflow:auto;
}
/* RODAPÉ */

#rodape {
	width:755px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-top:2px solid #54BBFF;
	background:#005693;
	padding:5px 10px 5px 10px;
	color:#FFFFFF;
	font-size:9px;
	float:left;
}
#rodape a {
	color:#FFFFFF;
	text-decoration:underline;
}
#rodape a:hover {
	text-decoration:none;
}
#rodape .produzido {
	float:right;
}
#rodape .produzido a {
	text-decoration:none;
	color:#AACDE6;
}
#rodape .produzido a:hover {
	text-decoration:underline;
}
#rodape span {
	float:left;
}