.logo{
    width: 100%;
    margin-top: 28px;
}
.logo2{
    width: 100%;
    margin-top: -23px;
}
.logo3{
    
    margin-top: -23px;
}
.menu{
    background: #c3d7ee;
    margin: 0px;
    padding: 0px;
}
ul.menu{
    list-style: none;
    width: 100%;
    margin: 0px;
    padding: 12px;
}
ul.menu li{
    /* display: inline; */
    text-align: center;
}
ul.menu li a{}
ul.menu li h1{
    font-size: 18px;
    margin: 4px;
    color: #FFF;
    font-weight: bold;
}
img.img-menu{
    max-width: 100px;
}
a:hover{text-decoration: none;}

.clear{clear: both;}


.actions{
    background: #1d436f;
}
a.add{
    background: #FC503B;
    padding: 12px;
    float: left;
    margin: 5px;
    color: #FFF;
    border-radius: 4px;
}
form.form-search{
    float: left;
    margin: 10px;
}

div.relatorios{}
ul.relatorios{
    float: left;
    width: 100%;
    list-style: none;
    margin: 14px 0px;
}
ul.relatorios li a{
    background: #004c4c6b;
    margin: 14px 0px;
    float: left;
    width: 100%;
    padding: 14px;
}
ul.relatorios li h1{
    color: #FFF;
    font-size: 16px;
}

div.portal{}
ul.portal{
    float: left;
    width: 100%;
    list-style: none;
    margin: 7px 0px;
}
ul.portal li a{
    background: #004c4c6b;
    margin: 7px 0px;
    float: left;
    width: 100%;
    padding: 2px;
}
ul.portal li h1{
    color: #FFF;
    font-size: 16px;
}


.music{
    background: #2c0bab;
    padding: 8px;
    color: #FFF;
    border-radius: 4px;
    margin: 4px;
}

.edit{
    background: #AF7169;
    padding: 8px;
    color: #FFF;
    border-radius: 4px;
    margin: 4px;
}

.delete{
    background: #D21800;
    padding: 8px 10px;
    color: #FFF;
    border-radius: 4px;
    margin: 4px;
}

h1.title{
    color: #1d436f;
    font-size: 24px;
    font-weight: bold;
}

p.footer{margin: 5px;color: #FFF;font-weight: bold;}

div.login{
    max-width: 500px;
    margin: 70px auto;
    background: #c3c9d2;
    /* padding: 20px 10px; */
    border: 1px solid #004d4d;
}
form.login{
    padding: 10px;
}
.login-header{
    text-align: center;
    padding: 10px;
    background: #c5d7ed;
}
img.logo-login{max-width: 150px;}
form.login input{
    border-radius: 0px;
    height: 50px;
    color: #FC503B;
}
.btn-login{background: #024e4e;width: 100%;color: #FFF !important;font-weight: bold;font-size: 18px;}
a.recuperar{color: #024e4e;}