@charset "utf-8";

body {
    background: #121012;
    font-family: 'Lato', sans-serif;
}

/* Cor do conte�do interno */
div.slcidade .conteudo {
    background: #000;
}

/* Background da descri��o do filme */
section div.filme {
    background: #130f12;
}

/* Cor da borda do poster */
section div.filme .poster {
    outline: 3px solid #ffbf00;
}

/* Cor do texto de informa��es do filme */
section div.filme .ftec .infos {
    color: #fff;
}

/* Cor do t�tulo do filme */
section div.filme .ftec .infos h2 {
    color: #ffbf00;
}

/* Cor do texto das op��es de sinopse/trailer/galeria */
section div.filme .ftec .infos ul {
    color: #fff;
}

/* Cor das linahs das op��es de sinopse/trailer/galeria */
section div.filme .ftec .infos ul.links {
    border-top: 1px solid #4f4f4f;
    border-bottom: 1px solid #4f4f4f;
}

/* Cor do texto das op��es de sinopse/trailer/galeria */
section div.filme .ftec .infos ul.links a {
    color: #fff;
    transition-duration: 0.3s;
}

/* Cor do background da programa��o */
section div.programacao {
    background: #130f12;
}

/* Cor e linha inferior do carrossel de dias */
section div.programacao div.dias {
    color: #fff;
    border-bottom: 1px solid #4f4f4f;
}

/* Cor e linha inferior do dia ativo */
section div.programacao div.dias .item.ativo {
    color: #b7b6b7;
    border-bottom: 3px solid #b7b6b7;
}

/* Cor de texto da programa��o */
section div.programacao form {
    color: #fff;
}

/* Fundo da barra de localiza��o - preferencialmente n�o trocar */
section div.programacao form .localizacao {
    background: #57555d;
}

/* Fundo do campo de localiza��o - preferencialmente n�o trocar */
section div.programacao form input {
    background: #201f23;
}

/* Fundo do campo de localiza��o - preferencialmente n�o trocar */
section div.programacao form .multiple {
    color: #fff;
    background: #201f23;
}

/* Fundo do dia */
section div.programacao div.dia {
    background: #130f12;
}

/* Cor do endere�o do cinema */
section div.programacao div.dia .cinema {
    color: #fff;
}

/* Cor da borda inferior do cinema */
section div.programacao div.dia .cinema h3 {
    border-top: 1px solid #4f4f4f;
}

/* Cor do endere�o do cinema com link */
section div.programacao div.dia .cinema h3 a {
    color: #fff;
    transition-duration: 0.3s;
}

/* Cor do nome do cinema */
section div.programacao div.dia .cinema h3 b {
    font-weight: 900;
    color: #cd202d;
    font-size: 25px;
}

/* Fundo, borda e cor do hor�rio INDISPON�VEL */
section div.programacao div.dia .cinema .sessao ul.horarios li {
    background: #0a090a;
    border: 1px solid #0a090a;
    color: #232323;
}

/* Fundo, borda e cor do hor�rio DISPON�VEL */
section div.programacao div.dia .cinema .sessao ul.horarios a li {
    border: 1px solid #cd202d;
    color: #cd202d;
    transition-duration: 0.3s;
}

/* Fundo e cor do texto do rodap� */
footer {
    background: #cd202d;
    color: #fff;
}