html, body, form, fieldset{margin:0; padding:0}
body{color:#333; background:#FFF; font:13px/130% Arial,Helvetica,sans-serif; background:#E9E9E9 url(../images/bg_body.png) repeat; border-top:2px solid #999}
body.contentpane{width:auto; /* Printable Page */margin:1em 2em; line-height:1.3em; margin:0px 0px 0px 0px; font-size:12px; color:#333}

/* Links */
a{color:#069; text-decoration:none}
a:hover, a:active, a:focus{color:#069; text-decoration:underline}
.s5_sn_wrap_1 a, .s5_sn_wrap_2 a{}
h3 a {color:#AC201F}
h3 a:hover {color:#AC201F}
a.hilite{font-weight:bold; font-size:15px; text-transform:uppercase; color:#fff; background:#C72323; padding:3px 8px}
a.hilite:hover{text-decoration:none; background:#AC201F}
/* Title text */
.contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4{font-family:Garamond,"Segoe UI",Arial,Helvetica,sans-serif}

/* Small text */
small, .small, .smalldark, .mosimage_caption, .createby, .createdate, .modifydate, a.readon, .img_caption{color:#666; font-size:92%}

/* Heading */
h1{font-size:180%}
h2{font-size:150%}
h3{font-size:125%; color:#AC201F; margin:0 0 25px; clear:both}
h3.noticias{margin:0 0 15px}
h4{font-size:125%; margin:0 0 8px;}
p, pre, blockquote, ul, ol, h1, h2, {margin:1em 0; padding:0}
ul{list-style:none; margin:0; padding:0}
ul li{padding-left:12px; background:url(../images/bullet.gif) no-repeat 0 8px;}
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 #eee; border-right:0; border-left:0; border-bottom:0; height:1px; clear:both}
td, div{font-size:100%}
img{border:none}
img.floatleft{float:left; margin:0 20px 10px 0}
img.floatright{float:right; margin:0 0 10px 20px}

/* FORM */
form{margin:0; padding:0}
form label{cursor:pointer}
input, select, textarea, .inputbox{padding:3px 5px; font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:100%}
.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{border:1px solid #999; background:#333; color:#FFF}
* html .button{padding:2px 0 !important; /*IE 6*/}
*+html .button{padding:2px 0 !important; /*IE 7*/}
.inputbox{border:1px solid #CCC; background:#FFF}
.inputbox:hover, .inputbox:focus{background:#FFC}

/* TYPOGRAPHY */
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}
/* 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}
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}
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}
/* Sectiontable */
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}
/* Contentpane*/
table.contentpane{border:none; width:100%}
table.contentpaneopen{border:none; border-collapse:collapse; border-spacing:0}
table.contentpaneopen td, table.contentpane td{}
table.contentpaneopen, table.contentpane, table.blog{width:100%}
/* Contenttoc */
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}
/* Poll */
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}
/* Searchintro */
table.searchintro{padding:10px 0; width:100%}
table.searchintro td{padding:5px!important}
table.adminform{}
.adminform .inputbox{}
/* Blog */
.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}
/* Headings */
h1.componentheading, .componentheading{padding:5px 0 15px; margin:0 0 10px; color:#AC201F}
.componentheading{font-size:160%; font-weight:bold}
.contentdescription{padding-bottom:30px}
h2.contentheading, .contentheading{padding:5px 0 8px; margin:0 0 20px; font-weight:bold; color:#AC201F; line-height:120%}
table.blog .contentheading{font-size:150%; margin:0; font-weight:normal}
.contentheading{font-size:160%}
a.contentpagetitle, a.contentpagetitle:hover, a.contentpagetitle:active, a.contentpagetitle:focus{text-decoration:none !important}
/* Readon */
a.readon{float:left; margin-top:10px; padding:1px 5px 1px 14px; border:1px solid #F6F6F6; display:block; background:url(../images/arrow.png) no-repeat 5px 48%; color:#AC201F; font-weight:bold; text-decoration:none; text-transform:uppercase}
a.readon:hover, a.readon:active, a.readon:focus{border:1px solid #ECECEC; background:url(../images/arrow.png) no-repeat 5px 48% #FFF}
.moduletable{padding:0}
/* Pagination */
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}
/* Section Table */
.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}
tr.sectiontableentry1:hover td, tr.sectiontableentry2:hover td{background:url(../images/hdot2.gif) repeat-x bottom}
.smalldark{text-align:left}
div.syndicate div{text-align:center}
.pollstableborder tr.sectiontableentry1 td, .pollstableborder tr.sectiontableentry2 td{background:none}

/* META */
.article-tools{width:100%; float:left; clear:both; margin-bottom:15px; display:block; background:#f5f5f5}
.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}
.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, #ja-wrapper{height:100%;}
body > #ja-wrapper{height:auto; min-height:100%;}
#ja-wrapper{width:100%; margin:0}
#ja-containerwrap{padding-bottom:100px;}
#ja-containerwrap2{}
#ja-container{width:960px; margin: 0 auto}
#ja-container2{padding:20px; background:#fff}
#ja-mainbody-fr #ja-col1{width:20%; float:left}
#ja-mainbody-fr #ja-contentwrap{width:80%}
#ja-mainbody, #ja-mainbody-fl{float:left; width:68%}
#ja-mainbody #ja-contentwrap{float:right; width:75%}
#ja-mainbody-fl #ja-contentwrap{float:left; width:100%}
#ja-mainbody-f, #ja-mainbody-fr{float:none; width:100%}
#ja-mainbody-fr #ja-contentwrap{width:74.8%; float:right}
#ja-mainbody-fr #ja-contentwrap{width:80%}
#ja-content{padding:0 20px 0 40px}
#ja-contentwrap{min-height:300px; height:auto}
* html #ja-contentwrap{height:300px}
#ja-mainbody-fl #ja-content{padding-left:0}
#ja-mainbody-f #ja-content{padding:0}
/* Full */
#ja-containerwrap-f{padding-bottom:100px;}
#ja-containerwrap-f #ja-containerwrap2{background:none}
#ja-containerwrap-f #ja-container{background:none}
#ja-containerwrap-f #ja-container2{background:#fff}
/* Full left */
#ja-containerwrap-fl{padding-bottom:100px; }
#ja-containerwrap-fl #ja-containerwrap2, #ja-containerwrap-fl #ja-container{background:none}
#ja-containerwrap-fl #ja-container2{background:url(../images/bg_fl.png) repeat-y 50% 0}
/* Full right */
#ja-containerwrap-fr{padding-bottom:100px;}
#ja-containerwrap-fr #ja-containerwrap2{}
/* left + right */
#ja-col1{float:left; width:24.99%; padding-top:10px; overflow:hidden}
#ja-col2{float:right; width:32%; overflow:hidden}
#ja-col1 table, #ja-col2 table{border-collapse:collapse; border-spacing:0}
#ja-col1 ul li, #ja-col2 ul li{padding-left:15px; margin:0; background:url(../images/bullet.gif) no-repeat 5px 50%}
#ja-col1 ul, #ja-col2 ul{margin:0}
#ja-col1 ol, #ja-col2 ol{margin-left:5px}
#ja-col1 .article_separator, #ja-col2 .article_separator{display:none}

/* HEADER */
#ja-headerwrap{background:#fff; line-height:normal; height:123px}
#ja-header{width:960px; margin: 0 auto; position:relative; height:123px; background:url(../images/header_map.png) no-repeat 100% 0}
#ja-header a{color:#CCC}
/* Logo */
h1.logo, h1.logo-text{margin:0; padding:0; font-size:180%; text-transform:uppercase}
h1.logo a{width:580px; display:block; background:url(../images/logo.png) no-repeat; height:98px; position:absolute; top:18px; z-index:100}
h1.logo a span{position:absolute; top:-1000px}
/* Search */
#site-search{width:221px; height:25px; background:url(../images/bg_search.png) no-repeat; position:absolute; top:82px; left:730px}
#site-search .inputbox{width:197px; height:23px; border:none; color:#999; font-size:92%; background:none; padding:0 10px; line-height:23px}
#site-search .button{width:23px; height:23px; position:absolute; right:0; background:none; border:none; color:#0f0f0f; cursor:pointer}
#topnav{position:absolute; top:0; left:640px; background:#f9f9f9; padding:3px 10px; border-bottom:1px solid #DB3833; border-left:1px solid #DB3833; border-right:1px solid #DB3833}
#social{position:absolute; top:40px; left:855px}
/* Pathway */
#ja-pathway{font-size:92%}
#ja-pathway strong{margin-right:5px; font-weight:normal}
#ja-pathway a{text-decoration:none}
#ja-pathway img{margin:1px 5px}
/* Mainnav */
#ja-mainnavwrap{background:#E0E0E0; margin-bottom:10px; z-index:1000; position:relative}
#ja-mainnav{width:960px; margin: 0 auto}

#bannerwrap{width:960px; margin:0 auto; z-index:1}
#banner{}

#highlighter{width:960px; margin:0 auto}
#extra{margin:0 0 20px}

table#parceiros{border-top:1px solid #eee; border-left:1px solid #eee}
table#parceiros td{border-bottom:1px solid #eee; border-right:1px solid #eee}

table.servico{border-top:1px solid #eee; border-left:1px solid #eee; text-align:center}
table.servico td{border-bottom:1px solid #eee; border-right:1px solid #eee}
table.servico tr.head{background:#999; color:#fff; font-weight:bold}

/* MODULES */

/* Moduletable */
div.moduletable, div.moduletable_menu, div.moduletable_text, div.moduletable_camera{padding:10px; margin-bottom:15px; background:#fff; border:1px solid #eee}
div.moduletable h3, div.moduletable_menu h3, div.moduletable_text h3{padding:0 0 8px; margin:0; color:#AC201F; font-size:110%; font-weight:bold; text-transform:uppercase}
div.moduletable_jobs{padding:170px 10px 10px; margin-bottom:15px; background:#fff url(../images/mercado_trabalho.jpg) no-repeat 50% 10px; border:1px solid #eee}
div.moduletable_enquete{padding:10px 10px 10px 90px; margin-bottom:15px; background:#fff url(../images/enquete_icon.png) no-repeat 10px 60px; border:1px solid #eee}
div.moduletable_camera{padding:10px; margin-bottom:15px; background:#fff ; border:1px solid #eee}
div.moduletable_jobs h3{margin:0 80px 8px 0}
div.moduletable_enquete h3{padding:0 0 8px; margin:0 0 0 -80px; color:#AC201F; font-size:110%; font-weight:bold; text-transform:uppercase}
div.moduletable_camera h3{padding:0 0 8px; margin:0; color:#AC201F; font-size:110%; font-weight:bold; text-transform:uppercase}
div.moduletable_chat{padding:10px 11px 10px 12px; margin-bottom:15px; background:#fff; border:1px solid #eee}


/* Module rounded */
div.module h3{margin:0 -15px 10px; padding:8px 15px 5px; border:1px solid #F6F6F6; color:#AC201F; font-size:125%; font-weight:bold; text-transform:uppercase}
div.module_black, div.module_green, div.module_blue, div.module_red, 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_green div div div div, div.module_blue div div div div, div.module_red div div div div, div.module_text div div div div, div.module div div div div{margin:0; padding:0; float:none; width:99%; background:none}
div.module_text h3{margin:0 0 10px; width:100%; clear:both; display:block; overflow:hidden}
div.module_text span{padding:0 3px 0 0; float:left; clear:both; display:block; background:#F6F6F6; font-weight:bold}
div.module_text{margin-bottom:20px; padding:0; float:left; clear:both; width:100%; background:url(../images/bt-br.gif) no-repeat bottom right #F6F6F6}
div.module_text div{background:url(../images/bt-bl.gif) no-repeat bottom left}
div.module_text div div{background:url(../images/bt-tr.gif) no-repeat top right}
div.module_text div div div{padding:0 15px 10px; display:block; background:url(../images/bt-tl.gif) no-repeat top left}
div.banneritem_text{padding:5px 0 !important}
/* red */
div.module_black h3, div.module_green h3, div.module_blue h3, div.module_red 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_red{background:url(../images/br-br.gif) no-repeat bottom right #BF0000; color:#FFF}
div.module_red div{background:url(../images/br-bl.gif) no-repeat bottom left}
div.module_red div div{background:url(../images/br-tr.gif) no-repeat top right}
div.module_red div div div{padding:0 15px 10px; background:url(../images/br-tl.gif) no-repeat top left}
/* blue */
div.module_blue{background:url(../images/bb-br.gif) no-repeat bottom right #069; color:#FFF}
div.module_blue div{background:url(../images/bb-bl.gif) no-repeat bottom left}
div.module_blue div div{background:url(../images/bb-tr.gif) no-repeat top right}
div.module_blue div div div{padding:0 15px 10px; background:url(../images/bb-tl.gif) no-repeat top left}
/* green */
div.module_green{background:url(../images/bg-br.gif) no-repeat bottom right #7BA566; color:#FFF}
div.module_green div{background:url(../images/bg-bl.gif) no-repeat bottom left}
div.module_green div div{background:url(../images/bg-tr.gif) no-repeat top right}
div.module_green div div div{padding:0 15px 10px; background:url(../images/bg-tl.gif) no-repeat top left}
/* black */
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_blue ul, div.module_blue ol, div.module_red ul, div.module_red ol, div.module_black ul, div.module_black ol, div.module_green ul, div.module_green ol{margin:0; padding:0}
div.module_blue li, div.module_red li, div.module_black li, div.module_green li{margin-left:20px; padding:0; line-height:150%}
div.module_blue a, div.module_red a, div.module_black a, div.module_green a{color:#FFF}
/* advs */
div.advs{float:left; width:100%; clear:both; display:block}

/* FOOTER */
#ja-footerwrap{position:relative; width: 960px; height:100px; margin:-100px auto 0 auto; padding:0; clear:both}
#ja-footer{color:#666; position:relative; text-align:center; padding:20px 0}
#ja-footer .copyright{clear:both; display:block; color:#666; font-style:normal; font-size:92%}
#ja-footnav{}
#ja-footer ul{margin:0 0 5px; padding:0}
#ja-footer li{margin:0; padding:0; display:inline; background:none}
#ja-footer li a{padding:0; display:inline; color:#666; font-weight:bold; font-size:92%; line-height:normal; text-decoration:none; text-transform:uppercase}
#ja-footer li a:hover, #ja-footer li a:active, #ja-footer li a:focus{color:#333; text-decoration:none}
.banneritem{display:block; margin-top:15px}
#sit a{color:#666; font-size:90%}

/* MISCELLANOUS */
ul.accessibility{position:absolute; top:-100%}

/*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 Messages */
#system-message dd.message ul{background:#069; border:none}
#system-message dd.error ul{background:#BF0000; border:none}
#system-message dd.notice ul{background:#EE9600; border:none}
#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; text-indent:0; text-align:center}

/* Clearfix */
.clearfix:after{clear:both; display:block; content:"."; height:0; visibility:hidden}
* html >body .clearfix{width:100%; display:block}
* html .clearfix{height:1%}

/* Firefox Scrollbar Hack */
html{margin-bottom:1px; height:100%!important; height:auto}