@font-face {
  font-family: 'radlje4';
  src:  url('radlje4.eot?2ob7nf');
  src:  url('radlje4.eot?2ob7nf#iefix') format('embedded-opentype'),
    url('radlje4.ttf?2ob7nf') format('truetype'),
    url('radlje4.woff?2ob7nf') format('woff'),
    url('radlje4.svg?2ob7nf#radlje4') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

i {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'radlje4' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-sitemap-1:before {
  content: "\e901";
}
.icon-eye:before {
  content: "\e902";
}
.icon-check-offsquare:before {
  content: "\e903";
}
.icon-check-square:before {
  content: "\e904";
}
.icon-graf-bw:before {
  content: "\e900";
}
.icon-doc-text:before {
  content: "\e800";
}
.icon-facebook-squared:before {
  content: "\e801";
}
.icon-location:before {
  content: "\e802";
}
.icon-left-open-big:before {
  content: "\e804";
}
.icon-right-open-big:before {
  content: "\e808";
}
.icon-file-pdf:before {
  content: "\e80c";
}
.icon-fog:before {
  content: "\e80d";
}
.icon-menu:before {
  content: "\e80f";
}
.icon-cancel:before {
  content: "\e812";
}

/*
:root {
  --green1:#62AB1D;
  --green2:#9CC921;
  --green3:#57941b;
  --green4:#4D8219; 
  --green5:#9DCA22;
  --green6:#95C421;
  --green7:#487917;
  --green8:#69B024;
  --green9:#479d00;
	--grey1:#EEEEEE;
	--grey2:#666666;
	--grey3:#999;
	--red1:#EA4057;
	--body1:#fff;
	--introGreenGradient1A:#9DCA22;
	--introGreenGradient1B:#57941b;
	--href1:#fff;
	--href2:#fff;
	--href3:#fff;
	--href4:#333;	
	--href5:#000;
	--href6:#333;	
	--white1:#fff;
	--grey4:#9E9E9E;
	
	--href7bg:#69B024;
	--href7co:#fff;
	--grey1bg:#eee;
}
*/



			.heightEQ0{display:table;width:100%}
			.heightEQ0left{display:table-cell;background:var(--grey1);width:50%}
			.heightEQ0right{display:table-cell;
				background: -moz-linear-gradient(180deg, var(--introGreenGradient1A) 0%, var(--introGreenGradient1B) 75%);
				background: -webkit-linear-gradient(180deg, var(--introGreenGradient1A) 0%, var(--introGreenGradient1B) 75%);
				background: linear-gradient(180deg, var(--introGreenGradient1A) 0%, var(--introGreenGradient1B) 75%);
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--introGreenGradient1A)",endColorstr="var(--introGreenGradient1B)",GradientType=1); 
			}	
			

			.heightEQ2{display:table;width:100%}
			.heightEQ2left{display:table-cell;background:var(--grey1);width:50%}
			.heightEQ2right{display:table-cell;			
					background-color: var(--green7);
					background-image: url(bg.jpg);
				 	background-repeat: no-repeat;
					background-size:cover;
					background-position: center center;
					background-attachment: scroll;
			}
			
			
			
			.heightEQ3{display:table;width:100%}
			.heightEQ3left{display:table-cell;width:50%}
			.heightEQ3right{display:table-cell;;background:var(--grey1)}

			.heightEQ4{display:table;width:100%}
			.heightEQ4left{display:table-cell;width:30%;background-color: var(--green7);background-image: url(bg4.jpg);background-repeat: no-repeat;background-size:cover;background-position: center center;background-attachment: scroll}
			.heightEQ4right{display:table-cell;background:var(--green6)}
			
			.heightEQ5{display:table;width:100%}
			.heightEQ5left{display:table-cell;width:30%;background:var(--grey1);vertical-align: top;}
			.heightEQ5right{display:table-cell;background:var(--white1);border-bottom:1px solid var(--grey1)}
			
			
			
		
 
/*#weather {float:right;width:360px;color:var(--grey3)}*/
/*.wepad{float:left;width:85px;margin:0 0 0 35px}*/
/*.wepad i{float:left;font-size:180%}*/
/*.wepad div{float:right;margin:4% 0 0 0;font-size:13px;line-height:13px}*/
 
.he1{float:left;width:100%;margin:0  0 32px}
.he1 h1{z-index:10;overflow:hidden;width:48%;float:left}
.he1 img{float:left;z-index:10;width:100%;height:auto;margin:0}
.he1 span{position:absolute;top:-9999em;right:0}

.wr1{position:relative;max-width:80%;margin:0 auto}/*980px*/

.hebox1{width:43%;float:left}
.hebox2{width:13%;float:left}
.hebox2 img{float:left;z-index:10;width:100%;height:auto;margin:0}
.hebox3{width:44%;float:left}


#na2 {width:100%;float:right;margin:17% 0 0 0;font-weight:400}
#na2 ul{float:right;margin:0}
#na2 li{float:left;font-size:100%}
#na2 a:link,#na2 a:visited{float:left;color:var(--green2);padding:0 0 0 25px;margin:0;text-decoration:none}
#na2 a:hover{text-decoration:underline}
#na2 .on1 a:visited,#na2 .on1 a:link,#na2 .on1 a:hover{font-weight:700;color:var(--green1);text-decoration:none}


#na3 ul{margin:0;padding:7% 7% 7% 0;width:93%;float:left}
#na3 li{width:100%;float:left}
#na3 a{text-decoration:none;text-align:right}
.a0 a:visited,.a0 a:link{font-weight:500;color:var(--grey2);margin:1% 0;padding:0.5% 1%;float:right}
.a0 a:hover{background:var(--red1);color:var(--href1)}
.a1 a:visited,.a1 a:link,.a1 a:hover{font-weight:500;background:var(--green7);color:var(--href1);margin:1% 0;padding:0.5% 1%;float:right}



.b1 a:visited,.b1 a:link{font-weight:500;color:var(--grey2);margin:1% 0;padding:0.5% 1%;float:right}
.b1 a:hover{background:var(--red1);color:var(--href1)}
.b0 a:visited,.b0 a:link,.b0 a:hover{font-weight:500;background:var(--green7);color:var(--href1);margin:1% 0;padding:0.5% 1%;float:right}

.c0 a:visited,.c0 a:link{font-weight:400;color:var(--grey3);margin:0 3% 1% 0;padding:0.2% 0 0.2% 1%;float:right}
.c0 a:hover{background:var(--red1);color:var(--href1);padding:0.2% 1%}
.c1 a:visited,.c1 a:link,.c1 a:hover{font-weight:400;background:var(--href7bg);color:var(--href7co);margin:0 3% 1% 0;padding:0.2% 1%;float:right}

/*intro*/
.introMax1{width:100%;float:left;margin:0}/*;display:flex*/

.introMax1L{width:50%;float:left;
background-color: var(--green7);
background-image: url(bg.jpg);
 background-repeat: no-repeat;
    background-size:cover;
    background-position: center center;
    background-attachment: scroll
}/*;height:420px*/


.introMax1R{width:50%;float:right;
 background: rgb(157,202,34);
background: -moz-linear-gradient(180deg, rgba(157,202,34,1) 0%, rgba(87,148,27,1) 75%);
background: -webkit-linear-gradient(180deg, rgba(157,202,34,1) 0%, rgba(87,148,27,1) 75%);
background: linear-gradient(180deg, rgba(157,202,34,1) 0%, rgba(87,148,27,1) 75%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--green5)",endColorstr="var(--green3)",GradientType=1); 
}/*height:330px*/





.introMaxC,.introMaxC2{float:left;width:80%}/*width:490px;;background:blue*/
.introMaxC2{float:right}
.introPadR{padding:5% 0 5% 5%}
.introPadL{padding:5% 5% 5% 0}
.hi20{width:100%;float:left}
.hi20c{color:var(--grey2);background:var(--green3);color:var(--white1);line-height:16px;padding:2%;float:left;font-weight:300}
.hi22c{color:var(--grey2);background:var(--green4);color:var(--white1);line-height:16px;padding:2%;float:left;font-weight:300}
.hi21c{color:var(--grey2);background:var(--green3);color:var(--white1);line-height:16px;padding:2%;float:left;font-weight:300}
.hi20 a:link,.hi20 a:visited{float:left;color:var(--href1) ;padding:1.5%;font-size:110%;margin:0;text-decoration:none;font-weight:300}
.hi20 a:hover{background:var(--red1);color:var(--href1)}


.ne1{width:100%;float:left;margin:0 0 5% 0}
.ne1 li{float:left;margin:2% 0 0 0;width:100%}
.ne1 time{font-weight:700;padding:0}
.ne1 a:link,.ne1 a:visited{float:left;color:var(--href1);padding:0.2% 1%;margin:0;text-decoration:none}
.ne1 a:hover{background:var(--red1);color:var(--href1)}

.introMax2L{width:50%;float:left;background:var(--grey1)}/*;height:420px*/
.introMax2R{width:50%;float:right;
background-color: var(--green7);
background-image: url(bg.jpg);
 background-repeat: no-repeat;
    background-size:cover;
    background-position: center center;
    background-attachment: scroll;
}/*;height:420px*/


.hi30{width:100%;float:left}
.hi30c{color:var(--green7);background:var(--green3);color:var(--white1);line-height:20px;padding:2%;float:right;font-weight:300}
.hi31c{color:var(--green7);background:var(--green3);color:var(--white1);line-height:16px;padding:2%;float:left;font-weight:300}
.hi30 a:link,.hi30 a:visited{float:right;color:var(--href4);padding:1.5%;font-size:110%;margin:0;text-decoration:none;font-weight:300}
.hi30 a:hover{background:var(--red1);color:var(--href2)}

.hi31 a:link,.hi31 a:visited{background:var(--green3);font-weight:300;float:right;color:var(--white1);padding:1.5%;font-size:110%;margin:0;text-decoration:none}
.hi31 a:hover{background:var(--red1);color:var(--href2)}
.hi31b{font-weight:300}


.hi33 a:link,.hi33 a:visited{background:var(--green3);font-weight:300;float:right;color:var(--white1);padding:1.5%;margin:0;text-decoration:none}
.hi33 a:hover{background:var(--red1);color:var(--href2)}
.hi33b{font-weight:300}
.hi33 i{font-size:180%;padding:0 10px 0 0}

.ne2{width:100%;float:left;margin:0 0 5% 0}
.ne2 li{width:100%;float:left;margin:2px 0}
.ne2 a:link,.ne2 a:visited{float:right;text-align:right;color:var(--href6);padding:0.5% 1%;margin:0;text-decoration:none;font-weight:300}
.ne2 a:hover{background:var(--red1);color:var(--href2)}



.hi40{width:100%;float:left}
.hi40c{color:#fff;background:var(--green3);color:#fff;line-height:20px;padding:2%;float:left;font-size:110%;font-weight:400}
.hi40 a:link,.hi40 a:visited{background:#333;float:left;color:#fff;padding:1.5%;font-size:110%;margin:0;text-decoration:none;font-weight:300}
.hi40 a:hover{background:var(--red1);color:#fff}


.ne4{width:100%;float:left;margin:0 0 5% 0}
.ne4 li{float:left;margin:3% 0 0 0;width:100%}
.ne4 b{font-weight:400;padding:0.2% 1%;color:#fff;background:#9BC821;float:left;}
.ne4 time{font-weight:500;padding:0}
.ne4 a:link,.ne4 a:visited{float:left;background:rgba(255,255,255,0.9);color:#333;padding:0.2% 1%;margin:0 0 0 1%;text-decoration:none;font-weight:300}
.ne4 a:hover{background:#333;color:#fff}
.ne4 div{width:100%;float:left;margin:2px 0}

.hi41{width:100%;float:left;margin:2% 0 0 0}
.hi41  a:link,.hi41  a:visited,.hi41  a:hover{float:right;width:100%;text-decoration:none;font-weight:500}
.hi41 b{background:#333;color:#fff;padding:2%;float:right}
.hi41 b:hover{background:var(--red1)}
.hi41 i{color:#fff;font-size:110%;padding:2% 0 0 0;font-weight:300}


.introMax3L{width:50%;float:left}
.introMax3R{width:50%;float:right;background:var(--grey1)}/*;height:280px*/
.ne5 li{width:100%;float:left;margin:1% 0 0 0}
.ne5 a:link,.ne5 a:visited{float:right;color:var(--href6);padding:0.2% 1%;margin:0;text-decoration:none;font-weight:300}
.ne5 a:hover{background:var(--red1);color:var(--href2)}


.ne6 li{width:100%;float:left;margin:1% 0 0 0}
.ne6 a:link,.ne6 a:visited{float:left;color:var(--grey2);padding:0.2% 1%;margin:0;text-decoration:none;font-weight:300}
.ne6 a:hover{background:var(--red1);color:var(--href2)}
/*intro*/

/*page*/
.pageMax1L{width:30%;float:left}/*height:330px*/
.pageMax1R{width:70%;float:left;background:var(--green6)}/*height:330px*/
.pageH21{font-size:200%;font-weight:700;padding:10% 8% 10% 0;color:var(--href1);text-align:right;text-shadow: 1px 1px 2px #000}
.pageH22{font-size:150%;font-weight:400;padding:4.5% 0 4% 4%;color:var(--href1)}
.pageMax2L{width:30%;float:left;background:var(--grey1);border-bottom:1px solid var(--grey1)}/*height:330px*/
.pageMax2R{width:70%;float:left;border-bottom:1px solid var(--grey1)}/*height:330px*/
.pageMaxC{float:left;width:85.8%}
.pagePadR{padding:4% 0 4% 4%;float:left;width:96%}
.pageBG1{background-color: var(--green7);background-image: url(bg4.jpg);background-repeat: no-repeat;background-size:cover;background-position: center center;background-attachment: scroll}	
.img100m{float:left;max-width:100%}
.email a:link,.email a:visited{color:var(--href6);padding:0.5%;margin:0;text-decoration:underline}
.email a:hover{background:var(--red1);color:var(--href6);text-decoration:none}

.link a:link,.link a:visited{color:var(--href6);padding:0.5%;margin:0;text-decoration:underline}
.link a:hover{background:var(--red1);color:var(--href6);text-decoration:none}

.h31{font-size:200%;line-height:1.6;font-weight:300;color:var(--href4);margin:0 0 10px 0;text-transform: uppercase}
.h41{font-size:150%;line-height:1.4;font-weight:300;color:var(--href4);margin:0 0 10px 0}
.h42{font-size:150%;line-height:1.4;font-weight:300;color:#fff;margin:0 0 10px 0;background:var(--green6);padding:0 5px}

.ul1{margin:5px 0}
.ul1 li{padding:0;margin:0 0 10px 20px;list-style-type:disc;list-style-position:outside}


.kijz h3{font-size:200%;line-height:1.6;font-weight:300;color:var(--href4);margin:0 0 10px 0;text-transform: uppercase}
.kijz li{padding:0;margin:0 0 10px 20px;list-style-type:disc;list-style-position:outside}
.kijz a:link,.kijz a:visited{color:var(--href4);padding:0.5%;margin:0;text-decoration:underline}
.kijz a:hover{background:var(--red1);color:#fff;text-decoration:none}

.so1 h3{font-size:200%;line-height:1.6;font-weight:300;color:var(--href4);margin:0 0 10px 0;text-transform: uppercase}
.so1 h4{font-size:110%;line-height:1.6;font-weight:300;color:var(--href4);margin:0 0 10px 0;padding:0.5%}
.so1 li{padding:0;margin:0 0 10px 20px;list-style-type:disc;list-style-position:outside}
.so1 a:link,.so1 a:visited{color:var(--href6);padding:0.5%;margin:0;text-decoration:underline}
.so1 a:hover{background:var(--red1);color:var(--href6);text-decoration:none}
.so1 p{float:left;width:100%;margin:0 0 15px 0}
.so1 img{max-width:100%}

#accordion1,#accordion2,#accordion3{display:none}
.boxH1,.boxH2,.boxH3.boxH4{overflow:hidden}

.accOFF{background:none;cursor:pointer;font-weight:400}
.accON{background:var(--grey1bg);cursor:pointer;font-weight:400}

.pri1 li {padding:10px 0 0 0;margin: 10px 0 0 0;border-top:1px #ddd dotted}
.pri1 li:first-child{padding:0;margin:0;border:0}
.pri1 a:link,.pri1 a:visited{color:var(--href6);padding:0.5%;margin:0;text-decoration:underline}
.pri1 a:hover{background:var(--red1);color:var(--href2);text-decoration:none}
.pri1 b{color:var(--green9)}
.pri1 p{padding:10px 0 10px 2%}
#map-canvas{float:left;width:100%;height:400px;margin:0}
/*page*/

/*table*/
table{border-collapse:collapse;text-align:left;margin:0}
table td,table th{padding:0}
.zebra,.zebra2{width:100%}
.zebra th,.zebra2 th{vertical-align:top;background:var(--grey4);color:var(--href6);font-weight:700;padding:5px;border-right:1px solid var(--href6)}
.zebra td,.zebra2 td{vertical-align:top;border-right:1px solid var(--href6);padding:5px;background:var(--white1);border-bottom:1px solid var(--href6)}
.tb1{font-weight:700;font-size:110%}
/*table*/

/*slide1*/
#NaMooSlide1 {float:left;z-index:9997;position:relative;width:100%;overflow:hidden;background:var(--green4)}
#NaMooSlide1 ul{float:left;width:100%;height:100%}
#NaMooSlide1 li{position:absolute;top:0;left:0;width:100%;height:100%;display:none;
background-image:none;
 background-repeat: no-repeat;
    background-size:cover;
    background-position: center center;
    background-attachment: scroll;
}
#NaMooSlide1 img{display:none}
#NaMooSlide1 a{width:100%;float:left;height:100%}
.arr1{display:none;position:absolute;top:38%;z-index:200;width:20%;height:30%;cursor:pointer;color:#fff;font-size:400%}
#but1L{left:0}
#but1R{right:0;text-align:right}
.Stext{position:absolute;right:20px;bottom:20px;z-index:100}
.Stext h4{font-size:210%;line-height:1.4;color:#fff;font-weight:300;padding:0;z-index:110; text-shadow: 2px 2px 2px #000}
/*slide1*/

/*video*/
.videoWrapper{position: relative;padding-bottom: 56.25%;padding-top: 25px}
.videoWrapper object,.videoWrapper iframe,.videoWrapper embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%}
/*video*/


/*footer*/
.foMaxL{width:50%;float:left;				background: -moz-linear-gradient(180deg, var(--introGreenGradient1A) 0%, var(--introGreenGradient1B) 75%);
				background: -webkit-linear-gradient(180deg, var(--introGreenGradient1A) 0%, var(--introGreenGradient1B) 75%);
				background: linear-gradient(180deg, var(--introGreenGradient1A) 0%, var(--introGreenGradient1B) 75%);
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--introGreenGradient1A)",endColorstr="var(--introGreenGradient1B)",GradientType=1); }/*;height:185px*/
.foMaxR{width:50%;float:left}
.fo50a,.fo50b,.fo501a,.fo501b{width:50%;margin:0;float:left;text-align:right;color:var(--href1);font-weight:300}
.fo50a,.fo501a{width:47%;margin:0 3% 0 0}

.emailFo a:link,.emailFo a:visited{color:var(--href1);padding:0.2% 1%;margin:0;text-decoration:none}
.emailFo a:hover{background:var(--red1);color:var(--href3)}
.introLogosL img{height:40px;margin:0 3% 3% 0;float:left}
.introLogosR{width:100%;float:left;margin:3% 0 2% 0}
.introLogosR img{height:40px;margin:0 0 2% 3%;float:right}


.emailFa a:link,.emailFa a:visited{float:right;font-size:150%;color:var(--href1);padding:2% 0 1% 0;margin:0;text-decoration:none}
.emailFa a:hover{color:var(--href5)}

.emailFa1 a:link,.emailFa1 a:visited{float:right;font-size:150%;color:var(--href1);padding:2% 0 1% 0;margin:0 0 0 10px;text-decoration:none}
.emailFa1 a:hover{color:var(--href5)}


.emailFa2 a:link,.emailFa2 a:visited{float:right;font-size:150%;color:var(--href1);padding:2% 0 1% 0;margin:0;text-decoration:none}
.emailFa2 a:hover{color:var(--href5)}


.foMax3L{width:30%;float:left;background: -moz-linear-gradient(180deg, var(--introGreenGradient1A) 0%, var(--introGreenGradient1B) 75%);
				background: -webkit-linear-gradient(180deg, var(--introGreenGradient1A) 0%, var(--introGreenGradient1B) 75%);
				background: linear-gradient(180deg, var(--introGreenGradient1A) 0%, var(--introGreenGradient1B) 75%);
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--introGreenGradient1A)",endColorstr="var(--introGreenGradient1B)",GradientType=1);}/*;height:185px*/
.foMax3R{width:70%;float:left;background:var(--white1)}
.foPadL{padding:5%;width:90%;float:left}
.foPadR{padding:2%;float:left}
.fo51,.fo52{width:100%;float:left;text-align:right;color:#fff;font-weight:300;margin:0 0 5% 0}

/*footer*/



/*NaMooBox*/
.NaMooBox {width:100%}
.NaMooBox li{float:left;width:33.33%}
.NaMooBox img{float:left;width:100%;margin:0;padding:0}
.NaMooBox a:link,.NaMooBox a:visited{-webkit-box-shadow: 0 0 1px 1px #ddd;box-shadow: 0 0 1px 1px #ddd;border:1px solid #ddd;position:relative;background:var(--grey1);color:#333;text-decoration:none;float:left;margin:0 5px 10px 5px;text-decoration:none}
.NaMooBox a:hover{-webkit-box-shadow: 0 0 1px 1px #FF5800;box-shadow: 0 0 1px 1px #FF5800;background:#FF5800;color:#fff;border:1px solid #FF5800}
.NaMooBox b{float:left;display:block;font-size:90%;line-height:1.3;font-weight:100}
.NaMooBox p{float:left;height:45px}
.padB1{padding:8px 10px}
.NaMooBox div{position:absolute;top:0;right:0;width:50px;height:50px;background:url(zoom.png) center center no-repeat}
/*NaMooBox*/

/*form*/
#form1{width:100%;float:left;text-align:left}
#form1_on,#form1_off{border:0}
#form1 input[type=text]{background:#fff;float:left;width:98%;border:1px solid #ccc;margin:5px 0;padding:4px 1%;font-size:90%;font-family:Arial}
#form1 textarea{background:#fff;border:1px solid #ccc;padding:4px 1%;width:98%;height:200px;margin:5px 0;font-size:90%;font-family:Arial}
#form1 input[type=submit]{font-size:100%;color:#fff;background:var(--green6);margin:3px 0 8px 0;padding:8px 20px;cursor:pointer;border:0}
#form1_off{display:none;font-size:100%;line-height:20px;background:#66AE21;color:#fff;padding:20px}
.form1_loading{background:url(loader.gif) no-repeat center center;height:50px}
#form1 i{font-size:130%;width:5%;float:left}
#form1 a:link,#form1 a:visited{color:var(--grey2);text-decoration:underline}
#form1 a:hover{color:#000}
#form1 span{width:95%;float:right}
/*form*/


/*pregled projektov*/
	.pregBox{width:100%;float:left;margin:0 0.5% 40px 0.5%;padding:1%;border:1px solid var(--grey1);box-sizing:border-box}
	.pregBox:hover{background:var(--grey1)}
	.pregBoxL{width:28%;float:left}
	.pregBoxL img{width:100%;float:left}
	.pregBoxR{width:65%;float:right;color:#777}
	.proStat{padding:4px;color:#fff;margin:0 0 10px 0}
	.proh2{font-size:140%;line-height:1.7;font-weight:400;color:#333;margin:20px 0 5px 0}
	.proh3{font-size:130%;line-height:1.6;font-weight:300;color:#63AC1A;margin:20px 0 0 0}
	.pregMenuText{width:100%;float:left;margin:20px 0 40px 0;font-family:'Amatic SC',cursive;font-size:250%;line-height:1.6;color:#000}


	.pregMenuL{float:left;margin:}	

	.pregMenuL img{width:36%;float:left;margin:22px 32% 0 32%}	
	
	.pregMenuL a:visited,	.pregMenuL a:link{width:100px;height:100px;float:left;margin:0 10px 0 0;padding:10px;background:#F4F4F4;font-size:80%;line-height:0.9;text-align:center}
	.pregMenuL a:hover{background:var(--grey1);color}
	
	
	.pregMenuR{float:right;margin:0}
	.pregMenuR a:visited,	.pregMenuR a:link{margin:2px;padding:2px;color:var(--grey2);background:var(--grey1)}
	.pregMenuR a:hover{background:var(--red1);color:#fff}
	.pregLine{width:100%;float:left;margin:0 0 10px 0}
	.pregReset{float:right}
	.pregReset a:visited,	.pregReset a:link{margin:3px;padding:4px;color:#fff;background:var(--red1)}
	.pregReset a:hover{background:#63AC1A;color:#fff}

	.pregON a:visited, .pregON a:link, .pregON a:hover{margin:3px;padding:3px;color:#fff;background:var(--grey2)}

	.pregBoxL2{width:49%;float:left;margin:50px 0}
	.pregBoxR2{width:49%;float:right;height:400px;margin:50px 0}
	

	#NaMooDragSlide{position:relative;width:100%;float:left;margin:50px 0 0 0;overflow:hidden;background:#fff}
	#NaMooDragSlide ul{margin-left:0;width:10000%;float:left}
	#NaMooDragSlide img{float:left;width:100%;height:auto}
	#NaMooDragSlide li{float:left;opacity:1;padding:0;cursor:pointer}

	#NaMooDragSlideNav{position:absolute;bottom:10px;left:30px;width:100%;float:left;margin:10px 0 10px 0}
	.NaMooOff{float:left;margin:0 7px 0 0;font-size:1px;z-index:30;width:14px;height:14px;-webkit-border-radius:7px;border-radius:7px;background:var(--green6);text-align:center;cursor:pointer;box-shadow:0 0 3px #000}
	.NaMooOn{background:#fff;cursor:pointer;box-shadow:0 0 3px #000}
	
	.pregLine1{padding:0;margin:0}
	.pregLine2{border-top:1px solid var(--grey1);padding:12px 0 0 0;margin:7px 0 0 0}
	
	.pregLine1 b,.pregLine2 b{color:#68AF23}
	
	.pregLine1 span,.pregLine2 span{font-size:80%}
	
	.pregLine3{width:100%;float:left;margin:10px 0 30px 0;font-size:80%;color:#000}
	.pregLine3 img {width:60px;float:left;margin:15px 20px 0 0}
	.pregLine3 span {float:left;margin:10px 0 0 15px;text-align:center;border:1px solid var(--green6);padding:12px 20px 12px 20px;margin:5px}
	.pregLine3 b {color:#68AF23;font-size:180%;margin: 0 0 5px 0;width:100%;float:left;text-align:center}
/*pregled projektov*/

/*energija*/
.energy1L{float:left;width:30%}
.energy1L img{float:left;width:99%;border:3px solid #9DBD59}
.energy1R{float:right;width:67%}

.energy2L{float:left;width:67%}
.energy2R{float:right;width:30%}
.energy2R img{float:left;width:99%;border:3px solid #9DBD59}

.energy1C {float:left;width:100%}
.energy1C img{float:right;max-width:100%}
/*energija*/

/*kazalo*/
.si{float:left;text-align:left;width:100%}
.si1 a:visited,.si1 a:link{text-transform:uppercase;width:99%;float:left;font-weight:700;color:var(--href6);padding:1% 1%}
.si1 a:hover{text-decoration:underline}
.si2 a:visited,.si2 a:link{font-weight:400;color:var(--href6);width:95%;float:left;padding:0.5% 0 0.5% 5%}
.si2 a:hover{text-decoration:underline}
.si3 a:visited,.si3 a:link{font-weight:400;color:var(--href6);width:90%;float:left;padding:0.5% 0 0.5% 10%}
.si3 a:hover{text-decoration:underline}
.si4 a:visited,.si4 a:link{text-transform:uppercase;width:99%;float:left;font-weight:700;color:var(--href6);padding:1% 1%}
.si4 a:hover{text-decoration:underline}
/*kazalo*/


/*popup*/
.popupBOX{color:#000;display:none;width:100%;height:auto;position:absolute;overflow:auto;top:0;left:0;padding:0;z-index:99999}
.popupBOXin{background:#fff;margin:20px auto;padding:1%;width:700px;box-shadow: 3px 3px 20px rgba(0,0,0,0.5);}
.popupBOXdel{color:#333;font-size:25px;float:right;cursor:pointer}

#openpopup{float:right;font-size:30px;padding:0 1% 0 0}


.fontSize1{padding:12px;float:left;background:#4D8219;margin:10px 10px;color:#fff;font-weight:700;cursor:pointer;border:1px solid #ccc}
.fontSize1:hover{background:#57941b;border:1px solid red}


.bgcolor0 a:visited,.bgcolor0 a:link,.bgcolor0 a:hover{background:#fff;color:red;padding:12px 2%;width:96%;float:left;margin:10px 8px;font-weight:400;cursor:pointer;border:2px solid red;box-sizing: border-box}

.bgcolor1 a:visited,.bgcolor1 a:link{background:#fff;color:#000;padding:12px 2%;width:42%;float:left;margin:10px 10px;font-weight:400;cursor:pointer;border:1px solid #ccc}
.bgcolor1 a:hover{border:1px solid red}

.bgcolor2 a:visited,.bgcolor2 a:link{background:#F5F5DD;color:#000;padding:12px 2%;width:42%;float:left;margin:10px 10px;font-weight:400;cursor:pointer;border:1px solid #ccc}
.bgcolor2 a:hover{border:1px solid red}

.bgcolor3 a:visited,.bgcolor3 a:link{background:#030E88;color:#F9E049;padding:12px 2%;width:42%;float:left;margin:10px 10px;font-weight:400;cursor:pointer;border:1px solid #ccc}
.bgcolor3 a:hover{border:1px solid red}

.bgcolor4 a:visited,.bgcolor4 a:link{background:#FEE633;color:#030E88;padding:12px 2%;width:42%;float:left;margin:10px 10px;font-weight:400;cursor:pointer;border:1px solid #ccc}
.bgcolor4 a:hover{border:1px solid red}

.bgcolor5 a:visited,.bgcolor5 a:link{background:#000;color:#fff;padding:12px 2%;width:42%;float:left;margin:10px 10px;font-weight:400;cursor:pointer;border:1px solid #ccc}
.bgcolor5 a:hover{border:1px solid red}

.bgcolor6 a:visited,.bgcolor6 a:link{background:#000;color:#29FD2F;padding:12px 2%;width:42%;float:left;margin:10px 10px;font-weight:400;cursor:pointer;border:1px solid #ccc}
.bgcolor6 a:hover{border:1px solid red}

.bgcolor7 a:visited,.bgcolor7 a:link{background:#000;color:#FEE633;padding:12px 2%;width:42%;float:left;margin:10px 10px;font-weight:400;cursor:pointer;border:1px solid #ccc}
.bgcolor7 a:hover{border:1px solid red}

.bgcolor8 a:visited,.bgcolor8 a:link{background:#000;color:#00EDE0;padding:12px 2%;width:42%;float:left;margin:10px 10px;font-weight:400;cursor:pointer;border:1px solid #ccc}
.bgcolor8 a:hover{border:1px solid red}

.fontSize4 a:visited,.fontSize4 a:link{background:#4D8219;color:#fff;padding:12px 2%;width:42%;float:left;margin:10px 10px;font-weight:400;cursor:pointer;border:1px solid #ccc}
.fontSize4 a:hover{border:1px solid red}

#openpopup{color:var(--href5);margin:10px 0 0 0}
/*popup*/

html{height:100%;min-height:100%}
body{height:100%}
body{font-family: 'Roboto', sans-serif;color:var(--grey2);font-weight:300;font-size:1.1em;line-height:1.5;margin:0;padding:0;background-color:var(--body1)}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block}
h1{font-size:12px;line-height:12px;margin:0;padding:0}
h2{font-size:100%;margin:0;padding:0}
h3{font-size:120%;margin:0;padding:0}
h4{font-size:100%;margin:0;padding:0}
body,a,p,ul,li,form,fieldset,blockquote,.clear{margin:0;padding:0}
img{border:0}
ul{list-style:none}
li{background-image:none}
a:link,a:visited{color:var(--href6);text-decoration:none}
a:hover{color:var(--href6)}
.clear,.clear2{clear:both;display:block}
.cf:before,.cf:after{content:'';display:table}
.cf:after{clear:both}

	/*tablet menu*/
	#maxBody{width:100%;overflow:hidden;overflow-y:visible}
	#MoMenu{visibility:hidden}
	#menuB1{display:none}
	.max{width:100%;float:left}
	.con{width:100%;float:left}
	.menu{width:0;float:left;overflow:hidden}
	/*table menu*/

@media (max-width:1600px){#na2 {margin:16% 0 0 0}.fo501{width:100%;margin:0 0 3% 0}}
@media (max-width:1440px){#na2 {margin:14.5% 0 0 0}}
@media (max-width:1366px){#na2 {margin:14.5% 0 0 0}#na2 a:link,#na2 a:visited{padding:0 0 0 16px}}
@media (max-width:1280px){#na2 {margin:14% 0 0 0}.fo501a,.fo501b{width:100%;margin:0 0 8% 0}#na2 a:link,#na2 a:visited{padding:0 0 0 10px}}
@media (max-width:1024px){
	#na2 {margin:13.5% 0 0 0;}
	#na2 a:link,#na2 a:visited{padding:0 0 0 8px}
	.introMaxC{float:left;width:95%}
	.introMaxC2{float:right;width:95%}
	.pageMaxC{float:left;width:95%}
	.wr1{position:relative;max-width:98%;margin:0 auto}/*980px*/
	.fo50a,.fo50b,.fo501a,.fo501b{width:100%;margin:0 0 5% 0}
}

@media (max-width:1300px){
.pregMenuL{float:left;width:100%;margin:0 0 20px 0}	
.pregMenuR{float:right;width:100%;margin:0 0 50px 0}
}

@media (max-width:700px){.popupBOXin{width:90%}}



@media (max-width:810px){
	.maxON{width:200%}
	.conON{width:60%}
	.menu{display:block;background:var(--menu1bg)}
	.menuON{width:20%}
	#menuB1{z-index:9999;display:block;float:left;margin:0 10px 0 0;width:45px;height:46px}

	#menuB1{z-index:9999;cursor:pointer;display:block;float:left;color:#fff;margin:0 10px 0 0}
	#mMenu{float:left;color:var(--menu2c);padding:7px 6px 8px 0;font-size:210%}	
	#mCancle{float:left;background:var(--menu2bg);color:var(--menu3c);padding:4px 4px 8px 2px;font-size:150%;margin:10px;border-radius:5px; -webkit-border-radius:5px}	
	.mOff{display:none}
	.mOn{display:block}

	#MoMenu {visibility:visible;float:left;width:100%;display:block;overflow:hidden}
	#MoMenu li{display:block;float:left;width:100%;background-image:none;font-size:90%;word-wrap:break-word}
	.o2 a:visited,.o2 a:link,.o2 a:hover{text-transform:uppercase;font-size:110%;line-height:22px;font-weight:700;border-bottom:1px solid var(--menu3bg);background:var(--menu3bg);color:var(--menu4c);display:block;padding:15px 3%;margin:0;text-decoration:none}
	.o1 a:visited,.o1 a:link,.o1 a:hover{text-transform:uppercase;font-size:110%;line-height:22px;border-bottom:1px solid var(--grey1);color:var(--menu1c);display:block;padding:15px 3%;margin:0;text-decoration:none}
	.a0 a:visited,.a0 a:link,.a0 a:hover{background:var(--menu1bg);margin:0;font-size:100%;width:86%;border:none;padding:12px 7%;font-weight:300;color:var(--menu1c)}
	.a1 a:visited,.a1 a:link,.a1 a:hover{background:var(--menu1bg);margin:0;font-size:100%;width:86%;border:none;padding:12px 7%;font-weight:700;color:var(--menu1c)}

	.b0 a:visited,.b0 a:link,.b0 a:hover{background:var(--menu1bg);margin:0;font-size:100%;width:86%;border:none;padding:12px 7%;font-weight:700;color:var(--menu1c)}
	.b1 a:visited,.b1 a:link,.b1 a:hover{background:var(--menu1bg);margin:0;font-size:100%;width:86%;border:none;padding:12px 7%;font-weight:300;color:var(--menu1c)}


	.c0 a:visited,.c0 a:link,.c0 a:hover{background:var(--menu1bg);margin:0;font-size:100%;width:86%;border:none;padding:10px 0 10px 14%;font-weight:300;color:var(--menu1c)}
	.c1 a:visited,.c1 a:link,.c1 a:hover{background:var(--menu1bg);margin:0;font-size:100%;width:86%;border:none;padding:10px 0 10px 14%;font-weight:700;color:var(--menu1c)}

	#na2 {display:none}
	.he1{margin:10px 0 20px 0}
	.he1 h1{z-index:10;overflow:hidden;width:72%;float:left}
	.he1 img{float:left;z-index:10;width:100%;height:auto;margin:2% 0 0 0}

	.hebox1{width:30%;float:left}
	.hebox2{width:14%;float:left}
	
	.hebox3{width:40%;float:right}

/*	#weather {float:left;width:100%;color:var(--grey3);text-align:center;margin:8% 0 0 0}*/
/*	.wepad{float:left;width:33%;margin:0}*/
/*	.wepad i{float:none;font-size:180%}*/
/*	.wepad div{float:left;width:100%;margin:5% 0 0 0;font-size:80%;line-height:0.9}*/

	.pageMax2L{width:30%;float:left;background:var(--grey1);border-bottom:1px solid var(--grey1)}/*height:330px*/
	.pageMax2R{width:70%;float:left;border-bottom:1px solid var(--grey1)}/*height:330px*/

	/*intro*/
	.introMax1L{width:100%;float:left}
	.introMax1R{width:100%;float:right}

	.introMax2L{width:100%;float:left}/*;height:420px*/
	.introMax2R{width:100%;float:left}

	.hi30c{padding:2%;float:left}
	.hi30 a:link,.hi30 a:visited,.hi30 a:hover{float:left}
	.ne2 a:link,.ne2 a:visited,.ne2 a:hover{float:left;text-align:left}


	.introPadR{padding:5% 0}
	.introPadL{padding:5% 0}
	
	.introLogosL img{height:50px;margin:0 3% 6% 0;float:left}
	.introLogosR img{height:50px;margin:0 3% 2% 0;float:left}
	.ne5 a:link,.ne5 a:visited,.ne5 a:hover{float:left}
	.introMax3L{width:100%;float:left;margin:0}
	.introMax3R{width:100%;float:left;margin:0}
	.introLogosL{width:98%;float:left;margin:3% 1% 2% 1%}

	.introMaxC2,.introMaxC,.pageMaxC{float:right;width:98%;margin:auto 1%}

	.pageMaxC img{max-width:100%}

	.pageMax2L{display:none}
	.pageMax2R{width:100%;float:left;border-bottom:1px solid var(--grey1)}

	.pagePadR{padding:4% 0 2% 0;float:left;width:100%}


	.emailFa a:link,.emailFa a:visited,.emailFa a:hover{float:left}
	.foMaxL{width:100%;margin:0;float:left}
	.foMaxR{width:100%;margin:0;float:left}
	.foMax3L{width:100%;margin:0;float:left}
	.foMax3R{width:100%;margin:0;float:left}

	.foPadL{padding:5% 1%;float:left;width:98%}
	.foPadR{padding:5% 0%;float:left}
	
	.pregBoxL2{width:100%;float:left;margin:20px 0}
	.pregBoxR2{width:100%;float:right;height:400px;margin:0}
}

@media screen and (max-width: 640px) {
	table {
		overflow-x: auto;
		display: block;
	}
}

@media (max-width:810px){

			.heightEQ0{display:block;width:100%;float:left}
			.heightEQ0left{display:block;width:100%;float:left}
			.heightEQ0right{display:block;width:100%;float:left}

			.heightEQ2{display:block;width:100%;float:left}
			.heightEQ2left{display:block;width:100%;float:left}
			.heightEQ2right{display:block;width:100%;float:left}			
			
			.heightEQ3{display:block;width:100%;float:left}
			.heightEQ3left{display:block;width:100%;float:left}
			.heightEQ3right{display:block;width:100%;float:left}	
			
			.heightEQ4{display:block;width:100%;float:left}
			.heightEQ4left{display:block;width:100%;float:left}
			.heightEQ4right{display:block;width:100%;float:left}						
			
			.heightEQ5{display:block;width:100%;float:left}
			.heightEQ5left{display:none;width:100%;float:left}
			.heightEQ5right{display:block;width:100%;float:left}
			
	.conON{width:50%}
	.menuON{width:40%}

	.he1{margin:10px 0 20px 0}
	.he1 h1{z-index:10;overflow:hidden;width:72%;float:left}
	.he1 img{float:left;z-index:10;width:80%;height:auto;margin:4% 8% 0 12%}

	.hebox1{width:80%;float:right}
	.hebox2{display:none}
	.hebox3{width:100%;float:left}

	.pageMax1L{width:100%}
	.pageMax1R{width:100%}
	.pageH21{padding:10% 5%;text-align:left}

/*	#weather {float:left;width:100%;color:var(--grey3);text-align:center;margin:8% 0 0 0}*/
/*	.wepad{float:left;width:33%;margin:0}*/
/*	.wepad i{float:none;font-size:180%}*/
/*	.wepad div{float:left;width:100%;margin:5% 0 0 0;font-size:90%;line-height:15px}*/

	.foMaxL{width:100%}
	.foMaxR{width:100%}
	.fo50a,.fo50b,.fo501a,.fo501b{width:100%;float:left;text-align:left;margin:0 0 5% 0}
	
.emailFa2 a:link,.emailFa2 a:visited{float:left;font-size:150%;padding:2% 0 1% 0;margin:0;text-decoration:none}
.emailFa2 a:hover{}

.emailFa a:link,.emailFa a:visited{float:left;font-size:150%;padding:2% 0 1% 0;margin:0;text-decoration:none}
.emailFa a:hover{}

.emailFa1 a:link,.emailFa1 a:visited{float:left;font-size:150%;padding:2% 0 1% 0;margin:0 10px 0 10px;text-decoration:none}
.emailFa1 a:hover{}
	
	.foPadL{padding:5% 1%;float:left}
	.foPadR{padding:5% 0%;float:left}

	.foMax3L{width:100%}
	.foMax3R{width:100%}

	#form1 i{font-size:130%;width:10%;float:left}
	#form1 span{width:90%;float:right}
	
.hi33 a:link,.hi33 a:visited{font-weight:300;float:left;padding:1.5%;font-size:110%;margin:0;text-decoration:none}
.hi33 a:hover{}

.hi31 a:link,.hi31 a:visited{font-weight:300;float:left;padding:1.5%;font-size:110%;margin:0;text-decoration:none}
.hi31 a:hover{}
}