/* image replacement */
    .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
        margin:0;
        padding:0;
        display:block;
        overflow:hidden;
        text-indent:-8000px;
        }
/* // image replacement */


/* Easy Slider */

#slider ul, #slider li,
#slider2 ul, #slider2 li{
margin:0;
padding:0;
width: 408px;
text-align: center;
list-style:none;
}
#slider2{}
#slider li, #slider2 li{
/*
  define width and height of list item (slide)
  entire slider area will adjust according to the parameters provided here
*/
width:408px;
overflow:hidden;
}
#prevBtn, #nextBtn,
#slider1next, #slider1prev{
display:block;
width:15px;
height:15px;
position:absolute;
left: 50px;
top: 130px;
z-index:1000;
}
#nextBtn, #slider1next{
left: 500px;
top: 130px;
}
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{
display:block;
position:relative;
width:35px;
height:36px;
background:url(../img/lewo.png) no-repeat 0 0;
}
#nextBtn a, #slider1next a{
background:url(../img/prawo.png) no-repeat 0 0;
}
#prevBtn a:hover, #slider1prev a:hover{
background:url(../img/lewo.png) no-repeat 0 0;
}

#nextBtn a:hover, #slider1next a:hover{
background:url(../img/prawo.png) no-repeat 0 0;
}

/* numeric controls */

ol#controls{
height:36px;
position: absolute;
top: 10px;
right: 0px;
background: url(../img/promo-n-tlo.jpg);
}
ol#controls li{
float:left;
list-style:none;
height:36px;
line-height:36px;
}
ol#controls li a{
float:left;
height: 20px;
width: 20px;
border: 1px solid #fff;
display: block;
text-align: center;
line-height: 22px;
color:#787b7d;
padding: 0;
text-decoration:none;
}
ol#controls li.current a{
background: ;
height: 20px;
width: 20px;
border: 1px solid #c7c9c9;
text-align: center;
color:#94bd20;
font-weight: bold;
text-decoration:none;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

/* // Easy Slider */

.slider-wrapper { position: absolute; width: 100%; height: 445px; }
.slider { position: relative; margin: 0 auto; width: 1000px; height: 445px;}
.slider-img { position: absolute; width: 100%; height: 445px; overflow: hidden; }

.slide-1 { position: relative; float: left; width: 100%; height: 445px; background: url('../contents/1.jpg') no-repeat center top; }
.slide-2 { position: relative; float: left; width: 100%; height: 445px; background: url('../contents/2.jpg') no-repeat center top; }
.slide-3 { position: relative; float: left; width: 100%; height: 445px; background: url('../contents/3.jpg') no-repeat center top; }
.slide-4 { position: relative; float: left; width: 100%; height: 445px; background: url('../contents/4.jpg') no-repeat center top; }
.slide-5 { position: relative; float: left; width: 100%; height: 445px; background: url('../contents/5.jpg') no-repeat center top; }


.news-area { position: relative; float: left; margin: 0;  width: 100%; }
.news-area .item { position: relative; float: left; width: 950px; height: 112px; margin: 0 40px 0 0; }
.news-area .item img { position: relative; float: left; padding: 4px; border: 2px solid #FFA10D; margin: 0 25px 0 0; background-color: #fff;  }
.news-area .item h3 { position: relative; float: left; font-size: 15px; color: #FFA10D; font-family: 'Tahoma'; width: 800px; margin: 0 0 2px 0;  }
.news-area .item h3 a { font-size: 15px; color: #FFA10D; font-family: 'Tahoma';  }
.news-area .item p { position: relative; float: left; font-size: 12px;  width: 800px; margin: 10px 0; }
.news-area .item a { position: relative; float: left; font-size: 12px; color: #FFA10D; font-family: 'Arial'; }
.news-area .item a:hover { text-decoration: underline; }

.clear { clear: both; }

.glx a {
    width: 150px;
    height: 120px;
    position: relative;
    float: left;
    margin: 0 15px 15px 0;
    border: 1px solid #fff;
}

.example-image {
  max-width: 149px;
  max-height: 119px;
 height: auto;
 overflow: auto;
 margin: auto;
 position: absolute;
 top: 0; left: 0; bottom: 0; right: 0;
}