@charset "utf-8";
/* CSS Document */

@import "reset.css";

* {margin:0; padding:0;}
html, body {background:#e81a21 url(../images/bg-website.gif) top repeat-x; font:12px Arial, Helvetica, sans-serif; color:#500000;}

a img {border: 0;}
a {text-decoration:none; cursor:pointer; color:#500000;}
a:active, a:focus {text-decoration:none;}
a:hover {text-decoration:underline;}

div.clear,html body span.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0}

.limites {width:908px; margin:0 auto;}

#sombra {background:url(../images/bg-sombra.png) top repeat-y;}

p {line-height:140%; margin-bottom:15px;}


/*TOPO*/

#topo {background:url(../images/bg-topo.gif) center top; height:167px; position:absolute; width:100%; top:0; z-index:100;}
	#topo .logo {background:url(../images/logo-josementor.gif) no-repeat; width:287px; height:82px; position:absolute; text-indent:-9999px; display:block; margin:68px 0 0 110px;}
	#topo .acabamento {background:url(../images/topo-acabamento.png) no-repeat; width:71px; height:71px; position:absolute; margin:97px 0 0 418px;}
	#topo #cargo { background:url(../images/deputado-federal.gif) no-repeat; width:154px; height:18px; position:absolute; margin:85px 0 0 500px; text-indent:-9999px;}
	
	#topo #busca {position:absolute; margin:15px 0 0 390px;}
		#topo #busca li {float:left; margin-right:10px; list-style:none;}
		#topo #busca input, #topo #busca select {font:9px Verdana, Geneva, sans-serif; padding:3px; color:#8d8d8d;}
		#topo #busca input { width: 150px; }
		#topo #busca select { width: 290px; }
		#topo #busca #btn-busca {width:20px; height:20px; border:0; cursor: pointer; background:url(../images/btn-busca.gif) no-repeat; text-indent:-9999px; display:block;}
		
	
/*MENU*/

	#menuTopo {position:absolute; margin:20px 0 0 110px; font:10px Verdana, Geneva, sans-serif; text-transform:uppercase;}	
		#menuTopo li {float:left; padding:0; margin:0; list-style:none;}
		#menuTopo li a {background:url(../images/separa-menu.gif) right no-repeat; display:block; padding:0 10px; color:#c61d00;}
		
	#bg-menu {background:url(../images/bg-menu.gif) bottom no-repeat; width:889px; height:55px; margin:0 auto 27px auto; padding:0;}
		#menu {width:750px; list-style:none; margin:0 auto;}
		#menu li {float:left;  padding:0; margin:0; list-style:none;}
		#menu li a {display:block; height:55px; text-indent:-9999px; background:url(../images/btn-menu.gif) no-repeat;}
		
		#menu a#btn-1 {width:113px;}
		#menu a#btn-2 {width:109px; background-position:-113px 0}
		#menu a#btn-3 {width:153px; background-position:-229px 0}
		#menu a#btn-4 {width:135px; background-position:-382px 0}
		#menu a#btn-5 {width:79px; background-position:-517px 0}
		#menu a#btn-6 {width:130px; background-position:-596px 0}
		
			#menu li ul {background:#b30209; display:none; position:absolute; z-index:2; margin:-20px 0 0 20px; padding:0; min-width:150px; border:#fff solid 2px;}
			#menu li:hover ul, #menu .ie6hover ul {display:block;}
			#menu li ul li {float:none; border-bottom:#a30208 solid 1px; background:none;}
			#menu li ul li a {background:none; color:#fff; text-indent:0px; height:auto; padding:8px; font-weight:normal; line-height:15px;}
			#menu li ul li a:hover {background:#a30208; text-decoration:none;}


/*CONTEUDO*/			

#main {background:#fff url(../images/bg-main.gif) top no-repeat; width:908px; margin:115px auto 0 auto; padding:0 0 60px 0;}
	#main h1, #main h2 {margin-bottom:20px; font-weight:normal;}
	#main h1 {font-size:18px;}
	#main h2 {font-size:16px;}
	#main h3 {font-size:16px; color:#b30209; margin-bottom:20px; }
	
	#main #destaque {width:750px; height:247px; margin:0 auto;}
		#main #destaque #estrela {background:url(../images/estrela.png) no-repeat; width:227px; height:206px; position:absolute; z-index:10; margin:45px 0 0 -100px; text-indent:-9999px;}
	
	#main #redes-sociais {clear:both; background:url(../images/bg-redes-sociais.gif) no-repeat; width:715px; height:25px; margin:6px auto; padding-left:35px; font-size:11px; line-height:25px;}
		#main #redes-sociais #twitter {float:left; overflow: hidden; width: 618px; height: 25px;}
		#main #redes-sociais #share {float: left; height: 16px; padding-top: 4px; *padding-top: 21px; width: 90px;}
		#main #redes-sociais #share ul {display: block;}	
		#main #redes-sociais #share ul li {float:left; margin-left: 2px;}	
		
	#main .data-post {font:11px Verdana, Geneva, sans-serif; text-transform:uppercase; font-weight:normal;}
	#main .display-video {float:left; width:226px; margin-right:20px; padding-bottom: 10px;}
	#main .display-texto {float:right; width:202px; margin-right:20px;}
	
	#main .box-comentarios {border:#500000 dotted 1px; padding:10px; margin-bottom:10px;}
	
	#main .linha-separa, #main .boxPost, #main .boxGaleria {border-bottom:#500000 dotted 1px; margin:30px 0;}
		#main .boxPost {margin-top:30px; padding-bottom:15px;}
		#main .boxGaleria {margin-top:30px; padding-bottom:30px;}
		#main .boxGaleria h1 {color:#b30209;}
		
		#main #txtCategoria {padding:3px; color:#8d8d8d;}

	/*COLUNA ESQUERDA*/
	
	#main .colEsquerda, #main .colDireita {float:left;}
	#main .colEsquerda {width:468px; margin:0 30px 0 79px; background:#fff;}
		#main .colEsquerda .post {background:none;}
		#main .colEsquerda #divImagem {padding-bottom:25px;}
		#main .colEsquerda .imgNoticia {background:#fff; border:#ebe3e3 solid 1px; padding:9px; margin-bottom:25px;}
		#main .colEsquerda .imgLoading {width: 448px; min-height: 300px; background: #F4F4F4 url(../images/loader.gif) no-repeat center center;}
		#main .colEsquerda .imgLegenda {font-size: 10px; position:relative; z-index:100; width:432px; background: url(../images/bg-legenda.png); height:40px; overflow:hidden; margin:10px; margin-top:-91px; padding:8px; color: #FFFFFF;}
		#main .colEsquerda .imgCredito {font-size: 10px; font-style: italic;}		


		#main .thumb {background:#fff; border:#ebe3e3 solid 1px; padding:5px; margin-right:25px; float:left;}
		#main .zoom {background:#fff; border:#ebe3e3 solid 1px; padding:5px; margin-bottom:10px;}
		#main .galeria {list-style:none;}
			#main .galeria li {float:left; padding:0; margin-bottom:20px;}

		
	/*COLUNA DIREITA*/
	
	#main .colDireita {background:url(../images/bg-sombra-direita.png) right repeat-y; width:287px; font-size:11px;}
	#main .colDireita .bgAuxiliar { background:#fff; width:227px; padding:20px; border:#500000 dotted 1px; }
		#main .colDireita h1 {background:url(../images/seta-baixo.gif) left no-repeat; font:11px Verdana, Geneva, sans-serif; padding-left:20px; text-transform:uppercase; font-weight:normal;}
		#main .colDireita img {border:#ebe3e3 solid 1px;}
		
	/*BOTÕES E LINKS */
		
	#main .btn-blog {text-indent:-9999px; display:block; margin:25px auto; background:url(../images/btn-acesse-blog.gif) no-repeat; width:108px; height:20px;}
	
	#main .btn-participe, #main .btn-news {text-indent:-9999px; display:block; float:left; margin:10px 10px 0 0;}
	#main .btn-participe {background:url(../images/btn-participe.gif) no-repeat; width:79px; height:20px; margin-left:30px;}
	#main .btn-news {background:url(../images/btn-newsletter.gif) no-repeat; width:78px; height:20px;}
	
	#main .btn-comente {background:url(../images/ico-comente.gif) no-repeat; padding-left:25px;}
	
	#main .link-saiba-mais {background:url(../images/seta-direita.gif) no-repeat 0 3px; padding-left:20px;}

	
	/*PAGINADOR*/
	
	.paginador {margin:20px 0;}	
		.paginador li {float:left; margin:0; list-style:none; padding:0 5px;}
		.paginador li a {display:block; color:#500000; font-size:18px;}
		.paginador li a:hover {color:#d41118;}
		.paginador .pag-anterior {background:url(../images/seta-esquerda.gif) left no-repeat; padding-left:15px;}
		.paginador .pag-proximo {background:url(../images/seta-direita.gif) right no-repeat; padding-right:15px;}
		.paginador .pag-contador {margin-top:5px;}


	/*FORMULÁRIO*/
	
	#formContato {margin-top:35px; border: none;}
	#formContato li {margin-bottom:10px; list-style: none;}
	#formContato label {float:left; width:160px;}
	#formContato input {padding:2px;}
		
		a[href$='.doc'] { padding:5px 20px 5px 0; background:url(../images/ico_word.png) no-repeat center right;}
		a[href$='.docx'] { padding:5px 20px 5px 0; background:url(../images/ico_word.png) no-repeat center right;}
		a[href$='.pdf'] { padding:5px 20px 5px 0; background:url(../images/ico_pdf.png) no-repeat center right;}
		
		
	/*SHOW-HIDE*/
		
	#main h2.trigger {padding:0 0 0 45px; margin-bottom:15px; background: url(../images/tab-show-hide.gif) no-repeat; height:60px; width:423px; float: left;}
	#main h2.trigger a {text-decoration: none; display:block; font-size:12px; padding-top:15px; color:#500000;}
	#main h2.trigger a:hover {color: #b30209;}
	#main h2.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
	.toggle_container {margin:0 0 15px 0; padding:0; border:none; background: #fff; overflow: hidden; clear:both; width:468px;}
	.toggle_container .block {padding:0 10px;}	
	.toggle_container .block p {padding: 5px 0;	margin: 5px 0;}	
	
/*RODAPE*/

#rodape {background:url(../images/bg-rodape.gif) center top; height:167px; position:absolute; width:100%; margin-top:-41px; z-index:100;}
	#rodape .acabamento {background:url(../images/rodape-acabamento.gif) no-repeat; width:71px; height:71px; position:absolute; margin:-13px 0 0 418px;}
	#rodape #copyright {background:url(../images/bg-sombra-rodape.gif) top no-repeat; width:889px; height:50px; margin-top:80px; position:absolute;}
	#rodape #copyright p {margin-top:30px; text-align:center; font: 10px Verdana, Geneva, sans-serif; color:#006497;}

	#rodape #menu-esquerda, #rodape #menu-direita {position:absolute; font:9px Verdana, Geneva, sans-serif; text-transform:uppercase;}
	#rodape #menu-esquerda li, #rodape #menu-direita li {float:left; margin:0; list-style:none;}
	#rodape #menu-esquerda li a, #rodape #menu-direita li a {background:url(../images/separa-menu-rodape.gif) right no-repeat; display:block; padding:0 10px; color:#fff;}
	#rodape #menu-esquerda {margin:35px 0 0 20px;}
	#rodape #menu-direita {margin:10px 0 0 500px;}

/*BLOG*/

.blog-post {border-bottom:#500000 dotted 1px; margin:30px 0;}
.blog-post .titulo {margin:0; padding:0; font-size: 16px; font-weight:bold;}
.blog-form input, .blog-form textarea {width:445px; font:12px Arial, Helvetica, sans-serif; color:#500000; padding: 2px; margin-top: 2px; margin-bottom: 8px;}
.blog-sidebar {margin-left: 5px;}
.blog-sidebar ul li { text-transform: uppercase;background:url(../images/seta-baixo.gif) left no-repeat; padding-left: 20px; margin-bottom: 10px; }
.blog-coment {background:url(../images/ico-comente.gif) no-repeat; padding-left:25px;}
.blog-form .btn-coment {width: 90px; font-weight:bold;}