/*
------------------------------
FRAMEWORK
------------------------------
*/
html, body {height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); font:normal 12px/16px Tahoma, Verdana, Helvetica, sans-serif; color:#000;}
html {background:#7ABAF2 url(../images/jpg/bg-html.jpg) repeat-x top center;}
body {background:transparent url(../images/jpg/bg-body.jpg) no-repeat center 160px;}

#container {width:940px; min-height:800px; height:auto !important; height:800px; margin:0 auto;}

/*
------------------------------
GENERAL
------------------------------
*/
* {z-index:1;}

/* ------- POSITION ------- */
.left {float:left;}
.right {float:right;}
.clear {clear:both;}

/* ------- CONTEM FLOAT ------- */
#container .contemfloat:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#container .contemfloat {display:inline-block;}
/* Hides from IE-mac \*/
* .contemfloat {height:1%;}
#container .contemfloat {display:block;}
/* End hide from IE-mac */

/* ------- LINKS ------- */
#content a {font-weight:bold; color:#004B8D;}
#content a:hover {color:#4092D8;}

/* ------- FORMS ------- */
#content .vForms {width:600px; margin:0 auto;}
#content .vForms fieldset {padding:10px; border:none;}
#content .vForms fieldset legend {padding:3px; font-size:16px; font-weight:bold; color:#FFF; background-color:#333;}
#content .vForms fieldset ol li {display:block; margin:0 0 5px; padding:5px;}
#content .vForms fieldset ol li label {position:absolute; width:140px; text-align:right; line-height:24px;}
#content .vForms fieldset ol li input,
#content .vForms fieldset ol li select,
#content .vForms fieldset ol li textarea {width:405px; margin:0 0 3px 150px; padding:6px; border:1px solid #B7B7B7; background-color:#F9F9F9;}
#content .vForms fieldset ol li textarea {height:100px;}
#content .vForms fieldset ol li input.mFone,
#content .vForms fieldset ol li input.mData {width:100px; margin-right:305px;}
#content .error {display:table; margin:0 0 0 150px; padding:2px 5px; font-size:11px; text-align:left; color:#C00; border:1px solid #C00; background-color:#FFEBE8; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
* html #content .error {display:inline-block;}
#content .vForms fieldset ol li .valid {outline:1px solid #90AC13; color:#90AC13;}
#content .vForms fieldset ol li .radio {clear:both; width:480px; margin:0 0 3px 150px;}
#content .vForms fieldset ol li .radio label {display:block; float:left; position:inherit; width:480px; text-align:left;}
#content .vForms fieldset ol li .radio label input {display:inline; vertical-align:middle; width:20px; margin:0; padding:0; border:none;}
#content .vForms button {display:inline-block; width:60px; height:25px; margin:0 0 0 155px; padding:0; border:1px solid #999; font-size:11px; font-weight:bold; text-align:center; color:#333; background:url(../images/jpg/bg-button.jpg) repeat-x top left; cursor:pointer;}

/* ------- SIMPLE FORM ------- */
#content .simple-form input {padding:4px; border:1px solid #999; background-color:#F9F9F9;}
#content .simple-form input.large {width:690px;}
#content .simple-form em {display:block; font-size:10px; font-style:normal; color:#666;}
#content .simple-form button {height:22px; padding:0 5px; border:none; font-size:11px; font-weight:bold; color:#FFF; background-color:#333;}

/* ------- MESSAGE BOX ------- */
#content .box-info,
#content .box-error,
#content .box-sucess,
#content .box-warning {display:block; margin:10px auto; padding:5px 5px 5px 36px; text-align:left; line-height:16px; color:#000; background:#F8FAFC url(../images/icons/information.gif) no-repeat 10px center; border-top:1px solid #B5D4FE; border-bottom:1px solid #B5D4FE;}
#content .box-error {background:#F7CBCA url(../images/icons/exclamation.gif) no-repeat 10px center; border-color:#C00;}
#content .box-sucess {background:#EEF4D3 url(../images/icons/accept.gif) no-repeat 10px center; border-color:#90AC13;}
#content .box-warning {background:#FFF7C0 url(../images/icons/error.gif) no-repeat 10px center; border-color:#F7D229;}

/* ------- BREADCRUMB ------- */
#content #breadcrumb {height:16px; padding:2px; background-color:#004B8D;}
#content #breadcrumb li {display:inline; float:left; padding:0 3px; font:normal 11px/20px Tahoma, Verdana, Helvetica, sans-serif; color:#FFF;}
#content #breadcrumb li a {font-weight:normal; color:#FFF;}
#content #breadcrumb li a:hover {text-decoration:underline;}

/* ------- HEADINGS ------- */
#content h1 {display:block; margin-bottom:30px; padding:2px; font:bold 26px/30px 'Century Gothic', 'Times New Roman', Tahoma, Helvetica, sans-serif; text-align:left; letter-spacing:-1px; color:#FFF; background-color:#004B8D;}
#content h2 {display:block; margin-bottom:20px; font:bold 20px/24px Tahoma, Verdana, Helvetica, sans-serif; text-align:left; letter-spacing:-1px; color:#004B8D;}
#content h3 {display:block; margin-bottom:10px; font:bold 16px/20px Tahoma, Verdana, Helvetica, sans-serif; text-align:left; color:#396182;}
#content h4,
#content h5,
#content h6 {display:block; margin-bottom:10px; font:bold 14px/18px Tahoma, Verdana, Helvetica, sans-serif; text-align:left; color:#396182;}

/* ------- PAGINACAO ------- */
#content .paginacao {clear:both; position:relative; height:20px; margin:20px 0; padding:5px 10px; line-height:20px; text-align:center; background-color:#F2F2F2;}
#content .paginacao a {padding:4px 7px; font-weight:bold; line-height:20px; text-decoration:none; color:#004B8D;}
#content .paginacao a:visited {color:#4092D8;}
#content .paginacao a:hover {color:#FFF; background-color:#004B8D;}
#content .paginacao a.pag-selecionada {color:#FFF; background-color:#D95700; cursor:default;}
#content .paginacao a.pag-anterior,
#content .paginacao a.pag-proxima {position:absolute; left:10px; padding:0 7px;}
#content .paginacao a.pag-proxima {left:auto; right:10px; padding:0 7px;}

/*
------------------------------
HEADER
------------------------------
*/
#header {height:160px;}

#header #logomarca {margin:22px 0 0 10px;}

#header #top-banner {width:650px; height:80px; margin:25px 10px;}

#header #box-opcoes {width:900px; height:24px; padding:3px 10px; overflow:hidden; font-size:11px; color:#A1BED6; background:#004B8D url(../images/jpg/bg-opcoes.jpg) no-repeat top center;}
#header #box-opcoes #box-busca {width:340px; height:24px;}
#header #box-opcoes #box-busca input {width:280px; height:16px; margin:2px 0 0;}
#header #box-opcoes #box-busca input.botao-busca {display:inline; float:right; width:30px; height:22px; margin:2px 0 0; padding:0; color:#FFF; border:none; background-color:#00305A;}
* html #header #box-opcoes #box-busca button {padding:2px 4px;}

#header #box-opcoes #data {width:370px; margin:0 10px; text-align:center; line-height:22px;}

#header #box-opcoes #navigation-header {width:165px; height:24px;}
#header #box-opcoes #navigation-header li {display:inline; float:left; margin:0 3px; line-height:24px;}
#header #box-opcoes #navigation-header li a {color:#A1BED6;}
#header #box-opcoes #navigation-header li a:hover {text-decoration:underline; color:#FFF;}

/*
------------------------------
WRAPPER
------------------------------
*/
#wrapper {margin:5px 0 0; background:url(../images/jpg/bg-wrapper.jpg) repeat-y top center;}

#wrapper .title-box {height:30px; padding-left:10px; font:bold 16px/30px 'Century Gothic', 'Trebuchet MS', Tahoma, Helvetica, sans-serif; color:#FFF; background-color:#333;}
#wrapper .btn-padrao {padding:4px; border:1px solid #999; font-weight:bold; color:#333; background:url(../images/jpg/bg-button.jpg) repeat-x top center;}
* html #wrapper .btn-padrao {padding:3px;}

#wrapper iframe {width:700px;}

/*
------------------------------
LEFT COLUMN
------------------------------
*/
#left-column {width:190px; padding:10px 5px; background-color:#EFEFEF;}

#left-column #navigation {margin-bottom:30px;}
#left-column #navigation li {height:21px;}
#left-column #navigation li.titulo-menu {margin-bottom:5px; padding:4px; border:none; font-weight:bold; line-height:21px; color:#FFF; background-color:#004B8D;}
#left-column #navigation li a {display:block; padding:0 0 0 5px; line-height:20px; color:#666; border-bottom:1px solid #666;}
#left-column #navigation li a.nav-destaque {border-color:#D95700; color:#D95700;}
#left-column #navigation li a:hover {border-color:#004B8D; color:#FFF; background-color:#004B8D;}
#left-column #navigation li a.nav-destaque:hover {border-color:#D95700; background-color:#D95700;}
* html #left-column #navigation li a {height:1%;}

#left-column #navigation-blog {margin-bottom:30px;}
#left-column #navigation-blog li {height:20px;}
#left-column #navigation-blog li.titulo-menu {margin-bottom:5px; padding:4px; border:none; font-weight:bold; line-height:20px; color:#FFF; background-color:#D95700;}
#left-column #navigation-blog li a {display:block; padding:2px 0 2px 5px; font-size:11px; line-height:16px; color:#D95700; border-bottom:1px dotted #D95700;}
#left-column #navigation-blog li a:hover {color:#FFF; background-color:#D95700;}
* html #left-column #navigation-blog li a {height:1%;}

#left-column #box-newsletter {height:160px; margin-bottom:30px; font-size:11px; color:#333;}
#left-column #box-newsletter input {width:180px; margin-top:5px; padding:4px; border:1px solid #B1B1B1; font-size:11px; color:#333; background-color:#FFF;}
#left-column #box-newsletter button {margin-top:5px;}

#left-column .banner-lateral {margin-bottom:30px;}

#left-column #box-portas-abertas {width:190px; margin-bottom:30px; background-color:#FFF; overflow:hidden;}

#left-column #google-translate iframe {width:160px; margin:0 auto 30px; text-align:center;}

/*
------------------------------
CONTENT
------------------------------
*/
#content {width:700px; min-height:1000px; height:auto !important; height:1000px; padding:20px; overflow:hidden; background-color:#FFF;}
#content p {margin:16px 0; line-height:16px; text-align:justify;}

/*
------------------------------
ADVERTISING
------------------------------
*/
#advertising {padding:8px; background-color:#D7D7D7;}
#advertising ul li {display:inline; float:left; width:90px; height:60px; margin:1px;}
#advertising ul li a {display:block; width:90px; height:60px;}

/*
------------------------------
FOOTER
------------------------------
*/
#footer {height:80px; padding:20px; font-size:11px; color:#003059; background:url(../images/jpg/bg-footer.jpg) no-repeat top center;}
#footer p {text-align:right;}