
<!doctype html>
<html class="no-js" lang="pt-br">
<head>


    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-137173370-1"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'UA-137173370-1');
    </script>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="utf-8">
    
    <title>Tivolitur | Gestão de Viagens Corporativas e Turismo</title>
    
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="ROBOTS" content="index, follow">
    
    <meta property="og:locale" content="pt-br">
    <meta property="og:url" content="http://tivolitur.com.br">
    <meta property="og:title" content="Tivolitur | Gestão de Viagens Corporativas e Turismo">
    <meta property="og:site_name" content="Gestão de Viagens">
    <meta property="og:description" content="São mais de 32 anos dedicados ao atendimento e gestão de viagens corporativas
    para empresas de abrangência nacional e internacional.">
    <meta property="git addog:image" content="https://tivolitur.s3.amazonaws.com/static/assets/images/corporate.jpg">
    <meta property="og:image:type" content="image/jpeg">
    <meta property="og:image:width" content="800">
    <meta property="og:image:height" content="600">
    <meta property="og:type" content="website">
    <meta property="og:type" content="article">
    <meta name="keywords" content="gestão de viagens corporativas, agencia de viagens, viagens corporativas, turismo corporativo,
    viagem corporativa, gestão de viagens, eventos corporativos, agencia de turismo corporativo, agencia corporativa,
    sistema de gestão de viagens corporativas, gerenciamento de viagens corporativas">
    <meta name="description" content="São mais de 32 anos dedicados ao atendimento e gestão de viagens corporativas
    para empresas de abrangência nacional e internacional.">
    
    <meta name="Copyright" content="Tivolitur Viagens e Turismo">
    <meta name="MSSmartTagsPreventParsing" content="true">
    <meta http-equiv="imagetoolbar" content="no">


    <!-- favicon -->
    <link rel="shortcut icon" href="https://tivolitur.s3.amazonaws.com/static/assets/images/favicon.png">
    <link rel="apple-touch-icon" href="https://tivolitur.s3.amazonaws.com/static/assets/images/apple-touch-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="72x72" href="https://tivolitur.s3.amazonaws.com/static/assets/images/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="114x114" href="https://tivolitur.s3.amazonaws.com/static/assets/images/apple-touch-icon-114x114.png">
    <!-- animation -->
    <link rel="stylesheet" href="https://tivolitur.s3.amazonaws.com/static/assets/css/animate.css" />
    <!-- bootstrap -->
    <!--link rel="stylesheet" href="https://tivolitur.s3.amazonaws.com/static/assets/css/bootstrap.css" /-->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"/>
    <!-- et line icon -->
    <link rel="stylesheet" href="https://tivolitur.s3.amazonaws.com/static/assets/css/et-line-icons.css" />
    <!-- font-awesome icon -->
    <link rel="stylesheet" href="https://tivolitur.s3.amazonaws.com/static/assets/css/font-awesome.min.css" />
    <!-- revolution slider -->
    <link rel="stylesheet" href="https://tivolitur.s3.amazonaws.com/static/assets/css/extralayers.css" />
    <link rel="stylesheet" href="https://tivolitur.s3.amazonaws.com/static/assets/css/settings.css" />
    <!-- magnific popup -->
    <link rel="stylesheet" href="https://tivolitur.s3.amazonaws.com/static/assets/css/magnific-popup.css" />
    <!-- owl carousel -->
    <link rel="stylesheet" href="https://tivolitur.s3.amazonaws.com/static/assets/css/owl.carousel.css" />
    <link rel="stylesheet" href="https://tivolitur.s3.amazonaws.com/static/assets/css/owl.transitions.css" />
    <link rel="stylesheet" href="https://tivolitur.s3.amazonaws.com/static/assets/css/full-slider.css" />
    <!-- text animation -->
    <link rel="stylesheet" href="https://tivolitur.s3.amazonaws.com/static/assets/css/text-effect.css" />
    <!-- hamburger menu  -->
    <link rel="stylesheet" href="https://tivolitur.s3.amazonaws.com/static/assets/css/menu-hamburger.css" />
    <!-- common -->
    <link rel="stylesheet" href="https://tivolitur.s3.amazonaws.com/static/assets/css/style.css" />
    <!-- responsive -->
    <link rel="stylesheet" href="https://tivolitur.s3.amazonaws.com/static/assets/css/responsive.css" />
    <!--[if IE]>
    <link rel="stylesheet" href="https://tivolitur.s3.amazonaws.com/static/assets/css/style-ie.css" />
    <![endif]-->
    <!--[if IE]>
    <script src="https://tivolitur.s3.amazonaws.com/static/assets/js/html5shiv.js"></script>
    <![endif]-->


    <link rel="stylesheet" href="https://tivolitur.s3.amazonaws.com/static/assets/css/style_main.css" />
    <link href="https://fonts.googleapis.com/css?family=Lobster|Oswald|Raleway" rel="stylesheet">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
    <script src="https://unpkg.com/imask"></script>
    <script src="https://tivolitur.s3.amazonaws.com/static/mascara/src/jquery.mask.js"></script>

</head>
<body>


<nav class="navbar-fixed-top nav-reserve-color" align="center"  id="nav-reserve">
    <form id="form1" action="https://www.reserve.com.br/v3/Logon.aspx" method="post" name="form1" target="top">
        <div class="col-md-8 col-sm-10 text-center center-col">
            <div class="row" style="margin: 0; padding:0;">
                <div class="col-md-2">
                    <img src="https://tivolitur.s3.amazonaws.com/static/assets/images/reserve.png" class="img-reserve"/>
                </div>
                <div class="col-md-3">
                    <input name="company" type="hidden" value="tivoli" />
                    <input type="text" name="userLogin" style="text-transform: none;" placeholder="Usuário" id="username" class="input-reserve">
                </div>
                <div class="col-md-3">
                    <input type="password" name="userPwd" placeholder="Senha" id="password" class="input-reserve password-reserve">
                </div>
                <div class="col-md-1">
                    <button class="btn-black-reserve password-reserve font-reserve-btn btn-reserve" type="submit" >
                        Acessar
                    </button>
                </div>
                <div class="col-md-1"></div>
                <div class="col-md-2">
                    <a href="https://app.reservafacil.tur.br/">
                        <img src="https://tivolitur.s3.amazonaws.com/static/assets/images/reserva-facil.PNG" class="img-reserva-facil" alt="Reserva Fácil">
                    </a>
                </div>
            </div>
        </div>
    </form>
</nav>


<!-- navigation panel -->
<nav class="navbar navbar-default navbar-fixed-top
nav-transparent overlay-nav sticky-nav nav-dark
nav-border-bottom  margin-nav-reserve " role="navigation">
    <div class="container">
        <div class="row">
            <!-- logo -->
            <div class="col-md-1 pull-left">
                <a class="logo-light" href="/">
                    <img alt="logo" src="https://tivolitur.s3.amazonaws.com/static/assets/images/logo-branco.png" class="logo" />
                </a>
                <a class="logo-dark" href="/">
                    <img alt="logo" src="https://tivolitur.s3.amazonaws.com/static/assets/images/logo-branco.png" class="logo" />
                </a>
            </div>
            <!-- end logo -->
            <!-- search and cart  -->
            <!-- end search and cart  -->
            <!-- toggle navigation -->
            <div class="navbar-header col-sm-8 col-xs-2 pull-right">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
            </div>
            <!-- toggle navigation end -->
            <!-- main menu -->
            <div class="col-md-11 no-padding-right accordion-menu text-right">
                <div class="navbar-collapse collapse">
                    <ul id="accordion" class="nav navbar-nav navbar-right panel-group">
                        <!-- menu item -->
                        <li class="dropdown panel simple-dropdown">
                            <a href="#collapse1" class="dropdown-toggle collapsed text-menu"
                               data-toggle="collapse"
                               data-parent="#accordion" data-hover="dropdown">
                                ONDE ATUAMOS
                                <i class="fa fa-angle-down"></i>
                            </a>
                            <!-- sub menu -->
                            <ul id="collapse1" class="dropdown-menu panel-collapse collapse">
                                <li><a href="/corporativo">Viagens Corporativas</a></li>
                                <li><a href="/eventos">Eventos</a></li>
                                <li><a href="/lazer">Lazer</a></li>
                                <li><a href="/incentivos">Incentivos</a></li>
                                <li><a href="http://tivolirun.com.br/" target="_blank">TivoliRun</a></li>

                                <!-- end sub menu item  -->
                            </ul>
                            <!-- end sub menu -->
                        </li>

                        <li class="dropdown panel simple-dropdown">
                            <a href="#collapse4" class="dropdown-toggle collapsed text-menu"
                               data-toggle="collapse"
                               data-parent="#accordion" data-hover="dropdown">
                                INSTITUCIONAL
                                <i class="fa fa-angle-down"></i>
                            </a>
                            <!-- sub menu -->
                            <ul id="collapse4" class="dropdown-menu panel-collapse collapse">
                                <li><a href="/sobre-nos">Sobre nós</a></li>
                                <li><a href="/qualidade">Qualidade</a></li>
                                <!-- end sub menu item  -->
                            </ul>
                            <!-- end sub menu -->
                        </li>

                        <li class="dropdown panel simple-dropdown">
                            <a href="/noticias" class="text-menu">
                                NOTÍCIAS
                                <i class="fa fa-angle-down"></i>
                            </a>
                        </li>

                        <li class="dropdown panel simple-dropdown">
                            <a href="#collapse3" class="dropdown-toggle collapsed text-menu"
                               data-toggle="collapse"
                               data-parent="#accordion" data-hover="dropdown">
                                SERVIÇOS
                                <i class="fa fa-angle-down"></i>
                            </a>
                            <!-- sub menu -->
                            <ul id="collapse3" class="dropdown-menu panel-collapse collapse">
                                <li><a href="/reserve">Reserve</a></li>
                                <li><a href="https://app.reservafacil.tur.br/">Reserva Fácil</a></li>
                                <li><a href="https://faturadelivery.com.br/loginUser.php?code=CUQHDYVGZXAOIWPN5B68"
                                       target="_blank">Faturas</a></li>
                                <li><a href="/reembolso">Reembolso</a></li>
                                <li><a href="/novo-cliente">Cadastro de Clientes</a></li>

                                <!-- end sub menu item  -->
                            </ul>
                            <!-- end sub menu -->
                        </li>

                        <li class="dropdown panel simple-dropdown">
                            <a href="http://viagens.tivolitur.com.br/sua-viagem" target="_blank" class="text-menu">
                                COTAÇÕES ONLINE
                                <i class="fa fa-angle-down"></i>
                            </a>
                        </li>


                        <li class="dropdown panel simple-dropdown">
                            <a href="/fale-conosco" class="text-menu">
                                FALE CONOSCO
                                <i class="fa fa-angle-down"></i>
                            </a>
                        </li>

                        <li class="btn btn-danger btn-round" style="padding-left: 3px; padding-right: 3px;">
                            <a href="/prospeccao-cliente" class="text-menu">
                                REDUZA SEUS CUSTOS
                            </a>
                        </li>

                        <!--<a href="" class="header-search-form margin-menu" style="color:#FFF;">
                            PT</a>
                        <a href="" class="header-search-form margin-menu" style="color:#FFF;">
                            EN</a>-->
                    </ul>
                </div>
            </div>
            <!-- end main menu -->
        </div>
    </div>
</nav>


<!-- end navigation panel -->

<!-- slider -->
<section id="myCarousel">
    <div class="tp-banner-container">
        <div class="revolution-slider-full" >
            <ul>
                <!-- slide 1 -->
                <li data-transition="slidevertical" data-slotamount="1" data-masterspeed="1000"
                    data-thumb="https://tivolitur.s3.amazonaws.com/static/assets/images/viagem-corporativa.jpg"
                    data-saveperformance="off"  data-title="Slide">
                    <!-- MAIN IMAGE -->
                    <img src="https://tivolitur.s3.amazonaws.com/static/assets/images/viagem-corporativa.jpg"  alt="fullslide1"
                         data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat">
                    <div class="slider-overlay bg-black"></div>
                    <!-- layers 1 -->
                    <div class="tp-caption light_medium_30_shadowed lfb ltt tp-resizeme"
                         data-x="center" data-hoffset="0"
                         data-y="center" data-voffset="-50"
                         data-speed="600"
                         data-start="800"
                         data-easing="Power4.easeOut"
                         data-splitin="none"
                         data-splitout="none"
                         data-elementdelay="0.01"
                         data-endelementdelay="0.1"
                         data-endspeed="500"
                         data-endeasing="Power4.easeIn"
                         style="z-index: 4; max-width: auto;
                                 max-height: auto; white-space: nowrap; font-size: 50px; font-weight: 700">REDUÇÃO DE CUSTOS
                    </div>
                    <!-- layers 2 -->
                    <div class="tp-caption light_heavy_70_shadowed lfb ltt tp-resizeme"
                         data-x="center" data-hoffset="0"
                         data-y="center" data-voffset="0"
                         data-speed="600"
                         data-start="900"
                         data-easing="Power4.easeOut"
                         data-splitin="none"
                         data-splitout="none"
                         data-elementdelay="0.01"
                         data-endelementdelay="0.1"
                         data-endspeed="500"
                         data-endeasing="Power4.easeIn"
                         style="z-index: 3; max-width: auto; max-height: auto; white-space: nowrap;">Com gestão de viagens
                    </div>
                    <!-- layers 3 -->
                    <div class="tp-caption customin tp-resizeme rs-parallaxlevel-0"
                         data-x="center" data-hoffset="0"
                         data-y="center" data-voffset="80"
                         data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
                         data-speed="500"
                         data-start="1200"
                         data-easing="Power3.easeInOut"
                         data-splitin="none"
                         data-splitout="none"
                         data-elementdelay="0.1"
                         data-endelementdelay="0.1"
                         data-linktoslide="next"
                         style="z-index: 4; max-width: auto; max-height: auto; white-space: nowrap;"><a href="/prospeccao-cliente" class='largeredbtn inner-link'>Eu quero economizar com gestão inteligente</a></div>
                </li>
                <!-- slide 2 -->
                <li data-transition="slidevertical" data-slotamount="1" data-masterspeed="1000" data-thumb="https://tivolitur.s3.amazonaws.com/static/assets/images/corporate.jpg"  data-saveperformance="off"  data-title="Slide">
                    <!-- MAIN IMAGE -->
                    <img src="https://tivolitur.s3.amazonaws.com/static/assets/images/corporate.jpg"  alt="fullslide2"  data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat">
                    <div class="slider-overlay bg-slider"></div>
                    <!-- layers 1 -->
                    <div class="tp-caption light_medium_30_shadowed lfb ltt tp-resizeme"
                         data-x="center" data-hoffset="0"
                         data-y="center" data-voffset="-50"
                         data-speed="600"
                         data-start="800"
                         data-easing="Power4.easeOut"
                         data-splitin="none"
                         data-splitout="none"
                         data-elementdelay="0.01"
                         data-endelementdelay="0.1"
                         data-endspeed="500"
                         data-endeasing="Power4.easeIn"
                         style="z-index: 4; max-width: auto;
                                 max-height: auto; white-space: nowrap; font-size: 50px; font-weight: 700">GESTÃO INTELIGENTE
                    </div>
                    <!-- layers 2 -->
                    <div class="tp-caption light_heavy_70_shadowed lfb ltt tp-resizeme"
                         data-x="center" data-hoffset="0"
                         data-y="center" data-voffset="0"
                         data-speed="600"
                         data-start="900"
                         data-easing="Power4.easeOut"
                         data-splitin="none"
                         data-splitout="none"
                         data-elementdelay="0.01"
                         data-endelementdelay="0.1"
                         data-endspeed="500"
                         data-endeasing="Power4.easeIn"
                         style="z-index: 3; max-width: auto; max-height: auto; white-space: nowrap;">DE VIAGENS CORPORATIVAS
                    </div>
                    <!-- layers 3 -->
                    <div class="tp-caption customin tp-resizeme rs-parallaxlevel-0"
                         data-x="center" data-hoffset="0"
                         data-y="center" data-voffset="80"
                         data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
                         data-speed="500"
                         data-start="1200"
                         data-easing="Power3.easeInOut"
                         data-splitin="none"
                         data-splitout="none"
                         data-elementdelay="0.1"
                         data-endelementdelay="0.1"
                         data-linktoslide="next"
                         style="z-index: 4; max-width: auto; max-height: auto; white-space: nowrap;"><a href="/corporativo" class='largeredbtn inner-link'>SAIBA MAIS</a>
                    </div>
                </li>

                <li data-transition="slidevertical" data-slotamount="1" data-masterspeed="1000" data-thumb="https://tivolitur.s3.amazonaws.com/static/assets/images/events1.jpg"  data-saveperformance="off"  data-title="Slide">
                    <!-- MAIN IMAGE -->
                    <img src="https://tivolitur.s3.amazonaws.com/static/assets/images/events1.jpg"  alt="fullslide6"  data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat">
                    <div class="slider-overlay bg-slider"></div>
                    <!-- layers 1 -->
                    <div class="tp-caption light_medium_30_shadowed lfb ltt tp-resizeme"
                         data-x="center" data-hoffset="0"
                         data-y="center" data-voffset="-50"
                         data-speed="600"
                         data-start="800"
                         data-easing="Power4.easeOut"
                         data-splitin="none"
                         data-splitout="none"
                         data-elementdelay="0.01"
                         data-endelementdelay="0.1"
                         data-endspeed="500"
                         data-endeasing="Power4.easeIn"
                         style="z-index: 4; max-width: auto; max-height: auto; white-space: nowrap; font-size: 30px; font-weight: 700">Planejamento, coordenação e execução
                    </div>
                    <!-- layers 2 -->
                    <div class="tp-caption light_heavy_70_shadowed lfb ltt tp-resizeme"
                         data-x="center" data-hoffset="0"
                         data-y="center" data-voffset="0"
                         data-speed="600"
                         data-start="900"
                         data-easing="Power4.easeOut"
                         data-splitin="none"
                         data-splitout="none"
                         data-elementdelay="0.01"
                         data-endelementdelay="0.1"
                         data-endspeed="500"
                         data-endeasing="Power4.easeIn"
                         style="z-index: 3; max-width: auto; max-height: auto; white-space: nowrap;">dos seus eventos corporativos
                    </div>
                    <!-- layers 3 -->
                    <div class="tp-caption customin tp-resizeme rs-parallaxlevel-0"
                         data-x="center" data-hoffset="0"
                         data-y="center" data-voffset="80"
                         data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
                         data-speed="500"
                         data-start="1200"
                         data-easing="Power3.easeInOut"
                         data-splitin="none"
                         data-splitout="none"
                         data-elementdelay="0.1"
                         data-endelementdelay="0.1"
                         data-linktoslide="next"
                         style="z-index: 4; max-width: auto; max-height: auto; white-space: nowrap;">
                        <a href="/eventos#contato-eventos" class='largeredbtn'>
                            Quero saber mais sobre eventos</a></div>
                </li>

                <li data-transition="slidevertical" data-slotamount="1" data-masterspeed="1000" data-thumb="https://tivolitur.s3.amazonaws.com/static/assets/images/incentive6.jpg"  data-saveperformance="off"  data-title="Slide">
                    <!-- MAIN IMAGE -->
                    <img src="https://tivolitur.s3.amazonaws.com/static/assets/images/incentive6.jpg"  alt="fullslide6"  data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat">
                    <div class="slider-overlay bg-slider"></div>
                    <!-- layers 1 -->
                    <div class="tp-caption light_medium_30_shadowed lfb ltt tp-resizeme"
                         data-x="center" data-hoffset="0"
                         data-y="center" data-voffset="-50"
                         data-speed="600"
                         data-start="800"
                         data-easing="Power4.easeOut"
                         data-splitin="none"
                         data-splitout="none"
                         data-elementdelay="0.01"
                         data-endelementdelay="0.1"
                         data-endspeed="500"
                         data-endeasing="Power4.easeIn"
                         style="z-index: 4; max-width: auto; max-height: auto; white-space: nowrap; font-size: 30px; font-weight: 700">Incentive seus
                    </div>
                    <!-- layers 2 -->
                    <div class="tp-caption light_heavy_70_shadowed lfb ltt tp-resizeme"
                         data-x="center" data-hoffset="0"
                         data-y="center" data-voffset="0"
                         data-speed="600"
                         data-start="900"
                         data-easing="Power4.easeOut"
                         data-splitin="none"
                         data-splitout="none"
                         data-elementdelay="0.01"
                         data-endelementdelay="0.1"
                         data-endspeed="500"
                         data-endeasing="Power4.easeIn"
                         style="z-index: 3; max-width: auto; max-height: auto; white-space: nowrap;">colaboradores com viagens exclusivas
                    </div>
                    <!-- layers 3 -->
                    <div class="tp-caption customin tp-resizeme rs-parallaxlevel-0"
                         data-x="center" data-hoffset="0"
                         data-y="center" data-voffset="80"
                         data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
                         data-speed="500"
                         data-start="1200"
                         data-easing="Power3.easeInOut"
                         data-splitin="none"
                         data-splitout="none"
                         data-elementdelay="0.1"
                         data-endelementdelay="0.1"
                         data-linktoslide="next"
                         style="z-index: 4; max-width: auto; max-height: auto; white-space: nowrap;">
                        <a href="/incentivos#quero-incentivo" class='largeredbtn'>
                            Quero saber mais de incentivo</a></div>
                </li>


            </ul>
            <div class="tp-bannertimer"></div>
        </div>
    </div>
</section>
<!-- end slider -->

<!-- features section -->



<!-- work process section -->
<section class="border-top corporate-standards no-padding-bottom">
    <div class="container">
        <div class="row">
            <!-- section title -->
            <div class="col-md-12 text-center corporate-slider sm-margin-bottom-seven">
                <p class="sub-title deep-red-text letter-spacing-4 no-margin-top xs-letter-spacing-2">Todas as soluções de viagens que sua empresa precisa</p><br>
                <span class="title-large text-uppercase font-weight-700 black-text letter-spacing-1">Em um só lugar</span>
            </div>
            <!-- end section title -->
        </div>
    </div>
    <br><br>
    <div class="row">
        <!-- features grid -->
        <!-- features item -->
        <div class="col-md-3 col-sm-6 col-xs-12 text-center work-process-sub position-relative overflow-hidden sm-margin-bottom-eight wow fadeIn">
            <div class="work-process-text">
                <span class="work-process-number font-weight-100 display-block"><i class="icon-briefcase"></i></span>
                <span class="text-uppercase letter-spacing-2 font-weight-600 black-text">Gestão de Viagens</span>
                <div class="separator-line-thick bg-mid-gray margin-three"></div>
            </div>
            <div class="work-process-details position-absolute display-block">
                <i class="icon-briefcase small-icon fast-yellow-text display-block"></i>
                <p class="text-small text-uppercase" style="text-align: center;">
                    Desenvolvimento de políticas de<br>
                    viagens adequadas, gestão de recursos, <br>
                    negociação com fornecedores, <br> e redução de despesas

                </p>
            </div>
        </div>
        <!-- end features item -->

        <!-- features item -->
        <div class="col-md-3 col-sm-6 col-xs-12 text-center work-process-sub position-relative overflow-hidden wow fadeIn">
            <div class="work-process-text">
                            <span class="work-process-number font-weight-100 display-block"><i class="icon-wallet"></i>
                            </span>
                <span class="text-uppercase letter-spacing-2 font-weight-600 black-text">Gestão de Budget</span>
                <div class="separator-line-thick bg-mid-gray margin-three"></div>
            </div>
            <div class="work-process-details position-absolute display-block">
                <i class="icon-wallet small-icon fast-yellow-text display-block"></i>
                <p class="text-small text-uppercase" style="text-align: center;">
                    Uma das coisas mais importantes na <br>
                    viagem corporativa é a correta gestão <br>
                    do budget para a economia de viagens
                </p>
            </div>
        </div>
        <!-- end features item -->
        <div class="col-md-3 col-sm-6 col-xs-12 text-center work-process-sub position-relative overflow-hidden sm-margin-bottom-eight wow fadeIn">
            <div class="work-process-text">
                <span class="work-process-number font-weight-100 display-block"><i class="icon-piechart"></i></span>
                <span class="text-uppercase letter-spacing-2 font-weight-600 black-text">Relatórios</span>
                <div class="separator-line-thick bg-mid-gray margin-three"></div>
            </div>
            <div class="work-process-details position-absolute display-block">
                <i class="icon-piechart small-icon fast-yellow-text display-block"></i>
                <p class="text-small text-uppercase" style="text-align: center;">
                    Relatórios customizados <br>
                    e excelencia na entrega dos seus dados <br>
                    é a nossa prioridade.

                </p>
            </div>
        </div>
        <!-- end features item -->
        <!-- features item -->
        <div class="col-md-3 col-sm-6 col-xs-12 text-center work-process-sub position-relative
                    overflow-hidden sm-margin-bottom-eight wow fadeIn">
            <div class="work-process-text">
                <span class="work-process-number font-weight-100 display-block"><i class="icon-gears"></i></span>
                <span class="text-uppercase letter-spacing-2 font-weight-600 black-text">Políticas de viagens</span>
                <div class="separator-line-thick bg-mid-gray margin-three"></div>
            </div>
            <div class="work-process-details position-absolute display-block">
                <i class="icon-gears small-icon fast-yellow-text display-block"></i>
                <p class="text-small text-uppercase" style="text-align: center;">
                    Definir melhores políticas de acordo <br>com
                    o perfil da sua empresa fará com<br>
                    que haja melhor aproveitamento <br>e economia
                    de viagens corporativas.

                </p>
            </div>
            <!-- end features grid -->
        </div>
</section>
<!-- end work process section -->



<section class="corporate-standards no-padding-bottom wow fadeIn">
    <div class="container-fluid margin-five no-margin-bottom no-padding">
        <div class="row no-margin">
            <!-- tab -->
            <div class="col-md-12 col-sm-12 center-col text-center no-padding" id="animated-tab">
                <!-- tab navigation -->
                <div class="tab-content">
                    <!-- tab content -->
                    <div id="tab6_sec1" class="text-center center-col tab-pane fade in active">
                        <div class="tab-pane fade in">
                            <div class="col-lg-6 col-md-6 no-padding corporate-standards-img
                                    cover-background position-relative" style="background-image:url(https://tivolitur.s3.amazonaws.com/static/assets/images/paulista.jpg);">
                                <div class="opacity-medium bg-dark-gray"></div>

                            </div>
                            <div class="col-lg-6 col-md-6 corporate-standards-text sm-margin-lr-four sm-margin-top-four xs-padding-tb-ten">
                                <div class="img-border-small-fix border-gray"></div>
                                <h1 class="margin-ten no-margin-bottom">ESTAMOS NO CORAÇÃO DE SÃO PAULO</h1>
                                <p class="text-med margin-ten width-80 center-col xs-width-100">
                                    A Tivolitur Viagens Corporativas e Turismo não é apenas uma das mais tradicionais
                                    agências de turismo do Brasil, certificada ISO 9001:2015.
                                    É uma empresa que se preocupa com a segurança, qualidade e a
                                    satisfação de nossos clientes.
                                    Utilizamos o Reserve Travel Manager para operações e planejamentos
                                    corporativos de viagem.
                                </p>
                            </div>
                        </div>
                    </div>
                    <!-- end tab content -->
                    <!-- tab content -->

                    <!-- end tab content -->
                </div>
                <!-- end tab content section -->
            </div>
            <!-- end tab -->
        </div>
    </div>
</section>



<!-- features section -->
<section>
    <div class="container">
        <div class="row">
            <!-- features item -->
            <div class="col-md-4 col-sm-6 text-center sm-margin-bottom-ten">
                <i class="icon-laptop medium-icon no-margin-bottom deep-red-text"></i>
                <span class="text-uppercase font-weight-600 letter-spacing-1 black-text margin-ten
                display-block no-margin-bottom xs-margin-top-five">Viagens Corporativas</span>
                <p class="width-90 center-col margin-three no-margin-bottom display-block" >
                    Dedicada ao atendimento de viagens corporativas para empresas de abrangência nacional e
                    internacional. Estamos atentos a evolução constante dos serviços,
                    dessa forma, garantimos que todas as suas necessidades sejam atendidas, e que seu
                    programa de viagens esteja sempre atualizado com as mudanças do mercado.</p>
            </div>
            <!-- end features item -->
            <!-- features item -->
            <div class="col-md-4 col-sm-6 text-center sm-margin-bottom-ten">
                <i class="icon-wine medium-icon no-margin-bottom deep-red-text"></i>
                <span class="text-uppercase font-weight-600 letter-spacing-1 black-text margin-ten display-block
                no-margin-bottom xs-margin-top-five">Eventos</span>
                <p class="width-90 center-col margin-three no-margin-bottom display-block">
                    Com a Tivolitur Eventos você pode contar com os mais variados tipos de eventos e serviços:
                    reuniões corporativas, convenções, congressos, treinamentos, confraternizações, festas, encontros entre outras reuniões.</p>
            </div>

            <!-- end features item -->
            <!-- features item -->
            <div class="col-md-4 col-sm-6 text-center xs-margin-bottom-ten">
                <i class="icon-hotairballoon medium-icon no-margin-bottom deep-red-text"></i>
                <span class="text-uppercase font-weight-600 letter-spacing-1 black-text margin-ten display-block
                no-margin-bottom xs-margin-top-five">Incentivos</span>
                <p class="width-90 center-col margin-three no-margin-bottom display-block">Uma viagem de incentivo
                    tem que ser marcante, perfeita. Deve ser algo exclusivo e inesquecível. Para que isso ocorra,
                    oferecemos uma forte infraestrutura de serviços de incentivo que atende os mais variados
                    formatos de premiação, seja em grupo ou individual.</p>
            </div>
            <!-- end features item -->
            <!-- features item -->

            <!-- end features item -->
        </div>
        <br>
        <div class="row">
            <!-- features item -->
            <div class="col-md-4 col-sm-6 text-center">
                <i class="icon-linegraph medium-icon no-margin-bottom deep-red-text"></i>
                <span class="text-uppercase font-weight-600 letter-spacing-1 black-text margin-ten display-block
                no-margin-bottom xs-margin-top-five">Maratonas</span>
                <p class="width-90 center-col margin-three no-margin-bottom display-block">Com a TivoliRun você pode
                    obter pacotes para as principais provas ao redor do mundo, roteiros personalizados, kit
                    especial para os atletas, eventos temáticos para cada maratona, condições diferenciadas
                    para grupos e tranquilidade e segurança para quem corre e seus acompanhantes.</p>
            </div>
            <!-- end features item -->
            <!-- features item -->
            <div class="col-md-4 col-sm-6 text-center sm-margin-bottom-ten">
                <i class="icon-streetsign medium-icon no-margin-bottom deep-red-text"></i>
                <span class="text-uppercase font-weight-600 letter-spacing-1 black-text margin-ten display-block
                no-margin-bottom xs-margin-top-five">Lazer</span>
                <p class="width-90 center-col margin-three no-margin-bottom display-block">
                    Sabemos que você não viaja apenas à negócios, portanto, a Tivolitur Lazer e Incentivo pensa
                    em seus momentos de férias, descanso e lazer. Preparamos diversos pacotes completos.
                    Uma ampla variedade de destinos. Enfim, tudo que você e sua família precisa seu tão merecido descanso.</p>
            </div>

            <!-- end features item -->
            <!-- features item -->
            <div class="col-md-4 col-sm-6 text-center xs-margin-bottom-ten">
                <i class="icon-clock medium-icon no-margin-bottom deep-red-text"></i>
                <span class="text-uppercase font-weight-600 letter-spacing-1 black-text margin-ten display-block
                no-margin-bottom xs-margin-top-five">Atendimento 24h</span>
                <p class="width-90 center-col margin-three no-margin-bottom display-block">
                    Nosso atendimento ocorre de segunda à sexta-feira
                    das 7h30 às 19h30 e atendimento emergencial 24h (7x24x365) com consultores
                    bilíngues para que você e sua empresa possam ter a tranquilidade em saber que
                    serão atendidos em qualquer dia ou horário.</p>
            </div>
            <!-- end features item -->
            <!-- features item -->

            <!-- end features item -->
        </div>
    </div>
</section>
<!-- end features section -->





<!-- why choose us section -->
<section class="fix-background" style="background-image:url(https://tivolitur.s3.amazonaws.com/static/assets/images/aviao.jpg);">
    <div class="opacity-full bg-deep-red"></div>
    <div class="container position-relative">
        <div class="row">
            <div class="col-md-4 col-sm-12 sm-margin-bottom-ten sm-text-center">
                <h3 class="title-large text-uppercase font-weight-700 letter-spacing-1 white-text">Porquê a Tivolitur?</h3>
                <p class="text-med white-text margin-five">Somos dedicados e comprometidos com nossos clientes. Queremos que você tenha a melhor experiência
                    na gestão de viagens. Veja nossos números.</p>
            </div>
            <div class="col-md-2 col-sm-4 col-md-offset-2 text-center margin-three xs-margin-bottom-ten">
                <i class="icon-profile-male medium-icon white-text display-block"></i>
                <h1 class="font-weight-600 white-text margin-five no-margin-bottom">mais de 300</h1>
                <p class="text-uppercase white-text letter-spacing-2 text-small margin-three">Clientes</p>
            </div>
            <div class="col-md-2 col-sm-4 text-center margin-three xs-margin-bottom-ten">
                <i class="icon-calendar medium-icon white-text display-block"></i>
                <h1 class="font-weight-600 white-text margin-five no-margin-bottom">mais de 30</h1>
                <p class="text-uppercase white-text letter-spacing-2 text-small margin-three">Anos de expertise</p>
            </div>
            <div class="col-md-2 col-sm-4 text-center margin-three">
                <i class="icon-trophy medium-icon white-text display-block"></i>
                <h1 class="font-weight-600 white-text margin-five no-margin-bottom">ISO 9001:2015</h1>
                <p class="text-uppercase white-text letter-spacing-2 text-small margin-three">Qualidade para você</p>
            </div>
        </div>
    </div>
</section>
<!-- end why choose us section -->

<br><br><br>
<!-- approach section -->





<section id="blog" class="wow fadeIn">
    <div class="container">
        <div class="row">
            <!-- section title -->
            <div class="col-md-12 text-center">
                <h3 class="section-title">Últimas notícias</h3>
            </div>
            <!-- end section title -->
        </div>
        <div class="row">

            
            <!-- blog item -->
            <div class="col-md-4 col-sm-4 wow fadeInUp" data-wow-duration="300ms">
                <div class="blog-post">
                    <div class="blog-post-images"><a href="/noticias/dez-dicas-para-a-entrada-de-turistas-nos-estados-unidos">
                        <img src="https://tivolitur.s3.amazonaws.com/static/image_sent/273e5fc4-6ec6-427d-be8f-5b7f9c9c74d8.jpg" alt="Dez dicas para a entrada de turistas nos Estados Unidos" class="img-front-post">
                        </a>
                    </div>
                    <small>Estados Unidos</small>
                    <div class="post-details">
                        <a href="/noticias/dez-dicas-para-a-entrada-de-turistas-nos-estados-unidos" class="post-title">Dez dicas para a entrada de turistas nos Estados Unidos</a>
                        <span class="post-author sm-margin-bottom-three sm-margin-top-three">Postado por Editorial | 25 de Junho de 2019 às 09:09</span>
                        <p class="width-90"> Dez dicas para a entrada de turistas nos Estados Unidos </p>
                        <p>
                            <a href="/noticias/dez-dicas-para-a-entrada-de-turistas-nos-estados-unidos"
                              class="highlight-button btn btn-very-small btn-round button xs-no-margin">
                            ver mais
                            </a>
                        </p>
                    </div>
                </div>
            </div>
            
            <!-- blog item -->
            <div class="col-md-4 col-sm-4 wow fadeInUp" data-wow-duration="300ms">
                <div class="blog-post">
                    <div class="blog-post-images"><a href="/noticias/anac-suspende-operacoes-da-avianca-brasil">
                        <img src="https://tivolitur.s3.amazonaws.com/static/image_sent/divulgação_avianca.jpg" alt="Anac suspende operações da Avianca Brasil" class="img-front-post">
                        </a>
                    </div>
                    <small>Divulgação Avianca</small>
                    <div class="post-details">
                        <a href="/noticias/anac-suspende-operacoes-da-avianca-brasil" class="post-title">Anac suspende operações da Avianca Brasil</a>
                        <span class="post-author sm-margin-bottom-three sm-margin-top-three">Postado por Editorial | 24 de Maio de 2019 às 16:10</span>
                        <p class="width-90"> A Agência Nacional de Aviação Civil (Anac) suspendeu cautelarmente todas as operações da Avianca Brasil. </p>
                        <p>
                            <a href="/noticias/anac-suspende-operacoes-da-avianca-brasil"
                              class="highlight-button btn btn-very-small btn-round button xs-no-margin">
                            ver mais
                            </a>
                        </p>
                    </div>
                </div>
            </div>
            
            <!-- blog item -->
            <div class="col-md-4 col-sm-4 wow fadeInUp" data-wow-duration="300ms">
                <div class="blog-post">
                    <div class="blog-post-images"><a href="/noticias/paraguai-passa-a-exigir-vacina-da-febre-amarela-informe-se">
                        <img src="https://tivolitur.s3.amazonaws.com/static/image_sent/divulgação_wikimedia_commons.jpg" alt="Paraguai passa a exigir vacina da febre amarela; informe-se" class="img-front-post">
                        </a>
                    </div>
                    <small>divulgação wikimedia commons</small>
                    <div class="post-details">
                        <a href="/noticias/paraguai-passa-a-exigir-vacina-da-febre-amarela-informe-se" class="post-title">Paraguai passa a exigir vacina da febre amarela; informe-se</a>
                        <span class="post-author sm-margin-bottom-three sm-margin-top-three">Postado por Editorial | 22 de Maio de 2019 às 15:40</span>
                        <p class="width-90"> Vai viajar para o Paraguai? atente-se à nova exigência de vacina contra a febre amarela </p>
                        <p>
                            <a href="/noticias/paraguai-passa-a-exigir-vacina-da-febre-amarela-informe-se"
                              class="highlight-button btn btn-very-small btn-round button xs-no-margin">
                            ver mais
                            </a>
                        </p>
                    </div>
                </div>
            </div>
            
            <!-- end blog item -->


        </div>
        <!-- end blog item -->
        <div class="row">
            <div class="col-md-12 text-center wow fadeInUp" data-wow-duration="1200ms">
                <a class="btn btn-black btn-small margin-four no-margin-bottom" href="/noticias">Ver Todas as notícias</a>
            </div>
        </div>
    </div>
</section>






<!-- footer -->
<footer>
    <div class=" bg-white footer-top">
        <div class="container">
            <div class="row margin-four">
                <!-- phone -->
                <div class="col-md-4 col-sm-4 text-center"><i class="icon-phone small-icon black-text"></i><h6 class="black-text margin-two no-margin-bottom">+55 11 3572-0200<br>+55 11 2394-6200</h6></div>
                <!-- end phone -->
                <!-- address -->
                <div class="col-md-4 col-sm-4 text-center"><i class="icon-map-pin small-icon black-text"></i><h6 class="black-text margin-two no-margin-bottom">Avenida Paulista, 2202 | CJ 21,22,23 | 2º Andar</h6></div>
                <!-- end address -->
                <!-- email -->
                <div class="col-md-4 col-sm-4 text-center"><i class="icon-envelope small-icon black-text"></i><h6 class="margin-two no-margin-bottom"><a href="mailto:contato@tivolitur.com.br" class="black-text">contato@tivolitur.com.br</a></h6></div>
                <!-- end email -->
            </div>
        </div>
    </div>
    <div class="container footer-middle">
        <div class="row">
            <div class="col-md-3 col-sm-3 footer-link1 xs-display-none">
                <!-- headline -->
                <h5>Sobre nós</h5>
                <!-- end headline -->
                <!-- text -->
                <p class="footer-text">A Tivolitur estruturou uma plataforma completa de serviços para sua empresa. Seus colaboradores viajarão à negócios com o melhor custo x benefício.</p>
                <!-- end text -->
            </div>
            <div class="col-md-2 col-sm-3 col-xs-4 footer-link2 col-md-offset-3">
                <!-- headline -->
                <h5>Empresa</h5>
                <!-- end headline -->
                <!-- link -->
                <ul>
                    <li><a href="/sobre-nos">Sobre nós</a></li>
                    <li><a href="/corporativo">O que oferecemos</a></li>
                    <li><a href="/qualidade">Qualidade</a></li>
                </ul>
                <!-- end link -->
            </div>

        </div>
        <div class="wide-separator-line bg-mid-gray no-margin-lr margin-three no-margin-bottom"></div>
        <div class="row margin-four no-margin-bottom">
            <div class="col-md-6 col-sm-12 sm-text-center sm-margin-bottom-four">
                <!-- link -->
                <ul class="list-inline footer-link text-uppercase">
                    <li><a href="/noticias">Notícias</a></li>
                    <li><a href="/fale-conosco">Contato</a></li>
                </ul>
                <!-- end link -->
            </div>
            <div class="col-md-6 col-sm-12 footer-social text-right sm-text-center">
                <!-- social media link -->
                <a target="_blank" href="https://www.facebook.com/tivoliturviagens"><i class="fab fa-facebook-f"></i></a>
                <a target="_blank" href="https://twitter.com/tivoliturweb"><i class="fab fa-twitter"></i></a>
                <a target="_blank" href="https://www.linkedin.com/company/tivolitur-viagens"><i class="fab fa-linkedin"></i></a>
                <a target="_blank" href="https://www.instagram.com/tivolitur_oficial/"><i class="fab fa-instagram"></i></a>
                <!-- end social media link -->
            </div>
        </div>
    </div>










    <div class="container-fluid bg-dark-gray footer-bottom">
        <div class="container">
            <div class="row margin-three">
                <!-- copyright -->
                <div class="col-md-6 col-sm-6 col-xs-12 copyright text-left letter-spacing-1 xs-text-center xs-margin-bottom-one">
                    &copy; 2018 - Tivolitur Viagens e Turismo
                </div>
                <!-- end copyright -->
                <!-- logo -->
                <div class="col-md-6 col-sm-6 col-xs-12 footer-logo text-right xs-text-center">
                    <a href="index.html"><img src="https://tivolitur.s3.amazonaws.com/static/assets/images/logo-branco.png" alt=""/></a>
                </div>
                <!-- end logo -->
            </div>
        </div>
    </div>
    <!-- scroll to top -->
    <a href="javascript:;" class="scrollToTop"><i class="fa fa-angle-up"></i></a>
    <!-- scroll to top end... -->
</footer>
<!-- end footer -->
<!-- javascript libraries / javascript files set #1 -->
<script type="text/javascript" src="https://tivolitur.s3.amazonaws.com/static/assets/js/jquery.min.js"></script>
<script type="text/javascript" src="https://tivolitur.s3.amazonaws.com/static/assets/js/modernizr.js"></script>
<script type="text/javascript" src="https://tivolitur.s3.amazonaws.com/static/assets/js/bootstrap.js"></script>
<script type="text/javascript" src="https://tivolitur.s3.amazonaws.com/static/assets/js/bootstrap-hover-dropdown.js"></script>
<script type="text/javascript" src="https://tivolitur.s3.amazonaws.com/static/assets/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="https://tivolitur.s3.amazonaws.com/static/assets/js/skrollr.min.js"></script>
<script type="text/javascript" src="https://tivolitur.s3.amazonaws.com/static/assets/js/smooth-scroll.js"></script>
<!-- jquery appear -->
<script type="text/javascript" src="https://tivolitur.s3.amazonaws.com/static/assets/js/jquery.appear.js"></script>
<!-- animation -->
<script type="text/javascript" src="https://tivolitur.s3.amazonaws.com/static/assets/js/wow.min.js"></script>
<!-- page scroll -->
<script type="text/javascript" src="https://tivolitur.s3.amazonaws.com/static/assets/js/page-scroll.js"></script>
<!-- easy piechart-->
<script type="text/javascript" src="https://tivolitur.s3.amazonaws.com/static/assets/js/jquery.easypiechart.js"></script>
<!-- parallax -->
<script type="text/javascript" src="https://tivolitur.s3.amazonaws.com/static/assets/js/jquery.parallax-1.1.3.js"></script>
<!--portfolio with shorting tab -->
<script type="text/javascript" src="https://tivolitur.s3.amazonaws.com/static/assets/js/jquery.isotope.min.js"></script>
<!-- owl slider  -->
<script type="text/javascript" src="https://tivolitur.s3.amazonaws.com/static/assets/js/owl.carousel.min.js"></script>
<!-- magnific popup  -->
<script type="text/javascript" src="https://tivolitur.s3.amazonaws.com/static/assets/js/jquery.magnific-popup.min.js"></script>
<script type="text/javascript" src="https://tivolitur.s3.amazonaws.com/static/assets/js/popup-gallery.js"></script>
<!-- text effect  -->
<script type="text/javascript" src="https://tivolitur.s3.amazonaws.com/static/assets/js/text-effect.js"></script>
<!-- revolution slider  -->
<script type="text/javascript" src="https://tivolitur.s3.amazonaws.com/static/assets/js/jquery.tools.min.js"></script>
<script type="text/javascript" src="https://tivolitur.s3.amazonaws.com/static/assets/js/jquery.revolution.js"></script>
<!-- counter  -->
<script type="text/javascript" src="https://tivolitur.s3.amazonaws.com/static/assets/js/counter.js"></script>
<!-- countTo -->
<script type="text/javascript" src="https://tivolitur.s3.amazonaws.com/static/assets/js/jquery.countTo.js"></script>
<!-- fit videos  -->
<script type="text/javascript" src="https://tivolitur.s3.amazonaws.com/static/assets/js/jquery.fitvids.js"></script>
<!-- imagesloaded  -->
<script type="text/javascript" src="https://tivolitur.s3.amazonaws.com/static/assets/js/imagesloaded.pkgd.min.js"></script>
<!-- hamburger menu-->
<script type="text/javascript" src="https://tivolitur.s3.amazonaws.com/static/assets/js/classie.js"></script>
<script type="text/javascript" src="https://tivolitur.s3.amazonaws.com/static/assets/js/hamburger-menu.js"></script>
<!-- setting -->
<script type="text/javascript" src="https://tivolitur.s3.amazonaws.com/static/assets/js/main.js"></script>
<script type="text/javascript" src="https://tivolitur.s3.amazonaws.com/static/assets/js/new_main.js"></script>
<script>
    var dateMask = new IMask(
        document.getElementById('id_date_boarding'),
        {
            mask: Date,
            min: new Date(2010, 0, 1),
            max: new Date(2021, 0, 1),
            lazy: false
        });
</script>

<script type="text/javascript">
    /*$(window).on('load',function(){
        $('#myModalreserve').modal('show');
    });*/
</script>

<script>

    function ResetCampos(){for(var o=document.getElementsByTagName("input"),e=0;e<o.length;e++)"text"==o[e].type&&(o[e].style.backgroundColor="",o[e].style.borderColor="")}function coresMask(o){var e=o.value,r=e.length,t=o.maxLength;0==r?(o.style.borderColor="",o.style.backgroundColor=""):r<t?(o.style.borderColor=corIncompleta,o.style.backgroundColor=corIncompleta):(o.style.borderColor=corCompleta,o.style.backgroundColor=corCompleta)}function mascara(o,e,r,t){var l=e.selectionStart,a=e.value;a=a.replace(/\D/g,"");var s=a.length,c=o.length;window.event?id=r.keyCode:r.which&&(id=r.which),cursorfixo=!1,l<s&&(cursorfixo=!0);var n=!1;if((16==id||19==id||id>=33&&id<=40)&&(n=!0),ii=0,mm=0,!n){if(8!=id)for(e.value="",j=0,i=0;i<c&&("#"==o.substr(i,1)?(e.value+=a.substr(j,1),j++):"#"!=o.substr(i,1)&&(e.value+=o.substr(i,1)),8==id||cursorfixo||l++,j!=s+1);i++);t&&coresMask(e)}cursorfixo&&!n&&l--,e.setSelectionRange(l,l)}var corCompleta="#99ff8f",corIncompleta="#eff70b";


</script>


</body>

</html>
