/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/*ESTILOS EM GERAL SEM VIEWPORT -  ATÉ A LINHA 790  */
    * {
    margin: 0; padding: 0; box-sizing: border-box;/* //font-size: 62,5%;*/
    }
    /*html,body {
        height: 100%;
        margin: 0;
        padding: 0;
        overflow: hidden;
    }*/
    body {
        font-size: 1em;
        font-family: Verdana; margin: 0; padding: 0; /*background-color: blue;*/
        /*min-width:350px;*/
    }
    /*TEXTO PISCANDO OU MOVENDO inicio*/
    #myDIV10 {
        margin:auto;
        width:auto;
        height:auto;
        padding:5px;
        border: 0px solid white;
        animation: mymove 5s infinite;}
        @keyframes mymove {
        5% { border: 0px solid white;}
        }
    .texto-piscando-suave {
        animation-name: piscarSuave; /* Nome da animação definida abaixo */
        animation-duration: 2.5s;   /* Duração de um ciclo completo (pisca e apaga) */
        animation-timing-function: ease-in-out; /* Suaviza o início e fim da mudança de opacidade */
        animation-iteration-count: infinite; /* Repetir infinitamente */
        }
        /* Definição da animação */
        @keyframes piscarSuave {
        0%, 100% { /* No início e no fim do ciclo, opacidade total */
            opacity: 1;
        }
        50% { /* No meio do ciclo, fica transparente */
            opacity: 0;
        }
    }
    .texto-piscando-abrupto {
        animation-name: piscarAbrupto;
        animation-duration: 1s; /* Duração mais rápida para um piscar mais "urgente" */
        animation-timing-function: steps(1, end); /* Muda de estado abruptamente no final de cada passo */
        animation-iteration-count: infinite;
      }
      @keyframes piscarAbrupto {
        0%, 100% {
          visibility: visible; /* Visível */
        }
        50% {
          visibility: hidden; /* Escondido */
        }
    }
/* TEXTO PISCANDO OU MOVENDO fim */                

    /*a.button {*/
    button{
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button;
        width: auto;
        height:auto;
        margin: auto;
        text-align:center;
        font-size:.8em;
        padding: 5px 10px;
        text-decoration: none;
        color: initial;
    }
    /* PARA O LINK 1 */ /* https://www.maujor.com/tutorial/csslinks.php*/
    .linkum:link {
        color:#00008b;/*#B01455;*/
        width:auto;
        text-decoration:line;
        margin: 10px auto;
        padding:5px;
        box-shadow: 6px 4px 4px rgba(135, 136, 58, 0.4); border: 2px solid lightblue;
        border-radius:animation: mymove 5s infinite;
        }
        /*@keyframes mymove {50% {border: 15px solid lightblue;}}*/
        @keyframes mymove {50% {border: 15px solid white;}}
        .linkum:visited { color:#1d1f08; text-decoration:none;}
        .linkum:hover {  color:#db143c;/*#000000*/; text-decoration:underline;}
        .linkum:active { color:#00ff00; text-decoration:underline; background-color:#000000;
    }
    /* PARA O LINK 2 */
    .linkdois:link { color:#ffCC00;   }
        .linkdois:visited {  color:#669900;  }
        .linkdois:hover { color:#0000ff; text-decoration:underline overline;  }
        .linkdois:active { color:#ffffff; text-decoration:none; background-color:#00ff00; }
        /* PARA O LINK 3 */
    .linktres:link { color:#00ff00;background-color:#00ff00;text-decoration:none; }
        .linktres:visited {  color:#000000; text-decoration:line-through;  }
        .linktres:hover { color:#000000; background-color:#ff0000; text-decoration:none;  }
        .linktres:active { color:#ffff00; text-decoration:none; background-color:#00ff00;  }
    .assinatura{
        font-family: 'Freestyle Script' , Vivaldi, 'Vladimir Script' , 'Kunstler Script' , 'Monotype Corsiva';
        font-size: large; color: black; font-weight: normal;
        font-style: normal; text-align: right;
    }
    #body {
        font-size: 14px;
        font-family: Verdana; margin: 0; padding: 0; /*background-color: blue;*/
        min-width:350px;
        }
    .botao {
        width: auto;
        height:auto;
        margin: .2em auto;
        text-align:center;
        font-size:.9em;
        padding: .3em 20px;
        text-shadow: 2px 2px 2px rgba(255,255,255,0.4);*/
        color: #0000CD; /*#FFF; MediumBlue*/
        background: #E0FFFF;/*LightCyan1*/
        border: 2px solid red;
        border-radius: 10px;
        box-shadow: 6px 4px 4px rgba(0,0,0,0.4);
        cursor: pointer;
        }
    .botao:hover {
        background: #FB0;
        box-shadow: inset 2px 2px 2px rgba(0,0,0,0.5);
        text-shadow: none;
        }
    .border {
        background: #E0FFFF;/*LightCyan1*/
        border:.5px solid red;
        color: #0000CD /*#FFF; MediumBlue*/;
        box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
        border-radius: 1px;
        border-width:1px;    
    }
    #border {
        background: #E0FFFF;/*LightCyan1*/
        border:.5px solid red;
        color: #0000CD /*#FFF; MediumBlue*/;
        box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
        border-radius: 1px;
        border-width:1px;    
    }
        /*embed cursor { pointer: ;}*/
    .boxcab{
        width:98%;
        position:relative;
        margin:.5em auto;
        padding: .5em;
        background:LightCyan;
        border: solid 1px Brown;
        border-radius:10px;   
        text-align: center;
        font-size:1em;
        z-index: 1;
    }
    .boxcab:hover {
        background: #FB0;
        box-shadow: inset 2px 2px 2px rgba(0,0,0,0.5);
        text-shadow: none;
        }
        /*br { clear: left; }*/
    #btn-menu {
        display: none;
    }
    .centralbgk {
        margin-top: 0em;  margin-top: 0.1em; margin: auto; vertical-align:2px;
        background:linear-gradient(green, yellow,green);
        -webkit-gradient:(linear,green, yellow,green) no-repeat;
        -moz-linear-gradient:(green, yellow,green, 00);
    }
    #centralizar{
        position: relative; left:50%; width:1024px;
        margin:0 0 0 -512px
    }
    .container{
        max-width: 1128px; margin: auto;
    }
    .container-radiante~
    {
        width: 300px; /* Largura da área total do efeito */
        height: 300px; /* Altura da área total do efeito */
        position: relative; /* Necessário para posicionar o círculo interno */
        display: flex;
        justify-content: center;
        align-items: center;

        /* Cria os raios dourados usando um gradiente cônico */
        /* Alterna entre dourado e transparente para formar os raios */
        /* Ajuste os graus (ex: 10deg, 20deg) para mudar a espessura e quantidade de raios */
        background: conic-gradient(
            gold 0deg 10deg,       /* Raio dourado */
            transparent 10deg 20deg, /* Espaço transparente */
            gold 20deg 30deg,
            transparent 30deg 40deg,
            gold 40deg 50deg,
            transparent 50deg 60deg,
            gold 60deg 70deg,
            transparent 70deg 80deg,
            gold 80deg 90deg,
            transparent 90deg 100deg,
            gold 100deg 110deg,
            transparent 110deg 120deg,
            gold 120deg 130deg,
            transparent 130deg 140deg,
            gold 140deg 150deg,
            transparent 150deg 160deg,
            gold 160deg 170deg,
            transparent 170deg 180deg,
            gold 180deg 190deg,
            transparent 190deg 200deg,
            gold 200deg 210deg,
            transparent 210deg 220deg,
            gold 220deg 230deg,
            transparent 230deg 240deg,
            gold 240deg 250deg,
            transparent 250deg 260deg,
            gold 260deg 270deg,
            transparent 270deg 280deg,
            gold 280deg 290deg,
            transparent 290deg 300deg,
            gold 300deg 310deg,
            transparent 310deg 320deg,
            gold 320deg 330deg,
            transparent 330deg 340deg,
            gold 340deg 350deg,
            transparent 350deg 360deg
        );
        /* Opcional: arredondar a área dos raios */
        border-radius:50%;
    }
    .container-radiante::before {
        content: ''; /* Necessário para pseudo-elementos */
        position: absolute; /* Posiciona em relação ao .container-radiante */
        width: 60px; /* Largura do círculo vermelho (pequeno) */
        height: 60px; /* Altura do círculo vermelho (pequeno) */
        background-color: red; /* Cor do círculo */
        border-radius: 50%; /* Torna o elemento um círculo perfeito */
        /* Centraliza o círculo exatamente no meio do container */
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1; /* Garante que o círculo fique na frente dos raios */
    }
    .conteudo {
        width: 100%;
        position: absolute;
        top: 400px;
        left: 0;
        z-index: 100;
        background-color: white;
        min-height: 100%;
    }
/*
    div,
    span {
     border: 1px solid #000;
    }
    div.ib {
      display: inline-block;
    }
    div.min {
        width: auto;  
        width: min-content;
    }
    div.max {
      width: max-content;
    }
*/

    .destaque {
        font-family:  Ginkgo, Algerian, Helvetica, serif;
        position: relative; color: #0000CD /*MediumBlue/*#1E90FF /*DodgerBlue*/ /*#FF0000/*vermelho*/;
        font-size: 1.1em; font-weight: bolder; font-family: serif;
        margin: .2em auto;
        padding:.2em;
    }
    .direita {
        float: left;
        margin-top:6em;
        width: 10%;    /*background-color:LightBlue;*/
        height: 95%;   /*position: absolute;*/
        border:1px solid blue;
        position: absolute;
        /*z-index: 2;*/
    }
    .empImage {
        float: left; width: 64px; padding-top: 3px;
    }
    .empInfo {
        float: left; padding-left: 5px; width: 240px;
    }
    .empName {
        font-weight: bold;
    }
    li.ui-igcombo-listitem div.empImage a {
        border: none
    }
    .esquerda {
        float: left;
        margin-top:6em;
        width: 15%;   /*background-color:LightBlue;*/
        height: 95%;    /*position: absolute;*/
        border:1px solid red;
        position: absolute;    /*z-index: -1;*/
    }
   
    fieldset {
        display:block;
        position:relative;
        min-width:250px;
        /*max-width:98%;
        background-color: rgba(190,190,190,0.4);/*grey - cinza*/
        border: .1px solid #FFEFD5; /*SteelBlue*/
        border-radius:4px;
        -moz-border-radius:4px;
    }
    .fieldset {
        display:block;
        position:relative;
        width:auto;
        min-width:250px;
        /*max-width:98%; */
        margin:6em;
        padding: 0.1em;
        font-size:0.9em; 
        background-color: rgba(190,190,190,0.4);/*grey - cinza*/
        border: .1px solid #FFEFD5; /*SteelBlue*/
        border-radius:4px;
        -moz-border-radius:4px;
    }
    .fieldset legend {
        width:auto;
        font: bold 1em saens-serif, verdana, arial, tahoma;
        color: #0000FF;/*Blue*/ 
        padding: 1px auto; 
        text-align:center;
    }
    .fieldsetform {
        display:block;
        position:relative;
        height:auto;
        /*min-width:250px;*/
        min-width:306px;
        max-width:720px;
        margin: auto;
        padding: 0.2em;
        border: 1px solid #1E90FF /*DodgerBlue*/; 
        border-radius:20px;
        background-color: #B0C4DE /*LightSteelBlue*/;
    } 
    .font01 {
        font-family: Times new, Helvetica, serif;
        position: relative; color:red /*DodgerBlue /*#0000CD /*MediumBlue/**/ /*#FF0000/*vermelho*/;
        font-size: 1em; font-weight: bolder; /*font-family: serif*/;
        margin: auto;
        padding:auto;
        background: FloralWhite;
    }
    #footer {
        height: auto;
        margin:1em auto;
        max-width: 750px;
        padding: 0px 0px 10px 5px;
        box-shadow: 2px 2px 2px rgba(100,10010,0,0.2);
        border-radius:4px;-moz-border-radius:4px;
    }
    form {
        display:block;
        position:relative;
        width:auto;
        margin:0.1em auto; 
        padding: .1em;
        background-color: rgba(255,255,255,0.4);
        /*border:1px solid #bed6f8;/*azul*/
        border-radius:5px;
        -moz-border-radius:4px;
    }
    form fieldset {
        display:block;
        position:relative;
        min-width:auto;
        /*max-width:98%;*/
        margin:.3em auto;
        padding: 0.1em;
        font-size:0.9em; 
        background-color: rgba(190,190,190,0.4);/*grey - cinza*/
        /*border: 1px solid rgba(70,130,180,0.8); /*SteelBlue*/
        border-radius:4px;
        -moz-border-radius:4px;    
    }
    form input {
        display:block;
        position:relative;
        width:auto;
        /*max-width:85%;
        min-height:1.8em;
        height:auto;*/
        margin:.5em auto;
        padding:2px 10px;
        /*border:1px;*/
        border-radius:2px;
        border: .1px solid rgba(70,130,180,0.8); /*SteelBlue*/
        text-align:left;
        font: bold .9em verdana, arial, tahoma;
        background-color: #FFFACD;/*LemonChiffon*/
    }
    form label {
        display:block;
        width:99%;
        margin:1px;
        /*margin:.3em auto;
        padding: 0.5em;*/
    }
   form legend {
        padding: 0.1em;
        text-align:center;
        font: bold 1.5em saens-serif, verdana, arial, tahoma;
        color: #0000FF;/*Blue*/
   }   
    form select {
        position:relative;
        width:auto;
        max-width:98%;
        height:auto;
        margin:auto;
        padding:5px 10px;
        font: .8em verdana, arial, tahoma;
        border:.1px solid;
        border-radius:6px;
        background-color:#FFFACD;/*LemonChiffon*/
    }
    form select option {
        display:block;
        /*width:auto;
        height:auto;*/
        max-width:98%;
        margin:0.5em;
        padding:5px 10px;
        font: 1.2em verdana, arial, tahoma;
        border: .1px solid;
        border-radius:6px;
        background-color: #FFFACD;/*LemonChiffon*/
        }
    .function {
        list-style: none;
        margin: .2em;
        padding: .4em;
    }
    .function:after {
        content: "";
        clear: both;
    }
    .function {
        border: 1px solid black;/*#ccc;*/
        box-sizing: border-box;
        float: left;
        height: auto;
        position: relative;
        width: 95%;
        margin: .6em;
    }
    .img, .picture, .video, .embed, .iframe{
        display: flex;
        margin-top: .5em;
        margin-bottom: .5em;
        margin-left: auto;
        margin-right: auto;
        max-width: auto;
    }
    label {
        width:99%;
        height:auto;
        margin:1px;
        text-align:center;
        background-color: #FFFFF0;/*Ivory1*/ 
        font-weight:normal;
    }
    #name{
        size:360;
        background: aquamarine;
        border: 1px solid #B22222 ;
    }
    /*.grupo:before, .grupo:after {content: "";display: table;}.grupo:after {clear: both;}*/
    /*.header{width: 100%;/*mini-height: 20px;*//*   height: 4.8em;padding: 0.1em;/*position: relative;border-bottom: 1px solid #E0FFFF;/*background:#E0FFFF;/*LightCyan1*//*background:#9ACD32;*//*  text-align: center;/*z-index: 0;}*/
    .hidden {
        display: none;
    }
    .highText{
        text-decoration: none;
        vertical-align: middle;
        margin:auto;
        color: #FF0000;
        /*color:#B22222;*/
        font: 1.2em Algerian, Georgia, Arial, Helvetica;
        text-shadow:    
            0 5px 3px rgba(0,0,0,.3),
            0 3px 5px rgba(0,0,0,.2),   
            0 5px 10px rgba(0,0,0,.25),
            0 10px 10px rgba(0,0,0,.2), 
            0 20px 20px rgba(0,0,0,.15);
    }
    .highText1{
        text-decoration: none;
        vertical-align: middle;
        margin:auto;
        /*color: #FF0000;*/
        color: Blue;
        font: 1.5em Ginko, Castellar,Georgia, Arial, Helvetica;
        text-shadow:    
            0 5px 3px rgba(0,0,0,.3),
            0 3px 5px rgba(0,0,0,.2),   
            0 5px 10px rgba(0,0,0,.25),
            0 10px 10px rgba(0,0,0,.2), 
            0 20px 20px rgba(0,0,0,.15);
    }
    #label {
        width:98%;
        margin:.2em auto;
        height:auto;
        padding: 0.05em;
        font:bold 1em verdana,arial,tahoma;
        color:#B22222;/*Firebrick*/ 
        border:1px solid #8B8B83/*Ivory4*/;
        border-radius:4px;
        /*background-color:#FFFFF0;/*Ivory1*/ 
        background-color:white;
    }
    .legend {
        padding:0;
        font: bold 1em saens-serif, verdana, arial, tahoma;
        color:Blue;
        text-align: center;
    }
    .legenda {
        margin:5px;
        font-family:'Monotype Corsiva','Courier New';
        font-size: 1.2em;
        font-weight: bolder;
        font-style:italic;
        letter-spacing:2px;
        color:black;
        text-align:center;
    }
    .legenda1 {
        width:100%;
        margin:5px;
        font-family:'Monotype Corsiva','Courier New';
        font-size:1.3em;
        font-style:italic;
        letter-spacing:2px;
        color:black; 
        text-align:center;
    }
    .legenda2 {
        width:100%;
        margin:5px;
        font-family:'Monotype Corsiva','Courier New';
        font-size:1.4em; 
        font-style:italic;
        font-weight:bold;
        letter-spacing:5px;
        color:black;
        text-align:center;
    }
    .li {
        font:12px Arial,Helvetica;color: #0000CC;}
        .lowText{
        font: 12px Georgia, Arial, Helvetica;
        text-decoration: none; color: #0000cc;
    }
    /* --- ESSENCIAL --- */
    .modal {
        display: none;
    }
    .modal:target {
        display: flex;
    }
    .modal {
        text-align: left;
        backdrop-filter: blur(2px);
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.2);
        padding: 2rem;
    }
    .modal:target {
        justify-content: space-around;
        align-items: center;
    }
    .modal__overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        cursor: default;
    }
    .modal__content {
        position: relative;
        background-color: #f2f2f2;
        padding: 2rem;
    }
    .modal__close {
        color: initial;
        text-decoration: none;
        position: absolute;
        top: 0;
        right: 0;
        padding: 0 0.5rem;
        display: inline-block;
    }
    .Negrito {
        font: bold 1em Arial, Helvetica;
        color: '#000000';   
    }
    .p {
        font: 0.8em Arial, Helvetica;
        color: #0000cc;
    }
    ::-webkit-input-placeholder  { color:#4682B4; font: .9em Arial, Helvetica; }
    input:-moz-placeholder { color:#4682B4; font: .9em Arial, Helvetica;}
    textarea:-moz-placeholder { color:#4682B4; font: .9em Arial, Helvetica;
    }​
    .placeholder {
        color:#4682B4; font: .9em Arial, Helvetica;
    }
    .round {
        display: block;
        position:static;
        width: 6em;
        height: 6em;
        margin: 1em auto;
        padding-top:20px;
        text-decoration: none;
        text-align: center;
        font-size: .9em;
        text-shadow: 0 1px 0 rgba(255,255,255,.7);
        letter-spacing: -.065em;
        font-family: "Hammersmith One", sans-serif;		
        -webkit-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        -moz-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
        box-shadow: 2px 2px 7px rgba(0,0,0,.2);
        border-radius: 300px;
        z-index: 1;
        border-width: 4px;
        border-style: solid;
    }
    .round:hover {
        width: 6em;
        height:6em;
        margin: 1em auto;
        padding-top: 20px;
        font-size:.9em;
        -webkit-box-shadow: 5px 5px 10px rgba(0,0,0,.3);
        -o-box-shadow: 5px 5px 10px rgba(0,0,0,.3);
        -moz-box-shadow: 5px 5px 10px rgba(0,0,0,.3);
        box-shadow: 5px 5px 10px rgba(0,0,0,.3);
        z-index: 2;
        /*border-size: 10px;*/
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
    a.red {
        background-color: rgba(239,57,50,1);
        color: rgba(133,32,28,1);
        border-color: rgba(133,32,28,.2);
    }
    a.red:hover {
        color: rgba(239,57,50,1);
    }
    a.green {
        background-color: rgba(1,151,171,1);
        color: rgba(0,63,71,1);
        border-color: rgba(0,63,71,.2);
    }
    a.green:hover {
        color: rgba(1,151,171,1);
    }
    a.yellow {
        background-color: rgba(252,227,1,1);
        color: rgba(153,38,0,1);
        border-color: rgba(153,38,0,.2);
    }
    a.yellow:hover {
        color: rgba(252,227,1,1);
    }
    .round span.round {
        display: block;
        opacity: 0;
        margin: 0em auto;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        font-size: 1px;
        border: none;
        padding: 40% 40% 40% 40%;
        color: #fff;
    }
    .round span:hover {
        opacity: .85;
        font-size: 1em;
        -webkit-text-shadow: 0 1px 1px rgba(0,0,0,.5);
        -moz-text-shadow: 0 1px 1px rgba(0,0,0,.5);
        -o-text-shadow: 0 1px 1px rgba(0,0,0,.5);
        text-shadow: 0 1px 1px rgba(0,0,0,.5);	
    }
    .green span {
        background: rgba(0,63,71,.7);		
    }
    .red span {
        background: rgba(133,32,28,.7);		
    }
    .yellow span {
        background: rgba(161,145,0,.7);	
    }
    .select {
        width: auto;
        max-width:90%;        
        height: auto;
        margin:1px auto;
        padding:2px .08em;
        font-size: .8em;
        color: DarkBlue;
        font-weight: normal;
        border: 1px solid #999;
        background-color: LemonChiffon;
        border-radius: 5px;
        box-shadow: 3px 3px #ccc;
    }
    .select option {
        max-width:95%;  
        /*margin:auto;
        padding:.5px;*/
        font-size: .9em;
        color: DarkRed;
        font-weight: bold;
        border: 2px solid #999;
        background-color: #eee;
        border-radius: 2px;
        box-shadow: 2px 2px #ccc;       
        }
    .slider {
        display: block;
        height: 293px;
        width: 600px;
        margin: auto;
        margin-top: 20px;
        position: relative;
        }
        .slider li {
        list-style: none;
        position: absolute;
        }
        .slider img {
            margin: auto;
            height: 100%;
            width: 100%;
            vertical-align: top;
        }
        .slider input{
            display:none;
        }
        .slider label {
            /*background-color: #000;*/
            background-color: #B22222;
            bottom: 10px;
            cursor: pointer;
            display: block;
            height: 10px;
            position: absolute;
            width: 10px;
            z-index: 10;
            }
        .slider li:nth-child(01) label {left: 1em;}
        .slider li:nth-child(02) label {left: 2em;}
        .slider li:nth-child(03) label {left: 3em;}
        .slider li:nth-child(04) label {left: 4em;}
        .slider li:nth-child(05) label {left: 5em;}
        .slider li:nth-child(06) label {left: 6em;}
        .slider img {
            opacity: 0;
            visibility: hidden;
            }
        .slider li input:checked ~ img {
            opacity: 1;
            visibility: visible;
            z-index: 10;
            }
        
    .tabela {
        border: #0000cc thick solid;*/
    }
    .tablinhaablinha {
        border-bottom: #0000cc thin solid;
    }
    .tabGraducao{
        color: #0000cc;
        font: bold 12px Arial, Helvetica;
    }
    .tabGraducaoMestre {
        color: red;
        font: bold 12px Arial, Helvetica;
    }
    .tabAtleta {
        color: #0000cc;
        font: bold italic 13px Arial, Helvetica;
    }
    .tabAtletaMestre {
        color: red;
        font: bold italic 16px Arial, Helvetica;
    }
    .table {
        width:auto;
        /*max-width:98%;*/
        margin:.8em auto;
        padding: .5em;
        border:2px solid BurlyWood;
        border-spacing: 5px;
        border-radius:20px;
        background-color:#FDF5E6; /* Moccasin #FFFACD; /*LemonChiffon transparent*/
        }
        .table tr, th, td {
            width:auto;
            /*max-width:98%;*/
            margin: 0 auto;
            padding: .5px;
            border:1px solid rgb(240, 20, 20);
            border-radius:5px;
            line-height: auto;
            text-align: center;
            /*font-size: min(max(6px, 2vw), 8px);*/
            font-size: calc(8px + 6 * ((100vw - 350px) / 680));
            font-family: verdana, arial, tahoma;
            vertical-align: middle;
            background-color:/*#FDF5E6; /* Moccasin*/ #FFFACD; /*LemonChiffon transparent*/
        }
        .table td:last-child {
            border-right: 1px;
            }
        .table thead th {
            font-weight: normal;
            background-color: #005dab;/*azul escuro*/
            color: #fff; 
        }
        .table tbody > tr:nth-child(odd) > td,
        .table tbody > tr:nth-child(odd) > th {
            background-color: #F8F8FF;
        }
    
    textarea {
        width:99%;
        height:98%;
        margin:1em;
        padding:.1em;
        border: 1px solid #000000;
        border-radius:10px;
        background:#cccccc;    
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
        box-shadow: 1px 1px 2px #333333;    
        -moz-box-shadow: 1px 1px 2px #333333;
        -webkit-box-shadow: 1px 1px 2px #333333;
    }
    .titulo{
        font-family: Ginko, Castellar, Georgia, Courier New;   
        font-weight: bold;
        font-size: 1.3em;
        font-variant: normal;
        color: blue;
        letter-spacing: 0.1em;
        margin: .20em auto;
        text-align:center;
    /*text-shadow:0 2px 0 #ccc, 0 2px 0 #c9c9c9,
                0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa,
                0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1),
                0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2),
                0 5px 10px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.2),
                0 20px 20px rgba(0,0,0,.15);
    /*text-shadow: 5em 5em 5em rbga(0,0,0,0.5);*/
    /*box-shadow: 5em 5em 5em rgba(0,0,0,0.5);*/
    }
    .tituloFaixa{
        font-family: Ginko, Verdana, Courier New;
        font-weight: bold;
        font-size: 1.2em;
        font-variant: normal;
        color: blue;
        letter-spacing: 0.21em;
        margin: .1em auto;
        text-align:center;
        text-shadow:0 3px 0 #FFF0F5,            0 2px 0 #c9c9c9,
                    0 3px 0 #bbb,               0 4px 0 #b9b9b9,
                    0 5px 0 #aaa,               0 6px 1px rgba(0,0,0,.1),
                    0 0 5px rgba(0,0,0,.1),     0 1px 3px rgba(0,0,0,.3),
                    0 3px 5px rgba(0,0,0,.2),   0 5px 10px rgba(0,0,0,.25),
                    0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
        /*text-shadow: 5em 5em 5em rbga(0,0,0,0.5);*/
        /*box-shadow: 5em 5em 5em rgba(0,0,0,0.5);*/
        /* ISSO ESTÁ CRIANDO UMA SOMBRA ATÉ O FINAL DA PAGINA NA DIREÇÃO DA LARGURA*/
        border-radius: 6px;
        align-content:center;
    }
    .tituloSeishin{
        font-family: Ginko, Verdana, Courier New;
        font-weight: bold;
        font-size: 2em;
        font-variant: normal;
        color: red;
        letter-spacing: 0.21em;
        margin: .15em auto;
        text-align:center;
        text-shadow:0 3px 0 #FFF0F5,            0 2px 0 #c9c9c9,
                    0 3px 0 #bbb,               0 4px 0 #b9b9b9,
                    0 5px 0 #aaa,               0 6px 1px rgba(0,0,0,.1),
                    0 0 5px rgba(0,0,0,.1),     0 1px 3px rgba(0,0,0,.3),
                    0 3px 5px rgba(0,0,0,.2),   0 5px 10px rgba(0,0,0,.25),
                    0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);/*text-shadow: 5em 5em 5em rbga(0,0,0,0.5);*//*box-shadow: 5em 5em 5em rgba(0,0,0,0.5);*//* ISSO ESTÁ CRIANDO UMA SOMBRA ATÉ O FINAL DA PAGINA NA DIREÇÃO DA LARGURA*/
        border-radius: 6px;
        align-content:center;
    }
    /* Tooltip container */
    .tooltip {
        position: relative;
        display: inline-block;
        border-bottom: 1px dotted blue; /* If you want dots under the hoverable text */
        cursor: pointer;
    }
    /* Tooltip text */
    .tooltip .tooltiptext {
        visibility: hidden;
        width: auto;
        background-color: yellow;/*LightCyan;*/
        color: RED;
        text-align: center;
        /*font-size: bold 1em;*/
        font:bold 1em verdana,arial,tahoma;
        padding: 1px 2px;
        border-radius: 6px;
        /* Position the tooltip text - see examples below! */
        position: absolute;
        z-index: 1;
        left: 50%;
    }
    /* Show the tooltip text when you mouse over the tooltip container */
    .tooltip:hover .tooltiptext {
        visibility: visible;   
    }
    #tudo {
        height: auto;
        width: 100%;
        margin: auto;
        padding: 0;
        background:#F5FFFA;
    }

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/*VIEWPORT 720*/
/*@viewport {
    width: device-width; zoom: 1;min-zoom: 0.5;max-zoom: 3;user-zoom: fixed;
}/*
/*-ms-@viewport {  width: device-width; initial-scale:1 ; zoom: 1;min-zoom: 1; max-zoom: 3; user-zoom: fixed;}*/
/*// TAMANHO MAXIMO DE 720 PX //     ATÉ A LINHA 990  */
@media screen and (min-width:280px) and (max-width: 720px){
    body {
        font-size: .9em;
        font-family: Verdana; margin: 0; padding: 0; /*background-color: blue;*/
        /*min-width:350px;*/
    }
    header {
        position: absolute;
        min-width:250px;
        max-width: 720px;
        width:100%;
        height: 2.9em;
        top:0;
        /*left: 75px;margin-right: -75px;   */
        /*background:SkyBlue;*/
        /*   border: 1px solid SkyBlue; /*LightCyan1*//*background-color: #1E90FF;;/*#E0FFFF;/*LightCyan1*/
        /*   text-shadow:
            0  2px  0   #FFEBCD       , 0  2px  0 #c9c9c9,
            0  3px  0   #FFE4C4       , 0  4px  0 #b9b9b9,
            0  5px  0   #ADD8E6       , 0  8px  1px rgba(0,0,0,.1),
            0  0    5px rgba(0,0,0,.1), 0  1px  3px rgba(0,0,0,.3),
            0  3px  5px rgba(0,0,0,.2), 0  5px 10px rgba(0,0,0,.25);
            /*0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
        */
    }
    .cabecalho {
        position:absolute;
        display:flex;
        width:100%;
        height:2.7em;
        top:0;
        left:auto;
        right:auto;
        border: 1px solid SkyBlue;
        border-radius:15px;
        background:linear-gradient(green,yellow,green);
        -webkit-gradient:(green, yellow,green) no-repeat;
        -moz-linear-gradient:(green, yellow,green,00);
     }
    .Slogan{
        position:absolute;
        width:60%;
        height:1.3em;
        padding:0;
        padding-top: 0.4em;
        left:1%;
        right:1%;
        top:-1em;
        font-family: Ginko, Algerian, Georgia bold, Courier New;
        font-weight: bold;
        font-size: 1.1em;
        font-variant: normal;
        color:#0000CC;/*azul*/
        letter-spacing:0.1em;
        text-align:center;
        text-shadow:
            0 2px 0 #ccc,
            0 2px 0 #c9c9c9,
            0 3px 0 #bbb,
            0 4px 0 #b9b9b9,
            0 5px 0 #aaa,
            0 6px 1px rgba(0,0,0,.1),
            0 0 5px rgba(0,0,0,.1),
            0 1px 3px rgba(0,0,0,.3),
            0 3px 5px rgba(0,0,0,.2),
            0 5px 10px rgba(0,0,0,.25),
            0 10px 10px rgba(0,0,0,.2),
            0 20px 20px rgba(0,0,0,.15);
        /*text-shadow: 5em 5em 5em rbga(0,0,0,0.5);
        box-shadow: 5em 5em 5em rgba(0,0,0,0.5);*/
        letter-spacing: 0.2em;
    }
    .botao {
        width: auto;
        height:auto;
        margin: .2em auto;
        text-align:center;
        font-size:.8em;
        padding: 2px 15px;
        text-shadow: 2px 2px 2px rgba(255,255,255,0.4);*/
        color: #0000CD; /*#FFF; MediumBlue*/
        background: #E0FFFF;/*LightCyan1*/
        border: 1px solid red;
        border-radius: 10px;
        box-shadow: 6px 4px 4px rgba(0,0,0,0.4);
        cursor: pointer;
        }
        .botao:hover {
            background: #FB0;
            box-shadow: inset 2px 2px 2px rgba(0,0,0,0.5);
            text-shadow: none;
            }
    .field {
        display:block; /*z-index: 0;*/
        position:relative;
        min-width:150px;
        max-width:98%;
        margin:.5em auto;
        /*float:left; left:5%;*/
        padding:.6em;
        border:1px solid #000000;
        border-radius:4px;-moz-border-radius:4px;
        background: #cccccc;
        -webkit-border-radius:4px; box-shadow: 1px 1px 2px #333333;
        -moz-box-shadow: 1px 1px 2px #333333;
        -webkit-box-shadow: 1px 1px 2px #333333;
    }
    fieldset {
        margin:.5em auto;
        font-size:0.9em;
    }
    fieldset legend {
        font: bold 1em saens-serif, verdana, arial, tahoma;
        color: #0000FF;/*Blue*/ 
        padding: 2px auto; 
        text-align:center;
    }  
    .fieldset {
        margin:4em auto;
    }
    .fieldset legend {
        font: bold 1em saens-serif, verdana, arial, tahoma;
        color: #0000FF;/*Blue*/ 
        padding: 0.1em auto; 
        text-align:center;
    }
    .fieldsetform {
        height:auto;
        margin: 5em 1em 1em 1em;
    }
    footer {
        display:flex; width:80%; font-size:0.9em; margin:.5em auto;
        padding: 0.2em; background-color: #B0C4DE /*LightSteelBlue*/;
        border: 15px solid #FFEFD5; /*SteelBlue*/
        border-radius:5px;
        -moz-border-radius:4px;
    }
    form {
        min-width:auto;
        max-width:710px;
        height:auto;
        margin:auto;
        padding: 2px 2px;
        background-color: rgba(255,255,255,0.4);
        /*border:1px solid #bed6f8;/*azul*/
        /*border-radius:5px;
        -moz-border-radius:4px;*/
    }
    form fieldset {
        border: .1px solid rgba(70,130,180,0.8); /*SteelBlue*/
        font-size:1.1em; 
    }
    form input {
        width:auto;
        max-width:23em;
        min-height:1.8em;
        max-height:2.2em;
        margin:.3em auto .3em .3em;
        padding:2px 10px;
        font: bold .9em verdana, arial, tahoma;
    }
    form label  {
        text-align:left;
        margin:1px;
     }
    /*form legend { }*/
    /*form option { }*/
    form select {
        width:auto;
        font: .9em verdana, arial, tahoma;
    }
    .img, .picture, .video, .embed, .iframe {
        display: flex;
        margin-top: .5em;
        margin-bottom: .5em;
        margin-left: auto;
        margin-right: auto;
        max-width: auto;
    }
    .legenda {
        font-size: 1em;
    }
    .legenda1 {
        font-size:1.1em;
    }
    /*label { margin:0.15em auto; padding: 0.2em; font-size:1.0em; }*/
    .table {
        width:auto;
        margin:0em auto;
        padding: .5em;
        border:2px solid BurlyWood;
        border-spacing: 5px;
        border-radius:20px;
        background-color:#FDF5E6; /* Moccasin #FFFACD; /*LemonChiffon transparent*/
    }
    .table tr, th, td {
        padding: .5px;
        border:1px solid BurlyWood;
        border-radius:5px;
        line-height: auto;
        text-align: center;
        /*font-size: min(max(6px, 2vw), 8px);*/
        font-size: calc(8px + 6 * ((100vw - 350px) / 680));
        font-family: verdana, arial, tahoma;
        vertical-align: middle;
        background-color:/*#FDF5E6; /* Moccasin*/ #FFFACD; /*LemonChiffon transparent*/
       }
    .table td:last-child {
        border-right: 1px;
        }
    .table thead th {
        font-weight: normal;
        background-color: #005dab;/*azul escuro*/
        color: #fff; 
    }
    .table tbody > tr:nth-child(odd) > td,
    .table tbody > tr:nth-child(odd) > th {
        background-color: #F8F8FF;
    }
    .titulo{
        font-size: 1.1em;
         color: blue;
    }
}
/*VIEWPORT 1920*/
/*// TAMANHO MINIMO DE 721 PX //  ATÉ A LIN HA 1199   */
@media screen and (min-width:721px) and (max-width: 1480px){
    /* CONTROLE GERAL DE CABEÇALHO EM TODAS AS PAGINAS*/
    header {
        position: absolute;
        width:100%;
        height:auto;
        top:0;
        margin-bottom:6em;       
        border-radius:15px;
        /*text-shadow:
            0  2px  0   #FFEBCD       , 0  2px  0 #c9c9c9,
            0  3px  0   #FFE4C4       , 0  4px  0 #b9b9b9,
            0  5px  0   #ADD8E6       , 0  8px  1px rgba(0,0,0,.1),
            0  0    5px rgba(0,0,0,.1), 0  1px  3px rgba(0,0,0,.3),
            0  3px  5px rgba(0,0,0,.2), 0  5px 10px rgba(0,0,0,.25);
          /*0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);*/
    }
    .cabecalho {
        position:absolute;
        max-width:1480px;
        width:100%;
        height: 3em;
        top:0;
        margin-bottom:6em;
        border-radius:15px;
        border: .1px solid Brown;
       /*background: linear-gradient(to top,green 20%,yellow 30%,green 80%); /*background: linear-gradient(to top,green 20%,yellow 30%,green 80%);*/
        background:linear-gradient(green,yellow,green);
        -webkit-gradient:(green, yellow,green) no-repeat;
        -moz-linear-gradient:(green, yellow,green,00);
    }
    .cabecalho nav {
        position:absolute;
        top: 3em;
     /* padding: 1px 1px 2px 1px;/*border: 1px solid red;/*#D3D3D3;/*LightGray*//*        width: 6.5em;
        height: 15em;padding:0.5em;/*background:#FFFFF0 /* FloralWhite*/;/*        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;-webkit-transform: translate(100%, 0);-ms-transform: translate(100%, 0);
        transform: translate(100%, 0);/*        z-index:10;*/
    }
    .Slogan{
        position:absolute;
        width:65%;
        height:1.3em;
        padding-top: 0em;
        padding-bottom:1em;
        /*margin-bottom: 2em;*/
        left:1%;
        right:1%;
        top:-.4em;
        font-family: Ginko, Algerian, Georgia bold, Courier New;
        font-weight: bold;
        font-size: 1.1em;
        font-variant: normal;
        color:#0000CC;/*azul*/
        letter-spacing:0.1em;
        text-align:center;
        text-shadow:
            0 2px 0 #ccc,
            0 2px 0 #c9c9c9,
            0 3px 0 #bbb,
            0 4px 0 #b9b9b9,
            0 5px 0 #aaa,
            0 6px 1px rgba(0,0,0,.1),
            0 0 5px rgba(0,0,0,.1),
            0 1px 3px rgba(0,0,0,.3),
            0 3px 5px rgba(0,0,0,.2),
            0 5px 10px rgba(0,0,0,.25),
            0 10px 10px rgba(0,0,0,.2),
            0 20px 20px rgba(0,0,0,.15);
        /*text-shadow: 5em 5em 5em rbga(0,0,0,0.5);
        box-shadow: 5em 5em 5em rgba(0,0,0,0.5);*/
        letter-spacing: 0.2em;
    }
    /* FIM DO CONTROLE GERAL DE CABEÇALHO EM TODAS AS PAGINAS*/
   
     .field {
        display:block; /*z-index: 0;*/
        width:96%;
        position:relative;
        margin-top:.6em;
        margin-bottom:.5em;
        /*float:left; left:5%;*/
        padding:.6em;
        border:1px solid #000000;
        border-radius:4px;-moz-border-radius:4px;
        background: #cccccc;
        -webkit-border-radius:4px; box-shadow: 1px 1px 2px #333333;
        -moz-box-shadow: 1px 1px 2px #333333;
        -webkit-box-shadow: 1px 1px 2px #333333;
    }
    fieldset {
        padding: 0.1em;
        margin:.5em auto;
        font-size:0.9em;
    }
       fieldset legend {
        width:auto;
        font: bold 1em saens-serif, verdana, arial, tahoma;
        color: #0000FF;/*Blue*/ 
        padding: 1px auto; 
        text-align:center;
    }
    .fieldset {/*position:relative;*/
        max-width:721px;
        margin:2em auto;
    }
    .fieldsetform {
        height:auto;
        top: 8em;
        margin: auto;
    }
    footer {
        display:flex;
        width:auto;
        font-size:0.9em;
        margin:1em auto;
        padding: 0.2em;
        background-color: #B0C4DE /*LightSteelBlue*/;
        border: .1px solid #FFEFD5; /*SteelBlue*/
        border-radius:8px;
        -moz-border-radius:8px;
        -webkit-border-radius:8px;
        box-shadow: 1px 1px 2px #333333;
        -moz-box-shadow: 1px 1px 2px #333333;
        -webkit-box-shadow: 1px 1px 2px #333333;
    }
    form {
    max-width:710px;
    margin:0.1em auto; 
    }
    form fieldset {
        border: .1px solid rgba(70,130,180,0.8); /*SteelBlue*/
        font-size:0.9em; 
    }
    form input {
        width:auto;
        min-height:1.9em;
        max-height:2.2em;
        margin:.3em auto .3em .3em;
        padding:2px 10px;
        font: bold .9em verdana, arial, tahoma;
     }
   form label  {
        text-align:left;
        margin:1px;
     }
    form legend { width:auto;}
    /*form option { }*/
    form select {
        width:auto;
        max-width:80%;
        min-height:1.8em;
        margin:auto;
        padding:5px 10px;
        font:1em verdana,arial,tahoma;
        /*border:1px solid;
        border-radius:6px;*/
        background-color:#FFFACD;/*LemonChiffon*/
    }
    /* xxxxxxxx imagens e videos /////*/   
    .img, .picture, .video, .embed, .iframe{
        display: flex;
        margin-top: .5em;
        margin-bottom: .5em;
        margin-left: auto;
        margin-right: auto;
        max-width: auto;
    }
       /*label {}*/
    .table {
        margin:1em auto;
        padding: .5em;
        border:2px solid BurlyWood;
        border-spacing: 5px;
        border-radius:20px;
        background-color:#FDF5E6; /* Moccasin #FFFACD; /*LemonChiffon transparent*/
    }
   .table tr, th, td {
        padding: .5px;
        border:1px solid BurlyWood;
        border-radius:5px;
        line-height: auto;
        text-align: center;
        /*font-size: min(max(6px, 2vw), 8px);*/
        font-size: calc(8px + 4 * ((100vw - 350px) / 680));
        font-family: verdana, arial, tahoma;
        vertical-align: middle;
        background-color:/*#FDF5E6; /* Moccasin*/ #FFFACD; /*LemonChiffon transparent*/
       }
    .table td:last-child {
        border-right: 1px;
        }
    .table thead th {
        font-weight: normal;
        background-color: #005dab;/*azul escuro*/
        color: #fff; 
    }
    .table tbody > tr:nth-child(odd) > td,
    .table tbody > tr:nth-child(odd) > th {
        background-color: #F8F8FF;
    }
    video {
        height:auto;
        margin:auto;
    }
}
/*VIEWPORT 3200*/
/*// TAMANHO MINIMO DE 1921 px //   ATÉ A LINHA 1400 - FINAL */
@media screen and (min-width:1481px) and (max-width: 3400px){
    /* CONTROLE GERAL DE CABEÇALHO EM TODAS AS PAGINAS*/
    header {
        position: absolute;
        width:100%;
        height:auto;
        top:0;
        margin-bottom:6em;       
        border-radius:15px;
        /*text-shadow:
            0  2px  0   #FFEBCD       , 0  2px  0 #c9c9c9,
            0  3px  0   #FFE4C4       , 0  4px  0 #b9b9b9,
            0  5px  0   #ADD8E6       , 0  8px  1px rgba(0,0,0,.1),
            0  0    5px rgba(0,0,0,.1), 0  1px  3px rgba(0,0,0,.3),
            0  3px  5px rgba(0,0,0,.2), 0  5px 10px rgba(0,0,0,.25);
          /*0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
        */
    }
    .cabecalho {        
        position:absolute;
        max-width:3200px;
        width:99%;
        height: 3em;
        top:0;
        border-radius:20px;
        /*border: 1px solid BLUE;*/
        background: linear-gradient(green,yellow,green);
        -webkit-gradient:(green, yellow,green) no-repeat;
        -moz-linear-gradient:(green, yellow,green,00);
    }
    .cabecalho nav {
        position:absolute;
        top: 3em;
       /* padding: 1px 1px 2px 1px;/*border: 1px solid red;/*#D3D3D3;/*LightGray*//*        width: 6.5em;
        height: 15em;padding:0.5em;/*background:#FFFFF0 /* FloralWhite*/;/*        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;-webkit-transform: translate(100%, 0);-ms-transform: translate(100%, 0);
        transform: translate(100%, 0);/*        z-index:10;*/
      }
    .Slogan {
        position:absolute;
        width:65%;
        height:1.3em;
        padding:0;
        padding-top: 0.4em;
        left:1%;
        right:1%;
        top:-.8em;
        font-family: Ginko, Algerian, Georgia bold, Courier New;
        font-weight: bold;
        font-size: 1.1em;
        font-variant: normal;
        color:#0000CC;/*azul*/
        letter-spacing:1em;
        text-align:center;
        text-shadow:
            0 2px 0 #ccc,
            0 2px 0 #c9c9c9,
            0 3px 0 #bbb,
            0 4px 0 #b9b9b9,
            0 5px 0 #aaa,
            0 6px 1px rgba(0,0,0,.1),
            0 0 5px rgba(0,0,0,.1),
            0 1px 3px rgba(0,0,0,.3),
            0 3px 5px rgba(0,0,0,.2),
            0 5px 10px rgba(0,0,0,.25),
            0 10px 10px rgba(0,0,0,.2),
            0 20px 20px rgba(0,0,0,.15);
            text-shadow: 5em 5em 5em rbga(0,0,0,0.5);
        box-shadow: 5em 5em 5em rgba(0,0,0,0.5);
        
        letter-spacing: 0.2em;
    }
    .field {
        display:block; /*z-index: 0;*/
        width:97%;
        position:relative;
        margin-top:.6em;
        margin-bottom:.5em;
        padding:.2em;
        border-radius:4px;-moz-border-radius:4px;
        background: #cccccc;
        border:1px solid #000000;
        -webkit-border-radius:4px; box-shadow: 1px 1px 2px #333333;
        -moz-box-shadow: 1px 1px 2px #333333;
        -webkit-box-shadow: 1px 1px 2px #333333;
    }
    fieldset {
        padding: 0.1em;
        margin:.7em auto;
        font-size:0.9em;
    }
    fieldset legend {
        width:auto;
        font: bold 1em saens-serif, verdana, arial, tahoma;
        color: #0000FF;/*Blue*/ 
        padding: 1px auto; 
        text-align:center;
    }  
    .fieldset {
        max-width:718px;
        margin:.3em auto;
    }
     .fieldset legend {
        width:auto;
        font: bold 1em saens-serif, verdana, arial, tahoma;
        color: #0000FF;/*Blue*/ 
        padding: 0.1em auto; 
        text-align:center;
    }
    .fieldsetform {
        top:6em;
        margin: 1em auto;
    }
    footer {
        display:flex;
        width:80%;
        font-size:0.9em;
        margin:1em auto;
        padding: 0.2em;
        background-color: #B0C4DE /*LightSteelBlue*/;
        border: .1px solid #FFEFD5; /*SteelBlue*/
        border-radius:8px;-moz-border-radius:4px;
    }
    form {
    max-width:710px;
    margin:0.1em auto; 
    }
    form fieldset {
        border: .1px solid rgba(70,130,180,0.8); /*SteelBlue*/
        font-size:0.9em; 
    }
    form input {
        width:auto;
        min-height:2em;
        max-height:2.2em;
        margin:.3em auto .3em .3em;
        padding:2px 10px;
     }
    form label  {
        text-align:left;
        margin:1px;
     }
    form legend { width:auto; }
    /*form option { }*/
    form select {
        width:auto;
        height:auto;
        min-height: 2.5em;
        max-width:80%; 
        margin:auto;
        padding:5px 10px;
        font: 1em verdana, arial, tahoma; 
        /*border: 1px solid;
        border-radius:  6px; */
        background-color: #FFFACD;/*LemonChiffon*/
    }
        form textarea {
        width:98%;
        height:auto;
        margin:1em;
        padding:.3em;
        border: 1px solid #000000;
        border-radius:10px;
        background:#cccccc;    
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
        box-shadow: 1px 1px 2px #333333;    
        -moz-box-shadow: 1px 1px 2px #333333;
        -webkit-box-shadow: 1px 1px 2px #333333;
    }
    .table {
        margin:.8em auto;
        padding: .5em;
        border:2px solid BurlyWood;
        border-spacing: 5px;
        border-radius:20px;
        background-color:#FDF5E6; /* Moccasin #FFFACD; /*LemonChiffon transparent*/
    }
     .table tr, th, td {
        padding: .5px;
        border:1px solid BurlyWood;
        border-radius:5px;
        line-height: auto;
        text-align: center;
        /*font-size: min(max(6px, 2vw), 8px);*/
        font-size: calc(8px + 4 * ((100vw - 350px) / 2960));
        font-family: verdana, arial, tahoma;
        vertical-align: middle;
        background-color:/*#FDF5E6; /* Moccasin*/ #FFFACD; /*LemonChiffon transparent*/
       }
   .table td:last-child {
        border-right: 1px;
        }
    .table thead th {
        font-weight: normal;
        background-color: #005dab;/*azul escuro*/
        color: #fff; 
    }
    .table tbody > tr:nth-child(odd) > td,
    .table tbody > tr:nth-child(odd) > th {
        background-color: #F8F8FF;
    }
}
/* CSS for responsive iframe style="min-height: 2.5em;min-width: 28em;"  */
/* ========================= */