@charset "utf-8";
/*** MAIN ***/
* {	font-family: Tahoma, Geneva, sans-serif;	text-decoration: none;	color: #2c2c2c;	font-size: 11px;}
.fontbold{	font-weight: bold;}
html, body{	background-color: #f3f1ed;	margin: 0px;}
blockquote, label, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dd, form{	margin: 0px; border: none; }
img{ border: 0px;}
input{	margin: 0px;	padding: 0px;	border: 0px;	background-color: #f3f3f3;	color: #9d9d9d;}
#inputsearch{  width:250px; margin-top:20px; margin-left:5px; }
h1 {  margin: 0;  margin-bottom: 18px;   padding: 0;}
h2 {  margin: 0;  margin-bottom: 14px;   padding: 0;}
h3 {  margin: 0;  margin-bottom: 16px;   padding: 0;}
/*** POZADINE ***/
#pagecentar{ width: 955px;	margin-right: auto;	margin-left: auto; }
#bgsjenaa{ background-image: url(grafika/body/bgsjenaa.png); clear: both;	float: none;	height: 24px;	width: 955px; }
#bgsjenaabanner{	background-image: url(grafika/body/bgsjenaa.png);	clear: both;	float: none;	height: 57px;	width: 955px;	background-repeat: no-repeat;	background-position: left bottom;}
#bgsjenabbanner{	background-image: url(grafika/body/bgsjenab.png);	clear: both;	float: none;	height: 57px;	width: 955px;	background-repeat: no-repeat;	background-position: left top;}
#bgsjenab{ background-image: url(grafika/body/bgsjenab.png); clear: both;	float: none;	height: 24px;	width: 955px; }
#logo{ background-image: url(grafika/body/logo.png); float: left;	height: 56px;	width: 207px; }
#search{	background-image: url(grafika/body/search.png);	float: right;	height: 56px;	width: 370px;	background-repeat: no-repeat;	background-position: left center;}
/*** TOP MENI LOGIN ***/
#menilogin{ vertical-align: top;	text-align: right; line-height: 24px;	float: right;	height: 24px;	padding: 0px;}
#menilogin li{	background-image: url(grafika/body/arr.png);	background-repeat: no-repeat;	background-position: right bottom;	display: inline;	list-style-type: none;	float: right;	width: 100px;	padding-right:10px;}
#menilogin li a{	display: block;	overflow: hidden;	height: 24px;	text-decoration: underline;}
#menilogin li a:hover{	display: block;	overflow: hidden;	height: 24px;	text-decoration: underline; color:#d50026}
#menilogin li a span{	display: block;	overflow: hidden;	height: 24px;	text-decoration: underline;}
/*** TOP MENI***/
#mainnav{	vertical-align: top;	text-align: left;	float: left;	height: 44px;	width: 504px;	padding-top: 13px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 0px;}
#mainnav li{	display: inline;	list-style-type: none;	float: left;}
#mainnav li a{	display: block;	overflow: hidden;	height: 31px;	cursor: pointer;}
#mainnav li a span{	display:block;	height:31px;}
#mainnav li a.naslovna{	background:transparent url(grafika/links/menigornji.png) no-repeat scroll;	display:block;	list-style-type:none;	height: 31px;	width: 73px;}
#mainnav li a.naslovna:Hover{	background:transparent url(grafika/links/menigornji.png) no-repeat scroll 0 -31px;}
#mainnav li a.gdjekupiti{	background:transparent url(grafika/links/menigornji.png) no-repeat scroll -73px 0;	display:block;	list-style-type:none;	height: 31px;	width: 82px;}
#mainnav li a.gdjekupiti:Hover{	background:transparent url(grafika/links/menigornji.png) no-repeat scroll -73px -31px;}
#mainnav li a.prodajnamjesta{	background:transparent url(grafika/links/menigornji.png) no-repeat scroll -155px 0;	display:block;	list-style-type:none;	height: 31px;	width: 115px;}
#mainnav li a.prodajnamjesta:Hover{	background:transparent url(grafika/links/menigornji.png) no-repeat scroll -155px -31px;}
#mainnav li a.novosti{	background:transparent url(grafika/links/menigornji.png) no-repeat scroll -270px 0;	display:block;	list-style-type:none;	height: 31px;	width: 73px;}
#mainnav li a.novosti:Hover{	background:transparent url(grafika/links/menigornji.png) no-repeat scroll -270px -31px;}
#mainnav li a.recenzije{	background:transparent url(grafika/links/menigornji.png) no-repeat scroll -343px 0;	display:block;	list-style-type:none;	height: 31px;	width: 82px;}
#mainnav li a.recenzije:Hover{	background:transparent url(grafika/links/menigornji.png) no-repeat scroll -343px -31px;}
#mainnav li a.kosarica{	background:transparent url(grafika/links/menigornji.png) no-repeat scroll -425px 0;	display:block;	list-style-type:none;	height: 31px;	width: 79px;}
#mainnav li a.kosarica:Hover{	background:transparent url(grafika/links/menigornji.png) no-repeat scroll -425px -31px;}
/*** BANNER***/
#bannerrounder{	position: relative;	z-index: 2;	background-image: url(grafika/body/banner-rounder.png);	float: left;	height: 406px;	width: 955px;	background-position: center center;}
#banner{	position: relative;	z-index: 1; clear: both;	float: none;	height: 398px;	width: 955px;	padding-top: 0px;	padding-bottom: 4px;	margin-top: 4px;}
/*** NASLOVNA NOVOSTI ***/
#naslovnanovostibga{	background-image: url(grafika/body/bgsjenab.png);	clear: both;	float: none;	height: 159px;	width: 955px;	background-repeat: no-repeat;	background-position: left top;}
#naslovnanovostibgb{	background-image: url(grafika/body/bgsjenab.png);	clear: both;	float: none;	height: 159px;	width: 955px;	background-repeat: no-repeat;	background-position: left bottom;}
/*** MENI LIJEVI ***/
#menileftdiv{ float:left; clear: left;	width: 212px;}
.bgmenitop{	background-image: url(grafika/body/bgmenitop.png);	background-repeat: no-repeat;	background-position: left top;	height: 7px;	width: 212px; clear: both;}
.bgmenimaxy{	background-image: url(grafika/body/bgmenimaxy.png);	background-repeat: repeat-y;	background-position: left top;	width: 212px; float: left; clear: both;}
.bgmenimaxmain{	width: 203px; padding-left:4px; padding-right:5px; 	float: left; clear: both;}
.bgmenibotom{	background-image: url(grafika/body/bgmenibotom.png);	background-repeat: no-repeat;	background-position: left top;	height: 7px;	width: 212px; clear: both;}
#menileft{	padding:0px;	vertical-align: top;	text-align: left;	height: 23px;	width: 203px;	}
#menileft li{	display: block;	list-style-type: none; height: 23px;}
#menileft li a{	display: block;	overflow: hidden;	height: 23px;	cursor: pointer;	list-style-type: none;}
#menileft li a span{	display:block;	list-style-type: none; height: 23px;}
.menileft-item {	background-image: url(grafika/meni/meni-item.png);	background-position: left top;	background-repeat: no-repeat;	font-size: 11px;	text-decoration: none;	text-indent: 25px;	height: 23px;	width: 203px;	line-height: 23px;	float: left;	color: #000000;	text-transform: uppercase;	clear: both;}	
.menileft-item:hover {	background-image: url(grafika/meni/meni-item.png);	background-position: left top;	background-repeat: no-repeat;	font-size: 11px;	text-decoration: none;	text-indent: 25px;	height: 23px;	width: 203px;	line-height: 23px;	float: left;	color: #aeaeae;	text-transform: uppercase;	clear: both;}
.menileft-item2 {	background-image: url(grafika/meni/meni-item2.png);	background-position: left top;	background-repeat: no-repeat;	font-size: 11px;	text-decoration: none;	text-indent: 36px;	height: 23px;	width: 203px;	line-height: 23px;	float: left;	color: #797979;	text-transform: uppercase;	clear: both;}	
.menileft-item3 {	background-image: url(grafika/meni/meni-item2.png);	background-position: left top;	background-repeat: no-repeat;	font-size: 11px;	text-decoration: none;	text-indent: 45px;	height: 23px;	width: 203px;	line-height: 23px;	float: left;	color: #797979;	text-transform: uppercase;	clear: both;}	
.menileft-item2:hover {	background-image: url(grafika/meni/meni-item2.png);	background-position: left top;	background-repeat: no-repeat;	font-size: 11px;	text-decoration: none;	text-indent: 36px;	height: 23px;	width: 203px;	line-height: 23px;	float: left;	color: #aeaeae;	text-transform: uppercase;	clear: both;}	
/*** CENTAR SADRZAJ ***/
#menicentartdiv{	float:left; width: 743px; clear:right;}
.bgcentartop{	background-image: url(grafika/body/bgcentartop.png);	background-repeat: no-repeat;	background-position: left top; float:none;	height: 6px;	width: 743px; clear:both;}
.bgcentarmaxy{	background-image: url(grafika/body/bgcentarmaxy.png);	background-repeat: repeat-y;	background-position: left top; float:left;	width: 743px;	clear:both;}
#bgcentarmaxinner{	width: 728px;	padding-right: 7px;	padding-left: 8px;}
#bgcentarmaxinnerizdvojeno{	width: 728px; height:190px;	padding-right: 7px;	padding-left: 8px; float:left; clear:both;}
#bgcentarmaxinnerizdvojenoend{	width: 728px; height:15px;	clear:both;}
.bgcentarbotom{	background-image: url(grafika/body/bgcentarbotom.png);	background-repeat: no-repeat;	background-position: left top;	height: 6px;	width: 743px; clear:both;}
/*** CENTAR NEWS ***/
.newsslikamain{	width:111px;	height:120px;	background-repeat: no-repeat;	background-position: left center; float:left; padding:1px; margin:1px;}	
.newsnaslovmain{	float:left;	font-size: 16px;	color: #3c3c3c;	text-decoration: none;	padding-top:23px; width:160px;}	
.newstekstmain{	float:left;	font-size: 11px;	color: #838383;	text-decoration: none; width:160px;}	
.newslinkmain{	background-image: url(grafika/links/newslinkmain.png);	width:64px;	height:13px;	background-repeat: no-repeat;	background-position: left top;	float:right;	padding-top:2px;	padding-right:6px;	cursor: pointer;}	
/*** CENTAR IZDVOJENO ***/
.izdvojenomain{	width:170px;	height:150px;	padding:1px;	border-right-width: 1px;	border-right-style: solid;	border-right-color: #e6e6e6;}	
.izdvojenoslikamain{	width:170px;	height:105px;	background-repeat: no-repeat;	background-position: center top;	float:left;	padding:1px;	margin:1px;}	
.izdvojenonaslovmain{	float:left;	font-size: 11px;	text-decoration: none;	padding:2px; text-align:center; }	
.izdvojenocijena{	font-size: 14px;	line-height: 22px;	color: #000000; height:22px; width:176px;	text-decoration: none;	font-weight: bold;	text-align: center;	vertical-align: middle;}	
.izdvojenotekstmain{	float:left;	font-size: 11px;	color: #838383;	text-decoration: none; width:160px;}	
.izdvojenolinkmain{	background-image: url(grafika/links/newslinkmain.png);	width:64px;	height:13px;	background-repeat: no-repeat;	background-position: left top;	float:right;	padding-top:2px;	padding-right:6px;	cursor: pointer;}	
/*** SHOP ***/
.mainshopdiv{ padding:1px; margin:1px; float: left;	height: 261px;	width: 176px;	border: 1px solid #cccccc;}
.mainshopbuydiv{	background-image: url(grafika/shop/shop-buy-line.png);	background-position: center top; background-repeat: no-repeat; text-align: center;	vertical-align: middle;	padding-top: 6px;	clear: both;	height: 34px; width:176px;}
.mainshopbuydivico{	background-image: url(grafika/shop/shop-buy-bg.png);	background-position: center top; background-repeat: no-repeat; text-align: center;	vertical-align: middle;	clear: both;	height: 20px;	width: 176px;	line-height: 20px;	color: #2c2c2c;	text-decoration: none; cursor: pointer;}
.mainshopbuydivico:hover{	background-image: url(grafika/shop/shop-buy-bg.png);	background-repeat: no-repeat;	background-position: center top;	text-align: center;	vertical-align: middle;	clear: both;	height: 20px;	width: 176px;	line-height: 20px;	color: #000000;	text-decoration: underline; cursor: pointer;}
.mainshopfilslika{	position: relative;	z-index: 1;	background-position: center center;	vertical-align: middle;	margin: auto;	background-repeat: no-repeat;	height: 151px; width: 176px; cursor: pointer;}
#mainshopfilslikatop{	position: relative;	z-index: 1;	margin: auto;	height: 168px; cursor: pointer;}
.mainshopfilnovo{ position: absolute;	background-image: url(grafika/shop/shop-fil-novo.png);	background-repeat: no-repeat;	background-position: left top; width: 74px; height: 74px;	z-index: 2; cursor: pointer;}
.mainshopfilakcija{ position: absolute;	background-image: url(grafika/shop/shop-fil-akcija.png);	background-repeat: no-repeat;	background-position: left top;	width: 74px; height: 74px; z-index: 2; cursor: pointer;}
.mainshopstars{ width: 176px; height: 14px; }
.shopnaslovmali{ font-size: 11px; color: #2c2c2c; text-align: center;	vertical-align: middle; height: 40px; width:176px;}
.shopcijena{	font-size: 14px;	line-height: 22px;	color: #000000; height:22px; width:176px;	text-decoration: none;	font-weight: bold;	text-align: center;	vertical-align: middle;}
.shopcijenaold{	font-size: 14px;	line-height: 22px;	color: #000;	height:22px; width:176px;	text-decoration: line-through;	font-weight: bold;	text-align: center;	vertical-align: middle;}
.shopopsirnoleft{ float:left; width: 350px;}
.shopopsirnoslikaxl{	width: 380px;	height: 380px;	background-repeat: no-repeat;	background-position: center center; padding: 2px;}
.shopopsirnonaslov{ font-size:18px; padding-top:5px; line-height:18px; clear:right;}
.shopopsirnocijena{ font-size:28px; padding-top:5px; line-height:23px; clear:right;}
/*** SHOP PAGING ***/
#navpaging { padding:2px;	vertical-align: top;	text-align: left;	height: 20px; float:right; padding-right:8px;}
#navpaging li{ display: block;	list-style-type: none; height: 20px; width:20px; float:left;}
#navpaging li span{	text-align:center;	display: block;	overflow: hidden;	list-style-type: none;	height: 15px;	width:15px;	line-height:15px;	cursor: pointer;	background-color: #ececec;	border: 1px solid #d9d9d9;	margin:3px;	padding:1px;}
#navpaging li a{text-align:center;	display: block;	overflow: hidden;	list-style-type: none;	height: 15px;	width:15px;	line-height:15px;	cursor: pointer;	background-color: #ececec;	border: 1px solid #d9d9d9;	margin:3px;	padding:1px;}
#navpaging li a span{	text-align:center;	display: block;	overflow: hidden;	list-style-type: none;	height: 15px;	width:15px;	line-height:15px;	cursor: pointer;	background-color: #ececec;	border: 1px solid #d9d9d9;	margin:3px;	padding:1px;}
#navpaging li a:hover{text-align:center;	display: block;	overflow: hidden;	list-style-type: none;	height: 15px;	width:15px;	line-height:15px;	cursor: pointer;	background-color: #d50026; border: 1px solid #a50522;	font-weight: bold;	color: #FFFFFF; margin:3px;	padding:1px;}
#navpaging li a:active{text-align:center;	display: block;	overflow: hidden;	list-style-type: none;	height: 15px;	width:15px;	line-height:15px;	cursor: pointer;	background-color: #d50026; border: 1px solid #a50522;	font-weight: bold;	color: #FFFFFF; margin:3px;	padding:1px;}
/*** PAGING BOTOM ***/
.mainpagingbotomdivtop{	width: 727px;	height: 3px;	clear: both;}
.mainpagingbotomdiv{	width: 726px;	height: 29px;	background-color: #f2f2f2; top:10px;	float:left;	clear: both; margin-left:1px;}
.mainpagingbotomdivbotom{	width: 727px;	height: 3px;	clear: both;}
.mainpagingleft{ float:left; width: 350px; line-height:29px; padding-left: 6px;}
/*** FOOTER ***/
#bgfootersjena{	background-image: url(grafika/body/bgsjenab.png);	clear: both;	float: none;	height: 80px;	width: 955px;	background-repeat: no-repeat;	background-position: left top; margin-left:auto; margin-right:auto; margin-top:10px; padding-top:15px;}
