@CHARSET "ISO-8859-1";*{        margin:0;        padding:0;}h1 a{    color:white;}a{        color:#8FC2FF;        text-decoration: none;        outline: none;}a:hover{        text-decoration: underline;}img{        border:none;}body {        overflow:hidden;/*Needed to eliminate scrollbars*/        background:#000;}#content{        margin:0px auto;        height:100%;        width:100%;        bottom:0;        z-index: 3;        border-top:1px solid #000;        border-bottom:1px solid #4F4F4F;        position:absolute;}#contentframe{        overflow: hidden;        border-top:solid 1px #4F4F4F;        border-bottom:1px solid #000;        height: 100%;        text-align:left;        z-index: 3;}#slidecounter{        float:left;        color:#4F4F4F;        font:50px "Helvetica Neue", Arial, sans-serif;        font-weight:bold;        margin:18px 20px;}#slidecaption{        overflow: hidden;        float:left;        color:#FFF;        font:26px "Helvetica Neue", Arial, sans-serif;        font-weight:bold;        margin:33px 0;}/*Supersized Stamp*/.stamp{        float: right;        margin: 25px 20px 0 0;}/*Supersize Plugin Styles*/#navigation{        background: url('images/navbg.gif') no-repeat;        float: right;        margin:22px 20px 0 0;}#loading {        position: absolute;        top: 49.5%;        left: 49.5%;        z-index: 3;        width: 24px;        height: 24px;        text-indent: -999em;        background-image: url(images/progress.gif);}#supersize{        position:fixed;}#supersize img, #supersize a{        height:100%;        width:100%;        position:absolute;        z-index: 0;}#supersize .prevslide, #supersize .prevslide img{        z-index: 1;}#supersize .activeslide, #supersize .activeslide img{        z-index: 2;}a, input, li{    outline: none;}img{    border:none;}p, h1, ul, h2, a, h5, span, form, input{    padding:0;    margin:0;}html, body {}body {}#logoVelty{    width:252px;    height:113px;    position:absolute;    right:0;    Top:30px;    background-image:url('img/logo_velty.png');    background-repeat:no-repeat;}/* MENU */#menuAdbox{    position: absolute;    width:150px;    height:200px;    margin-left: 119px;    z-index: 101;}#menuOut{    margin: 0;    padding: 0;    position: absolute;    right: 0;    top:300px;    width: 150px;    height: 200px;    z-index: 100;    overflow: hidden;}#menuClose {    position: absolute;    top: 0;    left: 0;    height: 200px;    width: 31px;    background-image:url('img/slide-button-active.png');    cursor:pointer;}#menuOpen {    position: absolute;    top: 0;    left: 0;    height: 200px;    width: 31px;    background-image:url('img/slide-button.png');    cursor:pointer;}#menuContent{    position:absolute;    width:119px;    height:200px;    right:0px;    top:0;    background-color:#7E7E7E;}#menuContent ul{    list-style:none;    margin-top:25px;    margin-left:10px;}#menuContent ul li{    width:93px;    height:17px;    margin-bottom:10px;    *margin-bottom:6px;}.Ativo{    visibility:visible;}.Inativo{    visibility:hidden;}/* SLIDER */.slider-wrap{    width: 410px;    height:170px;    position: absolute;    right:0;    top:0;}.stripViewer .panelContainer .panel ul li{    float:left;}.stripViewer{    position: relative;    overflow: hidden;    width: 300px;    height:170px;}.stripViewer img{    width: 300px;    height:170px;}.panelContainer	{    position: absolute;    left: 0;    top: 0;    width:300px;    height:170px;}.stripViewer .panelContainer .panel{    float: left;    height: 100%;    position: relative;    width: 419px;}.stripNavL, .stripNavR, .stripNav{    display: none;}.nav-thumb{    border: 0px;}#movers-row{    position:absolute;    right:0;    top:0;}#movers-row div{    width: 100px;    height:52px;    margin-bottom:7px;}#movers-row div img{    width: 100px;    height:52px;}#movers-row div a.cross-link{    float: right;}.photo-meta-data{    background: url(images/transpBlack.png);    padding: 10px;    height: 30px;    margin-top: -50px;    position: relative;    z-index: 9999;    color: white;}.photo-meta-data span{    font-size: 13px;}/* IMAGENS PROJETO */#imagensProjeto{    width:630px;    height:240px;    position:relative;    margin-left:20px;    margin-top:20px;}#imagensProjetoFoto1{    width:461px;    height:240px;    position:absolute;    left:0;    top:0;    cursor:pointer;}#imagensProjetoFoto2{    width:461px;    height:240px;    position:absolute;    left:0;    top:0;    cursor:pointer;}#imagensProjetoFoto3{    width:461px;    height:240px;    position:absolute;    left:0;    top:0;    cursor:pointer;}#imagensProjeto ul{    width:150px;    height:240px;    position:absolute;    right:0;    top:0;    list-style:none;}#imagensProjeto ul li{    margin-bottom:3px;}#imagensProjeto ul li img{    width:150px;    height:75px;    position:relative;    cursor:pointer;}/* CAIXA BRANCA COMENTAROS */.MensagemComentario{    position:absolute;    left:16px;    bottom:20px;    font:11px "Tahoma";    color:gray;}#caixaBrancaComentarios{    width:96%;    margin-left:20px;    margin-top:20px;    margin-bottom:40px;    background-color:white;    float:left;}#boxComentarioFundo{    width:350px;    height:230px;    position:relative;    margin-left:20px;    margin-top:10px;    margin-bottom:20px;    background-color:#EBEBEB;}#formComentario{    padding-top:1px;}#formComentario p{    margin-top:10px;}#formComentario .LabelC{    margin-left:16px;    margin-right:50px;    position:relative;    font:11px "Tahoma";    color:gray;}#formComentario .TextC{    width:90%;    margin-left:16px;    color:gray;}#formComentario .TextAreaC{    width:90%;    margin-left:16px;    height:70px;    font:11px "Tahoma";    color:gray;}#formComentario .SubmitC{    position:absolute;    background-color:transparent;    background-image:url('img/submit_comentario.png');    border:medium none;    cursor:pointer;    bottom:16px;    right:16px;    width:40px;    height:15px}/* RODAPE */#barraRodape{    width:100%;    height:29px;    position:absolute;    bottom:0;    *bottom:-3px;    right:0;    background-color:#D4DDE6;    filter:alpha(opacity=80);    -moz-opacity: 0.80;    opacity: 0.80;}#barraRodape p{    text-align:right;    margin-right:15px;    font:10px "Tahoma";    color:#525252;    margin-top:8px;}.bordaBox {    width:200px;    position:absolute;    left:0;    bottom:29px;    *bottom:26px;    filter:alpha(opacity=80);    -moz-opacity: 0.80;    opacity: 0.80;}.bordaBox .b1, .bordaBox .b2, .bordaBox .b3, .bordaBox .b4, .bordaBox .b1b, .bordaBox .b2b, .bordaBox .b3b, .bordaBox .b4b {    display:block;    overflow:hidden;    font-size:1px;}.bordaBox .b1, .bordaBox .b2, .bordaBox .b3, .bordaBox .b1b, .bordaBox .b2b, .bordaBox .b3b {    height:1px;}.bordaBox .b2, .bordaBox .b3, .bordaBox .b4 {    background:#D4DDE6;    border-left:0px;    border-right:0px;}.bordaBox .b1 {    margin:0 5px;    background:#999;}.bordaBox .b2 {    margin:0 3px;    border-width:0 2px;}.bordaBox .b3{    margin:0 2px;}.bordaBox .b4 {    height:2px;    margin:0 1px;}.bordaBox .conteudo {    background:#D4DDE6;    height:22px;}#rodapeItens{    position:absolute;    width:240px;    height:22px;    bottom:26px;    *bottom:23px;}#rodapeItens ul{    list-style:none;    margin-left:10px;    background-color:red;}#rodapeItens ul li{    float:left;    margin-right:6px;}#rodapeOrkut{    width:42px;    height:23px;    margin:0;    padding:0;}#rodapeTwitter{    width:61px;    height:23px;    margin:0;    padding:0;}#rodapeYoutube{    width:50px;    height:23px;    margin:0;    padding:0;}#rodapeBlog{    width:49px;    height:23px;    margin:0;    padding:0;}#popout {	margin: 0;	padding: 0;	position: absolute;	left: 0;        bottom:100px;	width: 900px;	height: 217px;	z-index: 100;	overflow: hidden;}/* Basic formatting within the ad space. */#popout a, #popout a img {	text-decoration: none;	border: 0;	outline: 0; }#popout a span {	display: none; }/* Formatting the "Cap" - the part the user click to open the ad. */#popout #cap {	width: 20px;	height: 350px;	position: relative;	left: 0;	z-index: 102; }/* Formatting the close button. */#close {	position: absolute;	top: 0;	right: 0;	height: 22px;	width: 22px;        background-image:url('img/pop_close.gif');        cursor:pointer;}#open {	position: absolute;	top: 0;	right: 0;	height: 22px;	width: 22px;        background-image:url('img/pop_open.gif');        cursor:pointer;}.Ativo{    visibility:visible;}.Inativo{    visibility:hidden;}/* Formatting the ad itself. */#popout #adbox {    position: absolute;    width:900px;    height:217px;    margin-left: -800px;    z-index: 101;}#popout #popFundo {    position: absolute;    width:900px;    height:217px;    filter:alpha(opacity=80);    -moz-opacity: 0.80;    opacity: 0.80;}#popout #popBg {    position: absolute;    width:890px;    height:217px;    right:10px;    background-image:url('img/bg_pop.gif');}#popout #popBorda {    position: absolute;    width:10px;    height:217px;    background-image:url('img/borda_pop.png');    top:0px;    right:0px;}#popout #popCont {    position: absolute;    width:882px;    height:197px;    right:10px;    top:10px;}#popBarra {    position: absolute;    width:882px;    height:22px;    right:0;    bottom:0;    background-color:#818181;}#iconeLink {    position: absolute;    width:16px;    height:16px;    top:3px;    left:19px;}#enderecoLink {    position: absolute;    height:16px;    top:5px;    left:40px;    font:10px "Tahoma";    color:white;}#iconeComentarios {    position: absolute;    width:16px;    height:16px;    top:3px;    left:231px;}#enderecoComentarios {    position: absolute;    height:16px;    top:5px;    left:251px;    font:10px "Tahoma";    color:white;}#popCima {    position: absolute;    width:882px;    height:170px;    right:0;    top:0;    background-color:transparent;}#popProjeto{    width:192px;    height:170px;    position:absolute;    right:670px;    float:left;}#popProjeto h1{    font:14px "Tahoma";    position:relative;}#popProjeto img{    position:relative;    float:left;    margin-right:5px;    margin-top:10px;    width:16px;    height:16px;}#popProjeto h2{    position:relative;    font:18px "Tahoma";    color:white;    margin-top:7px;}#popProjeto p{    position:relative;    font:12px "Tahoma";    margin-left:8px;    margin-left:20px;    text-align:justify;    margin-top:5px;    font-weight:normal;}#popSolucoes{    width:220px;    height:170px;    position:absolute;    right:430px;    overflow:auto;    float:left;}#popSolucoes img{    position:relative;    float:left;    margin-right:5px;    margin-top:26px;    width:16px;    height:16px;}#popSolucoes h2{    position:relative;    font:18px "Tahoma";    color:white;    margin-top:23px;}#popSolucoes ul{    margin-top:5px;}#popSolucoes ul li{    font:12px "Tahoma";    list-style-image:url('img/icone_lista_solucoes.png');    list-style-position:outside;    *list-style-image:url('img/icone_lista_solucoes.gif');    margin-left:35px;    *margin-left:39px;}#popImagemSite{    width:300px;    height:162px;    position:relative;    margin-left:10px;    float:left;}#popImagemSite2{    width:100px;    height:162px;    position:absolute;    right:0;    top:0;}#popImagemSite2 img{    width:100px;    height:50px;    margin-bottom:10px;    *margin-bottom:5px;} /* MODAL */ #modalTitulo{    left:10px;    top:7px;    position:absolute;}#modalTitulo h1{    font:24px "Trebuchet MS";    color:white;}#closeModal{    position:absolute;    right:3px;    top:3px;    *right:6px;    *top:6px;    width:22px;    height:23px;}#modalTexto{    width:98%;    *width:97%;    height:87%;    position:absolute;    overflow:auto;    bottom:4px;    right:4px;    *right:8px;    *bottom:8px;}/* MODAL PROJETOS */#modalProjetos{    width:99%;    *width:99%;    height:90%;    position:absolute;    overflow:auto;    bottom:4px;    right:4px;    *right:8px;    *bottom:8px;}#modalProjetos ul{    list-style:none;}#modalProjetos li{    list-style:none;    float:left;    margin:5px 9px 5px 9px;    height:150px;    width:140px;    overflow:hidden;}#modalProjetos ul li img{    width:140px;    height:110px;}#modalProjetos ul li a.innerborder, a.innerborder img {float: left;overflow:hidden;}#modalProjetos ul li a.innerborder:hover {border:4px solid #323232;}#modalProjetos ul li a.innerborder:hover img {margin: -4px;}#modalProjetos ul li h2{    font:12px "Tahoma";    color:white;    line-height:16px;}#modalProjetos ul li p{    font:10px "Tahoma";    line-height:12px;}/* MODAL SOLUCOES */#modalSolucoes{    width:99%;    *width:99%;    height:93%;    position:absolute;    overflow:auto;    bottom:4px;    right:4px;    *right:8px;    *bottom:8px;}#modalSolucoes h2{    position:relative;    font:18px "Tahoma";    color:white;    margin-top:7px;    padding-left:20px;    background-image:url('img/icone_plus.png');    background-position:center left;    background-repeat:no-repeat;    margin-left:20px;    clear:right;}#modalSolucoes h3{    position:relative;    font:14px "Tahoma";    color:white;    margin-top:7px;    padding-left:20px;    background-image:url('img/icone_plus1.png');    background-position:center left;    background-repeat:no-repeat;    margin-left:60px;    clear:right;}#modalSolucoes .P2{    position:relative;    font:12px "Tahoma";    margin-left:60px;    text-align:justify;    text-indent:20px;    margin-right:20px;    margin-top:10px;}#modalSolucoes .P1{    position:relative;    font:12px "Tahoma";    margin-left:20px;    text-align:justify;    text-indent:20px;    margin-right:20px;    margin-top:10px;}#modalSolucoes a{    float:right;    margin-right:20px;    margin-top:10px;    position:relative;    font:14px "Tahoma";    color:white;    text-decoration:none;    margin-bottom:10px;}#modalSolucoes a:link{    position:relative;    font:14px "Tahoma";    color:white;    text-decoration:none;}#modalSolucoes a:active{    font:14px "Tahoma";    color:white;    text-decoration:none;}#modalSolucoes a:visited{    font:14px "Tahoma";    color:white;    text-decoration:none;}#modalSolucoes a:hover{    font:14px "Tahoma";    color:white;    text-decoration:underline;}/* MODAL SOCIAL */#modalSocial{    width:99%;    *width:99%;    height:90%;    position:absolute;    overflow:auto;    bottom:4px;    right:4px;    *right:8px;    *bottom:8px;}#modalSocial h2{    position:relative;    font:18px "Tahoma";    color:white;    margin-top:7px;    padding-left:20px;    background-image:url('img/icone_plus.png');    background-position:center left;    background-repeat:no-repeat;    margin-left:20px;    clear:right;}#modalSocial img{    float:right;    margin-right:20px;    margin-left:10px;    margin-bottom:10px;    margin-top:10px;}#modalSocial p{    position:relative;    font:12px "Tahoma";    margin-left:20px;    text-align:justify;    text-indent:20px;    margin-right:20px;    margin-top:10px;}#modalSocial a{    float:right;    margin-right:20px;    margin-top:10px;    position:relative;    font:14px "Tahoma";    color:white;    text-decoration:none;    margin-bottom:10px;}#modalSocial a:link{    position:relative;    font:14px "Tahoma";    color:white;    text-decoration:none;}#modalSocial a:active{    font:14px "Tahoma";    color:white;    text-decoration:none;}#modalSocial a:visited{    font:14px "Tahoma";    color:white;    text-decoration:none;}#modalSocial a:hover{    font:14px "Tahoma";    color:white;    text-decoration:underline;}/* MODAL NOSSOS CLIENTES */#modalClientes{    width:99%;    *width:99%;    height:90%;    position:absolute;    overflow:auto;    bottom:4px;    right:4px;    *right:8px;    *bottom:8px;}#modalClientesBox{    background-color:#F2F2F2;    position:relative;    float:left;    margin-left:20px;    margin-right:30px;    padding:20px;}#modalClientesBox ul{    list-style:none;}#modalClientesBox ul li{    background-image:url('img/fundo_clientes.jpg');    background-repeat:no-repeat;    background-position:bottom;    width:133px;    height:91px;    float:left;    margin-right:35px;    margin-bottom:10px;}#modalClientesUnit{    position:relative;    width:133px;    height:98px;    margin:0 13px 0 13px;    float:left;}/* MODAL SOLUCOES */#modalContato{    width:99%;    *width:99%;    height:93%;    position:absolute;    overflow:auto;    bottom:4px;    right:4px;    *right:8px;    *bottom:8px;}#modalContatoLinks{    position:relative;    width:250px;    margin-top:15px;    float:left;}#modalContatoLinks .Link1{    position:absolute;    left:20px;    top:0;    width:100%;}#modalContatoLinks .Link2{    position:absolute;    left:20px;    top:10px;    width:100%;}#modalContatoTrabalheConosco{    width:400px;    height:400px;    position:relative;    float:left;    margin-left:20px;    margin-top:20px;}#modalContatoTrabalheConosco form{    position:relative;    margin-top:10px;    float:left;    padding-bottom:30px;}#modalContatoTrabalheConosco form label{    position:relative;    font:12px "Tahoma";    margin-left:40px;    width:150px;    float:left;    margin-top:3px;}#modalContatoTrabalheConosco form .BaixoInput{    position:absolute;    right:12px;    bottom:-6px;    font:9px "Tahoma";}#modalContatoTrabalheConosco form h3{    position:relative;    font:14px "Tahoma";    margin-left:40px;    margin-top:8px;    margin-bottom:8px;}#modalContatoTrabalheConosco form .Select{    position:relative;    float:left;    width:200px;}#modalContatoTrabalheConosco form .Radio{    margin-right:3px;}#modalContatoTrabalheConosco form .OptionRadio{    position:relative;    font:12px "Tahoma";    padding-right:5px;}#modalContatoTrabalheConosco form .Submit{    position:absolute;    right:0px;    bottom:0;    width:60px;}#modalContatoTrabalheConosco form .Text{    position:relative;    float:left;    width:200px;}#modalContatoTrabalheConosco form .TextArea{    position:relative;    float:left;    width:200px;    height:100px;}#modalContatoTrabalheConosco form p{    position:relative;    font:12px "Tahoma";    margin-left:0px;    text-align:left;    text-indent:0px;    margin-right:0px;    height:25px;}#modalContato h2{    position:relative;    font:18px "Tahoma";    color:white;    margin-top:7px;    padding-left:20px;    background-image:url('img/icone_plus.png');    background-position:center left;    background-repeat:no-repeat;    margin-left:20px;    clear:right;}#modalContato a h2{    position:relative;    font:18px "Tahoma";    color:white;    margin-top:7px;    padding-left:20px;    background-image:url('img/icone_plus.png');    background-position:top left;    line-height:15px;    background-repeat:no-repeat;    margin-left:20px;    clear:right;}#modalContato p{    position:relative;    font:12px "Tahoma";    margin-left:20px;    text-align:justify;    text-indent:20px;    margin-right:20px;}#modalContato a{    float:right;    margin-right:20px;    margin-top:10px;    position:relative;    font:14px "Tahoma";    color:white;    text-decoration:none;    margin-bottom:10px;}#modalContato a:link{    position:relative;    font:14px "Tahoma";    color:white;    text-decoration:none;}#modalContato a:active{    font:14px "Tahoma";    color:white;    text-decoration:none;}#modalContato a:visited{    font:14px "Tahoma";    color:white;    text-decoration:none;}#modalContato a:hover{    font:14px "Tahoma";    color:white;    text-decoration:underline;}#modalAux{    position:relative;    width:100%;    height:100%;    left:15px;}#modalCaixa{    position:absolute;    width:100%;    height:100%;    background: #C5C5C5;    -moz-opacity: 0.80;    opacity: 0.80;    filter: alpha(opacity=80);    border:4px solid #7F7F7F;    margin:-4px;    *margin:0px;}#modalConteudo{    width:100%;    height:100%;    position:absolute;}*{padding: 0; margin: 0;}/* ----------------------------------------------------------------------------------------------------------------*//* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*//* ----------------------------------------------------------------------------------------------------------------*/#TB_window {}#TB_secondLine {}/* ----------------------------------------------------------------------------------------------------------------*//* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*//* ----------------------------------------------------------------------------------------------------------------*/#TB_overlay {    position: fixed;    z-index:100;    top: 0px;    left: 0px;    height:100%;    width:100%;}.TB_overlayMacFFBGHack {    background: url(macFFBgHack.png) repeat;}.TB_overlayBG {    background-color:#000;    filter:alpha(opacity=60);    -moz-opacity: 0.60;    opacity: 0.60;}* html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}#TB_window {    position: fixed;    z-index: 102;    color:#000000;    display:none;    text-align:left;    top:56%;    left:50%;}* html #TB_window { /* ie6 hack */position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}#TB_load{    position: fixed;    display:none;    height:13px;    width:208px;    z-index:103;    top: 50%;    left: 50%;    margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */}* html #TB_load { /* ie6 hack */position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}#TB_HideSelect{    z-index:99;    position:fixed;    top: 0;    left: 0;    background-color:#fff;    border:none;    filter:alpha(opacity=0);    -moz-opacity: 0;    opacity: 0;    height:100%;    width:100%;}* html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}#TB_iframeContent{    clear:both;    border:none;    margin-bottom:-1px;    margin-top:1px;    _margin-bottom:1px;}