.carousel { float: left; width: 790px; padding: 0; text-align: left; position: relative; min-height: 360px; z-index: 9; }
.carousel .prev, .carousel .next { display: block; position: absolute; width: 20px; height: 18px; overflow: hidden; cursor: pointer; background: url(../_images/prev_next.png) no-repeat 0 0; }
.carousel .prev{ bottom: 25px; right:32px; background-position: 0 0; } /* bottom/right tymto mozes posuvat sipky hore dole, doprava / dolava */
.carousel .next{ bottom: 25px; right: 10px; background-position: -20px 0; }/* bottom/right tymto mozes posuvat sipky hore dole, doprava / dolava */
.carousel .prev:hover{ background-position: 0 -19px; }
.carousel .next:hover{ background-position: -20px -19px; }
.carousel .carousel-box { overflow: hidden; width: 790px; height: 360px; position: relative; }
.carousel ul { width: 9999px; position: absolute; top:0; left: 0px;  list-style: none; padding: 0; margin: 0;}
.carousel li { float: left; text-align: left; width: 790px; height: 360px;  padding: 0; margin: 0; list-style: none;  position: relative;}
.carousel li a { display: block; font-weight: bold; font-size: 1.1em; color: #fff; }
.carousel li img { display: block; position: absolute; right: 0px; top: 20px; }
.carousel li div { position: absolute; left: 20px; top: 20px; width: 240px; z-index: 100;}

.carousel .pagination { position: absolute; bottom: 18px; left: 20px; z-index: 10; color: #000; }
.pagination-box{ width: 790px; height: 49px; background: url(../_images/bg_pagination.png); border-top: 1px solid #fff; position: absolute; left: 0px; bottom: 0px; z-index: 10;}