body {margin:0px;padding:0px; background-color:#E4E4E4; } #geral{width:100%;} #topo-menu{width:100%;height:140px;float:left; background: url(img/fundo-topo-menu.png) repeat-x;} #fundo-menu{width:1003px;height:140px;margin:0 auto; background: url(img/fundo-menu.jpg) no-repeat;} #logo-menu{width:149px;height:127px;float:left;margin-left:5px;margin-top:5px; background: url(img/logo-i5publicidade.png) no-repeat;} #menu{width:820px;height:140px;float:left;margin-left:29px;margin-top:0px;} #home a{width:88px;height:140px;float:left;margin-left:0px; background:url(img/home.png) no-repeat top;} #home a:hover{width:88px;height:140px;float:left;margin-left:0px; background:url(img/home.png) no-repeat bottom;} #home .ativo{width:88px;height:140px;float:left;margin-left:0px; background:url(img/home.png) no-repeat bottom;} #age a{width:88px;height:140px;float:left;margin-left:1px; background:url(img/agen.png) no-repeat top;} #age a:hover{width:88px;height:140px;float:left;margin-left:1px; background:url(img/agen.png) no-repeat bottom;} #age .ativo{width:88px;height:140px;float:left;margin-left:1px; background:url(img/agen.png) no-repeat bottom;} #desi a{width:88px;height:140px;float:left;margin-left:1px; background:url(img/desi.png) no-repeat top;} #desi a:hover{width:88px;height:140px;float:left;margin-left:1px; background:url(img/desi.png) no-repeat bottom;} #desi .ativo{width:88px;height:140px;float:left;margin-left:1px; background:url(img/desi.png) no-repeat bottom;} #inte a{width:88px;height:140px;float:left;margin-left:1px; background:url(img/inter.png) no-repeat top;} #inte a:hover{width:88px;height:140px;float:left;margin-left:1px; background:url(img/inter.png) no-repeat bottom;} #inte .ativo{width:88px;height:140px;float:left;margin-left:1px; background:url(img/inter.png) no-repeat bottom;} #publi a{width:101px;height:140px;float:left;margin-left:1px; background:url(img/publi.png) no-repeat top;} #publi a:hover{width:101px;height:140px;float:left;margin-left:1px; background:url(img/publi.png) no-repeat bottom;} #publi .ativo{width:101px;height:140px;float:left;margin-left:1px; background:url(img/publi.png) no-repeat bottom;} #grafic a{width:88px;height:140px;float:left;margin-left:1px; background:url(img/grafic.png) no-repeat top;} #grafic a:hover{width:88px;height:140px;float:left;margin-left:1px; background:url(img/grafic.png) no-repeat bottom;} #grafic .ativo{width:88px;height:140px;float:left;margin-left:1px; background:url(img/grafic.png) no-repeat bottom;} #port a{width:88px;height:140px;float:left;margin-left:1px; background:url(img/port.png) no-repeat top;} #port a:hover{width:88px;height:140px;float:left;margin-left:1px; background:url(img/port.png) no-repeat bottom;} #port .ativo{width:88px;height:140px;float:left;margin-left:1px; background:url(img/port.png) no-repeat bottom;} #dife a{width:95px;height:140px;float:left;margin-left:1px; background:url(img/difere.png) no-repeat top;} #dife a:hover{width:95px;height:140px;float:left;margin-left:1px; background:url(img/difere.png) no-repeat bottom;} #dife .ativo{width:95px;height:140px;float:left;margin-left:1px; background:url(img/difere.png) no-repeat bottom;} #contato a{width:88px;height:140px;float:left;margin-left:1px; background:url(img/contato.png) no-repeat top;} #contato a:hover{width:88px;height:140px;float:left;margin-left:1px; background:url(img/contato.png) no-repeat bottom;} #contato .ativo{width:88px;height:140px;float:left;margin-left:1px; background:url(img/contato.png) no-repeat bottom;} #conteudo-vinho{width:100%;float:left;height:517px; background: #320001 url(img/fundo-meio-wine.png) no-repeat; background-position:center;} /*Centro*/ #conteudo-meio{width:1003px;height:500px;margin:0 auto; margin-top:0px;} #sombra-embaixo-topo{width:971px;height:18px;float:left; background: url(img/sombra-embaixo-topo.png) no-repeat;} #sombra-embaixo-baixo{width:971px;height:18px;margin:0 auto; background: url(img/sombra-embaixo-baixo.png) no-repeat;} #banner{width:100%;height:440px; float:left;margin-left:0px;margin-top:50px;} #rodape{width:100%;float:left;height:517px; background: url(img/fundo-rodape.png) repeat-x; background-position:center;} #dentro-rodape{width:1003px;height:572px;margin:0 auto;margin-top:15px;} #rodape-esquerdo{width:530px;height:480px;float:left;margin-left:0px;} .titulo-rodape-esquerdo{width:225px;height:30px;float:left;margin-left:15px;margin-top:2px;font:24px "Segoe UI", Verdana, Tahoma, Arial; color:#333;} #rodape-direito{width:466px;height:400px;float:left;margin-left:5px;} .chat-icon{width:176px;height:80px;float:right;} /*pagina chat*/ .chat{width:223px;height:64px;float:right;margin-top:12px;margin-right:5px;} .chat-img{width:16px;height:64px;float:left;margin-top:12px;margin-left:56px; background:url(img/fundo-chat-img.jpg) no-repeat;} .titulo-rodape-direito{width:225px;height:39px;float:left;margin-left:15px;margin-top:30px;font:30px "Segoe UI", Verdana, Tahoma, Arial; color:#333;} .texto-rodape-direito{width:400px;float:left;margin-top:20px;font:14px Verdana, Tahoma, Arial; color:#333;} #redes{width:147px;height:80px;float:right;margin-right:5px;margin-top:20px;} #todos-direitos-fone{width:500px;height:65px;float:left;margin-left:260px;margin-top:0px;font:20px "Segoe UI", Tahoma, Verdana, Arial; color:#333;text-align:center; } #todos-direitos{width:500px;height:60px;float:left;margin-left:260px;margin-top:10px;font:12px Verdana, Tahoma, Arial; color:#333;text-align:center;} .registrada{font:9px Verdana, Tahoma, Arial; color:#333;} /*======================outras paginas OUTRAS PÁGINAS=====================*/ /*centro das paginas*/ #conteudo-vinho-pgs{width:100%;float:left; background: #320001 url(img/fundo-meio-wine-pgs.png) no-repeat; background-position:center top;} #conteudo-pgs{width:1003px;margin:0 auto; margin-top:0px;} #conteudo-meio-pgs{width:1003px;float:left; background:#E4E4E4 url(img/fundo-paginas.png) repeat-x;} .conteudo-canto-direito-pgs{width:101px;height:88px;float:right;margin-right:0px; margin-top:0px; background:url(img/fundo-paginas-canto-direito.jpg) no-repeat} #sombra-embaixo-topo-pgs{width:971px;height:18px;float:left; background: url(img/sombra-embaixo-topo.png) no-repeat;} #sombra-embaixo-baixo-pgs{width:971px;height:18px;float:left; background: url(img/sombra-embaixo-baixo-pgs.png) no-repeat; background-position:bottom;} .titulo-pgs{width:600px;height:45px;float:left;margin-left:22px;margin-top:30px;font:22px "Segoe UI", Tahoma, Verdana, Arial; color:#666; font-weight:bold;} .titulo-pgs h1{width:600px;height:30px;float:left;margin-left:22px;margin-top:10px;font:22px "Segoe UI", Tahoma, Verdana, Arial; color:#666; font-weight:bold;} .texto-pgs {width:794px;float:left;margin-left:30px;margin-top:14px;font:16px "Segoe UI", Tahoma, Verdana, Arial; color:#333;} .texto-pgs-maior{width:920px;float:left;margin-left:30px;margin-top:5px;font:16px "Segoe UI", Tahoma, Verdana, Arial; color:#333;} .texto-pgs-maior-italico{font:16px "Segoe UI", Tahoma, Verdana, Arial; color:#333;font-style:italic;} .sub-titulo-pgs{float:left;margin-top:10px;font:20px "Segoe UI", Tahoma, Verdana, Arial; color: #600;} /*design*/ .box-servicos-design {height:170px;float:left;margin-left:24px;margin-top:16px;font:18px "Segoe UI", Tahoma, Verdana, Arial; color:#333;} /*rodape outras paginas*/ #rodape-pgs{width:100%;height:230px;float:left; background:url(img/fundo-rodape-pgs.png) repeat-x; background-position:center; } #dentro-rodape-pgs{width:1003px;margin:0 auto;height:210px;margin-top:0px; } .rodape-lado-direito-redes-chat{width:150px;height:190px;float:right;margin-top:10px;} .atendimento{width:150px;height:12px;float:left;margin-bottom:6px;font:12px Verdana, Tahoma, Arial; color:#333;text-align:center;} .chat-icon-pgs{width:150px;height:100px;float:right;margin-top:0px; } #redes-pgs{width:147px;height:80px;float:right;margin-right:5px;margin-top:10px;} #todos-direitos-fone-pgs{width:500px;height:65px;float:left;margin-left:260px;margin-top:20px;font:20px "Segoe UI", Tahoma, Verdana, Arial; color:#333;text-align:center; } #todos-direitos-pgs{width:500px;height:60px;float:left;margin-left:260px;margin-top:10px;font:12px Verdana, Tahoma, Arial; color:#333;text-align:center; } .registrada-pgs{font:9px Verdana, Tahoma, Arial; color:#333;} .matriz{font:18px "Segoe UI", Tahoma, Verdana, Arial; color: #8B0C3C;} /*contato formulario*/ .texto-fom {width:760px;margin-left:0px;float:left;margin-left:100px;margin-top:2px;font: 14px Verdana, Arial, Tahoma;color:#333; text-align:center;} #formulario-contato{width:600px;height:550px;float:left;margin-left:145px;margin-top:0px;} #dentro-form{width:500px;float:left;margin-left:85px;margin-top:6px; } .nome-form{width:500px;height:25px;float:left;margin-top:2px;text-align:left;} .form-name{width:100px;height:25px;float:left;margin-top:2px;text-align:right; font: 15px Verdana, Arial, Tahoma;color: #333;line-height:23px;}/*azul*/ .form-input{width:340px;height:25px;float:left;margin-top:1px;margin-left:4px;text-align:right;text-align:left;} .form-textarea{width:285px;height:130px;float:left;margin-top:2px;margin-left:4px;text-align:right;text-align:left;} .d-form-input{height:24px;padding:0px 2px;font:15px Verdana, Arial, Tahoma;color: #333;border:1px #CCC solid;} .d-form-text{padding:0px 2px;font:14px Verdana, Arial, Tahoma;color:#333;border:1px #CCC solid;} /*para verificação de dominio*/ .exemplo{font-family:Arial, Verdana, Tahoma;font-size:11px;color:#333;} #form-button{width:148px;height:54px;float:left;margin-left:106px;margin-top:10px;} /*hospedagem dominio*/ .verifique-dominio{width:800px;float:left;margin-left:60px;margin-top:10px;font:18px "Segoe UI", Tahoma, Verdana, Arial; color: #600;} .tabela-hospedagem{width:569px;height:584px;float:left;margin-left:180px;margin-top:10px; background:url(img/tabela.gif) no-repeat;} .contratar-hospedagem{width:359px;height:40px;float:left;margin-left:385px;margin-top:1px;margin-bottom:100px;} .bt-hosp-20 a{width:110px;height:40px;float:left;margin-left:8px;margin-top:0px; background:url(img/bt-hosp-20.png) no-repeat top;} .bt-hosp-20 a:hover{width:110px;height:40px;float:left;margin-left:8px;margin-top:0px; background:url(img/bt-hosp-20.png) no-repeat bottom;} .bt-hosp-30 a{width:110px;height:40px;float:left;margin-left:10px;margin-top:0px; background:url(img/bt-hosp-30.png) no-repeat top;} .bt-hosp-30 a:hover{width:110px;height:40px;float:left;margin-left:10px;margin-top:0px; background:url(img/bt-hosp-30.png) no-repeat bottom;} .bt-hosp-40 a{width:110px;height:40px;float:left;margin-left:11px;margin-top:0px; background:url(img/bt-hosp-40.png) no-repeat top;} .bt-hosp-40 a:hover{width:110px;height:40px;float:left;margin-left:11px;margin-top:0px; background:url(img/bt-hosp-40.png) no-repeat bottom;} /*whois registro-dominio a parte de verificação de domínio dominio*/ .registre-dom{width:670px;float:left;font:16px Verdana, Arial, Tahoma;color:#036;} /*tudo sobre o dominio*/ .input-busca{width:660px;height:30px;float:left;margin-top:0px;} .input-dominio-externo{width:660px;height:50px;float:left;margin-left:0px;margin-top:0px;} .exemplo-dominio{width:150px;height:12px;float:left;margin-left:210px;margin-top:14px;font:11px Verdana, Arial, Tahoma;color: #333; } .input-www{width:58px;height:30px;float:left;margin-left:2px;margin-top:11px;font:18px Arial, Verdana, Tahoma;color: #333;font-weight:bold;} /*input onde digita o dominio*/ .input-dominio-interno{width:340px;height:28px;float:left;margin-left:4px;margin-top:4px;border:1px solid #CCC;} .input-dominio-height{height:26px;float:left;margin-left:4px;font:16px Verdana, Arial, Tahoma; color:#333; background:none;border:none;} .ponto{width:5px;height:20px;float:left;margin-left:6px;margin-top:8px;font:23px Arial, Verdana, Tahoma;color: #333;font-weight:bold;} .input-select{width:100px;height:40px;float:left;margin-left:5px;margin-top:4px;} /*select*/ .input-ext{height:32px;margin-right:0px;float:left;font:18px Verdana, Arial, Tahoma; color:#666;border:1px solid #CCC;} .bt-dominio{width:120px;height:42px;float:right;margin-right:14px;margin-top:0px;border:none;cursor:pointer; background:url(img/bt-dominio.png) no-repeat; } #resul-dominio{width:595px;height:80px;float:left;margin-top:20px;} /*onde aparece se o dom está ok ou já register*/ .dominio-ok-off{height:50px;margin:0 auto;margin-top:0px; background-color:#093;} .bt-register{height:24px;float:left;margin-top:6px; background-color:#FC0;} .font-ok{height:36px;font:16px Arial, Verdana, Tahoma; color: #333;} .disponivel{font:16px Arial, Verdana, Tahoma; color: #060;font-weight:bold;} .font-no{font:16px Arial, Verdana, Tahoma; color: #333;} .registrado{font:16px Arial, Verdana, Tahoma; color: #C00;font-weight:bold;} .font-erro{font:16px Arial, Verdana, Tahoma; color:#900;} /*contratar hospedagem e registro domínios*/ #form-registro{width:600px;float:left;margin-left:180px;margin-top:20px;} .nome-form-registro{width:600px;height:35px;float:left;margin-top:4px;text-align:left;} .form-name-registro{width:170px;height:35px;float:left;margin-top:2px;text-align:right; font: 16px Verdana, Arial, Tahoma;color: #903;line-height:18px;}/*azul*/ .form-input-registro{width:400px;height:35px;float:left;margin-top:1px;margin-left:4px;text-align:right;text-align:left;} .form-textarea-registro{width:350px;height:125px;float:left;margin-top:8px;margin-left:4px;text-align:right;text-align:left; } .d-form-input-registro-dom{padding:0px 2px;height:24px;font:17px Verdana, Arial, Tahoma;color: #333;border:1px #CCC solid;} .d-form-input-registro{padding:0px 2px;font:18px Verdana, Arial, Tahoma;color: #333;border:1px #CCC solid;} .d-form-text-registro{padding:0px 2px;font:13px Verdana, Arial, Tahoma;color:#333;border:1px #CCC solid;} .d-form-input-registro-pass{height:24px;padding:0px 2px;font:13px Verdana, Arial, Tahoma;color: #333;border:1px #CCC solid;} .exemplo-registro{font-family:Arial, Verdana, Tahoma;font-size:10px;color:#333;} #form-button-registro{width:150px;height:60px;float:left;margin-left:106px;margin-top:30px;} .nome-form-registro-rg{width:200px;height:35px;float:right;margin-top:2px;margin-right:60px;} .form-name-registro-rg{width:50px;height:35px;float:left;margin-top:0px;text-align:right; font: 16px Verdana, Arial, Tahoma;color: #903;line-height:18px;} .form-input-registro-rg{width:130px;height:35px;float:left;margin-top:0px;margin-left:4px;text-align:right;text-align:left;} .form-name-registro-cpf{width:170px;height:35px;float:left;margin-top:2px;text-align:right; font: 16px Verdana, Arial, Tahoma;color: #903;line-height:18px;} .form-input-registro-cpf{width:166px;height:35px;float:left;margin-top:1px;margin-left:4px;text-align:right;text-align:left;color:#333;} .nome-form-registro-com{width:140px;height:35px;float:right;margin-top:2px;margin-right:40px; background-color: #CC0} .form-name-registro-com{width:50px;height:35px;float:left;margin-top:0px;text-align:right; font: 16px Verdana, Arial, Tahoma;color: #903;line-height:23px;} .form-input-registro-com{width:80px;height:35px;float:left;margin-top:0px;margin-left:4px;text-align:right;text-align:left; } .nome-form-registro-uf{width:140px;height:35px;float:right;margin-top:0px;margin-right:47px;} .form-name-registro-uf{width:50px;height:35px;float:left;margin-top:0px;text-align:right; font: 16px Verdana, Arial, Tahoma;color: #903;line-height:23px;} .form-input-registro-uf{width:80px;height:35px;float:left;margin-top:0px;margin-left:4px;text-align:right;text-align:left; } .form-input-registro-cidade{width:230px;height:35px;float:left;margin-top:1px;margin-left:4px;text-align:right;text-align:left;} .barra-registro{width:540px;height:30px;float:left;margin-left:20px;margin-top:20px;margin-bottom:15px;text-align:center; font: 18px Verdana, Arial, Tahoma;color: #FFF;line-height:26px; background-color:#006699;}/*#E1E1E1*/ .ex-cpf{float:left;font:10px Arial, Verdana, Tahoma;color: #666} .ex-boleto{font:11px Arial, Verdana, Tahoma;color:#3F3F3F;} .link-registro a{font:12px Arial, Verdana, Tahoma;color:#333;text-decoration:none;} .bt-registro{width:220px;height:50px;float:left;margin-left:180px;margin-top:40px;margin-bottom:60px;} /*também registro de domínio e contratar hospedagem*/ .ex-user{width:250px;float:left;margin-left:176px;font-family:Arial, Verdana, Tahoma;font-size:11px;color:#3F3F3F;} .ex-pass{width:210px;float:left;margin-left:176px;font-family:Arial, Verdana, Tahoma;font-size:11px;color:#3F3F3F;} /*validação*/ form.cmxform fieldset fieldset {background: none;} form.cmxform label.error, label.error {margin-left:4px;font:11px Arial, Verdana, Tahoma;color: #C00;} div.error { display: none; } .texto-responavel-registo{width:600px;height:60px;float:left;margin-top:20px;font:12px Arial, Verdana, Tahoma;color:#900;font-weight:bold;} /*seo otimização*/ .link-seo a{font:22px "Segoe UI", Arial, Verdana, Tahoma;color: #C60000;text-decoration:none;} /*portifolio*/ #phoneCarousel{/* This is the carousel section, itontains the stage and the arrows */ height:200px;margin:300px auto 120px;position:relative; width:900px;} #phoneCarousel .arrow{ /* The two arrows */ width:44px; height:44px;background:url('img/arrows.png') no-repeat; position:absolute; top:50%;margin-top:-200px;left:0; cursor:pointer;} #phoneCarousel .next{ /* Individual styles for the next icon */ background-position:right top;left:auto;right:0;} /* Hover styles */ #phoneCarousel .arrow:hover{background-position:left bottom;} #phoneCarousel .next:hover{ background-position:right bottom;} #stage img{ /* Hiding all the images by default */ display:none;width:460px; height:281px;} #stage .default{ /* This class is applied only to the iphone img by default and it is the only one visible if JS is disabled */ display:block; left:50%;margin-left:-135px; position:absolute;} #stage .animationReady{ /* This class is assigned to the images on load */ display:block;position:absolute;top:0; left:0;} a img{ border:none;} /*portifolio descrição*/ .titulo-portifolio{width:800px;height:30px;float:left;margin-left:100px;margin-top:0px;font:20px "Segoe UI", Arial, Verdana, Helvetica, sans-serif; color: #EF7C14;font-weight:bold; text-align:center} .port-descriacao{width:800px;height:168px;float:left;margin-left:100px;margin-top:50px; border:solid 1px #CCC;} .port-img{width:250px;height:158px;float:left;margin-left:4px;margin-top:4px; border:solid 1px #CCC} .port-titulo{width:520px;height:35px;float:left;margin-left:20px;margin-top:4px;font: 17px Arial, Helvetica, sans-serif; color: #6A0035;font-weight:bold;} .port-texto{width:515px;height:80px;float:left;margin-left:10px;margin-top:10px;font: 14px "Segoe UI", Arial, Verdana, Helvetica; color:#333;} .port-link a{width:240px;height:20px;float:left;margin-left:110px;margin-top:10px;font:15px "Segoe UI", Arial, Verdana, Helvetica, sans-serif; color:#036; text-align:center;text-decoration:none;} .port-link a:hover{font: 15px "Segoe UI", Arial, Verdana, Helvetica, sans-serif; color:#036; text-align:center;text-decoration:underline;} .port-espaco{width:100%;height:45px;float:left;} /*Setar*/ .aguarde18{font:18px "Segoe UI", Tahoma, Verdana, Arial; color: #600;} .aguarde26{font:26px "Segoe UI", Tahoma, Verdana, Arial; color: #600;} #enviado-sucesso{width:1003px;height:500px;margin:0 auto; margin-top:0px;} .img-left{float:left;} .img-center{margin: 0 auto;} .img-right{float:right;} .text-left{text-align:left;} .text-center{text-align:center;} .text-right{text-align:right;} .border-none{border:none;}