* {margin:0; padding:0; border:0; outline:none;}
html,body {background:#858585 url(../img/bg.png) repeat-x; outline:none;}
select, input, textarea {margin:1px 0 1px 0; /*Padrao Crossover - Ver IE*/}
input.checkradio {margin:4px 5px 3px 5px; position:relative; top:-3px; border:none; /*Padrao Crossover - Ver IE*/}
a {text-decoration:none; color:#666;}
a:hover {text-decoration:underline; color:#666;}
li {list-style: none;}
div,p,input,td,body,h2,h3,h4,h5,h6 {font-family:"Tahoma", Geneva, sans-serif; color:#FFF; font-size:13px; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal;}
p {line-height:1.5em;}
h2 {font-size:18px;}
h3 {font-size:13px; color:#333;}
h4 {font-size:12px;}
h5 {font-size:11px;}
h6 {font-size:10px; color:#333;}
h1, h1 a,.rTitulo, a.bt, a.bn, .bt {display: block; text-indent:-20000px; overflow:hidden;}
ul, li {list-style:none;}


/*Noticias*/
.noticia{background-color: #949494;margin: 2px;padding: 10px;}
.noticias{background-color: #949494;margin: 10px;padding: 10px;}
.underline{border-bottom: solid 1px #494949;}

/* clearfix */
.clearfix:after {content:"."; display:block; clear:both; visibility:hidden;	line-height:0; height:0;}
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height:1%;}

/* ajudantes */
.ancora {position:relative; height:0; width:1px; z-index:20;}
.clear {clear:both;}
.min {height:10px;}
.med {height:20px;}
.max {height:30px;}
.clearL {clear:left;}
.clearR {clear:right;}
.fLeft {float:left;}
.fRight {float:right;}
.oculto {display: none;}
.bold{font-weight:bold}
.xxx {background-color:#3c3;} /*verde*/
.yyy {background-color:#fc0;} /*amarelo*/
.zzz {background-color:#06f;} /*azul*/
.bbb {border:1px solid #c00;} /*borda*/
.none {display:none !important;}

/* titulos */
.titulos {width:100%; height:30px; float:left; margin:0; overflow:hidden; text-indent:-20000px;}
.a-midia {background:url(../img/titulos.png) -2px 0 no-repeat;}
.ultimas-noticias {background:url(../img/titulos.png) -2px -30px no-repeat;}
.contato {background:url(../img/titulos.png) -2px -60px no-repeat;}
.nossos-clientes {background:url(../img/titulos.png) -2px -90px no-repeat;}
.sobre-midia {background:url(../img/titulos.png) 6px -120px no-repeat; margin:0 0 6px 0;}
.nossos-produtos {background:url(../img/titulos.png) 6px -150px no-repeat; margin:0 0 6px 0;}
.nossos-servicos {background:url(../img/titulos.png) 6px -180px no-repeat; margin:0 0 6px 0;}
.nossa-tecnologia {background:url(../img/titulos.png) 6px -210px no-repeat; margin:0 0 6px 0;}
.entre-contato {background:url(../img/titulos.png) 6px -240px no-repeat; margin:0 0 6px 0;}
.antispam {background:url(../img/titulos.png) 6px -300px no-repeat; margin:0 0 6px 0;}
.politicas-privacidade {background:url(../img/titulos.png) 6px -360px no-repeat; margin:0 0 6px 0;}
.clientes {background:url(../img/titulos.png) 6px -270px no-repeat; margin:0 0 6px 0;}
.galeria-imagens {background:url(../img/titulos.png) -2px -390px no-repeat;}
.produto-mail-marketing a {background:url(../img/titulos.png) -2px -420px no-repeat;}
.produto-mailing a {background:url(../img/titulos.png) -2px -450px no-repeat;}
.produto-class a {background:url(../img/titulos.png) -2px -480px no-repeat;}
.produto-mass a {background:url(../img/titulos.png) -2px -510px no-repeat;}
.produto-shooting a {background:url(../img/titulos.png) -2px -540px no-repeat;}
.como-chegar {background:url(../img/titulos.png) -2px -570px no-repeat;}
.mostrar-clientes {background:url(../img/titulos.png) -2px -600px no-repeat;}
.servico-criacao a {background:url(../img/titulos.png) -2px -630px no-repeat;}
.servico-locacao a {background:url(../img/titulos.png) -2px -660px no-repeat;}
.servico-envio a {background:url(../img/titulos.png) -2px -690px no-repeat;}
.servico-sim a {background:url(../img/titulos.png) -2px -720px no-repeat;}
.servico-target a {background:url(../img/titulos.png) -2px -750px no-repeat;}

/* estrutura */
.geral {width:100%; float:left; display:block; background:url(../img/bg-internas.png) 0 155px repeat-x;}
.home {background:url(../img/bg-vitrine.png) 0 155px repeat-x !important;}
#centro {width:990px; margin:0 auto; position:relative; display:block;}
#centro .content {width:990px; float:left; position:relative;} 
#topo {width:100%; height:155px; position:relative; }
#topo h1 a {width:192px; height:138px; display:block; position:absolute; top:10px; left:30px; background:url(../img/logo.png) no-repeat; z-index:2;}
#topo .slogan {width:345px; height:50px; position:absolute; top:18px; left:234px; overflow:hidden; text-indent:-20000px; background:url(../img/bg-slogan.png) no-repeat;}
#topo .topo-contato {width:364px; height:82px; position:absolute; top:0; right:30px; overflow:hidden; text-indent:-20000px; background:url(../img/bg-topo-contato.png) no-repeat;}
#topo .topo-contato a {width:120px; height:20px; position:absolute; bottom:0; right:0;}
#topo .topo-contato a:hover {background:url(../img/bg-topo-contato.png) bottom right no-repeat;}

#conteudo {width:990px; float:left; position:relative;}
.internas-fade {background:url(../img/bg-internas-fade.png) center 1px no-repeat; padding:12px 30px 30px 30px !important;}
#conteudo .interno {width:930px; float:left; padding:30px;}
#conteudo .interno .col-esq {width:450px; float:left; overflow:hidden;}
#conteudo .interno .col-dir {width:450px; float:left; overflow:hidden; margin:0 0 0 30px;}

.btn-padrao a {color:#252525; font-size:11px; text-decoration:none; padding:4px 4px 4px 20px; margin:3px 0; float:left; background:url(../img/icons.png) 0 3px no-repeat;}
.btn-padrao a:hover {color:#252525; text-decoration:underline;}
.link-padrao {color:#252525 !important; text-decoration:none; padding:4px 13px 4px 4px; margin:3px 0; background:url(../img/ico-link.png) right 7px no-repeat;}
.link-padrao:hover {color:#252525 !important; text-decoration:underline;}
.link-white {color:#FFF !important; text-decoration:none;}
.link-white:hover {color:#FFF !important; text-decoration:underline;}

.m-top {margin:10px 0 0 0 !important; display:block !important;}
.mb-top {margin:-10px 0 0 0 !important; *margin:5px 0 0 0 !important; display:block !important;}
.font-small {font-size:10px !important; margin:0 !important; padding:0 !important;}
.galeria {width:450px; height:115px; float:left; overflow:hidden; background:url(../img/bg-galeria-imagens.png) no-repeat;}
.galeria ul li a {width:83px !important;}
.galeria-img {border:solid 1px #FFF !important; margin:-1px;}
.txt-lista li {color:#282828; font-size:12px; padding:6px 0 0 0;}
.selo-novo {width:48px; height:48px; position:absolute; top:0; right:50px; background:url(../img/icons.png) 0 -23px no-repeat;}
.selo-breve {width:48px; height:20px; position:absolute; top:18px; right:50px; background:url(../img/icons.png) 0 -87px no-repeat;}

#rodape {width:100%; height:165px; float:left; background:url(../img/bg-rodape.png) bottom repeat-x;}
#rodape .interno {width:930px; height:165px; margin:0 auto; position:relative; background:url(../img/bg-rodape-fones.png) center 84px no-repeat;}
#rodape .interno .logo-grupo a {width:134px; height:37px; overflow:hidden; text-indent:-20000px; position:absolute; top:20px; left:10px; background:url(../img/logo-grupo-cyber.png) no-repeat;}
#rodape .interno .menu-rodape {width:410px; height:60px; position:absolute; top:12px; left:180px;}
#rodape .interno .menu-rodape ul li {float:left; display:block;}
#rodape .interno .menu-rodape ul li a {float:left; display:block; width:111px; font-size:11px; color:#CCC; text-decoration:none; padding:4px 4px 4px 20px; background:url(../img/icons.png) 0 3px no-repeat;}
#rodape .interno .menu-rodape ul li a:hover {color:#CCC; text-decoration:underline;}
#rodape .interno .logo-pagseguro {width:296px; height:75px; position:absolute; top:5px; right:10px; overflow:hidden;  background:url(../img/logo-pagseguro.png) no-repeat;}
#rodape .interno .logo-pagseguro a
{text-decoration:none;
 color:#fff;
 
 }
 #rodape .interno .logo-pagseguro a:hover
{
  
 
 }
 
 .ImgIntranet
 {
     width:25px;
     height:20px;
     float:left;
     margin-right:10px;
     
     }
     
    .ImgIntranet a
    {
        
        }
 
#rodape .interno .fones-rodape {width:560px; height:20px; position:absolute; bottom:20px; left:4px;}
#rodape .interno .fones-rodape ul li {float:left; display:inline; font-size:16px; color:#FFF;}
#rodape .interno .fones-rodape ul li.fone-rs {margin:0 0 0 1px;}
#rodape .interno .fones-rodape ul li.fone-sp {margin:0 0 0 39px;}
#rodape .interno .fones-rodape ul li.fone-rj {margin:0 0 0 38px;}
#rodape .interno .fones-rodape ul li.fone-mg {margin:0 0 0 43px;}

#rodape .assinatura {width:330px; height:60px; position:absolute; bottom:4px; right:10px;}
#rodape .assinatura p {font-size:11px; color:#FFF; text-align:right;}
#rodape .assinatura a {width:63px; height:19px; display:block; position:absolute; right:0; bottom:0; overflow:hidden; text-indent:-20000px; background:url(../img/bg-rodape-assinatura.png) right no-repeat;}

/* fotos */
.foto {height:auto; float:left; overflow:hidden; margin:0 10px 0 0;}
a.foto {border:1px solid #666; border-width:1px;}
a.foto img {float:left; overflow:hidden; margin:-1px;}
a.foto:hover {border:1px solid #333 !important; border-width:1px;}
a.foto:hover img {margin:-1px;}

/* Menu */
.menuPrincipal {width:732px; height:40px; position:absolute; bottom:0; right:29px;}
.menuPrincipal ul li {display:inline; float:left;}
.menuPrincipal ul li a {display:inline; float:left; width:122px; height:40px; margin:0; text-indent:-20000px; overflow:hidden; background:url(../img/bg-menu.png) no-repeat;}
.menuPrincipal ul li.menu1 a {background-position:-19px 0;}
.menuPrincipal ul li.menu1 a:hover {background-position: -19px -80px;}
.menuPrincipal ul li.menu1.ativo a {background-position: -19px -160px; height:41px !important;}

.menuPrincipal ul li.menu2 a {background-position: -143px 0;}
.menuPrincipal ul li.menu2 a:hover {background-position: -143px -80px;}
.menuPrincipal ul li.menu2.ativo a {background-position: -143px -160px; height:41px !important;}

.menuPrincipal ul li.menu3 a {background-position: -267px 0;}
.menuPrincipal ul li.menu3 a:hover {background-position: -267px -80px;}
.menuPrincipal ul li.menu3.ativo a {background-position: -267px -160px; height:41px !important;}

.menuPrincipal ul li.menu4 a {background-position: -391px 0;}
.menuPrincipal ul li.menu4 a:hover {background-position: -391px -80px;}
.menuPrincipal ul li.menu4.ativo a {background-position: -391px -160px; height:41px !important;}

.menuPrincipal ul li.menu5 a {background-position: -515px 0;}
.menuPrincipal ul li.menu5 a:hover {background-position: -515px -80px;}
.menuPrincipal ul li.menu5.ativo a {background-position: -515px -160px; height:41px !important;}

.menuPrincipal ul li.menu6 a {background-position: -639px 0;}
.menuPrincipal ul li.menu6 a:hover {background-position: -639px -80px;}
.menuPrincipal ul li.menu6.ativo a {background-position: -639px -160px; height:41px !important;}

/* home */
.box-noticias {background-color: #656565;float: left;padding: 5px;width: 440px;}
.box-noticias h3 a {color:#333;}
.data {color:#CCC;}
.box-clientes-home ul {margin:0 -15px 0 0; float:left; display:block;}
.box-clientes-home ul li {float:left; display:inline; overflow:hidden; text-align:center; width:140px; height:80px; *height:65px; margin:0 15px 15px 0; *padding:15px 0 0 0; background:url(../img/bg-logo-clientes.png) no-repeat;}
.box-clientes-home ul li a {width:140px; height:80px; text-align:center; vertical-align:middle; display:table-cell;}

/* produtos */
h2.trigger {width:450px; height:54px; float:left; position:relative; cursor:pointer; background:url(../img/btn-toogle-a.png) no-repeat;}
h2.trigger a {text-decoration: none; display: block; cursor:pointer; height:26px; margin:14px 0 0 14px;}
h2.trigger:hover {background:url(../img/btn-toogle-a.png) 0 -60px no-repeat;}
h2.trigger.active {background:url(../img/btn-toogle-a.png) bottom no-repeat;}
.toggle_container {width:450px; float:left; overflow:hidden; position:relative; top:-6px; height:auto;}
.toggle_container .block {padding:2px 17px 17px 17px; background:url(../img/btn-toogle-hover.png) bottom no-repeat;}
.toggle_container .block p {color:#333 !important;}

/* parceiros */
.box-parceiros-logos ul li {float:left; display:inline; width:126px; height:80px; margin:0 10px 10px 0; text-align:center; padding:6px; border:solid 1px #CCC;}
.box-parceiros-modal {padding:10px;}
.box-parceiros-modal img {float:left; margin:0 10px 0 0;}

/* localização */
.box-localizacao {width:180px; line-height:1.6em; padding:5px; float:left; overflow:hidden;}
.box-mapa {width:440px; float:left; margin:0 !important;}
.borda-mapa {border:solid 1px #999;}

/* contato */
.box-contato {width:450px; height:475px; float:left; overflow:hidden; background:url(../img/bg-contato.png) no-repeat;}
.box-contato h3 {margin:10px 0 0 20px;}
.box-contato p {margin:-5px 0 0 23px; padding:0 20px 0 0; font-size:11px; float:left;}
.box-contato p a {color:#FFF; text-decoration:underline;}
.box-como-chegar {width:450px; float:left; overflow:hidden;}
.maps-borda {border:solid 1px #333;}
.box-chat {width:450px; height:112px; float:left; overflow:hidden; position:relative; background:url(../img/bg-chat.png) no-repeat;}
.bnt-chat a {width:90px; height:24px; position:absolute; top:36px; left:110px; display:block; overflow:hidden; text-indent:-20000px;}
.bnt-email-chat a {width:150px; height:24px; position:absolute; top:76px; left:260px; display:block; overflow:hidden; text-indent:-20000px;}

/* clientes */
.box-clientes-full ul {margin:0 -15px 0 2px; float:left; display:block;}
.box-clientes-full ul li {float:left; display:inline; overflow:hidden; text-align:center; width:140px; height:80px; *height:70px; margin:0 17px 17px 0; *padding:10px 0 0 0; background:url(../img/bg-logo-clientes.png) no-repeat;}
.box-clientes-full ul li a {width:140px; height:80px; text-align:center; vertical-align:middle; display:table-cell;}
.divisoria-horz {background:url(../img/divisoria-horz.png) 0 8px repeat-x;}

/* formularios */ 
.formulario {width:420px; float:left; position:relative; overflow:hidden; top:26px; left:20px;}
.formulario fieldset {width:200px !important; float:left; margin:0 10px 10px 0;}
.formulario .field-full {width:410px !important; float:left; position:relative; z-index:1;}
.formulario label {float:left;}
.formulario input {color:#333; font-size:13px; width:192px; height:22px; padding:4px; background:url(../img/bg-input-padrao.png) top repeat-x; font-family:"Tahoma", Geneva, sans-serif;}
.formulario select {width:200px !important; height:22px; padding:4px; font-family:Arial, Helvetica, sans-serif; color:#333; font-size:12px;}
.formulario p {text-align:left; float:left; color:#FFF !important; width:100%; padding:0 !important; margin:0 !important; font-size:13px !important; line-height:1.3em !important; line-height: /*\**/ 1.5em\9 !important;}
.formulario .formMsg {width:402px !important; height:82px !important; background:#FFF url(../img/bg-input-msg.png) top repeat-x; font-family:"Tahoma", Geneva, sans-serif; color:#333; font-size:13px; padding:4px;}
.formulario .inputBtnEnviar {width:80px; height:30px; float:right; margin:0 10px 0 0; overflow:hidden; text-indent:-20000px; background:url(../img/botoes.png) 0 0 no-repeat; cursor:pointer;}
.formulario .inputBtnEnviar:hover {background:url(../img/botoes.png) -90px 0 no-repeat;}
.formulario p.form-info {color:#CCC !important; width:auto !important; float:left !important; margin:10px 0 0 0 !important;}

