<!DOCTYPE HTML>
<html lang="pt-br">
<head>
	<title>VSEIS design + web</title>
	<meta charset="utf-8" />
    <meta property="og:image" content="imagens/logo_fb.jpg" />
    <meta property="og:description" content="VSEIS" />    
	<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
	<script src="js/html5_ie.js"></script>
	
    <script src="js/jquery.js"></script>	
	
    <link rel="stylesheet" type="text/css" href="css/global.css" media="screen" />		
	<link rel="stylesheet" type="text/css" href="css/texto.css" media="screen" />  	
	
	<script src="//use.typekit.net/gtc3hwn.js"></script>
	<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
	
    <script src="js/custom-form-elements.js"></script>
	<script src="js/jquery.anchor.js"></script>
</head>
<body>

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1&appId=240810459277635";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>


 <script type="text/javascript">
    $(window).load(function()
    {
        var scroller = new StickyScroller("#scrollbox",
        {
            start: 400,
            end: 9900,
            interval: 0,
            range: 100,
            margin: 0
        });
                
        var opacity = .25;
        var fadeTime = 300;
        var current;
                
        //Apply opacity to all but first item.
        $(".block").slice(1).css('opacity', opacity);
        
		/*scroller.onNewIndex(function(index)
        {
            $("#scrollbox").html("Index " + index);
        });*/
		
		scroller.onNewIndex(function(index)
        {
            $("#scrollbox").css('z-index','9999');
            $('#scrollcontainer').css('z-index','9999')
        });
		
        scroller.onScroll(function(index)
        {                        
            if(scroller.inRange())
            {
                $(".block").eq(index).stop(true).animate({"opacity": 1}, fadeTime);
                if(!(
                (index === 0 || index === scroller.lastIndex()) &&
                (scroller.getOldIndex() === 0 || scroller.getOldIndex() === scroller.lastIndex())
                    ))
                {
                    $(".block").eq(scroller.getOldIndex()).stop(true).animate({"opacity": opacity}, fadeTime);
                }
            }
        });
        

    });

    </script>
    
    
    <div id="main">
    	<div  class="menu_fixo" id="scrollbox">
    		<div class="fix">
    			<div class="logo"></div>
    			<div class="menu b24">
					<a href="#servicos" class="anchorLink">serviços</a>
					<a href="#portfolio" class="anchorLink">portfolio</a>
					<a href="#sobre" class="anchorLink">sobre</a>
				<!--	<a href="#parceria" class="anchorLink active">parceria <span class="icone_parceria"></span></a> -->
					<a href="#footer" class="anchorLink ultimo">contato</a>
					<a href="https://twitter.com/vseis" class="icone_twitter" target="_blank"></a>
					<a href="http://www.facebook.com/vseistec" class="icone_facebook" target="_blank"></a>
				</div>
    		</div>
    	</div><!-- scrollbox -->
                
        <header>
			<div class="fix">
				<a href="index.php" class="logo"></a>
				<nav class="menu b24">
					<a href="#servicos" class="anchorLink">serviços</a>
					<a href="#portfolio" class="anchorLink">portfolio</a>
					<a href="#sobre" class="anchorLink">sobre</a>
					<!--<a href="#parceria" class="anchorLink active">parceria</a>-->
					<a href="#footer" class="anchorLink ultimo">contato</a>
					<a href="https://twitter.com/vseis" class="icone_twitter" target="_blank"></a>
					<a href="http://www.facebook.com/vseistec" class="icone_facebook" target="_blank"></a>
				</nav>
				<div class="titulo">
					<div id="slides_frase">
						<div class="slides_container">
							<div><h1>
								<span class="fazer">fazer</span>
								<span class="outro">acontecer</span>
							</h1></div>
							<div><h1>
								<span class="fazer">fazer</span>
								<span class="outro">com você</span>
							</h1></div>
							<div><h1>
								<span class="fazer">fazer</span>
								<span class="outro">bonito</span>
							</h1></div>
							<div><h1>
								<span class="fazer">fazer</span>
								<span class="outro">design</span>
							</h1></div>
							<div><h1>
								<span class="fazer">fazer</span>
								<span class="outro">web</span>
							</h1></div>
							<div><h1>
								<span class="fazer">fazer</span>
								<span class="outro">bonito</span>
							</h1></div>
							
						</div>
					</div><!-- slides_frase -->
					<h2 class="tit_fix">é tudo o que a gente quer</h2>
				</div>
			</div>
		</header>
		
		<section class="linha_vermelha">
			<div class="fix">
				<div id="servicos"></div>
				<h1 class="b45">Somos uma agência de design + web</h1>
				<h2 class="b27">Preocupados em entregar projetos sob medida.<br>Sistemas que funcionam e não atrapalham seu dia a dia.</h2>
				<div class="bt_abrir"></div>
				<div class="b27 mais_conteudo">
					<table width="660"><tr>
						<td>
							<h1>Do que gostamos</h1>
							<h2>Design</h2>
							<h2>Web</h2>
							<h2>Tecnologia</h2>
							<h2>Digital</h2>
							<h2>Fotografia</h2>
							<h2>Música</h2>
						</td>
						<td>
							<h1>O que fazemos</h1>
							<h2>Criação</h2>
                            <h2>Design</h2>
							<h2>Sites</h2>
							<h2>Impressos</h2>
							<h2>Sistemas</h2>
							<h2>Marcas</h2>
						</td>
					</tr></table>
				</div>
				<div class="clear"></div>		
			</div>
		</section><!-- linha_vermelha -->
        
        <section class="linha_branca" id="portfolio">
			<div class="fix">
				<h1 class="titulo">O que fizemos</h1>
				<h2 class="p29">Muito mais do que projetos bonitinhos</h2>
				
				<div class="lista">
					<div class="principal">
						<div class="cada primeiro">
							<div class="img"><img src="imagens/case_big1.jpg" alt="Vibra Branding" title="Vibra Branding" width="315" height="315" /></div>
							<a href="http://www.vibrabrandingesportivo.com.br/" target="_blank" class="legenda b29"><h3>Vibra Branding Esportivo<br>&gt; visite</h3></a>
						</div>
						<div class="cada">
							<div class="img"><img src="imagens/case_big2.jpg" alt="case_big2" title="Caetano" width="315" height="315" /></div>
							<a href="http://www.caetanoveloso.com.br/" target="_blank" class="legenda b29"><h3>Caetano Veloso<br>&gt; visite</h3></a>
						</div>
						<div class="cada">
							<div class="img"><img src="imagens/case_big3.jpg" alt="case_big1" title="Vibra Branding" width="315" height="315" /></div>
							<a href="http://www.universalmusic.com.br/" target="_blank" class="legenda b29"><h3>Universal Music<br>&gt; visite</h3></a>
						</div>
					</div>
					<div class="outros">
						<div class="cada primeiro">
							<div class="img"><img src="imagens/case1.jpg" alt="case_big1" width="236" /></div>
							<a href="http://mumuzinhooficial.com.br/" target="_blank" class="legenda b29"><h3>Mumuzinho<br>&gt; visite</h3></a>
						</div>
						<div class="cada">
							<div class="img"><img src="imagens/case2.jpg" alt="case_big1" width="236"/></div>
							<a href="http://www.mixirica.com.br/" target="_blank" class="legenda b29"><h3>Mixirica<br>&gt; visite</h3></a>
						</div>
						<div class="cada">
							<div class="img"><img src="imagens/case3.jpg" alt="case_big1" width="236"/></div>
							<a href="http://www.paulafernandes.com.br/" target="_blank" class="legenda b29"><h3>Paula Fernandes<br>&gt; visite</h3></a>
						</div>
						<div class="cada">
							<div class="img"><img src="imagens/case4.jpg" alt="case_big1" width="236"/></div>
							<a href="http://www.metidaa.com.br/" target="_blank" class="legenda b29"><h3>Metida a<br>&gt; visite</h3></a>
						</div>
						<div class="clear"></div>
						<div class="cada primeiro">
							<div class="img"><img src="imagens/case5.jpg" alt="case_big1" width="236" /></div>
							<a href="http://www.digibase.com.br/" target="_blank" class="legenda b29"><h3>Digibase<br>&gt; visite</h3></a>
						</div>
						<div class="cada">
							<div class="img"><img src="imagens/case6.jpg" alt="case_big1" width="236"/></div>
							<a href="http://www.pontosmis.org.br/" target="_blank" class="legenda b29"><h3>Pontos MIS<br>&gt; visite</h3></a>
						</div>
						<div class="cada">
							<div class="img"><img src="imagens/case7.jpg" alt="case_big1" width="236"/></div>
							<a href="http://www.ipt.br/" target="_blank" class="legenda b29"><h3>IPT<br>&gt; visite</h3></a>
						</div>
						<div class="cada">
							<div class="img"><img src="imagens/case8.jpg" alt="case_big1" width="236"/></div>
							<a href="http://www.transmar.com.br/" target="_blank" class="legenda b29"><h3>Transmar<br>&gt; visite</h3></a>
						</div>
					</div>
				</div><!-- lista -->
				
				<div class="oculos"></div>
				
				<div class="clear"></div>
			</div>
		</section><!-- linha_branca -->
        
        
        <div class="linha_preta">
	        <section class="quem_somos" id="sobre">
				<div class="fix">
					<h1 class="titulo">Quem somos?</h1>
					<h2 class="b29">Somos uma agência criativa<br>que desde 2002 faz muita coisa legal.</h2>
					<h3 class="b22">E tudo começou sem querer, quer saber mais?!<br>Conheça nossa história</h3>
					<div class="bt_abrir"></div>
					<div class="b22 mais_conteudo">
					VSEIS - o nome - não significa nada, antes que você
					pergunte. Era uma sigla bonita que tinha o domínio livre, lá
					em 2002 quando fundamos a empresa. 
					<br><br>
					Foi sem querer. Amigos que gostam de trabalhar juntos e
					fazer o que querem, não o que o chefe manda. Foi essa
					liberdade e vontade de criar que construiu a VSEIS como ela
					é hoje.<br>
					Uma agência criativa. Um ambiente bom para trabalhar, com
					pessoas amigas. 
					<br><br>
					Nossa equipe não tem diretor de arte que estudou na NYU e
					nem administrador com MBA.
					<br><br>
					Não tem página de "prêmios" no nosso site, porque nunca
					nos inscrevemos em prêmio nenhum. Isso não interessa.
					<br>
					A gente sabe que nosso trabalho é muito melhor do que de
					muita agência premiada.<br>
					Por que?<br>
					Porque a gente gosta de fazer.<br>
					Se a gente gosta de fazer, o trabalho fica bom e o cliente
					feliz. 
					<br><br>
					Se você leu tudo isso e ainda quer entrar em contato conosco, seja
					bem-vindo, você pensa <br>como a gente : )
					<br><br>
					Nosso telefone: (11) 3294.0131<br>
					Mas a gente prefere por e-mail: contato@v6.com.br
					</div>				
				</div>
			</section><!-- quem_somos -->
			<section class="quem_faz">
				<div class="fix">
					<h4 class="titulo">Quem Faz</h4>
					<h5 class="b29">Uma equipe ágil e enxuta…</h5>
					<p class="b22 texto1">Acreditamos que menos é mais.<br>
					Quanto menos pessoas envolvidas e com foco específico, há <span class="verm">menos</span> burocracia em processos <br>
					e <span class="verm">mais</span> agilidade, qualidade e envolvimento de cada um em cada projeto.</p>
					
					<div class="equipe">
						<div class="cada primeiro" itemscope itemtype="http://data-vocabulary.org/Person">
							<div class="img">
								<div id="slides1">
									<div class="slides_container">
										<div itemprop="photo"><img src="imagens/equipe_alex.jpg" alt="Alex Mello" title="Alex Mello" width="236"/></div>
									</div>
								</div>
							</div><!-- img -->
							<div class="legenda b19">
								<span itemprop="name" class="b29">Alex Mello</span><br>
								<span itemprop="title">Programador</span><br>
								<span itemprop="email"><a href="mailto:alex@vseis.com.br">alex@vseis.com.br</a></span>
							</div>
						</div>
						<div class="cada" itemscope itemtype="http://data-vocabulary.org/Person">
							<div class="img">
								<div id="slides2">
									<div class="slides_container">
										<div itemprop="photo"><img src="imagens/equipe_bruno.jpg" alt="Bruno Teixeira" title="Bruno Teixeira" width="236"/></div>
									</div>
								</div>
							</div><!-- img -->
							<div class="legenda b19">
								<span itemprop="name" class="b29">Bruno Teixeira</span><br>
								<span itemprop="title">Programador</span><br>
								<span itemprop="email"><a href="mailto:bruno@vseis.com.br">bruno@vseis.com.br</a></span>
							</div>
						</div>
						<div class="cada" itemscope itemtype="http://data-vocabulary.org/Person">
							<div class="img">
								<div id="slides3">
									<div class="slides_container">
										<div itemprop="photo"><img src="imagens/equipe_romera.jpg" alt="Estevam Romera" title="Estevam Romera"  width="236"/></div>
									</div>
								</div>
							</div><!-- img -->
							<div class="legenda b19">
								<span itemprop="name" class="b29">Estevam Romera</span><br>
								<span itemprop="title">Diretor de Projetos<br>Chefia</span><br>
								<span itemprop="email"><a href="mailto:e@vseis.com.br">e@vseis.com.br</a></span>
							</div>
						</div>

						<div class="cada" itemscope itemtype="http://data-vocabulary.org/Person">
							<div class="img">
								<div id="slides3">
									<div class="slides_container">
										<div itemprop="photo"><img src="imagens/equipe_luan.jpg" alt="Luan Bernardes" title="Luan Bernardes"  width="236"/></div>
										<div><img src="imagens/equipe_alex.jpg" alt="Luan Bernardes" title="Luan Bernardes"  width="236"/></div>
									</div>
								</div>
							</div><!-- img -->
							<div class="legenda b19">
								<span itemprop="name" class="b29">Luan Bernardes</span><br>
								<span itemprop="title">Front-end</span><br>
								<span itemprop="email"><a href="mailto:luan@vseis.com.br">luan@vseis.com.br</a></span>
							</div>
						</div>
						
						<div class="cada primeiro" itemscope itemtype="http://data-vocabulary.org/Person">
							<div class="img">
								<div id="slides1">
									<div class="slides_container">
										<div itemprop="photo"><img src="imagens/equipe_marujo.jpg" alt="Rafael Marujo" title="Rafael Marujo" width="236"/></div>
									</div>
								</div>
							</div><!-- img -->
							<div class="legenda b19">
								<span itemprop="name" class="b29">Rafael Marujo</span><br>
								<span itemprop="title">Designer</span><br>
								<span itemprop="email"><a href="mailto:marujo@vseis.com.br">marujo@vseis.com.br</a></span>
							</div>
						</div>
						<div class="cada" itemscope itemtype="http://data-vocabulary.org/Person">
							<div class="img">
								<div id="slides2">
									<div class="slides_container">
										<div itemprop="photo"><img src="imagens/equipe_digao.jpg" alt="Rodrigo Maizza" title="Rodrigo Maizza" width="236"/></div>
									</div>
								</div>
							</div><!-- img -->
							<div class="legenda b19">
								<span itemprop="name" class="b29">Rodrigo Maizza</span><br>
								<span itemprop="title">Diretor de Desenvolvimento<br>chefia</span><br>
								<span itemprop="email"><a href="mailto:rodrigo@vseis.com.br">rodrigo@vseis.com.br</a></span>
							</div>
						</div>
						<div class="cada" itemscope itemtype="http://data-vocabulary.org/Person">
							<div class="img">
								<div id="slides3">
									<div class="slides_container">
										<div itemprop="photo"><img src="imagens/equipe_rommel.jpg" alt="Rommel Lima" title="Rommel Lima"  width="236"/></div>
									</div>
								</div>
							</div><!-- img -->
							<div class="legenda b19">
								<span itemprop="name" class="b29">Rommel Lima</span><br>
								<span itemprop="title">Diretor de Arte<br>Chefia</span><br>
								<span itemprop="email"><a href="mailto:r@vseis.com.br">r@vseis.com.br</a></span>
							</div>
						</div>

					</div><!-- equipe -->
					
					<div class="b29 t_alem"> ...além  de uma rede de colaboradores legais!</div>
					
					<div class="nossa_casa">
						<h1 class="titulo">Conheça nossa casa:</h1>
						<h2 class="b29">não repare a bagunça.</h2>
						
						<div id="slides99">
							<div class="slides_container">
								<div><img src="imagens/img_casa1.jpg" alt="img_casa1" width="952" height="500" /></div>
                                <div><img src="imagens/img_casa2.jpg" alt="img_casa2" width="952" height="500" /></div>
                                <div><img src="imagens/img_casa3.jpg" alt="img_casa3" width="952" height="500" /></div>
                                <div><img src="imagens/img_casa4.jpg" alt="img_casa4" width="952" height="500" /></div>
                                <div><img src="imagens/img_casa5.jpg" alt="img_casa5" width="952" height="500" /></div>
                                <div><img src="imagens/img_casa6.jpg" alt="img_casa6" width="952" height="500" /></div>
                                <div><img src="imagens/img_casa7.jpg" alt="img_casa7" width="952" height="500" /></div>
                                <div><img src="imagens/img_casa8.jpg" alt="img_casa8" width="952" height="500" /></div>
                                <div><img src="imagens/img_casa9.jpg" alt="img_casa9" width="952" height="500" /></div>
								
							</div>
						</div><!-- slider99 -->
						
					</div>
				</div>	
			</section>
		</div><!-- linha_preta -->
        
        
        <section class="linha_vermelha3">
        
			<div class="fix">
				<div class="yeah">
					<div class="tit_pq">por que a Vseis?</div>
					<div class="lista">							
						<table cellpadding="0" cellspacing="0" width="560">
							<tr>
								<td><div class="icone"><img src="imagens/icone_pq1.gif" alt="icone solução" /></div></td>
								<td width="20">&nbsp;</td>
								<td><span class="p17">Soluções únicas e sob medida para cada necessidade.</span></td>
								<td width="36">&nbsp;</td>
								<td><div class="icone"><img src="imagens/icone_pq4.gif" alt="icone Design" /></div></td>
								<td width="20">&nbsp;</td>
								<td><span class="p17">Design refinado e atenção aos detalhes do inicio ao fim.</span></td>
							</tr>
							<tr><td colspan="17">&nbsp;</td></tr>
							<tr>
								<td><div class="icone"><img src="imagens/icone_pq2.gif" alt="icone Equipe ágil" /></div></td>
								<td width="20">&nbsp;</td>
								<td><span class="p17">Equipe ágil e enxuta, tendo maior controle sobre os processos de cada projeto.</span></td>
								<td width="36">&nbsp;</td>
								<td><div class="icone"><img src="imagens/icone_pq5.gif" alt="icone rede" /></div></td>
								<td width="20">&nbsp;</td>
								<td><span class="p17">Rede de Colaboradores externos para suprir a necessidade de qualquer tipo de projeto.</span></td>
							</tr>
							<tr><td colspan="17">&nbsp;</td></tr>
							<tr>
								<td><div class="icone"><img src="imagens/icone_pq3.gif" alt="icone solução" /></div></td>
								<td width="20">&nbsp;</td>
								<td><span class="p17">Sempre atualizados <br>com práticas de desenvolvimento para <br>SEO, Ux e Front-end.</span></td>
								<td width="36">&nbsp;</td>
								<td><div class="icone"><img src="imagens/icone_pq6.gif" alt="icone Design" /></div></td>
								<td width="20">&nbsp;</td>
								<td><span class="p17">Braço Web para Agências e empresas, planejando e desenvolvendo bem o projeto do seu cliente.</span></td>
							</tr>

						</table>
					</div>
				</div>							
				
				<div class="clear"></div>		
			</div>
		</section>
        
        
        <!--section class="linha_vermelha2">
			<div class="fix">
				<div id="contato"></div>
				<h1 class="titulo">Fale Conosco</h1>
				<h2 class="p29">seja para planejar ou apenas um café</h2>
				
				<form>
					<fieldset class="left">
						
						<label class="cada_item text">
							<span class="tit">Qual o projeto?</span>
							<input type="text">
						</label>
					
						<div class="cada_item input_radio">
							<span class="tit">Tem ideia de Budget?</span>
							<label>								
								<input type="radio" class="styled" name="nome1"/>
								<span class="valor_item p29">1mil</span>
							</label>
							<label>								
								<input type="radio" class="styled" name="nome1"/>
								<span class="valor_item">5mil</span>
							</label>
							<label>								
								<input type="radio" class="styled" name="nome1"/>
								<span class="valor_item">15mil</span>
							</label>
							<label>								
								<input type="radio" class="styled" name="nome1"/>
								<span class="valor_item">50mil</span>
							</label>
							<label>								
								<input type="radio" class="styled" name="nome1"/>
								<span class="valor_item">não sei</span>
							</label>
						</div>
						
						<div class="cada_item input_radio">
							<span class="tit">Tem ideia de Prazo?</span>
							<label>								
								<input type="radio" class="styled" name="nome2"/>
								<span class="valor_item p29">Dias</span>
							</label>
							<label>								
								<input type="radio" class="styled" name="nome2"/>
								<span class="valor_item">Semanas</span>
							</label>
							<label>								
								<input type="radio" class="styled" name="nome2"/>
								<span class="valor_item">Meses</span>
							</label>
							<label>								
								<input type="radio" class="styled" name="nome2"/>
								<span class="valor_item">Tanto Faz</span>
							</label>
						</div>
						
					</fieldset>
					
					<fieldset class="right">
						<label class="cada_item text">
							<input type="text" onclick="this.value='';" onfocus="this.select()" onblur="this.value=!this.value?'nome':this.value;" value="nome">
						</label>
						<label class="cada_item text">
							<input type="text" onclick="this.value='';" onfocus="this.select()" onblur="this.value=!this.value?'email':this.value;" value="email">
						</label>
						<label class="cada_item text">
							<input type="text" onclick="this.value='';" onfocus="this.select()" onblur="this.value=!this.value?'telefone':this.value;" value="telefone">
						</label>
						<label class="cada_item textarea">
							<textarea  type="text"></textarea>
						</label>
						<input type="image" src="imagens/bt_ok.png" class="bt_ok">
					</fieldset>
					
					<div class="malucao"></div>
					
					<div class="yeah">
						<div class="bt_fechar"></div>
						<div class="tit_pq">por que a Vseis?</div>
						<div class="lista">							
							<table cellpadding="0" cellspacing="0" width="560">
								<tr>
									<td><div class="icone"><img src="imagens/icone_pq1.gif" alt="icone solução" /></div></td>
									<td width="20">&nbsp;</td>
									<td><span class="p17">Soluções únicas e sob medida para cada necessidade.</span></td>
									<td width="36">&nbsp;</td>
									<td><div class="icone"><img src="imagens/icone_pq4.gif" alt="icone Design" /></div></td>
									<td width="20">&nbsp;</td>
									<td><span class="p17">Design refinado e atenção aos detalhes do inicio ao fim.</span></td>
								</tr>
								<tr><td colspan="17">&nbsp;</td></tr>
								<tr>
									<td><div class="icone"><img src="imagens/icone_pq2.gif" alt="icone Equipe ágil" /></div></td>
									<td width="20">&nbsp;</td>
									<td><span class="p17">Equipe ágil e enxuta, tendo maior controle sobre os processos de cada projeto.</span></td>
									<td width="36">&nbsp;</td>
									<td><div class="icone"><img src="imagens/icone_pq5.gif" alt="icone rede" /></div></td>
									<td width="20">&nbsp;</td>
									<td><span class="p17">Rede de Colaboradores externos para suprir a necessidade de qualquer tipo de projeto.</span></td>
								</tr>
								<tr><td colspan="17">&nbsp;</td></tr>
								<tr>
									<td><div class="icone"><img src="imagens/icone_pq3.gif" alt="icone solução" /></div></td>
									<td width="20">&nbsp;</td>
									<td><span class="p17">Sempre atualizados <br>com práticas de desenvlvimento para <br>SEO, Ux e Front-end.</span></td>
									<td width="36">&nbsp;</td>
									<td><div class="icone"><img src="imagens/icone_pq6.gif" alt="icone Design" /></div></td>
									<td width="20">&nbsp;</td>
									<td><span class="p17">Braço Web para Agências e empresas, planejando e desenvolvendo bem o projeto do seu cliente.</span></td>
								</tr>

							</table>
						</div>
					</div>
				</form>				
				
				<div class="clear"></div>		
			</div>
		</section--><!-- linha_vermelha -->
        
		<footer id="footer">
			<div class="fix">
				
				<div class="left">
					<div class="fb-like-box" data-href="http://www.facebook.com/vseistec" data-width="292" data-height="235" data-show-faces="true" data-stream="false" data-border-color="#000000" data-header="false"></div>
				</div>
				
				<div class="right">
					<div class="midias_sociais">
						<div class="icone_twitter"><a href="https://twitter.com/vseis" target="_blank"></a></div>
						<div class="icone_facebook"><a href="http://www.facebook.com/vseistec" target="_blank" class="icone_facebook"></a></div>
						<div class="bt_like"><div class="fb-like" data-href="http://www.facebook.com/vseistec" data-send="false" data-layout="button_count" data-width="80" data-show-faces="true"></div></div>						
					</div>
					<div class="clear"></div>
					<div itemscope itemtype="http://data-vocabulary.org/Organization" class="info"> 
					    <span class="sumir" itemprop="name">VSEIS</span>
					    <span itemprop="address"  class="sumir" itemscope itemtype="http://data-vocabulary.org/Address">
					      <span itemprop="street-address">Rua São Macário</span>
					      <span itemprop="locality">São Paulo</span> 
					      <span itemprop="region">SP</span>
					    </span>
	   				    <a class="sumir" href="http://www.v6.com.br" itemprop="url">www.v6.com.br</a>
					    <span class="b22" itemprop="tel">11 3297-7650</span><br>
					    <span class="b34"><a href="mailto:contato@v6.com.br">contato@v6.com.br</a></span><br>
					    <span class="b15">© VSEIS tecnologia 2020. São Paulo, Brasil</span>		
					</div>
					
				</div>
				
			</div>
		</footer>
		
		
		
		<div id="blankspace"></div>
    </div><!-- main -->

<script src="js/StickyScroller.js"></script>
<script src="js/GetSet.js"></script>

<script src="js/slides.min.jquery.js"></script>
<script>
	$(function(){
		$('#slides_frase').slides({
			play: 3100,
			effect: 'fade',
			preload: true,
			generatePagination: false

		});
	});
	$(function(){
		$('#slides99').slides({
			play: 993100,
			effect: 'fade',
			preload: true

		});
	});
	$(function(){
		$('#slides1').slides({
			play: 3100,
			slideSpeed: 150,
			effect: 'fade',
			preload: true,
			generatePagination: false
		});
	});
	$(function(){
		$('#slides2').slides({
			play: 3200,
			slideSpeed: 150,
			effect: 'fade',
			preload: true,
			generatePagination: false
		});
	});
	$(function(){
		$('#slides3').slides({
			play: 3300,
			slideSpeed: 150,
			effect: 'fade',
			preload: true,
			generatePagination: false
		});
	});
	$(function(){
		$('#slides4').slides({
			play: 2900,
			slideSpeed: 150,
			effect: 'fade',
			preload: true,
			generatePagination: false
		});
	});
	$(function(){
		$('#slides5').slides({
			play: 3150,
			slideSpeed: 150,
			effect: 'fade',
			preload: true,
			generatePagination: false
		});
	});
	$(function(){
		$('#slides6').slides({
			play: 3200,
			slideSpeed: 150,
			effect: 'fade',
			preload: true,
			generatePagination: false
		});
	});
	$(function(){
		$('#slides7').slides({
			play: 3250,
			slideSpeed: 150,
			effect: 'fade',
			preload: true,
			generatePagination: false
		});
	});
	$(function(){
		$('#slides8').slides({
			play: 3350,
			slideSpeed: 150,
			effect: 'fade',
			preload: true,
			generatePagination: false
		});
	});
	
</script>

<script >
/*box YEAHHH*/
$('.malucao').click(function(){
	$(this).next().show('normal')
})
$('.bt_fechar').click(function(){
	$(this).parent().hide('fast')
})
/* $('.bt_abrir').css('z-index','9999') */
$('nav').css('opacity','0.5')	

$('.malucao').css('opacity','0.5')
$('.malucao').hover(
	function(){
		$(this).css('opacity','1')
	}, function(){
		$(this).css('opacity','0.5')	
})


$('.lista .cada, .equipe .cada').hover(
	function(){
		$(this).children('.legenda').show('fast')
	}, function(){
		$(this).children('.legenda').hide('fast')
})

$('.bt_abrir').toggle(
	function(){
		$(this).css('background-position','0 -71px')
		$(this).next().show('fast')
	},
	function(){
		$(this).next().hide('hide')
		$(this).css('background-position','top left')
	}
)
</script>

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-412374-4']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>	

</body>
</html>