﻿@font-face {
font-family:KozGoPro;
src:url("../font/KozGoPro-ExtraLight.otf")}
* {
margin:0;
padding:0;
outline:none;
list-style:none;
font-family:KozGoPro, Arial }
body { background:#dedbd7 url(../img/ithink-bg-avisos.png) center top repeat-x }
form {
width:100%;
padding:31px 0 0;
background:url(../img/ithink-bg.png) center top }
form:after {
content:".";
display:block;
height:0;
clear:both }
div.ct {
position:relative;
width:1003px;
margin:0 auto }
h1 {
float:right;
width:307px;
height:321px;
margin:59px 0 0 0;
text-indent:-90000px;
background:url(../img/ithink-logo.png) }
h3 {
float:left;
width:100%;
height:24px;
text-indent:-90000px }
.btn-english {
position:absolute;
top:-25px;
right:5px;
display:block;
width:66px;
height:13px;
font-size:1px;
text-indent:-900000px;
background:url(../img/btn-english.png) }

/* texto ingles */
.texto-ingles {
display:none;
position:relative;
width:100%;
height:290px }
.texto-ingles .text {
display:block;
position:relative;
width:931px;
height:199px;
margin:0 auto;
padding:65px 0 0;
background:url(../img/txt-about.png) left bottom no-repeat }
.texto-ingles .text a {
position:absolute;
left:0;
bottom:0;
display:block;
width:83px;
height:15px;
font-size:1px;
text-indent:-90000px }
.texto-ingles .close-about {
display:block;
position:absolute;
left:50%;
top:10px;
width:50px;
height:16px;
font-size:1px;
margin:0 0 0 413px;
text-indent:-90000px;
background:url(../img/btn-close.png) }
/* ie 6 */
.barra-ie {
position:relative;
width:100%;
height:290px }
.barra-ie p {
display:block;
position:relative;
width:931px;
height:106px;
margin:0 auto;
padding:74px 0 0;
text-indent:-900000px;
background:url(../img/txt-ie6.png) left bottom no-repeat }
.barra-ie ul {
width:450px;
margin:0 auto }
.barra-ie ul li {
float:left;
padding:38px 25px 0}
.barra-ie ul li a img { border:none }
/* cases */
.cases {
position:relative;
float:left;
width:692px;
height:497px;
z-index:40 }
.cases img,
.cases div {
position:absolute;
cursor:pointer }
.cases video {
position:absolute;
z-index:80 }
.cases img.c-um {
width:454px;
bottom:22px;
left:0 }
.cases img.c-dois {
right:6px;
top:109px;
width:124px }
.cases img.c-tres {
left:460px;
top:329px;
width:234px }
.cases img.c-quatro {
left:216px;
top:-26px;
width:339px }
.cases img.c-cinco {
right:20px;
bottom:173px;
width:212px }
.cases img.c-seis {
left:0;
top:55px;
width:209px }
.cases span.tit {
position:absolute;
display:block;
z-index:60;
cursor:pointer }
.cases span.tit.c-um {
display:none;
left:124px;
top:300px;
width:312px;
height:251px;
background:url(../img/cases/tit-qi-race.png) }
.cases span.tit.c-dois {
display:none;
left:180px;
top:149px;
width:461px;
height:148px;
background:url(../img/cases/tit-case-xtreme.png) }
.cases span.tit.c-tres {
display:none;
left:89px;
top:256px;
width:488px;
height:136px;
background:url(../img/cases/tit-marcelo-avesso.png) }
.cases span.tit.c-quatro {
display:none;
left:176px;
top:34px;
width:312px;
height:301px;
background:url(../img/cases/tit-case-vivo.png) }
.cases span.tit.c-cinco {
display:none;
left:216px;
top:219px;
width:357px;
height:268px;
background:url(../img/cases/tit-case-reel-ithink.png) }
.cases span.tit.c-seis {
display:none;
left:93px;
top:0;
width:476px;
height:164px;
background:url(../img/cases/tit-case-saraiva.png) }
/* banner full */
.banner-full {
float:left;
position:relative;
width:694px;
height:50px;
margin:0 0 81px }
.banner-full.tripoli-band { background:url(../img/cases/banner-tripoli-band.png) }
.banner-full.tripoli-band .player {
position:absolute;
top:0;
left:345px;
width:250px;
height:50px }
.banner-full.tripoli-band .player audio { margin:20px 0 0 }
/* twitter */
div.twitter h3 { background:url(../img/tit-twitter.png) } 
div.twitter {
position:relative;
float:left;
clear:left;
width:415px;
height:432px }
div.twitter .mask {
position:absolute;
left:52px;
top:75px;
width:331px;
height:289px;
z-index:5;
background:url(../img/twitter-bg.png) }
div.twitter .muda {
position:absolute;
width:30px;
height:30px;
top:316px;
z-index:100;
text-indent:-90000px }
div.twitter .muda.m1 { left:51px }
div.twitter .muda.m2 { left:89px }
div.twitter .muda.m3 { left:127px }
div.twitter .muda.m4 { left:165px }
div.twitter .muda.m5 { left:203px }
div.twitter .muda.m6 { left:240px }
div.twitter .muda.m7 { left:-20000px }
div.twitter ul {
position:absolute;
left:52px;
top:75px;
width:331px;
height:300px }
div.twitter li {
float:left;
padding:189px 5px 0 0 }
div.twitter li p, 
div.twitter li .usuario { display:none }
div.twitter li img {
padding:52px 0 0;
width:32px;
height:32px }
div.twitter li.ativo img {
padding:5px 0 0 17px;
width:73px;
height:73px }
div.twitter li.ativo p {
position:absolute;
display:block;
left:87px;
top:36px;
width:158px;
height:125px;
padding:10px 0 0;
font-size:14px;
z-index:10;
text-align:center;
background:#fff }
div.twitter li.ativo p a { color:#ba232a }
div.twitter li.ativo span {
position:absolute;
display:block;
left:135px;
top:173px;
width:116px;
height:17px;
font-size:11px;
z-index:10;
text-align:right;
background:#fff }
div.twitter li.ativo span a  {
color:#ff8d00;
text-decoration:none }
/* clientes */
.clientes h3 { background:url(../img/tit-clientes.png) }
.clientes {
position:relative;
float:left;
display:inline;
margin:0 0 0 40px;
width:548px;
height:432px }
.clientes ul {
width:548px;
height:432px}
.clientes li {
position:absolute;
z-index:10; }
.clientes li.amil {
left:30px;
top:68px }
.clientes li.ibi {
left:32px;
top:336px }
.clientes li.braskem {
left:407px;
top:83px }
.clientes li.telefonica {
left:32px;
top:141px }
.clientes li.discovery {
left:152px;
top:166px }
.clientes li.bradesco {
left:303px;
top:144px }
.clientes li.senac {
left:459px;
top:150px }
.clientes li.enertrade {
left:31px;
top:254px }
.clientes li.porto-seguro {
left:178px;
top:334px }
.clientes li.ticket {
left:215px;
top:256px }
.clientes li.samsung {
left:418px;
top:256px }
.clientes li.johnson {
left:152px;
top:77px }
.clientes li.tva {
left:284px;
top:342px }
.clientes li.vivo {
left:432px;
top:341px }
.clientes .detalhe { display:none }
.clientes .zoom {
position:absolute;
display:none;
width:151px;
color:#fff;
font-size:11px;
z-index:80;
padding:0 8px;
background-image:url(../img/clientes-detalhe.png) }
.clientes .zoom .btn-fechar-zoom {
position:absolute;
display:block;
width:15px;
height:14px;
font-size:1px;
text-indent:-900000px;
background:url(../img/btn-fechar-zoom.png) no-repeat }
.clientes .zoom.d { background-position:0 0 }
.clientes .zoom.u { background-position:0 -224px }
.clientes .zoom.d .btn-fechar-zoom {
top:121px;
right:-18px }
.clientes .zoom.u .btn-fechar-zoom {
top:0;
right:-18px }
.clientes .zoom.d {
height:84px;
padding-top:125px }
.clientes .zoom.u {
padding-top:8px;
height:201px }
.clientes .zoom strong {
text-transform:uppercase;
font-size:11px }

/* social */
div.social h3 { background:url(../img/tit-social.png) } 
div.social {
position:relative;
float:left;
clear:left;
width:415px;
z-index:40 }
div.social ul {
float:left;
padding:0 0 0 41px }
div.social li {
float:left;
width:82px;
height:79px;
padding:19px 27px 0px 8px;
z-index:3 }
div.social li a {
display:block;
width:82px;
height:79px;
text-indent:-900000px }
div.social li a.vimeo { background:url(../img/social-ico-vimeo.png) }
div.social li .zoom-vimeo {
position:absolute;
display:none;
left:73px;
top:-250px;
width:601px;
height:343px;
z-index:30;
background:url(../img/social-zoom-vimeo.png) no-repeat }
div.social li .zoom-vimeo #vimeo-player {
position:absolute;
right:4px;
top:4px }
div.social li .zoom-vimeo a {
position:absolute;
top:198px;
right:153px;
width:65px;
height:13px }
div.social li a.slideshare { background:url(../img/social-ico-slideshare.png) }
div.social li .zoom-slideshare {
position:absolute;
display:none;
left:165px;
top:-120px;
width:484px;
height:238px;
z-index:30;
background:url(../img/social-zoom-slideshare.png) no-repeat }
div.social li .zoom-slideshare a {
position:absolute;
bottom:18px;
left:67px;
width:100px;
height:13px }
div.social li .zoom-slideshare .object {
position:absolute;
right:4px;
top:4px }
div.social li a.facebook { background:url(../img/social-ico-facebook.png) }
div.social li .zoom-facebook {
position:absolute;
display:none;
left:70px;
top:-7px;
width:399px;
height:195px;
z-index:30;
background:url(../img/social-zoom-facebook.png) no-repeat }
div.social li .zoom-facebook a {
position:absolute;
bottom:85px;
left:213px;
width:35px;
height:13px }
div.social li a.flickr { background:url(../img/social-ico-flickr.png) }
div.social li .zoom-flickr {
position:absolute;
display:none;
left:168px;
top:-139px;
width:393px;
height:325px;
z-index:30;
background:url(../img/social-zoom-flickr.png) no-repeat }
div.social li .zoom-flickr a {
position:absolute;
bottom:134px;
right:95px;
width:55px;
height:13px }
div.social li .zoom-flickr #flickr {
position:absolute;
right:4px;
top:4px;
width:226px;
height:170px;
overflow:hidden }
div.social li .zoom-flickr #flickr img  {
width:280px;
height:170px; }
div.social li a.twitter { background:url(../img/social-ico-twitter.png) }
div.social li .zoom-twitter {
position:absolute;
display:none;
left:265px;
top:-103px;
width:399px;
height:195px;
z-index:30;
background:url(../img/social-zoom-twitter.png) no-repeat }
div.social li .zoom-twitter a {
position:absolute;
bottom:85px;
right:132px;
width:64px;
height:13px }
div.social li a.youtube { background:url(../img/social-ico-youtube.png) }
div.social li .zoom-twitter ul {
position:absolute;
right:4px;
top:4px;
width:307px;
height:90px;
padding:0;
margin:0;
background:#fff }
div.social li .zoom-twitter ul li {
float:left;
width:295px;
height:auto;
font-size:9px }
div.social li .zoom-twitter ul li.tweet_odd { border-bottom:1px dashed #666 }
div.social li .zoom-twitter ul li a {
display:inline; 
text-indent:0;
float:none;
width:auto;
height:auto;
position:static; }
div.social li .zoom-twitter ul li img {
float:left;
width:23px;
padding:0 3px 0 0 }
div.social li .zoom-youtube {
position:absolute;
display:none;
left:265px;
top:-133px;
width:366px;
height:326px;
z-index:30;
background:url(../img/social-zoom-youtube.png) no-repeat }
div.social li .zoom-youtube a {
position:absolute;
bottom:136px;
right:126px;
width:64px;
height:13px }
div.social li .zoom-youtube #player {
position:absolute;
right:4px;
top:7px }
div.social li .btn-fecha-social {
position:absolute;
right:-19px !important;
top:0 !important;
left:auto !important;
display:block;
width:15px !important;
height:14px !important;
font-size:1px;
text-indent:-900000px;
background:url(../img/btn-fechar-zoom.png) no-repeat }

/* trabalhe conosco */
div.trabalhe-conosco h3 { background:url(../img/tit-trabalhe-conosco.png) }
div.trabalhe-conosco {
position:relative;
float:left;
display:inline;
margin:0 0 0 0;
padding:155px 0 0 0;
width:415px;
overflow:hidden;
}
div.trabalhe-conosco fieldset {
float:left;
width:415px;
border:none;
padding:20px 0 0 }
div.trabalhe-conosco legend { display:none }
div.trabalhe-conosco label span {
position:absolute;
right:8px;
top:6px }
div.trabalhe-conosco .text {
float:left;
position:relative;
width:250px;
height:39px;
margin:8px 0 0;
background:#dedbd7;
border:1px solid #c3bfb9 }
div.trabalhe-conosco .text input {
width:230px;
height:20px;
padding:10px;
color:#858381;
font-size:12px;
border:0;
background:none; }
div.trabalhe-conosco .text-area {
float:left;
width:250px;
height:154px;
margin:6px 0 0;
background:#dedbd7;
border:1px solid #c3bfb9 }
div.trabalhe-conosco .text-area textarea {
width:250px;
height:144px;
padding:5px 10px;
color:#858381;
font-size:12px;
border:0;
background:none; }
div.trabalhe-conosco .multiple {
float:left;
width:130px;
height:175px;
margin:-110px 0 0 10px;
padding:26px 0 0;
background:url(../img/input-type-multiple.png) no-repeat }
div.trabalhe-conosco .multiple select {
color:#858381;
font-size:12px;
width:128px;
height:164px;
padding:10px 0 0 10px;
border:0;
background:#dedbd7;
border:1px solid #c3bfb9 }
div.trabalhe-conosco .botoes {
float:right;
width:124px;
margin-right:6px }
div.trabalhe-conosco .botoes .btn-upload {
float:left;
position:relative;
display:inline;
width:124px;
height:40px;
overflow:hidden;
background:url(../img/input-btn-upload.png) no-repeat }
div.trabalhe-conosco .botoes .btn-upload input {
position:absolute;
right:40px;
top:0;
-moz-opacity:0;
filter:alpha(opacity=0); 
opacity:0 }
#myThrobber {
display:block;
position:absolute;
right:0;
top:2px }
div.trabalhe-conosco .botoes .btn-enviar {
float:left;
width:96px;
height:18px;
padding:18px 0 0;
margin:12px 0 0 9px;
border:none;
cursor:pointer;
background:url(../img/input-btn-enviar.png) no-repeat }
div.trabalhe-conosco .sucesso {
float:left;
width:232px;
height:57px;
padding:80px 0 0 90px;
text-indent:-90000px;
background:url(../img/txt-sucesso.png) right bottom no-repeat }
div.trabalhe-conosco .erro-formulario {
float:left;
width:100%;
position:relative;
text-align:center;
padding:20px 0 0;
font-size:14px;
color:#d03036 }
div.trabalhe-conosco .erro-formulario .btn-fechar-erro {
position:absolute;
top:8px;
right:13px;
width:47px;
height:13px;
padding:13px 0 0;
cursor:pointer;
border:none;
background:url(../img/btn-fechar-aviso.png) no-repeat }

/* Reclame */
div.programa-reclame {
position:relative;
float:right;
display:inline;
margin:0 0 0 40px;
width:548px;
height:560px }
div.programa-reclame h3 {
clear:both;
background:url(../img/tit-trend-posts.png) }
div.programa-reclame h4 {
clear:left;
margin:0 auto;
padding:30px 0 0 0;
width:470px;
height:30px;
background:url('../img/programa-reclame-h4.png') no-repeat bottom left;
overflow:hidden;
text-indent:-9999px }
div.programa-reclame p {
position:relative;
margin:0 auto;
padding:0;
width:470px;
height:60px;
background:url('../img/programa-reclame-p.png') no-repeat;
overflow:hidden;
text-indent:-9999px }
div.programa-reclame h5 {
display:block;
width:275px;
height:25px;
margin:0;
padding:10px 0 0 40px;
background-repeat:no-repeat;
background-position:bottom right;
background-image:url('../img/programa-reclame-h5-01.png');
overflow:hidden;
text-indent:-9999px }
div.programa-reclame .carousel-nav {
position:relative;
display:block;
margin:35px 0 20px 40px;
padding:0;
width:217px;
height:25px;
background:url('../img/programa-reclame-carousel-nav.png') no-repeat bottom center;
overflow:hidden }
div.programa-reclame .carousel-nav a {
position:absolute;
top:0;
display:block;
margin:0;
padding:0;
width:45px;
height:25px;
overflow:hidden;
text-indent:-9999px }
div.programa-reclame .carousel-nav a#simplePrevious {
left:0;
background:url('../img/programa-reclame-carousel-nav-prev.png') }
div.programa-reclame .carousel-nav a#simpleNext {
right:0;
background:url('../img/programa-reclame-carousel-nav-next.png') }
div.programa-reclame .tv {
margin:-2px auto 0 auto;
padding:18px 0 0 19px;
width:452px;
height:322px;
background:url('../img/programa-reclame-tv.png') no-repeat;
overflow:hidden }
div.programa-reclame .tv .carousel {
display:block;
position:relative;
width:432px;
height:244px;
margin:0;
padding:0;
overflow:hidden }
div.programa-reclame .tv .carousel ul {
display:block;
margin:0;
padding:0;
width:864px;
height:244px;
list-style:none;
overflow:hidden }
div.programa-reclame .tv .carousel ul:after {
content:".";
display:block;
height:0;
clear:both }
div.programa-reclame .tv .carousel ul li {
float:left;
display:block;
margin:0;
padding:0;
width:432px;
height:244px;
overflow:hidden }
div.programa-reclame .tv .carousel ul li object { display:block }

/* bandnews */

div.bandnews {
position:relative;
float:right;
display:inline;
margin:-10px 0 0 40px;
padding:20px 0 0 0;
border-top:1px solid #000;
width:548px;
height:210px }
div.bandnews h3 {
float:none;
width:465px;
height:40px;
margin:0 auto;
background:url('../img/bandnews-h3.png') no-repeat }
div.bandnews .fl-podcast {
width:465px;
margin:0 auto }
div.bandnews p {
display:block;
width:465px;
height:20px;
margin:0 auto;
padding:0 0 10px 0;
background:url('../img/bandnews-p.png') bottom left no-repeat;
overflow:hidden;
text-indent:-9999px }
div.bandnews audio {
float:left;
margin:15px 0 }
div.bandnews .programas-anteriores {
float:left;
clear:left;
width:220px;
height:50px;
padding:24px 0 0;
margin:6px 0 0 43px;
cursor:pointer;
background:url(../img/btn-programas-anteriores.png) no-repeat }
div.bandnews .programas-anteriores li {
float:left;
width:220px;
display:none;
background:#dedbd7 }
div.bandnews .programas-anteriores li a {
display:block;
padding:3px 5px;
color:#9b9996;
font-size:11px;
text-decoration:none;
-moz-box-shadow: 0 4px 5px #888888;
-webkit-box-shadow: 0 4px 5px #888888;
box-shadow: 0 4px 5px #888888; }

/* endereco */
div.endereco h3 { background:url(../img/tit-endereco.png) }
div.endereco {
float:left;
width:999px;
height:76px;
margin:60px 0 0 }
div.endereco ul  {
float:left;
padding:27px 0 0 68px }
div.endereco ul li {
float:left;
height:18px;
text-indent:-90000px }
div.endereco ul li a {
display:block;
height:18px;
text-indent:-90000px }
div.endereco ul li.street {
width:560px;
background:url(../img/endereco-street.png) no-repeat }
div.endereco ul li.street a { width:560px; }
div.endereco ul li.telefone {
width:141px;
background:url(../img/endereco-telefone.png) no-repeat }
div.endereco ul li.contato {
width:174px;
background:url(../img/endereco-contato.png) no-repeat }
div.endereco ul li.contato a { width:174px; }

/* ultimas vagas */
#pnlFormulario dl {
float:left;
margin-top:30px;
width:546px }
#pnlFormulario dl dt {
background:url(../img/abas-vagas-site.png) 0 0 no-repeat;
color:#fff;
cursor:pointer;
float:left;
font-size:14px;
font-weight:bold;
margin-bottom:5px;
padding:4px 0 3px;
text-align:right;
width:100% }
#pnlFormulario dl dt span {
float:right;
padding-right:24px;
width:auto }
#pnlFormulario dl dd {
float:left;
font-size:12px;
padding:10px }
#pnlFormulario dl dd label {
display:block;
margin:20px auto;
width:144px }
#pnlFormulario dl dd label input {
background:url(../img/btn-cadastrar.png) 0 0 no-repeat;
border:none;
cursor:pointer;
display:block;
text-indent:-9000px;
width:132px;
height:18px }
#pnlFormulario label.btn-login,
#pnlFormulario label.btn-curriculo {
float:left;
margin-right:10px;
margin-top:20px;
width:auto }
#pnlFormulario label.btn-curriculo a,
#pnlFormulario label.btn-login a { border:0 }
#pnlFormulario label.btn-login a {
background:url(../cadastro-curriculo/images/botoes/btn-realize-seu-login.png) no-repeat scroll 0 0 transparent;
cursor:pointer;
display:block;
height:27px;
text-indent:-9000px;
width:207px }
#pnlFormulario label.btn-curriculo a {
background:url(../cadastro-curriculo/images/botoes/btn-cadastre-seu-curriculo.png) no-repeat scroll 0 0 transparent;
cursor:pointer;
display:block;
height:27px;
text-indent:-9000px;
width:256px }