@import url('https://fonts.googleapis.com/css?family=Ubuntu');

@media only screen and ( max-width: 760px ) {
    .cena {
        width: 90%;
    }
    .label, .itens {
        width: 75%;
    }
}

@media only screen and ( min-width: 760px ) {
    .cena {
        width: 50%;
    }
    .label, .itens {
        width: 55%;
    }
}

html {
}

body {
    font-family: 'Ubuntu', sans-serif;
    background-image: url("../images/index.jpg");
    background-repeat: repeat-x;
    background-color: #eaeaea;
}

h1 {
    padding-top: 1%;
    padding-bottom: 1%;
}

a {
    text-decoration: none;
}

a:link, a:visited, a:active { color: #000000; }
a:hover { color: #EF2A29; }

#imgdj {
    display: none;
}

.palco {
    text-align: center;
}

.cena {
    background-color: #d2d2d2;
    margin: auto;
    padding: 2%;
    border-radius: 1%;
    box-shadow: 0 0 1em #000;
}

.cena p {
    padding-top: 2%;
    padding-bottom: 2%;
}

.servico {
    width: 70%;
    margin: auto;
    background-color: #bbb;
    border-radius: 1%;
    padding: 2%;
}

.label {
    background-color: #a3a3a3;
    border-radius: 1%;
}

.itens {
    margin-bottom: -5%;
}

.label, .itens {
    display: inline-block;
    padding: 3%;
}

#ltipo, #lestado, #itipo, #ativo, #inativo {
    display: inline-block;
    width: 50%;
}

#ativo, #inativo {
    padding-bottom: 5%;
}

#ativo {
    font-weight: bold;
    color: #004c00;
}

#inativo {
    font-weight: bold;
    color: #990000;
}

.dotjunior {
    margin-top: 2%;
}

.dojunior p {
    padding-top: 1%;
    padding-bottom: 1%;
}

.esdis {
    width: 45%;
    margin: auto;
    padding-top: 3%;
}

#usado {
    display: inline-block;
    background-color: #aaa;
}

#livre {
    background-color: #ccc;
    float: right;
}

#usado, #livre {
    height: 3px;
}