/* CSS Document */
*{
	margin:0px;
	padding:0px;
	font-family:arial;
	font-size:12px;
}

body{
	background:#f3f3f3 url('../../site_images/bgnd_page.gif') repeat-y 50% 0%;
}

.CentredContainer{
	width:900px;
	height:100%;
	margin:auto;
	padding:0px;
	position:relative;
	border:0px solid red;
}

.PageHeader{
	width:900px;
	text-align:left;
	position:relative;
	height:80px;
	border:0px solid red;
}

.HeaderLogo{
	/* border:1px solid #ccc; */
	padding:5px 0px 0px 15px;
	margin:10px 10px 0px 10px;
	width:220px;
	float:left;
	border:0px;
}
#HeaderTopMenu{
	/* border:1px solid #ccc; */
	width:500px;
	float:right;
	text-align:right;
	padding:4px 15px 0px 0px;
}
#HeaderTopMenu a{
	color:#666;
	font-size:11px;
	text-decoration:none;
	padding-left:16px;
	margin-left:5px;
	background-repeat: no-repeat;
	background-position: 0% 50%; 
}
#HeaderTopMenu a:hover{
	text-decoration:underline;
}
#HeaderTopMenu a.home{
	background-image:url('../../site_images/icon_home.gif');
}
#HeaderTopMenu a.sitemap{
	background-image:url('../../site_images/icon_sitemap.gif');
}
#HeaderTopMenu a.ekontakt{
	background-image:url('../../site_images/icon_ekontakt.gif');
}


#jezici{
	position:absolute;
	top:38px;
	right:18px;
}
#jezici A{
	color:#666;
	font-size:11px;
	text-decoration:none;;
}
#jezici a:hover{
	text-decoration:underline;
}

#accountMenu{
	position:absolute;
	right:220px;
	top:10px;
	border-right:1px solid #999;
	padding:0px 6px 2px 0px;
	text-align:right;

}
#accountMenu A{
	display:block;
	font-size:10px;
	text-decoration:none;
	color:#666666;
}
#accountMenu A:hover{
	text-decoration:underline;
}

/* -- < MAIN MENU > -- */
.MainMenuStrip{
	position:relative;
	width:900px;
	height:32px;
	background-image:url('../../site_images/bgnd_menu_strip.gif');
	background-repeat: no-repeat;
	clear:both;
}
#MainMenu{
	height:32px;
	text-align:left;
	/* border:1px solid #999; */
	padding-left:20px;
	
}
#MainMenu a div{
	padding-top:8px;
	cursor:pointer;
	font-size:14px;	
}
#MainMenu a{
	height:32px;
	float:left;
	margin:0px;
	padding:0px 10px 0px 10px;
	color:#fff;
	text-decoration:none;
	font-size:14px;
	border-right:1px solid #f9aa6d;
	vertical-align:middle;
}
#MainMenu a:hover{
	background-color:#fff;
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;
	color:#000;
}
/* -- </ MAIN MENU > -- */

/* -- < SUB MENU > -- */
#SubMenu{
	background-color:#eee;
	border-bottom:1px solid #999;
	z-index: 100;
	position:absolute;
	top:32px;
	left:8px;
	width:885px;
	height:30px;	
}
#SubMenu a{
	text-decoration:none;
	color:#000;
	float:left;
	height:30px;
	border-right:1px solid #ccc;
	padding-left:6px;
}
#SubMenu a:hover{
	background-color:#ccc;	
}
#SubMenu a div{
	font-size:14px;
	padding-top:8px;
	cursor:pointer;
}
/* -- </ SUB MENU > -- */

.PageContent{
	width:900px;
	margin:5px 0px 5px 14px;
	text-align:left;
}
.glavniNaslovi{
	font-size:16px;
	font-weight:normal;
	padding:2px 2px 2px 6px;
	border-bottom:1px dashed #ccc;
}

.glavniNasloviNegativ{
	font-size:16px;
	font-weight:normal;
	padding:2px 2px 2px 6px;
	border-bottom:1px dashed #ccc;
	color:#FFFFFF;
	
}

#homeContent{
	text-align:left;
}
#homeContent table{
	border-collapse:collapse;
	width:900px;
	
}

#homeContent table td{
	/* width:25%; */
	vertical-align:top;
}

#homeContent table td ul{
	list-style-type:none;
}
#homeContent table td ul li{
	padding-left:10px;
	font-size:12px;
	color:#666;
	background-image:url('../../site_images/strelica_orange.gif');
	background-repeat: no-repeat;
	background-position: 0px 5px; 
}

A.PDFLink{
	font-size:11px;
	margin-top:4px;
	color:#333333;
	padding-left:25px;
	background:url('../../site_images/icons/pdf_icon.gif') no-repeat 0px 0px;
	display:block;
	text-decoration:none;
}
A.PDFLink:hover{
	text-decoration:none;
	color:#0077c1;
}

#contentContainer{
	margin:10px;
}
#contentContainer td{
	padding:4px;
	vertical-align:top;
}


#contentContainer h1{
	margin:2px 0px 6px 0px;
	font-size:16px;
	color:#f87e1b;
}

#contentContainer hr{
	margin:2px 0px 2px 0px;
	border:0px;
	height:1px;
	background-color:#999;
	width:100%;
}

.PageBannerPocetna{
	height:200px;
	margin-left:7px;
	border:0px solid red;
	width:882px;
}
.PageBanner{
	background:url(../../site_images/bgnd_unior_banner.gif) no-repeat;
	height:151px;
	margin-left:7px;
	border:0px solid red;
	width:882px;
}
.UniorMaskota{
	position:absolute;
	top:27px;
	right:-10px;
}

#PageFooter{
	color:#999;
	text-align:left;
	border-top:1px solid #999;
	margin:5px 13px 5px 13px;
	padding:20px;
	font-size:12px;
	clear:both;
	
}
#PageFooter a{
	font-size:10px;
	font-weight:bold;
	color:#999;
	text-decoration:none;
}

.LeftArea{
	 /* border:1px solid #000; */
	width:620px;
	float:left;
	border-right:1px solid #dddddd;
	font-size:18px;
}
.RightArea{
	 /* border:1px solid #000; */
	width:240px;
	float:left;
	margin-left:6px;
}


.karticaNovosti{
	font-weight:normal;
	font-size:16px;
	color:#005bad;
	margin:0px;

}
.karticaAkcija{
	font-weight:normal;
	font-size:16px;
	color:#005bad;
	margin:0px;

}

.novostiBox{
	background-image:url('../../site_images/bgnd_gradijent_sivi.gif');
	background-repeat: repeat-x;
	background-position:top left;
	padding:6px;
	color:#666666;
}


a.novost_naslovi{
	font-weight:normal;
	font-size:14px;
	color:#f77d1b;
	text-decoration:none;
}
a.novost_naslovi:hover{
	text-decoration:underline;
}
.novost_slika{
	width:80px;
	float:left;
	margin:10px 4px 20px 2px;
	border:1px solid #ccc;
}
.separator_naslova{
	border-bottom:1px solid #ccc;
	padding-bottom:4px;
	margin-bottom:4px;	
}
.novost_antrafile{
	font-size:12px;
	padding:8px 4px 4px 4px;
}
A.ostaliClanci{
	font-size:10px;
	color:#666;
	padding-left:10px;
	text-decoration:none;
	background:url(../../site_images/icons/small_right.gif) no-repeat 0% 50%;
}
A.ostaliClanci:hover{
	text-decoration:underline;
}
#article_body p{
	padding:4px;
	margin:4px 0px 6px 0px;;
}
#article_body .antrafile{
	font-style:italic;
}
#article_body  h3.headline{
	font-size:18px;
	color:#666;
	margin:8px 5px 8px 0px;
}
#article_body  .datum{
	font-size:10px;
	color:#666;
	font-weight:bold;
}

/* KATALOG */

.CatalogContent{
	 /* border:1px solid #000; */
	width:640px;
	float:left;
	border-right:1px solid #dddddd;
	font-size:18px;
}
.CatalogNavigation{
	 /* border:1px solid #000; */
	width:220px;
	float:left;
	margin-left:6px;
	margin-top:10px;
}
.catalogueHeadline{
	color:#1e78bb;
	font-size:16px;
	margin:10px 0px 6px 2px;
}
.naslovPodkategorija{
	clear:both;
	color:#ff7200;
	background:url('../../site_images/bgnd_naslov_podkategorije.gif') repeat-x;
	font-size:13px;
	height:27px;
	padding:6px 0px 0px 8px;
	margin-top:10px;
}

/* -- < Bocna navigacija kategorije > -- */
.sideCatNav{
	margin:0px 0px 20px 0px;
	border:1px solid #ccc;
	padding:4px;
	background:url(../../site_images/cat_bm_bgnd.gif) repeat-y;
}

.sideCatNavHeader{
	background:url(../../site_images/cat_bm_heder_bgnd.gif) no-repeat 100% 0%;
	padding:8px;
}
.sideCatNavHeader A{
	color:#444;
	font-size:12px;
	text-decoration:none;
}
.sideCatNavHeader A:hover{
	color:#FF6600;
}

.sideCatNav UL{
	padding-left:0px;
}
.sideCatNav UL LI{
	list-style-type:none;
	border-bottom:1px solid #ccc;
}
.sideCatNav UL LI A{
	display:block;
	padding:4px 4px 4px 10px;
	font-size:12px;
	color:#0c4976;
	text-decoration:none;
}
.sideCatNav UL LI A.markItem{
	background:url(../../site_images/cat_strelica.gif) no-repeat 1px 7px;
	border:1px dashed #ff7200;
	margin:2px 0px 2px 0px;
}
.sideCatNav UL LI A:hover{

}

.sideCatNav UL LI UL LI{
border-bottom:0px;
}
.sideCatNav UL LI UL LI A{
	font-size:11px;
	color:#444;
	padding:2px 2px 4px 10px;
	text-decoration:none;
	background:url(../../site_images/icons/small_right.gif) no-repeat 0px 5px;
}
.sideCatNav UL LI UL LI A:hover{
	text-decoration:underline;
}
/* -- </ Bocna navigacija kategorije > -- */

/* -- < SubCat PopUp > -- */
.catalogueItemBox A.subCatAnchor{
	position:relative;
	display:block;
	width:125px;
	height:22px;
	cursor:pointer;
	
	padding:3px 2px 2px 8px;
	margin-left:7px;
	background:url(../../site_images/cat_popup_dugme_bgnd.gif) no-repeat;
	color:#f87e1b;
}
.catalogueItemBox A.subCatAnchor:hover{
	background:url(../../site_images/cat_popup_dugme_over_bgnd.gif) no-repeat;
	color:#fff;
}


.catalogueItemBox .subCatPopUp {
	display:none;
	z-index:1000;
	width:200px;
	background:#eee;
	position:absolute;
	border:1px solid #cccccc;
}
.catalogueItemBox .subCatPopUp H3{
	background:url(../../site_images/cat_popup_close.gif) no-repeat 180px 4px;
	padding:4px 20px 4px 4px;
}

.catalogueItemBox .subCatPopUp A{
	display:block;
	color:#444;
	padding:2px 2px 2px 12px;
	background:url(../../site_images/icons/small_right2.gif) no-repeat 4px 6px;
}
.catalogueItemBox .subCatPopUp A:hover{
	color:#CC6600;
}

.NavToolboxContent{
	position:relative;
}
/* -- </ SubCat PopUp > -- */


/* < toolBox > */
#toolBox{
	width:75px;
	position:absolute;
	top:0px;
	left:560px;

}
/* </ toolBox > */

/* < trackNav > */
#trackNav{
	width:540px;
	color:#6a6a6a;
	font-size:10px;
	font-family:verdana;
	border:0px solid red;
}
#trackNav a{
	color:#6a6a6a;
	font-size:10px;
	font-family:verdana;
	text-decoration:none;
}
#trackNav a:hover{
	text-decoration:underline;
}
/* </ trackNav > */


/* < WIDGET BOX > */
.WidgetBgnd{
	position:absolute;
	height:100%;
	width:795px;
	background-color:#eeeeee;
	z-index: 100;
	filter:alpha(opacity=70);
	opacity: 0.7; 
	-moz-opacity:0.7;
	display:none;
}
#widgetContainer{
	position:absolute;
	background-color:#fff;
	margin-top:150px;
	margin-left:50px;
	z-index: 1000;
	border:1px solid #666;
	padding:20px;
	padding-top:35px;
	display:none;
}
#widgetContainer a{
	position:absolute;
	top:5px;
	right:10px;
	border:0px
}
/* </ WIDGET BOX > */

/* < KATALOG PROIZVODA > */
#articleTable{
	border-collapse:collapse;
	width:98%;
	margin:2px 4px 8px 6px;
}
#articleTable th{
	font-size:10px;
	font-weight:bold;
	color:#666;
	border-bottom:1px solid #999;
	text-align:left;
}
#articleTable td{
	font-size:12px;
	color:#333;
	padding:4px;
	border-bottom:1px solid #eee;
}

.CodeNum{
	padding:2px;
	font-weight:bold;
}

/* </ KATALOG PROIZVODA > */

/* < Wish List > */
.addItemBox{
	display:none;
	position:absolute;
	border:1px solid #ccc;
	background-color:#fff;
}
.addItemIconBox{
	position:relative;
	cursor:pointer;
}
/* </ Wish List > */


/* < SADRZAJ STRANICA > */
.sadrzaj{

}
.sadrzaj H2{
padding:6px;
font-size:16px;
color:#3366CC;
}
.sadrzaj P{
padding:6px;
padding-right:15px;
text-align:justify;
font-size:12px;
color:#444;
}

.sadrzaj UL,OL{
	margin:5px;
	padding:6px 0px 10px 25px;
}
.sadrzaj UL LI{
	list-style-type:disc;
	color:#444;
}
.sadrzaj OL LI{
	color:#444;
}

/* </ SADRZAJ STRANICA > */

/* < BOCNI MENI > */
#bocni_meni H3{
	padding:4px 6px 4px 8px;
	background:#fb7400;
	color:#fff;
}
#bocni_meni LI{
	list-style-type:none;
	padding:2px;
}
#bocni_meni LI A{
	display:block;
	padding:4px 6px 4px 2px;
	text-decoration:none;
	color:#333333;
	height:22px;
	border-bottom:1px solid #ccc;
}
#bocni_meni LI A:hover{
	background:#eee;
}
/* </ BOCNI MENI > */