/* CSS Document */

#noticia{
	float:left;
	position:relative;
	width:595px;
	margin-left:15px;
	
}	

#noticia *{
	font-family:Arial, Helvetica, sans-serif;
}

#noticia .linhaembranco{
	float:left;
	width:100%;
	height:1px;
	margin-bottom:10px;
}

#noticia .barragrossa{
	float:left;
	width:100%;
	height:5px;
	background-color:#EAEAEA;
}
#noticia .barrafina{
	float:left;
	width:100%;
	height:1px;
	background-color:#EAEAEA;
}
#noticia .categoria{
	float:left;
	width:100%;
	font-weight:bold;
	font-size:16px;
	margin-bottom:8px;
}
#noticia .dtpublicacao{
	float:left;
	width:100%;
	font-size:11px;
	color:#5F5F5F;
	margin:7px 0;
	padding-left:12px;
}
#noticia .titulo{
	float:left;
	width:100%;
	font-size:30px;
	font-weight:bold;
	line-height:120%;
	margin-bottom:20px;
}
#noticia .subtitulo{
	float:left;
	width:100%;
	font-size:15px;
	margin-bottom:15px;
}
#noticia .fonte{
	float:left;
	width:60%;
	font-size:13px;
	color:#5F5F5F;
	margin-bottom:15px;
}
#noticia .tamanho-letra *{
	color:#5F5F5F;
}
#noticia .tamanho-letra{
	float:right;
	width:20%;
	padding:0;
	margin:0;
	margin-bottom:10px;
}
#noticia .tamanho-letra p{
	float:right;
	padding:0;
	margin:0;
	font-size:11px;
	text-align:right;
	margin-right:10px;
}
#noticia .tamanho-letra .letra-menor{
	float:right;
	border:1px solid #CCCCCC;
	background-color:#FAFAFA;
	width:32px;
	height:19px;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	margin:0;
	padding-top:8px;
}
#noticia .tamanho-letra .letra-maior{
	float:right;
	border:1px solid #CCCCCC;
	background-color:#FAFAFA;
	width:32px;
	height:22px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding-top:5px;
	margin: 0 10px;
}
#noticia #materia{
	float:left;
	font-size:14px;
	width:595px;
}
#noticia #materia p{
	padding:0;
	margin:0;
	margin-bottom:18px;
	text-align:justify;
	color:#5F5F5F;
}
#noticia .imagenoticia{
	position:relative;
	float:left;
	background-color:#EAEAEA;
	margin-right:20px;
	margin-bottom:10px;
	padding:0;
}
#noticia .imagenoticia img {
	display: block;
}
#noticia .imagenoticia span {
	position: relative; 
	float:left;
	padding:5px;
	color:#5F5F5F;
}

#noticia .maisnoticias{
	float:left;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:15px;
}

/* Anexo da noticia */
#noticia #noticiaarquivo{
	float:left;
	font-size:14px;
	width:595px;
	margin-bottom:10px;
}
#noticia #noticiaarquivo a{
	color:#009;
	font-weight:bold;
}
/* Janela do meio da noticia */
#janelasaibamais{
	float:left;
	width:270px;
	min-height:310px;
	margin-right:20px;
	margin-bottom:10px;
}

#janelasaibamais .titulo{
	font-size:15px;
	margin-top:10px;
	margin-bottom:15px;
}

#janelasaibamais ul{
	margin:0;
	padding:0;
	width:100%;
}

#janelasaibamais li{
	float:left;
	list-style:none;
	font-weight:bold;
	font-size:12px;
	margin:10px 0;
}

/* Listagem de noticia baseado em categoria */
#noticia-lista-categoria{
	float:left;
	position:relative;
	width:595px;
	font-family:Arial, Helvetica, sans-serif;
}
#noticia-lista-categoria .categoria{
	float:left;
	width:100%;
	font-weight:bold;
	font-size:16px;
	margin-bottom:8px;
}
#noticia-lista-categoria ul{
	float:left;
	width:595px;
	padding:0;
	margin:0;
}
#noticia-lista-categoria ul li{
	float:left;
	width:595px;
	list-style:none;
	border-bottom:1px solid #CCC;
	padding:15px 0;
}
#noticia-lista-categoria ul li .hora{
	color:#666;
	padding:2px 0;
}
#noticia-lista-categoria ul li .titulo{
	padding:5px 0;
	font-size:17px;
	font-weight:bold;
}

#noticia-lista-categoria .barragrossa{
	float:left;
	width:100%;
	height:5px;
	background-color:#EAEAEA;
}
#noticia-lista-categoria .barrafina{
	float:left;
	width:100%;
	height:1px;
	background-color:#EAEAEA;
}
#noticia-lista-categoria .barrameia{
	float:left;
	width:290px;
	height:1px;
	background-color:#CCCCCC;
}
#noticia-lista-categoria .barracurta{
	float:left;
	width:135px;
	height:1px;
	background-color:#CCCCCC;
}

.noticiapolitica{
	color:#FF0000;
}
.noticiamusica{
	color:#71120D;
}
.noticiacinema{
	color:#006699;
}
.noticiamundo{
	color:#990099;
}
.noticiabrasil{
	color:#FF6600;
}
.noticiaesporte{
	color:#006600;
}
.noticiacarros{
	color:#0000CC;
}

/* Barra de ferramentas como comentario, indique etc */
#noticia #ferramenta{
	float:left;
	width:595px;
	margin-top:15px;
	border:1px solid #CCC;
}
#ferramenta .opcoes{
	float:left;
	margin:0;
	padding:0;
	width:595px;
	height:60px;
	border-bottom:1px solid #CCC;
	background-color:#F4F4F4;
}
#ferramenta .opcoes li{
	float:left;
	display:inline;
	height:60px;
	width:84px;
	list-style:none;
	text-align:center;
	background-color:#F4F4F4;
	border-bottom:1px solid #CCC;
	cursor:pointer;
}
#ferramenta .opcoes li.sel{
	width:82px;
	border-bottom:none;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #FFF;
	background-color:#FFF;
}
#ferramenta .opcoes li img{
	margin:5px;
}
/* Compartilhar noticia */
#ferramenta .compartilhar{
	float:left;
	width:100%;
	display:none;
}
#ferramenta .compartilhar ul{
	float:left;
	width:100%;
	margin:0;
	padding:0;
	margin-top:10px;
	text-align:center;
}
#ferramenta .compartilhar ul li{
	float:left;
	list-style:none;
	text-align:center;
	cursor:pointer;
}
#ferramenta .compartilhar ul li img{
	margin:5px 13px;
}
#ferramenta .compartilhar ul .separa{
	float:left;
	background-color:#CCC;
	width:1px;
	height:30px;
}

/* Envie para um amigo noticia */
#ferramenta .amigo{
	float:left;
	width:550px;
	padding:20px;
	color:#5F5F5F;
	display:none;
	font-family:Arial, Helvetica, sans-serif;
}
#ferramenta .amigo label{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#5F5F5F;
}
#ferramenta .amigo label.error{
	font-size:10px;
	color:#F00;
	width:150px;
}
#ferramenta .amigo .erro{
	float:left;
	font-size:10px;
	color:#F00;
	width:400px;
	padding:7px 15px;
	font-weight:bold;
}
#ferramenta .amigo .descricao{
	font-size:10px;
}
#ferramenta .amigo .campocurto{
	width:220px;
	height:22px;
	border:1px solid #CCC;
	border-style:inset;
}
#ferramenta .amigo .campolongo{
	width:500px;
	height:22px;
	border:1px solid #CCC;
	border-style:inset;
}
#ferramenta .amigo .campotexto{
	width:497px;
	height:60px;
	border:1px solid #CCC;
	border-style:inset;
}
#ferramenta .amigo .nome{
	float:left;
	width:220px;
}
#ferramenta .amigo .email{
	float:left;
	margin-left:60px;
	width:200px;
}
#ferramenta .amigo .para{
	float:left;
	margin-top:10px;
	width:480px;
}
#ferramenta .amigo .comentarioamigo{
	float:left;
	margin-top:10px;
	margin-right:20px;
	width:530px;
}
#ferramenta .amigo .botao{
	margin-top:10px;
	float:left;
}
#ferramenta .amigo #form_amigo_carregando{
	float:left;
	display:none;
	width:540px;
	text-align:center;
	padding:30px 0;
}
#ferramenta .amigo #form_amigo_enviado{
	float:left;
	display:none;
	width:540px;
	text-align:center;
	padding:30px 0;
}
#ferramenta .amigo #form_amigo_enviado img{
	margin-bottom:5px;
}

/* Comentario noticia */
#ferramenta .comentario{
	float:left;
	width:100%;
	display:none;
	color:#5F5F5F;
	font-size:10px;
}
#ferramenta .comentario .coment{
	float:left;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
#ferramenta .comentario .coment span{
	color:#339900;
	font-weight:bold;
}
#ferramenta .comentario .btncomentar{
	float:right;
	padding:4px;
}
#ferramenta .comentario .formcomentario{
	float:left;
	width:575px;
	padding:10px;
	display:none;
}
#ferramenta .comentario .formcomentario .campocurto{
	width:220px;
	height:22px;
	border:1px solid #CCC;
	border-style:inset;
}
#ferramenta .comentario .formcomentario .campotexto{
	width:500px;
	height:60px;
	border:1px solid #CCC;
	border-style:inset;
}
#ferramenta .comentario .formcomentario label{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#5F5F5F;
}
#ferramenta .comentario .formcomentario label.error{
	font-size:10px;
	color:#F00;
	width:150px;
}
#ferramenta .comentario .formcomentario .erro{
	float:left;
	font-size:10px;
	color:#F00;
	width:400px;
	padding:7px 15px;
	font-weight:bold;
}
#ferramenta .comentario .formcomentario .nome{
	float:left;
	width:220px;
}
#ferramenta .comentario .formcomentario .email{
	float:left;
	margin-left:60px;
	width:200px;
}
#ferramenta .comentario .formcomentario .comentarioamigo{
	float:left;
	margin-top:10px;
	margin-right:20px;
	width:530px;
	display:block;
}
#ferramenta .comentario .formcomentario .botao{
	margin-top:10px;
	float:left;
}
#ferramenta .comentario .formcomentario #form_comentario_carregando{
	float:left;
	display:none;
	width:540px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:30px 0;
}
#ferramenta .comentario .formcomentario #form_comentario_enviado{
	float:left;
	display:none;
	width:540px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:30px 0;
}
#ferramenta .comentario .formcomentario #form_comentario_enviado img{
	margin-bottom:5px;
}

#ferramenta .comentario .barragrossa{
	clear:both;
	height:8px;
	color:#CCCCCC;
}
#ferramenta .comentario ul.lista{
	float:left;
	width:100%;
	margin:0;
	padding:0;
}
#ferramenta .comentario ul.lista  li{
	float:left;
	list-style:none;
	width:575px;
	padding:10px;
}
#ferramenta .comentario ul.lista  li.sel{
	background-color:#ECEAE7;
}
#ferramenta .comentario ul.lista  li .dadosusuario{
	float:left;
	display:inline;
	width:115px;
	height:100%;
}
#ferramenta .comentario ul.lista  li .dadosusuario b{
	font-weight:bold;
	font-size:12px;
}
#ferramenta .comentario ul.lista  li .mensage{
	float:left;
	width:445px;
	text-align:left;
	margin-left:5px;
}
#ferramenta .comentario ul.lista  li .mensage a{
	color:#5F5F5F;
	font-weight:bold;
}
#ferramenta .comentario .paginacao{
	float:left;
	padding:10px;
	font-weight:bold;
}
#ferramenta .comentario .paginacao span{
	cursor:pointer;
}
#ferramenta .comentario .paginacao span:hover{
	text-decoration:underline;
}

/* formulário de depoimento */
#formulario .campolongo{
	width:400px;
	height:22px;
	border:1px solid #CCC;
	border-style:inset;
}

#formulario .campolongotext{
	width:400px;
	height:300px;
	border:1px solid #CCC;
	border-style:inset;
}

#formulario .botao{
	margin-top:10px;
	margin-bottom:10px;
}


#formulario .campocurto{
	width:150px;
	height:22px;
	border:1px solid #CCC;
	border-style:inset;
}

#formulario .campofile{
	width:300px;
	height:22px;
	border:1px solid #CCC;
	border-style:inset;
}