html{width: 100%;min-width: 350px;max-width: 100%;height: auto;min-height: 100%;max-height: auto;
      border: none;background:#e9e5e5;background-color: #e9e5e5; overflow: auto;}

body{width: 100%;min-width: 350px;max-width: 1280px;height: auto;min-height: 800px;max-height: auto;
      margin:0px;margin-left: auto; margin-right: auto;padding:0px;overflow: visible;
      background:#b6b1b1;background-color: #e9e5e5;font-family: Arial, sans-serif, serif, Verdana;font-size: 15px;
      font-style:normal;font-weight: normal;border: none;}

p{margin:0px; line-height: 1;}

a:link {color:black;text-decoration: none;}
a:visited {color:black;text-decoration: none;}
a:hover {color:black;text-decoration: underline;}
a:active {color:black;text-decoration: none;}

div {
   -webkit-user-select: none; /* Safari 3.1+ */
   -moz-user-select: none; /* Firefox 2+ */
   -ms-user-select: none; /* IE 10+ */
   user-select: none; /* Standard syntax */
}

#IndicaResolucao {display: none; position: fixed;top:5px;left: 1px;z-index: 5;
      margin: 0px;padding: 0px;cursor: pointer;
      width: 120px;min-width: auto;max-width: 120px;
      height: 35px;min-height: auto;max-height: 35px;
      background: none;background-color: #000000;border: none;
      font-size: 80%;text-align: center;color: #808080;}

#QuadroMenu {position: fixed;display: block;overflow: hidden;z-index:2;float: none;
            top:0px;left: 0px;margin: 0px;opacity: 1;
            width: 100%;min-width: 350px;max-width: 100%;height: 80px;min-height: auto;max-height: 80px;
            background: none;background-color: #FFFFFF;border: #FFFFFF;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

#QuadroMenu .Centralizar {position: relative;display: block;float: none;overflow: auto;
                        margin: 0px;margin-left: auto;margin-right: auto;padding: 0px;
                        width: 100%;min-width: auto;max-width: 1280px;
                        height: auto;min-height: 100%;max-height: auto;
                        border: none;background-color: none;}

#QuadroMenu .LogoEmpresa{position: absolute;display: block;overflow: visible;z-index:2;float: none;
                        top:3px;left: 0px;margin: 0px;padding: 0px;cursor: pointer;
                        width: 80%;min-width: 70px;max-width: 130px;height: auto;min-height: auto;max-height: 70px;
                        opacity: 1;background: none;background-color: #FFFFFF;border: none;}

#QuadroMenu .LogoInstagram{position: absolute;display: block;overflow: visible;z-index:2;float: none;
                        top:28%;right: 0px;margin: 0px;padding: 0px;
                        width: 80%;min-width: auto;max-width: 30px;height: auto;min-height: auto;max-height: 30px;
                        opacity: 1;background: none;background-color: #FFFFFF;border: none;}

#QuadroMenu .MenCelular{display: none;}

#QuadroMenu .MenuCentral {position: absolute;display: block;overflow: auto;white-space: nowrap;
                        float: right;margin: 0px;right: 1%;top: 20%;
                        width: 85%;min-width: auto;max-width: 85%;
                        height: auto;min-height: 50%;max-height: 50%;                        
                        border: none;}

#QuadroMenu button{position: relative;display: inline-block;overflow: hidden;z-index:2;float: none;cursor: pointer;
                  top:auto;left:0px;margin: 0px;margin-left: 1%;margin-top: 10px;padding: 0px; opacity: 1;
                  width: 20%;min-width: auto;max-width: 120px;height: 90%;min-height: auto;max-height: 90%;
                  background: none;background-color: none;border: none;
                  font-size: 120%;text-align: center;white-space: normal;}

#QuadroMenu button:hover {transform: scale(1.03);color: #2597f4;}

#QuadroMenu button:disabled {color: #2597f4;border-bottom: 1px solid #2597f4;}


#fundotransp {display:none;position:fixed;top: 0px;z-index:5;padding: 0px;
            width: 100%;min-width: 800px;height: 100%;min-height:600px;
            background-color: #E8E8E8;opacity:0.4;filter:alpha(opacity=40);border: none;}

#MsgAguarde {display:none;position: fixed; top:20%;left: 50%;z-index:12;
            margin: 0px;margin-top: 160px;margin-left: -150px;padding: 20px;
            width: 250px;min-width: 30px;max-width: 250px;
            height: auto;min-height: 30px;max-height: auto;
            background-color: #E8E8E8;background: #E8E8E8;
            opacity:1;filter:alpha(opacity=100);
            color: #000000;font-size: 120%;font-weight: normal;text-align:center;
            border: none;}

.BlocoTitulo {position: relative;display: block;float: none;overflow: hidden;
            margin: 0px;margin-top: 60px;margin-bottom: -30px; margin-left: auto;margin-right: auto;padding: 0px;
            width: 100%;min-width: auto;max-width: 100%;
            height: 50px;min-height: auto;max-height: auto;
            border: none;background-color: none;
            font-family: Rubik Dirt, serif;font-weight: 400;font-size: 280%;color: #158bb9;
            animation: ApareceFundo 2s 1; animation-fill-mode: forwards;}
@keyframes ApareceFundo { from {opacity: 0;} to {opacity: 1;} }

.BlocoSubTit {position: relative;display: block;float: none;overflow: hidden;
            margin: 0px;margin-top: 60px;margin-bottom: -30px; margin-left: auto;margin-right: auto;padding: 0px;
            width: 100%;min-width: auto;max-width: 100%;
            height: 50px;min-height: auto;max-height: auto;
            border: none;background-color: none;
            background: -webkit-linear-gradient(left,#0a4eb4 20%, #2998b4 65%);
            -webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;    
            font-weight: 400;font-size: 220%;color: #158bb9;
            animation: ApareceFundo 2s 1; animation-fill-mode: forwards;}

.BlocoInforme {position: relative;display: block;float: none;overflow: hidden;
            margin: 0px;margin-top: 60px;margin-left: auto;margin-right: auto;padding: 0px;
            width: 100%;min-width: auto;max-width: 100%;
            height: auto;min-height: 340px;max-height: auto;
            border: 1px solid #808080;background-color: #FFFFFF;border-radius: 10px;
            animation: ApareceFundo 2s 1; animation-fill-mode: forwards;}

.BlocInfTexto {position: absolute;display: block;float: none;overflow: auto;
            right: 2%; margin: 0px;padding: 0px;
            width: 45%;min-width: auto;max-width: 45%;
            height: auto;min-height: 100%;max-height: auto;
            border: none;background-color: none;}

.BlocInfTexto h1{position: relative;display: inline;float: none;overflow: hidden;
            right: 0px; margin: 0px;padding: 0px;
            width: 100%;min-width: auto;max-width: 100%;
            height: auto;min-height: auto;max-height: 80px;
            border: none;background-color: none;
            font-family: Verdana, Geneva, Tahoma, sans-serif;font-size: 180%;color: #504f4f;font-weight: normal;}
 
.BlocInfTexto h2{width: 100%;min-width: auto;max-width: 100%;
            height: auto;min-height: auto;max-height: 180px;
            font-family: Verdana, Geneva, Tahoma, sans-serif;font-size: 110%;color: #777676;font-weight: normal;text-align: justify; }

.BlocInfTexto h3 {position: relative;display: inline;margin: 0px;
    background: -webkit-linear-gradient(left,#397ce0 30%, #43c243 55%);
    -webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;    
    font-family: Verdana, Geneva, Tahoma, sans-serif;font-size: 220%;color: #504f4f;font-weight: normal;
}

.BlocInfTexto h4 {position: relative;display: inline;margin: 0px;
    background: -webkit-linear-gradient(left,#0a4eb4 30%, #397ce0 55%);
    -webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;    
    font-family: Verdana, Geneva, Tahoma, sans-serif;font-size: 220%;color: #504f4f;font-weight: normal;
}

.BlocInfImg{position: relative;display: block;
            float: left;left: 1%;top: 5px; margin: 0px;padding: 0px;
            width: 50%;min-width: auto;max-width: 50%;height: auto;min-height: auto; max-height: 330px;
            background: none;background-color: none;border: none;}

.BlocInfImgMasc{mask-image: radial-gradient(circle,#9e9785, transparent);}

.BlocInfTexto button{position: relative;display: block;overflow: hidden;z-index:2;float: none;cursor: pointer;
                  top:auto;left:0px;margin: 0px;margin-left: 1%; margin-top: 10px;opacity: 1;
                  width: 30%;min-width: auto;max-width: 120px;height: 40px;min-height: auto;max-height: 40px;
                  background: none;background-color: #15dfb3;border: none;border-radius: 5px;
                  font-size: 120%;text-align: center;white-space: normal;color: #FFFFFF;}

.BlocInfTexto button:hover {transform: scale(1.03);background-color: #2597f4;color: #15dfb3;}

@media screen and (max-width: 1300px) {

      body{max-width: 900px;}

      .BlocoTitulo {left: 1%; width: 98%;max-width: 98%;height: 40px;font-size: 220%;}

      .BlocoSubTit {left: 1%; width: 98%;max-width: 98%;height: 40px;font-size: 180%;}

      #QuadroMenu .Centralizar {max-width: 900px;}

      #QuadroMenu .LogoEmpresa{max-width: 110px;max-height: 60px;}

      #QuadroMenu button{max-width: 95px;font-size: 90%;}

      .BlocInfTexto h1{font-size: 150%;}

      .BlocInfTexto h2{font-size: 80%;}

      .BlocInfTexto h3 {font-size: 190%;}

      .BlocInfTexto h4 {font-size: 190%;}

      .BlocInfTexto button{max-width: 110px;height: 30px;max-height: 30px;font-size: 100%;}

      .BlocoInforme {min-height: 260px;}

      .BlocInfImg{max-height: 250px;}

}    

@media screen and (max-width: 900px) {

      body{max-width: 600px;}

      .BlocoInforme {width: 99%;max-width: 99%;height: auto;min-height: auto;max-height: 650px;}

      .BlocInfImg{float: none;left: 1%;top: 5px;width: 98%;max-width: 98%;max-height: 300px;}

      .BlocInfTexto {position: relative;right: auto;left: 3%;margin-top: 10px;margin-bottom: 20px;
                  width: 95%;max-width: 95%;min-height: 50%;border: none;background-color: none;}
      
      .BlocInfTexto button{margin-left: 3%;width: 90%;max-width: 90%;}

      .BlocoTitulo {height: 40px;font-size: 190%;}

      .BlocoSubTit {height: 50px;font-size: 150%;margin-top: 30px;}

      .BlocInfTexto h1{font-size: 170%;}

      .BlocInfTexto h2{font-size: 100%;}

      .BlocInfTexto h3 {font-size: 210%;}

      .BlocInfTexto h4 {font-size: 180%;}
    
      #QuadroMenu .LogoEmpresa{max-width: 100px;max-height: 55px;}

      #QuadroMenu .MenuCentral {position: fixed;display: none;float: none;right: 0px;top: 80px;
                        width: 100%;max-width: 100%;min-height: 100%;max-height: 100%;
                        background-color: #FFFFFF;opacity: 0;
                        animation-duration: 1s; animation-fill-mode: forwards;}
      @keyframes MenuAparece { from {opacity: 0;} to {opacity: 1;} }
      @keyframes MenuSome { from {opacity: 1;} to {opacity: 0;} }

      #QuadroMenu button{position: relative;display: block;float: left;
                        margin: 3%;padding: 0px;
                        width: 40%;min-width: auto;max-width: 40%;height: 90px;max-height: 90px;
                        background: none;background-color: none;border: 1px solid #2597f4;
                        font-size: 120%;text-align: center;white-space: normal;}

      #QuadroMenu button:hover {transform: scale(1.03);color: #2597f4;}

      #QuadroMenu button:disabled {color: #2597f4;border-bottom: 1px solid #2597f4;}

      #QuadroMenu .LogoInstagram{top:15%;right: 1%;max-width: 35px;max-height: 35px;}

      #QuadroMenu .MenCelular{position: absolute;display: block;overflow: visible;z-index:2;float: none;
                        top:15px;left: 50%;margin: 0px;padding: 0px;
                        width: 40px;min-width: auto;max-width: 40px;height: auto;min-height: auto;max-height: 40px;
                        opacity: 1;background: none;background-color: #FFFFFF;border: 1px solid #158bb9;
                        color: #158bb9;font-size: 200%;text-align: center;}

      #QuadroMenu .MenCelSair{border-color: #FF0000;color: #FF0000;}                        
}



/* Audiowide - latin-ext */
@font-face {
      font-family: 'Audiowide';
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/audiowide/v20/l7gdbjpo0cum0ckerWCdmA_OIxo.woff2) format('woff2');
      unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Audiowide - latin */
@font-face {
      font-family: 'Audiowide';
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/audiowide/v20/l7gdbjpo0cum0ckerWCdlg_O.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* latin-ext */
@font-face {
  font-family: 'Rubik Dirt';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/rubikdirt/v2/DtVmJxC7WLEj1uIXEWAdilUs6zDX.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Rubik Dirt';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/rubikdirt/v2/DtVmJxC7WLEj1uIXEWAdilss6w.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* Pacifico - cyrillic-ext */
@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  src: local('Pacifico Regular'), local('Pacifico-Regular'), url(https://fonts.gstatic.com/s/pacifico/v16/FwZY7-Qmy14u9lezJ-6K6MmTpA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* Pacifico - Pacifico */
@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  src: local('Pacifico Regular'), local('Pacifico-Regular'), url(https://fonts.gstatic.com/s/pacifico/v16/FwZY7-Qmy14u9lezJ-6D6MmTpA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* Pacifico - vietnamese */
@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  src: local('Pacifico Regular'), local('Pacifico-Regular'), url(https://fonts.gstatic.com/s/pacifico/v16/FwZY7-Qmy14u9lezJ-6I6MmTpA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* Pacifico - latin-ext */
@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  src: local('Pacifico Regular'), local('Pacifico-Regular'), url(https://fonts.gstatic.com/s/pacifico/v16/FwZY7-Qmy14u9lezJ-6J6MmTpA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Pacifico - latin */
@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  src: local('Pacifico Regular'), local('Pacifico-Regular'), url(https://fonts.gstatic.com/s/pacifico/v16/FwZY7-Qmy14u9lezJ-6H6Mk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Yatra One';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/yatraone/v14/C8ch4copsHzj8p7NaF0BylmAXRA.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Yatra One';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/yatraone/v14/C8ch4copsHzj8p7NaF0BxFmA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}