html, body, form, fieldset{margin:0; padding:0}
body{color:#000; background:#B7B8BD; font-family:Arial, Helvetica, sans-serif; line-height:150%}
body#bd{color:#444; background:#B7B8BD; font-size:12px}
body.contentpane{width:auto; /* Printable Page */margin:1em 2em; line-height:1.3em; margin:0; font-size:12px; color:#333}
body.fs1{font-size:10px}
body.fs2{font-size:11px}
body.fs3{font-size:12px}
body.fs4{font-size:13px}
body.fs5{font-size:14px}
body.fs6{font-size:15px}

a{color:#069; text-decoration:underline}
a:hover, a:active, a:focus{color:#333; text-decoration:underline}
.contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4{}
small, .small, .smalldark, .mosimage_caption, .createby, .createdate, .modifydate, a.readon, .img_caption{color:#666; font-size:92%}
h1{font-size:180%}
h2{font-size:150%}
h3{font-size:125%}
h4{font-size:115%; font-weight:normal}
p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6{margin:1em 0; padding:0}
ul{list-style:none}
ul li{padding-left:18px; background:url(../images/bullet.gif) no-repeat 5px 8px; line-height:180%}
ol li{margin-left:35px; line-height:180%}
th{padding:5px; font-weight:bold; text-align:left}
fieldset{border:none; padding:10px 5px; background:url(../images/hdot2.gif) repeat-x top}
fieldset a{font-weight:bold}
hr{border-top:1px solid #CCC; border-right:0; border-left:0; border-bottom:0; height:1px}
td, div{font-size:100%}
img{border:none}
/* FORM */
form{margin:0; padding:0}
form label{cursor:pointer}
input, select, textarea, .inputbox{padding:3px 5px; font-size:100%; margin:0}
.button{padding:3px 5px; border:1px solid #333; background:url(../images/grad1.gif) repeat-x top #333; color:#CCC; font-size:85%; text-transform:uppercase}
.button:hover, .button:focus{background:#444; color:#FFF; cursor:pointer}
* html .button{padding:2px 0 !important; /*IE 6*/}
*+html .button{padding:2px 0 !important; /*IE 7*/}
.inputbox{border:1px solid #CCC; background:#dadada}
.inputbox:hover, .inputbox:focus{background:#f2f2f2}

pre, .code{padding:10px 15px; margin:5px 0 15px; border-left:5px solid #999; background:#FFF; font:1em/1.5 "Courier News",monospace}
blockquote{padding:1em 40px 1em 15px}
blockquote span.open{padding:0 0 0 20px; background:url(../images/so-q.gif) no-repeat left top}
blockquote span.close{padding:0 20px 0 0; background:url(../images/sc-q.gif) no-repeat bottom right}
.quote-hilite{padding:10px 15px; margin:0; border:1px solid #CACACC; background:#FFF}
.small-quote{margin:0; padding:0; background:none}
.small-quote span.open-quote{margin:0; padding-left:20px; background:url(../images/so-q.gif) no-repeat center left}
.small-quote span.close-quote{margin:0; padding-right:20px; background:url(../images/sc-q.gif) no-repeat center right}
.small-quote span.author{padding:2px 5px 2px 20px; border-top:1px solid #DCDDE0; margin:0.5em 0 0; display:block; background:url(../images/author.gif) no-repeat 5px 4px #EAEBEE; font-size:90%; text-transform:uppercase}
.dropcap{float:left; padding:4px 8px 0 0; display:block; color:#999; font:50px/40px Georgia,Times,serif}
/* Tips, Error, Message, Hightlight*/
p.error{padding-left:25px; color:#BF0000; background:url(../images/icon-error.gif) no-repeat top left}
p.message{padding-left:25px; color:#069; background:url(../images/icon-info.gif) no-repeat top left}
p.tips{padding-left:25px; color:#EE9600; background:url(../images/icon-tips.gif) no-repeat top left}
.highlight{padding:1px 5px; background:#FFC; font-weight:bold}
/* Note Style */
p.stickynote{padding:10px 0px 10px 40px; border:1px solid #CACACC; background:url(../images/sticky-bg.gif) no-repeat 5px center #FFF}
p.download{padding:10px 0px 10px 40px; border:1px solid #CACACC; background:url(../images/download-bg.gif) no-repeat 5px center #FFF}
.blocknumber{clear:both; padding:5px 15px 10px; position:relative}
/* Check list */
ul.checklist{list-style:none}
ul.checklist li{margin-left:15px; padding:0 0 5px 20px; background:url(../images/checklist-bg.gif) no-repeat 0 3px}
/* Small checklist */
ul.small-checklist{list-style:none}
ul.small-checklist li{margin-left:15px; padding:0 0 5px 20px; background:url(../images/icon_list.gif) no-repeat 0 3px}
/* Check list */
ul.stars{list-style:none}
ul.stars li{margin-left:15px; padding:0px 0 5px 20px; background:url(../images/star-bg.gif) no-repeat 0 3px}
/* Bignumber */
.bignumber{float:left; margin-right:8px; padding:6px 7px; display:block; background:url(../images/ol-bg.gif) no-repeat top left; color:#7BA566; font:bold 20px/normal Arial,sans-serif}
/* Legend */
.legend-title{margin:0; padding:0 3px; float:left; display:block; background:#F6F6F6; font-weight:bold; position:absolute; top:-10px; left:7px}
.legend{margin:20px 0; padding:0 10px; border:1px solid #CACACC; background:#FFF; position:relative}

/* JOOMLA */
table.blog{}
.article_separator{clear:both; display:block; height:20px}
.article_column{}
.column_separator{padding:0 25px}
/* content tables */
td.sectiontableheader{padding:4px; border-right:1px solid #fff}
tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td{  padding:4px}
td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2{  padding:3px}
table.contentpane{border:none; width:100%}
table.contentpaneopen{border:none; border-collapse:collapse; border-spacing:0}
table.contenttoc{margin:0 0 10px 10px; padding:0; width:35%; float:right}
table.contenttoc a{text-decoration:none}
table.contenttoc td{padding:1px 5px 1px 25px; background:url(../images/bullet-list.gif) no-repeat 5% 50%}
table.contenttoc th{padding:0 0 3PX; border-bottom:1px solid #CCC; text-indent:5px}
table.poll{padding:0; width:100%; border-collapse:collapse}
table.pollstableborder{padding:0; width:100%; border:none; text-align:left}
table.pollstableborder img{vertical-align:baseline}
table.pollstableborder td{padding:4px!important; border-collapse:collapse; border-spacing:0}
table.pollstableborder tr.sectiontableentry1 td{background:#ECECEC}
table.searchintro{padding:10px 0; width:100%}
table.searchintro td{padding:5px!important}
table.adminform{}
.adminform .inputbox{}
.blog_more{padding:10px 0; background:url(../images/hdot.gif) repeat-x top}
.blog_more strong{margin:0 0 5px; display:block; font-size:125%}
.blog_more ul{margin:0; padding:0}
.blog_more ul li{margin:0; padding:0 0 0 17px; background:url(../images/bullet.gif) no-repeat 6px 8px}
.category{font-weight:bold}
h1.componentheading, .componentheading{padding:5px 0 15px; margin:0 0 10px}
.componentheading{font-size:170%; font-weight:bold}
.contentdescription{padding-bottom:30px}
h2.contentheading, .contentheading{padding:5px 0 8px; margin:0 0 15px; font-weight:normal}
table.blog .contentheading{font-size:150%}
.contentheading{font-size:180%}
a.contentpagetitle, a.contentpagetitle:hover, a.contentpagetitle:active, a.contentpagetitle:focus{text-decoration:none !important}
a.readon{float:left; margin-top:10px; padding:1px 5px 1px 14px; border:1px solid #eee; display:block; background:#eee url(../images/arrow.png) no-repeat 5px 48%; color:#6593BC; font-weight:bold; text-decoration:none; text-transform:uppercase}
a.readon:hover, a.readon:active, a.readon:focus{border:1px solid #6593BC; background:#6593BC url(../images/arrow4.png) no-repeat 5px 48%; color:#fff}
a.saibamais{background:url(../images/saibamais.png) no-repeat; width:110px; height:28px; display:block; text-indent:-9000px}
a.saibamais:hover, a.saibamais:active, a.saibamais:focus{background:url(../images/saibamais.png) no-repeat 0 100%}
table.contentpaneopen td, table.contentpane td{}
table.contentpaneopen, table.contentpane, table.blog{width:100%}
.moduletable{padding:0}
ul.pagination{margin:15px auto; padding:10px 0; background:url(../images/hdot.gif) repeat-x top}
ul.pagination li{margin:0; padding:0; display:inline; background:none}
ul.pagination li span{padding:2px 5px}
ul.pagination a{padding:2px 5px; border:1px solid #F6F6F6}
ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus{border:1px solid #ECECEC; background:#FFF}
.pagenavbar{padding-left:14px}
.pagenavcounter{padding:8px 14px 0 14px}
.sectiontableheader{padding:8px 5px; background:#444; color:#FFF}
.sectiontableheader a{color:#FFF}
tr.sectiontableentry1 td{padding:8px 5px; background:url(../images/hdot2.gif) repeat-x bottom}
tr.sectiontableentry2 td{padding:8px 5px; background:url(../images/hdot2.gif) repeat-x bottom #ECECEC}
tr.sectiontableentry1:hover td, tr.sectiontableentry2:hover td{background:url(../images/hdot2.gif) repeat-x bottom #FFC}
.smalldark{text-align:left}
div.syndicate div{text-align:center}
.pollstableborder tr.sectiontableentry1 td, .pollstableborder tr.sectiontableentry2 td{background:none}

/* META */
.article-tools{border-top:1px solid #DDD; width:100%; float:left; clear:both; margin-bottom:15px; display:block; background:#ECECEC}
.article-meta{padding:5px; width:80%; float:left}
.createby{padding:3px 3px 3px 20px; background:url(../images/icon-user.gif) no-repeat 0 2px}
.createdate{padding:3px 3px 3px 20px; background:url(../images/icon-date.gif) no-repeat 0 2px}
.modifydate{width:100%; float:left}
div.buttonheading{float:right; width:15%}
.buttonheading img{margin:7px 5px 0 0; border:0; float:right}

/* MAIN LAYOUT DIVS */
html,body,#wrapper{height:100%}
body >#wrapper{height:auto; min-height:100%}
#wrapper{width:100%; margin:0; background:#B7B8BD}
#containerwrap{background:#B7B8BD}
#container{padding:20px 0 90px 0}
#mainbody-fr #col1{float:left; width:20%}
#mainbody-fr #contentwrap{float:right; width:80%}
#mainbody, #mainbody-fl{float:left; width:70%}
#jmainbody #contentwrap{float:right; width:75%}
#mainbody-fl #contentwrap{float:left; width:100%}
#mainbody-f, #mainbody-fr{float:none; width:100%}
#content{padding:0 15px 0 0}
#contentwrap{}
* html #contentwrap{}
#mainbody-fl #content{padding:0 50px 0 10px}
#mainbody-f #content{padding:0 10px}

/* Full */
#containerwrap-f{}
#containerwrap-f #containerwrap{}
#containerwrap-f #container{}

/* Full left */
#containerwrap-fl{}
#containerwrap-fl #containerwrap{}

/* Full right */
#containerwrap-fr{}
#jcontainerwrap-fr #containerwrap{}

/* LEFT COLUMN+RIGHT COLUMN */
#col1{float:left; width:24.99%; padding-top:10px; overflow:hidden}
#col2{float:right; width:29%; overflow:hidden}
#col1 table, #col2 table{border-collapse:collapse; border-spacing:0}
#col1 ul li, #col2 ul li{padding-left:15px; margin:0; background:url(../images/bullet5.gif) no-repeat 0 50%}
#col1 ul li:hover, #col2 ul li:hover{background:url(../images/bullet6.gif) no-repeat 0 50%}
#col1 ul, #col2 ul{margin:0}
#col1 ol, #col2 ol{margin-left:5px}
#col1 .article_separator, #col2 .article_separator{display:none}

/* HEADER */
#headerwrap{background:#333742 url(../images/header_bg.png) repeat-x; color:#CCC; line-height:normal; height:76px}
#header{position:relative; height:76px}
#header a{color:#CCC}
h1.logo{margin:0; padding:0; font-size:180%; text-transform:uppercase}
h1.logo a{display:block; height:50px; width:170px; background:url(../images/logo.gif) no-repeat;  position:absolute; top:15px}
h1.logo a span{position:absolute; top:-1000px}

#mainnavwrap{position:absolute; left:250px; top:23px; border-right:1px solid #666}
#top{position:absolute; right:0; top:31px; width:195px}
#bannerwrap{background:#24252A url(../images/banner_bg.jpg) repeat-x; height:262px; margin-bottom:-3px}
#banner{height:262px}
/* Toolbar */
#toolbarwrap{height:30px; background:#08080A}
#toolbar{height:30px; background:url(../images/tool_bg.jpg) no-repeat 50% 0}
/* Pathway */
#path{float:left; color:#999; line-height:30px; padding-left:10px}
#path strong{margin-right:5px; font-weight:normal}
#path a{text-decoration:none; color:#999}
#path img{margin:1px 5px}
/* Search */
#search{float:right; margin:3px 14px 0 0}
#search .inputbox{width:150px; border:1px solid #333; padding:3px 5px; color:#333; background:#999; font-size:92%}

#projetos a{text-decoration:none; font-size:12px; color:#555}
#projetos a:hover{color:#006699}

/* MODULE */
div.moduletable, div.moduletable_menu, div.moduletable_text{padding:15px; margin:0 13px 15px 0; background:#5F636F; color:#fff; font-size:14px}
div.moduletable a{color:#fff; text-decoration:none}
div.moduletable a:hover{color:#9EBBD6}
div.moduletable h3, div.moduletable_menu h3, div.moduletable_text h3{padding:0 0 8px; margin:0; color:#fff; font-size:120%; font-weight:bold; text-transform:uppercase}

/* Module rounded */
div.module h3{margin:0 -15px 10px; padding:8px 15px 5px; border-bottom:2px solid #F6F6F6; color:#7BA566; font-size:125%; font-weight:bold; text-transform:uppercase}
div.module_black, div.module{margin-bottom:20px; float:left; clear:both; width:100%; background:url(../images/b-br.gif) no-repeat bottom right #FFF}
div.module div{background:url(../images/b-bl.gif) no-repeat bottom left}
div.module div div{background:url(../images/b-tr.gif) no-repeat top right}
div.module div div div{padding:0 15px 10px; background:url(../images/b-tl.gif) no-repeat top left}
div.module_black div div div div, div.module div div div div{margin:0; padding:0; float:none; width:99%; background:none}
div.banneritem_text{padding:5px 0 !important}

div.module_black h3{margin:0 -15px 10px; padding:8px 15px 5px; border-bottom:1px solid #F6F6F6; color:#FFF; font-size:125%; font-weight:bold; text-transform:uppercase}
div.module_black{background:url(../images/bl-br.gif) no-repeat bottom right #333; color:#FFF}
div.module_black div{background:url(../images/bl-bl.gif) no-repeat bottom left}
div.module_black div div{background:url(../images/bl-tr.gif) no-repeat top right}
div.module_black div div div{padding:0 15px 10px; background:url(../images/bl-tl.gif) no-repeat top left}
div.module_black ul, div.module_black ol{margin:0; padding:0}
div.module_black li{margin-left:20px; padding:0; line-height:150%}
div.module_black a{color:#FFF}
div.advs{float:left; width:100%; clear:both; display:block}

/* SPOTLIGHT */
/* Spotlight Box Style */
.box-full, .box-left, .box-center, .box-right{float:left; overflow:hidden}
.box-left div.moduletable, .box-full div.moduletable{padding-right:30px; background:none}
.box-right div.moduletable{padding-left:30px; background:none}
.box-center div.moduletable{padding:0 30px; background:none}
#botslwrap{background:#7E8189 url(../images/bots_bg.png) repeat-x; color:#fff; margin:0}
#botsl{padding:15px 0 25px; width:930px; margin:0 auto}
#botsl div.moduletable{padding-top:0; padding-bottom:0; margin:0}
#botsl h3{background:none; text-transform:none; margin:0 0 12px; padding:0; color:#FFF; font-size:17px; font-weight:normal}
#botsl a{color:#CCC}
#botsl a:hover, #botsl a:active, #botsl a:focus{color:#FFF}
#botsl ul, #botsl p, #botsl ol{padding:0; margin:0 !important}
#botsl ul li{padding:0 0 0 15px; margin:0; background:url(../images/bullet2.gif) no-repeat 3px 8px}
#botsl ol li{margin-left:25px; padding:0 !important}
#botsl td{padding:0}
#botsl .article_separator{display:none}
#botsl table{border-spacing:0; border-collapse:collapse}

/* FOOTER */
#footerwrap{clear:both; padding:0; position:relative; height:90px; margin-top:-70px; border-top:1px solid #ccc}
#footer{color:#666; position:relative; padding:10px 0}
#footer .copyright{clear:both; display:block; text-align:center; color:#666; font-style:normal; font-size:92%}
#footnav{text-align:center}
#footer ul{margin:0 0 5px; padding:0}
#footer li{margin:0; padding:0; display:inline; background:none}
#footer li a{padding:0 15px 0 0; display:inline; color:#666; font-weight:normal; font-size:92%; line-height:normal; text-decoration:none; text-transform:uppercase}
#footer li a:hover, #footer li a:active, #footer li a:focus{color:#333; text-decoration:underline}
.banneritem{display:block; margin-top:15px}
.captcha{text-align:center}
/* MISCELLANOUS */
ul.accessibility{position:absolute; top:-100%}
/*usertool*/
ul.ja-usertools-font{font-size:11px; position:absolute; top:8px; right:70px}
ul.ja-usertools-font li{padding:0; margin:0; display:inline; background:none}
/*collapsible h3*/
h3.show{background:url(../images/arrow2.png) no-repeat 90% 60%; cursor:pointer}
h3.hide{background:url(../images/arrow3.png) no-repeat 90% 60%; cursor:pointer}
/*others*/
div.back_button a, div.back_button a:hover, div.back_button a:active{margin:10px 0; display:block; background:none!important; text-decoration:none!important}
#form-login p{margin:0 0 5px}
#form-login ul{margin:10px 0 0}
#form-login .inputbox{width:90%}
.clr{clear:both}
.hasTip img{margin:10px 5px 0 0; border:none}
/* Tooltips */
.tool-tip{float:left; border:1px solid #D4D5AA; padding:5px; background:#FFC; max-width:200px}
.tool-title{padding:0; margin:0; margin-top:-15px; padding-top:15px; padding-bottom:5px; background:url(../../system/images/selector-arrow.png) no-repeat; font-size:100%; font-weight:bold}
.tool-text{margin:0; font-size:100%}
#system-message dd.message ul, #system-message dd.error ul, #system-message dd.notice ul{padding:0; margin:0}
#system-message dd.message ul li, #system-message dd.error ul li, #system-message dd.notice ul li{background:none; padding:5px; margin:0; color:#FFF}
/* System Standard Messages */
#system-message dd.message ul{background:#069; border:none}
/* System Error Messages */
#system-message dd.error ul{background:#BF0000; border:none}
/* System Notice Messages */
#system-message dd.notice ul{background:#EE9600; border:none}
/* Clearfix */
.clearfix:after{clear:both; display:block; content:"."; height:0; visibility:hidden}
* html >body .clearfix{width:100%; display:block}
* html .clearfix{height:1%}
.clearfix{display:inline-block}
.clearfix{display:block}
/* Firefox Scrollbar Hack */
html{margin-bottom:1px; height:100%!important; height:auto}
