/* CSS Document */
*{margin:0; padding:0; font-family:"Trebuchet MS", Arial, Helvetica, Sans-Serif; font-size:1em}
body{padding:0; margin:0; background-color:#FFF; font:70% "Trebuchet MS", Arial, Helvetica, Sans-Serif}
div, p, ul, img, h1, h2, h3, h4, h5, h6{padding:0; margin:0}
ul{list-style-type:none}
.hide{display:none}
input{overflow:visible}
p, pre, code, input, select, textarea, table, abbr, acronym{font-size:1em}
acronym, abbr{cursor:help}
kbd{font-family:courier new, courier, arial}
h1{font-size:2em}
h2{font-size:2.3em}
h3{font-size:2em}
h4{font-size:1.2em}
h5{font-size:1em}
h6{font-size:.9em}
a img,a:link img,a:visited img{border:none}
ol, ul{padding-left:40px}
li ul,li ol{margin-bottom:0}
li{margin-top:.5em}
* html fieldset legend{margin-bottom:5px}
body.ie7 fieldset legend{margin-bottom:5px}
address{font-style:normal}
legend {font-weight: bold; color: #544f4c; font-size: 13px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; border-left: 6px solid #CCC; border-bottom: 2px solid #CCC; padding: 16px 46px 10px 46px; text-transform:uppercase}
fieldset {border: 0; padding: 16px 6px 16px 16px}

/* header.css -- background-color:#4885BD -- */
#headerContent{width:739px; height:152px; position:relative; left:0; margin:0 auto; padding:0; font:13pt Verdana, Tahoma, Arial}
#headerContent a{text-decoration:none; color:#63686D}
#headerContent h1 a.logo{width:207px; height:90px; position:absolute; top:32px; left:0; text-indent:-3333px; background:url(../imagens/im_logo.gif) no-repeat}

#headerContent .topLinks{position:absolute; top:15px; right:13px; font:1.2em Verdana, Tahoma, Arial; color:#63686D}
#headerContent .topLinks a:hover{text-decoration:underline}
#headerContent .topLinks a.twitter img{margin-right:5px;top:0}
#headerContent .topLinks a.orkut img{margin-right:20px;top:0}
#headerContent .topLinks a.blog img{margin-right:5px;top:0}

#headerContent .topMenu{position:absolute; top:78px; right:0}
#headerContent .topMenu a img{margin-left:22px}

#headerContent h2{color:#FFF; position:absolute; top:54px; left:276px; font-weight:900}
#headerContent h4{color:#FFF; position:absolute; top:86px; left:276px; font-weight:400}

/* menu.css */
#menuContent{width:100%; height:36px; background:#4F4B4A; top:123px; left:0; margin:0; padding:0}
#menuContent ul.dropDown{width:747px; height:36px; margin:0 auto; padding:0}
#menuContent ul.dropDown li{float:left; width:122px; text-align:center}
#menuContent ul.dropDown li a{width:122px; height:36px; text-decoration:none; text-align:center; font:13pt Verdana, Tahoma, Arial; color:#FFF}
#menuContent ul.dropDown li a:hover{text-decoration:underline; color:#FFF200}
#menuContent ul.dropDown li a.atual{color:#FFF200}

#topContent{width:739px; height:11px; margin:0 auto; padding:10px 16px 0 16px; background:url(../imagens/bgHeaderContent.gif) 0 15px no-repeat}

/* main.css */
#mainContent{width:739px; clear:both; position:relative; margin:0 auto; margin-top: 0; padding:16px 16px 16px 16px; background:url(../imagens/bgMainContent.gif) top center repeat-y}
#mainContent h2{display:none;margin-left:19px; margin-bottom:20px; width:670px; padding:10px 0 0 0; color:#4F4B4A}
#mainContent h3{padding:16px 36px 0 36px}
#mainContent img#printPopup{cursor:pointer}
#mainContent div.print{text-align:right; padding: 10px 20px 0 0/*; border-top:1px dotted #CCC*/}

/* principal.css (MAIN) */
#mainContent div#principal{width:690px; padding: 16px 42px 16px 16px; text-align:justify}

div#parceiro{padding:16px; margin:0 auto; width:579px; height:155px; clear:both; text-align:center}
div#parceiro div.parceiros{float:left}
div#parceiro h4{font-size:1.8em; margin-bottom:16px; padding:10px; background-color:#F6F6F6}
div#parceiro h4 a{text-decoration:none}
div#parceiro img{margin-left:10px; padding:4px 4px}
div#parceiro img a{border:0; border-bottom: 1px solid #CCC;}
#mainContent br{clear:both; border:1px solid #FFF}
/* principal-d.css (ESQUERDO) */
#mainContent div#principal div#destaque{width:352px; position:relative; float:left; clear:both}
#mainContent div#principal div#destaque h4{margin-left:16px; width:308px; padding:2px 4px 2px 4px; font-size:1.8em; color:#666; border-bottom:5px solid #666}
#mainContent div#principal div#destaque #novidades{height:261px; width:349px; overflow:hidden}
#mainContent div#principal div#destaque .paginas a:link, .paginas a:visited{background-color:#000; padding:2px; width:20px; height:17px; margin:2px 3px; text-decoration:none; text-align:center; color:#FFF; font:bold 13px Verdana, Tahoma, Arial, Helvetica, sans-serif; float:left}
#mainContent div#principal div#destaque .paginas a:hover{color:#FFF200; cursor:pointer}
#mainContent div#principal div#destaque #navegador{float:right;	padding-right:18px}
#mainContent div#principal div#destaque #navegador a.activeSlide {color:#FFF200; text-decoration:underline}
#mainContent div#principal div#destaque #ultimas{height:261px; width:349px}
#mainContent div#principal div#destaque #ultimas p{width:306px; height:45px; margin:204px 0 0 18px; background:url(../imagens/fundoDestaque.png) no-repeat; font:bold 16px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:justify; padding:4px 4px}
#mainContent div#principal div#destaque #ultimas strong{font:13px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; display:block}
#mainContent div#principal div#destaque #ultimas a:link, #ultimas a:visited{font:bold 14px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-decoration:none}
#mainContent div#principal div#destaque #ultimas a:hover{color:#fff;	text-decoration:underline; cursor:pointer}
#mainContent div#principal div#destaque .filho {height:261px; width:349px}
/* principal-e.css (DIREITO) */
#mainContent div#principal div#capaNoticias{margin-top:10px; padding-left:16px; width:319px; position:relative; float:left; border-left:1px dotted #CCC}
#mainContent div#principal div#capaNoticias h4{padding:10px 0 10px 0; font-size:1.65em; color:#666}
#mainContent div#principal div#capaNoticias p{padding: 8px 0 4px 6px; text-align:justify; font-size:1.1em}
#mainContent div#principal div#capaNoticias p a{margin:0; padding:0; text-decoration:none; color:#666}
#mainContent div#principal div#capaNoticias p a:hover{text-decoration:underline}

#mainContent p.historico{width:640px; padding: 13px 42px 16px 42px; text-align:justify; font-size:1.2em}
#mainContent ul.valores{font-size:1.2em; padding: 16px 0 16px 42px}
#mainContent ul.ultimaAtualizacao{font-size:0.85em; color:#CCC}

#mainContent div.diretoria{width:640px; padding: 23px 42px 16px 10px}
#mainContent div.diretoria div{padding: 0 0 0 30px}
#mainContent dl dt.cargo{font-size:1.5em}
#mainContent dl dt.cargo a{color:#000; text-decoration:none}
#mainContent dl dd.nome{font-size:1.3em; padding: 10px 0 26px 10px}

#mainContent div.projetos{width:690px; padding: 23px 42px 16px 10px}
#mainContent div.projetos div{padding: 0 0 0 15px}
#mainContent div div.titulo{font-size:1.5em}
#mainContent div p.descricao{font-size:1.2em; padding:20px; text-align:justify}

#mainContent div#parceiros{width:690px; padding: 26px 6px 16px 6px}

#mainContent div#parceiros img{padding:26px 26px 0 26px}
#mainContent div#parceiros img.left{float:left}
#mainContent div#parceiros .boxLoja{float:left; width:690px; border-bottom:1px dotted #CCC; padding:5px 5px 26px 5px; margin-top:15px; margin-right:10px; margin-left:12px}
#mainContent div#parceiros .boxContLoja{float:left; width:305px}
#mainContent div#parceiros .ttlLoja{float:left; width:290px; font-family:trebuchet ms, arial, verdana, tahoma; line-height:110%; font-size:1.4em; font-weight:bold; padding-left:0}
#mainContent div#parceiros p.txtHistorico{float:left; width:440px; font-family:trebuchet ms, arial, verdana, tahoma; line-height:160%; font-size:13px; text-align:justify; padding:16px 0 0 0}
#mainContent div#parceiros p.txtLoja{float:left; width:290px; font-family:trebuchet ms, arial, verdana, tahoma; line-height:150%; font-size:13px; text-align:justify; padding:0 0 16px 0}
#mainContent div#parceiros a.btConheca{padding:0 16px 0 16px; clear:both; background-color:#4F4B4A; color:#FFF; font-weight:900; text-decoration:none; font-size:1.2em; cursor: pointer}
#mainContent div#parceiros a.btConheca:hover{color:#FFF200}
	
#mainContent div#agenda{width:690px; padding: 20px 6px 16px 24px}

#mainContent div.popupEmpresa{border:1px solid #e39430; padding:16px 16px 36px 16px; background-color:#fff1df; clear:both}
#mainContent div.popupEmpresa div.dadosEmpresa{height:22px}
#mainContent ul p.descricaoEmpresa{padding:16px 10px 16px 10px; text-align:justify}
#mainContent ul div.fechar{width:42px; color:#FFF; font-weight:bold; padding:4px; background-color:red; text-align:right; float:right; cursor:pointer}

#mainContent div#contato{width:670px; padding: 26px 36px 16px 36px; color:#4F4B4A}
#mainContent div#contato p.titulo{font-size:1.3em}
#mainContent div#contato h3.sub{padding: 26px 0 16px 0}

#mainContent div div input{font-size:14px; border: 1px solid #CCC; height:19px; padding:4px}
#mainContent div div input,textarea{font-size:14px; border: 1px solid #CCC; padding:4px}

#mainContent input.bt{background-color:#4F4B4A; color:#FFF; cursor: pointer; margin: 6px}

#mainContent form div{font-size:14px; font-weight: bold}
#mainContent form div div{padding: 4px 0px 4px 0px; font-size:12pt}

#mainContent form div label{font-weight:normal; cursor: pointer}

#mainContent form div label.required{font-weight:bold; cursor: pointer}

#mainContent form p input{font-size:17px; height:32px; width:92px}

#mainContent form p.footerBar{padding:20px 0 10px 0}
#mainContent form p.footerBar.cadastro{margin-left: 96px}

#mainContent label.copia{font-size:0.85em; margin-top: 10px}
#mainContent input#copia{font-size:1.6em; padding-top: 20px; border:0}
#mainContent p a img{width:219px; height:103px; border: 7px solid #f4f4f4}
#mainContent p a img:hover{border: 7px solid #a9d466}

/* associe-se.css */
#mainContent div.row{clear:both;padding:3px 0 2px;height:1%}
#mainContent div.row img{vertical-align:top}
#mainContent div.row fieldset{margin-top:6px}
#mainContent div.row label.xCol,div.row label.col,div.row label.col-1,div.row label.required,div.row label.col-3,div.row label.col-5,div.row label.col-7{display:block;float:left;text-align:left;padding-top:7px;margin-left:15px;margin-right:5px}
#mainContent div.row label.col-1{width:98px;margin-left:0}
#mainContent div.row label.required{width:98px;margin-left:0}
#mainContent div.row label.xCol{margin-left:0}
#mainContent div.topicContent .topicContent label.col-1,div.sectionContent label.col-1,div.row fieldset label.col-1{width:137px}
#mainContent div.row div.fieldWrapper{float:left;height:19px}
#mainContent body.safari .fieldWrapper{position:relative}
#mainContent div.row .textWrapper{float:left;padding-top:3px;height:16px}
#mainContent div.row:after{content:".";display:block;visibility:hidden;clear:both;height:0}

/* fim form */
#mainContent div#associe-se{width:720px; padding: 0 0 16px 22px}
#mainContent div#associe-se p.titulo{font-size:1.3em; padding:0 20px 0 20px}
#mainContent div#associe-se h3.sub{padding: 26px 0 16px 0}
#mainContent p.obs{clear:both; text-align:center; padding: 40px 40px 20px 40px; border-bottom:1px dotted #CCC}
#mainContent div#coluna-1{width:329px; position:relative; float:left}
#mainContent div#coluna-2{width:391px; position:relative; float:left}

#mainContent div#map{width:650px; height:350px; border: 5px solid #efefef; padding-bottom:16px; background-color: #fff; color: #7d7d7d; font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;}

/* noticias.css */
#mainContent div#noticias{width:660px; padding: 19px 26px 16px 28px}
#mainContent div#noticias h3{padding-bottom: 4px; font-size: 1.4em}
#mainContent div#noticias span.data{margin-left:23px; font-size:1.2em}
#mainContent div#noticias div.imgNoticia a img{float:left; margin: 0 1.4em 0 0; text-align:center; border: 10px solid #FFF}
#mainContent div#noticias div.imgNoticia a:hover img{border: 10px solid #FFF200}
#mainContent div#noticias p{margin:2px 0 0 20px; height:52px; text-align:justify}
#mainContent div#noticias p a{text-decoration:none; color:#666}
#mainContent div#noticias p a:hover{text-decoration:underline}
#mainContent div#noticias hr{border:1px dotted #EFEFEF}

/* noticia.css */
#mainContent div#noticia{width:660px; padding: 19px 26px 16px 36px}
#mainContent div#noticia h3{font-size: 1.65em; margin-bottom: 2px; padding:16px; border-bottom:4px solid #666}
#mainContent div#noticia div.autorNoticia,div#noticia div.fonteNoticia{text-align:left; font-size: 1em; color:#666}
#mainContent div#noticia span.data{margin-left:23px; font-size:1.2em}
#mainContent div#noticia div.imgNoticia a img{float:left; margin: 0 1.2em 0 0; border: 8px solid #FFF}
#mainContent div#noticia div.imgNoticia a:hover img{border: 8px solid #FFF200}
#mainContent div#noticia div#fotos{margin:20px 0 20px 0; clear:both}
#mainContent div#noticia div#fotos h4.galeriaFotos{margin:20px 0 20px 0}
#mainContent div#noticia div#fotos a.foto img{border:0; border: 1px solid #FFF}
#mainContent div#noticia div#fotos a.foto:hover img{border: 1px solid #FFF200}
#mainContent div#noticia p.txtNoticia{margin:10px 0 0 10px; text-align:justify; font-size:1.1em; line-height:170%}
#mainContent div#noticia p.txtNoticia a{text-decoration:none; color:#666}
#mainContent div#noticia p.txtNoticia a:hover{text-decoration:underline}
#mainContent div#noticia div#ultimasNoticias{margin-top:10px; padding:0;}
#mainContent div#noticia div#ultimasNoticias h4{padding:10px 0 26px 0; font-size:1.65em; color:#666}
#mainContent div#noticia div#ultimasNoticias p{padding: 5px 16px 4px 16px; text-align:justify; font-size:1.15em}
#mainContent div#noticia div#ultimasNoticias p a{margin:0; padding:0; text-decoration:none; color:#666}
#mainContent div#noticia div#ultimasNoticias p a:hover{text-decoration:underline}
#mainContent div#noticia hr{margin:20px 0 0 0; border:1px dotted #CCC; clear:both}

#mainContent .paginacao{margin:40px 0 10px 0; text-align:center; font-size:1.2em; font-weight:900}
#mainContent .paginacao a{padding:6px 10px 6px 10px}
#mainContent .paginacao a:hover{padding:6px 10px 6px 10px; background-color:#000; color:#FFF200}

/* leftContent.css */
#contentNav{width:214px; position:relative; float:left; background-color:#FFF}

/* centerContent.css */
#contentCenter{width:319px; position:relative; float:left; background-color:#FFF; margin-left:14px}

/* rightContent.css */
#contentBanner{width:186px; position:relative; float:left; background-color:#FFF; margin-left:14px}

/* footer.css */
#footerContent{width:739px; height: 75px; margin:0 auto; padding:16px 16px 16px 16px; background:url(../imagens/bgFooterContent.gif) 0 0 no-repeat; color:#63686D; font:10pt Verdana, Tahoma, Arial}
#rodape{width:400px; position:relative; float:left}
#ueby{width:328px; position:relative; float:left; text-align:right; font-size:1em; line-height:36px}
#ueby a{ color:#000; text-decoration:none;}

/* mapa-site.css */
#mainContent div#mapaSite{width:690px; padding: 20px 6px 20px 0; font-size:1.3em; list-style:none; margin:0}
#mainContent div#mapaSite ul { list-style:none; list-style-image:none; height:100%; padding-left:40px}
#mainContent div#mapaSite li { list-style:none; list-style-image:none; line-height:28px; padding:6px 0 6px 26px; height:100%; margin:0}
#mainContent div#mapaSite ul li ul{ list-style:none; list-style-image:none; height:100%; padding-left:5px}
#mainContent div#mapaSite .nivel { list-style-image:none; margin-left:4px; height:100%}
#mainContent div#mapaSite .inicial {list-style-image:none; list-style:none; background:url(../imagens/icones/bt_popHelp.png) 0 11px no-repeat}
#mainContent div#mapaSite .nivel-1{list-style-image:none; list-style:none; background:url(../imagens/icones/bt_popShow.png) 0 11px no-repeat}
#mainContent div#mapaSite .nivel-2 {list-style-image:none; list-style:none; background:url(../imagens/icones/bt_next.png) 2px 14px no-repeat}