body {
    font-family: calibri, sans-serif;
    color: #222;
    font-weight: 400;
    font-size: 17px;
    line-height: 21px;
    background-color: #DEDEDC;
}

.container{
    background-color: #fff;
}

h1,h1,h3,h4,h5,h6{
    font-weight: 400;
}

p{
    margin: 0px;
}

a{
    text-decoration: none!important;
    -o-transition: color .3s linear, background .3s linear;
    -moz-transition: color .3s linear, background .3s linear;
    -webkit-transition: color .3s linear, background .3s linear;
    transition: color .3s linear, background .3s linear;
}

/* Float e espaçamentos */
.left{float: left;}
.right{float: right;}
.mg-bt-5{margin-bottom:5px!important;}
.mg-bt-10{margin-bottom:10px!important;}
.mg-bt-20{margin-bottom:20px!important;}
.mg-bt-30{margin-bottom:30px!important;}
.mg-bt-40{margin-bottom:40px!important;}
.mg-tp-10{margin-top:10px!important;}
.mg-tp-20{margin-top:20px!important;}
.mg-tp-30{margin-top:30px!important;}
.mg-tp-40{margin-top:40px!important;}

.pd-bt-10{padding-bottom:10px!important;}
.pd-bt-20{padding-bottom:20px!important;}
.pd-bt-30{padding-bottom:30px!important;}
.pd-bt-40{padding-bottom:40px!important;}
.pd-tp-10{padding-top:10px!important;}
.pd-tp-20{padding-top:20px!important;}
.pd-tp-30{padding-top:30px!important;}
.pd-tp-40{padding-top:40px!important;}

/* Configurações para textos*/
.txt-left{text-align:left;}
.txt-right{text-align:right;}
.txt-center{text-align:center;}
.bold{font-weight: 600;}
.color-destaque{
    color: #2693CE!important;
}
.color-azul{
    color: #2693CE!important;
    border-color: #2693CE;
}
.color-laranja{
    color: #E17A2E!important;
    border-color: #E17A2E;
}
.color-verde{
   color: #999933!important;
   border-color: #999933;
}
.color-verde-escuro{
    color: #059445!important;
    border-color: #059445;
}
.color-rosa{
    color: #D72C78!important;
    border-color: #D72C78;
}
.color-vermelho{
   color: #D6312B!important;
   border-color: #D6312B;
}
.color-amarelo{
    color: #F1C000!important;
    border-color: #F1C000;
}
.color-body{
    color: #222!important;
}
/* Titulos principais */
h3{
    font-size: 28px;
    font-weight: 700;
    padding-left: 10px;
    border-left: 5px solid #ccc;
    text-transform: uppercase;
}

.slicknav_menu {
    display:none;
}

/* Configuração pra tela MENOR que 980px*/
@media(max-width:980px){
    #logo, .js #menu, #menu-topo, .logo-perfil{
        display:none;
    }
    .js .slicknav_menu {
        display:block;
        background: #f9f9f9 url('../img/logo.png') no-repeat;
        background-position: 15px 5px;
        background-size: 140px;
    }
    .slicknav_btn {
        margin: 25px 10px!important;
        background-color: #2693CE!important;
    }
    #artistas a span{
        font-size: 14px;
    }
    /* Oculta textos do banner*/
    .carousel-caption h3, .carousel-caption p{
        display: none;
    }
}

/* Configuração pra tela MAIOR que 992px*/
@media(min-width:980px){
    #menu-topo{
        height: 40px;
        border-top: #AEADAC 1px solid;
        border-bottom: #AEADAC 1px solid;
    }
    #logo{
        text-align: center;
    }
    #logo img{
        max-width: 100%;
        margin: 20px 0px;
    }
    #menu{
        float: right;
        height: 40px;
        width: 100%;
        margin: 0px;
        padding: 0px;
        text-align: center;
    }
    #menu li{
        display: inline;
    }
    #menu li a {
        line-height: 40px;
        padding: 11px 15px 9px 15px;
        font-size: 15px;
        font-weight: 500;
        color: #777;
    }
    li.ativo1 a:hover, li.ativo6 a:hover{
        color: #F1C000!important;
    }
    li.ativo2 a:hover, li.ativo7 a:hover{
        color: #059445!important;
    }
    li.ativo3 a:hover, li.ativo8 a:hover{
        color: #2693CE!important;
    }
    li.ativo4 a:hover{
        color: #D72C78!important;
    }
    li.ativo5 a:hover{
       color: #D6312B!important;
    }
    .ativo1 .ativo, .ativo6 .ativo{
        background-color: #F1C000;
        color: #fff!important;
    }
    .ativo2 .ativo, .ativo7 .ativo{
        background-color: #059445;
        color: #fff!important;
    }
    .ativo3 .ativo, .ativo8 .ativo{
        background-color: #2693CE;
        color: #fff!important;
    }
    .ativo4 .ativo{
        background-color: #D72C78;
        color: #fff!important;
    }
    .ativo5 .ativo{
        background-color: #D6312B;
        color: #fff!important;
    }
    li.ativo1 a.ativo:hover, li.ativo2 a.ativo:hover, li.ativo3 a.ativo:hover, li.ativo4 a.ativo:hover, li.ativo5 a.ativo:hover, li.ativo6 a.ativo:hover, li.ativo7 a.ativo:hover, li.ativo8 a.ativo:hover{
       color: #FFF!important;
    }
    #artistas a span{
        float: left;
        margin-top: 10px;
    }
    #banner{
        margin-left:17%;
    }
    #home-noticias{
        margin-left: 4%;
    }
}


/**************** Rodape ***********************/
#rodape{
    padding-top: 30px;
    margin-top: 20px;
    background-color: #EFF0D1;
    width: 100%;
}
#rodape, #rodape a,  #rodape p{
    font-family: calibri, sans-serif!important;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    color: #444;
}
#assinatura{
    color: #999933;
    padding: 3px 20px;
    font-size: 14px;
}
#assinatura a{
    color: #999933;
}

/*** OUTROS DO SITE ***/
img{
    max-width: 100%;
    border-radius: 2px;
}

/*** INDEX ***/
#index .col-md-12{
    padding: 20px;
}
#index a{
    width: 100%;
    color: #999933;
    padding: 0px 25px;
}
#index a:hover{
    color: #676700;
}

/************* ARTISTAS ************/
#artistas{
    float: left;
    width: 100%;
    padding: 10px;
    background-color: #9ac9e2;
}
#artistas .col-md-6{
    height: 60px;
}
#artistas a{
    float: left;
    width: 100%;
    color: #007fc4;
}
#artistas a img{
    float: left;
    margin-right: 10px;
}
#artistas a:hover{
    text-decoration: underline!important;
}

/**************** PERFIL *******************/
#menu-topo-perfil{
    height: 40px;
    background-color: #222;
}
h2{
    float: left;
    width: 100%;
    color: #333;
    font-size: 28px;
    margin: 0px;
    font-weight: 700;
}
.sub-tutilo{
    float: left;
    width: 100%;
    font-size: 16px;
}
.txt-perfil{
    background-color: #fff;
    padding-bottom: 30px;
    padding-top: 30px;
    margin-top: 15px;
    color: #222;
}
.last{
    border: 5px solid #fff;
    border-radius: 4px;
}

/***************AGENDA**************/
#agenda .col-md-4{
    height: 180px;
    border: 1px solid #ddd;
    padding-top: 20px;
}
.border-rosa{
    border: 1px solid #ccc!important;
    background-color: #eee;
}
#agenda img{
    display: block;
    margin: 0 auto;
    margin-bottom: 15px;
    max-height: 90px;
}
#agenda a{
    font-size: 13px;
    font-weight: 500;
}
#agenda .col-md-4:hover{
    border: 1px solid #D72C78!important;
}
#agenda a:hover{
    color: #D72C78!important;
}
/************GALERIA************/
#galeria .col-md-3{
    height: 255px;
    border: 2px solid #fff;
}
#galeria img{
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
    height: 180px;
    margin-top: 15px;
}
#galeria a{
    font-size: 14px;
    font-weight: 500;
}
#galeria .col-md-3:hover{
    border: 2px solid #D6312B!important;
}
#galeria a:hover{
    color: #D6312B!important;
}

/************GALERIA IMAGENS************/
#galeria-imagens h2{
    color: #D6312B;
    font-size: 20px;
    font-weight: 700;
    margin-left: 15px;
}
#galeria-imagens .texto{
    margin-top: 5px;
}
#galeria-imagens .sub-tutilo{
    font-size: 14px;
}
#galeria-imagens .last{
    border: none;
}
#galeria-imagens img{
    height: 200px;
    width: 100%!important;
}

/***************PARCEIROS**************/
#parceiros .col-md-4{
    height: 120px;
    border: 1px solid #ddd;
    padding-top: 10px;
}
#parceiros .border{
    border: 1px solid #ccc!important;
    background-color: #eee;
}
#parceiros img{
    max-height: 100px;
}
#parceiros a{
    font-size: 13px;
    font-weight: 500;
}
#parceiros .col-md-4:hover{
    border: 1px solid #F1C000!important;
}
#parceiros a:hover{
    color: #F1C000!important;
}

/***************LINKS DE ARTE**************/
#links-arte .titulo{
    background-color: #ddd;
    color: #555!important;
    border: #aaa!important;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 10px;
}
#links-arte .col-md-12{
    border: 1px solid #fff;
    min-height: 40px;
    padding-top: 10px;
    color: #059445;
    border: 1px solid #b7e3ba;
}
#links-arte .border{
    border: 1px solid #b7e3ba;
    background-color: #b7e3ba;
}
#links-arte img{
    max-height: 100px;
}
#links-arte a{
    font-size: 14px;
    font-weight: 500;
}
#links-arte a:hover{
    font-weight: 700;
}

/***************CONTATO**************/
#contato .box{
    float: left;
    width: 100%;
    color: #555;
}
#enviar{
    border: 1px solid #d6d6d6;
    background-image: url('../img/detalhe-cinza.png');
    background-size: auto 100%;
    padding: 8px 40px;
    float: right;
}