/* CSS GERAL */
body { margin:0px; text-align:center; background:#000 url(images/bg-body.jpg) top center no-repeat; }
p, address, li { padding:0px; margin:10px 0px; font:12px Arial, Helvetica, sans-serif; color:#ccc; line-height:1.4em; }
* a { outline:0; font-family:Arial, Helvetica, sans-serif; }

/* HOME */
.topo { margin:0 auto; width:960px; text-align:left; }
.logo { width:146px; height:132px; background:url(images/jh-seguranca.png) no-repeat; padding:0px; float:left; margin:15px 0px 0px 55px; }
.logo a { display:block; width:100%; height:100%; text-indent:-9999px; text-decoration:none; background:none; }
.logo a:hover { text-decoration:none; }
.topo .dirTopo { float:right; }
.topo .dirTopo .iconfacebook { float:right; margin-right:20px; padding-top:5px; }

.topo .dirTopo .acessoRestrito { float:right; width:154px; height:40px; float:right; margin-bottom:29px; text-indent:-99999px; background:url(images/bnt-acesso-restrito.png) top left no-repeat; }
.topo .dirTopo .acessoRestrito a { display:block; height:100%; }
.topo .dirTopo .menu { margin:0px; padding:0px; list-style:none; }
.topo .dirTopo .menu li { float:left; width:104px; height:40px; margin:0px 5px; text-indent:-99999px; }
.topo .dirTopo .menu li.bnt-principal { background:url(images/bnt-principal.png) bottom left no-repeat; }
.topo .dirTopo .menu li.bnt-servicos { background:url(images/bnt-servicos.png) bottom left no-repeat; width:104px; }
.topo .dirTopo .menu li.bnt-videos { background:url(images/bnt-videos.png) bottom left no-repeat; width:74px; }
.topo .dirTopo .menu li.bnt-institucional { background:url(images/bnt-institucional.png) bottom left no-repeat; width:134px; }
.topo .dirTopo .menu li.bnt-estrutura { background:url(images/bnt-estrutura.png) bottom left no-repeat; width:104px; }
.topo .dirTopo .menu li.bnt-contato { background:url(images/bnt-contato.png) bottom left no-repeat; width:84px; }
.topo .dirTopo .menu li:hover,.topo .dirTopo .menu li.hover { background-position:top left; }
.topo .dirTopo .menu li a { font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; display:block; height:100%; }

.bgamarelo { background:#ffd700; display:block; height:6px; }

.content { margin:0 auto; width:960px; text-align:left; }
.content h1 { font:22px Arial, Helvetica, sans-serif; color:#ffd700; margin:0px 0px 25px 0px; padding:0px; }
.content h2, .content h3 { font-family:Arial, Helvetica, sans-serif; color:#fff; }
.content h2 { font-size:20px; }
.content a { color:#fff; }
.content .sigaarede { float:right; margin:10px 0px 0px 0px; }
.content .esq { width:310px; float:left; padding-top:15px; }
.content .esq img { margin-bottom:36px; }
.content .esq .bgtwitter { width:257px; padding-right:10px; height:155px; background:url(images/bg-twitter.png) top left no-repeat; }
.content .esq .bgtwitter h2 { text-indent:-999999px; margin:0px; padding:0px; height:30px; }
.content .esq .bgtwitter h2 a { display:block; height:100%; }
.content .dir { float:right; background:url(images/bg-efeitofoto-esq.png) top left no-repeat; }
.content .dir .bgbottom { background:url(images/bg-efeitofoto-bottom.png) bottom center no-repeat; display:block; text-align:right; padding:0px 0px 22px 42px; }
.content .dir .bgbottom img { border:3px solid #000; }
.content .foto { float:left; padding:0px 10px 10px 0px; }
.content div.chamadaserv { float:left; margin:10px; width:300px; }
.content div.chamadaserv h3 { font-size:12px; }
.content .esq table tr td { text-align:center; padding:7px; color:#fff; font:12px Arial, Helvetica, sans-serif; }
.content .esq table tr.dias_calendario td { font-weight:bold; font-size:10px; }

p.breadcrumbs { width:960px; margin:0 auto; text-align:left; }
p.breadcrumbs a { font:12px Arial, Helvetica, sans-serif; color:#ccc; }

.rodapeBgGrande { background:url(images/bg-rodape.png) repeat-x; height:208px; display:block; }
.rodape { width:960px; margin:0 auto; padding:70px 0px 0px 0px; background:url(images/bg-rodape-centro.png) center top no-repeat;  }
.rodape .direitos { float:left; text-align:left; width:690px; }
.rodape .direitos img { float:left; vertical-align:middle; margin-right:15px; }
.rodape .direitos p { font:12px Arial, Helvetica, sans-serif; color:#e5e5e5; margin:0px 0px 5px 0px; }
.rodape .direitos address { font:12px Arial, Helvetica, sans-serif; color:#e5e5e5; margin:0px 0px 5px 0px; }
.rodape .creditos { float:right; font:11px Arial, Helvetica, sans-serif; color:#ccc; padding-top:25px; width:180px; text-align:left; }
.rodape .creditos img { vertical-align:middle; border:0px; margin-left:5px; float:right; }
.rodape .creditos a { font:11px Arial, Helvetica, sans-serif; color:#ccc; text-decoration:none; text-align:left; }

.clear { clear:both; height:1px; }
.clearConteudo { clear:both; height:40px; }

ul.fotos { margin:0px; padding:0px; list-style:none; }
ul.fotos li { display:block; width:130px; height:110px; float:left; margin:5px; text-align:center; padding:5px; }
ul.fotos li span { height:110px; display:block; }
ul.fotos li h2 { margin:0px; font:16px Verdana, Geneva, sans-serif; }
ul.fotos li img { margin:0 auto; border: 0px; }

* .formularios { width:480px; }
* .formularios ul { margin:0px; padding:0px; list-style:none; }
* .formularios ul li { width:100%; padding:4px 3px; }
* .formularios ul li label { width:80px; float:left; font:12px Arial; color:#777; font-weight:bold; margin-right:10px; text-align:right; padding:3px; }
* .formularios ul li input, * .formularios ul li textarea { width:300px; font:12px Verdana; color:#555; border:1px solid #ccc; background:#eee; padding:2px; }
* .formularios ul li input.enviar { width:auto; padding:4px 15px; }

#slide { width:600px; min-height:455px; }

/* Twitter */
.twitted {
	width: 100%;
	margin:0 auto;
	padding:15px 10px 0px 10px;
	list-style:none;
}

.twitted p.preLoader {
	margin: 0;
	padding: 1em 1em 1em 3em;
	background: transparent url("loader.gif") 1em center no-repeat;
	font:12px Arial;
	/* generate your own loader gif: http://www.ajaxload.info */
}

.twitted ul#twitter_update_list {
	width:100%;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.twitted ul#twitter_update_list li {
	width:100%;
	margin: 0;
	padding: 0.8em 0px 1em 0px;
	border-bottom: 1px solid #ccc;
	text-align:left;
}

.twitted ul#twitter_update_list li span {
	/* tweet content */
	display: block;
	font:12px Arial;
}

.twitted ul#twitter_update_list li span a {
	/* links in tweet content */
	color:#777;
	font:12px Arial;
}

.twitted ul#twitter_update_list li a {
	/* timestamp link */
	color:#777;
	font:12px Arial;
}

.twitted ul#twitter_update_list li.firstTweet {
}

.twitted ul#twitter_update_list li.lastTweet {
	border-bottom: none;
}