@CHARSET "UTF-8"; /* Sticky Footer Solution by Steve Hatcher http://stever.ca http://www.cssstickyfooter.com */ * {margin:0;padding:0;} /* must declare 0 margins on everything, also for main layout components use padding, not vertical margins (top and bottom) to add spacing, else those margins get added to total height and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */ html, body {height: 100%;} #wrap {min-height: 100%;} #main {overflow:auto; padding-bottom: 70px;} /* must be same height as the footer */ #footer {position: relative; margin-top: -70px; /* negative value of footer height */ height: 70px; clear:both;} /*Opera Fix*/ body:before {/* thanks to Maleika (Kohoutec)*/ content:""; height:100%; float:left; width:0; margin-top:-32767px;/* thank you Erik J - negate effect of float*/ } #dialogColor_underlay, #dialogLightBox_underlay { background-color: #1D3372; } #dialogContent { padding-bottom: 10px; } /******** * Dialog ********/ #dialog-centro, #dialog-rodape { border: none; padding: 0; } #dialog-rodape { text-align: center; } /* IMPORTANT You also need to include this conditional style in the of your HTML file to feed this style to IE 6 and lower and 8 and higher. */ /* Layout por Herberts Cruz */ /** * Formulários */ form dl, form dt, form dd { margin: 0px; padding: 0.1em; } form dl { display: block; margin-top: 0.5em; padding-left: 1em; } form div.left, form div.none { height: 4em; margin-right: 1em; } form div.left { float: left; } form div.none { float: none; } div.containerTitulo { max-width: 100%; padding: 0.5em 1em; background-color: #CFE5FA; font-weight: bold; display: block; clear: both; } form ul { list-style-type: none; margin: 0.5em 0em 0em 0.5em; padding: 0px; } form ul.lista li { height: 2em; margin: 0px; padding: 0px; } form div.edit { float:right; margin: 0.2em 1em 0em 0em; } form div.edit .red { color:red; } form div.edit .font11 { font-size: 11px; } /* layout.php */ * { font-family: helvetica,arial,sans-serif; color: #363636; font-size: 12px; } h1.titulo-geral { font-size: 24px; color: #363636; } img { border: none; } /* Header */ #linksNavigator { min-height: 100px; background: #FBFBFB; border-bottom: 8px #F2F2F2 solid; text-align: center; padding: 20px; } #linksNavigator h4 { font-size: 18px; padding: 10px; } #header { height: 130px; background: #FFFFFF; } #header-content { width: 1000px; margin: 0 auto; } img#logo { margin-top: 7px; cursor: pointer; } #header-content-right { width: 500px; height: 100px; padding-top: 20px; float: right; } #menu-top { width: 100%; height: 25px; border-bottom: solid 1px #898989; } #menu-top ul { width: 100%; height: 100%; list-style-type: none; } #menu-top ul li { float: left; } #menu-top ul li a { width: 100px; height: 26px; display: block; text-decoration: none; text-align: center; font-weight: bold; font-size: 11px; color: #A3A3A3; } #menu-top ul li a:hover { color: #595959; } #menu-top ul li a.marcado { background: url(../img/default/menu-top-seta.gif) center bottom no-repeat; } #pesquisar { width: 300px; height: 30px; margin-top: 30px; margin-left: 150px; background: url(../img/default/pesquisar.png); } #pesquisar input { width: 250px; margin: 5px 10px 0px 10px; padding: 2px; background: none; border: none; color: #838383; } /* Menu */ #menu { height: 60px; padding-top: 10px; background: #000068; } #menu-content { width: 906px; height: 50px; margin: 0 auto; padding: 0px 10px; } #menu-border-left { width: 10px; height: 50px; margin-left: -10px; float: left; background: url(../img/default/menu-border-left.gif); } #menu-border-right { width: 10px; height: 50px; margin-right: -10px; float: right; background: url(../img/default/menu-border-right.gif); } #menu-content ul { width: 100%; height: 100%; list-style-type: none; background: url(../img/default/menu-repeat.gif) repeat-x; } #menu-content ul li { float: left; } #menu-content ul li a { width: 151px; height: 35px; text-decoration: none; display: block; padding-top: 15px; text-align: center; font-weight: bold; color: #333; background: url(../img/default/menu-bar.gif) right no-repeat; } #menu-content ul li a:hover { color: #999; } #menu ul li a.sem-barra { background: none; } #menu ul li a.marcado { width: 150px; height: 35px; margin-right: 1px; color: #FFFFFF; background: url(../img/default/menu-btn.gif) no-repeat left center; } #menu ul li a.marcado:hover { width: 156px; height: 43px; margin-left: -3px; margin-right: -6px; margin-top: -5px; margin-bottom: -8px; padding-top: 20px; padding-right: 4px; color: #FFFFFF; background: url(../img/default/menu-btn-hover.gif) no-repeat left center; } /* Banner */ #banner { height: 262px; background: #FBFBFB; border-bottom: 8px #F2F2F2 solid; } #banner-content { width: 1000px; margin: 0 auto; padding-top: 5px; } #iframe { width: 705px; height: 255px; float: left; } #form-login { width: 295px; height: 250px; float: right; background: url(../img/default/form-login.png) no-repeat; } #form-login dl dt dd { margin: 0; padding: 0; } #form-login dl dt { height: 16px; margin-top: 5px; padding: 12px 0px; text-align: center; font-weight: bold; color: #666; } #form-login dl dd { margin-top: 5px; text-align: center; float: none; clear: both; } #form-login ul { list-style-type: none; margin: 0; } #form-login ul li { padding: 5px; } #form-login form input[type=submit] { width: 100px; height: 30px; background: url(../img/default/form-login-btn.gif) no-repeat; border: none; } #form-login form input[type=text], #form-login form input[type=password] { width: 260px; height: 40px; background: #FBFBFB; padding: 0px 5px; border: 1px #F2F2F2 solid; color: #838383; } #form-login a { width: 100%; text-align: center; text-decoration: none; color: #838383; font-size: 11px; display: block; float: none; clear: both; } #form-login a:hover { text-decoration: underline; color: #595959; } /* Main */ #main-content { width: 1000px; margin: 0 auto; } /* Footer */ #footer { height: 62px; background: #FBFBFB; border-top: 8px #F2F2F2 solid; color: #838383;} #footer-content { width: 1000px; margin: 0 auto; padding-top: 5px; } #footer-content ul { width: 780px; margin: 0 auto; list-style-type: none; } #footer-content ul li { float: left; padding: 5px; } #footer-content span { width: 100%; min-height: 10px; padding-top: 5px; float: left; text-align: center; font-size: 11px; } #footer a { text-decoration: none; color: #838383; font-size: 11px; } #footer a:hover { text-decoration: underline; color: #595959; } /* Geral content action */ #block-content { padding: 10px; } #block-content p { text-indent: 30px; } #block-content h1.titulo-block-content { font-size: 16px; color: #363636; } #block-content-left { float: left; width: 450px; min-height: 300px; } #block-content-right { float: right; width: 450px; min-height: 280px; padding: 10px; } #block-content-right h1 { font-size: 18px; color: #363636; } #block-content-right strong.sub { font-size: 14px; } #block-content-right p { text-indent: 0px; padding: 10px; background: #FBFBFB; border-top: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; margin-top: 10px; } /* index.phtml */ #block-index { width: 1012px; margin-right: -12px; } #block-index dl { width: 241px; height: 220px; margin-right: 12px; padding: 5px 0px; float: left; background: url(../img/default/block.png) center no-repeat; } #block-index dl dt { text-align: center; padding: 18px 0px; font-weight: bold; color: #333; } #block-index dl dd { height: 140px; overflow: hidden; padding: 8px 15px 10px 15px; } #block-index dl dd a { text-decoration: none; } #block-index dl dd a:hover { text-decoration: underline; color: #595959; } #block-index .block-link { text-align: right; width: 100%; display: block; } #block-index .block-list { list-style-type: none; margin: -5px 0px 0px 0px; } #block-index ul.block-list li.block-list-item { padding: 5px 0px; border-bottom: 1px solid #F2F2F2; text-align: justify; } #block-index li { margin-left: 20px; } /* noticia.phtml */ #noticia { padding: 10px; } #noticia dt { width: 100%; height: 30px; padding: 20px 0px 5px 0px; border-bottom: 1px solid #DFDFDF; float: none; clear: both; } #noticia dd { width: 100%; padding: 10px; background: #FBFBFB; border-bottom: 1px solid #DFDFDF; text-align: justify; } #noticia a { text-decoration: none; color: #999; } #noticia a:hover { text-decoration: underline; color: #595959; } #noticia h1 { font-size: 16px; color: #363636; } #noticia img { float: left; vertical-align: top; } /* parceiro.phtml */ #parceiro { padding: 10px 0px;} #parceiro ul { list-style-type: none; margin: -10px 0px 0px 0px; } #parceiro ul li { display: block; width: 100%; height: 100px; float: left; clear: both; padding: 10px; margin: 10px 0px 0px; border: 1px solid #EAEAEA; } #parceiro img { float: left; } #parceiro span { display: block; height: 100px; padding-left: 10px; padding-top: 30px; } /* sistema.phtml */ #sistema { padding-top: 10px; } #sistema a { text-decoration: none; } #sistema a:hover { text-decoration: underline; color: #595959; } #sistema .indice { padding: 10px 0px 10px 40px; background: #FBFBFB; border-bottom: 1px solid #DFDFDF; } #sistema h1 { font-size: 24px; color: #363636; width: 100%; padding-bottom: 5px; border-bottom: 1px solid #EAEAEA; } #sistema .block blockquote { padding: 10px 0px; text-align: justify; } #sistema ul.block { list-style-type: none; padding-bottom: 10px; } #sistema ul.block li { padding: 10px 0px 0px 0px; } #sistema .block img { margin: 5px 5px 0px 5px; } #sistema .block img:hover { cursor: url(../img/default/lupa.cur), pointer; } #sistema a.voltar { display: block; width: 100%; padding-top: 10px; text-decoration: none; color: #838383; font-size: 11px; } #sistema a.voltar:hover { text-decoration: underline; color: #595959; }