
#sort a{
	text-decoration:none;
}

#nav_bar{
	float:left;
	width:15%;
}
#kategorije{
	position:relative;
	float:left;
	width:100%;
	font-size:14px;
	margin-bottom:15px;
	margin-top:25px;
	padding-left:3px;
}
#kategorije ul{
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px;
}
#kategorije li{
}
#kategorije a{
	display:block;
	margin:0px 0px 2px 0px;
	padding:0px 0px 0px 0px;
	font-size:12px;
	line-height:26px;
	cursor:pointer;
	position:relative;
	background-color: rgba(177,150,56,0.81);
	color:#000;
	font-weight:bold;
}
#kategorije a:hover, #kategorije.selected{
	/*background-color:#8978b6;
	color:#FFF;*/
	/*background-color:#8978b6;*/
	color:#FFF;
}
#kategorije .kolicina{
	padding:0px 5px;
	font-weight:bold
}

#pogled{
	width:100%;
}

#pogled_ikoni{
	background-color:#EE;
	min-height:40px;	
}

#pogled_ikoni .left{
	margin-left:15px;	
}

/* Progress bar - osvezevanje cen*/
#osvez_cen_progress{
	margin-bottom:15px;
}
#osvez_cen_progress .ui-progressbar { height:2em; text-align: left; overflow: hidden; }
#osvez_cen_progress .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }

#osvez_cen_progress .ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
#osvez_cen_progress .ui-widget .ui-widget { font-size: 1em; }
#osvez_cen_progress .ui-widget input, #osvez_cen_progress .ui-widget select, #osvez_cen_progress .ui-widget textarea, #osvez_cen_progress .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
#osvez_cen_progress .ui-widget-content { border: 1px solid #dddddd; background: #b19638 50% top repeat-x; color: #333333; }
#osvez_cen_progress .ui-widget-content a { color: #333333; }
#osvez_cen_progress .ui-widget-header { border: 1px solid #b19638; background: #FFF 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
#osvez_cen_progress .ui-widget-header a { color: #ffffff; }

#osvez_cen_progress .ui-corner-all,#osvez_cen_progress .ui-corner-top,#osvez_cen_progress .ui-corner-left,#osvez_cen_progress .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
#osvez_cen_progress .ui-corner-all,#osvez_cen_progress .ui-corner-top,#osvez_cen_progress .ui-corner-right,#osvez_cen_progress .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
#osvez_cen_progress .ui-corner-all,#osvez_cen_progress .ui-corner-bottom,#osvez_cen_progress .ui-corner-left,#osvez_cen_progress .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
#osvez_cen_progress .ui-corner-all,#osvez_cen_progress .ui-corner-bottom,#osvez_cen_progress .ui-corner-right,#osvez_cen_progress .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }






.listingType{
	border:1px solid #999;
	padding:3px;
	margin:0px 0px 0px 10px;
	cursor:pointer;
	box-shadow:0px 0px 3px 0px #999;
	background-color:#EEE;
	float:right;
	width:20px;
	height:20px;
}


#izdelki{
	float:left;
	width:77%;
}

.list{
	list-style:none;
	margin:10px 0px 0px 20px;
	padding:0px
}
.list li{
	position:relative;
	padding:10px;
	border-bottom:1px solid #E5E5E5;
	clear:both;
}
.list .img{
	max-width:180px;
}
.list .img, .imgBorder{
	float:left;
	margin:0px 20px 20px 0px;
	box-shadow:0px 0px 3px 1px #CCC;
	-webkit-box-shadow:0px 0px 3px 1px #CCC;
	-moz-box-shadow:0px 0px 3px 1px #CCC;
	-o-box-shadow:0px 0px 3px 1px #CCC;
	-ms-box-shadow:0px 0px 3px 1px #CCC;
	cursor:pointer;
}
.izdelek{
	float:left;
	width:486px;
	margin:0px 0px 0px 20px;
	padding:0px;
	list-style:none;
}
.izdelek li{
	clear:both;
	line-height:26px;
	padding:0px 5px;
}
.izdelek li:nth-child(even){
	background-color:#F5F5F5;
}

.izdelek .naslov{
	font-weight:bold;
	font-size:16px;
	color: #000;
	line-height:1.8em;
	cursor:pointer;
	text-decoration:none;
}
.izdelek .cena, .cenaRdeca{
	float:right;
	font-size:22px;
	font-weight:bold;
	color:#A7231B;
}
.izdelek .staraCena{
	float:right;
	font-weight:bold;
	text-decoration:line-through;
}
.izdelek .opis{
	font-size:11px;
	line-height:13px !important;
	padding:5px 0px;
}

/* slika izdelka */
.izdelekImgBox{
	margin:0px 00px 0px 0px;
	position:relative;
	float:left;
	overflow:hidden;
	
	/* senčenje */
	box-shadow:0px 0px 3px 1px #CCC;
	-webkit-box-shadow:0px 0px 3px 1px #CCC;
	-moz-box-shadow:0px 0px 3px 1px #CCC;
	-o-box-shadow:0px 0px 3px 1px #CCC;
	-ms-box-shadow:0px 0px 3px 1px #CCC;
}
.izdelekImgTrak{
	position:absolute;
	text-align:center;
	width:120%;
	line-height:2em;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	opacity:0.8;
	letter-spacing:1px;
	
	/*senčenje*/
	box-shadow:0px 0px 3px 1px #CCC;
	-webkit-box-shadow:0px 0px 3px 1px #CCC;
	-moz-box-shadow:0px 0px 3px 1px #CCC;
	-ms-box-shadow:0px 0px 3px 1px #CCC;
	-o-box-shadow:0px 0px 3px 1px #CCC;
	
	/*trasformation style, cross browsers*/
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
}
.izdelekImgB .izdelekImgTrak{
	top:11%;
	left:-45%;
}
.izdelekImgM .izdelekImgTrak{
	top:17%;
	left:-38%;
}
.izdelekImgS .izdelekImgTrak{
	top:21%;
	left:-29%;
}
.izdelekImgB{ /* Big size */
	width:240px;
	height:180px;
}
.izdelekImgM{ /* Medium size */
	cursor:pointer;
	width:180px;
	height:135px;
}
.izdelekImgS{ /* Small size */
	cursor:pointer;
	width:120px;
	height:90px;
}
.BGgreeen{
	background-color:#0A0;
}
.BGred{
	background-color:#A00;
}
.BGyellow{
	background-color:#FF0;
	color:#000;
	font-size:90%;
}
.BGizpostavljeno{
	background-color:#b19638;
	color:#FFF;
	/*font-size:90%;*/
}
.link_page {
	color: #000;
	font: 14px Helvetica, Arial, sans-serif;
    text-decoration: none;
	padding: 4px 8px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #f3f3f3;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    border: solid 1px #dcdcdc;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin-right: 3px;
	cursor:pointer;
}
.link_page:hover{
	-moz-box-shadow:0px 0px 3px 0px #AAA;
	-wekit-box-shadow:0px 0px 3px 0px #AAA;
	-o-box-shadow:0px 0px 3px 0px #AAA;
	-ms-box-shadow:0px 0px 3px 0px #AAA;
	box-shadow:0px 0px 3px 0px #AAA;
	background-color:#FFFFFF;
	font-weight: bold;
}
.current_page {
	color: #FFF;
	cursor: pointer;
    text-decoration: none;
	padding: 5px 10px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    border: solid 1px #dcdcdc;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin-right: 3px;
	-moz-box-shadow:0px 0px 3px 0px #AAA;
	-wekit-box-shadow:0px 0px 3px 0px #AAA;
	-o-box-shadow:0px 0px 3px 0px #AAA;
	-ms-box-shadow:0px 0px 3px 0px #AAA;
	box-shadow:0px 0px 3px 0px #AAA;
	background-color:#666;	
}
.link_page:active{
	-moz-box-shadow:inset 0px 0px 4px 0px #AAA;
	-wekit-box-shadow:inset 0px 0px 4px 0px #AAA;
	-o-box-shadow:inset 0px 0px 4px 0px #AAA;
	-ms-box-shadow:inset 0px 0px 4px 0px #AAA;
	box-shadow:inset 0px 0px 4px 0px #AAA;
}
.div_pages {
	text-align:center;
}

.left{
	float:left;
}

.right{
	float:right;
}       