html {
    background: #fff url('../../assets/img/background_pub.gif');
}

h1 {
    text-align: center;
    color: #507B1D;
    font-size: 1.8em;
}

h4 {
    display: none;
}

#conteudo {
    width: 800px;
    margin: 20px auto;
}

.conteudo h1 {
	margin-bottom: 0px;
}

.conteudo h3 {
	margin: 0px;
	text-align: center;
}

#amavi {
    margin-left: 220px;
}

#codesp {
    margin-left: 80px;
}

fieldset {
    margin: 10px !important;
}

.msg-info {
	margin: 20px 0px 5px 5px !important;
    padding: 10px;
    background: #9fcef6 url(../../../../../bibliotecas/coisa/assets/img/info.png) no-repeat left;
    color: #3B5E74;
    border: 1px solid #2f89ab;
}

.msg-aviso {
	margin: 20px 0px 5px 5px !important;
    padding: 10px;
    background: #f4ee94 url(../../../../../bibliotecas/coisa/assets/img/aviso.png) no-repeat left;
    color: #827835;
    border: 1px solid #dcc845;
}

.msg-erro {
	margin: 20px 0px 5px 5px !important;
    padding: 10px;
    background: #f4af94 url(../../../../../bibliotecas/coisa/assets/img/erro.png) no-repeat left;
    color: #7d4737;
    border: 1px solid #c46547;
}

.msg-nota {
	margin: 20px 0px !important;
    padding: 10px;
    background-color: #F5F5DC;
    color: #827835;
    border: 2px dashed #ccc;
}

.msg-impressao {
	/*display: none;*/
}

ul.chzn-results li.active-result {
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-align-items: center;
	align-items: center;
}

ul.chzn-results li img {
	margin-right: 10px;
	max-height: 80px;
}

ul.chzn-results li.encerrada {
	color: gray;
}

ul.chzn-results li.encerrada img {
	opacity: 0.5;
}

#box-header{
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-align-items: center;
	align-items: center;
	max-width: 95%;
	margin: 10px auto;
}

#box-menu {
    padding-right: 40px;
    position: relative;
    z-index: 10;
}

#box-menu > a {
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    background: #eee url('../img/pub_menu.png') 12% 49% no-repeat;
    background-size: 19px;
    padding: 10px 10px 10px 30px;
    color: #333;
    border: 1px solid #aaa;
}

#box-menu > a:hover {
    background-color: #fff;
    border: 1px solid #53789C;
    color: #d61010;
}

#nmenu {
    position: absolute;
    top: 14px;
    background: #eee;
    width: 250px;
    list-style: none;
    padding: 0;
    border: 1px solid #bbb;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.38);
}

#nmenu.hidden, #cmenu {
    display: none;
}

#nmenu li.active a {
    background-color: #ddd;
    font-weight: bold;
}

#nmenu li a {
    display: block;
    text-decoration: none;
    padding: 10px 10px 10px 30px;
    color: #333;
    border-bottom: 1px solid #ccc;
    background-position: 10px 50%;
}

#nmenu li a:hover, #nmenu li.active a:hover {
    color: #d61010;
    background-color: #FFFCB1;
}

#box-text {
    padding-left: 30px;
    border-left: 1px solid #ddd;
    width: 550px;
}

#box-img {
    width: 60px;
}

#box-header img {
    display: inline-block;
	width: 100%;
	margin-left: 10px;
}

#box-text h1 {
	text-align: right;
	font-size: 16px	!important;
    margin: 0;
}

#box-text h3 {
	text-align: right;
	font-size: 15px	!important;
}

.link-alterar-competicao{
	text-align: center !important;
	margin-top: 3px;
}

.link-alterar-competicao a{
	background-color: #29567F;
	padding: 8px;
	color: #FFF;
	text-decoration: none;
	box-shadow: 0 2px 3px 0px #00000045;
	border-radius: 0 0 10px 10px;
}

#rodape-amavi {
    height: 90px;
    background: transparent url('../img/rodape.png') center center no-repeat;
    background-size: 34%;
    margin: 15px 0;
}

h3.situacao_competicao {
    margin-top: 50px;
    margin-bottom: 0;
}

ul.selecao_competicao {
    list-style: none;
    padding: 0;
}

ul.selecao_competicao li {
    border-bottom: 1px solid #ddd;
    display: flex;
    align-items: center;
}

ul.selecao_competicao li p {
    text-align: left !important;
    padding-left: 10px;
}

ul.selecao_competicao li:hover {
    cursor: pointer;
    transition: .2s linear all;
    background-image: -webkit-linear-gradient(left,#fff 25%,#eee 50%,#eee 75%,#fff 100%);
}

ul.selecao_competicao li:hover p {
    color: #29567F !important;
}

ul.selecao_competicao li p span {
    display: block;
    color: #888;
    font-weight: bold;
    font-size: 12px;
}

ul.selecao_competicao li img, ul.selecao_competicao li span.sem_imagem {
    width: 50px;
}

ul.selecao_competicao.encerradas {
    opacity: .5;
}

form#escolher-competicao {
    display: none;
}

span.placar-extrato {
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #325373;
    color: #fff;
    font-style: normal;
}

/* Temas */
/*
    Cores:
        0: azul (padrão)
        1: verde
        2: vermelho
        3: preto
        4: amarelo
        5: laranja
        6: roxo

    Categorias:
        c1: primária
        c2: secundária
        c3: terciária

*/

/* VERDE */
body.c1-1 {
    background-image: url('../img/bg-1.jpg');
    background-size: cover;
}

body.c1-1 div#whiteForm.conteudo h1,
body.c1-1 div#whiteForm h2,
body.c2-1 table th,
body.c3-1 a:not(:hover),
body.c1-1 div.simple-modal-body h2 {
    color: #507B1D !important;
}

body.c2-1 table th {
    background: #bce787 !important;
    border-color: #7ab137 !important;
}

body.c3-1 table tr:hover {
    background: #eaffd1 !important;
}

body.c1-1 span.placar-extrato {
    background-color: #507B1D !important;
}

/* VERMELHO */
body.c1-2 {
    background-image: url('../img/bg-2.jpg');
    background-size: cover;
}

body.c1-2 div#whiteForm.conteudo h1,
body.c1-2 div#whiteForm h2,
body.c2-2 table th,
body.c3-2 a:not(:hover),
body.c1-2 div.simple-modal-body h2 {
    color: #7b1d1d !important;
}

body.c2-2 table th {
    background: #e78787 !important;
    border-color: #b13737 !important;
}

body.c3-2 table tr:hover {
    background: #ffd1d1 !important;
}

body.c1-2 span.placar-extrato {
    background-color: #7b1d1d !important;
}

/* PRETO */
body.c1-3 {
    background-image: url('../img/bg-4.jpg');
    background-size: cover;
}

body.c1-3 div#whiteForm.conteudo h1,
body.c1-3 div#whiteForm h2,
body.c2-3 table th,
body.c3-3 a:not(:hover),
body.c1-3 div.simple-modal-body h2 {
    color: #3b3b3b !important;
}

body.c2-3 table th {
    background: #b8b8b8 !important;
    border-color: #555555 !important;
}

body.c3-3 table tr:hover {
    background: #f7f7f7 !important;
}

body.c1-3 span.placar-extrato {
    background-color: #3a3a3a !important;
}

/* AMARELO */
body.c1-4 {
    background-image: url('../img/bg-4.jpg');
    background-size: cover;
}

body.c1-4 div#whiteForm.conteudo h1,
body.c1-4 div#whiteForm h2,
body.c2-4 table th,
body.c3-4 a:not(:hover),
body.c1-4 div.simple-modal-body h2 {
    color: #7b6a1d !important;
}

body.c2-4 table th {
    background: #e7dd87 !important;
    border-color: #b1a937 !important;
}

body.c3-4 table tr:hover {
    background: #fffed1 !important;
}

body.c1-4 span.placar-extrato {
    background-color: #615917 !important;
}

/* LARANJA */
body.c1-5 {
    background-image: url('../img/bg-5.jpg');
    background-size: cover;
}

body.c1-5 div#whiteForm.conteudo h1,
body.c1-5 div#whiteForm h2,
body.c2-5 table th,
body.c3-5 a:not(:hover),
body.c1-5 div.simple-modal-body h2 {
    color: #7b551d !important;
}

body.c2-5 table th {
    background: #e7c987 !important;
    border-color: #b18037 !important;
}

body.c3-5 table tr:hover {
    background: #ffefd1 !important;
}

body.c1-5 span.placar-extrato {
    background-color: #7b4a1d !important;
}

/* ROXO */
body.c1-6 {
    background-image: url('../img/bg-6.jpg');
    background-size: cover;
}

body.c1-6 div#whiteForm.conteudo h1,
body.c1-6 div#whiteForm h2,
body.c2-6 table th,
body.c3-6 a:not(:hover),
body.c1-6 div.simple-modal-body h2 {
    color: #411d7b !important;
}

body.c2-6 table th {
    background: #b987e7 !important;
    border-color: #8437b1 !important;
}

body.c3-6 table tr:hover {
    background: #f2d1ff !important;
}

body.c1-6 span.placar-extrato {
    background-color: #551d7b !important;
}


/* Mobile */
@media (max-width: 800px) {
    #conteudo {
        width: auto;
        padding: 1em;
    }

    h2 {
        font-size: 18px;
    }

    #realizadores {
        text-align: center;
    }

    #amavi {
        margin-left: 0;
    }

    #codesp {
        margin-left: 10%;
    }

    .ttform label {
        width: 100% !important;
    }

    #resposta {
        width: 100%;
        overflow: auto;
    }

    .msg-impressao {
        display: none;
    }

    .ttform fieldset {
        padding: 20px 10px;
        margin: 5px !important;
    }

    #box-header {
        display: block !important;
        overflow: hidden;
        position: relative;
    }

    #box-menu {
        width: 100%;
    }

    #box-menu > a {
        text-indent: -100px;
        display: block;
        width: 30px;
        background-color: transparent;
        border: 0 none;
        background-position: 0 0;
        background-size: 25px;
    }

    #box-menu > a:hover, #box-menu > a:active {
        border: 0 none;
        background-color: transparent;
    }

	#box-text h1 {
		font-size: 15px !important;
	}

	#box-text h3 {
		font-size: 14px !important;
	}

    #box-text {
        width: 75%;
        float: left;
        padding: 0 0 0 0;
        border-left: 0 none;
    }

    #box-text h1, #box-text h3 {
        text-align: left;
    }

    #box-img {
        width: 20%;
        float: right;
    }

    #box-img img {
        margin-left: 0;
    }

    #box-menu {
        width: 100%;
    }

    #nmenu {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        margin: 0;
        box-shadow: 1000px 0 0 1000px rgba(255,255,255,0.7);
    }

    #box-menu #cmenu {
        display: block;
        position: fixed;
        top: 20px;
        right: 20px;
        text-indent: 1000px;
        padding: 0;
        height: 30px;
        background-image: url('../img/pub_fechar.png');
    }

    #box-menu #cmenu.hidden {
        display: none;
    }

    #rodape-amavi {
        background-size: 70%
    }
}