@charset "utf-8";
/* Sobim d.o.o. */

body{background:#FFF url(../images/bg-gray.jpg) top left no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	text-align:left;
	margin:0 auto;}
	
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.bold{ font-weight:bold}
.left{text-align:left;}

img{border:none}	

#content{
	width:960px;
	height:auto;
	margin-top:10px;}

h1,h2,h3,h4{ font-family:Verdana, Geneva, sans-serif;}
h1{ font-size:20px; padding:0px 10px; margin:10px 0px; line-height:34px; color:#007cc4 }
h2{ font-size:16px; padding:0px 10px; line-height:32px; margin:0; letter-spacing:1px}
h3{ margin:5px 0px; font-size:14px; color:#333}
h4{}
p{ line-height:1.1em; margin:0px; padding:0px; color:#333}
.line{ width:100%; border-bottom:2px dotted #999; margin-top:5px; margin-bottom:5px;}


/* Header */
#header{width:960px; height:auto;}
.hbtn {height:26px; display:inline-block; margin:0px 3px;}
.hbtn:hover { background-position:100% -26px;}
.maloprodaje{ background:url(../images/maloprodaje.png) top left no-repeat; width:141px; }
.onama{ background:url(../images/onama.png) top left no-repeat; width:87px;}
.kontakt{ background:url(../images/kontakt.png) top left no-repeat; width:90px;}
.svi-artikli{ background:url(../images/svi-artikli.png) top left no-repeat; width:93px;}
.akcijski-artikli{ background:url(../images/akcijski-artikli.png) top left no-repeat; width:144px;}
.cenovnik{ background:url(../images/cenovnik.png) top left no-repeat; width:83px;}
.potvrda{ background:url(../images/pdv-potvrda.png) top left no-repeat; width:107px;}
.identifikacija{ background:url(../images/identifikacija.png) top left no-repeat; width:171px;}



/*Search */
#searchwrapper {width:174px; height:26px;background-image:url(../images/searchBG.png);background-repeat:no-repeat; padding:0px;margin:0px;position:relative; display:inline-block;}
#searchwrapper form { display:inline;}
.searchbox {border:0px; background-color:transparent; position:absolute;top:0px;line-height:26px;left:9px;width:142px;height:26px;color:#e7e7e7} 
.searchbox_submit {border:0px; background-image:url(../images/searchBTN.png);background-color:transparent; position:absolute; top:3px;line-height:26px;left:148px;width:20px;height:20px; cursor:pointer}
.searchbox_submit:hover{background-position:100% -20px;}

/*left */
#left{ float:left; width:225px; margin-right:10px;}
#lbox{ margin:10px 0px 20px 0px; width:225px; background:url(../images/lbox-repeat.jpg) top left repeat-y; text-align:left; color:#FFF; font-size:13px;}
#lbox:link, #lbox a:link, #lbox a:active, #lbox a:visited{ color:#FFF; text-decoration:none}
.btop{ width:225px; height:35px; background:url(../images/lbox-top.png) top left no-repeat;}
.bbottom{ width:225px; height:18px; background:url(../images/lbox-bottom.png) bottom left no-repeat;}
#lbox ul{margin:5px 0px 0px 0px; padding:0px;}
#lbox li {  line-height:18px; padding-left: 10px; list-style-position:inside;}
#lbox li:hover{ background:url(../images/lbox-li-bg.png) top left repeat-x; list-style-position:inside;}

/* main */
#main{ float:right; width:699px; text-align:left }
.sekcija{width:699px; margin:10px 0px 0px 0px; height:32px;}
.list-items{ background:url(../images/list-gradijent.png) repeat top left; width:699px; margin:0}
.list-box{ width:339px; height:150px; margin:0px; padding:12px 4px 2px 4px; border-right:2px solid #007CC3; border-bottom:2px solid #007CC3; float:left;}
.list-naslov{height:35px;}
.thumb-list{max-width:90px; max-height:90px; padding:4px; background:#FFF; border:2px solid #3C97F2}
.thumb-list:hover{border:2px solid #007cc4}
.list-opis{ height:76px; overflow:hidden}
.list-price{float:left; background:url(../images/list-price.png) top left repeat; padding:0px 10px; border:2px solid #999; height:20px;
padding:3px; font-size:14px; text-align:center; font-weight:bold}
.detaljnije-btn{ float:right; width:112px; height:26px; background:url(../images/detaljnije-btn.png) top left no-repeat;}
.detaljnije-btn:hover{ background-position:100% -26px; cursor:pointer; display:inline-block}
.vesti{color:#666; font-size:12px; padding:5px; margin-bottom:10px; border-bottom:2px solid #0378BB; }

#static{ background:url(../images/belo-trans.png) top left repeat; width:669px; padding:15px; margin-top:10px; text-align:justify;font-weight:normal}
#static p{line-height:1.5em; font-weight:normal}
#static a, #static a:active, #static a:visited{color:#666} 

/*list */
.pagination_status{ width:100%; height:45px; padding:3px 20px; margin:5px 0px 10px 0px; float:right; text-align:right ; background:url(../images/paginacija-bg.png) top right no-repeat}
.pagination_status a{color:#666;}
.showart_l{	float:left;	width:330px;}	
.showart_r{	float:right;text-align:right;width:330px;}
.picframe{padding:12px 4px 2px 4px; border-right:2px solid #007CC3; border-bottom:2px solid #007CC3;}
.marg{ margin:10px 0px;}
.bttn {height:18px; width:143px; display:inline-block; margin:3px 5px;}
.bttn:hover { background-position:100% -18px;}
.prva{ background:url(../images/prva.png) top left no-repeat; }
.prethodna{ background:url(../images/prethodna.png) top left no-repeat; }
.sledeca{ background:url(../images/sledeca.png) top left no-repeat; }
.poslednja{ background:url(../images/poslednja.png) top left no-repeat; }


/*footer */
#footer{ background:url(../images/footer-bg.png) top left no-repeat; color:#FFF; width:940px; height:55px; padding:15px 10px 10px 10px}
.copyrights, .copyrights a, .copyrights a:visited, .copyrights a:active{margin:0 auto; font-size:9px; color:#999; text-decoration:none}
.copyrights a:hover{ color:#FFF; font-weight:bold}

/* slideshow*/
#coin-slider{margin-top:6px; width:960px; height:250px;}
.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }
.cs-buttons { font-size: 0px; margin-top:-30px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }
.cs-prev, .cs-next { background-color: #333333; color: #FFFFFF; padding: 0px 10px; }

/*Superbox */
/* Base Superbox Styles */
#superbox-overlay{position:fixed;top:0;left:0;z-index:9998;width:100%;height:100%;}
#superbox-wrapper{position:fixed;z-index:9999;top:0;display:table;width:100%;height:100%;}
#superbox-container{position:relative;display:table-cell;width:100%;height:100%;margin:0;padding:0;vertical-align:middle;}
#superbox{margin:0 auto;padding:0;}
#superbox-container .loading{margin:0;text-align:center;}

/* IE7 */
*:first-child+html #superbox-container{position:absolute;top:50%;display:block;height:auto;}
*:first-child+html #superbox{position:relative;top:-50%;display:block;}
/* IE6 - Thanks to Thickbox for IE expressions */
* html #superbox-container{position:absolute;top:50%;display:block;height:auto;}
* html #superbox{position:relative;top:-50%;display:block;}
* html #superbox-overlay{position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight + 'px' : document.body.offsetHeight + 'px');}
* html #superbox-wrapper{position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}

/* Default Theme */
#superbox-overlay{background:#000;}
#superbox-container .loading{text-align:center;font-size:40px;color:#fff;}
#superbox{padding:10px;background:#fff;}
#superbox-innerbox{padding:10px 0;}
#superbox.image{text-align:center;}
#superbox .close,
#superbox .nextprev{overflow:hidden;margin:0;}