.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}

*{margin:0; padding:0; outline:0; list-style:none; border:none; font-family:arial, verdana, sans-serif, tahoma}
html{background:#F6F8ED url(img/bg-html.png) repeat-x top center}
.imagereplacement{display:block; text-indent:-5000px; overflow:hidden}
#videoHTML{background:transparent}

/* GERAL */
#container{width:940px; margin:0 auto; background:#fff; padding:0px 20px; /*padding-bottom:15px*/}

/* TOPO */
#container #header-content{padding-top:10px; position:relative}

/* TOPO LOGOMARCA */
#container #header-content #logomarca{width:260px; float:left}
#container #header-content #logomarca h1 a{background:url(img/h1-logo.png) no-repeat left top; height:90px; width:230px; float:left}

/* TOPO BUSCA */
#container #header-content #search{width:200px; float:left; padding:5px}
#container #header-content #search a{
    color:#666F30; font-size:12px; font-weight:bold; text-decoration:none;
    border-bottom:1px solid #CFCFCF; display:block; width:175px;
    background:url(img/search-arrow.jpg) no-repeat right
}
#container #header-content #search form{padding-top:15px}
#container #header-content #search label{font-size:11px; color:#9AAF84; font-weight:bold}
#container #header-content #search input{float:left; width:auto}
#container #header-content #search input.text{width:153px; padding:3px 2px; padding-right:0px; height:20px; font-size:11px; color:#A0A09E; background:url(img/search-text.png) no-repeat}

/* TOPO BANNER */
#container #header-content #banner{
	padding-top:10px; float:right; width:468px; height:110px; position:absolute; 
	z-index:1002; top:0px; right:0; overflow:hidden
}

/* MENU HORIZONTAL */
#header-menu{
	background:#fff url(img/header-menu-bg.png) no-repeat bottom center; margin-top:20px; border-bottom:2px solid #fff;
	height:40px
}
#header-menu ul li{float:left}
#header-menu ul li a{
	color:#8f9a4e; text-decoration:none; text-transform:uppercase; font-size:11px; height:40px; display:block; float:left;
	line-height:45px; text-align:center; padding:0px 5px
}
/* botões -  financiamentos, agropecuária, microempresa e infra-estrutura */
#header-menu ul li a.btdf{width:121px} 
#header-menu ul li a:hover.btdf, 
#header-menu ul li.active a.btdf{background:url(img/btdf.png) no-repeat left bottom; color:white}

/* botão - indústria comércio e serviços */
#header-menu ul li a.bt2{width:216px} 
#header-menu ul li a:hover.bt2, 
#header-menu ul li.active a.bt2{background:url(img/bt2.png) no-repeat left bottom; color:white}

/* botão - setor público municipal */
#header-menu ul li a.bt3{width:180px} 
#header-menu ul li a:hover.bt3, 
#header-menu ul li.active a.bt3{background:url(img/bt3.png) no-repeat left bottom; color:white}

/* CONTEÚDO */
#content{background:#566417 url(img/bg-content.png) repeat-x left top; border-top:5px solid #f7f7f5}
#content #content-top{background:url(img/body-border-top.png) no-repeat bottom center; height:8px; margin-top:10px}
#content #content-middle{background:url(img/body-border-middle.png) repeat-y 50% 3%}
#content #content-bottom{background:url(img/body-border-bottom.png) no-repeat top center; height:8px; margin-bottom:10px}

/* CONTEÚDO CENTRAL */
#body{width:620px; float:left; padding-top:10px}
#body div.body-content{width:580px; margin:0 auto}
#body h3{font-size:18px; color:#3c6553; /*border-bottom:1px solid #f1f1f1;*/ padding-bottom:5px; margin-bottom:15px}
#body h3 img{float:right}

/* MENU VERTICAL (ESQUERDA) */
#menu-acesso{width:135px; float:left; /*background:#fff url(img/menu-left-bg.png) no-repeat;*/ padding:15px 10px; text-align:left}
#menu-acesso ul li{padding-left:5px}
#menu-acesso h2{padding-left:5px}

/* MENU VERTICAL (DIREITA) */
#menu-inst{width:135px; float:right; /*background:#fff url(img/menu-right-bg.png) no-repeat;*/ padding:15px 10px; text-align:right}
#menu-inst ul li{padding-right:5px}
#menu-inst h2{padding-right:5px}

/* PADRÃO MENUS VERTICAIS */
#content-middle #menu-acesso, #content-middle #menu-inst{margin-top:-18px}
#menu-acesso, #menu-inst{font-size:11px}
#menu-acesso h2, #menu-inst h2{font-size:11px; font-weight:bold; color:#edee6e; padding-bottom:5px}
#menu-acesso ul li, #menu-inst ul li{border-top:1px dotted #fff; padding-top:5px; padding-bottom:5px}
#menu-acesso ul li a, #menu-inst ul li a{color:#fff; text-decoration:none; font-size:11px}
#menu-acesso ul li a:hover, #menu-inst ul li a:hover{color:#edee6e; text-decoration:none}

/* PADRÃO TEXTOS DE PÁGINAS */
#text p, div.text p{padding-bottom:10px; text-align:justify; color:#666; font-size:12px; line-height:16px;}
#text table{float:none; clear:both}
#text a, div.text a{color:#aeaf6d}
#text a:hover. div.text a:hover{text-decoration:underline; color:#5F5F2F}

/*PADRÃO DE TEXTO EM FINANCIAMENTOS*/
#finan-lista #text p{padding-bottom:10px; text-align:justify; color:#666; font-size:12px; line-height:16px; text-indent:10px}

/* RODAPÉ */
#footer{width:980px; margin:0px auto; background:url(img/footer-bottom.png) no-repeat bottom; padding-bottom:10px}
#footer #footer-banner{width:940px; background:url(img/footer-bg.png) no-repeat top; margin:0 auto; margin-bottom:20px; padding:10px}
#footer ul{padding:0px 10px; text-align:center}
#footer ul li{display:inline; padding:0px 2px}
#footer ul li a{text-decoration:none}

/* MENSAGENS */
.info, .success, .warning, .error, .validation{margin:10px 0px; padding:15px 10px 15px 50px; background-repeat:no-repeat; background-position:10px}
.info {color: #00529B;background-color: #BDE5F8;background-image: url('img/msg/info.gif');}
.success {color: #4F8A10;background-color: #DFF2BF;background-image:url('img/msg/success.gif');}
.warning {color: #9F6000;background-color: #FEEFB3;background-image: url('img/msg/warning.gif');}
.error {color: #D8000C;background-color: #FFBABA;background-image: url('img/msg/error.gif');}
label.error{background:none; color:red; font-weight:bold; font-size: 11px; display: block; margin: 0; padding: 0; padding-top: 5px}
input.error{border:1px solid red; background: none; margin: 0; padding: 0}

/* MENSAGENS DE ERRO EM FORM */
ul.errors{font-size:11px; color:red}

/* PAGINAÇÃO */
#paginacao{font-size:11px; color:#ccc}
#paginacao a{color:#273f29; text-decoration:none}
#paginacao a:hover{color:#8d984a}

/* TESTES */
#menu-inst ul li a.selected{color:#edee6e}
#menu-inst ul li a.subcat {padding-right:2px; color:#edee6e}
#menu-inst ul li a.subcat:hover{color:#FDFF4F}
div.bodyLarger {width:740px !important}


/* INVERSAO DE POSICAO DO MENU */
.left {float:left !important;}
.right {float:right !important;}

/* BREADCRUMBS */
#breadcrumbs {padding-bottom:10px; font-size:10px}
#breadcrumbs ul li {display:inline;}
#breadcrumbs ul li a {color:#3C6553; text-decoration:none;}
#breadcrumbs ul li span.separator {color:#ccc;}
#breadcrumbs ul li span.active {color:#000}
#breadcrumbs ul li a:hover {text-decoration:underline;}

/* LISTA DE LINKS */
ul.lista li{padding-bottom:5px}
ul.lista li a{background:url(img/bt-arrow-noticia.gif) no-repeat left center; font-size:12px; padding-left:8px; color:#728774;text-decoration:none}
ul.lista li a:hover{color:#3c6553}

div.midias{float:left; width:260px; margin-bottom:10px}
div.midias div.video{width:252px; clear:both}
div.midias div.video ul li{border:1px solid #f1f1f1; padding:5px; background:#f7ffef; text-align:center; margin-top:5px}
div.midias div.video ul li small{display:block; font-size:11px; color:#709746}

/* TABELA DE DADOS */
table.relatorio {width:100%;}
table.relatorio thead tr {background-color:#eee;}
table.relatorio thead tr th {color:#3C6553;padding:5px;font-size:12px;}
table.relatorio thead tr th.acoes {width:150px;}
table.relatorio tbody tr td {padding:5px; font-size:11px;}
table.relatorio tbody tr td.acoes a,
table.relatorio tfoot tr td a {text-decoration:none;font-size:11px;color:#3C6553;}
table.relatorio tbody tr td.acoes a:hover,
table.relatorio tfoot tr td a:hover {text-decoration:underline;}
table.relatorio a.links {display:block;padding:3px 0px 3px 20px;background-repeat:no-repeat;background-position:left center;}
table.relatorio a.aDownload {background-image:url('img/download.gif');}
table.relatorio a.aDownloadFull {background-image:url('img/package.gif');}
table.relatorio tbody tr.linha2 {background-color:#f4f4f4;}
table.relatorio tfoot tr td {padding:5px;background-color:#fff;}

/* LINKS DE NAVEGAÇÃO ENTRE SUB-MENUS */
#navegation{width:580px; border-top:1px solid #f1f1f1; padding-top:10px; margin-top:10px}
#navegation ul{width:560px; margin:0 auto; font-size:11px}
#navegation li.left{float:left; width:auto}
#navegation li.right{float:right; width:auto}
#navegation li a{color:#3c6553; text-decoration:none}
#navegation li a:hover{color:#c8c87c; text-decoration:none}
/*#navegation li a.hidden{display:none}*/

/* FINANCIAMENTOS*/
#info {font:'Arial', tahoma, Verdana, sans-serif; font-size:12px; padding:10px 0px; text-indent:10px}
#info span{color:#666666}
#info a{text-decoration:underline; color:#9E9F59}
#info a:hover{text-decoration:underline; color:#5F5F29}

/* Banner Flutuante */
div.floating{position:absolute; right:10px; top:2%; z-index:1002}
div.floating img{border:3px solid #ccc}
div.floating a.closed{
	font-size:12px; font-weight:bold; letter-spacing:1px; color:red; text-decoration:none; 
	cursor:pointer; text-align:right; display:block
}
div.floating a:hover.closed{color:blue}