@charset "utf-8";
/* CSS Document */

body {
	margin:0px;
	margin-top: 5px;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #737373;
	background:#ffffff 
	
}

.perica .perica td, .perica p{
	
	font-family:gill sans, Tahoma, Arial, Helvetica, sans-serif;}

a:link, a:visited, a:hover, a:active
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #126292;
	text-decoration: none;
	
}
a:hover
{
	text-decoration: underline;
}
a:visited
{
	color: #1471AA;
	
}


/************************ mali font adrese u gornjem desnom uglu *********************/
.smallFont
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #595959;
}
/************************** header ********************************/	

#pageHeader{
	border-bottom:5px solid white
	}
/************************** main accordion ********************************/	

#pageHeaderAccordion{
	
	border:1px solid #cccccc;
	border-bottom:0px;
	height:160px;
	background-color:#fbfbfb;
	text-align:center;
	/*background-image:url(../template/accordionTest.jpg);background-position:top left;background-repeat:no-repeat*/
	
	}

/************************** main menu ********************************/	
#pageHorizontalMenu{
	
	height:24px;
	/*border-top:1px solid white;*/
	
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	background-color:#92c245;
	background-image:url(../template/mainMenuBg.gif);background-position:top left;background-repeat:repeat-x
	
	}
	
#pageHorizontalMenu td{
	
		height:24px;
		
	}
	
a.pageHorizontalMenu:link, 
a.pageHorizontalMenu:visited,
a.pageHorizontalMenu:hover,
a.pageHorizontalMenu:active{
		color:white;
		font-family:Tahoma, Geneva, sans-serif;
		font-size:11px;
		font-weight:normal;
		text-decoration:none;
		text-transform:uppercase;
		display:block
		
	}
	
.pageHorizontalMenuTD{
	
	width:132px;
	text-align:center

	}
	
.pageHorizontalMenuSeparator{
	background-color:white;
	width:1px}

/************************** CONTENT *******************************/
	
#pageContent{
	
	border:1px solid #cccccc;
	border-bottom:0px;
	border-top:0px;
	vertical-align:top

	}
#pageContentCenterColumn{
	vertical-align:top;
	width:627px !important;
	
	}

#pageContentLeftColumn{
	width:200px;
	vertical-align:top;
	border-right:1px solid #e3e3e3;
	padding:15px 5px 15px 8px
	
}
/************************** CONTENT DESNO *******************************/	
#pageContentRightColumn{
	
	border-left:1px solid #cccccc;
	width:300px;
	vertical-align:top

	}
#pageContentRightColumnNaslov{
	
	border-bottom:1px solid #cccccc;
	border-top:1px solid #ffffff;
	padding:1px 0px 0px 95px;
	height:20px
	
	}
#pageContentRightColumnNaslov span{
	
	
	font-weight:bold;
	text-transform:uppercase;
	line-height:20px
	}
	
#pageContentRightColumnNovosti{
	
	padding:10px 10px 0px 0px
	
	}
a.novosti_naslov:link,a.novosti_naslov:visited,a.novosti_naslov:hover,a.novosti_naslov:active{
	
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #126292;
	text-decoration: none;	
	}
a.novosti_naslov:hover{
	text-decoration:underline
	}	
	
.novosti_datum{
	
	color: #737373;
	font-family: Tahoma,Arial, Helvetica, sans-serif;
	font-size: 10px;
	
	}

.novosti_text{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #737373;
	text-decoration: none;	
	
	}	
	
	
	
/******************** prodaja *******************/

.prodajaKategorijeListNaslov{
	
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:3px;
	display:block
	
	}	
	
	
	
	
	
	
	
	
	
	
/************************* tabovi **********************************/



/*gradacija zelene

5d8222
6b922e
78a138
87b244
93c04e
9ecc57*/




#h_0{
	background-color:#479509;
	color:white;
	}
#h_1{
	background-color:#589f1f;
	color:white;
	}
#h_2{
	background-color:#6dac3c;
	color:white;
	}
#h_3{
	background-color:#84b95a;
	color:white;
	}	
#h_4{
	background-color:#9ac678;
	color:white;
	}


#FinderAcordion{
	

	position:relative;
	
	}


#FinderAcordion .linkic{

	display:block;
	padding:4px 35px;
	position:relative;
	margin:0px 0px;
	color:#ffffff;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	text-transform:uppercase;

	cursor:pointer;
	background-image:url(../template/arrowUp.png);
	background-repeat:no-repeat;
	background-position:20px center;
		
	}
	
#FinderAcordion .tabDetaljnije{	

	/*width:627px;*/ /* marinko 2016_03_01 */
	
	min-width:627px


}	
	
#FinderAcordion .lejeric {
	
	width:627px;

	}

#FinderAcordion .tabMainContent {
	
	padding:5px;
	padding-bottom:0px;
	
	
	

	}
#FinderAcordion .tabMainContent .tabContentHolder {
	
	background-image:url(../template/grid.png);
	background-repeat:repeat-y;
	background-position:0px -1px;
	
	
	

	}	
	
#FinderAcordion .tabMoreInfoContainer {	
	background-image:url(../template/moreInfoBg.png);
	background-repeat:repeat-y;
	background-position:right top;
	margin-top:5px

}
	
#FinderAcordion .tabMoreInfo {
	
	padding:5px;
	text-align:right;
	cursor:pointer;
	color:#479509;
	background-image:url(../template/arrowDownGreen.png);
	background-repeat:no-repeat;
	background-position:615px center;
	padding-right:15px;
	text-transform:uppercase;
	font-size:10px;
	
	

	}		

#FinderAcordion .tabMoreInfoContent {

		display:none;
		
		
	}

#FinderAcordion .tabMoreInfoContentInnerHTML {

		padding:0px 5px 0px 5px;
		text-align:justify
	}
	



.tabLoader{

	visibility:hidden;
	position:absolute;
	left:600px;
	top:2px
}




.tabCijena{
	
	color: #1471AA;
    font-family: Tahoma,Arial,Helvetica,sans-serif;
    font-size: 11px;
    text-decoration: none;
	font-weight:bold
	
	
	}
.tab_akcijaThumb{
		max-width: 90px !important;
		max-height:85px !important;
	
	}

.gridContentCell{
	
		cursor:pointer;
		/*padding:5px;*/
		
		

	}
.gridContentCellImage, detalji_logoItemaImage{
	/*max-width:195px;
	max-height:70px*/
	}
.gridContentCellTitle,detalji_logoItemaTitle{
	
	margin-top:4px;
	height:16px;
	
	
	}
.akcijaContentCell{
	
	cursor:pointer;
	padding:5px;
	height:96px;
	width:208px
	
	
	}
	
.akcijaContentCell img{
	
	max-width: 90px;max-height:90px
}
	
 .gridR1C1{
	  
	height:96px;
	width:207px;
	padding:7px 0px 0px 0px

	 }
	.gridR1C2{
	
	background-image:url(../template/grid.png);
	background-repeat:no-repeat;
	background-position:4px -2px;
	height:96px;
	width:207px;
	padding:7px 0px 0px 10px
	
	}
	
	.gridR1C3{
	
	background-image:url(../template/grid.png);
	background-repeat:no-repeat;
	background-position:4px -2px;
	height:96px;
	width:207px;
	padding:7px 0px 0px 10px
	
	}


.gridR2C1{
	 
	background-image:url(../template/grid.png);
	background-repeat:no-repeat;
	background-position:-1px 5px;
	height:101px;
	width:207px;
	padding:12px 0px 0px 0px
		 
	
	
	}
.gridR2C2{
	background-image:url(../template/grid.png);
	background-repeat:no-repeat;
	background-position:4px 5px;
	height:101px;
	width:207px;
	padding:12px 0px 0px 10px
	
	}

.gridR2C3{
	background-image:url(../template/grid.png);
	background-repeat:no-repeat;
	background-position:4px 5px;
	height:101px;
	width:207px;
	padding:12px 0px 0px 10px;
	
	
	}
				
/**************** detalji itema*********************/
.tabPovratContainer {	
	background-image:url(../template/backToContentBg.png);
	background-repeat:repeat-y;
	background-position:right top;
	/*display:block;*/
	height:25px;
	display:none;

}	
.tabPovrat{
	
	right:0px;
	position:absolute;
	padding:5px 15px 5px 10px;
	cursor:pointer;
	color:#ffffff;
	background-image:url(../template/backArrow.png);
	background-repeat:no-repeat;
	background-position:left center;

	text-transform:uppercase;
	font-size:10px;
	

	}	
	
.tabDetalji{
	
	/*padding:5px;*/ /* marinko 2016_03_01 */
	padding: 0px 0px 5px 5px;
	text-align:justify}
	
	
#detalji_naAkcijiTitle{
	height:24px;
	border-top:0px;
	text-align:center;
	vertical-align:middle;
	background-image:url(../template/backToContentBg.png);
	background-repeat:repeat-y;
	background-position:left top;
	text-transform:uppercase;
	padding-right:5px}
#detalji_naAkcijiList{
	/*padding-right:5px*/
	}
	
.kazaloIkona {margin:10px 0px}
	
#detalji_logoItema{
		/*height:96px;*/ /* marinko 2016_03_01 */
		padding:1px 0px;
		text-align:center;
		vertical-align:middle
		}
#detalji_topSeparator{
	
	height:0px
	}
#detalji_naAkcijiCell{
	width:213px;
	vertical-align:top;
	border-right:1px solid #e3e3e3;
	/*background-color:#F30*/
	
}
#detalji_opisItema{
	/*padding-left:5px;*/ /* marinko 2016_03_01 */
	padding-top:0px;
	/*border-top:1px solid #e3e3e3;*/ /* marinko 2016_03_01 */
	
	vertical-align:top
}
.itemListNazivGrupe{/*background-image:url(../template/backToContentBg.png);
	background-repeat:repeat-y;
	background-position:50px top;*/
	border-top:1px solid #e3e3e3;
	border-bottom:1px solid #e3e3e3;
	
	}
	.itemListNazivGrupe td{
		
		/*height:24px;*/ /* marinko 2016_03_01 */
		height:23px;
		
		padding-left:5px;padding-right:5px;
		
		}
		
		.itemListNazivGrupe .itemListNazivGrupeTitle{
		
		text-transform:uppercase;
		font-weight:bold;
		}
		
		.itemListNazivGrupe .itemListNazivGrupeCijena{
		
		
		text-align:right;
		width:65px;
		
		
		
		}
		
.itemListContainer{}
.itemListContent{ height:24px;padding:5px 5px 5px 0px}
.itemListLinkTd{/*width:260px;*/}
.itemListLink{display:inline;float:left;padding-left:5px}
.itemListLoaderTd{width:16px}
.itemListImgTd{width:16px;}
.itemListImg{display:inline;float:right;text-align:right;}

.itemListUsporedbaTd{
	
	width:50px;
	

	}
	


.itemListPriceTd{width:55px;}
.itemListPrice{display:inline;float:right;text-align:right;}
.itemListDetails{display:none;}
.itemListKategorija{
	cursor:pointer;
	vertical-align:middle;
	border-bottom:0px solid #efefef;
	text-align:center !important}
.itemListKategorija .itemListKategorijaThumb{
	
	margin-top:15px;
	margin-bottom:3px;
	/*max-width:50px !important;
	max-height:40px !important;
	text-align:center!important*/

}

.itemListKategorija .itemListKategorijaTitle{

	margin-bottom:3px;

}



	
	
/***********opis proizvoda************/	
.opisProizvodaNaziv{
	
	text-align:left;
	MARGIN-TOP:0PX;
	MARGIN-bottom:0PX;
	font-size:13px
	
	
	}
	
	.script_alert{
		
		background-color:#F01728;
		color:black;
		display:block;
		height:32px;
		border-bottom:1px solid #cccccc
	}
/*********************************** search **************************/	
#pageSearch{
	
	border-left:1px solid #cccccc;
		border-right:1px solid #cccccc;
	border-top:1px solid #cccccc;
	border-bottom:0px;

	height:64px;
	
	background-image:url(../template/pageSearchBack.gif);background-repeat:repeat-x;background-position:top left;
	
	
	}
	
	
#pageSearchForm{
	
	float:left;
	width:627px;
	height:64px;
	position:relative
	
	
	}
	
#pageSearchFormBack{
	position:absolute;
	left:110px;top:14px;
	width:408px;
	height:36px;
	background-image:url(../template/pageSearchDummy.png);
	background-repeat:no-repeat
	
	}
	
/**********************************************************/

.straniceNaslov{
	
	
	font-size:13px
	
	
	}
/**************************** kosarica *****************/	
#webshopCart{
	
	float:right;
	width:300px;
	height:64px;
	
	
	
	
	}
#kosaricaIcon, #dummyBasket{
	
	float:left;
	width:36px;
	margin-top:15px;
	margin-left:49px;
	margin-right:10px
	
	}
#kosaricaStatus{
	
	float:left;
	margin-top:15px
	
	
	}
.kosaricaNaslov{
	
	font-size:12px;
	color:#589f1f;
	font-weight:bold;
	text-transform:uppercase
	
	}	
.kosaricaStatusText{
	
	font-size:12px;
	color:white;
	font-weight:normal;
	font-style:italic
	
	}
.kosaricaNaglaseno{
	
	color:red;
	}	
	
/***************************** footer **************************/
#footerHolder{
	background-color:#7f7e7e;
	border-top:1px solid white;
	}
#pageFooter{
	
		text-align:left;
		
		/*background-color:#9d9d9d;*/
		
		/*background-image:url(../template/footerBack.gif);*/
		background-repeat:no-repeat;
		width:930px;
		
	
	}
#footerContent{
	
	padding:0px 0px 15px 0px;
	}	
	
a.footerMenu:link, a.footerMenu:visited, a.footerMenu:hover, a.footerMenu:active {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #E6E6E6;
	text-decoration: none;
	line-height:20px;
	text-transform:uppercase;
	display:block;
	padding-left:10px;
	background-image:url(../template/whiteArrow.gif);background-position:center left;background-repeat:no-repeat;
	margin-top:9px
	
}

a.footerMenu:hover{

	text-decoration: none;
	background-color:#cccccc;
	color:#666;
	background-image:url(../template/greyArrow.gif);background-position:3px center;background-repeat:no-repeat
	
}

.footerCopyright{
	
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #E6E6E6;
	text-align:center;
	margin-top:15px;
	/*border-top:1px solid #92c245;*/
	padding:10px;
	padding-right:0px

	}
#facebook{
	
	vertical-align:top;
	width:627px;
	padding-top:24px;
	
	
	
	
	}
	
#likebox-frame{
 border:2px solid #F0F9F4;
 width:625px;
 z-index:10;
 height: 248px;
 overflow: hidden;
 position:relative;
 top:0px;
 left:0px;
}
#likebox-frame iframe{
  left:-1px;
  overflow:hidden;
  position:relative;
  top:-1px;
}

#popisNovosti{
	
	/*margin-top:10px*/
	}

.newsPreview img{
	
		float: left; margin: 0px 7px 7px 0px; 
	
	}
.newsItem{padding:10px 0px}
	
.newsTitle{
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	display:block;
	}


.novosti_datum_dummy{
	display:block;
	height:3px

	}
.marginNula{margin:0px}
	
.newsDetaljnijeButton{
	text-align:center;
	cursor:pointer;
	border-top:1px solid #b8d6a0;
	display:block;
	background-image:url(../template/greenArrowHolderDown.png);
	background-position:top center;
	background-repeat:no-repeat;
	height:15px
	}
	
	
#popisNovosti .buttonArrowUp{
		background-image:url(../template/greenArrowHolderUp.png);
		background-position:bottom center;
		background-repeat:no-repeat;
		border-bottom:1px solid #b8d6a0;
		border-top:0px;
	}

#popisNovosti .NDBhover_UP{
		background-image:url(../template/greenArrowHolderUpHover.png);
		background-position:bottom center;
		background-repeat:no-repeat;
	}	
#popisNovosti .NDBhover_DOWN{
		background-image:url(../template/greenArrowHolderDownHover.png);
		background-position:top center;
		background-repeat:no-repeat;
	}	
	
.newsDetaljnijeFakeButton{
	
	text-align:center;
	
	cursor:pointer;
	border-top:1px solid #b8d6a0;
	display:block;
	/*background-image:url(../template/greenArrowHolder.png);
	background-position:top center;
	background-repeat:no-repeat;*/
	height:10px
	
	}
	
	.newsZatraziPonudu, .newsDetaljnije{
		float:right;;
		margin:20px 0px 20px 10px
		
		
		
		}
		.finderButton{
			
			padding:3px 10px;
			cursor:pointer;
			text-transform:uppercase
			}
			
	/* novosti zatraži ponudu*/		
#formZP input {
		height:21px;
		width:250px;
		border:1px solid #b8d6a0;
		padding:2px
	}
#formZP textarea{
		border:1px solid #b8d6a0;
		padding:2px;
		width:450px;
		height:100px
	}
	
#formZP #posalji{
		display:inline;
		margin-bottom:20px
	}
	
	
	
	
	
.poveznicaimgCell{

	height:90px;
	width:90px
	
	}
	
.poveznicaimgCell img{
	
	max-width: 90px;
	max-height:90px
}