/**
 * Sindicato dos Trabalhadores do Poder Judiciário de Mato Grosso do Sul
 * Folha de estilos usada no projeto, com as definições
 */
html,
body{width:100%;height:100%;min-height:100%; min-width: 1024px;font-family:Verdana, Geneva, sans-serif; font-size: 14px; color:#666; background: url(../img/hdr-bg.jpg) repeat-x top #F8F8F8;}
html{overflow-y:scroll;}
h1, h2{font-size: 16px; color: #C83131; text-transform: uppercase; font-weight: bold;}
h1 a, h2 a{font-size: 16px; color: #C83131; text-transform: uppercase; font-weight: bold; }
h3{font-size: 14px; color: #C83131;}
a{font-size: 14px; color:#666; text-decoration: none;}
a:hover{text-decoration: none; color:#C83131}
span{font-size: 11px;}
ul, li {margin: 0; padding: 0; list-style: none;}

/* classes */
	.floatL{float:left;margin-right:8px;}
	.floatR{float:right;margin-left:8px;}
	.aCenter{text-align:center;}
	.aRight{text-align:right;}
	.prepend-half{padding-left:20px;}
	.append-half{padding-right:20px;}
	.mrg-r0{margin-right: 0px!important}
	.brdr-0 {border: none!important}	
	.p13 p{font-size: 13px}
/* Cabecalho */
	.top-hdr {background: #9B2626; text-align: right; height: 35px; box-shadow: 0px 0px 5px #777; margin-bottom: 15px}
	.top-hdr li{display: inline-block; float: right; border-right: 1px solid #9B2626;  height: 35px;}
	.top-hdr p{color: #fff; margin-bottom: 0; padding-left: 20px; background: url(../img/fone.png) no-repeat left center; font-size: 11px; margin: 9px 10px 0 0}
	#nav .marca h2 {font-weight: bold; color: #666; font-size:22px; margin-top: 30px; text-transform: none; text-align: center; }
	#nav .span-9{text-align: right; margin-top: 40px;}
	#nav .span-9 .span-1 img{margin: 6px 0 0 5px}
	.hdr p{font-size: 11px; margin-bottom: 0; color: #999}
	
	.temp-max {color:#9B2626; font-weight:bold; font-size: 12px; }
	.temp-min {color:#0085B2; font-weight:bold; font-size: 12px; }

	.frm-busca form p{width: 345px;background: #fff; border:1px solid #ddd; margin:5px 0px 0px 0px; border-radius:5px}
	.frm-busca form p input[type="text"]{border:none; height: 25px; padding:5px;margin: 0; width: 300px; color: #999;font-size: 13px; }
	.frm-busca form p input[type="submit"]{background: url(../img/lupa.png) no-repeat;width:25px; height: 16px; cursor: pointer; border:none;}

/* menu */
	 ul#menu {background: url(../img/menu-bg.png) no-repeat; width: 953px; height: 54px; }
	#menu li{float: left;padding:0px;line-height:1;  position: relative;}
	#menu a.home {background: url(../img/home-bg.png) no-repeat; padding: 18px 41px 19px 41px; margin-top: 0px}
	#menu a.home .ativo, #menu a.home:hover{background: url(../img/house-w.png) no-repeat; border-left: none; padding-left: 42px}
	#menu a{text-decoration:none; float: left; padding: 19px 10px 17px 10px;  margin-top: 1px;border-left: 1px solid #fff;border-right: 1px solid #ddd; font-weight: bold; text-transform: uppercase; }
	#menu a:hover{background: url(../img/hvr-bg.jpg) no-repeat;border-left: 1px solid #882222;border-right: 1px solid #882222; color: #fff}
	#menu a.contato { padding:19px 15px 17px 16px; border-right: none;}
	#menu a.contato.ativo, #menu a.contato:hover{background: url(../img/contato-hvr.png) no-repeat right; border-left: none;  border-right: none; color: #fff}
	
	#menu ul {position: absolute;height: 200px;z-index: 100;top: 53px!important;left: -2px!important;}
	#menu ul li{float: none; display: block; line-height: 1.3em; width: 160px; }
	#menu ul li a{float: none;margin: 0; padding:7px 10px; border: 1px solid #ddd; background: #fff; display: block; border-bottom: none}
	#menu ul li a.ultimo{border-bottom: 1px solid #ddd!important;}
	#menu ul li a:hover{border: 1px solid #9B2626; border-bottom: none;}

/* submenu */
	.submenu li{float: left;padding: 5px 75px;}
	.submenu li a{display: block; font-size: 13px; color: #fff; font-weight: bold; text-transform: uppercase;}
	.submenu li.verde{background:#85B200; border-radius: 2px 0 0 3px ; padding: 5px 75px}
	.submenu li.verde a{padding-left: 20px; background: url(../img/filie-se.png) no-repeat left;}
	.submenu li.azul{background:#0085B2 }
	.submenu li.azul a{padding-left: 20px; background: url(../img/file.png) no-repeat left; }
	.submenu li.vermelho{background:#9A3F3F; padding: 5px 73px; }
	.submenu li.vermelho a{padding-left: 20px; background: url(../img/comarca.png) no-repeat left; }
	.submenu li.amarelo{background: #D9A300; border-radius: 0px 2px 3px 0px ; padding: 5px 68px;padding: 5px 66px\9;*padding: 5px 68px;}
	@media \0screen {
		.submenu li.amarelo{padding: 5px 68px;}/*Funciona só no IE 8*/
	} 
	.submenu li.amarelo a{padding-left: 20px; background: url(../img/balanco.png) no-repeat left;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .submenu li{float: left;padding: 5px 74px;}
	.submenu li a{display: block; font-size: 13px; color: #fff; font-weight: bold; text-transform: uppercase;}
	.submenu li.verde{background:#85B200; border-radius: 2px 0 0 3px ; padding: 5px 73px}
	.submenu li.verde a{padding-left: 20px; background: url(../img/filie-se.png) no-repeat left;}
	.submenu li.azul{background:#0085B2 }
	.submenu li.azul a{padding-left: 20px; background: url(../img/file.png) no-repeat left; }
	.submenu li.vermelho{background:#9A3F3F; padding: 5px 74px; }
	.submenu li.vermelho a{padding-left: 20px; background: url(../img/comarca.png) no-repeat left; }
	.submenu li.amarelo{background: #D9A300; border-radius: 0px 2px 3px 0px ; padding: 5px 70px}
	.submenu li.amarelo a{padding-left: 20px; background: url(../img/balanco.png) no-repeat left;}
}	

/* Footer */
	.footer {background: url(../img/footer-bg.jpg); ; position: relative;margin-top: -287px; /* negative value of footer height */	height: 287px;	clear:both;}
	.footer p{font-size: 14px; color: #fff; margin-bottom: 10px;}
	.footer a,.footer span{color: #bbb; font-size: 12px;display: block;}
	.footer span{display: inline;}
	.ftr-nav{border-bottom: 1px solid #555555; padding-bottom: 15px; }
	
	ul.twit li{float: left;}
	ul.twit li p{width: 370px;background: url(../img/twitter-c.png) no-repeat left center; padding-left: 45px; margin: 10px 40px 0px 10px; font-size: 12px;}
	ul.twit li p a{font-size:10px;color: #fff;}
	ul.twit li p a{border: none; padding: 0px;}
	ul.twit li a {border-left: 1px solid #555555; padding: 25px 10px 15px 10px; height: 25px;}

	.adress p{margin-bottom: 5px}

	.rodape{background: url(../img/rodape.jpg) ;}
	.rodape span{margin-top: 13px}

	.frm-nws {border-left: 1px solid #555;padding-left: 25px;width: 294px; height: 257px;padding-top: 17px}
	.frm-nws p{margin-bottom: 5px}
	.frm-nws span{margin-bottom: 5px; display: block;}
	.frm-nws p input[type="text"]{height: 25px;padding: 5px;width: 285px;background: #fff;border: none;border-radius: 4px; margin: 3px 0}
	.frm-nws p input[type="submit"]{background: url(../img/assinar.png) no-repeat; border:none; width: 89px; height:34px; cursor: pointer;text-indent: -99999px;text-transform: capitalize;}
	.frm-nws p.submit{text-align: right; width: 298px}

/* Home */
	#slides, .slides_container, .slide{width: 550px; height: 385px; position: relative;}
	#slides .caption{width: 520px;height: 40px; background: url(../img/fil-preto.png); position: absolute; bottom: 0; left: 0; padding: 10px 15px 15px 15px; }
	#slides .caption p{color: #fff; line-height: 1.2em; height: 48px; overflow: hidden;width: 390px; font-size: 14px; }
	#slides .caption a img{position: absolute; right: 0; bottom: 0px;}
	
	#slides a.prev{background: url(../img/arrow.png) no-repeat center transparent; padding: 33px 7px 32px 8px;position: absolute;z-index: 100;bottom: 0px;right: 115px; cursor: pointer;}
	#slides a.prev:hover {background: url(../img/arrow.png) no-repeat center #9B2626;}
	#slides a.next{background: url(../img/arrow-nxt.png) no-repeat center transparent; padding: 33px 7px 32px 8px;position: absolute;z-index: 100;bottom: 0px;right: 0px; cursor: pointer;}
	#slides a.next:hover{background: url(../img/arrow-nxt.png) no-repeat center #9B2626;}
	
	#slides ul.pagination{position: absolute; bottom: 75px; right: 10px; z-index: 10}
	#slides ul.pagination li {display: inline; margin: 0 2px}
	#slides ul.pagination li a{font-size: 0px; background: url(../img/inactive.png) no-repeat; padding: 5px}
	#slides ul.pagination li.current a{background: url(../img/active.png) no-repeat;}
	.ultimas-noticias{width: 380px;margin-left: 10px;}
	.brdr-0{border-bottom: 0px!important}
	.ultimas-noticias ul{display: block;background: #fff; border: 1px solid #ddd; border-radius: 5px}
	.ultimas-noticias ul li{padding: 10px; border-bottom: 1px solid #ddd; line-height: 1.2em}
	.ultimas-noticias ul li:hover{background: #eee}
	.ver-doze{font-size: 12px; color:#C73131;*margin-top:-19px }
	.noti-cat{font-size: 12px; color:#C73131; }
	.noti-cat span{color: #999}

	.home-gal {width: 300px; height: 245px; overflow: hidden; position: relative; border-radius: 5px; }
	.home-gal .capt{width: 280px; height:35px; background: #323232; position: absolute; bottom: 0; left:0; padding: 5px 10px; border-radius: 0px 0px 5px 0px }
	.home-gal .capt a{position: absolute; bottom: -5px; right: 0; z-index: 10}
	.home-gal p{margin-bottom: 0px; line-height: 14px; color: #fff; height:15px; overflow: hidden; }
	.home-gal span{color: #999}

	.niver ul {background: #fff; border:1px solid #ddd; border-radius: 5px; height: 245px; overflow: hidden; width: 300px; margin-left: 2px}
	.niver ul li {padding: 8px 10px; border-bottom: 1px solid #ddd; line-height: 1.27em; }
	.niver ul li.first{padding-right: 32px;padding-right:35px\9;}
	.niver ul li p{margin-bottom: 0px}
	.niver ul li img{float: left; margin-right: 15px;}
	.niver ul li span{color: #999}

	.enquete ul {background: #fff; border:1px solid #ddd; border-radius: 5px; height: 225px; overflow: hidden; width: 280px; padding: 10px; margin-left: 5px}
	.enquete ul li {margin-bottom: 5px; float: left; width: 280px;}
	.enquete form label {font-weight: normal; line-height: 13px; font-size: 13px }
	.enquete .span-1{width: 15px; margin-right: 5px}
	.enquete input[type="radio"]{margin: 1px 0px 0px 0px; float: left;}
	.enquete input[type="submit"]{background: url(../img/votar.png) no-repeat; width: 107px; height: 37px; border:none; cursor: pointer;}
	.enquete div.span-7{width: 260px; margin-right: 0; line-height:1.3em }
	.enquete p{margin-bottom: 0px; font-weight: bold; line-height: 1.3em}

	.carrossel-bdy{width: 950px; height: 150px; position: relative;}
	#car1 {background: #fff; border:1px solid #ddd; width: 928px!important; padding: 10px; height: 90px; border-radius: 5px}
	#car1 ul li{width: 120px!important; height: 90px!important; margin-right: 15px}
	.carrossel-bdy a.next1{position: absolute; top: 90px; right: -30px; padding: 5px 10px; background: url(../img/g-arrow.png) no-repeat; z-index: 10; cursor: pointer;}
	.carrossel-bdy a.prev1{position: absolute; top: 90px; left: -20px; padding: 5px 10px; background: url(../img/g-arrow1.png) no-repeat; z-index: 10; cursor: pointer;}
	.meio img{margin-left: 2px;}
	.direito img{margin-left: 5px;}

/* O Sindicato */
	.txt-cont{padding: 15px; background: #fff; border:1px solid #ddd; border-radius: 5px}
	.txt-cont p{font-size: 13px;}
	.img-cont{width: 300px; margin-left: 15px}
	.galeria_pagina{width:100px;float: left;}
	.galeria_pagina_r0{margin-right:0}
/* Diretoria */
	.diretoria{width: 920px;}
	div.dir{float: left; width: 300px; margin-right: 10px;}
	.dir img{float: left; margin-right: 10px; border: 1px solid #ddd}

/* Comarca */
	.comarca-cont{padding: 10px; background: #fff; border: 1px solid #ddd; font-size: 12px; border-radius: 5px; height: 207px; overflow: hidden; margin-bottom: 10px}
	.comarca-cont h3{margin-bottom: 10px; font-weight: bold;}
	.comarca-cont p{margin-bottom: 0px}
	.comarca-cont hr{margin: 10px 0}

/* Parceiro */
	.parceiro{width: 920px}
	.parceiro p{margin-bottom: 0px; font-size: 14px}
	.parceiro a{font-size: 13px; color: #C53131}
	.parceiro img{border: 1px solid #ddd}

/* Noticias */
	.noticias {border: 1px solid #ddd; border-radius: 5px; background: #fff; width: 948px; margin-top: 10px;}
	.noti-dstq-ttl{width: 698px}
	.noti-destaque {padding: 15px; border-bottom: 1px solid #ddd; width: 918px;}
	.noti-destaque h2{margin-bottom: 0px; line-height: 1em}
	.noti-destaque h2 a {font-weight: normal; font-size: 14px; text-transform: none;}
	.noti-destaque p  {margin-bottom: 0px; }
	.noti-destaque p a{font-size: 13px;}
	.noti-destaque span{color: #999}

/* Noticia */
	#carro{width: 400px!important; height: 280px!important; float: left; margin:0px 20px 20px 0;position: relative; text-align: right;padding: 5px;background: #fff;border: 1px solid #ddd;border-radius: 5px;}
	#carro .slides_container, #carro .slide, #carro .item{width: 400px; height: 280px; }
	#carro a.next{position: absolute; top: 100px; right: -2px; background: url(../img/prev.png) no-repeat; padding: 34px 9px; font-size: 0px; z-index: 10}
	#carro a.prev{position: absolute; top: 100px; left: -1px; background: url(../img/next.png) no-repeat; padding: 34px 9px; font-size: 0px; z-index: 10}
	#carro ul.pagination{position: absolute; bottom: 10px;right: 10px;z-index: 100;}
	#carro ul.pagination li{display: inline; margin: 0 2px;}
	#carro ul.pagination li a{font-size: 0px; padding: 5px; background: url(../img/inactive.png) no-repeat;}
	#carro ul.pagination li.current a, #carro ul.pagination li.current a:hover{font-size: 0px; padding: 5px; background: url(../img/active.png) no-repeat;}
	#carro span{color: #999}

	h2 a.voltar{font-weight: normal; font-size: 12px; margin-top: 5px; text-transform: none;}
	.noticia{padding: 15px; background: #fff; border: 1px solid #ddd; border-radius: 5px; margin-bottom: 30px; width: 918px}
	.noticia .addthis_toolbox{height:30px}
	.noticia span{color: #999}
	.noticia h1{font-weight: normal; text-transform: none; line-height: 1.3em; font-size: 18px;}
	.noticia p{font-size: 13px; margin-bottom: 0px}

	.comentario h3{text-transform: uppercase; font-weight: bold; font-size: 16px; }
	.comentario h3 span{font-size: 16px; color: #999; font-weight: normal;}
	.comentario p{font-size: 12px;}
	.comentario form p{margin-bottom:0px; width: 310px}
	.comentario p label{display: block; font-weight: normal;text-transform: uppercase;}
	.comentario p input[type="text"], .comentario p textarea{width: 300px; height: 25px; padding: 5px; border-color: #ddd; border-radius: 5px; background: #fff }
	.comentario p textarea{height:70px; }
	.comentario p.submit{text-align: right; width: 313px;}
	.comentario p input[type="submit"]{background: url(../img/enviar.png) no-repeat; padding:17px 52px 17px 53px ; border:none; cursor: pointer;}
	.comentario .txt-cont p{margin-bottom: 0px;}
	.comentado{margin-bottom: 10px;}
	.comentado h3{margin-bottom: 5px}
	.comentado p{margin-bottom: 0px; font-size:13px;}
	.comentado span{color: #999}

/* Imagens */
	.dwn-img{padding: 5px; width: 298px; border:1px solid #ddd; background: #fff; border-radius: 5px; margin-bottom: 10px}
	.dwn-img img{width: 298px}
	.dwn-img p{font-size:13px; margin-bottom: 0px; }
	.dwn-img a, .boletins a{font-size: 12px; color:#C53131;  }

/* Boletins */
	.boletins{background: #fff; border: 1px solid #ddd; padding: 10px 0; border-radius: 5px}
	.boletins p{padding-left: 15px; margin-bottom: 0px; font-size: 13px;}
	.boletins a{padding:1px 0 5px 35px; background: url(../img/download.png) no-repeat 15px 0px;}
	.boletins hr{margin:10px 0;}

/* Fotos */
	.dwn-img p {height: 38px; overflow: hidden;}
	.dwn-img p a{color: #666}

/* Foto */
	#foto{width: 560px; height: 420px; padding:5px; border:1px solid #ddd; float: left; position: relative; background: #fff; margin:0 20px 10px 0; border-radius: 5px}
	#foto .slides_container, #foto .slide, #foto .item{width: 560px; height: 420px;}
	#foto a.next{position: absolute; top: 180px; right: -2px; background: url(../img/prev.png) no-repeat; padding: 34px 9px; font-size: 0px; z-index: 10}
	#foto a.prev{position: absolute; top: 180px; left: -1px; background: url(../img/next.png) no-repeat; padding: 34px 9px; font-size: 0px; z-index: 10}
	#foto ul.pagination{position: absolute; bottom: 15px;right: 15px;z-index: 100;}
	#foto ul.pagination li{display: inline; margin: 0 2px;}
	#foto ul.pagination li a{font-size: 0px; padding: 5px; background: url(../img/inactive.png) no-repeat;}
	#foto ul.pagination li.current a, #foto ul.pagination li.current a:hover{font-size: 0px; padding: 5px; background: url(../img/active.png) no-repeat;}

	.foto span{color: #999;}
	.foto p{font-size: 13px; line-height: 1.3em}
	.foto h1{font-weight: normal; font-size: 18px; text-transform: none;}
	.foto .addthis_toolbox{height: 30px}
	.foto .anterior, .foto .proximo{float:left;}
	.foto .anterior img, .foto .proximo img{margin-top: 55px}
	.foto .proximo img{margin-left: 63px}

/* Filie-se */
	.frm-filie{display: block;margin-left: 225px}
	.frm-filie p{margin-bottom: 0px}
	.frm-filie p input[type="text"]{width: 235px; height: 25px; padding: 5px; background: #fff; border-color: #ddd; border-radius: 5px;}
	.frm-filie p.full input[type="text"]{width:490px }
	.frm-filie p input:focus[type="text"]{border-color: #C53131; box-shadow: 0px 0px 3px #444}
	.frm-filie p label{display: block; font-weight: normal; text-transform: uppercase;}
	.frm-filie p.file{background: url(../img/enviar-img.png) no-repeat left center; width: 125px; height: 35px; margin-top: 5px;cursor:pointer;}
	.frm-filie p.file input[type="file"]{opacity: 0; cursor: pointer;}
	.frm-filie p.submit{text-align: right; width: 508px; margin-top: 3px}
	.frm-filie p.submit input[type="submit"]{text-align: right; width: 105px; height: 35px; border:none; background: url(../img/enviar.png) no-repeat;cursor:pointer;}
	.frm-filie p.down{margin-top: 10px }
	.frm-filie p.down a{font-size: 12px; padding: 0px 0px 5px 25px; background: url(../img/download.png) no-repeat; color: #C53131}
	.frm-filie p.downdoc{margin-top: 10px }
	.frm-filie p.downdoc a{font-size: 12px; padding: 0px 0px 5px 25px; background: url(../img/doc.png) no-repeat; color: #C53131}
	.add-filho{margin-bottom: 10px;}
	.img-add-filho{float:left; margin: 10px 10px 0 0; cursor:pointer;}
	.text-add-filho{padding-top: 10px;}

/* Contato */
	.contato{margin-top: 10px}
	.contato form input[type="text"], .contato form textarea{width: 288px}
	.contato form p.submit{width: 303px;}
	.address h2 {font-weight: normal; margin-top: 29px}
	.address p {padding-left: 23px; font-size: 13px;  margin-bottom: 18px}
	.address iframe{border-radius:5px; border:1px solid #ddd;}
	p.endereco{background: url(../img/pointer.png) no-repeat 0px 5px;width: 350px;}
	p.fone{background: url(../img/fone2.png) no-repeat  0px 5px;}
	p.contato{background: url(../img/mail.png) no-repeat  0px 5px;}

/* Aniversariantes */
	.aniversariantes p{line-height: 1.3em}
	.aniversariantes p strong{font-size: 14px}
	.aniversariantes p span{font-size: 13px}
	.niver-vejamais{float:left; margin: 0 10px;}

/* Resultado de Busca */
	.busca h2{font-size: 14px; color: #666; }
	.resultado {width: 948px; border: 1px solid #ddd; background: #fff; border-radius: 5px; margin-top: 5px}
	.resultado_busca{padding: 15px 20px;border-top: 1px solid #ddd;width: 909px;}
	.resultado .resultado_busca h3{font-size: 13px; color: #666; margin-bottom: 0px; }	
	.resultado .resultado_busca a{display: block; color: #C53131; font-size: 13px; }
	.resultado .resultado_busca .modulo{color:#C73131;}
	.resultado .resultado_busca span{color: #999}
	.resultado hr{margin: 10px -15px}

/* Busca não encontrada*/
	.nenhum{text-align: center;}
	.nenhum p{margin-bottom: 0px; font-size: 16px; margin-top: 50px}
	.nenhum p span{font-size: 18px; color: #000;}
	.nenhum a, .erro a{font-size: 13px; color: #C53131}

/* Erro 404 */
	.erro {width: 497px; float: left; text-align: right; margin-left: 225px; margin-top:80px }
	.erro h4{float: left; border-right: 1px solid #ddd; padding: 5px 15px 5px 0; margin-right: 15px; font-size: 40px; font-weight: bold; color: #666}
	.erro p{font-size: 20px; margin-bottom: 0px;}

/* Paginação*/
	ul.pagi{text-align: right;}
	ul.pagi li{display: inline;margin: 0 2px; }
	ul.pagi li a{padding: 7px 11px; background:#ddd; color:#666; display: inline!important; font-size: 12px; border-radius: 5px}
	ul.pagi li a.active, ul.pagi li a:hover, ul.pagi li.bg0 a:hover{background: #C73131 ; color: #fff}
	ul.pagi li.bg0 a{background: none}
	
	.Paginate{float: right;margin-top: 4px;clear: both;}
	.Paginate span,.Paginate a{padding: 7px 11px; background:#ddd; color:#666; display: inline!important; font-size: 12px; border-radius: 5px}
	.Paginate span,.Paginate span.active,.Paginate a:hover{background: #C73131 ; color: #fff}
	
/*Validate*/
label.error{display:none !important;}
input.error{border:1px solid red !important;}
textarea.error{border:1px solid red !important;background:#fff!important;}

/* Footer Stick */

/*Twitter*/
.twtr-hd{display:none !important;}
.twtr-ft{display:none !important;}
.twtr-doc{border:none !important;background:none !important;}
.twtr-tweet-text em{display:none !important;}
#wrap {min-height: 100%;}

#main {overflow:auto;
	padding-bottom: 287px;}  /* must be same height as the footer */
.bar {height: 10px;background: #C83131;}
/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

<!--[if !IE 7]>
	<style type="text/css">
		#wrap {display:table;height:100%}
	</style>
<![endif]-->