/*
#slider-code { height: 545px; overflow:hidden; }
#slider-code .viewport { float: left; width: 504px; height: 504px; overflow: hidden; position: relative; }
#slider-code .buttons { display: block; margin: 30px 10px 0 0; float: left; }
#slider-code .next { margin: 30px 0 0 10px;  }
#slider-code .disable { visibility: hidden; }
#slider-code .overview { list-style: none; padding: 0; margin: 0;  position: absolute; left: 0; top: 0; }
#slider-code .overview li{ float: left; margin: 0 20px 0 0; padding: 1px; height: 500px; border: 1px solid #dcdcdc; width: 500px;}

#slider-code .pager { overflow:hidden; list-style: none; clear: both; margin: 0 0 0 45px; }
#slider-code .pager li { float: left; }
#slider-code .pagenum { background-color: #fff; text-decoration: none; text-align: center; padding: 5px; color: #555555; font-size: 14px; font-weight: bold; display: block; }
#slider-code .active { color: #fff; background-color:  #555555; }
*/
/*Slaide 500x500 snimki*/

#slider-code { height: 525px; overflow:hidden; }
#slider-code .viewport { float: left; width: 504px; height: 504px; overflow: hidden; position: relative; z-index:-1}
#slider-code .buttons { display: block; margin: 230px -57px 0 0; float: left; z-index:1;}
#slider-code .next { margin: 230px 0 0 -57px;z-index:1; }
#slider-code .disable { visibility: hidden; }
#slider-code .overview { list-style: none; padding: 0; margin: 0;  position: absolute; left: 0; top: 0; }
#slider-code .overview li{ float: left; margin: 0 20px 0 0; padding: 1px; height: 500px; border: 1px solid #dcdcdc; width: 500px;}

#slider-code .pager { overflow:hidden; list-style: none; clear: both; margin: 0 0 0 45px; }
#slider-code .pager li { float: left; }
#slider-code .pagenum { background-color: #fff; text-decoration: none; text-align: center; padding: 5px; color: #555555; font-size: 14px; font-weight: bold; display: block; }
#slider-code .active { color: #fff; background-color:  #555555; }

/*slide 800x800*/

#slider-code800 { height: 845px; overflow:hidden; }
#slider-code800 .viewport { float: left; width: 804px; height: 804px; overflow: hidden; position: relative; z-index:-1}
#slider-code800 .buttons { display: block; margin: 230px -57px 0 0; float: left; z-index:1;}
#slider-code800 .next { margin: 230px 0 0 -57px;z-index:1; }
#slider-code800 .disable { visibility: hidden; }
#slider-code800 .overview { list-style: none; padding: 0; margin: 0;  position: absolute; left: 0; top: 0; }
#slider-code800 .overview li{ float: left; margin: 0 20px 0 0; padding: 1px; height: 800px; border: 1px solid #dcdcdc; width: 800px;}

#slider-code800 .pager { overflow:hidden; list-style: none; clear: both; margin: 0 0 0 45px; }
#slider-code800 .pager li { float: left; }
#slider-code800 .pagenum { background-color: #fff; text-decoration: none; text-align: center; padding: 5px; color: #555555; font-size: 14px; font-weight: bold; display: block; }
#slider-code800 .active { color: #fff; background-color:  #555555; }



#slider-code600 { height: 645px; overflow:hidden; }
#slider-code600 .viewport { float: left; width: 604px; height: 604px; overflow: hidden; position: relative; z-index:-1}
#slider-code600 .buttons { display: block; margin: 230px -57px 0 0; float: left; z-index:1;}
#slider-code600 .next { margin: 230px 0 0 -57px;z-index:1; }
#slider-code600 .disable { visibility: hidden; }
#slider-code600 .overview { list-style: none; padding: 0; margin: 0;  position: absolute; left: 0; top: 0; }
#slider-code600 .overview li{ float: left; margin: 0 20px 0 0; padding: 1px; height: 600px; border: 1px solid #dcdcdc; width: 600px;}

#slider-code600 .pager { overflow:hidden; list-style: none; clear: both; margin: 0 0 0 45px; }
#slider-code600 .pager li { float: left; }
#slider-code600 .pagenum { background-color: #fff; text-decoration: none; text-align: center; padding: 5px; color: #555555; font-size: 14px; font-weight: bold; display: block; }
#slider-code600 .active { color: #fff; background-color:  #555555; }