/*** Inicio do CSS 
**** Autor: Fabricio Lefundes / www.fabriciolefundes.com.br
***/

/* ZERA TAGS */
@import "zera.css";
/* --------- */

/* Gerais */

body {
	font: 12px "trebuchet MS";
	background: url(../images/bgGeral.jpg) repeat-x 0 97px;
}

.hide { text-indent: -9000%; overflow: hidden; }
.alt { display: none; }
.clear { clear: both; }

a {
	color: #000;
}

/* Geral */

#Geral {
	width: 965px;
	margin: 0 auto;
	
	position: relative;
	z-index: 100;
}

/* Topo */

#Topo {
	width: 100%;
	height: 265px;
	padding: 6px 0 0 0;
}

#Topo .data {
	position: absolute;
	top: 10px;
	right: 45px;
	font-size: 0.91em;
	color: #999;
}

/* Menu */

#Menu {
	width: 100%;
	height: 38px;
	font-family: Calibri;
	
	position: relative;
	z-index: 900;
}

.typeface-js-vector-container { cursor: pointer !important; }

#Menu ul { margin: 0 auto; }

#Menu ul li {
	float: left;
	padding: 0 8px;
	background: url(../images/divisorMenu.png) no-repeat right;
	
	position: relative;
	
}

#Menu ul li a {
	height: 24px;
	float: left;
	display: block;
	
	color: #FFF;
	text-decoration: none;
	font-size: 17px;
	letter-spacing: -1px;
	
	padding: 14px 3px 0 0;
	
	*padding: 10px 3px 0 0;

}

#Menu ul li a.bt01 { width: 99px; background:url(../images/bt01.png) no-repeat center; }
#Menu ul li a.bt02 { width: 132px; background:url(../images/bt02.png) no-repeat center; }
#Menu ul li a.bt03 { width: 47px; background:url(../images/bt03.png) no-repeat center; }
#Menu ul li a.bt04 { width: 136px; background:url(../images/bt04.png) no-repeat center; }
#Menu ul li a.bt05 { width: 71px; background:url(../images/bt05.png) no-repeat center; }
#Menu ul li a.bt06 { width: 155px; background:url(../images/bt06.png) no-repeat center; }
#Menu ul li a.bt07 { width: 106px; background:url(../images/bt07.png) no-repeat center; }

#Menu ul li ul {
	position: absolute;
	top: 99%;
	left: 0;
	
	background: #FFF;
	border:solid 1px #CCC;
	
	width: 216px;
	
	display: none;
}

#Menu ul li ul li {
	float: left;
	width: 200px;
	background: none;

	border-bottom: solid 1px #CCC;
}

#Menu ul li ul li a {
	padding-top: 5px !important;
	font: 1.1em "trebuchet MS";
	color: #666;
}

.bgEstrelas {
	position: absolute;
	top: 245px;
	right: 30px;
	width: 175px;
	height: 90px;
	
	background: url(../images/bgEstrelasMenu.png);
	
	z-index: -1;
}

/* Corpo */

#Corpo {
	width: 100%;
	background: url(../images/bgCorpo.png) no-repeat top;
	
	border: solid 0px blue;
	
	position: relative;
	z-index: 100;
	
	top: -5px;
}

/* Coluna Esquerda */

#ColEsq {
	width: 645px;
	float: left;
	padding: 23px 0 0 20px;
	
	border: solid 0px red;
}

/* Destaques */

#Destaques {
	width: 633px;
	height: 238px;
	padding: 10px 12px;
	margin: 2px 0 10px 2px;
	background: url(../images/bgDestaques.png) no-repeat;
	
	float: left;	
}

#Destaques .contentDst {
	position: relative;
	border: solid 0px red;
}

#Destaques .pags {
	position: absolute;
	right: 20px;
	top: 8px;
	width: 70px;
	z-index: 99999;
}

#Destaques .pags .btNext,
#Destaques .pags .btPrev {
	width: 10px;
	height: 10px;
}

#Destaques .pags .btNext { float: right; background: url(../images/destSetaDir.jpg); }
#Destaques .pags .btPrev { float: left; background: url(../images/destSetaEsq.jpg); }

#Destaques .pags .txtPag { float: left; font-weight: bold; color: #999; line-height: 1em; padding: 0 7px;}

#Destaques .DstItem {
	position: relative;
	height: 234px;
}

#Destaques .DstItem img {
	float: left;
	border: solid 2px #CDDBCD;
	margin: 0 18px 0 0;
}

#Destaques h3 {
	font-size: 1.5em;
	line-height: 1em;
	color: #666;
	padding: 30px 5px 10px 0;
	font-weight: normal;
}

#Destaques p {
	font-size: 1.08em;
	line-height: 1.1em;
	padding: 5px 5px 0 0;
}

#Destaques h3 a,
#Destaques p a,
#Destaques a {
	color: #666;
	text-decoration: none !important;
}

#Destaques h3 a:hover,
#Destaques p a:hover {
	text-decoration: underline;
}

#Destaques .btMais {
	text-decoration: none !important;
	font-size: 1.08em;
	color: #FFF;
	background: #006432;
	
	position: absolute;
	bottom: 10px;
	right: 10px;
	
	padding: 5px 8px;
}

#Destaques .btMais:hover { background: #005329; }

/* Blocos Padrão Esquerda */

.BlocoEsq {
	width: 659px;
	background: url(../images/bgHeaderBlocoEsq.png) no-repeat top left;
	padding: 18px 0 0 0;
	margin: 0 0 0 0;
	float: left;
	clear: left;
}

.BlocoEsq .Conteudo {
	background: url(../images/bgBlocoEsq.png) repeat-y;
	padding: 0 10px 40px 10px;
	border: solid 0px red;
}

.BlocoEsq .Conteudo .Texto {
	font-size: 1.1em;
	padding: 15px;
}

.BlocoEsq .Conteudo .Texto img {
	margin: 10px;
	border: solid 2px #CCC;
}

.BlocoEsq .footer {
	background: url(../images/bgFooterBlocoEsq.png) no-repeat bottom left;
	height: 25px;
}

/* Mais Noticias / Blocos Default */

.BlocoEsq .Conteudo .header {
	width: 615px;
	margin: 0 auto;
	padding: 0 0 10px 5px;
	background: url(../images/dottedLine.gif) repeat-x bottom;
	position: relative;
}

.MaisNoticias .header h2,
.BlocoEsq .Conteudo .header h2 {
	font-size: 1.83em;
	font-weight: normal;
	color: #333;
	letter-spacing: -0.8px;
	padding: 8px 65px 13px 10px;
}

.MaisNoticias .header h2 {
	padding-left: 57px !important;
	background: url(../images/iconTitNoticias.jpg) no-repeat top left;
}

.BlocoEsq .Conteudo .header .fontSize {
	position: absolute;
	top: 10px;
	right: 10px;
}

.BlocoEsq .Conteudo .header .fontSize .aumentar,
.BlocoEsq .Conteudo .header .fontSize .diminuir {
	width: 23px;
	height: 23px;
	float: left;
	margin: 0 0 0 8px;
}

.BlocoEsq .Conteudo .header .fontSize .aumentar { background: url(../images/iconFontMaior.jpg); }
.BlocoEsq .Conteudo .header .fontSize .diminuir { background: url(../images/iconFontMenor.jpg); }

.MaisNoticias .Noticia {
	padding: 20px 12px;
}

.MaisNoticias .Noticia h4 {
	font-size: 1.16em;
	font-weight: bold;
	color: #333;
}

.MaisNoticias .Noticia small {
	font-size: 0.91em;
	color: #333;
	padding: 0 0 0 8px;
}

.MaisNoticias .Noticia p {
	font-size: 1.08em;
	color: #333;
	padding: 12px 0;
}

.MaisNoticias .Noticia .footerNoticia {
	width: auto;
	height: 30px;
	display: block;
	background: #EEE;
	margin: 10px 0 0 0;
}

.MaisNoticias .Noticia .footerNoticia ul li { float: left; padding: 6px 0 0 7px; }

.MaisNoticias .Noticia .footerNoticia ul li a {
	display: block;
	width: 18px;
	height: 18px;
}

.MaisNoticias .Noticia .footerNoticia ul li a.pdf { background: url(../images/iconPdf.jpg); }
.MaisNoticias .Noticia .footerNoticia ul li a.print { background: url(../images/iconPrint.jpg); }
.MaisNoticias .Noticia .footerNoticia ul li a.mail { background: url(../images/iconMail.jpg); }

.MaisNoticias .Noticia .footerNoticia .btsRight { float: right; padding: 6px 5px 0 0; }

.MaisNoticias .Noticia .footerNoticia a.btComente,
.MaisNoticias .Noticia .footerNoticia a.btMais {
	display: inline-block;
	color: #333;
	padding: 0 3px;
	text-decoration: none;
}

.MaisNoticias .Noticia .footerNoticia a.btComente {
	background: url(../images/iconChat.jpg) no-repeat center left;
	padding-left: 26px;
}

/* Paginacao */

.Paginacao {
	background: #EEE;
	float: right;
	padding: 10px;
	margin: 25px 0;
	position: relative;
}

.Paginacao .first a,
.Paginacao .last a,
.Paginacao .next a,
.Paginacao .prev a {
	float: left;
	width: 8px;
	height: 14px;
	margin: 8px 6px 0 6px;
	
	text-indent: -9000%; overflow: hidden; /* Hide text */
}

.Paginacao .first a,
.Paginacao .last a { width: 16px; }

.Paginacao .first a,
.Paginacao .prev a { background: url(../images/setaPagPrev.jpg) repeat-x top right; }
.Paginacao .last a,
.Paginacao .next a { background: url(../images/setaPagNext.jpg) repeat-x top left; }

.Paginacao .bts {
	float: left;
	font-size: 1.16em;
	border-bottom: solid 1px #666;
}

.Paginacao .bts a {
	color: #666;
	display: inline-block;
	text-decoration: none;
	padding: 0 6px 10px 6px;
}

.Paginacao .bts a.selected {
	background: url(../images/setaPagSelected.jpg) no-repeat center bottom;
	font-size: 1.14em;
	font-weight: bold;
}

/* Bts Bottom */

.BtsBottom {
	float: right;
	clear: both; 
	padding: 10px 20px;
}

.BtsBottom .btVoltar,
.BtsBottom .btTopo {
	font-size: 1.33em;
	color: #666;
	text-decoration: none;
	font-weight: bold;
	padding: 3px 6px 3px 20px;
	margin: 0 0 0 10px;
}

.BtsBottom .btVoltar { background: url(../images/iconVoltar.jpg) no-repeat center left; }
.BtsBottom .btTopo { background: url(../images/iconTopo.jpg) no-repeat center left; }

/* Coluna Direita */

#ColDir {
	width: 265px;
	float: right;
	padding: 23px 13px 0 0;
	border: solid 0px red;
}

/* Blocos padrão direita */

.BlocoDir {
	width: 260px;
	position: relative;
	margin: 0 0 12px 0;
	
	color: #333;
}

.BlocoDir h3 {
	width: 232px;
	height: 32px;
	padding: 5px 0 0 8px;
	
	font-size: 1.33em;
	color: #FFF;
	letter-spacing: -0.6px;
	font-weight: normal;
	
	background: url(../images/bgTitBlocoDir.jpg) no-repeat top center;
	
	position: relative;
	left: -5px;
	
}

.BlocoDir h3.bigTitle {
	font-size: 1.40em;
	padding-top: 16px;
}

.BlocoDir p {
	font-size: 1.08em;
	line-height: 1em;
	padding: 1px 0 2px 0;
}

.BlocoDir p.noTitle { padding-top: 7px !important; }

.BlocoDir a { color: #333; text-decoration: none; }

.BlocoDir .Conteudo {
	width: auto;
	padding: 6px 15px 0 15px;
	background: url(../images/blocoDirDefault.png) no-repeat top left;
}

.BlocoDir .Conteudo object { padding: 0 0 15px 0; }

.BlocoDir .footer {
	width: 100%;
	height: 15px;
	display: block;
	background: url(../images/blocoDirDefault.png) no-repeat bottom left;
}

.BlocoDir .Banners img { border: solid 1px #CCC; margin: 0 0 6px 0; }

/* Forms */

select.ckCSSinputnowidth,
.inputbox,
input.niceInput,
.Ckforms textarea {
	border: solid 1px #CCC;
	background: #F1F1F1 url(../images/bgInput.jpg) repeat-x top;
	color: #333;
	
	width: 213px;
	height: 23px;
	padding: 7px 8px 0 8px;
	margin: 3px 0;
}

select.ckCSSinputnowidth,
select.inputbox {
	height: 30px;
}

/* Itens gerais */

.btDefault {
	color: #FFF !important;
	background: #006432;
	padding: 5px 10px;
	font-size: 1.25em;
	font-weight: bold;
	text-decoration: none;
	margin: 3px 0 0 3px;
}

.btDefault:hover { background: #005329; }

.BlocoDir .btDefault { float: right; }

.galeria {
	width: 100%;
	float: left;
	clear: both; 
	border: solid 0px red;
	margin: 0;
}

.galeria li {
	float: left;
	padding: 0 2px 2px 0;
}

/* Rodape */

#Rodape {
	width: 100%;
	height: 220px;
	background: url(../images/bgRodape.png);
	
	position: relative;
	z-index: 10;
	margin-top: -130px;

}

#Rodape .txtRodape {
	color: #FFF;
	background: url(../images/bgPtRodape5.gif) no-repeat top left;
	
	width: 964px;
	height: 387px;
	padding: 5px 33px 0 65px;
	
	position: absolute;
	left: 45px;
	bottom: -358px;	
	
	border: solid 0px red;
}

#Rodape .txtRodape .borderRight {
	background: url(../images/borderRightRodape.png) repeat-y;
	width: 2px;
	height:130px;
	
	position: absolute;
	top: 20px;
	right: 0;
	
}

#Rodape .txtRodape h3 {
	font-size: 1.66em;
	font-weight: normal;
	line-height: 1em;
	padding: 0 0 3px 0;
}

#Rodape .txtRodape p { line-height: 1em; }

#Rodape .marcaRodape {
	width: 209px;
	height: 108px;
	background: url(../images/marcaRodape.png);
	
	position: absolute;
	right: 45px;
	bottom: -115px;
}

/* MenuRodape */

#MenuRodape {
	width: 880px;
	position: absolute;
	top: 147px;
	left: 39px;
	background: url(../images/dottedLine.gif) repeat-x top;
	
	text-align: center;
	padding: 20px 0 0 0;
	font-size: 0.91em;
}

#MenuRodape ul li {
	display: inline;
	border-right: solid 1px #D30000;
	padding: 0 4px 0 5px;
}

#MenuRodape ul li.last { border: 0; }

#MenuRodape ul li a {
	text-decoration: none;
	color: #D30000;
}

#MenuRodape ul li a:hover { text-decoration: underline; }

#MenuRodape ul li ul { display: none; }

/* Bg Rodape */

.bgRodape {
	width: 100%;
	height: 196px;
	background: url(../images/bgFullRodape3.jpg) repeat-x bottom;
	
	position: relative;
	z-index: 10;
	margin-top: -55px;
}

/* CKForms */

.Ckforms label,
.Ckforms input,
.Ckforms textarea {
	float: left;
	width: 300px;
}

.Ckforms label,
.Ckforms textarea {
	padding: 7px 8px 0 8px;
}

.Ckforms textarea { height: 130px; }

.Ckforms label { width: 150px !important; text-align: right; }

.Ckforms .ckCSSclear {
	clear: both;
}

.btsForm {
	border: solid 0px red;
	clear: both;
	float: right;
	padding: 10px 110px 0 0;
}

.btsForm .btSubmit,
.btsForm .btClear {
	width: auto !important;
	padding: 4px 8px;
	border: solid 1px #CCC;
	margin: 3px;
	font-size: 1.1em;
}

/* MorfeoShow */

.Galeria ul li {
	float: left;
}

.MorfeoShowList {
	margin: 10px 0;
}

.MorfeoShowList tr td,
.MorfeoShowList tr th {
	vertical-align: middle;
	padding: 4px;
}

.MorfeoShowList tr th {
	font-weight: bold;
	font-size: 1.1em;
	color: #666;
}

.sectiontableentry1 {
	background: #EAEAEA;
}

/* BUSCA TOPO */

#Busca {
	position: absolute;
	right: 51px;
	top: 18px;
}

#Busca .inputbox {
	width: 152px !important;
	height: 19px !important;
	padding-top: 4px !important;
	margin: 0 !important;
}

#Busca .btDefault {
	height: 19px !important;
	padding: 3px 6px !important;
	font-size: 1.1em !important;
	font-weight: bold;
	margin-left: 5px !important;
}

/* Resultado da Busca */

.ResultadoBusca .numero,
.ResultadoBusca h3,
.ResultadoBusca small {
	float: left;
}

.ResultadoBusca .numero,
.ResultadoBusca small {
	font-size: 0.8em;
	text-transform: uppercase;
}
.ResultadoBusca .numero { width: 20px; border: padding: 2px 0 0 4px; }
.ResultadoBusca small { padding: 0 0 0 26px; }

.ResultadoBusca h3 {
	width: 95%;
	font-size: 1.3em;
	font-weight: bold;
	letter-spacing: -1px;
	padding: 0 4px;
	color: #666;
	line-height: 1em;
}


.ResultadoBusca .texto {
	padding: 4px 6px 10px 6px;
}

.ResultadoBusca li {
	border-bottom: solid 1px #CCC;
	margin: 0 0 10px 0;
}

/* Filtros Busca */

.FiltrosBusca td {
	vertical-align: middle;
	padding: 2px 4px;
}

/* Enquete */

.Enquete h4 {
	font-size: 1.1em;
	font-weight: bold;
	padding: 0 0 5px 0;
}

.Enquete input { margin-left: 4px; }

/* Resultado Enquete */

.ResultadoEnquete h4 {
	font-size: 1.3em;
	font-weight:bold;
	letter-spacing: -1px;
	padding: 6px 0;
	color: #666;
}

.ResultadoEnquete .Graph li {
	width: 99%;
	height: 25px;
	position: relative;
	margin: 0 0 3px 0;
	background: #EEE;
}

.ResultadoEnquete .Graph li .text {
	position: absolute;
	top: 4px;
	left: 6px;
}

.ResultadoEnquete .Graph li .bar {
	height: 100%;
	background: url(../images/bgGraphEnquete.jpg) repeat-x top;
}