/*
 * LeisMunicipais.com.br - Liz Serviços Online
 * 
 * O conteúdo deste arquivo está protegido pela Lei de Direitos Autorais.
 * É vetada a reprodução e/ou utilização de parte ou completo conteúdo deste arquivo.
 * 
 * Versão: 21/03/2016, 16:51:38
 * Author: mandriani
 */

.magicbar-area {
    margin: 2em 0;
    padding: 0.5em 0;
    background: #ebebeb;
}

.magicbar-area .magicbar-box {
    position: relative;
    border-left: 1px #929292 solid;
    border-right: 1px #929292 solid;
}

.magicbar-area .magicbar-box .loading {
    width: 32px;
    height: 32px;
    background: url(/img/icons/magicbar/loading-grey.png) center no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-left: 50%;
    left: -16px;
    margin-top: 30px;
    margin-bottom: 30px;
    
    animation-name: magicbar-loading;
    animation-duration: 4000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes magicbar-loading { 
    from { 
        transform: rotate(0deg); 
    } to { 
        transform: rotate(360deg); 
    }
}

.magicbar-area .magicbar-box .slider {
    overflow-x: hidden;
    z-index: 9;
    position: relative;
}

.magicbar-area .magicbar-box .slider > .track {}

.magicbar-area .magicbar-box .node {
    width: 320px;
    float: left;
    margin: 0.6em;
}

.magicbar-area .magicbar-box .node .thumb {
    float: left;
    width: 5em;
    height: 5em;
    background: #ebebeb;
    border-radius: 0.2em;
    padding: 0.5em;
}

.magicbar-area .magicbar-box .node .thumb img {
    width: auto;
    height: auto;
    max-width: 5em;
    max-height: 5em;
}

.magicbar-area .magicbar-box .node .info {
    margin-left: 7em;
}
.magicbar-area .magicbar-box .node .info a {
    display: block;
    color: #4c4c4c;
    text-decoration: none;
}
.magicbar-area .magicbar-box .node .info .type {
    display: block;
    font-size: 1em;
    font-weight: 400;
    line-height: 1em;
    margin-bottom: 0.4em;
}
.magicbar-area .magicbar-box .node .info .city {
    display: block;
    font-size: 1.2em;
    font-weight: 400;
    line-height: 1em;
    margin-bottom: 0.6em;
}
.magicbar-area .magicbar-box .node .info .ribbon {
    display: inline-block;
    font-size: 0.9em;
    font-weight: 700;
    background: #7fa12c;
    padding: 0.2em 0.8em 0.2em 0.2em;
    border-radius: 1.5em;
    color: #fff;
}

.magicbar-area .magicbar-box .node .info .ribbon:before {
    content: url('/img/icons/magicbar/clock-white.png');
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 0.5em;
    display: inline-block;
}