﻿/** CSS de formatação da estrutura do site *****************************/
	body {
		height:100%;
		margin:5px 0px 0px 0px;
		background-color:#d2d2d2;
		font-family:Verdana;
		font-size:10px;
		color:#666666; 		
	}
	
	img{border: none;}
	
	INPUT, SELECT {
		font-size:10px;		
	}
	
	textarea
	{
		font-family:Verdana;
		font-size:10px;
	}
	
	hr {
		display:none
	}	
	HR.mostra
	{
		display:block; 
		width:630px;
	}

	/* Identificadores comuns entre a home e as páginas internas */
	#geral {
		width:750px;
		height:100%;
		position:relative;
		margin-right: auto;
		margin-left: auto;
		background:url("../img/back-topo-p.jpg") #d2d2d2 no-repeat top;
	}
	
	/* cabeçalho */
	#cabecalho {
		width:705px;
		height:40px;
		position:relative;
		left:22px;
		top:15px;
		background-color:#efefef;
	}
	
	#cabecalho li {
		display:block;
		float:left;
		margin:0px 10px 0px 0px
	}
	
	#cabecalho li a {
		width:auto;
		float:left;
		background:url("../img/seta-menu.gif") no-repeat left center;
		margin:0px 3px;
		padding:0px 0px 0px 7px
	}
	
	#cabecalho ul {
		padding:0px;
		margin:0px 0px 0px 80px
	}
	
	/* form login */
	#formLogin {
		line-height:40px;
		margin:0px;
	}
			
	#formLogin fieldset {
		width:400px;
		height:40px;
		position:relative;
		top:0px;
		left:10px;
		border:0px;
		padding:0px;
		margin:0px;
		float:left;		
	}
	
	#formLogin fieldset legend {
		display:none
	}
	
	#formLogin fieldset .inputLogin {
		width:80px;
		height:12px;
		position:relative;
		top:8px;
		float:left;
		margin:2px;
	}
	
	#formLogin fieldset .logar {
		width:50px;
		position:relative;
		top:10px;
		float:left;
		margin:0px 5px 0px 0px;
	}
	
	#menuCabecalho {
		float:right;
		width:270px;
	}
	
	/* Class usados para os link do meu topo*/
	.LinkP:link, .LinkP:visited {
		color:#666666;
		text-decoration:none;
	}
	.LinkP:hover { 
		color:#1F76E3;
		text-decoration:none;
	}
	
	/* Bottom  */
	#bottom {
		position:relative;
		top:0px;
		width:100%;
		height:60px;
		background:url("../img/back-rodape-p.jpg") #d2d2d2 bottom no-repeat
	}
	
	#bottom address {
		width:705px;
		line-height:40px;
		text-align:center;
		position:relative;
		left:22px;
		top:5px;
		background-color:#efefef
	}
	
	/** CSS de formatação do conteúdo do site *****************************/
	a:link, a:visited {text-decoration:none; color:#2075e0;}
	a:hover {text-decoration:none; color:#cf5527;}

	/** CSS de formatação dos elementos de formulário *********************/
	.button {
		font-size:11px;
		margin:3px;
		width:130px;
		clear:left;
	}

/** CSS de formatação da interna do site *****************************/

.centralizarTexto{
	position:relative;
	text-align:center;
}

#topo {
	position:relative;
	top:15px;
	width:100%;
	height:100px;
	background:url("../img/back-site.jpg") #d2d2d2 repeat-y;
}

#menuTopo {
	width:705px;
	height:100px;
	position:relative;
	top:0px;
	left:22px;
	float:left;
}

#menuTopo h1 {
	width:176px;
	height:83px;
	position:relative;
	top:5px;
	left:0px;
	margin:0px;
	padding:0px;
	background:url("../img/logo-devgoias-p.gif") no-repeat top left;
	float:left;
}

#menuTopo h1 a {
	width:176px;
	height:83px;
	text-indent:-1999px;
	overflow:hidden;
	display:block
}

#menuTopo ul {
	width:500px;
	position:relative;
	top:35px;
	left:10px;
	margin:0px;
	padding:0px;
	float:left;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
}

#menuTopo ul li {
	height:27px;
	line-height:27px;
	position:relative;
	top:0px;
	left:0px;
	margin:0px;
	padding:0px;
	float:left;
	list-style-type:none;
}

#menuTopo ul li a {
	height:27px;
	overflow:hidden;
	display:block;
	padding:0px 10px 0px 10px;
}

#menuTopo ul li .selecionado {
	background-color:#257ff3;
	color:#fff;
}

#menuTopo ul li a:hover {
	background-color:#257ff3;
	color:#fff;
}

#meio {
	position:relative;
	top:15px;
	width:100%;
	height:100%;
	clear:left;
	background:url("../img/back-site.jpg") #d2d2d2 repeat-y;
}

#conteudo {
	width:718px;
	height:100%; 
	position:relative;
	top:0px;
	left:20px;
	background:url("../img/backint-conteudo.jpg") #fff repeat-y;
}

#conteudo h1 {
	width:650px;
	height:45px;
	line-height:45px;
	text-indent:10px;
	margin:10px 0px 0px 0px;
	padding:0px;
	position:relative;
	top:0px;
	left:30px;
	font-size:20px;
	background-color:#efefef;
	color:#666;
}

#conteudo h3 {
	width:630px;
	margin:0px;
	padding:0px;
	position:relative;
	top:0px;
	left:40px;
	font-size:16px;
	color:#666;
}

#conteudo h5 {
	margin:0px;
	padding:0px;
	position:relative;
	top:0px;
	left:40px;
	font-size:10px;
	color:#666;
}

#conteudo h6 {
	width:630px;
	margin:0px;
	padding:0px;
	position:relative;
	top:0px;
	left:40px;
	font-size:10px;
	font-weight:normal;
	font-style:italic;
	color:#666;
}

#conteudo #videoCad{
	position:relative;
	width:650px;
	height:30px;
	line-height:28px;
	margin-top: 10px;
	left:30px;
	background: url('../img/ico-video.gif') no-repeat;
}

#conteudo #videoCad a
{
	margin-left:35px;
}

/* Em todo cadastro que relacionar algum video usar a classe abaixo no <p> */
.icoVideo
{
	position:relative;
	padding: 0px 0px 0px 35px;	
	margin: 0px;
	height: 30px;
	line-height:30px;
	background: url('../img/ico-video.gif') no-repeat;
}

#conteudo #texto{
	position:relative;
	width:630px;
	left:40px;
	line-height:18px;
	text-align:justify;
	top: 0px;
}

#conteudo #textoInterna{
	position:relative;
	width:630px;
	left:40px;
	line-height:18px;
}

#textoInterna img{
	float:left;
	padding:0px 10px 0px 0px;
	margin:0px;
}


#conteudo #textoNoticiaFonte{
	position:relative;
	width:630px;
	left:40px;
	line-height:18px;
}

/* Para colocar moldura e espaçamento e foto alinhada na esquerda */
#conteudo #texto .foto_esq
{
	margin-right:10px;
	margin-bottom:10px;
	padding:0px;
	background-color: #f5f5f5;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999; 	
}

/* Para colocar moldura e espaçamento em foto alinhada na direita */
#conteudo #texto .foto_dir
{
	margin-left:10px;
	margin-bottom:10px;
	padding:0px;
	background-color: #f5f5f5;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999; 	
}

#conteudo #texto pre{
	position:relative;
	width:630px;
	padding:0px;
	margin:0px;
	/*border: 1px solid red;*/
	font-size: 14px;
	font-family:Courier New;
	
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

#conteudo #textoList{
	position:relative;
	width:630px;
	left:40px;
	line-height:18px;
	text-align:justify;			
	margin: 0px;
}

#conteudo h2 {
	width:650px;
	margin:0px;
	padding:0px;
	position:relative;
	top:0px;
	left:30px;
	font-size:14px;
	border-bottom:1px solid #999;
}

#conteudo .form{
	width:120px;
	line-height:18px;
	text-align:right;
	margin-left:30px;
	float:left;
}

#conteudo #RecuperaSenha
{
	position:relative;
	width:500px;
	height:90px;
	background-color:#ffffcc;
	padding:10px;
	margin:10px 0px 0px 0px;
	top:0px;
	left:158px;
	border: solid 1px #ffee31;	
	clear:right;
}

#conteudo #RecuperaSenha img
{
	position:relative;
	float:left;
	
}
#conteudo #RecuperaSenha p
{
	width:450px;
	float:right;
	line-height:18px;	
	padding:0px;
	margin:0px;
}

#conteudo #PerguntaSecreta
{
	position:relative;
	width:610px;
	border: solid 1px #cccccc;
	margin:10px 0px 0px 0px;
	padding:20px;
	top:0px;
	left:30px;
	background-color:#efefef;
	color:#666;
}

#conteudo #buttonCadastro{
	position:relative;
	margin:0px;
	padding:0px;
	left:130px;
	width: 300px;
}

#conteudo .campoTexto {
	position:relative;
	top:0px;
	left:5px;
	margin:3px;
	width:200px;
}

#conteudo .comboBox {
	position:relative;
	top:0px;
	left:5px;
	margin:3px;
	width:205px;	
}

#conteudo .checkbox {
	width:0px;
	margin:0px;
	padding:0px;
	margin-left:155px;
}

#conteudo .fonteArtigos {
	font-size:12px;
	font-weight:normal;
	text-align:justify;
	color:#666;
}

#conteudo #autor{
	margin-left:40px;
	width:630px;
	float:left;
}
#conteudo #autor p{
	margin:0px;
	padding:0px;
	line-height:14px;
	text-align:justify;
}

#conteudo #autor img{
	float:left;
	margin:0 20px 0px 0;
}

/*-Comentários---------*/
#conteudo #comentarios{
	margin: 20px 0px 0px 40px;
	padding:0px;
	width:630px;
	float:left;
}
#conteudo #comentarios h3{
	border-bottom: 1px dotted #C1C1C1;
	width:610px;
	margin:0px;
	padding:0px 0px 0px 20px;
	left:0px;
	color:#6e6e6e;
	font-size:14px;
	background: url('../img/seta_up_comentario.gif') no-repeat;
}
#conteudo #comentarios #item_comentario{
	width:600px;
	margin: 10px 0px 0px 15px;
	padding:0px;	
}
	#item_comentario #foto{
		float:left;
		margin:0px;
		padding:0px;
		width:60px;
		text-align:center;
		background-color:#f1f1f1;
	}
	
	#item_comentario #foto img{
		border:3px #CCC solid;
	}

	#item_comentario .ComentarioUsername{
		font-size:9px;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	#item_comentario #comentInfo{
		padding:6px;
		margin:0px 0px 0px 70px;		
	}
		#comentInfo #ComentarioUser{
			border-bottom:1px #f1f1f1 solid;
			padding:0px 0px 3px 0px;
		}
		#comentInfo p{
			padding:0px;
			margin:0px;
		}
		#comentInfo p img{
	
		}
		#comentInfo p .ComentarioNomeMembro{
			color:#CD6100;
			font-weight:bold;
			font-size:12px;			
			margin:0px 0px 0px 6px;
		}
		#comentInfo p .ComentarioData{
			font-size:9px;
		}
	
		#comentInfo #ComentarioData{
			color:#999;
			font-family:Tahoma, arial, verdana;
			font-size:9px;
		}
		#comentInfo #ComentarioTexto{
			line-height:16px;	
			text-align:justify;
		}
	#comentarios #ConvidaComentar{
		width:100%;
		border: 1px solid #B9B9B9;
		background-color:#F7F7F7;	
		padding:0px;
		margin: 20px 0px 20px 16px;
		width:630px;
	}
		 #ConvidaComentar p{
			line-height:15px;
			padding:10px;
			margin:0px;
			width:545px;
		}
	#comentarios #ComentarioInserir{
		margin:20px 0px 0px 0px;
	}

		#ComentarioInserir p{
			color:#CCC;	
		}
		#ComentarioInserir .tbInsereComentario{
			font-size:18px;
			font-family:Arial;
			padding:3px 5px 3px 5px;
			color:#999999;
			border:2px silver solid;
		}
		#ComentarioInserir .tbInsereComentario:focus{
			background-color:#f3f7ff;
		}
		
		#ComentarioInserir .tbInsereComentario:hover{
			background-color:#FFFFCC;	
		}
/*--------------------*/
#colunistas {
	width:630px;
	margin:0px;
	padding:0px;
	position:relative;
	top:0px;
	left:40px;
	margin-top:10px;
}

#colunistas br {
	display:none;
}

#colunistas .fimListagem {
	display:block;
	clear:left;
}

#colunistas div {
	width:145px;
	height:34px;
	border:1px solid #ccc;
	float:left;
	margin:5px;
}

#colunistas div br {
	display:none;
}

#colunistas div img {
	position:relative;
	top:-17px;
	right:0px;
	float:right;
}

#colunistas div span {
	text-indent:3px;
	width:116px;
	float:left;
	line-height:17px;
	color:#000;
}

#colunistas .categoriaArtigo {
	background-color:#d2ddf3;
}

#colunistas .autorArtigo {
	background-color:#98afe3;
}

#buscaArtigos fieldset {
	margin:0px;
	padding:0px;
	border:0px;
}

#buscaArtigos fieldset legend {
	display:none;
}

#buscaArtigos label {
	float:none;
	margin:0px;
	position:relative;
	line-height:20px;
	top:0px;
	left:0px;
}

#buscaArtigos .button {
	width:80px;
	position:relative;
	top:3px;
}

#buscaArtigos .campoTexto {
	position:relative;
	top:3px;
}

#destaque{
	width:625px;
	height:auto;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	padding:0px;	
	margin-top:20px;
	margin-left: 40px;	
}

#destaque #destaque-artigo{
	width:330px;
	float:left;	
	height:auto;		
	position:relative;
}

#destaque #destaque-artigo h6{
	width:330px;
	margin:0px;
	padding:0px;
	position:relative;
	top:0px;
	left:0px;
	font-size:8px;
	font-weight:normal;
	font-style:normal;
	color:#666;
}

#destaque #destaque-artigo H2{
	width:330px;
	color:#2075E7;
	margin:0px;
	padding:0px;
	position:relative;
	top:0px;
	left:0px;
	font-size:14px;
	border-bottom:0px;	
}

#destaque #destaque-artigo p{
	margin:0px;
	padding:5px 0px 0px 0px;
	width:330px;
	text-align:justify;
	line-height:14px;
}
#destaque #destaque-video{
	width:275px;
	height: 160px;
	float:right;
	position:relative;
	background-color:#000000;
	border:1px black solid;
}

#destaque #destaque-video p
{
	color:White;
	padding:3px;
	}

#listaArtigos h2
{
	clear:left;
	}
	
#listaArtigos ul 
{
	clear:left;
	list-style-type:none;
	line-height:15px;
}

#info{
	border: 1px solid #B9B9B9;
	background-color:#F7F7F7;	
	padding:0px;
	margin: 0px 0px 0px 30px;
	width:630px;
}
#info p{
	line-height:15px;
	padding:10px;
	margin:0px;
	width:545px;
}

#chamada{
	border: 1px solid #B9B9B9;
	background-color:#F7F7F7;
	margin-left:30px;
	width:630px;
	background-image:url(../img/back-chamada1.gif);
	background-repeat:repeat-y;
}
#chamada #dica,#artigo{
	border-bottom: 1px solid #B9B9B9;
	padding:10px 10px 10px 40px;
	margin:0px;
	width:515px;
}

#chamada #forum{
	padding:10px 10px 10px 40px;
	margin:0px;
	width:515px;
}

#rss{
	margin-left:30px;
}

#conteudoSuperior {
	width:718px;
	height:10px;
	background:url("../img/backint-conteudo-t.jpg") #fff no-repeat;
}

#conteudoInferior {
	width:718px;
	height:14px;
	clear:both;
	background:url("../img/backint-conteudo-b.jpg") #fff no-repeat;
}

#menuTopo ul {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	display: inline;
}

.addThis{
	clear:left;
	width:630px;
	margin-left:40px;	
}

/*uso do ajax control tool kit */
.Liberado
{
	position:relative;
	top:0px;
	left:5px;
	margin:3px;
	width:200px;
	background-color: Green;
}

.Naoliberado
{	position:relative;
	top:0px;
	left:5px;
	margin:3px;
	width:200px;
	background-color: Red;
}

/*CollapsiblePanel*/
.collapsePanel {
	
	background-color:white;
	overflow:hidden;
}

.collapsePanelHeader{	
	width:650px;		
	height:30px;
	background-image: url(/img/bg-menu-main.png);
	background-repeat:repeat-x;
	color: #FFF;
	font-weight:bold;
	margin-left:30px;
}

#master_content .collapsePanelHeader a {color:#FFF;}
#master_content .collapsePanelHeader a:hover {text-decoration:none;background:none;}

.rss {
		background:url("../img/rss.gif") no-repeat center left;
		padding:3px;
		padding-left:40px;
}

/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 200px;
    text-align : left; 
    list-style-type : none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}
/* CSS do módulo de Pequisa */
	.sw_b1{background-color:#fff;border:1px solid #b0b8be}
	.sw_b2{border:1px solid #e3e3e4}
	input.sw_qbox{border:1px solid #fff;color:#333;font-family:arial;font-size:112%;padding:.35em .4em .3em .4em;vertical-align:middle;width:24.5em}
	input.sw_qbtn{background-color:#549C00;background-image:url('../img/bing_back.png');background-position:0 -64px;background-repeat:norepeat;border:none;cursor:pointer;height:24px;margin:.14em;margin-right:.2em;vertical-align:middle;width:24px;*padding-top:24px;line-height:500%}
/**/
