/*
 *  Zenn Web Agency (C) 2012 http://www.zenn.pt
 */

/******************************************************************
    Main
******************************************************************/
.ZennSlider { height: auto; position: relative; }
    .ZennSlider .zItemFull { min-height: 220px; line-height: 315px; text-align: center; }
        .ZennSlider .zItemFull img { vertical-align: middle; }
        .ZennSlider .zItemFull .zblock { display: inline-block; }
		
    .ZennSlider .zThumbs { width: 100%; z-index: 3; }
        .ZennSlider .zThumbs .zItem { display: inline-block; vertical-align:middle; }
        .ZennSlider .zItemWrapper { width: 100%; height:100%; position: absolute; left: 0; top: 0; text-align: center; }
        
    .ZennSlider .zNavigation { display: inline-block; height: 32px; line-height: 32px; width: 100%; position: absolute; bottom: 0; left: 0; z-index: 4; text-align :center; }
                   
/******************************************************************
    Elements
/*****************************************************************/
.zLoading { width: 16px; height: 16px; background: url(Images/loader.gif) no-repeat; display: inline-block; }
.ZennSlider  .zNavPrev, .ZennSlider  .zNavNext { display: none; position: absolute; top: 0; cursor: pointer; }
    .ZennSlider  .zNavPrev { width: 20px; height: 32px; background: url(Images/navprev.png) no-repeat; display: none; left: 0; }
        .ZennSlider  .zNavPrev:hover { background: url(Images/navprev-on.png) no-repeat; }
		.ZennSlider  .zNavPrev:active { background: url(Images/navprev.png) no-repeat; }
    .ZennSlider  .zNavNext { width: 20px; height: 32px; background: url(Images/navnext.png) no-repeat; display: none; right: 0; }
        .ZennSlider  .zNavNext:hover { background: url(Images/navnext-on.png) no-repeat; }
		.ZennSlider  .zNavNext:active { background: url(Images/navnext.png) no-repeat; }
.zBullet { width: 10px; height: 10px; background: #fff; margin: 0 3px;  vertical-align: middle; border-radius: 5px; display: none; cursor: pointer; }
    .zBullet:hover { background: #ccc; vertical-align: middle; border-radius: 5px; }
    .zBullet.On { width: 12px; height: 12px; margin: 0 2px; background: #ED324A; border-radius: 6px; }