body {  font-family: 'Open Sans', Arial, Helvetica, sans-serif; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;  }

#left h1 { width: 98%; float:left; position:relative; text-transform:uppercase; color: #FFF; font-size: 22px; background: #FC8433; margin: 0px 0px 0px 0px; padding: 5px 0px 5px 2%;  -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.outrostitulos { float: left; position: relative; width: 98%; padding: 5px 0px 5px 2%; margin: 15px 0px 0px 0px; font-size: 16px; color: #FFFFFF;  background: #FC8433; 1px solid; font-weight:700; text-transform: uppercase; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.outrostitulos span {  padding: 5px 0px 5px 0px; float: left; position: relative;}

.topnoticia {width: 100%; paddding: 0px 0px 0px 0px ; margin: 0px 0px 20px 0px; float:left; position: relative;}
.topnoticia .datanoticia .cliques { float:right; position: relative;}

.datanoticia { width: 100%; position:relative; float:left; font-size:14px; color: #333; font-weight:400; text-align:left; padding: 0px 0px 10px 0px; margin: 0px 0px 0px 0px; }
.categorianoticia { width: 100%; color: #333; font-size: 20px; position:relative; float:left; font-weight:400; }
.categorianoticia a { color: #777; text-decoration: none;} #categorianoticia a:hover { color: #777; text-decoration: underline;}
.titulonoticia { width:100%; position:relative; float:left; font-size:30px; color: #FC8433; font-weight:600; text-align:left; margin: 10px 0px 0px 0px;}
.titulonoticia a { color: #A50000; text-decoration: none; } #titulonoticia a:hover { color: #FC8433; text-decoration: underline; }
.bigodenoticia { width:100% position:relative; float:left; font-size:14px; color: #333; font-weight:400; text-align:left; margin: 10px 0px 0px 0px;}

.imagem_noticia { width: 400px; position:relative; float:left; padding: 0px 15px 15px 0px; text-align:left;  }
.imagem_noticia .box .legenda_imagem { color: #666; font-size:11px; border-bottom: 1px solid #CCC; padding: 5px 0px 5px 0px;  } 

.textonoticia { width: 100%; position:relative; float:left; font-size:14px; line-height: 22px; color:#333; font-weight:400; text-align:justify; padding: 10px 0px 10px 0px; }
.textonoticia a{ color: #FC8433; text-decoration:none; }
.textonoticia a:hover{ color: #FC8433; text-decoration:underline;}

.textonoticia p img { width: 100%; height: auto; } 
.textonoticia table {  width: 100%;} 

.textonoticia  td img { width: 100%; height: auto; } 

.textonoticia p iframe, .textonoticia p object, .textonoticia p embed { width: 100%; height: 354px; }

#videoplayer {width:100%; position:relative; float:left; } 

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
 
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.interatividade {  width:100%;  position:relative; float:left; margin: 30px 0px 30px 0px; padding: 0px 0px 0px 0px;  -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #CCC;}
.interatividade .urlmeta { width:48%; padding:5px; margin: 10px 8px 5px 8px; position:relative; float:left; border:none; background:#FFF; font-size: 11px; color: #666; font-weight : 400;}
.interatividade ul {float:right; position:relative; padding:0px; margin: 0px; list-style:none; text-align:center;} 
.interatividade li { width: 40px; height:40px; float:left; position:relative; padding:0px; margin: 0px;}
.interatividade li span { display:none; }
.interatividade li a {width: 40px; height:23px; float:left; position:relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; color: #007596; text-align:center; padding: 9px 0px 5px 0px; }
.interatividade li  a:hover { color: #FC8433 ;}
.interatividade #link { float:left; position:relative; font-size: 14px;  color: #007596; margin:10px 0px 0px 10px; font-weight : 600;}

#formenvio {   width: 95.8%; position:relative; float:left;  margin: 0px 0% 30px 0%; padding: 2%; border: 1px solid #CCC ; font-weight:400; font-size: 14px; color: #333; display: none;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } 

#formdepo {   width: 95.8%; position:relative; float:left;  margin: 30px 0% 30px 0%; padding: 2%; border: 1px solid #CCC ; font-weight:400; font-size: 14px; color: #333; display: none;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} 

.formcontato { margin: 0px 0% 30px 0%; position:relative; float:left;  } 

#formulario .campo {   font-weight : 400; font-whwidth: 96%;  position:relative; float:left; margin: 10px 0px 10px 0px;  border: 1px solid #CCC;  padding: 0px 2% 0px 2%; font-size: 14px; color: #333; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#formulario .textarea { width: 96%;  padding: 2%; margin: 10px 0px 10px 0px; font-family: 'Open Sans', Arial, Helvetica, sans-serif;  border: 1px solid #CCC;  font-size: 14px; color: #333; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
#formulario .campo:focus, #formulario .textarea:focus {  border: 1px solid #FC8433; } 
#formulario .txt { width: 100%; # position:relative; float:left;} 
#formulario #codigo {  position:relative; float:left; margin: 10px 0px 10px 0px; text-transform: uppercase;} 
#formulario #atualizar { margin: 30px 0px 0px 10px; position:relative; float:left;}
#formulario .enviar {  text-transform: uppercase; font-weight:400; border: none; cursor: pointer; float:right; position: relative; margin: 20px 0px 0px 0px;  color: #FFF; text-decoration:none; background-color: #FC8433; padding: 10px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
#formulario .enviar:hover { color: #FFF; text-decoration:none; background-color: #B20000; }

#noticias { width: 100%; float:left; position:relative; margin: 0px 0px 30px 0px; }
#noticias a { color: #333; text-decoration: none; font-weight : 400;} #noticias a:hover { color: #333; text-decoration: underline; }
#noticias ul { width: 100% float:left; position:relative; padding:0px; margin:0px; list-style:none;}
#noticias li  { border: 1px solid #CCC; width: 96%; float:left; position:relative; padding:15px 2% 15px 2%; margin: 15px 0px 0px 0px;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#noticias .imagem {width: 17.5%; float: left; position:relative; margin-right: 2%; } 
#noticias img { width: 100%; height: auto; } 
#noticias .data { font-size:14px; color: #999; font-weight : 400; margin-top: -3px;}
#noticias .blog { font-size:16px; color: #FC8433; font-weight : 400; padding: 0px 0px 5px 0px; }
#noticias span { width: 72%; float: left; position:relative; padding: 0px 2% 0px 0px; font-size:18px; }
#noticias .maior { width: 98%; }
#noticias .categoria { font-size:16px; font-weight : 400; padding: 5px 0px 5px 0px; } 
#noticias .categoria a { color: #FC8433; text-decoration: none; font-weight : 600; } #noticias .categoria a:hover { color: #a50000; text-decoration: underline; }
#noticias .txt { width: 94%; float:left; position:relative; }  
#noticias li i { position:absolute; z-index: 999;  bottom: 0px; right: 0px; margin-bottom: 15px; margin-right: 10px; color: #FFF; }
#noticias .icon i { width: 6%; color: #333;  float:left; position:relative; margin: 15px 0px 0px 0px;} 

#topoblogs { width: 100%; float:left; position:relative;  padding: 15px 0px 10px 0px; text-align:left; color:#333; text-decoration:none; border-bottom: 1px solid #CCC; margin: 0px 0px 30px 0px; }
#topoblogs .foto img  { width: 100%; height: auto;}
#topoblogs .foto { width: 20%; float:left; position:relative; margin: 0px 2% 0px 0px;}
#topoblogs .blogueiro { width: 78%; float:left; position:relative; color: #333; font-size: 20px; font-weight:600;}
#topoblogs .blogueiro a { color: #333; text-decoration: none; } #conteinerblogs .blogueiro a:hover { color: #333; text-decoration: underline; }
#topoblogs .descricao { width: 78%; float:left; position:relative; color: #333; font-size: 14px; font-weight:400; padding: 5px 0px 0px 0px;}

.noresponse { font-size: 11px; color: #333; width: 100%; float:left; position:relative; margin: 10px 0px 30px 0px; font-weight : 600; } 

.result { width: 100%; float:left; position:relative; } 
.result li { width: 100%; } 
.conteiner_coments { width: 99.8%; float:left; position:relative; margin: 10px 0px 10px 0px; border: 1px dashed #CCC; text-align:left; color: #333; font-weight:400; font-size: 14px; }
.data_coments { font-weight:400;}
.coments_coments {  padding: 0px 10px 10px 10px ;}
.nome_coments { font-weight:600; padding: 10px; color: #f72227;}

.nocoments { width: 100%; float:left; font-size:14px; color: #333; font-weight:600; text-align:left; padding: 10px 0px 10px 0px; }
.nocoments  a{ color: #333; text-decoration:none;} .nocoments  a:hover{ color: #333; text-decoration:underline;}

#comentar { position:relative; float:right; }
#comentar a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; position:relative; float:right; color: #FFF; padding: 0px 10px 0px 0px ; -webkit-border-radius: 2px 2px 0px 0px ; -moz-border-radius: 2px 2px 0px 0px ; border-radius: 2px 2px 0px 0px; text-decoration: none;} #comentar a:hover{ color: #FFF; text-decoration: underline; }
#comentar i { margin: 8px 2px 0px 0px; }


#paginacao {width:100%; position:relative; float:left; text-align:center; margin: 0px 0px 30px 0px; }
.paginacao { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;  display: inline-block;  font-size:14px;  color:#FFF; text-decoration:none; background-color: #FC8433; padding: 5px; margin: 0px 2px 4px 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-weight : 400; }
.paginacao:hover { background: #B20000; }
.paginacao a { color:#FFF; text-decoration:none;  position:relative; }
.paginacao a:hover { color: #FFF; text-decoration: none;   }
.paginacao2 { font-size:14px; color:#FFF; text-decoration:none; background-color: #f72227; padding: 5px; margin: 0px 2px 4px 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;  font-weight : 400;  }

#Pagination { width:100%; position:relative; float:left; text-align:center; margin:30px 0px 0px 0px;  font-size:14px;  text-align:center;  font-weight : 400; color: #FFF;}
.pagination { display: inline-block; }
.pagination a {	background: #FC8433; text-decoration: none; color: #FFF; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;  }
.pagination a:hover { text-decoration: none; background: #B20000; }
.pagination a, .pagination span { display: block; float: left; padding: 5px; margin: 0px 2px 4px 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.pagination .current { background: #f72227; }
.pagination .current.prev, .pagination .current.next { background:#FC8433;}


#conteiner_imprimir {width: 96%; position:relative; float:left; padding: 0px 2% 0px 2%;}
#topo_imprimir {width: 100%;	position:relative; float:left;	text-align:center; padding: 15px 0px 15px 0px; border-bottom: 2px solid #CCC;}
#datanoticia_imprimir {width: 100%; position:relative; float:left; font-size:14px; color: #333; font-weight:600; text-align:left; padding: 15px 0px 15px 0px; }
#titulonoticia_imprimir { width: 100%; position:relative; float:left; font-size:30px; color: #333; font-weight:600; text-align:left; padding: 15px 0px 15px 0px;}
#bigodenoticia_imprimir {width: 100%; position:relative; float:left; color: #333; font-weight:normal; text-align:justify; padding: 15px 0px 15px 0px; font-size:14px; }
#textonoticia_imprimir {width: 100%; position:relative; float:left;  font-size:13px; color: #333; font-weight:normal; text-align:justify; padding: 15px 0px 15px 0px; }
#textonoticia_imprimir a { color: #333; text-decoration:none; }
#imagem_imprimir { width: 300px; float:right; margin-left: 15px; } 

#textonoticia_imprimir img { margin: 0 auto; display: block;} 

#creditoimg_imprimir, #legendaimg_imprimir, #creditofotosnoticia {  width: 100%; position:relative; float:left; font-size: 12px; padding: 5px 0px 5px 0px; } 
#bottom_imprimir {width: 100%; position:relative; float:left;	text-align:center; padding: 15px 0px 15px 0px; border-top: 2px solid #CCC;}

#copy { width:100%; float:left; position:relative; padding: 0px 0px 0px 0px; text-align:center; font-size:14px;}
#contatos { width:100%; float:left; position:relative; padding: 0px 0px 0px 0px; text-align:center; font-size:14px; }

#fotos { width: 100%; position:relative; float:left; margin: 0px 0px 20px 0px;}
#fotos span { font-size: 14px;} 
.maisfotos { width:100%; float:left; position:relative; color: #FC8433; font-size: 14px; border-bottom: 1px solid #CCC; margin: 10px 0px 10px 0px; font-weight:600;} 


@media screen and (max-width: 1024px) {

.imagem_noticia { width: 300px;  }

}


@media screen and (max-width: 800px) {

.imagem_noticia { width: 345px;  }


}


@media screen and (max-width: 768px) {

.imagem_noticia { width: 310px;  }

#topoblogs .foto { width: 25%; }
#topoblogs .blogueiro { width: 73%;}
#topoblogs .descricao { width: 73%; }

}


@media screen and (max-width: 640px) {

.imagem_noticia { width: 290px;  }


}


@media screen and (max-width: 600px) {

.imagem_noticia { width: 340px; padding: 0px 0px 15px 0px; }


#noticias .imagem {width: 40%; } 

#noticias span { width: 56%; font-size:14px;}

.interatividade #link { width: 100%; text-align:center; margin:10px 0px 0px 0px;}

.interatividade ul { margin-left: 70px; float:left; } 


#topoblogs .foto { width: 100%; margin: 0px 0px 0px 0px;}
#topoblogs .blogueiro { width: 100%;}
#topoblogs .descricao { width: 100%; }


}

@media screen and (max-width: 320px) {
.imagem_noticia { width: 300px; }

 #noticias span {  font-size:13px;}

.interatividade ul { margin-left: 45px; float:left; } 
}