body{height: 100%;min-height: 100%;max-height: 100%;overflow: auto;margin:0px;padding:0px;
    background-color:#E4E4E4;background-image:linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
    font-family: system-ui, -apple-system, -apple-system-font, 'Segoe UI', 'Roboto', sans-serif;
    font-size:15px;font-style:normal;font-weight: normal;color:#000000;}

@media screen and (min-width: 900px) {
    body{font-size:12px;}    
}

html{height: 100%;min-height: 100%;max-height: 100%;}

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: none;}
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 */
}

.animaesq {animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0;} to{left:0;opacity:1;}}

.animadir {animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}

#cabecalho {position:fixed; z-index: 10;      
    height:auto;min-height:190px;max-height:auto;
    width:100%;min-width:auto;max-width:100%;
    padding:0px;margin:0px;
    border: none; background-color:#E4E4E4;
}

#logoempresa{display: absolute;display:block;
    width: 300px;min-width: auto;max-width: 300px;height: 115px;min-height: auto;max-height: 115px;
    margin: 0px;margin-left: 40%;margin-top: 3px;padding: 1px;border: none;
    background-color: #E4E4E4; background-image:url(../imagens/logo.png);
    background-size: 100% 100%; background-repeat: no-repeat; background-position: center top;}

#cabtitulos {position:absolute;z-index: 10;padding:0px;padding-bottom:5px;margin:0px;top:135px;
    width:100%;min-width:auto;max-width:100%;height:auto;min-height:25px;max-height:auto;
    border: none;background-color:#378d28;
    color: #FFFFFF;font-size: 220%;text-align:center;white-space: nowrap;
}

#textomanual {display: block; position:absolute;overflow: visible; z-index: 1;      
            padding:0px;margin:0px;top:190px;
            width:100%;min-width:auto;max-width:100%;height:auto;min-height:50px;max-height:auto;
            border: none; background-color:#E4E4E4;}    

.quadrotexto {display: block; position:relative;overflow: hidden; z-index: 1;      
                padding:0px;margin:0px;margin-top:20px;
                width:100%;min-width:auto;max-width:100%;height:auto;min-height:50px;max-height:auto;
                border: none; background-color:#FFFFFF;}    
    
.tittexto {position:relative;z-index: 10;top:0px;
            padding:0px;padding-bottom:10px;margin:0px;margin-left:3%;margin-top:5px;
            width:95%;min-width:auto;max-width:95%;height:auto;min-height:25px;max-height:auto;
            border: none;border-bottom: 1px solid #0b2de9;background-color: none;
            color: #0b2de9;font-size: 200%;text-align:left;font-weight: bold;white-space: nowrap;}

.msgtexto {position:relative;z-index: 10;top:0px;padding:0px;padding-top:5px;margin:0px;margin-left:5%;
    width:90%;min-width:auto;max-width:90%;height:auto;min-height:25px;max-height:auto;
    border: none;background-color: none;
    color: #000000;font-size: 190%;text-align:justify;}

.maissobre {position:relative;z-index: 10;padding:0px;margin:5px;margin-top:40px;margin-left:5%;
           width:90%;min-width:auto;max-width:90%;height:auto;min-height:25px;max-height:auto;
           border: none;background-color: none;cursor: pointer;
           color: #378d28;font-size: 200%;text-align:left;}

.menuajuda {position:relative;display: block;float: left;z-index: 1;
            padding:0px;padding-top:20px;padding-bottom:20px;margin:0px;margin-top:30px;margin-left: 5%;
            width:90%;min-width:auto;max-width:90%;height:auto;min-height:25px;max-height:auto;
            border: none;background-color:#FFFFFF;cursor: pointer;
            color: #0919f8;font-size: 220%;text-align:center;font-weight: bold;white-space: nowrap;}

.menuopcoes {display: relative;min-width: 70%;max-width: 70%;height: 60px;
            margin: 1%;margin-left: auto;margin-right: auto;margin-top: 30px;
            padding: 1px;padding-top: 10px;padding-bottom: 20px;
            font-size: 280%;text-align:center;font-weight: bold;
            background:none;border: 1px solid #585e58;cursor: pointer;}

.menutexto {display: relative;min-width: 95%;max-width: 95%;height: auto;min-height: 60px;max-height: auto;
            margin: 1%;margin-left: auto;margin-right: auto;margin-top: 30px;
            padding: 1px;padding-top: 10px;padding-bottom: 20px;
            font-size: 190%;text-align:center;color: #378d28;
            background:none;border: 1px solid #378d28;cursor: pointer;}
    
.imgaplicativo{display: relative;display: block;float: left;
               width: 40%;min-width: auto;max-width: 540px;height: auto;min-height: auto;max-height: 960px;
               margin: 0px;margin-left: 5%;margin-bottom:20px;padding: 1px;border: none;
               background-color: #E4E4E4; background-image:url(../imagens/LogoGSCMedia.png);
               background-size: 100% 100%; background-repeat: no-repeat; background-position: center top;}

.ocupalinha{display: relative;display: block;float: right;
            width: 90%;min-width: auto;max-width: 90%;height: 10px;min-height: auto;max-height: auto;
            margin: 0px;padding: 0px;border: none;background-color: none; }
 
.msgtxtimg {position:relative;display: block;z-index: 1;top:0px;float:left;
    padding:0px;margin:0px;margin-left:1%;margin-bottom:20px;
    width:auto;min-width:auto;max-width:48%;height:auto;min-height:25px;max-height:auto;
    border: none;background-color: none;
    color: #000000;font-size: 150%;text-align:justify;}
                                
.menuvoltar  {position:absolute;display:block;
    color: #000000;font-size:400%;
    height:auto;min-height:50px;max-height:auto;
    width:auto;min-width:25px;max-width:none;
    padding:0px;margin:0px;left: 1%;
    border: none;cursor: pointer;
}

.informacao {position:absolute;display:block;
    color: #000000;font-size:350%;font-weight:bold;
    height:auto;min-height:50px;max-height:auto;
    width:auto;min-width:25px;max-width:none;
    padding:0px;margin:0px;right: 20px;top:5px;
    border: none;cursor: pointer;
}

#FundoMsgAgu {position:fixed;display:none;top: 0px;z-index:15;padding: 0px;
    width: 100%;min-width: 800px;height: 100%;min-height:600px;
    background-color: #000000;border: none;}

#MsgAguarde {position: fixed; display:none;top:26%;left: 10%;z-index:16;
        margin: 10px;padding: 0px;padding-top:100px;
        width: 80%;min-width: 100px;max-width: 80%;
        height: 50%;min-height: 100px;max-height: 50%;
        background:noe;background-color: none;border: none;
        background-image:url(../imagens/aguardegsc.gif);
        background-size: 100px 100px;background-repeat: no-repeat; background-position: center top;        
}

#MsgAguarde h2{font-size: 250%;color: #FFFFFF; text-align:center;font-weight:bold;margin:0px;overflow:visible;padding:0px;}