/*==== cor background ====*/

.u-fundoAzul87B7E8 {
    background: #87B7E8;
}

.u-fundoAzule1edf7 {
    background: #e1edf7;
}

.u-backgroundCinzaClaro {
    background: #EEEEEE;
}

.u-fundoAzul {
    background: #4261AF;
}

.u-fundoCinzaf5f6f8 {
    background: #f5f6f8;
}

/*==== Position dos elementos ====*/
.u-absoluto {
    position: absolute;
}

.u-relativo {
    position: relative;
}

/*==== float dos elementos ====*/
.u-floatLeft {
    float: left;
}

.u-floatRight {
    float: right;
}

/*==== width elementos ====*/
.u-width5porcento {
    width: 5%;
}

.u-width95porcento {
    width: 95%;
}

.u-width90porcento {
    width: 90%;
}

/*==== pointers events====*/

.u-pointer {
    cursor: pointer;
}

/*==== overflow elementos ====*/

.u-overflowHidden {
    overflow: hidden;
}

.u-overflowY {
    overflow-y: auto;
}

.u-overflowHiddenY {
    overflow-y: hidden;
}

.u-overflowHiddenX {
    overflow-x: hidden;
}

/*==== borda elementos ====*/
.u-semBorda {
    border: none;
}

.u-semBordaBottom {
    border-bottom: none;
}

.u-semBordaTop {
    border-top: none;
}

.u-semBordaLeft {
    border-left: none;
}

.u-semBordaRight {
    border-right: none;
}

.u-bordaRight--cinzaCCC {
    border-right: 1px solid #ccc;
}

.u-bordaLeft--cinzaCCC {
    border-left: 1px solid #ccc;
}

.u-bordaTop--cinzaCCC {
    border-top: 1px solid #ccc;
}

.u-bordaBottom--cinzaCCC {
    border-bottom: 1px solid #ccc;
}

/*==== Display dos Elementos ====*/

.u-inlineBlock {
    display: inline-block;
}

.u-block {
    display: block;
}

/*==== Visibilidade dos elementos ====*/

.u-mostrar,
.ats-exibir {
    display: block !important;
}

.u-esconder,
.ats-ocultar {
    display: none !important;
}

.u-aparecer {
    visibility: visible;
}

.u-desaparecer {
    visibility: hidden;
}

.u-semOpacidade {
    opacity: 0;
}

/*==== Imagem ====*/
.u-imagem {
    width: 100%;
    max-width: 250px;
    height: auto;
    display: block;
    margin-bottom: 1em;
}

.u-imagemFloatLeft {
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (min-width:40.063em) {
    .u-imagemFloatLeft {
        float: left;
        margin-right: 2em;
        margin-bottom: 2em;
    }
}

/*==== Margem dos elementos ====*/

.u-semMargem {
    margin: 0;
}

.u-margemBottomZero {
    margin-bottom: 0;
}

.u-margemTopZero {
    margin-top: 0;
}

.u-margemLeftZero {
    margin-left: 0;
}

.u-margemRightZero {
    margin-right: 0;
}

.u-margemCentralizada {
    margin-right: auto;
    margin-left: auto;
}

.u-margemZero,
.u-sm-subcabecalho.u-margemZero {
    margin-top: 0;
    margin-bottom: 0;
}

.u-xsm-margemTop {
    margin-top: .5em;
}

.u-sm-margemTop {
    margin-top: 1em;
}

.u-md-margemTop {
    margin-top: 2em;
}

.u-lg-margemTop {
    margin-top: 3em;
}

.u-xlg-margemTop {
    margin-top: 4em;
}

.u-xsm-margemBottom {
    margin-bottom: .5em;
}

.u-sm-margemBottom {
    margin-bottom: 1em;
}

.u-md-margemBottom {
    margin-bottom: 2em;
}

.u-lg-margemBottom {
    margin-bottom: 3em;
}

.u-xlg-margemBottom {
    margin-bottom: 4em;
}

.u-xsm-margemRight {
    margin-right: .5em;
}

.u-sm-margemRight {
    margin-right: 1em;
}

.u-md-margemRight {
    margin-right: 2em;
}

.u-lg-margemRight {
    margin-right: 3em;
}

.u-xsm-margemLeft {
    margin-left: .5em;
}

.u-sm-margemLeft {
    margin-left: 1em;
}

.u-md-margemLeft {
    margin-left: 2em;
}

.u-lg-margemLeft {
    margin-left: 3em;
}


/*==== Padding ====*/

.u-xsm-padding {
    padding: 0.5em;
}

.u-sm-padding {
    padding: 1em;
}

.u-md-padding {
    padding: 2em;
}

.u-lg-padding {
    padding: 3em;
}

.u-paddingTopZero,
[class*="block-grid-"] > li.u-paddingTopZero {
    padding-top: 0;
}

.u-xsm-paddingTop {
    padding-top: .5em;
}

.u-sm-paddingTop {
    padding-top: 1em;
}

.u-md-paddingTop {
    padding-top: 2em;
}

.u-lg-paddingTop {
    padding-top: 3em;
}

.u-xlg-paddingTop {
    padding-top: 4em;
}

.u-paddingBottomZero,
[class*="block-grid-"] > li.u-paddingBottomZero {
    padding-bottom: 0;
}


.u-xsm-paddingBottom {
    padding-bottom: .5em;
}

.u-sm-paddingBottom {
    padding-bottom: 1em;
}

.u-md-paddingBottom {
    padding-bottom: 2em;
}

.u-lg-paddingBottom {
    padding-bottom: 3em;
}

.u-xlg-paddingBottom {
    padding-bottom: 4em;
}

.u-xsm-paddingLeft {
    padding-left: .5em;
}

.u-sm-paddingLeft {
    padding-left: 1em;
}

.u-md-paddingLeft {
    padding-left: 2em;
}

.u-lg-paddingLeft {
    padding-left: 3em;
}

.u-xsm-paddingRight {
    padding-right: .5em;
}

.u-sm-paddingRight {
    padding-right: 1em;
}

.u-md-paddingRight {
    padding-right: 2em;
}

.u-lg-paddingRight {
    padding-right: 3em;
}

.u-paddingZero,
[class*="block-grid-"] > li.u-paddingZero {
    padding: 0;
}

/*==Estilo Lista ==*/
.u-listaRomana {
    list-style-type: upper-roman;
}


/*==== Borda ====*/

.u-bordaAzul--pontilhada {
    border: 1px dotted #4261AF;
}

.u-bordaAzul {
    border: 1px solid #4261AF;
}


.u-bordaCinzaccc--pontilhada {
    border: 1px dotted #ccc;
}

.u-bordaCinzae5e5e5 {
    border-bottom: 1px solid #e5e5e5;
}

.u-bordaVermelha--pontilhada {
    border: 1px dotted #eb162f;
}

/*=== Flexbox altura igual entre colunas ===*/

.u-flexboxContainer {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}

.u-flexboxItem {
    margin-right: 1%;
}

    .u-flexboxItem:last-child {
        margin-right: 0;
    }

.u-flexboxItem-2col {
    width: 49.5%;
}

.u-flexboxItem-3col {
    width: 32.66%;
}


/*==== Ícones Isolados ====*/
.u-iconeCirculo {
    display: block;
    border-radius: 2em;
    height: 2em;
    width: 2em;
    text-align: center;
    margin: 0 auto 1em;
    font-size: 2em;
    color: #ccc;
    border: 2px solid #ccc;
    line-height: 2em;
}

.u-iconeCirculo--vermelho {
    border: 2px solid #EB162F;
    color: #EB162F;
}

.u-iconeCirculo--verde {
    border: 2px solid #5bb66e;
    color: #5bb66e;
}

.u-margem-footer {
    margin-bottom: 20px;
}

div.u-botao-verde button {
    margin: 20px 0px 0px 0px;
}

.u-botao-voltar {
    margin-right: 8px;
}




/* 28/11/2016: Solução temporária. Logo será removida a inclusão dos !importants. O identificador está sendo usado apenas para testes. */
.u-icone-eventos-ativado {
    border: 3px solid #4261AF !important;
    color: #fff !important;
    background-color: #4354A6 !important;
}

.u-icone-eventos-desativado {
    border: 3px solid #4261AF !important;
    color: #4261AF !important;
    background-color: #fff !important;
}

.ats-icone-galeria-atividades {
    margin: 0px 10px 0px 10px;
}

.foto-atividade {
    width: 10em;
    height: 5em;
}

.foto-principal-eventos {
    width: 50em;
    height: 30em;
}


.u-sem-evento {
    pointer-events: none;
}


.u-com-evento {
    pointer-events: auto;
}