/* CSS RESET */
body{font-size:62.5%;margin:0;padding:0;border:0;outline:0;vertical-align:baseline}html,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* Font-Face */
@font-face {font-family: 'Vegur'; src: url('../fonts/vegurbold-webfont.eot'); src: local('☺'), url('../fonts/vegurbold-webfont.woff') format('woff'), url('../fonts/vegurbold-webfont.ttf') format('truetype'), url('../fonts/vegurbold-webfont.svg#webfontAqumjpvT') format('svg'); font-weight: bold; font-style: normal}
@font-face {font-family: 'VegurBold'; src: url('../fonts/vegurregular-webfont.eot'); src: local('☺'), url('../fonts/vegurregular-webfont.woff') format('woff'), url('../fonts/vegurregular-webfont.ttf') format('truetype'), url('../fonts/vegurregular-webfont.svg#webfont3cjAJbOh') format('svg'); font-weight: normal; font-style: normal}

/* Main Tags */
body{background: #f4f4f4 url(../images/bg.png) repeat-x; font-family: arial; color:#4d4b4d; margin:20px auto 0}
a{font-size:1.2em; text-decoration:none}

#main{width:964px; margin: 0 auto}

/* Sprites asj*/
.sprite-icons{background:url(../images/logos.png) no-repeat; display:block}
.sprite-btns{background:url(../images/btn.png) no-repeat; display:block}

/* Blocos Genéricos */
.block{width:964px; margin: 0 auto; float:left}
.dots{background:url(../images/dots.png) repeat-x top; height:1px; width:924px; margin: 0 20px; float:left}
.contentright{float:right; text-align:right; width:479px}
.contentleft{float:left; text-align:left; width:445px}
.box{background:#f6f6f6; border:1px solid #d9d9d9}
.creditos{text-align:right; width:auto}
.data{margin-left:5px}

a#bigbtn span, #footer a span, #logo a span, #splash span, #login, #novocadastro{display:none}
ul, li{margin:0; padding:0}

/* Header */
h1{font:8.9em/0.8em 'Myriad Pro', frutiger, Vegur, calibri; color:#f07122; text-transform:uppercase; margin:15px 0 40px 20px; float:left; display:block}
h1 strong{font-size:0.95em; font-family:'Myriad Pro', frutiger, VegurBold, calibri; color:#1c3c6b}
h1 span{font:0.3em/1.3em 'Myriad Pro',frutiger,Vegur,calibri;vertical-align:top}

#graybox{width:150px; height:28px; background:#909090; border:1px solid #000; font: bolder 0.8em/1.7em arial; color:#fff; text-align:center; text-transform:uppercase; padding:5px; margin-left: 802px}
#graybox a{font-size:1.2em; color:#fff; text-decoration:none}

#logo{float:left; margin:40px 0 0 20px}
#logo a{background-position: 0 -300px; width:140px; height:100px; float:left}

#splash{background-position:top; width:142px; height:142px; position:absolute; z-index:1; top:225px; left:50%; margin-left:-30px}

#arrow{background:url(../images/arrow.png) no-repeat; width:445px; height:291px; float:left; overflow:hidden; margin: 20px 0 0 20px}
#arrow span{display:none}
#arrow strong{font:bolder 9.4em Arial; letter-spacing: -0.06em; letter-spacing: expression('-0.5em'); color:#f07122; text-transform:uppercase; margin:5px 0 0 7px; display:block}

#topRight{margin-top:25px; padding-right:80px; width:359px !important}
h3{font:bold 1.9em/1.3em arial; color:#4b4b4b; text-transform:uppercase; margin:10px 0 0 0;}
h3 strong{color:#f07122; font-size:1.7em; letter-spacing:0.02em}

/* Form */
form{margin-top:15px}
form p {margin:5px 0 0 0}
label{font-size:1.2em; margin-right:5px; vertical-align:baseline}

#login{width:359px; height:157px}

input{height:16px; width:225px; border:1px solid #e3e9ef; border-top-color:#999}
input#ddd{width:40px}input#telefone	{width:174px}
input#btn{width:188px; height:50px; background-position: top left; border:none; margin-top:20px; float:right}
input#btn:hover{background-position: left -50px; cursor:pointer}
	

/* SubHeader */
#subheader{width:964px; margin: 0 auto; clear:both; background-position:740px -145px; margin-top:20px; height:140px; float:left}
h4{color:#4d4b4d; font:bold 2.5em/1.3em arial; float:left; margin:5px 0 0 0; width:920px; padding-left:20px}
h4 +h4{margin-top:20px; background:url(../images/h4bg.png) no-repeat -8px -1px; height:78px; padding-top:7px}
h4 strong{color:#f07122}

/* Content */
h5{font:bold 1.8em/1.2em arial; color:#f07122; text-transform:uppercase; margin:30px 0 0 20px}
.box h5{margin-top:20px; font-size:1.5em}
#content p{font:normal 1.2em/1.5em arial; margin: 0 0 0 20px; color:#4d4b4d}

/* Depoimentos */
#depoimentos{width:425px; margin:41px 0 0px 20px; float:left}
#depoimentos p{margin: 10px 0 0 0; color:#4d4b4d; padding:0 20px; width:386px}
.nav{height:40px; width:auto; background:#ebebeb}
.nav a{color:#4d4b4d; text-decoration:none}
.nav p{margin-top:10px !important; width:auto !important}
#slider{height:117px !important}
#anterior{float:left}#proximo{float:right}

.icon-before, .icon-next{display:none}

/* Números */
#numeros{margin:30px 20px 0 0; text-align:left; float:left; padding-bottom:20px}
#numeros span{margin:0 10px}
#numeros p{float: left; width: 417px}
h6{font:bold 1.2em arial; margin:15px 20px 0 20px; float:left; clear:both; width:407px}
#empregos, #curriculos, #contratados{height:25px; line-height:26px; padding-left:10px}
#empregos{background:#5c79cc; color:#fff}
#curriculos{background:#689b37; color:#fff}
#contratados{background:#e1e1e1; color:#4d4b4d}

.container{width:417px; padding:0 20px; margin-top:10px; font:1.1em/1.3em arial; float:left}
.coluna{width:127px; padding-right: 7px; float:left; background:url(../images/dots.png) repeat-y right; margin-right:7px}
.last{width:127px; padding-right: 7px; float:left; background:none; margin-right:0}
.coluna h6, .last h6{font:bold 1.1em arial; float:left; margin:0; width:124px}
.empregos_col{color:#5c79cc}
.cvs_col{color:#689b37}

#grafico{background:url('https://img.catho.com.br/grafico/grafico.png') 0 0 no-repeat; height: 150px; margin: 20px 68px; width: 320px; float:left}
#graficolink{margin:3px 0 0 20px; float:left; margin-top:expression('-1px')}

a#bigbtn{clear:both; margin:20px; margin-top:23px; width:428px; height:57px; background-position:0 -99px; float:left}
a#bigbtn:hover{background-position:0 -155px}

#contato{border-left:1px solid #D9D9D9; float:left; margin:20px}
#contato p{color:#333; font-size:1.1em; padding-left: 20px; margin:0}
#contato p strong{font-size:1.2em}
p#telNumbers{line-height:1.6em; font-size: 1.9em}
p#telNumbers span{color:#000;font-weight: bold; margin-left:15px}
p#telNumbers strong{color:#000;font-size:1.8em;vertical-align: middle; margin-right:15px}


/* Footer */
#footer .dots{margin-bottom:20px}
#footer h6{width:250px; margin:0; color:#333}
#footer p{font:normal 0.9em/1.2em arial; margin:0 0 0 20px}
#footer a, #footer a:hover, #footer a:visited, #footer a:active{color:#4D4B4D;font:0.9em/1.2em arial}

#footer .contentleft, #footer .contentright{margin-bottom:20px}
#footer .contentleft{width:640px !important}

#footer .contentright, #footer .container{width:270px !important; text-align:left; padding:0 20px 0 0}
#footer .coluna{width:auto !important; margin-right:30px !important; background-image:none !important; padding:0 !important}
#footer .last{margin-right:0 !important}

#topofmind{background-position:-63px -413px; height:60px; width:39px}
#iso{background-position:0 -413px; height:60px; width:40px}
#blindado{background-position:0 -484px; height:30px; width:126px; margin-top:30px}
