html {overflow-y:scroll;}
html,body {
	height:100%;
	width:100%;
	margin: 0;
	padding: 0;
	}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	background:url(../images/bg.jpg) no-repeat top center;
	}

p, h1, h2, h3, hr, ul, li, input, form, body {
	margin: 0;
	padding: 0;
}

h1{font-size:24px;}

a {outline:none; color:#1F1A17;}
a:hover {text-decoration:none;}

.wrap {
 width:980px;
 margin:0 auto;}

#header {float:left; width:980px; height:109px; position:relative; z-index:1000;}

	#topheader {height:27px; width:980px; font-size:11px;}
		#topheader h1, #topheader h2 {float:left; font-size:11px; font-weight:normal; padding:7px 0 0 8px;}
		#topheader p {float:right; padding:7px 13px 0 0;}
		#topheader a {color:#000; text-decoration:none;}
		#topheader a:hover {text-decoration:underline;}

	#bottomheader {float:left; width:980px; background:url(../images/bg_topmenu.jpg) right no-repeat; height:67px;}
		#bottomheader img.logo {float:left; width:303px; border:0;}
		#bottomheader ul {float:left; width:479px; padding:40px 0 0 10px; list-style:none;}
		#bottomheader ul li {background:url(../images/topmenu_ulli.gif) no-repeat 0 6px; float:left; margin:0 0 0 12px; padding-left:8px;}
		#bottomheader ul li a {font-weight:bold; color:#fff; text-decoration:none;}
		#bottomheader ul li a:hover {text-decoration:underline;}

		#search {float:left; width:180px;color:#f9c513; text-align:right; padding:12px 8px 0 0;}
			#search a {color:#f9c513;}
			#search a.prijava { background:url(../images/icon_login.gif) no-repeat 0 3px; padding-left:18px;}
			#search a.kos { background:url(../images/icon_cart.gif) no-repeat 0 2px; padding-left:18px; padding-right:5px;}
			#search input.text {float:left; background:url(../images/search_bg.gif) no-repeat; width:149px; height:18px; border:1px solid #5e5c57; margin:10px 5px 0 0; display:inline; padding:1px 0 0 2px;}
			#search input.gumb {float:left; width:22px; margin:10px 0 0 0;}

#left_index { background:url(../images/left_index.jpg) no-repeat top; float:left; width:200px;}
	#left_index span {float:left; width:189px; font-weight:bold; height:20px; padding:5px 0 0 11px;}
	#left_index ul {list-style:none; width:180px;}
	#left_index ul li { background:url(../images/left_index_border.gif) no-repeat bottom #1f1a17; float:left; width:180px;}
	#left_index ul li a {color:#fff; text-decoration:none; width:143px; float:left; padding:5px 10px 5px 27px;}
	#left_index ul li a:hover, #left_index ul li a.active {text-decoration:underline;}
	#left_index img {float:left; border:0;}

	#mainind {float:left; width:780px;}

	#mainind_top {float:left; width:780px;}

	.mid_index {float:left; width:570px; background:url(../images/mid_index_bg.jpg) no-repeat; height:198px; padding:10px 0 0 10px; position:relative;}
	.mid_index img {position:absolute; border:none}
	.mid_index a {color:#fcca14;}
	.mid_index h3 {position:absolute; font-size:14px; font-weight:normal; color:#fcca14; background: url(../images/mainimg_title.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/mainimg_title.png');height:25px; top:173px; padding:10px 19px 0 14px;}

	#novice {float:left; width:282px; margin-left:10px; display:inline; margin-right:43px;}
		#novice div.title {float:left; width:240px; border-bottom:1px #dedede solid; font-size:11px; color:#999999; padding:20px 0 5px 2px;}
		#novice div.nav { float:left; width:40px;border-bottom:1px #dedede solid;padding:19px 0 5px 0;}
		#novice div.nav img {border:0; float:right;}
		#novice h2 {font-size:14px; color:#1f1a17; font-weight:bold; padding:6px 0 0 2px; float:left; width:262px;}
		#novice div {float:left;}
		#novice div span {color:#999999; font-size:11px; padding:2px 0 2px 2px; width:262px; float:left;}
		#novice div p {float:left; width:252px; padding:0 10px 0 2px; line-height:16px;}
		#novice div a.vec {color:#1f1a17; float:left; padding:10px 0 0 2px; width:262px;}
		#novice div a.vec:hover {text-decoration:none;}

	#nasveti {float:left; width:253px; display:inline;}
		#nasveti div.nastitle {float:left; width:211px; border-bottom:1px #dedede solid; font-size:11px; color:#999999; padding:20px 0 5px 2px;}
		#nasveti div.nav { float:left; width:40px;border-bottom:1px #dedede solid;padding:19px 0 5px 0;}
		#nasveti div.nav img {border:0; float:right;}
		#nasveti div {float:left;}
		#nasveti h2 {font-size:14px; color:#1f1a17; font-weight:bold; padding:6px 0 0 2px; float:left; width:231px;}
		#nasveti p.tekst {float:left; width:226px; padding:0 5px 0 2px; line-height:16px;}
		#nasveti a.vec {color:#1f1a17; float:left; padding:10px 0 0 2px; width:231px;}
		#nasveti a.vec:hover {text-decoration:none;}

	#right_index {float:left; width:189px; background:url(../images/right_index.jpg) left top no-repeat #fff; padding:7px 0 0 11px;}
		#right_index img.title {float:left; margin-bottom:7px; margin-top:3px;}
		#right_index p {float:left; padding:0 0 0 9px; width:180px;}
		#right_index input.email {float:left; width:126px; height:16px; background:url(../images/enovice_input_bg.jpg) no-repeat; border:1px solid #5e5c57; margin-left:9px; display:inline; margin-top:3px; font-size:11px; color:#727272; padding:3px 0 0 5px;}
		#right_index input.gumb {float:left; margin:3px 0 15px 5px; display:inline;}
		#right_index a {float:left; font-weight:bold; color:#000; margin-top:3px;}
		#right_index a:hover {text-decoration:none;}

	#right_banner {float:right; width:160px; background:#ffffff;}

	#topfooter {float:left; width:980px; background:#dedede; font-size:11px; color:#000;}
		#topfooter a {color:#1f1a17;}
		#topfooter a:hover {text-decoration:none;}
		#topfooter p.opodjetju {float:left; width:115px; background:url(../images/footer_border.jpg) right no-repeat; /*height:53px;*/ line-height:20px; padding:11px 0 0 17px;}
		#topfooter p.pogoji {float:left; width:372px; background:url(../images/footer_border.jpg) right no-repeat; height:53px; line-height:20px; padding:11px 0 0 10px;}
		#topfooter div.trgovine {float:left; width:450px; height:53px; line-height:20px; padding:11px 0 0 12px;}

#footer {float:left; width:980px; color:#767676; font-size:11px;}
	#footer p.copy { float:left; width:400px; padding:14px 0 35px 16px;}
	#footer p.ns {float:right; width:220px; padding:14px 15px 35px 0;}
	#footer a { color:#767676; float:left; text-decoration:none;}
	#footer a:hover {text-decoration:underline;}
	#footer img {border:0; float:left; margin-top:2px; margin-left:8px;}

#content_wrap { float:left; background:#fff; width:780px;min-height:463px; height:auto !important;height:463px; }
	#content_wrap h1 { float:left; width:763px; padding:12px 0 8px 17px;}

	#breadcrumbs {float:left; width:763px; padding:12px 0 0 17px; color:#a9a9a9;}
		#breadcrumbs a { color:#a9a9a9;}
		#breadcrumbs a:hover {text-decoration:none;}

	#content {float:left; width:753px; padding:0 10px 10px 17px; line-height:18px; position:relative;}

	#content ul {padding:5px 0 5px 20px;}
	#content ul li { padding:1px 0 1px 0;}

	#content table.izposoja {  border-color: #e3e3e3;
	border-width: 0 0 1px 1px;
	border-style: solid;
	}

	#content table.trgovine {  border-color: #fff;
	border-width: 0 0 1px 1px;
	border-style: solid;
	}
	#content table.trgovine td {vertical-align:top;}


	#content table.izposoja td { border-color: #e3e3e3;
	border-width: 1px 1px 0 0;
	border-style: solid;}


	.skupina {float:left; width:168px; height:180px; text-align:center; padding:0 10px 0 10px;}
	.skupina img {border:0;}
	.skupina table{float:left; width:168px; vertical-align: bottom; height:122px;}
	.skupina a {color:#000; font-size:14px; font-weight:bold;}
	.skupina a:hover {text-decoration:none;}

#brands {float:left; width:752px; background:url(../images/znamke_shadow.jpg) top left no-repeat; padding:22px 0 0 0;}
#brands span { font-size:18px; font-weight:bold; padding-bottom:5px; float:left;}
#brands div {float:left; margin-right:40px; display:inline; height:50px; margin-top:22px;}
#brands div img {border:0;}

#status {position:relative; float:left; clear:both; width:577px; border-top:1px solid #dedede; margin-left:17px; display:inline; font-size:11px; color:#6d6d6d; padding:5px 170px 5px 5px;}
	#status p.number { float:left;}
	#status p.sort { float:right;}
	#status a {color:#000; background:url(../images/sort_bg.gif) left no-repeat; padding-left:10px;}
	#status a.active {font-weight:bold; background:url(../images/sort_bg_active.gif) left no-repeat;}
	#status a:hover {text-decoration:none;}

.quad {float:left; width:752px;  display:inline; background:url(../images/znamke_shadow.jpg) top no-repeat;}
	.quad div {float:left;  padding-top:15px; padding-left:20px; padding-bottom:5px; width:172px; background:url(../images/productslide_border.jpg) right no-repeat;}
	.quad div table {height:120px; text-align:center; width:166px; padding-bottom:10px;}
	.quad div img {border:0;}
	.quad div span.title {font-size:14px; font-weight:bold; margin:0; padding:0 0 4px 2px; float:left; width:166px;}
	.quad div span.big {font-size:18px; font-weight:bold;}
	.quad div span.gray {font-size:18px; font-weight:bold; color:#919191;}
	.quad div sup {font-size:11px; font-weight:normal;}
	.quad div a {color:#000;}
	.quad div a:hover {text-decoration:none;}
	.quad div p {float:left; padding-left:2px;}
	.quad div.last {background:none;}
	.quad div.first { padding-left:0; width:172px;}
	.quad span.sorodni { float:left; width:752px; font-size:18px; font-weight:bold; float:left; padding:20px 0 10px 0;}

#paging {text-align:center;float:left; width:752px;  display:inline; background:url(../images/znamke_shadow.jpg) top no-repeat; font-size:14px; font-weight:bold; padding-top:20px; position:relative;}
	#paging a {color:#000; padding:1px 5px 1px 5px;}
	#paging span.nolink { color:#9d9d9d;}
	#paging a:hover {text-decoration:none;}
	#paging a.current {text-decoration:none; background:#fcca14;}

#per_page_box{font-size:11px; padding:10px 0 0 0;}
#per_page_box select{font-size:11px;}

#product_cont {float:left; width:445px; padding-right:10px; overflow:hidden; }
	#product_cont p.tags { color:#919191; font-size:11px; padding-bottom:15px;}
	#product_cont p.tags a {color:#000;}
	#product_cont p.tags a:hover {text-decoration:none;}
	#product_cont p.main {font-size:14px; line-height:20px;}
	#product_cont select { border:1px solid #a7a6aa; width:158px;}
	#product_cont span.gray { color:#525252; float:left; width:455px; padding-bottom:5px;}
	#product_cont span.big { font-size:20px;}

	#product_cont a.kosara {font-size:18px; font-weight:bold; text-decoration:none; background:#fcca14; color:#000; padding:7px 12px 7px 12px; }
	#product_cont a.kosara:hover  {background:#A7CBDB;}

	#content #gallery {float:left; width:272px; margin-left:0px; display:inline; position:relative;}
		#ppic_slider div img {border:1px solid #e1e1e1; float:left; margin:12px 5px 0 0; display:inline;}
		#ppic_slider div img.nomarg {margin:12px 0 0 0 ;}

	#opis {float:left; width:753px;margin-top:20px; margin-bottom:27px; }
		#opis ul.tabs {float:left; width:752px; background:url(../images/bottom_border_opis.gif) bottom repeat-x; list-style:none;}
		#opis ul.tabs li {display:inline;float:left;background:url(../images/link_opis.jpg) no-repeat; margin-right:4px;}
		#opis ul.tabs a {color:#000;text-decoration:none;font-weight:bold; font-size:14px;}
		#opis ul.tabs a span.l {height:25px;display:block;float:left;	padding:9px 22px 0 27px;}
		#opis ul.tabs a {float:left;cursor:pointer;}
		#opis ul.tabs a span.d {height:34px;width:7px;display:block;float:left;background:url(../images/link_opis.jpg) right -102px;}
		#opis ul.tabs a.current {background:url(../images/active_opis.jpg) left -68px;cursor:pointer;}
		#opis ul.tabs a.current span.d {background:url(../images/active_opis.jpg) right -102px;}

	.desc {float:left; width:690px; padding:15px 45px 15px 15px; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}
		.desc ul {list-style:none; padding:5px 0 5px 0;}

		.desc ul.excel{padding:3px 0 1px 20px; margin:0; font-size:14px;}
		.desc ul.excel li{padding:1px 0 0px 10px; margin:0; font-size:12px;}
		.desc ul li {padding:2px 0 2px 10px; background:url(../images/ul_opis.gif) left no-repeat;}


/* clearfix za content */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/*cart*/
#cart{position:absolute; z-index:20; color:#fff; display:none; width:180px; padding:0px 10px 10px 10px; top:94px; right:0; background:url(../images/cart_bg.png) repeat-y; border-bottom:2px solid #000; border-left:2px solid #000;}
#cart h3{padding:0 0 4px 0; float:left; margin:0 0 10px 0; font-size:17px; color:#FCCA15; width:180px; display:block; border-bottom:1px solid #FCCA15;}
#cart h4{padding:7px 0 0px 0; float:left; margin:0 0 0px 0; font-size:17px; color:#FCCA15; width:180px; display:block; border-top:1px solid #FCCA15;}
#cart a{color:#FCCA15; font-size:12px;font-weight:normal;}
#cart ul{padding:0 0 0 0px; list-style-type:none;}
#cart ul li{padding:0 0 8px 0px; width:180px; float:left; clear:left;}
#cart ul span.quantity{display:inline; float:left;}
#cart ul li div.pt{padding:0 0 0 5px; float:left; width:120px;}
#cart img{float:left; margin:3px 5px 0 0; cursor:pointer;}
#cart a.blagajna{text-decoration:underline; color:#FFF; font-size:17px; float:left; padding:10px 0 0 0;}
#cart a.nablagajno{font-size:18px; font-weight:bold; text-decoration:none; background:#fcca14; color:#000; padding:3px 8px 3px 8px; float:left; clear:left; width:164px; margin:10px 0 0 0; }
#cart a.nablagajno:hover{background:#A7CBDB;}
.company_info{display:none;}
a.button, #status a.button{font-size:13px; font-weight:bold; text-decoration:none; background:#fcca14; color:#000; padding:3px 15px 3px 15px; float:left; clear:left;  margin:0px 0 0 0; }
a.button:hover, #status a.button:hover{background:#A7CBDB;}

/*tables*/
th {order-left:1px solid #D9D9D9; border-right:1px solid #D9D9D9;border-bottom:1px solid #D9D9D9; background-color:#dcdcdc;padding:3px 8px;}
tr.zEven td{ border-left:1px solid #D9D9D9; border-right:1px solid #D9D9D9;border-bottom:1px solid #D9D9D9; background-color:#EFEFEF;padding:3px 8px;}
tr.zOdd td,.zOddTd{ border-left:1px solid #D9D9D9;border-bottom:1px solid #D9D9D9;border-right:1px solid #D9D9D9;background-color:#fff;padding:5px 8px;}
tr.zSelected td,.zSelectedTd{font-size:14px; padding:8px; font-weight:bold; background-color:#EFEFEF; color:#000; border-left:1px solid #D6D6D6;border-top:1px solid #D6D6D6;border-right:1px solid #D6D6D6;}
table.no_first{border-top:1px solid #D6D6D6;}
tr.zSelected td a,.zSelectedTd a{color:#ffffff; text-decoration:none;}
tr.zSelected td a:hover,.zSelectedTd a:hover{color:#ffffff; text-decoration:underline;}
.styletable td ul{padding:5px 0 5px 15px;}

/*stocktable*/
table.stocktable {border:0; color:#525252; width:100%;}
table.stocktable tr td{border-left:0; border-right:0; border-bottom:1px solid #D9D9D9; background-color:#ffffff;padding:3px 45px 3px 8px; text-align:left;}
table.stocktable tr td img{float:left; padding: 0 5px 0 0;}
table.stocktable tr td a{text-decoration:none; color:#525252;}
table.stocktable tr td a:hover{text-decoration:underline;}
table.stocktable tr.zSelected td,table.stocktable .zSelectedTd{font-size:13px; font-weight:bold; background-color:#fff; color:#525252; border-top:0; }
table.stocktable table.no_first{border-top:1px solid #D6D6D6;}
table.stocktable .styletable td ul{padding:5px 0 5px 15px;}

/* cart */
#steps{float:left; width:100%; display:inline; margin:0 0 10px 0;}
.step{background:#1F1A17; width:33%; float:left; height:74px; margin:0 1px 0 0; position:relative; z-index:1;}
.step_pic{color:#fff; position:absolute; text-align:center; font-size:15px; font-weight:bold; left:5px; top:9px; width:30px; height:23px;}

.step_title{color:#fff; font-size:14px; line-height:20px; top:8px; left:30px; font-weight:bold; height:25px; position:absolute;}
.step_text{color:#fff; padding:0; margin:32px 0 0 11px; float:left; display:inline;  font-size:12px;}
.step_next_arrow{position:absolute; right:5px; bottom:5px; width:17px; height:17px;  display:none;}

.activestep{background:#FCCA15;}
.activestep .step_pic{color:#000;}
.activestep .step_title{color:#000;}
.activestep .step_text{color:#000;}
.activestep .step_next_arrow{display:block;}

#filters{font-size:11px; position:absolute; left:149px; top:2px;}

#ppic_slider{float:left; width:274px; height:55px; display:inline; border:0px solid Red; margin:0 0 0 0px; position:relative; overflow:hidden;}
.ppic_items{position:absolute; left:0; width:1000px;}
.ppic_items a{float:left; display:inline; margin:0 2px 0 0;}
.ppic_items a img{border:1px solid #a4a4a4;}

#ppic_left{position:absolute; bottom:5px; left:-20px; z-index:200; cursor:pointer; border:0;}
#ppic_right{position:absolute; bottom:5px; left:278px; z-index:200; cursor:pointer; border:0;}

.disabled_parow{display:none;}

.mtrgovine {padding: 0 0 40px 0}
.mtrgovine h3 {color:#FCCA15; background: #1F1A17; margin: 0 0 2px 0; padding:4px 0 5px 5px; font-size: 15px;}
.mtrgovine table tr td {vertical-align: top !important;}
#user_box{ position:absolute; top:39px; right:118px;}

#product_cont #inline1 { display:none }
#inline1 { background-color:#FDFDFD; padding:12px 0 0 0; height:45px; overflow:auto; width:700px }
a#various1 { color:gray;display: inline-block;padding:0 0 0 10px; text-decoration: none; }
a#various1:hover { text-decoration:underline }

#komplet { display:block; padding-top:5px; }
.kompleti { margin-top:20px; }
.kompleti td { border-top:solid 1px #A9A9A9; font-size:1.2em; vertical-align:top; padding:15px 10px 0 0; }
.kompleti td a img {border:none;}
.kompleti .price {font-size:20px; line-height:1.5; border-bottom:1px solid #FCCA15;}

.index_akcije { float:left; width:580px;  margin:0px 0 0 10px; display:none;}
.index_akcije img{ float:left; margin:11px 9px 0px 0px; border:0; }