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

body {
	background-color: #000000;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/bffooter.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	font-family: "Trebuchet MS",Verdana,"Times New Roman";
	font-size: 12px;
	color: #c0c0c0;
}

a:link {
	color: #c0c0c0;
	text-decoration: none;

}

a:visited {
	color: #c0c0c0;
	text-decoration: none;

}

a:hover {
	color: #ff6600;
	text-decoration: none;

}



.sadrzaj {
	background-image:url(../images/bgsadrzaj.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}


.footer {

	font-family: "Trebuchet MS",Verdana,"Times New Roman";
	font-size: 11px;
	color: #FFFFFF;
	background-image: url(../images/bgfooter.jpg);

}

.Treb12 {
	font-size: 12px;
	color: #999999;
}

.Treb10 {
	font-size: 10px;
	color: #999999;
	line-height: 11px;
	margin-left: 9px;
}
.naslovPro {
color: #CCCCCC;
margin: 0;
padding: 0;
margin-left: 9px;
}
.input2 {
	font-family: "Trebuchet MS",Verdana,"Times New Roman";
	font-size: 12px;
	background-color: #999999;
	border: solid 1px #000000;
	margin-bottom: 4px;
}

.paddingDpanel {
padding-left: 8px;
padding-top: 7px;
padding-bottom: 7px;
}

.vesti {
padding: 12px;

}

.vesti2 {
border-top: #000000 1px solid;
padding: 5px;
}


.naslov17px {
font-size: 17px;
}

.naslov16px {
font-size: 16px;
}

.leviPanel {
border-right:  #2B221D solid 1px;
padding: 12px;
}

.leviPanel2 {
border-right:  #2B221D solid 1px;

}


.okvirAkt {
	border: #2b221d 1px solid;
	padding: 5px;
	margin-bottom: 5px;
}

.okvirAktSlika {
border: #000000 1px solid;
}

.okvirAktText {
	font-family: "Trebuchet MS",Verdana,"Times New Roman";
	font-size: 11px;
	color: #666666;
	line-height: 14px;
}

.bgokvir {
background-image:url(../images/bgokvir.gif);
}

.headerBG {
background-image:url(../images/headerBG.jpg);
}

.inputTrazi {

	font-family: "Trebuchet MS",Verdana,"Times New Roman";
	font-size: 12px;
	background-color: #999999;
	border: solid 1px #cdcdcd;
	color:#333333;
	width: 140px;
	height: 20px;
	}

.dugmeTrazi {
	font-family: "Trebuchet MS",Verdana,"Times New Roman";
	font-size: 12px;
	background-color: #999999;
	border: solid 2px #cdcdcd;
	color:#333333;
	width: 50px;
	height: 24px;
	font-weight:bold;
}


form {
margin: 0;
padding:0;
}


.bgProzivod {
background-color: #3c3c3c;
border: #000000 1px solid;
}

.bgKat {
border: #000000 1px solid;
}


.bgProizvodiSlike {
padding: 5px;
padding-right: 0px;
}

.proizvodNaslov {
	font-family: "Trebuchet MS",Verdana,"Times New Roman";
	font-size: 24px;
	color:#ffffff;
	font-weight:bold;
	line-height: 18px;
}

.proizvodiText {	font-family: "Trebuchet MS",Verdana,"Times New Roman";
	font-size: 12px;
	color: #808184;
	line-height: 14px;

}

.bgPanelProizvod {
background-color: #494949;
border: 1px #333333 solid;
margin: 0px;
margin-left: 4px;
margin-top: 15px;

}

.okvirProSlika {
border: #333333 1px solid;
margin: 9px;
margin-bottom: 0px;
}
/***********************************
Linkovi
**********************************/
.unactiveLink {
	font-family: "Trebuchet MS",Verdana,"Times New Roman";
	font-size: 12px;
	font-weight:bold;
	color: #ffffff;
	text-decoration: none;
	line-height: 12px;
}
a.linkDesnipanel:link {
	font-family: "Trebuchet MS",Verdana,"Times New Roman";
	font-size: 12px;
	color: #c0c0c0;
	text-decoration: none;
	line-height: 12px;
	
}

a.linkDesnipanel:visited {
	font-family: "Trebuchet MS",Verdana,"Times New Roman";
	font-size: 12px;
	color: #c0c0c0;
	text-decoration: none;
}

a.linkDesnipanel:hover {
	font-family: "Trebuchet MS",Verdana,"Times New Roman";
	font-size: 12px;
	color: #FF6600;
	text-decoration: none;
}


a.linkVesti:link {
	font-family: "Trebuchet MS",Verdana,"Times New Roman";
	font-size: 12px;
	color: #999999;
	text-decoration: none;
	line-height: 15px;


}

a.linkVesti:visited {
	font-family: "Trebuchet MS",Verdana,"Times New Roman";
	font-size: 12px;
	color: #999999;
	text-decoration: none;
	line-height: 15px;


}

a.linkVesti:hover {
	font-family: "Trebuchet MS",Verdana,"Times New Roman";
	font-size: 12px;
	color: #FF6600;
	text-decoration: none;
}

a.linkVise:link {
	font-family: "Trebuchet MS",Verdana,"Times New Roman";
	font-size: 10px;
	color: #999999;
	text-decoration: none;
}
a.linkVise:visited {
	font-family: "Trebuchet MS",Verdana,"Times New Roman";
	font-size: 10px;
	color: #999999;
	text-decoration: none;
}
a.linkVise:hover {
	font-family: "Trebuchet MS",Verdana,"Times New Roman";
	font-size: 10px;
	color: #FF6600;
	text-decoration: none;
}

/* populartag */
a.cloud1:link,
a.cloud1:visited	{padding:0 2px 0 2px; font-size:18px; color:#666; font-weight:bold; text-decoration:none;}
a.cloud1:hover,
a.cloud1:active		{padding:0 2px 0 2px; font-size:18px; color:#FFF; font-weight:bold; background:#666; text-decoration:none;}
a.cloud2:link,
a.cloud2:visited	{padding:0 2px 0 2px; font-size:12px; color:#666; font-weight:bold; text-decoration:none;}
a.cloud2:hover,
a.cloud2:active		{padding:0 2px 0 2px; font-size:12px; color:#FFF; font-weight:bold; background:#666; text-decoration:none;}
a.cloud3:link,
a.cloud3:visited	{padding:0 2px 0 2px; color:#666; font-weight:normal; text-decoration:none;}
a.cloud3:hover,
a.cloud3:active		{padding:0 2px 0 2px; color:#FFF; font-weight:normal; background:#666; text-decoration:none;}




/*************************************
Image transition
****************************************/

.pics { height: 250px; width: 650px; padding:0; margin:0; overflow: hidden }
.pics img { height: 250px; width: 650px; padding: 0px; border: 0px; top:0; left:0 }
.pics a { display: block; width: 650; height: 250; top: 0; left: 0 }

.picsP { height: 260px; width: 380px; padding:0; margin:0; }
.picsP img { height: 260px; width: 380px; padding: 0px; margin:0; border: 1px #999999 solid; top:0; left:0 }

#slideshow { margin: 0px }

#navP {
	position:relative;
	margin: 0px;
	padding: 0px;
	list-style-type:none;
 }

#navP li { 
	padding-left: 3px;
	list-style: none;
	margin: 0px;
	margin-top: -3px;
	margin-bottom: 5px;

 }
 

#navP img { 
border: none; 
margin: 0px;
padding: 0px;
display: block; 
} 

#navP a { margin: 0px; width: 80px; padding: 0px; display: block; border: 1px solid #000000; overflow: hidden;  }
#navP a.activeSlide { border: 1px solid #ff6600; }
#navP a:focus { outline: none; }


#sakrij {

display: none;
}


#specborder, #specborder td {
	border: 1px solid #3c3c3c;
	border-bottom: 1px solid #464646;
	border-right: 1px solid #464646;
	color:#999999;
}

.belo {
color: #FFFFFF;

}


/********************************
togler
********************************/

	@media projection, screen {

	/* Toggler - default style */
	.toggler {
	   margin:25px 0 25px 0;
	  
		cursor:pointer;
		text-decoration: none;
		font-size: 13px;
		font-weight:bold;
		line-height:30px;
		display: block;
	}
	.toggler-closed {
		color:#999999;
		font-size: 13px;
		padding-left:20px;
		height:30px;
		background: #222222 url('../images/togglerc.gif') center right no-repeat;
		border: solid 1px #222222;
		
	}
	.toggler-closed:hover {
		color: #999999;
		padding-left:20px;
		height:30px;
		background: #2c2c2c url('../images/togglerch.gif') center right no-repeat;
		border: solid 1px #2c2c2c;
	}
	.toggler-opened {
		color:#999999;
		font-size: 13px;
		padding-left:20px;
		height:30px;
		background: #222222 url('../images/togglero.gif') center right no-repeat;
		border: solid 1px #222222;
	}
	.toggler-opened:hover {
		color: #999999;
		padding-left:20px;
		height:30px;
		background: #2c2c2c url('../images/toggleroh.gif') center right no-repeat;
		border: solid 1px #2c2c2c;
	}

	/* Container - default style */
	.toggler-c {
	}
	.toggler-c-closed {
	   background:#fff;
	   border:solid 1px #494949;
		margin:-25px 0px 25px 0px;
	   padding:20px;
	   background-color: #494949;
	}
	.toggler-c-opened {
		margin:-25px 0px 25px 0px;
	   padding:20px;
	   background:#494949;
	   border:solid 1px #494949;
	}

}
@media print {

	.toggler-c { margin-bottom:25px; }
	.toggler { display: none; }

}

#breadcrumb ul li{
   list-style-image: none;
   display:inline;
   padding: 0 3px 0 0;
   margin: 3px 0 0 0;
}
#breadcrumb ul{
   margin:0;padding:0;
   list-style-type: none;
   padding-left: 1em;
}

