@charset "UTF-8";

/*------------------------------------*\
$RESET
\*------------------------------------*/
/*
A more considered reset; more of a restart...
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video { margin:0; padding:0 }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block }
h1,h2,h3,h4,h5,h6 { font-size:100% }
table { border-collapse:collapse; border-spacing:0 }
strong,b,mark { font-weight:bold; font-style:inherit; }
em,i,cite,q,address,dfn,var { font-style:italic; font-weight:inherit }
abbr[title],dfn[title] { cursor:help; border-bottom:1px dotted }
ins { border-bottom:1px solid }
a,u,ins { text-decoration:none }
del,s { text-decoration:line-through }
pre,code,samp,kbd { font-family:monospace }
smal { font-size:0.75em }
img { border:none; font-style:italic }
input,select,option,optgroup,textarea { font:inherit }


/*------------------------------------*\
$SHARED
\*------------------------------------*/
/* Common margin-bottom for vertical rhythm. */
h1,h2,h3,h4,h5,h6,ul,ol,dl,p,table,form,pre,hr,.source{ margin-bottom:24px }

/* Default indentation value for lists etc. */
ul,ol,dd { margin-left:0 }
ul,li { list-style:none; }

label, .text-input, textarea, .btn { cursor:pointer }
.text-input:active, .text-input:focus, textarea:active, textarea:focus { cursor:text }


/*------------------------------------*\
$CLEARFIX
\*------------------------------------*/
/*
Big up @necolas: http://nicolasgallagher.com/micro-clearfix-hack/
*/
.cf:before, .cf:after { content:""; display:table }
.cf:after{ clear:both }
.cf{ zoom:1; clear:both }

/*------------------------------------*\
$MAIN
\*------------------------------------*/
html{ overflow-y:scroll; overflow-x:hidden; line-height:1.3; font-family:arial, Helvetica, sans-serif }

.first, header, footer, #content{margin-left: 0; clear:left; float:left}
header, footer, #content{width:100%}
input, select { border: 1px solid #e4e5ec; border-top-color: #c2c3ca; }
.placeholder { color:#bfbfbf }
.container { margin:0 auto; width:978px; padding: 15px; position:relative }
.col { float:left }
.btn { margin:0; padding:0 !important; border:none !important }

/****HEADER STYLES*******/
header.main { color: #737373; background: #f7f7f7; border-bottom: 1px solid #e0e0e0 }
.busca label { color:#737373; display:block; font-size: 15px; font-weight: normal; margin-bottom:2px }
.busca input {width:350px; padding:17px 2px 17px 20px; border: 1px solid #e4e5ec; border-top-color: #c2c3ca }
.busca .select { background:url(../images/select-arrow.jpg) no-repeat 205px center #fff; margin: 0 15px 0 25px; width: 222px; cursor:default; float:left }
.busca .btn { width:186px }
.busca .pt2 { padding-top:21px }
.busca small { display:block; width:366px; font-size:11px; margin-top:2px }
header.main .maisOpcoes { display: block; font-size: 11px; margin-left: 290px; margin-top: 2px; text-align: right }
header.main .btn { background: url(../images/btn-src.jpg) no-repeat top left; height:54px; width:171px; text-indent: -9999px; overflow:hidden }
header.main .btn:hover { background: url(../images/btn-src.jpg) no-repeat bottom left }

.loginlink { background: url(../images/loginlink.png) no-repeat left top transparent; height: 25px; position: relative; text-indent: -9999px; width: 100px; z-index: 1 }
.loginlink.active { background: url(../images/loginlink.png) no-repeat bottom left }
.loginform { background: url(../images/loginform.png) no-repeat left top transparent; display: none; height: 95px; padding: 13px 20px; position: absolute; right: 10px; top: 22px; width: 128px; z-index: 0 }
.loginform  label, .ex { color:#fff !important; font-size:9px }
.loginform  label { display:block; margin: 3px 0 1px }
.ex { margin: 3px 0 !important; text-decoration: underline }
.senha { margin-right: 2px; width: 95px }
.btn-ok { background: url(../images/btn-ok.png) no-repeat top left; height:18px; width:26px; text-indent: -9999px; overflow:hidden; border: none; cursor: pointer }
.btn-ok:hover { background: url(../images/btn-ok.png) no-repeat bottom left }

.options { background: #fff; border: 1px solid #aaa; display:none; height: 215px; overflow: auto; padding: 0; position: absolute; right: 209px; top: 90px; width: 244px; z-index: 1 }
.options ul { margin-bottom: 0 }
.options li { padding: 3px 20px; cursor:default }
.options li:hover { color:#fff; background:#0c77b1 }

header.main h1 { font-size: 4.4em; font-weight: normal }
header.main h2 { font-size: 2.8em; font-weight: bold }
#logo { float:left; padding: 10px 15px 0 0; width:124px; height:90px }

/*****NAV STYLES*******/
nav.main { position:absolute; top: 0; right: 15px }
nav.main li { display:inline; font:normal 11px Arial, Helvetica, sans-serif}
nav.main li a { color: #0066CC; display: inline-block; line-height: 25px; margin: 5px 10px; padding: 0 }
nav.main li a:hover { color:#17d }

/*****CONTENT STYLES*******/
#content { background: url(../images/faixa.jpg) repeat-x 0 440px}
.sombra { position:absolute; width:58px; height:134px; top:440px }
.sombra.left { background: url(../images/sombras.jpg) no-repeat top left; left:-43px }
.sombra.right { background: url(../images/sombras.jpg) no-repeat top right; right:-43px }

#content.fix { background-position: 0 515px }
.sombra.fix { top: 515px }

.mainBlock { background: url(../images/modelo.jpg) no-repeat top left; width:498px; height:409px; padding-left:195px; float:left }
.mainBlock div { clear: both; float: left; height: 75px; margin-left: 55px; padding: 5px 60px 0 85px }
.mainBlock p { color:#737373; font-size:15px }
.mainBlock h1 { background: url(../images/chamada.jpg) no-repeat top left; width:444px; height:120px; text-indent:-9999px; overflow:hidden }
.mainBlock h2 { font-size: 20px; font-weight: bold; line-height: 1.1; margin: 0 }
.mainBlock .cta { background: url(../images/cta.jpg) no-repeat top left; clear:left; margin-left: 76px; display:block; width:363px; height:74px; text-indent:-9999px; overflow:hidden }
.mainBlock .cta:hover { background: url(../images/cta.jpg) no-repeat bottom left; }

.middleBlock { background: url(../images/faixa.jpg) repeat-x 0; height:134px; float:left; clear:both; width:948px; padding:0 15px; }
.middleBlock, .middleBlock h2, .middleBlock h3, .middleBlock p { color:#fff }
.middleBlock h3 { font-size: 20px; font-weight:bold; margin-bottom:0 }
.middleBlock h2 { font-size: 26px; font-weight:bold; margin:0; width:696px; clear:both; padding-left:15px }
.middleBlock span, .middleBlock small { font-size: 12px; font-weight:bold; margin-bottom:0 }
.middleBlock span { float:right }
.middleBlock .col p { padding-left: 60px; font-size:15px; height: 44px }
.middleBlock .col { padding: 20px 20px 0; width:276px }
.middleBlock .sep { background: url(../images/sep1.jpg) repeat-x 0; display:block; height:2px; width:100%; float:left; clear:both; border:none; margin: 0 0 15px }

.contratacoes { background: url(../images/icons.jpg) no-repeat 0 top }
.vagas { background: url(../images/icons.jpg) no-repeat 0 center }
.vagaspordia { background: url(../images/icons.jpg) no-repeat 0 bottom }

#empresas { clear: both; float: left; height: 103px !important; left: 0; margin: 25px 57px; position: relative; width: 833px !important; z-index: 1 }
#empresas ul { left: -6px; position: relative }
#empresas li { width: 845px }
#empresas div { background:#fff; border: 1px solid #0d5982; display: inline; float: left; margin: 0 6px; padding: 0; text-align: center; width: 155px; height:101px; position:relative; cursor:default; z-index:1 }

.hover { display: none; }
.hover p { color:#0c77b1; font-size:10px; font-weight:bold; margin: 8px 10px; cursor:normal }
.hover .candidatar { background: url(../images/btn-candidatar.png) no-repeat top left; display:block; height:32px; margin:0 auto; width:102px; text-indent: -9999px; overflow:hidden }
.hover .candidatar:hover { background: url(../images/btn-candidatar.png) no-repeat bottom left }

#empresas div:hover .hover { display: block; height: 101px; position: absolute; text-align: center; top: 1px; width: 155px; z-index:1 }
#empresas div:hover img { position: absolute; top: 1px; left:0; width: 155px; z-index:0; opacity: 0.1; -moz-opacity: 0.1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; filter: alpha(opacity=10); -khtml-opacity: 0.1 }

.milmaiores { display: inline; float: left; overflow: visible; position: relative; width: 978px }
.milmaiores .nav { float: left; margin: 78px 15px 0; position: absolute; width: 918px; z-index: 0 }
.milmaiores .nav p { float: left; width: 50% }
.milmaiores .nav a { background: url(../images/sprite-setas-empresas.png) no-repeat transparent; display: block; height: 26px; overflow: hidden; text-indent: 9999px; width: 27px }

#prevBtn span, #nextBtn span { display:none }
#prevBtn { text-align: left }
#prevBtn a { background-position: 0 top; float: left }
#nextBtn { text-align: right }
#nextBtn a { background-position: 0 bottom; float: right }

.bottomBlock { background: #f3fafe; float:left; clear:both; width:976px; border: 1px solid #bdd9e8; border-top: none }
.depo { padding: 0 30px 0 40px; width: 183px; margin: 25px 0 10px; border-right:1px dotted #aaa}
.bottomBlock h2 { margin-top: 0; font-size:20px; color:#7b7b7b }
.bottomBlock h3 { font-size:12px; color:#7b7b7b }
.bottomBlock h4 { font-size:15px; color:#7b7b7b; margin-bottom:0}

.vantagens { padding: 25px 40px 10px 30px }
.vantagens .col { margin-right: 30px; width: 197px }
.vantagens .col h3 { color: #0C77B1; font-size: 15px; font-weight: bold; margin-bottom: 0 }
.vantagens .col h4 { color: #7b7b7b; font-size: 12px; font-weight: normal; margin-bottom: 15px }
.vantagens .col p { color: #7b7b7b; font-size: 11px; font-weight: normal; margin-bottom: 0 }
.vantagens .last { margin-right:0 }
.vantagens .last h3 { margin-top: 0 }

.numeros { padding: 13px 0; margin: 0 10px; border-top:1px dotted #aaa }
.numeros .col { display: inline; left: -20px; margin-left: 20px; position: relative; width: 249px; line-height:15px; padding-top:15px }
.numeros  small { font-size:11px }
.numeros  h4 { margin-bottom:5px; font-size:20px }

.bigCta { float: left; clear: both; width: 100%; text-align: center; color: rgb(123, 123, 123); font-size: 28px; margin-top: 30px }
.bigCta a { background: url(../images/big-btn.jpg) no-repeat top left; clear:left; margin: 10px auto; display:block; width:872px; height:95px; text-indent:-9999px; overflow:hidden }
.bigCta a:hover { background: url(../images/big-btn.jpg) no-repeat bottom left; }

.mulheres { margin-bottom:11px; }

/*****MINIFORM******/
.miniform { background: url(../images/form-bg.jpg) no-repeat top left; width:285px; height:409px; float:left }
.miniform h3 { color:#0c77b1; margin: 10px 0 15px; font-size:33px; font-weight:bold }
.miniform form { padding:20px 34px }
.miniform label { font-size:12px; color:#7b7b7b; display:block }
.miniform input, .miniform select { font-size:12px; padding:3px; margin-bottom:6px }
.miniform input { width:171px }
.miniform select { width:179px }
.miniform .btn { background: url(../images/btn-src.jpg) no-repeat top right; height:50px; margin-top:10px; width:179px; text-indent: -9999px; overflow:hidden }
.miniform .btn:hover { background: url(../images/btn-src.jpg) no-repeat right -50px }
.miniform ul, .miniform form, .miniform .btn { margin-bottom:0 }

/*****DEPOIMENTOS******/
#depoimentos { background: url(../images/depoimentos.jpg) no-repeat transparent; display: inline; float: left; overflow: hidden; position: relative; 
width: 183px !important; height:166px !important }
.depo .nav { display:none }
.depo-info { color: #7B7B7B; font-size: 12px; line-height: 1.3; padding: 20px 0 15px; width: 183px }
.depo-info blockquote { background: url(../images/quotes.jpg) no-repeat -10px 5px transparent; font-style:italic; padding-top: 15px; margin:0 15px }
.creditos { background: url("../images/quotes.jpg") no-repeat 143px 0 transparent; font-weight: bold; padding-top: 15px; text-align: right; margin:0 15px }
.creditos cite { font-style:normal }

/*****FOOTER STYLES******/
footer.main { margin-top: 40px }
footer.main .container { padding: 0; border:1px solid #e0e0e0; border-bottom:none }
footer.main .col { padding: 65px 40px 25px }
footer.main li { margin-top: 15px }
footer.main aside { padding-left: 0 !important; width: 273px }
footer.main aside li { display: inline; left: -16px; margin-left: 16px; position: relative }
footer.main aside li span { display: inline-block; margin-bottom: 15px }

.logo2 { position: absolute; width: 100%; left: 0pt; text-align: center; top: -31px }
.empresa { color: rgb(0, 102, 204); font-size: 12px; font-weight: bold; margin-bottom: 10px; display: block }
.legal { color: #7B7B7B; font-size: 9px; margin-bottom: 10px; width: 585px }


/*------------------------------------*\
$TYPE
\*------------------------------------*/
/*--- HEADINGS ---*/
h1,h2,h3 { color:#f60 }
h1 { line-height: 22px; margin: 25px 0 20px 0 }
h2 { font-weight: bold; margin: 15px 0 10px 0 }
h3 { font-weight: normal; margin: 10px 0 8px 0 }

/*--- LINKS ---*/
a { text-decoration: none; color:#06c }
a:hover { text-decoration:underline }
a:visited { color:#ae6cd8 }

/*--- LISTS ---*/
li > ul, li > ol { margin-bottom:0 }

/*--- QUOTES ---*/
/*
Big up @boblet: http://html5doctor.com/blockquote-q-cite/
*/
q{ quotes:"�" "�" "�" "�" }

q:before{ content:"�"; content:open-quote }
q:after{ content:"�"; content:close-quote }

q q:before{ content: "�"; content: open-quote }
q q:after{ content: "�"; content: close-quote }

blockquote{ quotes: "�" "�" }
blockquote p:before{ content: "�"; content: open-quote }
blockquote p:after{ content: ""; content: no-close-quote }
blockquote p:last-of-type:after{ content: "�"; content: close-quote }

blockquote{ text-indent:0 }

/*------------------------------------*\
$IMAGES
\*------------------------------------*/
img { max-width:100%; height:auto }


/*------------------------------------*\
$TABLES
\*------------------------------------*/
table { width:100% }


/*------------------------------------*\
$MISC
\*------------------------------------*/
.accessibility{ position:absolute; left:-99999px; }