body { 
	margin: 0; 
	padding: 0; 
	font: normal .8em Verdana, Tahoma, Arial, Helvetica, Sans-Serif; 
	line-height: 1.6em; 
	color: #535353; 
}
td,th { 
	font: normal 11px Tahoma, Verdana, Arial, Helvetica, Sans-Serif; 
	line-height: 16px; 
	color: #333; 
}
.td { 
	margin: 0 0 10px 0; 
	padding: 20px 0 10px 0; 
}
/* LINKS AND HEADINGS STYLING */

a { color: #4D4E4F; background: inherit; text-decoration:none;}
a:hover { color: #4D4E4F; background: inherit; text-decoration:underline;}
h1  { font: bold 1.2em "Trebuchet MS", Helvetica, Sans-Serif; margin: 9px 0 30px 10px; padding: 0; color: #000; }
h2  {
	font: bold 1.3em "Trebuchet MS", Helvetica, Sans-Serif;
	color: #535353;
}
h3 { font: bold 1.1em "Trebuchet MS", Helvetica, Sans-Serif; color: #333; /*padding: 0 14px 20px 14px; margin:0 0;*/}
h4  { font: bold 1.3em "Trebuchet MS", Helvetica, Sans-Serif; color: #333;}
h5  { font: bold 1.0em Tahoma, Verdana, Arial, Helvetica, Sans-Serif; color: #333;}
.naslov { font: bold 1.1em "Trebuchet MS", Helvetica, Sans-Serif; color: #333333;}
.naslovZ {
	font: bold 1.0em "Tahoma", Helvetica, Sans-Serif;
	color: #59CD2B;
}
.naslovZ a { font: bold 1.0em "Tahoma", Helvetica, Sans-Serif; color: #59CD2B;}
.naslovZ a:hover { font: bold 1.0em "Tahoma", Helvetica, Sans-Serif; color: #59CD2B;}
.naslovV {	font: bold 1.1em "Trebuchet MS", Helvetica, Sans-Serif;	color: #333333;}
.naslovK {
	font: bold 1.1em "Trebuchet MS", Helvetica, Sans-Serif;
	color: #4D4E4F;
	line-height: 2.5em;
}
.image { float: left; border: 2px solid #e2e2e2; padding: 3px; margin: 0 15px 5px 0; }
.imageNB { float: left; padding: 5px; margin: 0 15px 5px 0; }
.imageTrg {padding: 20px 0;	margin: 0 10px;}
.imageC {border: 1px solid #e2e2e2;}
.imageB {border: 1px solid #0078B9;}
.imageD {padding: 1px}
.navZ { font: bold 1.0em "Tahoma", Helvetica, Sans-Serif; color: #535353;}
.navZ a { font: bold 1.1em "Tahoma", Helvetica, Sans-Serif; color: #59CD2B;}
.navZ a:hover { font: bold 1.1em "Tahoma", Helvetica, Sans-Serif; color: #59CD2B;}
.navSiva {font: bold 1.1em "Tahoma", Helvetica, Sans-Serif; color: #ccc;}
.naslovR { font: bold 1.3em "Trebuchet MS", Helvetica, Sans-Serif; color: #FD0202;}
.txtV {line-height: 1.8em; }
/* Fotter */
#footer {
	float: inherit;
	z-index:1;
	/*background: url(../images/barul.gif) no-repeat right;*/*/
	color: #535353;
	padding: 0 3px;
	font: normal 11px Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
}
#footer li { 
	color: #535353;
	/*	background: url(../images/bar.gif) no-repeat left; */
	display: inline; 
	}
#footer li a { 
	padding: 0 3px;
	color: #535353;
	text-decoration: none; 
	} 	
#footer li a:hover { 
	padding: 0 3px;
	color: #535353;
	text-decoration:underline;
		/*background: url(../images/baractive.gif) no-repeat left;*/
	} 	


.footer {
	clear: both;
	margin:0 0 5px 0;
	padding: 10px 20px 10px 0;
	background-color: #eee;
	color: #535353;
	font: 11px "Tahoma", Helvetica, Sans-Serif;
	/*height: 17px;*/
}
/* End Fotter */
.FooterSmall {
	font: 10px "Tahoma", Helvetica, Sans-Serif;
	margin: 20px 0 0 0;
	clear:both;
} 
.FooterSmallRed {
	font: 10px "Tahoma", Helvetica, Sans-Serif;
	margin: 20px 0 0 0;
	clear:both;
	color:#CC0000;
} 

/* INLINE GALLERY SLIDE*/

	#imageSlideshowHolder{

		/* This is a CSS hack in order to get a nice look in IE 5.5 and lower 

		In these versions of Internet Explorer, we need to add borders and padding to the width. In this example, we have a 3 pixel
		border on all sides. This means that the width in IE5.5 should be 606 pixels(600 + border 3px on the left + border 3 px on the right). Height
		should be set to 456 pixels(450 + 3 +3). IE 5.5 will ignore the width attributes below the first line. These will be applied to other browsers.

		*/
		/* CSS HACK */
		width: 80px;	/* IE 5.x */
		width/* */:/**/80px;	/* Other browsers */
		width: /**/80px;
		
		/* CSS HACK */
		height: 80px;	/* IE 5.x */
		height/* */:/**/80px;	/* Other browsers */
		height: /**/80px;
		position:relative;	/* Never change this value */
		
	}
	.imageInGallery{		
		width:80px;
		height:80px;
		
		/* Never change these 3 value */
		left:0px;
		top:0px;
		position:absolute;	
	}
	
	
	#imageSlideshowHolder img{
		position:absolute;
	}


/* END INLINE GALLERY SLIDE*/



/* CONTENT WRAPPER */
.kol{
	font:9pt tahoma;
	font-weight:bold;
	color:#000000;
	width:15px;
	border:1px solid #8D8D8D;
	text-indent:2px;
	margin: 5px 0;
}
.iscibox{ font:8pt tahoma; font-weight:normal; background-color:#F7F9FD; color:#000000; width:125px; border:1px solid #0078b9; text-indent:2px; }
.isciboxP{ font:8pt tahoma; font-weight:normal; background-color:#F7F9FD; color:#000000; width:30px; border:1px solid #0078b9; text-indent:2px; }
.isciboxV{ font:8pt tahoma; font-weight:normal; background-color:#F7F9FD; color:#000000; width:250px; border:1px solid #0078b9; text-indent:2px; }
.isciboxT{ font:8pt tahoma; font-weight:bold; background-color:transparent; color:#000000; border:0px solid transparent; text-indent:2px; text-align:right; padding-bottom: 2px; }
.sir130 {width:130px;}
.izracun {
	background: url(../images/izracunaj.png) no-repeat center;
	background-color:transparent;
	border:0px solid transparent;
	color: #FFFFFF;
	cursor:pointer;
	text-align: center;
	height: 19px;
	width: 86px;
}
.poslji {
	background: url(../images/poslji.png) no-repeat center;
	background-color:transparent;
	border:0px solid transparent;
	color: #FFFFFF;
	cursor:pointer;
	text-align: center;
	height: 40px;
	width: 216px;
	font: bold 1.3em "Trebuchet MS", Helvetica, Sans-Serif;
}
#main {
	width: 990px;
	margin: 0 auto;
	/*border-left: 1px solid #E9E9E9;
	border-right: 1px solid #E9E9E9;*/
}

/* TOP LEFT LOGO */
#logo { 
	float: left; 
	padding: 5px 0 5px 35px; 
	}
/*#logo { 
	float: left; 
	padding: 10px 0 10px 10px; 
}
	#logo h1 { color: #000; background: #fff; }*/

/* TOP HORIZONTAL MENU */
/*#zg_menu {position: inherit; right: 0px; top:0px; visibility: visible; z-index:1;}	*/
#posmenu {
	width: 900px;
	margin: 25px auto 0 auto;
}
.menuL {
	/*background: url(../images/barL.gif) no-repeat left;*/
		padding: 28px 2px 28px 3px; 
		display: inline; 
}
#menu {
	float: right;
	z-index:1;
	/*background: url(../images/barul.gif) no-repeat right;*/*/
	color: #424344;
	padding: 20px 9px 20px 45px;
	margin: 45px 0 0 0;
	font: normal 11px Tahoma, Verdana, Arial, Helvetica, Sans-Serif;}
	#menu li { 
		color: #424344; 
	/*	background: url(../images/bar.gif) no-repeat left; */
		display: inline; 
	}
	#menu li a { 
		padding: 28px 5px 28px 5px; 
		color: #424344; 
		text-decoration: none; 
	} 	
	#menu li a:hover { 
		padding: 28px 5px 28px 5px; 
		color: #424344; 
		text-decoration:underline;
		/*background: url(../images/baractive.gif) no-repeat left;*/
	} 	
#a #a1 a, 
#b #b1 a, 
#c #c1 a, 
#d #d1 a, 
#e #e1 a,
#f #f1 a,
#g #g1 a,
#h #h1 a
 { 
		padding: 28px 5px 28px 5px; 
		color: #424344; 
		/*background: url(../images/baractive.gif) no-repeat left;*/
	} 	

	.key { text-decoration: underline; } /* ACCESKEY UNDERLINED LETTER */
/* END TOP HORIZONTAL MENU */

#head {
	float: left;
	}
/*#RightP{	float: right;
}*/

.RumBG {
	background: url(../images/rum-bg.png) repeat-x bottom;
	/*height: 200px;*/
}
.BlueBG {	background: url(../images/blue-bg.png) repeat-x bottom;
	/*height: 200px;*/
}
.Sirina275 { width:270px;}
.Sirina550 { width:565px;}
/*.Sirina175 {
	width:125px;
	margin: 37px 30px 0 0;
	background: url(../images/siva-bg.png) repeat-x left bottom;
	padding: 0 05px 13px 15px;
}*/
.CenaS { width:165px; font-weight:bold;}
.CenaPrecrtana{text-decoration:line-through;}
.DotHor {
	background: url(../images/Dot-hor.png) repeat-x bottom;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
}
.Odmik10 {margin: 10px;}
.OdmikS10 {margin-bottom: 10px;}
.OdmikDL10 {margin: 0 10px;}
.paddingS10 {padding-bottom: 10px;}
.OdmikZ10 {margin-top: 10px;}
.paddingZ10 {padding-top: 10px;}
.padding10 {padding: 0 10px; 
}
.padding20 {padding: 0 20px; 
}
.FloatLeft {float: left;}
.Separator {
	background-color:#e2e2e2;
	height: 4px;
	margin: 20px 10px;
}
.BoxD {
	float: right;
	width: 300px;
	/*background:#E9E9E9 url(../images/kol-fade.png) repeat-x bottom;*/
	/*background-color:#F7F7F7;*/
	margin: 0 0 12px 0;
	/*padding: 0 0 20px 0;*/
}

/* LEFT BOX CONTENT*/
	.BoxL {
	margin: 0 0 15px 0;
	float: left;
	width: 190px;
		}
	.kontaktImg {
	background: url(../images/klicni-center.jpg) no-repeat bottom right;
	height: 170px;
}
.border4 {border:4px solid #e2e2e2; width:182px; background-color:#FFFFFF;}
.border4Green {
	border:4px solid #AAE692;
	width:292px;
	background-color:#FFFFFF;
}
.BoxL_Gray{float: left;width: 182px;background-color:#F2F2F2;font: bold 1.1em "Trebuchet MS", Helvetica, Sans-Serif; color: #333;}
.BoxL_Green{
	float: left;
	width: 292px;
	background-color:#E4F8DC;
	font: bold 1.1em "Trebuchet MS", Helvetica, Sans-Serif;
	color: #333;
}
/* END */
#mar10 {margin-right: 7px}
#kolonaL {
	/*background: #E9E9E9 url(../images/kol-fade.png) repeat-x bottom;*/
	width: 300px;
	float: left;
	/*padding: 0 0 48px 0;*/
	margin: 20px 0 12px 0;
	}
.kolonaL {
	/*background: #E9E9E9 url(../images/kol-fade.png) repeat-x bottom;*/
	width: 300px;
	float: left;
	/*padding: 0 0 48px 0;*/
	margin: 20px 0 12px 0;
	}
#kolonaD {
	/*background: #E9E9E9 url(../images/kol-fade.png) repeat-x bottom;*/
	width: 300px;
	float: right;
	/*padding: 0 0 48px 0;*/
	margin: 20px 0 12px 0;
	}
.BoxFirm{
	border:4px solid #e2e2e2;
	clear:left;
	float:left;
	width:292px;
	margin-bottom: 20px;
	/*padding-bottom: 10px;*/
} 
.BoxFirmLong{
	border:4px solid #e2e2e2;
	clear:left;
	float:left;
	width:660px;
	margin-bottom: 20px;
	/*padding-bottom: 10px;*/
} 
.BoxFirmGreen{
	border:4px solid #AAE692;
	clear:left;
	float:left;
	width:292px;
	margin-bottom: 20px;
	/*padding-bottom: 10px;*/
} 
.BorderBot-4px {
	border-bottom:4px solid #F2F2F2;
	margin-bottom: 10px;
}
.BoxFirmT1{float:right;background-color:#E4F8DC;width:212px;font: bold 1.1em "Trebuchet MS", Helvetica, Sans-Serif; color: #333;}
.BoxFirmT1Long{float:left;background-color:#E4F8DC;width:660px;font: bold 1.1em "Trebuchet MS", Helvetica, Sans-Serif; color: #333;}
.BoxFirmT2{float:right;background-color:#BEDAF0;width:212px;font: bold 1.1em "Trebuchet MS", Helvetica, Sans-Serif; color: #333;}
.BoxFirmT2Long{float:left;background-color:#BEDAF0;width:660px;font: bold 1.1em "Trebuchet MS", Helvetica, Sans-Serif; color: #333;}
.BoxFirmT3{float:right;background-color:#FBF9C6;width:212px;font: bold 1.1em "Trebuchet MS", Helvetica, Sans-Serif; color: #333;}
.BoxFirmT3Long{float:left;background-color:#FBF9C6;width:660px;font: bold 1.1em "Trebuchet MS", Helvetica, Sans-Serif; color: #333;}
.BoxFirm_Gray{float:right;background-color:#F2F2F2;width:292px;font: bold 1.1em "Trebuchet MS", Helvetica, Sans-Serif; color: #333;}
.BoxFirm_GrayLong{float:left;background-color:#F2F2F2;width:660px;font: bold 1.1em "Trebuchet MS", Helvetica, Sans-Serif; color: #333;}
.BoxFirm_VsebGray{
	clear: both;
	color:#666;
	padding: 15px 10px 0 10px;
}
.BoxFirm_push_leftNo{float:left;}
.BoxFirm_push_left{float:left;width:80px;height:80px;overflow:hidden;}
.BoxFirm_push_right{float:right;width:192px;height:80px;font-size:1.2em;padding:0 10px;}
.BoxFirm_Title{	float:left;	padding:4px 0 6px 10px;}
.BoxFirm_Vseb{float:right;width:192px;color:#666;padding: 3px 10px 0 10px;}

.elem2{float:left;clear:left;width:187px;color:#666;}
.infoblock{width:300px;clear:left;float:left;overflow:hidden;position:relative;}
.infoblock_title{font-size:1.6em;font-weight:bold;color:#545353;background:url(../pic/common/border_box_t.gif) top no-repeat;padding-top:4px;}
.infoblock_title span{margin:0 13px;padding:10px 0 5px;background:url(../pic/common/dotted.gif) bottom repeat-x;float:left;width:272px;}
.infoblock_title span a{padding:0 25px 0 0;color:#545353;text-decoration:none;background:url(../pic/common/go.gif) top right no-repeat;}

#fade {
	background: url(../images/kol-fade.png) repeat-x;
	height: 27px;
}

/* Main Body */
.mainBody {	
float: left;
width: 990px;
/*background: url(../images/main-bgT.png) no-repeat top;*/
}
/* BARVE PISAV */
.rdeca {color: #FF0000;}
.rdeca a{color: #FF0000;}
.rdeca a:hover {color: #FF0000;}
.povdarjen {	font-weight: bold;}

/* LEFT INTRO SIDE */	

#intro_left {
	float: left;
	width: 990px;
	/*background: #E9E9E9 url(../images/h-b.png) no-repeat;*/
	height: 100px;
	background-color:#eee;
}
	#intro_left a { color: #fff; background: inherit; }
	#intro_left p { padding: 14px 15px; margin: 0; }

	/* LEFT VERTICAL MENU */
	
	#menu_left { 
		/*float: left top; */
		margin: 0 0 6px 0; 
		padding: 2px 0 1px 0; 
		border-bottom: 2px solid #E2E2E2; 
		border-top: 2px solid #E2E2E2; 
	}
		#menu_left li { list-style: none; }
		#menu_left li a { 
			display: block; 
			color: #424344; 
			background: #FBD881 url(../images/arrow.gif) no-repeat center left; 
			width: 204px; 
			padding: 7px 23px 7px 23px; 
			margin: 0 0 1px 0; 
			font-weight: bold; 
			text-decoration: none; 
		}	
		#menu_left li a:hover { background: #FDEEC3 url(../images/arrow-a.gif) no-repeat center left; color: #424344;  }


/* RIGHT INTRO SIDE */
#bg_img {
	background: #fff;
	height: 40px;
	float: right;
	width: 690px;
	margin: 0 0 6px 0;
	vertical-align: text-bottom;

}	
#img_slide {
clear: both;
	height: 170px;
	/*background: url(../images/box-b.png) no-repeat bottom;*/
}
#intro_slike {
	float: right;
	width: 640px;
	margin: 0 0 6px 0;
	/*height: 233px;*/
	border: 2px solid #e2e2e2;
}
.ElGrelniki {
	background: #BCCEDA url(../images/elektricni-grelniki.jpg) no-repeat;
}
#intro_right {
	float: left;
	width: 340px;
	/*background: #BCCEDA url(images/intro-bg.jpg) no-repeat;*/
	color: #547592;
	padding: 0 0 0 20px;/* MAIN COMBO BOX */
	margin: 45px 0 0 0;
}
	#intro_right h1 { margin: 65px 0 20px 0; }
	#intro_right .white { color: #FFF; background-color:transparent; }
	
/* RIGHT INTRO PODSTRAN */
#intro_rightp {
	float: right;
	width: 340px;
	padding: 33px 280px 0 20px;
	background: #BCCEDA url(../images/razvlazilniki-TTK.jpg) no-repeat;
	color: #547592;
	margin: 0 0 6px 0;
	height: 200px;
	border: 2px solid #e2e2e2;
}
#intro_vlaga {
	float: right;
	width: 340px;
	padding: 33px 280px 0 20px;
	background: #FFF url(../images/vlazilniki-top.jpg) no-repeat;
	color: #547592;
	margin: 0 0 6px 0;
	height: 220px;
	border: 2px solid #e2e2e2;
}
	#intro_rightp h1 { margin: 0 0 20px 0; }
	#intro_rightp .white { color: #FFF; background-color:transparent; }

/* END */
	.cela {
		clear: both;
		padding: 10px 15px;
		border:#ccc 1px solid;
		margin: 0 0 10px 0;
	}
	.levi {
		padding: 0 0 0 20px;
	}

/* LEFT SIDE */
	
#left {
	float: left;
	width: 190px;
	/*background:#E9E9E9 url(../images/kol-fade.png) repeat-x bottom;*/
	/*background-color:#F7F7F7;*/
	margin: 0 0 12px 0;
	/*padding: 0 0 20px 0;*/
}
#rightPod {
	float: right;
	width: 190px;
	/*background:#E9E9E9 url(../images/kol-fade.png) repeat-x bottom;*/
	/*background-color:#F7F7F7;*/
	/*margin: 0 0 12px 0;*/
	/*padding: 0 0 20px 0;*/
}

	.box {
	padding: 12px 15px;
	margin: 0 0 10px 0;
	float: left;
	width: 170px;
	}
	.boxNoBord {
		padding: 4px 15px;
		margin: 0 0 10px 0;
	}
	.note {
		padding: 15px 15px 20px 100px;
		border: 1px solid #CFCB66;
		margin: 0 0 5px 0;
		background: #FFFFAD url(../images/package.gif) no-repeat;
		color: #585616;
	}
	/*.siv {
		background: #FFFFFF url(../images/bg-blu.gif) repeat-x;
	}*/
	.sivaCrtaZGSP {
	background: url(../images/cbT-bg.png) no-repeat top right;
	border-bottom: 1px solid #BFBFBF;}
.kosara a {
	float: right;
	background: url(../images/kosara.png) no-repeat right top;
	padding: 16px 10px 16px 48px;
	text-align: right; color:#FFFFFF;
 font:normal 11px Tahoma, Verdana, Arial, Helvetica, Sans-Serif;}
.kosara a:hover {
	float: right;
	background: url(../images/kosara.png) no-repeat right top;
	padding: 16px 10px 16px 48px;
	text-align: right; color:#FFFFFF;
 font:normal 11px Tahoma, Verdana, Arial, Helvetica, Sans-Serif;}

.readmore a {
	float: right;
	background: url(../images/podrobno.png) no-repeat right center;
	padding: 5px 10px 5px 32px;
	text-align: right; color:#FFFFFF;}
.readmore a:hover {color:#FFFFFF;}

#readM {width: 90px;}
/* RIGHT SIDE */

.right {
	float: right;
	width: 800px;
}
.left {
	float: left;
	width: 800px;
}
		.leftcol {
	float: left;
	padding: 0 10px 10px 10px;
	width: 560px;
	border-bottom:#ccc 1px solid;
	text-align: justify;
	margin: 15px 0 10px 4px;
	}
		.leftcolP {
	float: left;
	border-bottom:#ccc 1px solid;
	text-align: justify;
	margin: 15px 0 10px 0;
	}
	.MImgT {
	background: url(../images/box-b.png) no-repeat top;
	/*padding: 10px 20px 20px 14px; margin: 10px 0 0 0; font: bold 1.2em "Trebuchet MS", Helvetica, Sans-Serif; color: #FFF;*/
}
.dotB{background: url(../images/box-b.png) no-repeat top;padding-bottom: 5px;}
	.leftcolM {
	float: left;
	width: 500px;
	text-align: justify;
	margin: 10px 0 0 0;
	}
	.rightcolM {
	float: right;
	width: 500px;
	text-align: justify;
	margin: 10px 0 0 0;
	}
	.rightcolMPodrobno {
	float: right;
	width: 690px;
	text-align: justify;
	margin: 10px 0 0 0;
	}

	.leftcel { 
		float: left; 
		padding: 12px 15px;
		width: 610px; 
		border:#ccc 1px solid;
		text-align: justify;
		margin: 0 0 10px 0;
	}
	.leftmodeli { 
		float: left; 
		padding: 12px 15px;
		width: 285px; 
		border:#ccc 1px solid;
		text-align: justify;
		margin: 0 0 10px 0;
	}
	.rightmodeli { 
		float: right; 
		padding: 12px 15px;
		width: 285px; 
		border:#ccc 1px solid;
		text-align: justify;
		margin: 0 0 10px 0;
		}
	.rightcol { 
		float: right; 
		padding: 4px 15px;
		width: 285px; 
		border:#ccc 1px solid;
		margin: 0 0 10px 0;
		}
	.obrazecS {
	padding: 12px 15px;
	float: left;
	width: 170px;
		}
	.obrazecN {
	padding: 12px 15px;
	margin: 0 0 10px 0;
	width: 170px;
		}
	.obrazecNoBord { 
		float: right; 
		padding: 4px 15px;
		width: 185px; 
		margin: 0 0 10px 0;
		}
	.siv {
	background: #dee9f5 url(../images/blueT-bg.png) no-repeat top right;
	border-bottom: 1px solid #0078b9;
	}
	.BoximgBgR {
		background: url(../images/boxR-bg.png) repeat-y; 
	}
	.BoxBlue {
		width: 200px; 
		float: right; 
		margin: 0 0 10px 0;

	}
	.BoximgTopR {
		background: url(../images/boxR-bgt.png) no-repeat top;
	}
	.BoximgBotR {
	background: url(../images/boxR-b.png) no-repeat bottom;
	z-index:2;
	height: 10px;
	width: 200px;
	} 
	.garant-2 {
	background: url(../images/burda-garancija.jpg) no-repeat top left;
	height: 177px;
}
	.garant-3 {
	background: url(../images/pax-garancija.jpg) no-repeat top left;
	height: 148px;
}
	.garant-5 {
	background: url(../images/beha-garancija.png) no-repeat bottom left;
	height: 128px;
}
	.garant-10 {
	background: url(../images/ebeco-garancija.png) no-repeat bottom left;
	height: 128px;
}
	.MenuimgBotL {
	cursor:text;
	background: url(../images/menuL-b.png) no-repeat;
	float: left;
	z-index:2;
	height: 13px;
	width: 200px;
	}