﻿
.container
{
    width: 980px;
    padding: 0;
    margin: 0;
}
.folio_block
{
    margin: 0;
}


/*--Main Container--*/
.main_view
{
    float: left;
    position: relative;
}
/*--Window/Masking Styles--*/
.window
{
    /**** 4 notícias
    width: 656px;
    height: 368px;****/
    /**** 5 notícias ****/
    width: 655px;
    height: 368px;
    
    overflow: hidden; /*--Hides anything outside of the set width/height--*/
    position: relative;
    margin-right: 280px;
}
.image_reel
{
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
}
.image_reel > a
{
    /**** 4 notícias 
    width: 656px;
    height: 368px;****/
    /**** 5 notícias ****/
    width: 655px;
    height: 368px;
    
    display: inline-block;
    float: left;
}
.image_reel img
{
    /**** 4 notícias 
    width: 656px;
    height: 384px;****/
    /**** 5 notícias ****/
    width: 655px;
    height: 368px;
    
    display: block;
    border: 0;
    margin: 0;
}

/*--Paging Styles--*/
.paging
{
    position: absolute;
    top: 0;
    right: 0;
    width: 280px;
    text-align: left;
    display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a:first-child
{
    margin-top: 0px;
}
.paging a
{
    width: 280px;
    /**** 4 notícias 
    height: 93px;
    margin-left: 4px;
    margin-top: 4px;****/
    /**** 5 notícias ****/
    height: 71px;
    margin-left: 5px;
    margin-top: 3px;
    text-decoration: none;
    display: inline-block;
    color: #515257;
    background: #e1e4e6;
    vertical-align: middle;
    position: relative;
}

.paging a.active, .paging a:hover
{
    margin-left: -10px;
    /**** 4 notícias 
    width: 295px;****/
    /**** 5 notícias****/
    width: 300px;
    
    color: #fff;
    background: #044db1;
}

.paging a h3
{
    font-family: 'Source Sans Pro' , sans-serif;
    font-size: 17px;
    padding:13px;

}
.paging a.active span, .paging a:hover span
{
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    left: -15px;
    top: 50%;
    margin-top: -10px;
    background: url("../Imagens/seta-banner.png");
    background-repeat:no-repeat;
}
.paging a:hover h3, .paging a.active h3
{
    padding-left:30px;
}