body{height: 100%;min-height: 100%;max-height: 100%;overflow: auto;margin:0px;padding:0px;
    background:#FFFFFF;background-color: #FFFFFF;font-family: Arial, sans-serif, serif, Verdana;font-size: 15px;
    font-style:normal;font-weight: normal;border: none;}

html{min-width: 300px;max-width: 2000px;height: 100%;min-height: 100%;max-height: 100%;margin-left: auto;margin-right: auto;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 */
}

#GscCabecalho {position: fixed;display: block;overflow: visible;z-index:10;float: none;
               top:0px;left:1%;margin: 0px;
               width: 98%;min-width: 300px;max-width: 98%;height: 60px;min-height: auto;max-height: 60px;
               background: #FFFFFF;background-color: #FFFFFF;opacity: 1;border: none;
               font-size: 100%;}

#GscCabecalho .Linha{position: absolute;display: block;overflow: visible;z-index:1;float: none;
                top:0px;left: 10%;margin: 0px;margin-right: auto;
                width: 88%;min-width: 300px;max-width: 98%;height: 95%;min-height: auto;max-height: 95%;
                background: #FFFFFF;background-color: #FFFFFF;border: none;
                border-bottom: 2px solid #000000;}
 
#GscCabecalho .ImgLogo{position: relative;display: block;overflow: visible;z-index:2;float: left;
                     top:5px;margin: 0px;padding: 0px;
                     width: 20%;min-width: auto;max-width: 250px;height: 100%;min-height: auto;max-height: 100%;
                     background: none;background-color: none;opacity: 1;border: none;
                     background-image:url('imgsitegsc/Logo_GSC.png');
                     background-size: 100% 100%; }

#GscCabecalho .ImgVolta{position: relative;display: block;overflow: visible;z-index:2;float: right;
                        top:5px;right: 3%; margin: 0px;padding: 0px;cursor: pointer;
                        width: 40px;min-width: auto;max-width: 40px;height: 40px;min-height: auto;max-height: 40px;
                        background: none;background-color: none;opacity: 1;border: none;
                        background-image:url('imgsitegsc/voltar.png');
                        background-size: 100% 100%; }
    
#GscCorpo{position: relative;display: block;overflow: visible;z-index:1;float: none;
        top:65px;margin: 0px;margin-left: auto;margin-right: auto;padding: 0px;
        width: 90%;min-width: auto;max-width: 100%;height: auto;min-height: 90%;max-height: auto;
        background: none;background-color: none;opacity: 1;border: none; font-size: 100%;}

#GscCorpo .Produto{position: relative;display: inline-block;overflow: hidden;z-index:1;float: none;
                top:0;margin: 0px;margin-left: 5%;margin-top: 10px;margin-bottom: 5%;padding: 0px;
                width: 40%;min-width: auto;max-width: 40%;height: 230px;min-height: auto;max-height: 230px;cursor: pointer;
                background: none;background-color: none;opacity: 1;border: 1px solid #a8a4a4;box-shadow: 0px 0px 2px 1px #686666;}

#GscCorpo .ImgProd{position: relative;display: block;overflow: visible;z-index:1;float: left;
                    top:0;margin: 0px;margin-left: 3%;margin-top: 10px;margin-bottom: 10px;padding: 0px;
                    width: 40%;min-width: auto;max-width: 40%;height: 210px;min-height: auto;max-height: 210px;
                    background: none;background-color: none;opacity: 1;border: none;}
    
#GscCorpo .TitProd{position: relative;display: block;overflow: visible;z-index:1;float: right;
                top:0;margin: 0px;margin-right: 3%;margin-top: 10px;margin-bottom: 10px;padding: 0px;
                width: 50%;min-width: auto;max-width: 50%;height: 40px;min-height: auto;max-height: 40px;
                background: none;background-color: none;opacity: 1;border: none;
                font-size: 230%;font-weight: bold;}

#GscCorpo .TxtProd{position: relative;display: block;overflow: visible;z-index:1;float: right;
        top:0;margin: 0px;margin-right: 3%;margin-top: 10px;margin-bottom: 10px;padding: 0px;
        width: 50%;min-width: auto;max-width: 50%;height: 60px;min-height: auto;max-height: 60px;
        background: none;background-color: none;opacity: 1;border: none;
        font-size: 120%;}

#GscRodape {position: relative;display: block;overflow: visible;z-index:10;float: none;
            top:20px;left:1%;margin: 0px;margin-top: 10px;
            width: 95%;min-width: 300px;max-width: 95%;height: 40px;min-height: auto;max-height: 40px;
            background: #FFFFFF;background-color: #FFFFFF;opacity: 1;border: none;border-top: 1px solid #028a19;
            font-size: 100%;}

#GscRodape .ImgByGSC{position: relative;display: block;overflow: visible;z-index:2;float: left;
                  top:5px;margin: 0px;padding: 0px;
                  width: 10%;min-width: auto;max-width: 200px;height: 100%;min-height: auto;max-height: 100%;
                  background: none;background-color: none;opacity: 1;border: none;
                  background-image:url('imgsitegsc/ByGSC.png');
                  background-size: 100% 100%; }

#GscRodape .TxtRod{position: relative;display: block;overflow: visible;z-index:1;float: right;
                    top:20px;margin: 0px;margin-right: 3%;padding: 0px;
                    width: 40%;min-width: auto;max-width: auto;height: auto;min-height: auto;max-height: auto;
                    background: none;background-color: none;opacity: 1;border: none;
                    font-size: 80%;font-family: Cursive;text-align:right;}

/* Resolucao de 1500px */
@media screen and (max-width: 1500px) {
    #GscCorpo .Produto{height: 200px;max-height: 200px;}

    #GscCorpo .ImgProd{height: 180px;max-height: 180px;}

    #GscCorpo .TitProd{font-size: 200%;}
}

/* Resolucao de 1400px */
@media screen and (max-width: 1400px) {
    #GscCorpo .Produto{height: 200px;max-height: 200px;}

    #GscCorpo .ImgProd{width: 40%;max-width: 40%;height: 130px;}

    #GscCorpo .TitProd{margin-left: 2%;margin-bottom: 0px;float: none;width: 90%;max-width: 90%;font-size: 200%;}
}

/* Resolucao de 1000px */
@media screen and (max-width: 1000px) {

    #GscCorpo .Produto{height: 230px;min-height: auto;max-height: 230px;}

    #GscCorpo .TitProd{font-size: 200%;}

}

/* Resolucao de 1000px */
@media screen and (max-width: 800px) {

    #GscCorpo .Produto{width: 95%;max-width: 95%;height: 230px;min-height: auto;max-height: 230px;}

    #GscCorpo .TitProd{font-size: 200%;}

}

/* Resolucao abaixo de 600px e celular(min-device-width)*/
@media screen and (max-width: 500px) {
    
    #GscCorpo{width: 98%;}

    #GscCorpo .Produto{margin-left: 3%;width: 45%;max-width: 45%;height: 180px;max-height: 180px;}

    #GscCorpo .ImgProd{width: 90%;max-width: 90%;height: 120px;}

    #GscCorpo .TitProd{margin-top: 1px;margin-left: 1%;margin-bottom: 0px;float: none;width: 95%;max-width: 95%;font-size: 140%;}

    #GscCorpo .TxtProd{display: none;}

    #GscRodape {height: 30px;max-height: 30px;}

    #GscRodape .ImgByGSC{width: 20%;min-width: auto;max-width: 200px;height: 100%;min-height: auto;max-height: 100%;}

    #GscRodape .TxtRod{width: 70%;top:15px;border: none;font-size: 65%;}

}

/* Resolucao abaixo de 600px e celular(min-device-width)*/
@media screen and (max-width: 400px), (orientation: portrait) {

    #GscCabecalho {height: 40px;min-height: auto;max-height: 40px;}

    #GscCabecalho .ImgVolta{width: 25px;height: 25px;top:8px;}

    #GscCorpo{width: 98%;top:50px;}

    #GscCorpo .Produto{margin-left: 3%;width: 45%;max-width: 45%;height: 130px;max-height: 130px;}

    #GscCorpo .ImgProd{width: 80%;max-width: 80%;height: 90px;margin-left: 10%;}

    #GscCorpo .TitProd{margin-top: 1px;width: 95%;max-width: 95%;height: 25px;max-height: 40px;
                        font-size: 110%;text-align: center;}

    #GscCorpo .TxtProd{display: none;}

    #GscRodape {height: 30px;max-height: 30px;}

    #GscRodape .ImgByGSC{width: 20%;min-width: auto;max-width: 200px;height: 100%;min-height: auto;max-height: 100%;}

    #GscRodape .TxtRod{width: 70%;top:15px;border: none;font-size: 65%;}

}