/*FONTES*/
@font-face {
    font-family: 'ClanOTUltra';
    src: url('../fonts/ClanOT-Ultra/clanot-ultra.eot');
    src: url('../fonts/ClanOT-Ultra/clanot-ultra.eot') format('embedded-opentype'),
         url('../fonts/ClanOT-Ultra/clanot-ultra.woff') format('woff'),
         url('../fonts/ClanOT-Ultra/clanot-ultra.ttf') format('truetype'),
         url('../fonts/ClanOT-Ultra/clanot-ultra.svg#ClanOTUltra') format('svg');
}

@font-face {
    font-family: 'ClanOTMedium';
    src: url('../fonts/ClanOT-Medium/clanot-medium.eot');
    src: url('../fonts/ClanOT-Medium/clanot-medium.eot') format('embedded-opentype'),
         url('../fonts/ClanOT-Medium/clanot-medium.woff') format('woff'),
         url('../fonts/ClanOT-Medium/clanot-medium.ttf') format('truetype'),
         url('../fonts/ClanOT-Medium/clanot-medium.svg#ClanOTMedium') format('svg');
}

@font-face {
    font-family: 'ClanOTBook';
    src: url('../fonts/ClanOT-Book/clanot-book.eot');
    src: url('../fonts/ClanOT-Book/clanot-book.eot') format('embedded-opentype'),
         url('../fonts/ClanOT-Book/clanot-book.woff') format('woff'),
         url('../fonts/ClanOT-Book/clanot-book.ttf') format('truetype'),
         url('../fonts/ClanOT-Book/clanot-book.svg#ClanOTBook') format('svg');
}

@font-face {
    font-family: 'ClanOTBold';
    src: url('../fonts/ClanOT-Bold/clanot-bold.eot');
    src: url('../fonts/ClanOT-Bold/clanot-bold.eot') format('embedded-opentype'),
         url('../fonts/ClanOT-Bold/clanot-bold.woff') format('woff'),
         url('../fonts/ClanOT-Bold/clanot-bold.ttf') format('truetype'),
         url('../fonts/ClanOT-Bold/clanot-bold.svg#ClanOTBold') format('svg');
}

@font-face {
    font-family: 'ClanOTBlack';
    src: url('../fonts/ClanOT-Black/clanot-black.eot');
    src: url('../fonts/ClanOT-Black/clanot-black.eot') format('embedded-opentype'),
         url('../fonts/ClanOT-Black/clanot-black.woff') format('woff'),
         url('../fonts/ClanOT-Black/clanot-black.ttf') format('truetype'),
         url('../fonts/ClanOT-Black/clanot-black.svg#ClanOTBlack') format('svg');
}


/*REESCRITOS*/
a,a:visited,a:focus  { color: #000;}
a:hover { text-decoration: none; color: #000; }

ul, li { margin: 0; padding: 0; list-style-type: none; }


/*RECICLADOS*/
.hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden; }
.azul { color:#0b6ea7; }
.float-left { float: left; }
a.mais-trabalhos { float: right; width: 49px; height: 49px; background: transparent url("../img/mais.png") no-repeat; margin-top: 20px }

.off { display:none; }


/*ESTRUTURA*/
body { background: #fff url("../img/bg_body.jpg") repeat; color: #000; text-rendering: optimizeLegibility; }
.wrap { width:940px; margin: 0 auto; position: relative; background-color: #fff; }

header	{ position: fixed; top: 0; width: 100%; height: 136px; z-index: 9999; background: #fff url("../img/bg_body.jpg") repeat;}
header	.wrap { height: 136px; }
header h1 { position: absolute; top:22px; left:0; margin: 0; padding: 0; }
header .logo a { display: block; width:151px; height:104px; background:transparent url("../img/logo.jpg"); }

header nav { margin:100px 0px 0px 180px;  }
header nav li { float: left; width: auto; margin-right: 37px; }
header nav li a { font-size: 25px; line-height: 25px;  font-family: 'ClanOTUltra'; }

header nav li.ativo a { border-bottom: 8px #000 solid; }

footer	{ height: 300px; background:transparent url("../img/mapa.jpg") no-repeat center top; }
footer .wrap { background-color: transparent;}

footer h2 { margin-top: 52px; color: #fff; line-height: 44px; font-family: 'ClanOTUltra'; }
footer h2 span { background-color: #000; padding: 7px; }

footer .social { position:  absolute; top:135px; left:340px; width: 580px }
.social .contador { float: left; margin-right: 10px; background: #000; color:#ffffff!important; padding: 7px 6px; font-size: 40px; line-height: 40px; font-family: 'ClanOTMedium'; }

.social ul { float: left; width: auto; padding: 4px; background-color: #fff; }
.social li { float: left; width: auto; margin-right: 10px; }
.social li:last-child { margin-right: 0px; }
.social li a { display: block; width:51px; height:51px; }

a.face { background:transparent url("../img/face.gif") no-repeat; }
a.tt { background:transparent url("../img/youtube.gif") no-repeat; }
a.ins { background:transparent url("../img/ins.gif") no-repeat; }

.social .email { float:left; width:auto; margin-top:10px; background-color: #e6e7e8; color: #000; padding: 6px; font-size: 30px; font-family: 'ClanOTMedium';}
.social address { float:left; margin:0; }
.social address span { display:block; padding:8px; background-color:#fff; color:#000; margin-top:10px; }

#home { padding-top: 136px; }
#home .slider { width:938px; height:664px; position: relative; }
#home a.anterior,
#home a.proximo { position: absolute; bottom: 40px; width: 89px; height: 51px; z-index: 9998; }
#home a.anterior { left: 0; background:transparent url("../img/anterior.png") no-repeat; }
#home a.proximo { right: 1px; background:transparent url("../img/proximo.png") no-repeat; }

#home .slide .info { position: absolute; left: 75px; top: 385px; }
#home .slide .info h3 { width: 210px; padding: 5px; background-color: #fcf303; color: #000; font-size: 25px; font-family: 'ClanOTBlack'; line-height: 30px; margin: 0; }
#home .slide .info p { width:290px; padding:10px 5px; background-color: #000; color: #fff; font-family: 'ClanOTBook'; font-size: 12px; line-height: 16px; }

#verdade .wrap { padding: 60px 0; }
#verdade h1 { margin-top: 0; font-size: 69px; font-family: 'ClanOTUltra'; margin-bottom: 20px; }
#verdade h2 { font-size:33px; line-height: 35px; font-family: 'ClanOTBold'; margin-bottom: 30px; }
#verdade p { font-family: 'ClanOTBook'; font-size: 15px; }

#trabalhos , #trabalhos .wrap{ background-color: #e6e7e8; }
#trabalhos .wrap { padding:25px 0px 45px;  }
#trabalhos h2 { margin-top: 0; font-size: 69px; line-height: 69px; font-family: 'ClanOTUltra'; margin-bottom: 40px; }

.jobs { position:relative; }
.jobs > div.float-left { width: 585px; }

.jobs .box { position: relative; float: left; }
.jobs .box .txt { position: absolute;  background-color: #000; color: #fff; z-index: 50; }
.txt cite { display:block; font-size: 20px; font-family: 'ClanOTMedium'; line-height: 28px; }

.box.tipo1 { width:313px; height: 626px; text-align: center;  }
.box.tipo1 .txt {  bottom:0; width:313px; height: 313px; }
.box.tipo1 .arrow { position: absolute; top: -80px; left: 50%; margin-left: -40px; border-color: transparent;
border-bottom-color: #000; border-top-width: 0; border-width: 40px; border-style:solid; }
.box.tipo1 cite { padding:20px; }

.box.tipo1 .off,.box.tipo3 .off { position:absolute; top:0; left:0; } { position:absolute; top:0; left:0; }
.box.tipo2 .off { position:absolute; top:0; right:0; }

.box.tipo2 { width:626px; height: 313px; text-align: right;  }
.box.tipo2 img { float: right; }
.box.tipo2 .txt { top:0; left:0; width:313px; height: 313px; background-color: #000; color: #fff; }
.box.tipo2 .arrow { position: absolute; top: 50%; right: -80px; margin-top: -40px; border-color: transparent;
border-left-color: #000; border-top-width: 0; border-width: 40px; border-style:solid; }
.box.tipo2 cite { padding:135px 30px 10px; }

.box.tipo3 { width:626px; height: 313px;  }
.box.tipo3 .txt { top:0; right:0; width:313px; height: 313px; background-color: #000; color: #fff; }
.box.tipo3 .arrow { position: absolute; top: 50%; left: -80px; margin-top: -40px; border-color: transparent;
border-right-color: #000; border-top-width: 0; border-width: 40px; border-style:solid; }
.box.tipo3 cite { padding:135px 20px 10px; }

.box.ultimo { float:none; position:absolute; bottom:0; right:0; }

.jobs .box .hover { display: none; position: absolute; top: 0; left: 0;   width: 293px; height: 595px; background:#000 url("../img/overlay.png") repeat; z-index: 100;  }
.jobs .box .hover p { text-align: left; padding: 15px; color: #fff;}

/*LIGHBOX*/
.overlay { display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:300; background-color:#e8e5e5; }
.lightbox { display:none; position:fixed; top:50%; left:50%; width:600px; height:413px; margin:-170px 0px 0px -295px; z-index:300; }
.lightbox .midia { position:relative; height:370px; background-color:#fff; margin-bottom:20px; }
.lightbox .info { width:780px; margin-left:-89px; }
.lightbox h4 { font-size:16px; font-family: 'ClanOTBlack'; }
.lightbox p { font-family: 'ClanOTBook'; font-size:10px; line-height:16px; }

.lightbox .fechar { position:absolute; top:-18px; right:0; width:21px; height:18px; background:transparent url("../img/fechar.gif") no-repeat; }
.lightbox .status { position:absolute; bottom:-33px; right:0; font-family: 'ClanOTBook'; font-size:25px;}

.lightbox .avancar,
.lightbox .recuar { position: absolute; bottom: 0px; width: 89px; height: 51px; z-index: 100; }

.lightbox .avancar { left: -89px; background:transparent url("../img/anterior.png") no-repeat; }
.lightbox .recuar { right: -89px; background:transparent url("../img/proximo.png") no-repeat; }