/****************************************************
 * @author Anderson Juhasc - Desenvolvedor FrontEnd *
 * e-mail: anderson.juhasc@gmail.com				*
 *													*
 * Data do Projeto: 05/2010							*
 ****************************************************/

/**********************
	CSS RESET
**********************/
@import url("reset.css");
@import url("skin.css");
@import url("lytebox.css");

body { color:#606061; font-family: arial, helvetica, sans-serif; font-size:14px}

a { color:#BE2E36; text-decoration:none}
a:hover { text-decoration:underline}
.active { color:#606060}

/**********************
	GLOBAIS
**********************/

.center { margin:0 auto}
.left { float:left}
.right { float:right}
.clear { clear:both}
.mtop20 {margin-top:20px}
 
.bold { font-weight:bold !important}

.hide { display:none}
.show { display:block}

.bgEven { background-color:#f6f6f6}
.height55px { height:55px !important}
.width75px { width:75px}
.width80px { width:80px}
.width85px { width:85px}
.width50Porcent { width:50%}
.paddingB20px { padding-bottom:20px !important}
.paddingRZero { padding-right:0 !important}
.paddingR150px { padding-right:150px !important}
.marginRZero { margin-right:0 !important}
.paddingL10px { padding-left:10px !important}
.paddingT30px { padding-top:30px !important}

#content h3 {}
/** NEW PROJECT **/

#wrapped { margin:15px 0 0}

/** HEADER **/
header { 
	position:relative;
	width:980px;
	z-index:9999
}
header h1 { padding-left:1px;}
header h1 a { 
	background:url("../img/logotipo.png") no-repeat scroll 0 49px transparent;
	display:block;
	font-size:1px;
	height:150px;
	text-indent:-9999px;
	width:278px
}
header h1 img { display:none}
header #search { padding:55px 0 0; margin-right:5px; width:199px}
header #search form { height:29px}
header #search input.text {
	background:url("../img/bg-search.gif") repeat-x 0 0;
	border:1px solid #8B8B8B;
	color:#8B8B8B;
	font-weight:bold;
	height:23px;
	margin-right:4px;
	padding:3px 0 0 5px;
	width:155px
}
header #search button.ok,
section#content div.events div.filtro form button.ok { 
	background:url("../img/btn-ok.png") no-repeat scroll 0 0 transparent;
	border:medium none;
	height:28px;
	text-indent:-9999px;
	width:29px
}
header #search button.ok:active { margin-top:1px}
header #search div.maps { padding:12px 0 0 5px}
header #search div.maps a {
	font-size:13px
}
header nav { 
	margin-top:42px;
	width:980px;
}
header nav ul.first {
	float:left;
	/*padding-bottom:15px;*/
	padding-left:2px;
}
header nav ul.dropList { 
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-left-radius:3px;
	-webkit-border-bottom-right-radius:3px;
	
	background-color:#8b8b8b;
	left:0;
	padding:8px 8px 12px;
	position:absolute;
	top:33px;
	width:162px
}
header nav ul.dropList-2 { top:50px}
header nav ul.dropList li {
	float:none;
	overflow:hidden;
	margin-right:0
}
header nav ul.dropList li a {
	border-bottom:1px dotted #979797;
	color:#FFFFFF;
	font-size:14px;
	text-align:left;
	padding:8px 0 8px 1px;
	width:154px;
}
header nav ul.dropList li a:hover { text-decoration:underline}
header nav li { 
	float:left;
	margin-right:13px;
	position:relative;
}
header nav li.linkDrop {
	padding-bottom:10px;
}
header nav li a {
	float:left;
	font-size:17px;
	padding:8px;
	text-align:center
}
header nav li.active-3 {
	background:url(../img/bg-fundacao.png) no-repeat center bottom;
}
header nav li.active-3 a { color:#606060}
header nav li a.active-2 {
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	
	background-color:#8b8b8b;
	color:#be2e36;
	text-decoration:none
}

/** CONTENT **/
section#content { 
	margin-bottom:/*122px*/80px;
	overflow:hidden;
	position:relative;
	width:980px
}
section#content #imgShow { 
	background:url(../img/bg-ImgShow.png) repeat-x 0 0;
	height:287px;
	padding-bottom:32px;
	width:960px
}
section#content #imgShow img { 
	height:287px;
	width:687px
}
section#content #imgShow nav { 
	padding:10px 12px 0;
	width:249px
}
section#content #imgShow nav ul { width:220px;}
section#content #imgShow nav li { 
	float:left;
	padding-bottom:8px
}
section#content #imgShow nav li a { 
	background-color:#BE2E36;
	color:#FFFFFF;
	float:left;
	font-size:13px;
	height:12px;
	padding:10px 0 10px 12px;
	width:237px
}
section#content #imgShow div.maisProg { padding:6px}
section#content #imgShow div.maisProg a {
	font-size:11px
}

section.news { padding-left:10px; width:472px; margin-top:14px;}
section.news h2 { 
	color:#606060;
	font-size:23px;
	font-style:italic;
	font-weight:normal;
	padding-bottom:34px
}
section.news h2 span { 
	color:#8B8B8B;
	display:block;
	font-size:12px;
	font-style:normal;
	padding-top:4px
}
div.newPost { 
	float:left;
	padding-bottom:49px;
	
}
div.newPost div.date,
section#content div.events .newEvent div.date { 
	background:url("../img/bg-date.png") no-repeat scroll 0 0 transparent;
	font-style:italic;
	height:62px;
	text-align:center;
	width:50px;
}
div.newPost div.date p,
section#content div.events .newEvent div.date p { 
	color:#8B8B8B;
	font-size:20px !important;
	padding:2px 0 3px !important;
	width:auto !important
}
div.newPost div.date span,
section#content div.events .newEvent div.date span { color:#ffffff}
div.newPost div.content { 
	padding-left:17px;
	width:380px
}
div.newPost div.content h3 a {
	font-size:18px;
	font-weight:normal;
}
div.newPost div.content p {
	color:#5f5f5f;
	font-size:13px;
	line-height:16px;
	padding-top:5px
}
a.confiEvt { 
	font-size:12px;
	height:13px
}
.confiAllEvt {
	font-size:12px;
	/*height:13px;*/
	margin-left:67px;

}
section#content aside { 
	padding-right:22px;
	width:439px
}
section#content aside div.box { 
	background:url("../img/bg-box.png") no-repeat scroll 0 bottom;
	height:80px;
	padding-top:/*50px;*/14px;
	padding-left:10px;
	margin-left:12px;
	width:429px
}
section#content aside div.box h3 { padding-top:7px}
section#content aside div.box h3 a {
	font-size:18px;
	font-weight:normal
}
section#content aside div.box p {
	color:#3a3a3a;
	font-size:13px;
	padding-top:5px;
	width:420px
}
section#content aside div.box a.saibaMais {
	color:#FFFFFF;
	display:inline;
	float:right;
	font-size:12px;
	margin:7px 8px 0 0
}

section#content aside div.impren { padding:34px 0 0 5px; margin-left:6px;}
section#content aside div.impren div.post { padding-bottom:47px}
section#content aside div.impren h4 {
	color:#606060;
	font-size:23px;
	font-style:italic;
	font-weight:normal;
	padding-bottom:16px
}
section#content aside div.impren h4 span { 
	color:#8B8B8B;
	display:block;
	font-size:12px;
	font-style:normal;
	padding-top:4px
}
section#content aside div.impren span.date {
	color:#606060;
	font-size:12px;
	font-weight:bold
}
section#content aside div.impren p {
	color:#606060;
	font-size:13px;
	line-height:16px;
	padding-top:4px;
	width:420px
}
section#content aside div.impren a { color:#be2e36}
section#content aside div.impren p.veiculo { 
	font-size:12px;
	padding-top:10px
}
section#content div#confiraMaisHome {
	width:980px;
	margin:auto;
	padding-top:30px;
	clear:both
}
section#content div.maisImprensa {
	width:360px;
	padding-left:20px;
	margin-top:-3px;
	float:left
}
section#content div.maisEventos {
	width:500px;
	padding-left:10px;
	margin-top:-2px;
	float:left
}

/** FOOTER **/
footer { 
	background:url("../img/bg-footer.gif") repeat scroll 0 0 transparent;
	height:150px;
}
footer #innerFooter { 
	background:url(../img/fg-footerv2.png) repeat-x scroll 0 0 transparent;
	height:88px;
	background-color:#7a7a7a;
	width:100%
}
footer #innerFooter div.center {
	width:980px
}
footer #innerFooter div.center img.logo { 
	margin-top:17px;
	padding-right:235px;
	margin-left:10px;
}
/*estilos laercio do facebook*/

footer #innerFooter div.center div.outros { position:relative; margin-top:23px;}
footer #innerFooter div.center .midia,
footer #innerFooter div.center .gMaps,
footer #innerFooter div.center .rss, 
footer #innerFooter div.center .impressao {
	color:#FFFFFF;
	float:left;
	font-size:12px;
	padding-top:/*82px*/60px;
	position:absolute;
	text-align:center
}

footer #innerFooter div.center .midia { 
	background:url("../img/logo-facebookv2.png") no-repeat center top;
	line-height:14px;
	left:-180px;
	padding-top:61px;
	top:-56px; /*-33px;*/
	width:154px
}
footer #innerFooter div.center .midia a{ color:#FFF}
/*estilos laercio do facebook*/

footer #innerFooter div.center .gMaps { 
	background:url(../img/novas-img/icon-tuiter.png) no-repeat center top;
	line-height:31px;
	top:-63px; /*-33px;*/
	
	width:154px
}
footer #innerFooter div.center .gMaps a{ color:#FFF}
footer #innerFooter div.center .rss { 
	background:url("../img/rss.png") no-repeat scroll center top transparent;
	left:178px;
	text-align:center;
	top:-56px;/*-33px;*/
	padding-top:61px;
	width:155px
}
footer #innerFooter div.center .rss a { color:#FFFFFF}
footer #innerFooter div.center .rss span { color:#383838}
footer #innerFooter div.center .impressao { 
	background:url("../img/impressao.png") no-repeat scroll center top transparent;
	left:410px;
	padding-top:/*79px;*/ 59px;
	top:-54px;/*-32px;*/
	width:130px
}
footer #innerFooter div.center .impressao a { color:#FFF}
footer nav {
	overflow:hidden;
	width:960px
}
footer nav ul { padding:24px 0 0 20px; margin-right:10px;}
footer nav li, footer nav li a { 
	color:#666/*#8b8b8b*/;
	float:left;
	font-size:11px;
	
}
footer nav a.right { margin-top:18px; margin-right:0px;}
footer nav.center .menuFoot{
	width:958px;
	text-align:center;
	clear:both
}
footer nav.center .logoengine {
	width:137px;
	margin:auto;
	clear:both;
	margin-top:50px}



/** INTERNAS **/
section#content nav.innerNav {
	background-color:#F6F6F6;
	min-height:280px;
	height:auto !important;
	height:280px;
	width:179px;
	margin-left:10px;
}
section#content nav.innerNav li h2 { 
	color:#606060;
	font-weight:normal;
	font-size:19px;
	height:33px;
	padding:11px 0 0 6px
}
section#content nav.innerNav li h2,
section#content nav.innerNav li a {
	border-bottom:3px solid #FFF
}
section#content nav.innerNav li a.active {
	background:url(../img/bullet-link.gif) no-repeat 15px center;
	padding-left:25px
}
section#content nav.innerNav li a { 
	display:block;
	font-size:16px;
	height:30px;
	padding:14px 0 0 17px
}
section#content nav.innerNav li a.linkM {
	height:38px;
	padding-top:6px
}
section#content section.text { 
	padding-bottom:0;
	width:785px
}
ul.breadcrumb { padding:15px 0 35px}
ul.breadcrumb-1 { padding:0 0 32px}
ul.breadcrumb li {
	color:#606060;
	float:left;
	font-size:11px;
	list-style:none
}
section#content section.text article { color:#606060}
section#content section.text article h3 { 
	font-size:24px;
	font-weight:normal;
	padding-bottom:22px
}
section#content section.text article h3 small {
	color:#8b8b8b;
	display:block;
	font-size:12px
}
section#content section.text article h4 { 
	/*border-bottom:1px solid #606060;*/
	font-size:18px;
	font-weight:normal;
	padding-bottom:4px
}
section#content section.text article ul li {
	line-height:20px;
	margin-left:15px
}

.liValores { 
	line-height:20px;
	list-style:none
}
.imgParc, .imgParcMeio {
	height:155px;
	font-size:12px!important;
}

.imgParc {width:225px;}
.imgParcMeio {
	width:310px; 
	padding-left:30px;
	font-size:14px
}
table {font-size:12px}
h3.txt23 {font-size:23px}

section.text article ul li.parceria{
	padding-right:60px;
	width:220px;
}
section.text article ul li.parceriaNomargin {
	margin:0px!important;
	width:210px;
	float:right
}
section.text article ul li.parceria, li.parceriaNomargin {
	
	
	height:170px;
	float:left;
	list-style:none;
	padding-top:10px;
	vertical-align:baseline
}

section.text article ul li.parceria img, li.parceriaNomargin img {
	max-width:200px;
	margin-bottom:0px!important;
	vertical-align:bottom;
	line-height:110px;
}

table.tableParceria {
	width:100%
}
table.tableParceria tr {
	border-bottom:3px solid #CCC;
	height:192px;
	vertical-align:bottom!important
}







section#content section.text article div.fund { 
	float:left;
	padding:0 38px 55px 0;
	width:370px
}
section#content section.text article div.fund img { border:4px solid #8B8B8B}
section#content section.text article div.fund h4 {
	border-bottom:none;
	margin-bottom:0;
	padding-bottom:18px
}
section#content section.text article div.fund div p {
	line-height:17px;
	margin-top:-4px;
	padding-bottom:22px;
	padding-left:14px;
	width:216px
}
section#content section.text article div.fund div a { font-size:12px}
section#content section.text article div.public div h4 { padding:0 0 5px 13px}
section#content section.text article div.public div h4 a { font-size:18px}
section#content section.text article div.public div p { font-size:12px}
section#content section.text article p { 
	font-size:14px;
	line-height:20px;
	/*padding-bottom:44px;*/
	width:770px
}
section#content section.text article p.paddingT30px img { 
	display:block;
	margin:0 auto
}
section#content section.text article p.imgs img { padding-right:89px}
section#content section.text article p.imgs-2 img { padding-right:37px}
section#content section.text article p.imgs-3 img { padding-right:14px}
section#content section.text article p.imgs-4 img { padding-right:63px}
section#content section.text article p.imgs-5 img { padding-right:6px}
section#content section.text article p.imgs-6 img { padding-right:25px}
section#content section.text article p.imgs-7 img { padding-right:22px}


section#content section.text article table { width:780px;}
section#content section.text article table th { 
	background-color:#8b8b8b;
	border-right:5px solid #FFFFFF;
	color:#FFFFFF;
	padding:16px 0 14px 14px;
	text-align:left
}
section#content section.text article table td {
	border-right:5px solid #FFFFFF;
	color:#606060;
	padding:17px 14px 21px 14px;
	vertical-align:middle
}
section#content section.text article table th.w160 { width:162px;}
section#content section.text article table.tablePublic { width:100%}
section#content section.text article table.tablePublic th { 
	background-color:#F6F6F6;
	color:#606060;
	font-weight:normal
}

section#content section.text article div.pdf {
	/*min-height:78px;*/
	height:auto !important;
	height:78px;
	padding-bottom:25px
}
section#content section.text article div.pdf h4 {
	border-bottom:none;
	font-size:16px;
	margin-bottom:0;
	padding-bottom:2px
}
section#content section.text article div.pdf p {
	padding-bottom:2px;
	width:620px
}
section#content section.text article div.pdf p em {
	background:url(../img/ico-pdf.png) no-repeat 0 0;
	display:block;
	font-size:12px;
	height:16px;
	padding-left:20px
}
section#content section.text article div.doc { padding-bottom:20px}
section#content section.text article div.doc a { 
	background:url("../img/ico-doc.png") no-repeat 0 0;
	display:block;
	height:16px;
	padding-left:20px
}
section#content section.text article div.doc em { 
	font-size:12px;
	padding-left:20px
}
section#content section.text article div.adobe {
	height:39px;
	padding-top:50px
}
section#content section.text article div.adobe p {
	font-size:11px;
	line-height:16px;
	padding-bottom:0;
	width:590px
}
section#content section.text article div.newPost { width:770px}
section#content section.text article div.newPost div.content { width:680px}
section#content section.text article div.newPost div.content h4 { 
	border-bottom:medium none;
	font-size:16px;
	line-height:19px;
	margin-bottom:0;
	padding-bottom:5px
}
section#content section.text article div.newPost div.content h4 a { font-size:16px}
section#content section.text article div.newPost div.content p { 
	font-size:12px;
	font-style:italic;
	line-height:16px;
	margin-top:-5px;
	padding-bottom:13px;
	padding-top:0;
	width:680px
}
section#content section.text article div.newPost div.content a { 
	font-size:12px;
}
section#content section.text article div.imgPublic { 
	float:left;
	padding-bottom:22px
}
section#content section.text article div.imgPublic div { 
	background-color:#E8E8E8;
	height:155px;
	margin-top:28px;
	padding:25px 0 0 28px;
	width:40em
}
section#content section.text article div.imgPublic div.menos-1 { width:29em}
section#content section.text article div.imgPublic div.menos-2 { width:38em}
section#content section.text article div.imgPublic div.menos-3 { width:35em}
section#content section.text article div.imgPublic div.menos-4 { width:23em}
section#content section.text article div.imgPublic div.menos-5 { width:42em}
section#content section.text article div.imgPublic div.menos-6 { width:21em}
section#content section.text article div.imgPublic div h3 { padding-bottom:3px}
section#content #resultBusca, section#content #pagination { width:960px}

section#content #resultBusca .breadcrumb,
section#content #mapaDoSite .breadcrumb { 
	background-color:#F3F3F3;
	height:20px;
	margin-bottom:22px;
	padding:8px 0 0 10px
}
section#content #resultBusca .container { padding-left:10px}
section#content #resultBusca .container h2 { 
	color:#606060;
	font-size:24px;
	font-weight:normal;
	padding-bottom:20px
}
section#content #resultBusca .container p { 
	color:#606060;
	padding-bottom:41px
}
section#content #resultBusca .container .boxResult { 
	padding-bottom:32px
}
section#content #resultBusca .container .boxResult h3 {
	font-size:16px;
	padding-bottom:4px
}
section#content #resultBusca .container .boxResult p {
	font-size:12px;
	font-style:italic;
	padding-bottom:2px
}
section#content #resultBusca .container .boxResult span {
	color:#8B8B8B;
	font-size:11px;
	font-style:italic
}
section#content nav#pagination table { margin:70px auto 0}
section#content nav#pagination table td { vertical-align:middle}
section#content nav#pagination span.voltar { 
	color:#606060;
	padding-right:18px
}
section#content nav#pagination a.num,
section#content nav#pagination span.num {
	border:1px solid #606060;
	float:left;
	font-size:18px;
	height:24px;
	margin-right:8px;
	padding-top:6px;
	text-align:center;
	width:30px
}
section#content nav#pagination a.num { border:1px solid #be2e36}
section#content nav#pagination span.num,
section#content nav#pagination a.num:hover {
	background-color:#f3f3f3
}
section#content nav#pagination a.avancar { padding-left:18px}
section#content nav#pagination a.voltar { padding-right:18px}

/*section#content div.rssAtualiza div.left {
	background:url("../img/bullet-atualiza.png") no-repeat 9px 5px;
	padding:5px 0 0 37px;
	width:188px
}
section#content div.rssAtualiza div.left p { padding-bottom:14px}
section#content div.rssAtualiza div.left p strong { 
	display:block;
	font-size:16px;
	padding-bottom:6px
}
section#content div.rssAtualiza div.left p small { font-size:12px;}
section#content div.rssAtualiza div.left a {
	display:block;
	padding-bottom:15px
}
section#content div.rssAtualiza div.left a.bulletRss,
section#content div.rssAtualiza div.left a.whyRss {
	padding-left:22px
}
section#content div.rssAtualiza div.left a.bulletRss { background:url("../img/bullet-rss.png") no-repeat left 0}
section#content div.rssAtualiza div.left a.whyRss { background:url("../img/bullet-interrog.png") no-repeat left 0}*/
section#content div.img-evento { width:776px; height:280px;}

section#content article ul.outPublic { width:300px}
section#content article ul.outPublic li { padding-bottom:10px}
section#content article ul.outPublic li a { 
	display:block;
	margin-bottom:-5px
}
section#content article ul.outPublic li em { font-size:12px}

section#content div.events h4,
section#content article div.slideShow h5,
section#content article h6 { 
	background-color:#F6F6F6;
	border-bottom:none !important;
	font-size:14px !important;
	font-weight:bold !important;
	height:22px;
	padding:10px 0 0 10px !important;
	margin-right:10px;
}
section#content div.events .newEvent { 
	float:left;
	padding:0 0 40px 10px
}
section#content div.events .newEvent img { border:4px solid #8B8B8B}
section#content div.events .newEvent div.date { 
	margin:20px 36px 0;
	display:inline
}
section#content div.events .newEvent .content {
	padding-top:19px;
	width:512px
}
section#content div.events .newEvent .content p {
	padding-bottom:0;
	width:auto
}
section#content div.events .newEvent .content h5 {
	font-size:16px;
	font-weight:normal;
	padding-bottom:5px
}
section#content div.events div.filtro { padding-left:10px}
section#content div.events div.filtro .newEvent { padding-left:0}
section#content div.events div.filtro form { 
	height:28px;
	padding-bottom:33px
}
section#content div.events div.filtro form label { 
	font-weight:bold;
	padding:8px 13px 0 0
}
section#content div.events div.filtro form select { 
	background:url("../img/bg-search.gif") repeat-x 0 0;
	border:1px solid #8B8B8B;
	font-size:19px;
	margin-right:4px;
	width:170px
}
section#content div.events div.filtro h5 {
	background:url("../img/pixel-title.gif") repeat-x 0 9px;
	font-size:18px;
	padding-bottom:22px
}
section#content div.events div.filtro h5 span {
	background-color:#FFFFFF;
	padding-right:5px
}
section#content div.events div.filtro .newEvent h5 { background:none}

section#content article div.innerEvents { padding-bottom:28px}
section#content article div.innerEvents h4 { 
	border-bottom:none;
	font-size:14px;
	font-weight:bold;
	margin-bottom:0
}
section#content article div.innerEvents a { 
	display:block;
	padding:0 0 5px 4px
}
section#content article div.newEvent div.content { }
section#content article div.newEvent div.content h6 { 
	font-weight:normal !important;
	margin-bottom:0 !important;
	padding:2px 0 4px !important
}
section#content article div.newEvent div.content h6 a { font-size:16px !important}
section#content article div.newEvent div.content p { 
	font-size:14px !important;
	font-style:normal !important
}
section#content article h6 { margin-bottom:23px}
section#content article div.slideShow { padding-bottom:60px}
section#content article div.slideShow h5 { margin-bottom:18px}

/** ERROR 404 **/
section#content #error, section#content #mapaDoSite { width:960px}
section#content #error #msnError { padding-bottom:40px}
section#content #error #msnError blockquote { 
	background:url("../img/bg-error-page.gif") repeat scroll 0 0 transparent;
	height:198px;
	margin-top:27px;
	padding:22px 0 0 17px;
	width:538px
}
section#content #error #msnError p.pText { 
	color:#606060;
	line-height:18px
}
section#content #error #msnError p.pTitle { 
	color:#606060;
	font-size:22px;
	padding-bottom:13px
}
section#content #mapaSite { padding-left:10px}
section#content #mapaSite h2 {
	color:#606060;
	font-size:24px;
	font-weight:normal;
	padding-bottom:18px
}
section#content #mapaSite p { 
	color:#606060;
	padding-bottom:50px
}
section#content #mapaSite h3 {
	font-size:16px;
	padding-bottom:10px
}
section#content #mapaSite ul { padding-left:20px}
section#content #mapaSite li { padding-bottom:14px}
section#content #mapaSite li ul { padding-top:10px}
section#content #mapaSite div.blockMap {
	float:left;
	padding-bottom:40px
}
section#content #mapaSite nav.maps { 
	float:left;
	width:316px
}
