* {
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%; /* Required */
}

body { 
	margin: 0 auto; 
	padding: 0 auto; 
	font: normal .8em Tahoma, Verdana, Arial, Helvetica, Sans-Serif; 
	line-height: 1.6em; 
	color: #535353; 
	background: url(../images/page-bg.png) repeat-x top;
	max-width: 1870px;
	text-align:center;
	}
#all-page {
/* ALL DIV*/
  margin: 0 auto;
  width: 100%;
  text-align: left;
  position: relative;
  min-height: 100%; /* For Modern Browsers */
  height: auto !important; /* For Modern Browsers */
  height: 100%; /* For IE */
}
/* MAIN DIV PAGE*/
#main {
	width: 100%;
	padding-bottom:175px;
  margin: 0 auto;
	/*margin: 0;
	height:auto;background-color:#e2e2e2;*/
	/*border-left: 1px solid #E9E9E9;
	border-right: 1px solid #E9E9E9;*/
	/*min-height:80px;
	height: expression( this.scrollHeight > 99 ? "100px" : "auto" );*/
}
#main:after {
/* MAIN DIV*/
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}
/*  FOOTER */
#footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	position: absolute; 
    bottom: 0 !important;
    bottom: -1px; /* For Certain IE widths */
    height: 175px;
	width:100%;
	background: url(../images/footer-bg.png) repeat-x top;	}
#footer div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:5px auto 0 auto;
}
.footerW105 {width:170px; height: 120px; position:relative; background-color:#EAE9D7;} 

#PagePosition {
margin:0 auto;
max-width:1350px;
min-width:1000px;
position:relative;
width:90%;
width: expression(this.clientWidth < 1000 ? '1000px':true);
}


a { color: #4D4E4F; background: inherit; text-decoration:underline;}
a:hover { color: #4D4E4F; background: inherit; text-decoration:none;}
h1  { background: url(../images/soncna-elektrarna.jpg) no-repeat left top; height:32px; padding: 3px 0 0 40px; font-weight: 300; font: 1.7em "Arial", Helvetica,sans-serif; margin: 9px 0 30px 10px; color: #bba12c; }
h2  { font-weight:300; font: 1.5em "Arial", Helvetica,sans-serif; color: #bba12c; padding-bottom:5px}
h3 { font: bold 1.3em "Arial", Helvetica,sans-serif; color: #333; /*padding: 0 14px 20px 14px; margin:0 0;*/}
h4  { font: bold 1.3em "Arial", Helvetica,sans-serif; color: #333;}
h5  { font: bold 1.0em "Arial", Helvetica,sans-serif; color: #333;}

.naslov { font: bold 1.1em "Arial", Helvetica,sans-serif; color: #333333;}
.naslovZ { font: bold 1.3em "Arial", Helvetica,sans-serif; color: #59CD2B;}
.naslovZ a { font: bold 1.3em "Arial", Helvetica,sans-serif; color: #59CD2B;}
.naslovZ a:hover { font: bold 1.3em "Arial", Helvetica,sans-serif; color: #59CD2B;}
.naslovV {	font: bold 1.3em "Arial", Helvetica,sans-serif;	color: #333333;}
.naslovK {	font: bold 1.3em "Arial", Helvetica,sans-serif;	color: #bba12c;	line-height: 2.5em; }
.naslovK a {	font: bold 1.3em "Arial", Helvetica,sans-serif;	color: #bba12c;	line-height: 2.5em; }
.naslovK a:hover{	font: bold 1.3em "Arial", Helvetica,sans-serif;	color: #bba12c;	line-height: 2.5em; }
.image { float: left; position:relative; 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 "Arial", Helvetica,sans-serif; color: #FD0202;}
.txtV {line-height: 1.8em; }
.LinkNormal{ background:none;}
.sivaSm { font: normal 0.8em "Arial", Helvetica,sans-serif; color: #B9B9B9;}
.LineNormal {line-height: 1.0em;}
/* Fotter */
.special {clear: both; margin:10px 0 5px 0;padding: 2px 20px 2px 0;border: 1px solid #ccc;background: #eee;color: #444;height: 17px;}
/* End Fotter */

html > body #container {
padding-left:210px;
position:relative;
text-align:left;
margin-top: 15px;
}
/* for IE browsers IE5.01, IE5.5 and IE6 */
* html #container {
margin-left:210px;
position:relative;
text-align:left;
margin-top: 15px;
}
/* HIDE FROM IE 6 AND LOWER: html > body #style name  */
html > body #pageContent {
margin:0 -100% 0 0;
width:100%;
float:left;
position:relative;
text-align:left;
}
/* for IE browsers IE5.01, IE5.5 and IE6 */
* html #pageContent {
margin:0 -100% 0 0;
width:100%;
float:left;
position:relative;
text-align:left;
}

#leftColl {
left:-210px;
width:200px;
float:left;
position:relative;
}
#RightColl {
width:200px;
float:right;
position:relative;
}
/* TOP LEFT LOGO */
.logo { 
	float: left; 
	width: 237 px;
	/*margin: 1px 0 5px 35px; */
	}
/* TOP HORIZONTAL MENU */
/*#zg_menu {position: inherit; right: 0px; top:0px; visibility: visible; z-index:1;}	*/
#posmenu {
	width: 500px;
	margin: 25px auto 0 auto;
}
#menu {
	float: right;
	z-index:9999;
	background: url(../images/barul.gif) no-repeat right top;
	color: #FFF;
	padding: 10px 5px 10px 45px;
	margin: 34px 0 0 0;
	font: normal 11px Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
	clear:both;
}
.menuL {
	background: url(../images/barL.gif) no-repeat left top;
	padding: 10px 2px 10px 3px;
	display: inline;
}
	#menu li { 
		color: #FFF; 
		background: url(../images/bar.gif) no-repeat left; 
		display: inline; 
	}
	#menu li a { 
		padding: 10px 18px 10px 18px; 
		color: #FFF; 
		text-decoration: none; 
	} 	
#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: 10px 18px 10px 18px; 
		color: #FFF; 
		background:#CEB238 url(../images/baractive.gif) no-repeat left;
	} 	
	#menu li a:hover { 
		padding: 10px 18px 10px 18px; 
		color: #424344; 
		background:#CEB238 url(../images/baractive.gif) no-repeat left;
	} 	

	.key { text-decoration: underline; } /* ACCESKEY UNDERLINED LETTER */
/* END TOP HORIZONTAL MENU */
/*****************************************************************************/

/* Sticky Note */
/* Hide if IE6*/

.sticky {background: url(../images/soncna-elektrarna-1.jpg) no-repeat right bottom; height:53px; margin: 0 25px 0 10px;}
html > body #StickNote {
	width: 310px;
	float: left;
	margin: 0;
}
*html #StickNote {
	width: 310px;
	float: left;
	margin: 5px 0;
	}
/* Hide if IE6*/
html > body #StickNote .Top {
	height: 34px;
 	background: url(../images/Sticky-top.png) no-repeat;
	}
/* Show if IE6*/
*html #StickNote .Top {
	height: 34px;
 	background: url(../images/Sticky-topIE6.png) no-repeat;
	}
#StickNote .MainCombo {
	color: #424344;
	border-left: 1px solid #E9E9EA;
	border-right: 1px solid #E9E9EA;
	border-top: 1px solid #c5c5c5;
	width: 298px;
	border-bottom: 1px solid #c5c5c5;
	background-color: #FFFFFF;
	float:left;
	}
#StickNote .MainCombo .Content {
	background: url(../images/left-content-bg.png) repeat-x bottom; padding-bottom: 10px;
}
#StickNote .MainCombo .Content .Txt {
	margin: 10px 5px 0 10px;
	padding: 10px 0 0 0;
	border-top: 2px solid #e0d49c;
}
#StickNote .MainCombo .Content .TxtNo {
	margin: 10px 5px 0 10px;
	padding: 0 0 0 0;
}

/* Hide if IE6*/
html > body #StickNote .Bot {
	height: 14px;
 	background: url(../images/Sticky-B-silver.png) no-repeat bottom;
	float:left;
	width: 300px;
	}
/* Show if IE6*/
*html #StickNote .Bot {
	height: 14px;
 	background: url(../images/Sticky-B-IE6.png) no-repeat bottom;
	float:left;
	width: 300px;
	}
/* LEFT MENU */


.sdmenu {
	width: 200px;
	float: left;
	margin: 0 0 10px 0;
}
html > body .titleG{
    font-weight: bold;
    color: #424344;
	border-bottom: 1px solid #AC9227;
	height: 14px;
 	background: url(../images/menu-T.png) no-repeat;
	}
html > body .titleG70{
    font-weight: bold;
    color: #424344;
	border-bottom: 1px solid #AC9227;
	height: 14px;
 	background: url(../images/menu-T-70.png) no-repeat;
	}
*html .titleG70{
    font-weight: bold;
    color: #424344;
	border-bottom: 1px solid #AC9227;
	height: 14px;
 	background: url(../images/menu-T-silver-IE6.png) no-repeat;
	}
*html .titleG{
    font-weight: bold;
    color: #424344;
	border-bottom: 1px solid #AC9227;
	height: 14px;
 	background: url(../images/menu-T-IE6.png) no-repeat;
	}
html > body .MenuimgBotL {
	background: url(../images/menuL-b.png) no-repeat bottom;
	float: left;
	z-index:2;
	height: 13px;
	width: 200px;
	}
*html .MenuimgBotL {
	background: url(../images/menuL-b-IE6.png) no-repeat bottom;
	float: left;
	z-index:2;
	height: 13px;
	width: 200px;
	}

.sdmenu .title, .sdmenu .titlehidden{
font: bold 11px Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
	display: block;
	padding: 4px 0 2px 0;
	/*margin-bottom: 1px;*/ 
	color: #fff;
	background-color:#c5ac40;
	border-bottom: 1px solid #b99d2b;
	height: 20px;
	z-index: 0;
	cursor:pointer;
	
}
.titleOnly{
font: bold 11px Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
	display: block;
	padding: 4px 0 2px 0;
	/*margin-bottom: 1px;*/ 
	color: #fff;
	background-color:#c5ac40;
	border-bottom: 1px solid #b99d2b;
	height: 20px;
	z-index: 0;
	cursor:pointer;
	
}
.NoUnderline {text-decoration:none;}

.titleLnk a {background: transparent; }
.titleLnk a:hover { font: bold 11px Tahoma, Verdana, Arial, Helvetica, Sans-Serif; background: transparent; padding: 5px 0 8px 0; width:170px;}
.titleLnk a:visited { font: bold 11px Tahoma, Verdana, Arial, Helvetica, Sans-Serif; background: transparent; padding: 5px 0 8px 0; width:170px;}

.sdmenu .arrow {
		margin-left: 7px;
    margin-right: 7px;
}
.sdmenu .titlehidden {
    border-bottom: none;
}
.sdmenu #top {
    background: url(../images/gumb-G.png) no-repeat;
}
.sdmenu .submenu {
    overflow: hidden;
}
.submenuImg {
	   background-color : #DDC250;
	   border-bottom: 1px solid #b99d2b;
}	

.sdmenu .submenu a {
	  background-color : #d1b541;
	font: 11px Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
	padding: 4px 0 0 23px; 
    text-indent: 10px;
    display: block;
    color: #424344;
    text-decoration: none;
	height: 20px;
	border-bottom: 1px solid #b99d2b;
	font-weight:bold;
}
.sdmenu .submenu a:hover {
    background-color : #DDC250;
    color: #000;
}
.sdmenu .title1, .sdmenu .titlehidden1{
	display: block;
	padding: 4px 0 1px 0;
	font-weight: bold;
	color: #424344;
	background: url(../images/gumb-GH.png) no-repeat top left;
	height: 20px;
	z-index: 0;
}
.sdmenu .submenu1 a {
    background-color:#d1b541;
    text-indent: 15px;
    color: #424344;
    text-decoration: none;
	height: 20px;
	font-weight: normal;
	}
.sdmenu .submenu1 a:hover {
    background-color:#DDC250;
    color: #000;
}
/*****************************************************************************/
/* Hide if IE6*/
html > body #FadeBot {
padding: 0 0 21px 0;
background: url(../images/kol-fade.png) repeat-x bottom;
}
/* Show if IE6*/
*html #FadeBot {
padding: 0;
margin: 0;
}
/* SILVER CONTENT */
.news {background: url(../images/News-icon.jpg) no-repeat right bottom; height:53px; margin: 0 25px 0 10px;}
.links {background: url(../images/Links-icon.jpg) no-repeat right bottom; height:53px; margin: 0 25px 0 10px;}
.newsletter {background: url(../images/newsletter-icon.jpg) no-repeat right bottom; height:53px; margin: 0 25px 0 10px;}
.dobav {background: url(../images/dobavitelji.jpg) no-repeat right bottom; height:53px; margin: 0 25px 0 10px;}
html > body #Silvermenu {
	width: 200px;
	float: left;
	margin: 0;
}
*html #Silvermenu {
	width: 200px;
	float: left;
	margin: 5px 0;
	}
/* Hide if IE6*/
html > body #Silvermenu .Top {
	border-bottom: 1px solid #c5c5c5;
	height: 14px;
 	background: url(../images/menu-T-silver.png) no-repeat;
	}
/* Show if IE6*/
*html #Silvermenu .Top {
	border-bottom: 1px solid #c5c5c5;
	height: 14px;
 	background: url(../images/menu-T-silver-IE6.png) no-repeat;
	}
#Silvermenu .MainCombo {
    color: #424344;
	border-left: 1px solid #E9E9EA;
	border-right: 1px solid #E9E9EA;
	width: 198px;
	border-bottom: 1px solid #c5c5c5;
	}
#Silvermenu .MainCombo .Content {
	background: url(../images/left-content-bg.png) repeat-x bottom; padding-bottom: 10px;
}
#Silvermenu .MainCombo .Content .Txt {
	margin: 10px 5px 0 10px;
	padding: 10px 0 0 0;
	border-top: 2px solid #e0d49c;
}
#Silvermenu .MainCombo .Content .TxtNo {
	margin: 10px 5px 0 10px;
	padding: 0 0 0 0;
}

/* Hide if IE6*/
html > body #Silvermenu .Bot {
	height: 14px;
 	background: url(../images/menu-B-silver.png) no-repeat bottom;
	}
/* Show if IE6*/
*html #Silvermenu .Bot {
	height: 14px;
 	background: url(../images/menu-B-IE6.png) no-repeat bottom;
	}
/* END SILVER CONTENT */
/* FORM CONTENT*/
.iscibox{ font:10pt tahoma; font-weight:normal; background-color:#F8F8F8; color:#000000; width:200px; border:1px solid #B9B9B9; text-indent:2px; }
.isciboxP{ font:10pt tahoma; font-weight:normal; background-color:#F8F8F8; color:#000000; width:40px; border:1px solid #B9B9B9; text-indent:2px; }
.isciboxM{ font:10pt tahoma; font-weight:normal; background-color:#F8F8F8; color:#000000; width:80px; border:1px solid #B9B9B9; text-indent:2px; }
.isciboxE{ font:10pt tahoma; font-weight:normal; background-color:#F8F8F8; color:#000000; width:140px; border:1px solid #B9B9B9; text-indent:2px; }
.isciboxV{ font:10pt tahoma; font-weight:normal; background-color:#F8F8F8; color:#000000; width:250px; border:1px solid #B9B9B9; text-indent:2px; }
.isciboxT{ font:10pt tahoma; font-weight:bold; background-color:transparent; color:#000000; border:0px solid transparent; text-indent:2px; text-align:right; padding-bottom: 2px; }
/* END FORM CONTENT*/
/* MAIN CONTENT */
#MainPosition {
margin:0;
max-width:1130px;
min-width:780px;
position:relative;
width:100%;
width: expression(this.clientWidth < 780 ? '780px':true);
/* Hide object if IE6*/
/*overflow:hidden;*/
}
.VsebinaBG {
	background: url(../images/vsebina-bg.png) repeat-x bottom;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
}
.DotHor {
	background: url(../images/Dot-hor.png) repeat-x bottom;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
}
.NoDotHor {
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
}
.CenaS { width:165px; font-weight:bold;}
.CenaPrecrtana{text-decoration:line-through;}
.MarginS10 {margin-bottom: 10px;}
.MarginSZ10 {margin: 10px;}
.MarginL10 {margin-left: 10px;}
.MarginS20 {margin-bottom: 20px;}
.MarginZ10 {margin-top: 10px;}
.padding10 {padding: 0 10px;}
.paddingZ10 {padding-top: 10px;}
.paddingS10 {padding-bottom: 10px;}
.paddingS20 {padding-bottom: 20px;}
.W500 {	width: 460px;}
.paddingRight30 {padding-right: 20px;}
#FloatLeft {float: left;}
#FloatRight{float: right;}
/* FOR IE 6 AND LOWER: html > body #style name  */
*html #img_slide {
height: 150px;
max-width:920px;
min-width:780px;
overflow:hidden;
width: expression(this.clientWidth < 780 ? '780px':true);
}
/* HIDE FROM IE 6 AND LOWER: html > body #style name  */
html > body #img_slideA {
height: 200px;
max-width:1130px;
min-width:780px;
/*IE7 hack to display in back of..*/
overflow:hidden;
position:relative;
/*end IE7 hack*/
}
/* HIDE FROM IE 6 AND LOWER: html > body #style name  */
html > body #infoBox {
height: 190px;
width:200px;
float: right;
padding:5px 0 5px 15px;
/*IE7 hack to display in front*/
z-index:9999;
position:relative;
/*end IE7 hack*/
background: url(../images/info-bg.png) no-repeat left top;
}
/* FOR IE 6 AND LOWER: html > body #style name  */
*Html #infoBox { display:none;}

.RumBG {background: url(../images/rum-bg.png) repeat-x bottom;}
.SivaBG {background: url(../images/siva-bg.png) repeat-x bottom;}
.BlueBG {background: url(../images/blue-bg.png) repeat-x bottom;}
.Sirina275 { width:270px;}

/* HIDE FROM IE 6 AND LOWER: html > body #style name  */
.Izdelki { 
width:30%;
width: expression(this.clientWidth < 250 ? '250px':true);
padding-right: 10px;
}
/*width:expression(document.body.clientWidth/2 > this.width? "30%": "auto";}*/

/* BARVE PISAV */
.rdeca {color: #FF0000;}
.rdeca a{color: #FF0000;}
.rdeca a:hover {color: #FF0000;}
.zelena {color: #59CD2B;}
.povdarjen {font-weight: bold;}
/* HIDE FROM IE 6 AND LOWER: html > body #style name  */
html > body .readmore a {
	float: right;
	background: url(../images/zel-gumb-sm.png) no-repeat right;
	padding: 3px 6px 4px 10px;
	font-weight:bold;
	text-decoration:none;
	text-align: right; color:#FFFFFF;}
/* FOR IE 6 AND LOWER: html > body #style name  */
*html .readmore a {
	float: right;
	background: url(../images/zel-gumb-sm-IE6.png) no-repeat right;
	padding: 3px 6px 4px 10px;
	font-weight:bold;
	text-decoration:none;
	text-align: right; color:#FFFFFF;}

.readmore a:hover {color:#FFFFFF;}

html > body .Zlatamore a {
	/*float: right;*/
	background: url(../images/zlat-gumb-sm.png) no-repeat right;
	margin-left:40px;
	padding: 3px 6px 4px 10px;
	font-weight:bold;
	text-decoration:none;
	text-align: right; color:#FFFFFF;}
/* FOR IE 6 AND LOWER: html > body #style name  */
*html .Zlatamore a {
	float: right;
	background: url(../images/zlat-gumb-sm-IE6.png) no-repeat right;
	padding: 3px 6px 4px 10px;
	font-weight:bold;
	text-decoration:none;
	text-align: right; color:#FFFFFF;}

.Zlatamore a:hover {color:#FFFFFF;}

#LeftRelative {
/*float:left;*/
position:relative;
}
.ClearBoth {clear:both;}
/* HIDE FROM IE 6 AND LOWER: html > body #style name  */
/*****************************************************************************/
/* COLL BACKGROUND */
.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;
} 
.obrazecN {
padding: 12px 15px;
margin: 0 0 10px 0;
width: 170px;
}
/****************************************************************************SHOP CART*/
/* COLL BACKGROUND */

.kosara a {
	float: right;
	background: url(../images/kosara.png) no-repeat right top;
	padding: 16px 10px 16px 48px;
	margin-right: 200px;
	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;
	margin-right: 200px;
	text-align: right; 
	color:#FFFFFF;
 font:normal 11px Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
 }

hr {
color: #e0d49c;
background-color: #e0d49c;
height: 2px;
border:none;
margin-bottom: 20px;
}
.zoom {
	background: url(../images/zoom.jpg) no-repeat left;
	height: 48px;
	width: 150px;
	padding-left:50px;
}
.refresh {
	background: url(../images/refresh.jpg) no-repeat center;
	background-color:transparent;
	border:0px solid transparent;
	color: #FFFFFF;
	cursor:pointer;
	text-align: center;
	height: 48px;
	width: 48px;
}
.shopRemove {
	background: url(../images/shop-remove.jpg) no-repeat center;
	background-color:transparent;
	border:0px solid transparent;
	color: #FFFFFF;
	cursor:pointer;
	text-align: center;
	height: 48px;
	width: 48px;
}
.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;
}
.login {
	background: url(../images/zlat-gumb-sm.png) no-repeat center;
	background-color:transparent;
	border:0px solid transparent;
	color: #FFFFFF;
	cursor:pointer;
	text-align: center;
	height: 26px;
	width: 50px;
	font: bold 1.0em "Arial", Helvetica, Sans-Serif;
}
