html
{
    width: 100%;
    height: 100%;
}

body
{
    width: 100%;
    height: 100%;
	background-color: White;
	margin: 0px 0px 0px 0px;
	display: table;
	font-family: 'Open Sans', sans-serif;
	position: relative;
}

.topoGeral
{
    background-repeat: repeat-x;
    text-align: center;
}
    
.topoImgTituloGeral
{
    background-repeat: no-repeat;
    margin: 0 auto;
    padding: 0;
}

.boloGeral
{
    background-repeat: no-repeat;
    padding: 0;
    box-shadow: 5px 5px 5px #edebe9;
    border : 1px solid LightBlue;
    border-radius: 10px;
}

.boloNomeGeral
{
    font-weight: bold;
    text-shadow: 0px 1px 2px Yellow;
    color: #9d8264;
}
    
.boloPrecoGeral
{
    font-weight: bold;
    color: Blue;
}

.setaEsquerdaGeral
{
    background-repeat: no-repeat;
    margin-left: 5px;
}
    
.setaDireitaGeral
{
    background-repeat: no-repeat;
    padding: 0;
    margin-right: 5px;
}

.obsDiv
{
    background-color: rgba(240,249,7,0.8);
    margin-left:0px;
    margin-right:0px;
    font-size: 13px;
    font-weight: bold;
}

.zapDiv {  }
.zap { background-color: #4bca5a; padding: 10px 10px 10px 10px; border-radius: 8px; }
.zapFone { margin-left: 6px; margin-top: 5px; font-size: 10px; }

a         { text-decoration: none; font-size: 12px; color: White; }
a:link    { text-decoration: none; font-size: 12px; color: White; }
a:visited { text-decoration: none; font-size: 12px; color: White; }
a:hover   { text-decoration: none; font-size: 12px; color: White; }
a:active  { text-decoration: none; font-size: 12px; color: White; }

/** @media screen and (min-width: 300px) **/

    .topoPagamentos
    {
        position:absolute;
        top:25px;
        right:5px;
        color:#371300;
        border:1px solid #441d00;
        padding:4px 6px 6px 6px;
        border-radius:10px;
        font-size:12px;
        font-weight:bold;
        background-color:#fdb406;
    }

    .divConteudo
    {
        margin-top:105px;
        margin-bottom:50px;
    }
    
    .divPagamento
    {
        margin-top:105px;
    }

    .topoGeral.topo
    {
        height:98px;
        background-image:url(../img/topo-fundo-celular.png?3);
    }
    
    .topoImgTituloGeral.topoImgTitulo
    {
        background-image: url("../img/topo-titulo.png?4");
        width: 310px;
        height: 60px;
        background-size: 310px 60px;
    }

    .boloGeral.bolo
    {
    }

    .boloNomeGeral.boloNome
    {
        font-size: 16px;
    }
    
    .boloNomeGeral.boloNome2
    {
        color: Black;
        font-size: 12px;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    
    .boloNomeGeral.boloNome3
    {
        font-size: 14px;
    }

    .boloPrecoGeral.boloPreco
    {
        font-size: 13px;
    }

    .pagamentos
    {
        font-size: 10px;
        color: White;
    }

    .setaEsquerdaGeral.setaEsquerda
    {
        background-image: url("../img/seta-esquerda-celular.png?1");
        width: 64px;
        height: 64px;
    }
    
    .setaDireitaGeral.setaDireita
    {
        background-image: url("../img/seta-direita-celular.png?1");
        width: 64px;
        height: 64px;
    }

@media screen and (min-width: 1280px)
{
    .obsDiv
    {
        font-size: 30px;
    }

    .zapDiv {  }

    .zap { background-color: #4bca5a; padding: 10px 10px 10px 10px; border-radius: 8px; }
    .zapFone { margin-top: 15px; font-size: 14px; }

    a         { text-decoration: none; font-size: 18px; color: White; }
    a:link    { text-decoration: none; font-size: 18px; color: White; }
    a:visited { text-decoration: none; font-size: 18px; color: White; }
    a:hover   { text-decoration: none; font-size: 18px; color: White; }
    a:active  { text-decoration: none; font-size: 18px; color: White; }

    .topoPagamentos
    {
        top:10px;
        right:10px;
        padding:10px 10px 10px 10px;
        font-size:18px;
    }

    .divConteudo
    {
        margin-top:175px;
        margin-bottom:40px;
    }

    .divPagamento
    {
        margin-top:175px;
    }

    .topoGeral.topo
    {
        height:166px;
        background-image:url(../img/topo-fundo-desktop.png?2);
    }

    .topoImgTituloGeral.topoImgTitulo
    {
        background-image: url("../img/topo-titulo-desktop.png?3");
        width: 601px;
        height: 104px;
        background-size: 601px 104px;
    }

    .boloGeral.bolo
    {
    }
    
    .boloNomeGeral.boloNome
    {
        font-size: 50px;
    }
    
    .boloNomeGeral.boloNome2
    {
        color: Black;
        font-size: 20px;
    }
    
    .boloNomeGeral.boloNome3
    {
        font-size: 50px;
    }

    .boloPrecoGeral.boloPreco
    {
        font-size: 35px;
    }

    .pagamentos
    {
        font-size: 13px;
        color: White;
    }

    .setaEsquerdaGeral.setaEsquerda
    {
        background-image: url("../img/seta-esquerda-desktop.png");
        width: 128px;
        height: 128px;
    }
    
    .setaDireitaGeral.setaDireita
    {
        background-image: url("../img/seta-direita-desktop.png");
        width: 128px;
        height: 128px;
    }
}