* {padding:0;text-decoration:none;font-weight:normal;border:0 none} body {font-family: Arial, Helvetica, sans-serif; color:#ffffff; background-color:#ffffff;text-decoration:none;background-image: url(assets/images/images/doc_bg.jpg);margin:0 auto;} ul {list-style-type:square;list-style-position:inside;} ul ul {list-style-type:disc;margin-left:10px;} ul ul ul {list-style-type:circle;} a, a:visited, li.self li a, li.self li a:visited {color:#ffffff} a:hover, .content a:hover, #rightcolumn h3 a:hover, li.self a, li.self a:visited {color:#999999;} table {width:100%;font-size:12px;border:1px solid #999999} td {border:1px solid #999999;padding:2px;} #page{width:920px;margin:0 auto;position:relative} #header {width:920px;height:150px;background-repeat:no-repeat;position:relative;background-image: url(assets/images/images/gray_top.png);padding:5px; } @MEDIA screen {#header h1 {display:none}} #logo {width:200px;height:100px;position:absolute;left:30px;top:20px;} #line_top {margin-left:30px;width:860px;height:1px;background-image: url(assets/images/images/gray_line.jpg);position:relative;top:-20px;z-index:1000;} #line_bott {margin-left:30px;width:860px;height:1px;background-image: url(assets/images/images/gray_line.jpg);position:relative;top:5px;z-index:1000;} #topmenu {width:500px;font-size:16px;float:right; position: relative; left:-50px;} #topmenu li {display:inline;padding:0 0 0 20px;whitespace:nowrap;} #topmenu ul {list-style:none;padding:2px 0;text-align:right;line-height:20px;} #topmenu li.active a, #topmenu li.active a:visited {color:#999999} #main {height: 500px;padding-top: 0px;padding-right: 20px;padding-bottom: 20px;padding-left: 30px;width:900px;background-image: url(assets/images/images/gray_mid.png);position:absolute;top:150px; background-repeat:repeat-y; } #main_proizvod {height:650px;padding-top: 0px;padding-right: 20px;padding-bottom: 20px;padding-left: 30px;width:900px;background-image: url(assets/images/images/gray_mid.png);position:absolute;top:150px; background-repeat:repeat-y; } #show {width:400px;height:500px;overflow:hidden;background-repeat:no-repeat;background-position:center center;float:left;border:1px solid #000000;} #show_preview {width:400px;height:500px;overflow:hidden;background-repeat:no-repeat;background-position:center center;float:left;border:1px solid #000000;} #content {width:440px;float:right;position:relative;left:-40px;font-size:12px;} #content h3, #content h4, #content h5 {color:#ffffff;font-size:16px;} .content strong {font-weight:bold;} #content a {color:#ffffff;} #kontakirajte_nas, #kontakirajte_nas a {color:#ffffff;font-size:12px; text-align:right;padding-right:50px;} #kontakirajte_nas h3 {color:#ffffff;font-size:16px;} #product_info {width:900px;float:left;position:relative;color:#ffffff;font-size:12px;} #product_info h3 {color:#ffffff;font-size:16px;} #product_info_holder {width:400px;} .mail {float:right;color:#ffffff;font-size:12px;text-align:right;padding:10px} #leftcolumn {width:500px;float:right;margin-right:50px;margin-bottom:10px;} #leftcolumn img {float:right;margin:0px; width:80px;height:100px;} #leftcolumn {float: right;clear:both;font-size:16px;} #rightcolumn {width:460px;position:relative;left:0px;float:right;top:100px;z-index:2003;} #rightcolumn h3, #promo h3 {font-size:20px;line-height:24px;margin-bottom:2px;} #rightcolumn .content h3 {margin:10px 0 5px} #rightcolumn .ditto p {font-size:12px;line-height:12px;text-align:left;} #rightcolumn .content p {margin-bottom:5px;} #rightcolumn img {float:left;margin:0px;border:1px solid black; width:80px;height:80px;margin-right: 10px;margin-bottom: 10px;} #rightcolumn img:hover {border:1px solid white;} #rightcolumn div.ditto {float:left;} #rightcolumn form * {width:100%} #rightcolumn_index {width:460px;position:relative;left:-25px;} #rightcolumn_index {float: right; } #rightcolumn_index h3, #promo h3 {font-size:20px;line-height:24px;margin-bottom:2px;} #rightcolumn_index .content h3 {margin:10px 0 5px} #rightcolumn_index .ditto p {font-size:12px;line-height:12px} #rightcolumn_index .content p {margin-bottom:5px;} #rightcolumn_index img {float:left;margin:0px;border:1px solid black; width:140px;height:140px;margin-right: 10px;margin-bottom: 10px;} #rightcolumn_index img:hover {border:1px solid white;} #rightcolumn_index div.ditto {margin:0 0 10px 0;padding:0 0 0 10px;height:98px;overflow:hidden;} #rightcolumn_index form * {width:100%} #bottom {width:920px;background-image: url(assets/images/images/gray_bott.png); background-repeat:no-repeat; position:relative; top:509px; height:65px; } #bottom_proizvod {width:920px;background-image: url(assets/images/images/gray_bott.png); background-repeat:no-repeat; position:relative; top:659px; height:65px; } #brezni {position:absolute;top:600px;right:-16px;width:25px;height:100px;} #footer {font-size:12px;text-align:center;width:920px; position:relative; top:480px; color:#333333;padding:50px;} #footer_proizvod {font-size:12px;text-align:center;width:920px; position:relative; top:630px;color:#333333;padding:50px;} #footer a {font-size:12px;color:#333333;} #footer_proizvod a {font-size:12px;color:#333333;} .slideshow-controller{background:url(/assets/js/slideshow/controller.png) no-repeat;height:42px;left:200px;margin:-21px 0 0 -119px;overflow:hidden;position:absolute;top:400px;width:238px;z-index:10000;} .slideshow-controller *{margin:0;padding:0;} .slideshow-controller-hidden{opacity:0;} .slideshow-controller-visible{opacity:1;} .slideshow-controller a{cursor:pointer;display:block;height:18px;overflow:hidden;position:absolute;top:12px;} .slideshow-controller a.active{background-position:0 18px;} .slideshow-controller li{list-style:none;} .slideshow-controller li.first a{background-image:url(/assets/js/slideshow/controller-first.gif);left:33px;width:19px;} .slideshow-controller li.last a{background-image:url(/assets/js/slideshow/controller-last.gif);left:186px;width:19px;} .slideshow-controller li.next a{background-image:url(/assets/js/slideshow/controller-next.gif);left:145px;width:28px;} .slideshow-controller li.pause a{background-image:url(/assets/js/slideshow/controller-pause.gif);left:109px;width:20px;} .slideshow-controller li.play a{background-position:20px 0;} .slideshow-controller li.play a.active{background-position:20px 18px;} .slideshow-controller li.prev a{background-image:url(/assets/js/slideshow/controller-prev.gif);left:65px;width:28px;} .slideshow-captions { background: #000; bottom: 0; color: #FFF; font: normal 16px/20px Arial, sans-serif; left: 0; overflow: hidden; position: absolute; text-indent: 10px; width: 100%; z-index: 10000; } .slideshow-captions-hidden { height: 0; opacity: 0; } .slideshow-captions-visible { height: 22px; opacity: .7; } .slideshow-thumbnails { bottom:410px; height: 96px; left: 410px; position: absolute; width: 450px; } .slideshow-thumbnails * { margin: 0; padding: 0; } .slideshow-thumbnails ul { height: 106px; left: 0; position: absolute; top: 0; width: 10000px; } .slideshow-thumbnails li { float: left; list-style: none; margin: 5px 5px 5px 0; position: relative; width:96px; height:96px; } .slideshow-thumbnails a { display: block; float: left; position: relative; } .slideshow-thumbnails a:hover { background-color: #FF9 !important; opacity: 1 !important; } .slideshow-thumbnails img { display: block; } .slideshow-thumbnails-active { background-color: #9FF; opacity: 1; } .slideshow-thumbnails-inactive { background-color: #FFF; opacity: .5; } #left-shadow { position: absolute; top: 0; left: 0; width: 12px; bottom: 0; background: url(assets/images/images/leftshadow.png) repeat-y; } #right-shadow { position: absolute; top: 0; right: 0; width: 12px; bottom: 0; background: url(assets/images/images/rightshadow.png) repeat-y; } /* anythingSlider v1.2 By Chris Coyier: http://css-tricks.com with major improvements by Doug Neiner: http://pixelgraphics.us/ based on work by Remy Sharp: http://jqueryfordesigners.com/ */ .anythingSlider { width: 860px; height: 500px; position: relative; margin: 0; } .anythingSlider .wrapper { width: 860px; overflow: auto; height: 500px; margin: 0; position: absolute; top: 0; left: 0; } /* Width below is max for Opera */ .anythingSlider .wrapper ul { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; background: #eee; border-bottom: 1px solid black; margin: 0; } .anythingSlider ul li { display: block; float: left; padding: 0; height: 498px; width: 860px; margin: 0; } .anythingSlider .arrow { display: block; height: 200px; width: 67px; background: url(assets/js/slider/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; } .anythingSlider .forward { background-position: 0 0; right: -60px; } .anythingSlider .back { background-position: -67px 0; left: -60px; } .anythingSlider .forward:hover { background-position: 0 -200px; } .anythingSlider .back:hover { background-position: -67px -200px; } #thumbNav { position: relative; top: 0px; text-align: center; } #thumbNav a { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #eee url(assets/js/slider/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; } #thumbNav a:hover { background-image: none; } #thumbNav a.cur { background: #e0a213; } #start-stop { background: #eee; background-image: url(assets/js/slider/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: -10px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; } #start-stop.playing { background-color: #ccc; } #start-stop:hover { background-image: none; } /* Prevents */ .anythingSlider .wrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; } .anythingSlider .wrapper ul ul li { float: none; height: auto; width: auto; background: none; }