#eventos_by_estado{
    width:80%; margin:0 auto; margin-top:50px;
}

@media only screen and (max-width: 1602px){
    #eventos_by_estado{
        width:95%; 
    }

}

.lista-eventos{
    margin-top:10px; padding:0 5.80%;
}

/* ESQUEMA DE GRIDS DOS EVENTOS */
ul.area-item-evento{
    width:100%; height:auto; overflow:hidden; text-align:left;
}

ul.area-item-evento li.box-li-evento{
    display:inline-block; height:298px; width:15.1%; padding:0; margin:0 0.7%; float:left;
}

ul.area-item-evento li.box-li-evento figure{
    display:block; width:100%; height:auto; overflow:hidden; background:#ccc;
}

ul.area-item-evento li.box-li-evento img{
    width:100%; height:auto;
}

ul.area-item-evento li.box-li-evento{
    margin-top:10px;
    text-align:center;
}

@media only screen and (min-width: 960px) and (max-width: 2920px){


    ul.area-item-evento li.box-li-evento{
        width:23.6%;
    }
}
/*
@media only screen  and (min-width: 1385px) and (max-width: 1602px){

        ul.area-item-evento li.box-li-evento{
                width:22.8%;
        }
}



@media only screen  and (min-width: 1190px) and (max-width: 1383px){
        ul.area-item-evento li.box-li-evento{
                width:23%;
        }

}

@media only screen  and (min-width: 960px) and (max-width: 1189px){
        ul.area-item-evento li.box-li-evento{
                width:23%;  height:305px;
        }
}
*/
@media only screen  and (min-width: 700px) and (max-width: 959px){
    ul.area-item-evento li.box-li-evento{
        width:31.93%; height:305px;
    }
}

@media only screen  and (min-width: 510px) and (max-width: 699px){
    ul.area-item-evento li.box-li-evento{
        width:48.6%;
    }
}

@media only screen  and (min-width: 1px) and (max-width: 509px){
    ul.area-item-evento li.box-li-evento{
        width:98.6%; margin-bottom:40px; height:auto; overflow:hidden;
        padding: 10px;
    }
}

/* FIM ESQUEMA DE GRIDS DOS EVENTOS */

.seleciona-estado-content{
    width: 100%; color: #2a2a2a; font-size: 12px; text-align: center;
    z-index: 999; height:auto; overflow:hidden;
    margin-top: 25px; margin-bottom:5px; padding:15px 0 15px 0;

}

.seleciona-estado-content .destaque-estado{
    text-align:center;
}

.centraliza{
    text-align:center;
}

.seleciona-estado-content img{
    width: 25px; position: relative; top: -7px; margin-right:4px;
}

.seleciona-estado-content span{
    color: #ea030f; font-size: 28px; margin-left: 5px;
}

.seleciona-estado-content b{
    font-size: 22px; color: #c80816;
}

.seleciona-estado-content div{
    text-align:center;
}

#select-banner {
    width: 100%; color: #999999; border-color: #e5e5e5; background-color: #ffffff; outline: none;  

}

.clear{
    clear:both;
}

.img-thumb{
    width:100%;
}

.box-evento{
    height:auto; overflow:hidden; margin-bottom:30px;
}
.local-box-evento{
    position: relative; 
    text-transform:uppercase;
    font-size: 10px;
}

.titulo-evento-thumb{
    font-family:OpenSansBold; 
    font-size:13px; 
    color:#333333;
    padding:0; 	
    width: 100%; 
    margin: 0;
    text-transform: uppercase;
}

.box-marcador-estado{
    margin-top:40px;
}

.box-marcador-estado, .box-marcador-estado a{
    color:#9B9B9B; 
}

.box-marcador-estado .estado{
    border-bottom:dashed 1px #9B9B9B; margin:0;
}

.box-marcador-estado .estado-dsc a{
    font-family:OpenSansLight; font-size:36px;
}

ul.info-evento-thumb{
    width:100%; height:auto; overflow:hidden; display:table;
    padding:0; margin:0; margin-top:15px;
}

dataev {
    float: right; position: absolute; top:0px; padding:2px 10px; background-color: #CE2A46; right: 0px; border:3px solid #fff; font-weight: bold; color:#fff;
}

ul.info-evento-thumb li{
    display:table-cell; width:auto; overflow:hidden; 
    padding:0; margin:0; text-align:left; vertical-align:top;
}
ul.info-evento-thumb li:nth-child(1){
    width:65px;
}

.area-item-evento .info-evento-esquerda{
    background:#ccc; height:auto; overflow:hidden; float:left; 
}
.area-item-evento .info-evento-direita{
    background:#EEEEEE; height:auto; overflow:hidden; float:right; 
}

a .dataev_float{
    background:#ffffff; color:#ea030f;
    padding:2px 1%;  font-family:OpenSansBold; font-size:12px;
    border:solid 2px #f0f0f0; border-radius:5px;  text-align: center;
}

a .dataev_float_data_termino{
    background:#ffffff; color:#ea030f;
    font-family:OpenSans; font-size:12px;
    border:solid 2px #f0f0f0; border-radius:5px;
    text-align: center; 
}

.dataev_float_data_termino{
    height: 115px; width: 60px;
}

.dataev_float{
    height: 60px; width: 60px;
}

.box-info-thumb{
    color:#000000; font-size:13px;
    width: 100%;
}
.box-info-thumb .cidade-box-evento{
    margin-top:5px;

}
.dia-box-evento{
    font-size: 22px;
    font-family: 'OpenSansBold';

}

.dia-box-evento-a{
    font-size: 10pt;
    background:#ffffff; color:#000;
    text-align: center;
    font-family: 'OpenSansLight'; 
    height: 10px;

}

.dia-box-evento-e{
    font-size: 10pt;
    background:#ffffff; color:#000;
    text-align: center;
    font-family: 'OpenSansLight'; 
    height: 10px;
}


.dia-box-evento-data{
    font-size: 22px;
}

.cidade-bos-evento{
    font-size: 13px; position: relative;
}
.mes-box-evento{
    position: relative;top: -10px; font-weight: normal; font-style:normal;
    font-size: 13px; font-family: 'OpenSansLight'; height: 10px;

}

.box-info-thumb div:nth-child(4){
    margin-top:-6px;
}

.box-paginacao{
    position: relative; top:10%;	
}

a.btn-mais-eventos{
    margin:0 auto; display:inline-block; background:#EA030F; color:white;
    font-size:18px; width:inline-block;  width: 240px; height: 45px;
    padding: 10px; border-radius:3px; text-decoration: none;
    font-family:OpenSansLight;
}
a.btn-mais-eventos:link{
    text-decoration: none; background:#EA030F; color:white;
}

@media only screen and (max-width: 321px){
    a .dataev_float{
        top:240px; 
    }
}

@media only screen and (max-width: 411px) and (min-width: 321px){
    a .dataev_float{
        top:255px; 
    }
}
@media only screen  and (min-width: 411px) and (max-width: 700px){
    a .dataev_float{
        top:310px; 
    }
    .box-secundario-banner-home .agenda table{
        width: 180;
    }
}
@media only screen  and (min-width: 700px) and (max-width: 990px){
    a .dataev_float{
        top:280px; 
    }
}