@font-face {
    font-family: 'QuicksandBold';
    src: url('../font/quicksand_bold-webfont.eot');
    src: url('../font/quicksand_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/quicksand_bold-webfont.woff') format('woff'),
         url('../font/quicksand_bold-webfont.ttf') format('truetype'),
         url('../font/quicksand_bold-webfont.svg#QuicksandBold') format('svg');
    font-weight: bold;
    font-style: normal;
}
body { /* precisa colocar width e height 100% por conta do ie6 */
width:100%;
height:100%;
background:transparent !important;
font-family:Myriad }
/* lightbox */
div.mask {
display:none;
position:fixed;
_position:absolute;
width:100%;
left:0;
top:0;
z-index:480;
background:#000 }
div.lightbox {
display:none;
z-index:500;
padding:25px;
background:#333;
border:2px solid #262626;
-moz-border-radius: 15px;
border-radius: 5px;}
div.lightbox span {
position:relative;
float:left; }
div.lightbox .fecharbox {
display:block;
position:absolute;
right:15px;
top:15px;
width:33px;
height:40px;
text-indent:-99999px;
background:url(../img/sprite.png);
background-position:-274px -238px  }


/* ---------->>>COMUM<<<-----------*/
body, * {
margin:0px;
padding:0px;
list-style:none;
color:#fff;
font-family:'QuicksandBold' }
body, html {
overflow:hidden;
background:#000;
background:#000 url(../img/ithink-bg.png) }
.header .nav-sobre .carrossel .painel ul li a span.linha-top,
.footer .cont a.maps span.linha-top,
.footer .cont .btn-contato a span.linha-top, 
.footer .contato .cont .form-contato .btn-enviar span.linha-top,
.detalhes .cont .cliente-info .ver-site span.linha-top,
.detalhes .cont .cliente-info .share span.linha-top {
height:1px;
width:98%;
top:0px;
padding:0px;
background:#5f5f5f;
position:absolute;
left:1% }
.header .cont h1,
.header .cont ul li a.ativo,
.header .cont ul li a.ativo .aba-rg,
.header .cont .idioma a,
.header .nav-sobre .carrossel .prev,
.header .nav-sobre .carrossel .next,
.footer .cont ul li a,
.detalhes .cont .cliente-info a.fechar { background:url(../img/sprite.png) }
a:visited, a:link { outline:none }
/* ---------->>> HEADER<<<-----------*/
.header {
width:100%;
background:#1a1a1a;
position:relative;
z-index:15 }
.header .cont {
width:960px;
height:70px;
margin:0 auto;
position:relative;
z-index:3 }
.header .cont h1 {
display:block;
float:left;
width:345px;
height:51px;
position:relative;
top:9px;
left:9px }
.header .cont h1 a {
text-indent:-9999px;
display:block;
width:80px;
height:52px }
.header .cont h1 {
display:block;
text-indent:-9999px }
.header .cont span { float:left }
.header .cont .idioma {
float:right;
font-size:10px; }
.header .cont .idioma a {
padding:3px 14px;
margin:0 0 0 10px;
display:block;
float:left;
color:#5d5d5d;
font-weight:bold;
background-position:-1px -106px;
text-decoration:none }
.header .cont .idioma a.ativo {
color:#cccccc;
background:#4d4d4d url(../img/sprite.png) no-repeat;
background-position:3px -121px;
-webkit-border-radius:0 0px 5px 5px;
-moz-border-radius:0 0px 5px 5px;
border-radius:0 0px 5px 5px;
behavior:url(js/PIE.htc) }
.header .cont ul {
position:absolute;
bottom:-2px;
right:0px;
float:right; }
.header .cont ul li { float:left; }
.header .cont ul li a {
padding:0 35px 0;
height:43px;
line-height:43px;
display:block;
color:#808080;
font-size:12px;
position:relative;
text-decoration:none; }
.header .cont ul li a span.texto {
color:#808080;
text-transform:uppercase;
    }
 .header .cont ul li a:hover span.texto {
color:#fff;
text-transform:uppercase;
    }   
.header .cont ul li a.ativo {
background-position:-1px -60px;
color:#ccc }
.header .cont ul li a.ativo .aba-rg {
display:block;
float:right;
position:absolute;
right:0;
top:0;
width:34px;
height:45px;
background-position:-310px -60px; }
.header .nav-sobre {
width:100%;
background:#333;
position:relative;
z-index:2;
padding:5px 0 5px 0;
border-top:2px solid #292929;
border-bottom:1px solid #000 }
.header .nav-sobre .carrossel {
width:1260px;
height:111px;
margin:0 auto;
padding:5px 0 5px 0;
position:relative;
display:none; }
.header .nav-sobre .carrossel .painel {
width:900px;
height:111px;
overflow:hidden;
position:relative;
margin:0 auto }
.header .nav-sobre .carrossel .prev, .header .nav-sobre .carrossel .next {
display:block;
width:67px;
height:65px;
text-indent:-99999px;
position:absolute;
top:20px }
.header .nav-sobre .carrossel .prev {
left:30px;
background-position:0px -144px }
.header .nav-sobre .carrossel .next {
right:30px;
background-position:-68px -144px }
.header .nav-sobre .carrossel .painel ul {
position:absolute;
left:0px }
.header .nav-sobre .carrossel .painel ul li {
float:left;
padding:0 10px }
.header .nav-sobre .carrossel .painel ul li a img{border:0px;}
.header .nav-sobre .carrossel .painel ul li a {
width:138px;
height:97px;
border:1px solid #262626;
border-bottom:2px solid #262626;
font-size:12px;
padding:5px 10px;
display:block;
float:left;
font-weight:bolder;
text-decoration:none;
color:#b2b2b2;
position:relative;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
background:#4d4d4d;
behavior:url(js/PIE.htc) }
.header .nav-sobre .carrossel .painel ul li a:hover {
opacity:0.6;
-moz-opacity:0.6;
filter:alpha(opacity=60);}
.header .nav-sobre .carrossel .painel ul li a.c-inativo, .header .nav-sobre .carrossel .painel ul li a:hover.c-inativo {
cursor:default;
opacity:0.4;
-moz-opacity:0.4;
filter:alpha(opacity=40);}
 
.header .nav-sobre .carrossel .painel ul li a.ativo {
background:#e6e6e6;
opacity:1.0;
-moz-opacity:1.0;
filter:alpha(opacity=100);}
.header .nav-sobre .carrossel .painel ul li a.ativo span.linha-top { background:#fff; }
.header .linha-trans {
width:100%;
background:#333;
position:relative;
display:block;
bottom:0px;
height:8px;
border-top:1px solid #484848 }
.header .linha-trans span {
background:#000;
width:100%;
position:absolute;
bottom:-5px;
height:5px;
opacity:0.5;
-moz-opacity:0.5;
filter:alpha(opacity=50);
display:block; }
/* ---------->>>CONTEINER<<<-----------*/
.conteiner {
color:#f00;
position:relative;
overflow-x:hidden;
overflow-y:auto;
width:100%;
z-index:3 }
.conteiner .mosaic {
position:relative;
margin:0 auto }
.conteiner .mosaic .box-1 {
width:300px;
height:300px;
position:absolute;
overflow:hidden;
margin:5px;
cursor:pointer }
.conteiner .mosaic .box-2 {
width:300px;
height:250px;
margin:5px;
position:absolute;
overflow:hidden;
cursor:pointer }
.conteiner .mosaic .box-3 {
width:300px;
height:200px;
margin:5px;
position:absolute;
overflow:hidden;
cursor:pointer }
.conteiner .mosaic .box-1 p, .conteiner .mosaic .box-2 p, .conteiner .mosaic .box-3 p {
position:absolute;
width:98%;
color:#fff;
bottom:0;
left:0;
display:none;
padding:9px 5px;
background:#4d4d4d }
.detalhes {
display:none;
color:#000;
overflow:auto;
width:100%;
z-index:3 }
.detalhes .cont {
position:relative;	
width:960px;
margin:0 auto; }
.detalhes .cont .cont:after {
content:".";
visibility:hidden;
clear:both;
display:block; }
.detalhes .cont .case-imgs {
width:636px;
position:relative;
padding:10px 0 20px 0; }
.detalhes .cont .case-imgs img { width:636px; padding:0 0 20px 0 }
.detalhes .cont .cliente-info {
position:absolute;
right:4%;
top:6%;
width:230px;
height:auto; /*360*/
padding:5px 5px; }
.detalhes .cont .cliente-info a.fechar {
float:right;
display:block;
width:33px;
height:33px;
text-indent:-99999px;
background-position:-142px -110px }em
.detalhes .cont .cliente-info h2 {
padding:5px 5px;
display:block;
margin-top:100px; }
.detalhes .cont .cliente-info p {
padding:5px 5px 55px 5px;
display:block;
margin-top:20px;
line-height: 15px;
font-size:12px; }
.detalhes .cont .cliente-info .ver-site {
display:block;
position:absolute;
bottom:10px;
text-decoration:none;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
border:1px solid #191919;
border-bottom:2px solid #191919;
font-size:12px;
padding:5px 15px;
background:#4d4d4d;
behavior:url(js/PIE.htc) }
.detalhes .cont .cliente-info .ver-site:hover {
color:#4d4d4d;
background:#fff }
.detalhes .cont .cliente-info .share {
display:none;
position:absolute;
bottom:10px;
right:10px;
text-decoration:none;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
border:1px solid #191919;
border-bottom:2px solid #191919;
font-size:12px;
text-transform:uppercase;
padding:5px 15px;
background:#4d4d4d;
behavior:url(js/PIE.htc) }
.detalhes .cont .cliente-info #share {
display:block;
position:absolute;
right:111px;
bottom:-137px;
width:120px;
height:139px; }
.detalhes .cont .cliente-info #share #facebook-like { margin:10px 0 0 0 }
.detalhes .cont .cliente-info #share #tweet-button { margin:10px 0 0 0 }
.detalhes .cont .cliente-info #share #google-plus { margin:10px 0 0 0 }

.detalhes .cont .clintes-info a.ver-site { }

/* ---------->>>FOOTER<<<-----------*/
.footer {
width:100%;
background:#333;
position:fixed;
border-top:1px solid #484848;
bottom:0px;
z-index:16 }
.footer .linha-trans {
width:100%;
background:#333;
position:relative;
display:block;
top:-12px;
height:10px;
border-bottom:1px solid #000 }
.footer .linha-trans span {
background:#000;
width:100%;
position:absolute;
top:-2px;
height:2px;
opacity:0.5;
-moz-opacity:0.5;
filter:alpha(opacity=50);
display:block; }
.footer .cont {
width:940px;
height:32px;
padding:18px 10px;
margin:0 auto }
.footer .cont a.maps, .footer .cont .btn-contato a {
border:1px solid #191919;
border-bottom:2px solid #191919;
font-size:12px;
display:block;
float:left;
font-weight:bolder;
text-decoration:none;
color:#b2b2b2;
position:relative;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
background:#4d4d4d url(../img/sprite.png) no-repeat;
behavior:url(js/PIE.htc) }
.footer .cont a.maps {
padding:5px 10px 5px 29px;
background-position:-322px -121px }
.footer .cont a.maps:hover { background-position:-322px -158px }
.footer .cont .btn-contato a {
float:right;
padding:5px 10px 5px 27px;
background-position:-322px -189px }
.footer .cont .btn-contato a:hover { background-position:-322px -219px }
.footer .cont a.maps:hover, .footer .cont .btn-contato a:hover, .footer .cont .btn-contato a:hover em {
background-color:#fff }
.footer .cont a.maps:hover .texto, .footer .cont .btn-contato a:hover .texto, .footer .cont .btn-contato a:hover .texto {
 color:#4d4d4d;   }
.footer .cont ul {
float:left;
width:300px;
position:relative;
margin:0 0 0 129px }
.footer .cont .btn-contato {
float:right;
width:250px }
.footer .cont .btn-contato span {
display:block;
float:left }
.footer .cont .btn-contato a em {
font-style:normal}
.footer .cont ul li {
float:left;
width:43px;
height:41px;
padding:0 3px }
.footer .cont ul li a {
display:block;
width:43px;
height:42px;
text-indent:-90000px }
.footer .cont ul li a.facebook { background-position:-142px -148px }
.footer .cont ul li a.facebook:hover { background-position:-142px -195px }
.footer .cont ul li a.twitter { background-position:-228px -148px }
.footer .cont ul li a.twitter:hover { background-position:-228px -195px }
.footer .cont ul li a.vimeo { background-position:-184px -148px }
.footer .cont ul li a.vimeo:hover { background-position:-184px -195px }
.footer .cont ul li a.slideshare { background-position:-271px -148px }
.footer .cont ul li a.slideshare:hover { background-position:-271px -195px }
.footer .contato {
width:100%;
display:none;
border-top:1px solid #000000 }
.footer .contato .border-top {
width:100%;
height:1px;
display:block;
background:#4d4d4d }
.footer .contato .cont {
width:940px;
margin:0 auto;
height:auto;
padding:17 10px }
.footer .contato .cont:after {
content:".";
visibility:hidden;
clear:both;
display:block }
.footer .contato .cont .mapa {
width:460px;
height:302px;
float:left }
.footer .contato .cont .form-contato {
float:right;
width:470px; }
.footer .contato .cont .form-contato fieldset { border:none }
.footer .contato .cont .form-contato span {
float:left;
text-align:right;
display:block;
font-size:14px;
color:#999;
width:90px;
padding:5px 20px 5px 0 }
.footer .contato .cont .form-contato span.texto {
width:auto;
padding:0 }
.footer .contato .cont .form-contato label {
float:left;
display:block;
width:470px;
padding:0 0 20px 0px; }
.footer .contato .cont .form-contato input {
float:left;
width:341px;
padding:5px 5px;
color:#4c4c4c;
border:2px solid #fff;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px; }
.footer .contato .cont .form-contato input:focus, .footer .contato .cont .form-contato textarea:focus {
background:#f2f2f2;
-webkit-box-shadow:#fff 0 0 7px;
-moz-box-shadow:#fff 0 0 7px;
box-shadow:#fff 0 0 7px }
.footer .contato .cont .form-contato textarea {
width:340px;
height:150px;
padding:5px 5px;
max-width:340px;
min-width:340px;
max-height:150px;
min-height:150px;
color:#4c4c4c;
border:2px solid #fff;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px }
.footer .contato .cont .form-contato .btn-enviar {
border:1px solid #191919;
border-bottom:2px solid #191919;
font-size:12px;
padding:5px 10px;
display:block;
float:left;
font-weight:bolder;
text-decoration:none;
color:#b2b2b2;
position:relative;
left:107px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
background:#4d4d4d;
behavior:url(js/PIE.htc) }
.footer .contato .cont .form-contato .btn-enviar:hover {
color:#4d4d4d;
background:#fff }
.footer .contato .cont .form-contato .msg-sucesso {
float:right;
padding:5px 0;
text-align:center;
width:220px }
a.inativo
{
    display:none !important;
}
#lgbox p {
margin-top:20px;
font-size:12px;
font-family:Verdana;
line-height:22px;}
#lgbox h5 {
color:#fff;
margin-top:20px;}
.lgbox-cont
{
    margin-top:10px;
    }