/* 
    Css para a área de banner na página inicial do portal
    Created on : 24/04/2015, 14:46:04
    Author     : ederson.silva
*/

.areabanner {
  width: 100% ;
  overflow: hidden;
  height: auto;
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
}

.areabanner .views-slideshow-controls-bottom {
    position: absolute;
    /*background: url("../images/shadow-50.png") repeat top left;*/
    width: 100%;
    bottom: 0px;
    z-index: 5;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.areabanner .views-slideshow-controls-bottom .views-slideshow-pager-fields .views-slideshow-pager-field-item {
    float: right;
    height: 20px;
    width: 21px;
    background: url("../images/bullet-banner-rotativo.gif") top left no-repeat;
    background-color: #1659bf;
}

.areabanner .views-slideshow-controls-bottom .views-slideshow-pager-fields .views-slideshow-pager-field-item.active {
    background-position: -21px 0;
    background-color: #edeff1;
}

.areabanner .views-content-counter {
    display: none;
}

.areabanner img {
    border-radius: 6px;
}