body{
    /* configurações da pagina */    
        color:black;
        font-size:1.0vw;
        font-weight:bold;
        text-decoration:none;
        margin-left:0;
        margin-top:0px;
        margin-right:0;
        margin-bottom:0;
        font-family: arial;
        background-image: url('../img/imagemDeFundo.jpg');
        background-color: #0c0c0c;


    }

    table{
        color:black;
    }


    #cima{
        /*position: fixed;*/
        /*background: white;*/
        color:white;
        width: 100%;
        height: 9vh;
        border-bottom: 1px white solid;
        vertical-align: middle;        
    }

    #cima #esquerda{    
        width: 4%;
        float: left;
        text-align: left;
        padding-left: 1vw;
        padding-top: 1.0vh;
        padding-bottom: 1.0vh;        
    }
    
    #cima #esquerda span{
        padding-left: 1vw;
    }

    #cima #esquerda img{
        width: 3.5vw;
        height: 6.5vh;
    }

    #cima #direita{
        width: 94%;
        float: right;
        text-align: left;
        vertical-align: middle;
        padding-top: 2.0vh;
        padding-bottom: 1.0vh;
        height: 6.0vh;        
    }

    
    #cima #direita a{    
        margin-top: 2.0vw;
        text-decoration: none;
        color: white;
        margin-left: 1.0vw;
        font-size: 2vw;
    }    

    #conteudo {
        border-radius: 10px;
        /*padding: 1%;*/ 
        margin-top: 2vh;
        margin-left: 5%;
        margin-right: 5%;
        width: 90%;
        border: 3px #0da317 solid;
        /*background: #fff;*/
        background-color: rgba(243, 237, 243, 0.85);
        color: #0c0c0c;
        text-decoration: none;        
        text-align: center;
    }

    #conteudo a{
        text-decoration: none;        
        color: #0da317;
        font-size: 1vw;    
    }    
    
   #conteudo a img.clicar{
       width: 40vw;
       height: 40vh;
   }        
    
    
    #conteudo span {
        font-weight: normal;
        color: #0c0c0c;
    }

    #mensagem{
        width: 100%;
        /*border: 1px red solid; */
        margin-top: 0.5vw;
        text-align: center;
        color: #59a2ce;
        font-size: 2vw;
    } 

    #mensagem #sucesso{
        margin-top: 1vh;
        background-color: #b5ffb3;
        border: 1px green solid; 
        color: green;
    } 

    #mensagem #erro{
        margin-top: 1vh;
        background-color: #ffe6eb;
        border: 1px red solid; 
        color: red;
    } 
    
    .ecommerce{
        /*color:red;*/
        padding-left: 1.5vw;
        padding-right: 1.5vw;
        font-weight: normal;
    }