/*
-- Estilos para o novo portal responsivo - TJRO
-- Desenvolvimento: by.AN - Mai 2017
*/


/* CIDADANIA ------------------------------------- */

.corpo-cidadania {
    display: block;
    font-family: 'Open Sans',Arial,sans-serif;    
}

.corpo-cidadania .banners{
    height: 400px;
    background-color: #ffdfdf;
}

.corpo-cidadania .topicos{
    width: 100%;
    padding: 10px;
}

.corpo-cidadania .topicos .top-titles{
    width: 100%;
    height: auto;
    display: inline-flex;
    margin: 48px 0 48px 0;
}

.corpo-cidadania .topicos .top-titles .top-titles-svg{
    height: 48px;
    width: 48px;
    transform: rotate(180deg) translateZ(0px);
}

.corpo-cidadania .topicos .top-titles .top-titles-svg svg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    fill: #DB640F;
    fill-opacity: 1;
    stroke: rgba(237, 21, 102, 1);
}

.corpo-cidadania .topicos .top-titles .top-titles-txt{

    font-size: 10vw;
    font-weight: 600;
    text-align: left;
    color: #DB640F;
    height: 48px;
    line-height: 48px;
    font-family: Helvetica, Arial, sans-serif;
    margin-left: 6px;
}

@media only screen and (min-width: 650px) {
    .corpo-cidadania .topicos .top-titles .top-titles-txt{
        font-size: 40px;
        height: 40px;
        line-height: 40px;
        
    }
}

.corpo-cidadania .topicos .row{
    margin: 0px;
    text-align: center;
}

.corpo-cidadania .topicos .row .col-md-4{
    font-family: 'Open sans',Helvetica,Arial, sans-serif;
}

.corpo-cidadania .topicos .row .col-md-4 .colunaTitle{
    font-size: 180%;
    font-weight: 400;
    color:  #DB640F;
    line-height: normal;
    letter-spacing: normal;
    margin-bottom: 10px;
}

.corpo-cidadania .topicos .row .col-md-4 .colunaImg{
    width: 100%;
    height: 100px;
    text-align: center;
    margin: 10px 0 10px 0;
    background-color: #ffdece;    
}

.corpo-cidadania .topicos .row .col-md-4 .colunaImg img{
    width: 100%;
    height: 100%;
    display: inline; 
}

.corpo-cidadania .topicos .row .col-md-4 .colunaItens .btn-info{
    font-family: 'open sans condensed',Helvetica, Arial, sans-serif;
    font-weight: 100;
    font-size: 24px;

/*    display:block; */
/*    width:100%; */

    border: 0;
}

.corpo-cidadania .topicos .row .col-md-4 .colunaItens .btn-info a{
  color: #FFFFFF;     
}

.corpo-cidadania .topicos .row .col-md-4 .colunaItens .btn-info:hover{
  color: #FFFFFF; 
  background-color: #2b689c;
}

.corpo-cidadania .topicos .row .col-md-4 .colunaItens .claro{
    background-color: #50bf9f;
}

.corpo-cidadania .topicos .row .col-md-4 .colunaItens .escuro{
    background-color: #357F6A;
}

.corpo-cidadania .topicos .row .col-md-4 .colunaItens .btn{
    border-radius: 0;
    padding: 6px;
    margin-bottom: 12px;
}

/* by FLC - 2017.10.11 */
.banner-cidadania .flexslider {
    margin-bottom: 5px!important;
}
/* by FLC - 2017.10.11 */