@charset "utf-8";
/* CSS Document */

/*RESET*/
html{color:#000; height: 100%}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
a, img { outline: none }
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}

html { background: url(../img/body-bg-x.jpg) repeat-x left bottom fixed}
body { font:0.8em Arial, Helvetica, sans-serif; background: transparent url(../img/body_bg.jpg) repeat-x;}
strong { font-weight:bold;}

/*GERAIS*/
.clr { clear: both; overflow: hidden;}
.fleft { display: inline; float: left; }
.fright { display: inline; float: right; }
.litt { font-size:80%;}
.titulo { font-size: 16px; font-weight: bold; margin: 10px 0; }
p.pr1 { margin-bottom:15px; text-indent:35px; text-align:justify;}

a { color:#069; text-decoration:none;}
a:hover { text-decoration:underline;}



/* FORMs */
form.form label.label span.required { display: inline; float: none; font-size: 14px; font-weight: bold; color: #b00 }
form.form { display:block; height:auto; overflow:hidden; margin-bottom:12px;}
form.form fieldset { border:1px dotted #bbb; padding:2%; margin-bottom:20px;}
form.form fieldset legend { border:1px dotted #bbb; background-color:#FFF; padding:2px 10px; position:static;}
form.form fieldset p { margin:0; padding:0; display:block; margin-bottom:5px; min-height:23px;}
form.form label.label { display:block;}
form.form label.label span { width:150px; display:inline; float:left; padding:2px 0 0 0;}
form.form label.label input,
form.form label.label select,
form.form label.label textarea { width:180px; padding:2px; font-size:12px; font:0.85em Verdana, Tahoma, Geneva, sans-serif;}
form.form label.label select { width:188px;}
form.form label.label input.button { width:100px; height:auto; font-size:12px;}
form.form label.label input.checkboxradio { width:13px; float:left; margin:0; margin-top:3px; padding:0; margin-right:3px;}
form.form label.label select option.sub { color:#888; padding-left:20px;}
form.form label.label select option.ssub { color:#888; padding-left:40px;}
form.form p span.ex { color:#999; width:inherit;}
form.form label.label input,
form.form label.label select,
form.form label.label textarea { border: 1px solid #3D67A3 }
form.form .inline { display: inline }
table.table { display:block; border:1px dotted red;}
table.table tr { display:block; border:1px dotted blue;}
table.table td { border:1px dotted green;}

/*topo*/
#top { background:url(../img/topo_bg.jpg) no-repeat; color:#FFF; display:block; width:782px; height:211px; margin:0px auto;}

/*menus*/
.main-nav {
    float: right;
}

ul#nav_p { height:55px;}
ul#nav_p a span { display:none;}
ul#nav_p li { float:left;}
ul#nav_p li a { display:block; height:55px;}
ul#nav_p li a#hist { width:101px; background:url(../img/nav_p_hist.jpg);}
ul#nav_p li a#jorn { width:93px; background:url(../img/nav_p_jorn.jpg);}
ul#nav_p li a#dire { width:103px; background:url(../img/nav_p_dire.jpg);}
ul#nav_p li a#arti { width:93px; background:url(../img/nav_p_arti.jpg)}

/*Sub-Menu Notícias*/
ul#nav_p li.arti { position: relative}
ul#nav_p li.arti ul{ position: absolute; left: 0; bottom: -70px; display: none }
ul#nav_p li.arti ul li a { width:93px; height: 35px; display: block }
ul#nav_p li.arti ul li a.noticias { background:url(../img/nav_bt_agenda.gif) no-repeat }
ul#nav_p li.arti ul a.agenda { background:url(../img/nav_bt_noticias.gif) no-repeat }
ul#nav_p li.arti:hover ul { display: block }

ul#nav_p li a#hist:hover,
ul#nav_p li a#jorn:hover,
ul#nav_p li a#dire:hover,
ul#nav_p li a#arti:hover,
ul#nav_p li.arti ul li a.noticias:hover,
ul#nav_p li.arti ul a.agenda:hover { background-position:bottom;}


ul#nav_s { height:35px;}
ul#nav_s a span{ display:none;}
ul#nav_s li { float:left;}
ul#nav_s li a { display:block; height:35px;}
ul#nav_s li a#acor { width:133px; background:url(../img/nav_s_acor.jpg);}
ul#nav_s li a#homo { width:101px; background:url(../img/nav_s_homo.jpg);}
ul#nav_s li a#fili { width:70px; background:url(../img/nav_s_fili.jpg);}
ul#nav_s li a#link { width:86px; background:url(../img/nav_s_link.jpg);}

ul#nav_s li a#acor:hover,
ul#nav_s li a#homo:hover,
ul#nav_s li a#fili:hover,
ul#nav_s li a#link:hover { background-position:bottom;}

/*area*/
#area { width:802px; height:auto; margin:0px auto; overflow: hidden}

/*barra*/
#barra_l { width:236px; height:524px; padding-bottom: 9999px; margin-bottom: -9999px; background-color:#c6cbd1;}
	#nomen { font-size:11px; text-align:center; color:#336699; background-color:#FFF; padding-bottom: 8px}
		#hr1 { width:100%; height:1px; font-size: 1px; background-color:#97aecd; margin-top:10px;}
		
		
/*formularios home*/
#barra_l h1.titulo { width: 230px; margin: 0 auto 10px auto; padding: 3px 0; text-align: center; color: #771506; font-weight: bold; font-size: 20px; font-variant: small-caps; background: url(../img/bg-titulo.jpg) repeat-y center top }
#barra_l #forms { height: 100%; clear:both; background:url(../img/forms-bg-x.jpg) repeat-x 0 center;}
#barra_l #forms ul li { border-bottom: 1px solid #97aecd; padding: 15px 5px 8px }
#barra_l #forms ul li h3 {  font-size: 14px; color: #24436f; font-weight: bold; margin-bottom: 7px }
#barra_l #forms ul li h3.destaque { padding: 3px; width: 168px; text-align: center; background: url(../img/bg-destaque.gif) no-repeat center }
#barra_l #forms ul li h3 a { color: #24436f; text-decoration: none }
#barra_l #forms ul li h3 a:hover { text-decoration: underline }
#barra_l #forms ul li form label { color: #4c4c4c; font-size: 12px; font-weight: bold; letter-spacing: .001em }
#barra_l #forms ul li form input { width: 100px; font-size: 11px}
#barra_l #forms ul li form input.bt-send { width: 8px; height: 15px; margin-left: 4px; cursor: pointer; border: none; background: url(../img/red-arrow.png) no-repeat}
#barra_l #forms ul li span { color: #4c4c4c; font-size: 10px; }

#barra_l #forms ul li.email h3 { font-size: 12px }
#barra_l #forms ul li.email form{ float: right; margin: 0 6px 5px 0 }
		
/*coluna principal*/
#area #principal { float: left; width: 566px; overflow: hidden }
#area #principal .wrapper { padding: 10px 2px 13px 5px; min-height: 350px }
#area #principal #data { color: #000099; font-size: 10px; text-align: right; margin-bottom: 5px }

/*coluna principal > destaques*/
#principal #destaques .destaque { display: inline; width: 161px; height: 192px; border: 1px solid #d4d4d4; margin-left: 23px; position: relative; float: left; background: url(../img/destaque-bg-x.jpg) repeat-x 0 center }
#principal #destaques .destaque .wrapper { padding: 5px }
#principal #destaques .destaque .spacing { height: 7px }
#principal #destaques .destaque .corner-tl { position: absolute; top: -1px; left: -1px; width: 21px; height: 21px; background: url(../img/destaque-corner-tl.png) no-repeat }
#principal #destaques .destaque a { text-decoration: none }
#principal #destaques .destaque a:hover h3 { text-decoration: underline }
#principal #destaques .destaque h3 { color: #465c85; font-weight: bold; font-size: 11px; letter-spacing: .01em;}
#principal #destaques .destaque h3 span { margin-left: 4px; width:37px; height: 7px; font-size: 1%; background: url(../img/titulo-decorator.png) no-repeat; display: inline; float: left }
#principal #destaques .destaque p { font-size: 11px; text-align: justify; letter-spacing: .01em; line-height: 1.1em; margin-top: 3px; color: #69696b }
#principal #destaques .destaque .leia-mais { margin: 0 3px 2px 0; position: absolute; bottom: 5px; right: 5px }
#principal #destaques .destaque .leia-mais a { font-size: 11px; color: #a6000f; font-weight: bold; text-decoration: none; margin: 1px 5px 0 0 }


/*coluna principal > ltimas Notcias*/
#principal #ultimas-noticias { width: 271px; margin: 38px 0 0 23px }
#principal #ultimas-noticias h3 { font-size: 12px; color: #465c85; font-weight: bold; letter-spacing: .01em; margin-bottom: 5px }
#principal #ultimas-noticias h3 img { margin-left: 4px }
#principal #ultimas-noticias a { text-decoration: none; font-size: 10px; text-align: justify; letter-spacing: .01em; display: block; line-height: 1.1em; color: #666666 }
#principal #ultimas-noticias a:hover { text-decoration: underline }
#principal #ultimas-noticias .sep { height: 1px; margin: 4px 0; font-size: 1px; background: url(../img/ultimas-noticias-sep-bg-x.gif) repeat-x }

/*coluna principal > Agenda*/
#principal #agenda { width: 246px; border: 1px solid #55637e; margin-top: 38px; background-color: #d9e2f1 }
#principal #agenda .thead { padding: 5px 8px; background-color: #3c66a2 }
#principal #agenda .thead h3 { font-size: 12px; color: #fff; font-weight: bold; letter-spacing: .01em;}
#principal #agenda .thead h3 img { margin-left: 4px }
#principal #agenda a { display: block; margin: 4px 2px; padding: 8px 6px; background-color: #cbd4e5; text-decoration: none; font-size: 10px; font-weight: bold; line-height: 1.1em; color: #4c4c4c } 
#principal #agenda a:hover { background-color: #b6c3dc;}

h1 img { margin:20px 5px 5px 5px;}
h1 span { display:none;}


/*base*/
#base { clear: both; width:100%; height:110px; background:url(../img/base_bg.jpg) repeat-x;}
#base_i { width:782px; height:110px; margin:0px auto; position: relative}
#base_i #base_i_l { margin-right: 30px }

#base .endereco { width: 193px; overflow: hidden; padding-top: 5px; font-size: 11px; line-height: 1.1em; color: #0c2448 }
#base .endereco address {display: block; font-size: 10px; line-height: 1.1em; font-style: normal }
#base .endereco address b { font-size: 11px }

#base img.decorador { position: absolute; top: -8px; right: -10px; z-index: 1}

ul#links_uteis {}
ul#links_uteis li { padding:7px; overflow:auto; border:1px solid #f8f8f8; background-color:#fefefe; margin-top:5px;}
ul#links_uteis li:hover { border:1px solid #8080f8; background-color:#f0f0fe;}
ul#links_uteis li img { margin-right:3px; margin-bottom:-5px; display:block; float:left; clear:left;}
ul#links_uteis li a { display:block; float:left; width:95%; color:#900;}
ul#links_uteis li a.small { width: 80% }
ul#links_uteis .hacked { float:right; *margin-top: -20px; _margin-top: -25px }


/*boxes*/
.box1-top { background:url(../img/box1-top.gif) no-repeat; width:538px; height:51px; margin:0 0 0 23px;}
.box1-mid { background:url(../img/box1-mid.gif) repeat; width:498px; height:auto; min-height:120px; margin:0 0 0 23px; padding:20px;}
.box1-bot { background:url(../img/box1-bot.gif) no-repeat; width:538px; height:3px; margin:0 0 0 23px;}
.box1-mid img.img { margin:7px; border:1px solid #CCC; padding:4px;}
.box1-mid p { text-align:justify;}

/*diretoria*/
.dir_desc { margin-bottom:25px;}

/* MSG retorno */
.msggreen	{color:green; padding:5px; border:1px solid green; background:#fffccf; display:block; width:486px; margin-bottom:15px;}
.msgred		{color:red; padding:5px; border:1px solid red; background:#fffccf; display:block; width:486px; margin-bottom:15px;}

/*Cadastro de empresas*/
form#auto-fill fieldset {
    background-color: #fff;
}

/*Notícias e artigos*/
.artigos-list .noticias { border: 1px solid #e6e6f6; background-color: #f5f5ff; padding: 10px; margin-bottom: 20px }
.artigos-list .artigos { border: 1px solid #e6e6e6; background-color: #f5f5f5; padding: 10px; margin-bottom: 20px }
.artigos-list .agenda { border: 1px solid #f0e5e3; background-color: #fff4f2; padding: 10px; margin-bottom: 20px }
.artigos-list .clr { font-size: 1% }
.artigos-list h2 { font-size:16px; font-weight: bold }
.artigos-list .data { font-size: 11px; color: #d27326 }
.artigos-list ul { padding-top: 5px; overflow: auto;  }
.artigos-list ul li { float: left }
.artigos-list ul li.imagem { width: 146px; padding-left: 5px}
.artigos-list ul li.imagem { width: 146px; padding-left: 5px}
.artigos-list ul li.corpo { width: 320px  }

#artigo {
    padding: 0 6px;
}

#artigo h1 {
    font-size: 20px;
	font-weight: bold;
	color: #4c4c4c;
	padding-bottom:5px;
}

#artigo #slideshow {
    position: relative;
	width: 481px;
	height: 251px;
	margin: 0 auto;
}

#slideshow img{
    position: absolute;
}

#bannerRotate-navbar {
    position: absolute;
	bottom: 5px;
	right: 5px;
}

#bannerRotate-navbar a {
    display: block;
	float: left;
    margin: 0 3px 2px;
	font-size: 12px;
	font-weight: bold;
}

#bannerRotate-navbar .bt-itens {
    width: 20px;
	height: 22px;
	color: #fff;
}

#bannerRotate-navbar .bt-itens:hover {
    text-decoration: none;
}

#bannerRotate-navbar .bt-itens span {
    display: block;
    padding: 3px 0 4px;
	text-align: center;
	background: url(../img/sprite-bts-slideshow.png) no-repeat top right;
}

#bannerRotate-navbar .bt-itens span:hover {
    background-position: bottom right;
}

#bannerRotate-navbar .bt-itens .active  {
    background-position: left top;
}

#bannerRotate-navbar .bt-itens .active:hover  {
    background-position: left bottom;
}

#artigo p {
    margin: 8px 0;
}

#artigo .bt-voltar {
    display: block;
	background-color:#EEEEFF;
	border:1px solid #BBBBCC;
	color:#004477;
	margin-top:20px;
	padding:4px 10px;
	width:35px;
}


/* BANCO DE VAGAS (FORM) */

#form-vaga legend { background-color: #eeeeee; font-weight: bold } 
#form-vaga fieldset p { margin: 2px 0 }
#form-vaga input#concordo{ width:14px; float:left; border: none }
#form-vaga fieldset.hide-on-load span { width: 230px }
#form-vaga input, #form-vaga select, #form-vaga textarea { width: 200px }
#form-vaga span.trackLeft {margin-left: 230px; font-size: 11px; color: #800 }
#form-vaga #atividades_vaga { height: 150px }
#form-vaga input#bt_enviar { width: 75px }


/* BANCO DE VAGAS (VIEW) */
#toolbar { padding: 5px }
#toolbar fieldset { border: 1px solid #dcdcdc; background-color: #eeeeee; padding: 0 20px; *background-color: #fff; *padding-bottom: 10px }
#toolbar fieldset legend { font-weight: bold; margin-left: 5px }
#toolbar fieldset a { display: block; width: 86px; height: 21px; color: #00486c; margin: 5px 5px 10px 5px; float: left; font-weight: bold; padding: 4px 0 0 4px; background: url(../img/bt-ordenar.gif) no-repeat; position: relative }
#toolbar fieldset a.selected { background: url(../img/bt-ordenar-selected.gif) no-repeat; color: #fff }
#toolbar fieldset a span { width: 13px; height: 13px; position: absolute; top: 8px; right: 3px }
#toolbar fieldset a span.arrow_asc { background: url(../img/arrow-up.png) no-repeat }
#toolbar fieldset a span.arrow_desc { background: url(../img/arrow-down.png) no-repeat }

p.list-log { margin: 10px 0 0 10px }
.vagas { background-color: #a8bace; margin: 20px 10px; padding: 5px; border: 1px solid #3c597a }

.vagas table { border: 1px solid #fff; background-color: #eee; width: 527px }
.vagas table td { padding: 1px 3px; width: 49%; padding: 0px 3px; }
.vagas table td.main-header{ font-size: 11px; font-weight: bold }
.vagas table td.main-info { font-size: 16px; padding: 4px; background-color: #dadee3 }
.vagas table td .data-vaga { color: #800 }

.vagas table td.sec-info, .vagas table td.adicionais-info { vertical-align: top; padding: 8px; background-color: #FAFDFF }
.vagas table td dl dt, .vagas table td.adicionais-header{  font-size: 11px;font-weight: bold; color: #3c4a5e }
.vagas table td dl dd{ padding: 3px 5px 8px 5px; color: #2d2d2d }
.vagas table td.adicionais-header { background-color: #FAFDFF }

/* HOMOLOGAÇÃO (FORM) */
a.link-alterar-agendamento { width: 190px; margin-bottom: 8px; display: block; }
#homologa_form { height: 320px; padding-bottom: 15px }
#homologa_form legend, 
#homo_view_form legend { background-color: #eeeeee; font-weight: bold; margin-bottom: 10px } 
#homologa_form  .bold { font-weight: bold;}
#homologa_form  #data-holder { padding: 0 5px; text-align: center }
#homologa_form  #bt-pickdate { padding: 4px 6px; background-color: #eef; color: #004477; border: 1px solid #dde }
#homologa_form  #bt-pickdate:hover { text-decoration: none; background-color: #dde; color: #003467; border: 1px solid #ccd  }
#homologa_form  #schedule-loading.active,
#homologa_form  #date-loading.active { width: 220px; height: 19px; float: right; margin-top: 6px; background: url(../img/datepicker-ajax-loader.gif) no-repeat }
#homologa_form  #schedule-loading.active { float:none; margin: 35px auto }
#homologa_form #step-two { display: none; margin: 25px 0 }
#homologa_form #step-two.show { display: block }
#homologa_form #step-two select#periodo { width: 120px }
#homologa_form #step-two .disabled { display: none }
#homologa_form #step-two input,
#homologa_form #step-two select { border: 1px solid #3D67A3 }

#homologa_form #step-two input#bt-agendar { padding: 6px 10px; margin-top: 15px; background-color: #d9d9d9; font-weight: bold; color: #002255; border: 1px solid #9c9ca6 }
#homologa_form #step-two input#bt-agendar:hover { text-decoration: none; background-color: #c9c9c9; color: #000; border: 1px solid #8c8c96  }

/* HOMOLOGAÇÃO (CONFIRMA) */

#confirma-agenda { border: 1px solid #dedede; background-color: #efefef; padding: 15px }
#confirma-agenda h2 { font-size:16px; font-weight: bold }
#confirma-agenda p { margin: 10px 0 }
#confirma-agenda li { font-size: 12px; padding: 1px 3px }
#confirma-agenda li.bg-grey { background-color: #bbb; text-align: center; margin: 5px 0 }
#confirma-agenda #lembrete-docs { padding: 10px; border: 1px solid #c8c8c8; background-color: #d9d9d9; margin-top: 15px;}
#confirma-agenda #lembrete-docs li,
#confirma-agenda #lembrete-docs h2 { font-size: 90% }

/* HOMOLOGAÇÃO (LOGIN) */

#homo_view_form .label span, #homo_view_form  input { width: 110px }
#homo_view_form #send { margin-top: 5px; padding: 4px 6px; width: auto;	 background-color: #eef; color: #004477; border: 1px solid #bbc }
#homo_view_form #send:hover { text-decoration: none; background-color: #dde; color: #003467; border: 1px solid #ccd  }

/* HOMOLOGAÇÃO (DELETA) */

#homo_deleta_form .bt-send { margin-top: 25px; padding: 4px 6px; background-color: #eef; color: #004477; border: 1px solid #bbc }
#homo_deleta_form .bt-send:hover { text-decoration: none; background-color: #dde; color: #003467; border: 1px solid #ccd;   }

/*FILIE-SE(SCREEN)*/
#area #principal  .box1-mid .proposta {
    display: none;
}

#area #principal  .box1-mid .confirma .bt-auxiliar { font-variant: small-caps; background-color: #ececec; border: 1px solid #dbdbdb; text-decoration: none; padding: 5px; margin: 10px 0 0 0 ; display: block; float: left; font-family: Tahoma,Geneva,sans-serif; font-size: 14px }
#area #principal  .box1-mid .confirma .bt-auxiliar img { margin:0 5px -3px 0; }
#area #principal  .box1-mid .confirma .bt-auxiliar:hover { background-color: #e3e3e3 }