body { margin:0px; padding:0; height:100%; background:#505050; color:#000; font:1em/1.5 "arial", sans-serif; } 

h3 { font-size: 24px; color: #222222; } 
h4 { font-size: 13px; color: #777777; } #obal { width:750px; margin:0 auto 0 auto; padding:0; text-align:center; } 
p { text-align: justify; line-height: 25px; } 

#contentbox { position:relative; width: 750px; text-align:left; background-color:#ffffff; } 
#topbar { width: 100%; height: 100px; vertical-align:top; background-color: #FFFFFF; background-image: url("../img/valeron.gif"); background-position: right; background-repeat: no-repeat; } 
#navcontainer { position: absolute; left: 17px; top: 120px; width:186px; height:274px; z-index: 2000; } 

.title { margin:0px; padding:0px; margin-left: 25px; font-size: 38px; color: #787878; line-height: 55px; } 
.links { text-decoration: none; color: #2C2D37; } 
.menu a { margin: 0; width: 165px;  display: block; font-weight:bold; text-decoration: none; color: #000; background-color: #ffffff; filter: alpha(opacity=50); -moz-opacity:.50; opacity: .50; padding:3px 0 3px 10px; } 
.menu a:hover, a.active { background: #ccc; } 


#pic { background: url(../img/image.jpg) no-repeat;  width:750px; height:300px; } 

#topnav { margin-left: 17px; top: 0px; width: 175px; height: 300px; z-index: 2000; background-image: url("../img/topnav_bg.png"); background-repeat: repeat-y; } 
#topnav ul {list-style-type: none; margin:0px; padding:0px; }
#topnav li {margin: 0px 0px 1px 0px; } 

#mainbox { width: 100%; margin: 0px; color: #777777; } 
#mainbox a { color: #656565; } 
#main { position: relative; float: right; width: 485px; left: -15px; padding:20px; background-color:#fff; } 

#sidenav { float: left; width: 175px; padding: 25px; } 

#footer { width: 710px; clear: both; color: #777; font-size:0.8em; text-align: center; padding:20px; background-color:#eee; margin:0px; } 
.imgleft { float: left; padding-right: 5px; } 
.imgright { float: right; padding-left: 5px; } 


.galeria img { background: #fff; border: solid 1px #ccc; padding: 5px; margin: 3px; }
.galeria a:hover img { border-color: #999; }


div#ponuka_1 .obal_1 { width: 483px; height: 465px; background: url(../img/5np/general.gif) no-repeat; margin:0px; padding: 0; position: relative; border: 0px solid #9B9A98; } 
div#ponuka_1 .obal_1 li { margin: 0; padding: 0; list-style: none; display: block; position: absolute; } 
div#ponuka_1 .obal_1 a { display: block; text-indent: -9999px; text-decoration: none; } 


div#ponuka_1 #byt_387 { left: 6px; top: 196px; width: 134px; height: 107px; } 
div#ponuka_1 #byt_386 { left: 160px; top: 196px; width: 110px; height: 110px; } 
div#ponuka_1 #byt_391 { left: 385px; top: 220px; width: 27px; height: 23px; } 
div#ponuka_1 #byt_390 { left: 415px; top: 220px; width: 23px; height: 23px; } 
div#ponuka_1 #byt_395 { left: 443px; top: 220px; width: 25px; height: 25px; } 
div#ponuka_1 #byt_394 { left: 387px; top: 263px; width: 23px; height: 23px; } 
div#ponuka_1 #byt_393 { left: 415px; top: 263px; width: 23px; height: 23px; } 
div#ponuka_1 #byt_392 { left: 443px; top: 263px; width: 23px; height: 23px; } 
div#ponuka_1 #byt_385 { left: 348px; top: 289px; width: 120px; height: 148px; } 
div#ponuka_1 #byt_384 { left: 313px; top: 310px; width: 76px; height: 132px; } 
div#ponuka_1 #byt_383 { left: 238px; top: 321px; width: 74px; height: 117px; } 
div#ponuka_1 #byt_382 { left: 167px; top: 323px; width: 70px; height: 119px; } 
div#ponuka_1 #byt_381 { left: 97px; top: 323px; width: 68px; height: 123px; } 
div#ponuka_1 #byt_380 { left: 6px; top: 306px; width: 115px; height: 133px; } 
div#ponuka_1 #byt_250 { left: 293px; top: 5px; width: 187px; height: 116px; } 
div#ponuka_1 #byt_251 { left: 291px; top: 82px; width: 77px; height: 139px; } 
div#ponuka_1 #byt_252 { left: 392px; top: 82px; width: 75px; height: 134px; } 


div#ponuka_1 #byt_387 a { height: 107px;} 
div#ponuka_1 #byt_386 a { height: 110px; } 
div#ponuka_1 #byt_391 a { height: 23px; } 
div#ponuka_1 #byt_390 a { height: 23px; } 
div#ponuka_1 #byt_395 a { height: 25px; }
div#ponuka_1 #byt_394 a { height: 23px; } 
div#ponuka_1 #byt_393 a { height: 23px; } 
div#ponuka_1 #byt_392 a { height: 23px; } 
div#ponuka_1 #byt_385 a { height: 148px; } 
div#ponuka_1 #byt_384 a { height: 132px; } 
div#ponuka_1 #byt_383 a { height: 117px; } 
div#ponuka_1 #byt_382 a { height: 119px; } 
div#ponuka_1 #byt_381 a { height: 123px; } 
div#ponuka_1 #byt_380 a { height: 133px; } 
div#ponuka_1 #byt_250 a { height: 116px; } 
div#ponuka_1 #byt_251 a { height: 139px; } 
div#ponuka_1 #byt_252 a { height: 134px; }


div#ponuka_1 #byt_387 a:hover { background: url(../img/5np/general.gif) -6px -490px no-repeat; } 
div#ponuka_1 #byt_386 a:hover { background: url(../img/5np/general.gif) -160px -490px no-repeat; } 
div#ponuka_1 #byt_391 a:hover { background: url(../img/5np/general.gif) -385px -514px no-repeat; } 
div#ponuka_1 #byt_390 a:hover { background: url(../img/5np/general.gif) -415px -514px no-repeat; } 
div#ponuka_1 #byt_395 a:hover { background: url(../img/5np/general.gif) -443px -514px no-repeat; } 
div#ponuka_1 #byt_394 a:hover { background: url(../img/5np/general.gif) -387px -557px no-repeat; } 
div#ponuka_1 #byt_393 a:hover { background: url(../img/5np/general.gif) -415px -557px no-repeat; } 
div#ponuka_1 #byt_392 a:hover { background: url(../img/5np/general.gif) -443px -557px no-repeat; }  
div#ponuka_1 #byt_385 a:hover { background: url(../img/5np/general.gif) -348px -593px no-repeat; } 
div#ponuka_1 #byt_384 a:hover { background: url(../img/5np/general.gif) -313px -758px no-repeat; } 
div#ponuka_1 #byt_383 a:hover { background: url(../img/5np/general.gif) -238px -623px no-repeat; } 
div#ponuka_1 #byt_382 a:hover { background: url(../img/5np/general.gif) -167px -779px no-repeat; } 
div#ponuka_1 #byt_381 a:hover { background: url(../img/5np/general.gif) -97px -621px no-repeat; } 
div#ponuka_1 #byt_380 a:hover { background: url(../img/5np/general.gif) -6px -762px no-repeat; } 
div#ponuka_1 #byt_250 a:hover { background: url(../img/5np/general.gif) -293px -909px no-repeat; } 
div#ponuka_1 #byt_251 a:hover { background: url(../img/5np/general.gif) -291px -1040px no-repeat; } 
div#ponuka_1 #byt_252 a:hover { background: url(../img/5np/general.gif) -392px -1040px no-repeat; } 




div#ponuka_3 .obal_3 { width: 475px; height: 266px; background: url(../img/15np/general.gif) no-repeat; margin:0px; padding: 0; position: relative; border: 0px solid #9B9A98; } 
div#ponuka_3 .obal_3 li { margin: 0; padding: 0; list-style: none; display: block; position: absolute; } 
div#ponuka_3 .obal_3 a { display: block; text-indent: -9999px; text-decoration: none; } 


div#ponuka_3 #byt_517 { left: 4px; top: 7px; width: 138px; height: 102px; } 
div#ponuka_3 #byt_516 { left: 162px; top: 10px; width: 107px; height: 99px; } 
div#ponuka_3 #byt_518 { left: 362px; top: 17px; width: 102px; height: 84px; } 
div#ponuka_3 #byt_515 { left: 343px; top: 90px; width: 124px; height: 149px; } 
div#ponuka_3 #byt_514 { left: 309px; top: 113px; width: 74px; height: 131px; } 
div#ponuka_3 #byt_513 { left: 236px; top: 124px; width: 72px; height: 133px; } 
div#ponuka_3 #byt_512 { left: 162px; top: 125px; width: 70px; height: 112px; } 
div#ponuka_3 #byt_511 { left: 94px; top: 125px; width: 66px; height: 132px; } 
div#ponuka_3 #byt_510 { left: 6px; top: 109px; width: 120px; height: 132px; } 

div#ponuka_3 #byt_517 a { height: 102px;} 
div#ponuka_3 #byt_516 a { height: 99px; } 
div#ponuka_3 #byt_518 a { height: 84px; } 
div#ponuka_3 #byt_515 a { height: 149px; } 
div#ponuka_3 #byt_514 a { height: 131px; }
div#ponuka_3 #byt_513 a { height: 133px; } 
div#ponuka_3 #byt_512 a { height: 112px; } 
div#ponuka_3 #byt_511 a { height: 132px; } 
div#ponuka_3 #byt_510 a { height: 132px; } 

div#ponuka_3 #byt_517 a:hover { background: url(../img/15np/general.gif) -4px -285px no-repeat; } 
div#ponuka_3 #byt_516 a:hover { background: url(../img/15np/general.gif) -162px -287px no-repeat; } 
div#ponuka_3 #byt_518 a:hover { background: url(../img/15np/general.gif) -362px -295px no-repeat; } 
div#ponuka_3 #byt_515 a:hover { background: url(../img/15np/general.gif) -343px -392px no-repeat; } 
div#ponuka_3 #byt_514 a:hover { background: url(../img/15np/general.gif) -309px -556px no-repeat; } 
div#ponuka_3 #byt_513 a:hover { background: url(../img/15np/general.gif) -236px -411px no-repeat; } 
div#ponuka_3 #byt_512 a:hover { background: url(../img/15np/general.gif) -162px -554px no-repeat; } 
div#ponuka_3 #byt_511 a:hover { background: url(../img/15np/general.gif) -94px -407px no-repeat; } 
div#ponuka_3 #byt_510 a:hover { background: url(../img/15np/general.gif) -6px -557px no-repeat; } 




div#ponuka_9np .obal_9np { width: 480px; height: 256px; background: url(../img/9np/general.gif) no-repeat; margin:0px; padding: 0; position: relative; border: 0px solid #9B9A98; } 
div#ponuka_9np .obal_9np li { margin: 0; padding: 0; list-style: none; display: block; position: absolute; } 
div#ponuka_9np .obal_9np a { display: block; text-indent: -9999px; text-decoration: none; } 


div#ponuka_9np #byt_457 { left: 5px; top: 3px; width: 138px; height: 108px; } 
div#ponuka_9np #byt_456 { left: 165px; top: 10px; width: 109px; height: 101px; } 
div#ponuka_9np #byt_458 { left: 368px; top: 23px; width: 103px; height: 94px; } 
div#ponuka_9np #byt_455 { left: 353px; top: 93px; width: 119px; height: 151px; } 
div#ponuka_9np #byt_454 { left: 318px; top: 113px; width: 75px; height: 136px; } 
div#ponuka_9np #byt_453 { left: 240px; top: 129px; width: 76px; height: 116px; } 
div#ponuka_9np #byt_452 { left: 165px; top: 129px; width: 74px; height: 124px; } 
div#ponuka_9np #byt_451 { left: 96px; top: 129px; width: 68px; height: 124px; } 
div#ponuka_9np #byt_450 { left: 6px; top: 111px; width: 119px; height: 135px; } 

div#ponuka_9np #byt_457 a { height: 108px;} 
div#ponuka_9np #byt_456 a { height: 101px; } 
div#ponuka_9np #byt_458 a { height: 94px; } 
div#ponuka_9np #byt_455 a { height: 151px; } 
div#ponuka_9np #byt_454 a { height: 136px; }
div#ponuka_9np #byt_453 a { height: 116px; } 
div#ponuka_9np #byt_452 a { height: 124px; } 
div#ponuka_9np #byt_451 a { height: 124px; } 
div#ponuka_9np #byt_450 a { height: 135px; } 

div#ponuka_9np #byt_457 a:hover { background: url(../img/9np/general.gif) -5px -273px no-repeat; } 
div#ponuka_9np #byt_456 a:hover { background: url(../img/9np/general.gif) -165px -281px no-repeat; } 
div#ponuka_9np #byt_458 a:hover { background: url(../img/9np/general.gif) -368px -295px no-repeat; } 
div#ponuka_9np #byt_455 a:hover { background: url(../img/9np/general.gif) -353px -545px no-repeat; } 
div#ponuka_9np #byt_454 a:hover { background: url(../img/9np/general.gif) -318px -392px no-repeat; } 
div#ponuka_9np #byt_453 a:hover { background: url(../img/9np/general.gif) -240px -540px no-repeat; } 
div#ponuka_9np #byt_452 a:hover { background: url(../img/9np/general.gif) -165px -400px no-repeat; } 
div#ponuka_9np #byt_451 a:hover { background: url(../img/9np/general.gif) -96px -540px no-repeat; } 
div#ponuka_9np #byt_450 a:hover { background: url(../img/9np/general.gif) -6px -392px no-repeat; } 


