body {
	margin-left: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	background-color: #3b3b3b;
	color: #333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
p, ul, li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top:2px;			
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#b40004;	
	margin-bottom:2px;
}
hr {
	color: #CCCCCC;
	height:1px;
	}
table {
	font-size:11px;
	background-color: #e6e6e6;
	border-collapse:collapse;
	}
td {padding:0px;}

.MainTable {
	width:100%;
	background:url(images/MainTableBackgr.jpg) top repeat-x #585455;
	border-bottom:1px solid #999999;
	border-top:1px solid #999999;
	}

.CenterTable {
	width:964px;
	background-image:url(images/Table_Backgr.gif)
	}
.LeftColumn, .LeftColumnFront {
	width:184px;
	vertical-align:top;
	background:url(images/FrontLeftNavigBackgr.jpg) bottom right no-repeat;
	}
.LeftNavigation {
	background: url(images/left_navigation_backgr.gif) right repeat-y #585455;
	vertical-align:top
	}

	
/*	
.NavKonstrukcije {
	background:url(images/ikona_cel_konstr.gif) no-repeat #f0f0f0;
	padding-left:20px;
	font-weight:bold;
	height:16px;
	margin-top:10px;	
}
.NavKonstrukcije a:link, .NavKonstrukcije a:visited{
	text-decoration:none;
	color:#638360;
	top:2px;
	position:relative;
}
.NavKonstrukcije a:hover {
	color: #333333
}
.ContentKonstrukcije {
	padding:10px;
	}
.ContentKonstrukcije a:link, .ContentKonstrukcije a:visited {
	color:#638360;
	font-weight:bold;
	text-decoration:none;
	font-size:11px;
	}
.ContentKonstrukcije a:hover {
	color: #999999
	}	
	
	
.NavPaneli {
	background: url(images/ikona_paneli.gif) no-repeat #f0f0f0;
	padding-left:20px;
	font-weight:bold;
	height:16px;
	margin-top:10px;	
}
.NavPaneli a:link, .NavPaneli a:visited{
	text-decoration:none;
	color:#d2a220;
	top:2px;
	position:relative;
}
.NavPaneli a:hover {
	color: #333333
}
.NavPaneliSub a:link, .NavPaneliSub a:visited {
	color:#d2a220 ;
	font-weight:bold;
	text-decoration:none;
	
	}
.NavPaneliSub a:hover {
	color:#666666
}
.NavLimoviSub a:link, .NavLimoviSub a:visited {
	color:#ac5050 ;
	font-weight:bold;
	text-decoration:none;
	
	}
.NavLimoviSub a:hover {
	color:#666666
}
.NavPaneliSub, .NavLimoviSub 
{
	background-color:#e1e0e0;
	height:18px;
	border-top:1px solid #d4d4d4;
	margin-left:3px;
	padding-left:6px;
	padding-top:2px;
		
	}
HTML>BODY .NavPaneliSub, .NavLimoviSub {
	height:16px
	}
	
	

.HeadingPaneli {
	background-color:#fac535
	}
.HeadingLimovi {
	background-color:#ac5050
	}
.HeadingPVC {
	background-color:#95768e
	}
.HeadingProfili {
	background-color:#5b5c92
	}
.HeadingArmaturne {
	background-color:#b02c27
	}
.HeadingTekstili {
	background-color:#d8621b
	}
.HeadingStrojevi {
	background-color:#61b2ad
	}	
.HeadingKonstrukcije {
	background-color:#8ba988
	}
	
	
.ContentPaneli p a:link, .ContentPaneli p a:visited {
	color:#f1bc31;
	font-weight:bold;
	text-decoration:none;
	font-size:11px;
	}
.ContentPaneli p a:hover {
	color: #999999
	}	
.ContentPaneli h2 {
	font-size:11px;
	font-weight:bold;
	color:#f1bc31;
}
.ContentLimovi h2 {
	font-size:11px;
	font-weight:bold;
	color:#ac5050;
}
.ContentLimovi td {
	border-bottom:1px solid #ac5050	
}
.ContentLimovi table {
	border-top:1px solid #ac5050	
}
.NavLimovi {
	background: url(images/ikona_limovi.gif) no-repeat #f0f0f0;
	padding-left:20px;
	font-weight:bold;
	height:16px;
	margin-top:10px;	
}
.NavLimovi a:link, .NavLimovi a:visited{
	text-decoration:none;
	color:#ac5050;
	top:2px;
	position:relative;
}
.NavLimovi a:hover {
	color: #333333
}
.NavPVC {
	background: url(images/ikona_PVC.gif) no-repeat #f0f0f0;
	padding-left:20px;
	font-weight:bold;
	height:16px;
	margin-top:10px;	
}
.NavPVC a:link, .NavPVC a:visited{
	text-decoration:none;
	color:#754c6c;
	top:2px;
	position:relative;
}
.NavPVC a:hover {
	color: #333333
}

.ContentPVC p a:link, .ContentPVC p a:visited {
	color:#754c6c;
	font-weight:bold;
	text-decoration:none;
	font-size:11px;
	}
.ContentPVC p a:hover {
	color: #999999
	}	
.ContentPVC h2 {
	font-size:11px;
	font-weight:bold;
	color:#754c6c;
}



.NavProfili {
	background: url(images/ikona_profili.gif) no-repeat #f0f0f0;
	padding-left:20px;
	font-weight:bold;
	height:16px;
	margin-top:10px;	
}
.NavProfili a:link, .NavProfili a:visited{
	text-decoration:none;
	color:#45467e;
	top:2px;
	position:relative;
}
.NavProfili a:hover {
	color: #333333
}
.ContentProfili p a:link, .ContentProfili p a:visited {
	color:#45467e;
	font-weight:bold;
	text-decoration:none;
	font-size:11px;
	}
.ContentProfili p a:hover {
	color: #999999
	}	
.ContentProfili h2 {
	font-size:11px;
	font-weight:bold;
	color:#45467e;
}
.NavArmaturne {
	background: url(images/ikona_armature.gif) no-repeat #f0f0f0;
	padding-left:20px;
	font-weight:bold;
	height:16px;
	margin-top:10px;	
}
.NavArmaturne a:link, .NavArmaturne a:visited{
	text-decoration:none;
	color:#b02d27;
	top:2px;
	position:relative;
}
.NavArmaturne a:hover {
	color: #333333
}
.ContentArmaturne a:link, .ContentArmaturne a:visited {
	color:#b02d27;
	font-weight:bold;
	text-decoration:none;
	font-size:11px;
	}
.ContentArmaturne a:hover {
	color: #999999
	}	
.ContentArmaturne h2 {
	font-size:11px;
	font-weight:bold;
	color:#b02d27;
}



.NavTekstili {
	background: url(images/ikona_netkani.gif) no-repeat #f0f0f0;
	padding-left:20px;
	font-weight:bold;
	height:16px;
	margin-top:10px;	
}
.NavTekstili a:link, .NavTekstili a:visited{
	text-decoration:none;
	color:#d8621b;
	top:2px;
	position:relative;
}
.NavTekstili a:hover {
	color: #333333
}
.ContentTekstili a:link, .ContentTekstili a:visited {
	color:#d8621b;
	font-weight:bold;
	text-decoration:none;
	font-size:11px;
	}
.ContentTekstili a:hover {
	color: #999999
	}	
.ContentTekstili h2 {
	font-size:11px;
	font-weight:bold;
	color:#b02c27;
}


.NavArmaturne {
	background: url(images/ikona_armature.gif) no-repeat #f0f0f0;
	padding-left:20px;
	font-weight:bold;
	height:16px;
	margin-top:10px;	
}
.NavArmaturne a:link, .NavArmaturne a:visited{
	text-decoration:none;
	color:#b02d27;
	top:2px;
	position:relative;
}
.NavArmaturne a:hover {
	color: #333333
}
.ContentArmaturne a:link, .ContentArmaturne a:visited {
	color:#b02d27;
	font-weight:bold;
	text-decoration:none;
	font-size:11px;
	}
.ContentArmaturne a:hover {
	color: #999999
	}	
.ContentArmaturne h2 {
	font-size:11px;
	font-weight:bold;
	color:#b02d27;
}
.ContentArmaturne td {
	border-bottom:1px solid #b02d27
}
.ContentArmaturne table {
	border-top:1px solid #b02d27	
}


.NavStrojevi {
	background: url(images/ikona_strojevi_lim.gif) no-repeat #f0f0f0;
	padding-left:20px;
	font-weight:bold;
	height:16px;
	margin-top:10px;	
}
.NavStrojevi a:link, .NavStrojevi a:visited{
	text-decoration:none;
	color:#5a9a96;
	top:2px;
	position:relative;
}
.NavStrojevi a:hover {
	color: #333333
}
.ContentStrojevi a:link, .ContentStrojevi a:visited {
	color:#5a9a96;
	font-weight:bold;
	text-decoration:none;
	font-size:11px;
	}
.ContentStrojevi a:hover {
	color: #999999
	}	
.ContentStrojevi h2 {
	font-size:11px;
	font-weight:bold;
	color:#5a9a96;
}


*/


.NavTvrtka {
	background: url(images/ikona_onama.gif) no-repeat #f0f0f0;
	padding-left:20px;
	font-weight:bold;
	height:16px;
	margin-top:10px;	
}
.NavTvrtka span{
	text-decoration:none;
	color:#4a4a4a;
	top:2px;
	position:relative;
}

.NavTvrtka a:link, .NavTvrtka a:visited {
	font-weight:bold;
	text-decoration:none;
	color:#666666;
	position:relative;
	top:1px;
}
.NavTvrtka a:hover {
	color:#b90004;
	}

.NavTvrtkaSub a:link, .NavTvrtkaSub a:visited {
	color:#b90004;
	font-weight:bold;
	text-decoration:none;
	
	}
.NavTvrtkaSub a:hover {
	color:#666666
}
.NavTvrtkaSub
{
	background-color:#e1e0e0;
	height:18px;
	border-top:1px solid #d4d4d4;
	margin-left:3px;
	padding-left:6px;
	padding-top:2px;
		
	}
HTML>BODY .NavTvrtkaSub {
	height:16px
	}





.Navigation {
	width:184px;
	height:160px;
	background:url(images/navigation_backgr.jpg) top left no-repeat;
	padding-top:3px;
	text-align:left;
	}
.NavItem {
	height:18px;
	border-bottom:1px solid #ff7a7e;
	width:167px;
	left:17px;
	position:relative;
	}
.NavItem a:link, .NavItem a:visited {
	color:#FFFFFF;
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
	top:2px;
	position:relative
	}
.NavItem a:hover {
	color:#ff7a7e
	}
	



#dropmenudiv{
position:absolute;
background-color: #b90004;
border:1px solid #ff7a7e;
border-bottom-width: 0;
font:bold 10px Verdana;
line-height:14px;
z-index:100;
margin:0px
}
#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
padding: 1px 1px 2px 0px;
border-bottom:1px solid #ff7a7e;
text-decoration: none;
font-weight: bold;
color:#FFFFFF
}
#dropmenudiv a:hover{ /*hover background color*/
background-color: #999999;
}
/* Sample CSS definition for the example list. Remove if desired */
.navlist li {
list-style-type: none;
width: 167px;
height:18px;
border-bottom:1px solid #ff7a7e;
margin:0px;
}
.navlist li a {
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
font:bold 10px Verdana;
position:relative;
top:1px;
}
.navlist li a:hover {
color:#ff7a7e
}
.navlist  {
border-top:1px solid #ff7a7e;
margin-top:0px;
padding:0px;
width:167px;
margin-left:17px;
}
.ArrowProizvodni {
color:#FFFFFF; 
font-size:9px;
font-weight:bold;
position:relative; 
top:1px; 
left:15px
}
.ArrowProfil {
color:#FFFFFF; 
font-size:9px;
font-weight:bold;
position:relative; 
top:1px; 
left:65px
}


.Content TABLE {
	border-top:1px solid #999999
	}
.Content TD {
	border-bottom:1px solid #999999
	}
.ContentTD {
width:626px;
background:url(images/content_backgr.jpg);
text-align:left;
vertical-align:top;
}
.LeftTD {
width:154px;
background:url(images/content_backgr1.jpg) left repeat-y #c5c5c5;
border-right:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
vertical-align:top;
text-align:right;
}
.Gazela {
text-align:right
}
.TitleBarGray, .HeadingKonstrukcije, .HeadingPaneli, .HeadingLimovi, .HeadingPVC, .HeadingProfili, .HeadingArmaturne, .HeadingTekstili, .HeadingStrojevi {
height:28px;
width:607px;
margin-left:19px;
}
.TitleBarGray {
background-color:#888385;
border-top:1px solid #dc0c04;
}	
.TitleBarGray h1, .HeadingKonstrukcije h1, .HeadingPaneli h1, .HeadingLimovi h1, .HeadingPVC h1, .HeadingProfili h1, .HeadingArmaturne h1, .HeadingTekstili h1, .HeadingStrojevi h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
margin:0px;
padding:0px;
font-weight:normal;
position:relative;
left:20px;
top:4px;
}
.TextDIV {
background-image:url(images/Text_backgr.gif);
margin-left:19px;
width:607px;
height:100%;
}
.Content {
position:relative;
float:left;
width:451px;
height:100%;
color:#000000;
padding:20px 20px 10px 20px;
background: url(images/ContentBackgr.jpg) top repeat-x;
}
HTML>BODY .Content {
width:411px;
}
.ContentNavigation {
position:relative;
float:left;
width:156px;
height:auto;
font-size:10px;
padding-top:20px;
background: url(images/RightNavigBackgr.jpg) left top no-repeat;
}
.Content a:link, .Content a:visited {
	color:#b40004;
	font-weight:bold;
	text-decoration:none;
	font-size:11px;
	}
.Content a:hover {
	text-decoration:underline;
	}
.FormTable {
	width:408px;
	border-top:1px solid #999999;
	
}
.FormTable TD {
	border-bottom:1px solid #999999;
	height:25px;
	padding:5px;
}
.FormTable input, .FormTable select{
	font-size:11px
	}
	


#lightbox{
	background-color:#eee;
	padding: 10px;
		}
#lightboxDetails{
	font-size: 10px;
	padding-top: 0.4em;
	font-family:Arial, Helvetica, sans-serif
	}	
#lightboxDetails A {color:#FF0000; font-size:12px; text-decoration:none; font-family:Arial, Helvetica, sans-serif}
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }
#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
	background-color: #FFF;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	}


.HeaderFlash {
	background:url(images/Header_backgr.jpg) no-repeat bottom #313131;
	border-right:1px solid #999999;
	vertical-align:top
	}
.LeftBottom {
	text-align:right;
	}
.CenterBottom {
	background-color:#b40004
	}
.RightBottom {
	background-color:#b40004; 
	border-right:1px solid #CCCCCC
	}
	
	
/* Naslovnica */
.MainTableFront {
	width:100%;
	height:100%;
	background-color:#3b3b3b	
	}
.CenterTableFront {
	width:100%;
	height:587px;
	background:url(images/MainTableBackgr.jpg) top repeat-x #585455;
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	}
.LeftColumnFront {
	height:361px;	
	}
.FrontFlash {
	width:352px;
	height:361px;
	border-right:1px solid #FFFFFF	
	}
.FrontRightColumn {
	width:366px;
	vertical-align:top;
	border-right:1px solid #CCCCCC
	}
.FrontNews {
	height:134px;
	background:url(images/FrontNewsBackgr.jpg) repeat-x top #FFF;
	padding:15px;
	}	
HTML>BODY .FrontNews{
	height:104px;
	}
.FrontNews h1  {
	color:#a70000;
	font-size:10px;
	margin:0px
	}
.FrontNews p{
	font-size:10px;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	margin:5px 0px 5px 0px;
	height:70px;
	vertical-align:middle;
	padding-top:3px;
	}
.FrontNews p a:link, .FrontNews p a:visited {
	color:#a70000;
	text-decoration:none;
	font-weight:bold
	}
.FrontNews p a:hover {
	text-decoration:underline
	}
.FrontWelcome {
	vertical-align:top
	}
.FrontWelcome DIV {
	margin-left:13px;
	height:204px;
	background:url(images/FrontNewsBackgr.jpg) repeat-x top #FFF;
	padding:15px;
	width:523px;
	}
HTML>BODY .FrontWelcome DIV {
	height:174px;
	width:493px;
	}
.FrontWelcome DIV  h1 {
	text-align:center;
	color:#a70000;
	font-size:14px;
	font-weight:normal;
	margin:0px;
	border-bottom:1px solid #a70000
	}
.FrontWelcome DIV p {
	margin: 8px 0px 8px 0px;
	line-height:15px;
	font-size:10px
	}
.FrontList {
	vertical-align:top;
	border-right:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	height:203px;
	}
.FrontBottom {
	height:21px;
	padding-left:13px;
	border-right:1px solid #CCCCCC;
	vertical-align:top;
	}
	

HTML>BODY .Language {
	height:20px;
}
.Language {
	padding:0px 0px 0px 15px;
	border-top:1px solid  #CCCCCC;
	border-left:1px solid  #CCCCCC;
	height:21px;
	background-color:#b90004;
	vertical-align:top;
	position:relative;
	float:left;
	}
.Copyright {
	position:relative;
	float:left;
	background-color:#b90004;
	height:21px;
	border-top:1px solid  #CCCCCC;
	padding-left:550px;
	padding-right:10px;
	}
HTML>BODY .Copyright {

	height:20px;
	}
