/*http://colorschemedesigner.com/#5A41ZtTrjw0w0*/

@charset "utf-8";
/* CSS Document */

/*-- basic reset --*/
/** {margin:0;padding:0;}*/


html,body,div,dl,dt,dd,/*ul,ol,li,*/h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,/*p,*/blockquote,th,td {margin: 0; padding: 0; font-weight:normal;}
img,body,html { border: 0; }
/*p { font-size: 100%; }*/
body, html { height: 100%; color: #000; background-color: #fff; font-family: 'Average Sans', 'Arial', sans-serif; font-size: 16px; }
table { border-collapse: collapse; }
address,caption,cite,code,dfn,th,var { font-style: normal; font-weight: normal; }
/*ol,ul  { list-style: none; } */
caption,th  { text-align: left;}
q:before,q:after { content: '';}
a { text-decoration: none; }
a:hover { text-decoration: none; }
body { font-family: /*'Average Sans',*/ 'Open Sans', sans-serif; min-width: 1024px; }

* ,
*:after,
*:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; }

.cf:before,
.cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.cf {
	*zoom: 1;
}

/*.mobile .wrapper { width: 950px; }*/
.wrapper { width: 1024px; /*width: 55%;*/ margin: 0 auto; }
.row { width: 100%; }
.mbot0 { margin-bottom: 0px !important; }
.mtop0 { margin-top: 0px !important; }
.mbot5 { margin-bottom: 5px !important; }
.mtop5 { margin-top: 5px !important; }
.mbot10 { margin-bottom: 10px !important; }
.mtop10 { margin-top: 10px !important; }
.mtop20 { margin-top: 20px !important; }
.mtop40 { margin-top: 40px !important; }
.mbot20 { margin-bottom: 20px !important; }
.mbot30 { margin-bottom: 30px !important; }
.mbot40 { margin-bottom: 40px !important; }
.mbot50 { margin-bottom: 50px !important; }
.mbot80 { margin-bottom: 80px !important; }
.pbot80 { padding-bottom: 80px !important; }
.pbot100 { padding-bottom: 100px !important; }
.mbot100 { margin-bottom: 100px !important; }
.mbot150 { margin-bottom: 150px !important; }
.mtop100 { margin-top: 100px !important; }
.mtop150 { margin-top: 150px !important; }
.pbot50 { padding-bottom: 50px !important; }
.pbot40 { padding-bottom: 40px !important; }
.pbot30 { padding-bottom: 30px !important; }
.ptop30 { padding-top: 30px !important; }
.masterwrap { min-height: 100%; position: relative; padding-bottom: 210px; }
.nomargin { margin: 0; }
.mleft10 { margin-left: 10px; }

.home .header { position: absolute; z-index: 5; width: 100%; padding-top: 0px; width: 100%; background-color: rgba(46, 49, 56, 0.5); 
	/*min-width: 1024px;*/ }
.msie.ver_8.home .header { background-image: url('images/black40.png'); }
	/*.home .header .wrapper { padding-top: 10px; transition: 0.5s; width: 100%; position: relative; } */
	.home .header .wrapper { height: 85px; padding-top: 10px; transition: 0.5s; width: 900px; position: relative; }
	.home .header .wrapper.opaque { background-color: rgba(255, 255 , 255, 1); }
.home .header.colored { background-color: #fff; }
.produkt .header { position: absolute; z-index: 5; width: 100%; padding-top: 0px; background-color: rgba(255, 255 , 255, 0.5); /*min-width: 1024px;*/ }
	.produkt .header { background-color: rgba(0, 0 , 0, 0.3); }
	.produkt.msie.ver_8 .header { background-image: url('images/black30.png'); }
	.produkt .header .wrapper { width: 900px; padding-top: 10px; }
.default .header { width: 100%; padding-top: 0px; background-color: rgba(46, 49, 56, 1); }
	.default.msie.ver_8 .header { background-color: rgb(46, 49, 56); }
	.default .header .wrapper { width: 900px; padding-top: 10px; }	
.header { margin-bottom: 20px; padding-top: 10px; border-top: 2px solid #D40E1D; }
	.headerflags { position: absolute; right: 10px; top: 10px; }
		.headerflags .flag { float: left; border: 1px solid #000; margin-right: 3px; }
		.headerflags .flag.active { float: left; border: 1px solid #fff; }
			.headerflags img { float: left; }
	.header .secnav { list-style: none; margin: 20px 0px 0px 0px; float: right; } 
	.header .secnav > li{ display: inline-block; line-height: 20px; margin: 0px 5px; position: relative; }
	.header .secnav > li{ display: inline-block; line-height: 20px; margin: 0px 5px; }
	.header .secnav > li.last { margin-right: 0; }
	.header .secnav > li a { color: #fff; display: block; height: 100%; width: 100%; padding: 0px 10px; line-height: 30px; height: 30px; font-weight: bold; font-size: 110%; transition: 0.2s; }
	.produkt .header .secnav > li a { color: #D40E1D; display: block; height: 100%; width: 100%; padding: 0px 10px; line-height: 30px; height: 30px; transition: 0.2s; }
	.produkt .header .secnav > li a { color: #fff; font-weight: bold; font-size: 110%; }
	.header .secnav > li a:hover { color: #fff; background-color: #D40E1D; }
	.header .secnav > li.active a { color: #fff; background-color: #D40E1D; }	
	.header .secnav .flags  { list-style: none; margin: 0px 0px 0px 0px; float: right; }
	.header .secnav .flags > li { display: inline-block; position: relative; margin: 0px 0px 0px 0px; }
	.header .secnav .flags > li a{ display: block; padding: 0px 5px 0px 5px; transition: 0.2s; }
	.header .secnav .flags > li a:hover { background-color: #D40E1D; }
	#hideLang { display: none; }
	
	.header .secnav > li .fakeA { color: #fff; display: block; height: 100%; width: 100%; padding: 0px 10px; line-height: 30px; height: 30px; font-weight: bold; font-size: 110%; transition: 0.2s;
		cursor: default; }
	.produkt .header .secnav > li .fakeA { color: #D40E1D; display: block; height: 100%; width: 100%; padding: 0px 10px; line-height: 30px; height: 30px; transition: 0.2s; }
	.produkt .header .secnav > li .fakeA { color: #fff; font-weight: bold; font-size: 110%; cursor: default; }
	.header .secnav > li .fakeA:hover { color: #fff; background-color: #D40E1D; }
	.header .secnav > li.active .fakeA { color: #fff; background-color: #D40E1D; }
	
	.header .logo { float: left; padding-bottom: 10px; }
		.header .logo .napis1 { color: #D40E1D; font-size: 160%; font-weight: 500; }
		.header .logo .napis2 { color: #fff; /*font-family: 'Devonshire', cursive; font-size: 140% font-weight: bold;;*/ font-style: italic; }
		.produkt .header .logo .napis2 { color: #2e3138; }
		.produkt .header .logo .napis2 { color: #fff; }

	.header .dropdown { position: absolute; left: 0px; top: 30px; display: none; overflow: hidden; }
	.header .dropdown .inner { background-color: #B8B8B8; }
	.header .dropdown ul { margin: 0; padding: 0; float: none; }
	.header .dropdown ul li { margin: 0; padding: 0; margin-bottom: 5px; } 
	.header .dropdown ul li a { width: 100%; height: 100%; margin: 0px 10px; line-height: 30px; height: 30px; } 
	
	.header .dropdown .inner ul { color: #fff; }
	.header .dropdown .inner ul li a { color: #fff; margin: 0; width: 100px; padding: 0px 20px; line-height: 30px; height: 30px; background-color: #B8B8B8; font-weight: 500; font-size: 100%; }
	.header .dropdown .inner ul li a:hover { color: #D40E1D; background-color: #fff; }
	
	.header .dropdown_flag { position: absolute; left: 0px; top: 30px; display: none; overflow: hidden; }
	.header .dropdown_flag .inner_flag { background-color: #B8B8B8; }
	.header .dropdown_flag ul { margin: 0; padding: 0; float: none; }
	.header .dropdown_flag ul li { margin: 0; padding: 0; margin-bottom: 5px; } 
	.header .dropdown_flag ul li a { width: 100%; height: 100%; margin: 0px 10px; line-height: 30px; height: 30px; } 
	
	.header .dropdown_flag .inner_flag ul { color: #fff; }
	.header .dropdown_flag .inner_flag ul li a { color: #fff; margin: 0; width: 100px; padding: 0px 20px; line-height: 30px; height: 30px; background-color: #B8B8B8; font-weight: 500; font-size: 100%; }
	.header .dropdown_flag .inner_flag ul li a:hover { color: #D40E1D; background-color: #fff; }
	
.headersmall { position: fixed; left: 0px; top: 0px; width: 100%; z-index: 10; background-color: #2e3138; display: none; }
	.headersmall .wrapper { width: 900px; }
	.headersmall ul { list-style: none; float: right; margin: 0px 0px 0px 0px; }
	.headersmall ul li{ display: inline-block; line-height: 20px; margin: 0px 10px; position: relative; }
	.headersmall ul li.last { margin-right: 0; }
	.headersmall ul li:hover { background-color: #F8F8F8; }
	.headersmall ul li a { color: #fff; display: block; height: 100%; width: 100%; padding: 5px; }
	.headersmall ul li a:hover { color: #fff; background-color: #D40E1D; }
	.headersmall ul li.active a { color: #fff; background-color: #D40E1D; }
	.headersmall ul li .fakeA { color: #fff; display: block; height: 100%; width: 100%; padding: 5px; cursor: default;  }
	.headersmall ul li .fakeA:hover { color: #fff; background-color: #D40E1D; }
	.headersmall ul li.active .fakeA { color: #fff; background-color: #D40E1D; }	
	.headersmall .napis { float: left; line-height: 20px; color: #D40E1D; padding: 5px; }	
	.headersmall .napis a { color: #D40E1D; }
	
	.headersmall .dropdown { position: absolute; left: 0px; top: 30px; overflow: hidden; }
	.headersmall .dropdown .inner { background-color: #B8B8B8;  }
	.headersmall .dropdown ul { margin: 0; padding: 0; float: none; }
	.headersmall .dropdown ul li { margin: 0; padding: 0; margin-bottom: 5px; } 
	.headersmall .dropdown ul li a { width: 100%; height: 100%; margin: 0px 10px; line-height: 30px; height: 30px; }
	
	.headersmall .dropdown .inner ul { color: #fff; }
	.headersmall .dropdown .inner ul li a { color: #fff; margin: 0; width: 100px; padding: 0px 20px; line-height: 30px; height: 30px; background-color: #B8B8B8; }
	.headersmall .dropdown .inner ul li a:hover { color: #D40E1D; background-color: #fff; }	

.home .slider { z-index: 1; }
.produkt .slider { z-index: 1; }
.slider { width: 100%; height: 400px; position: relative; min-width: 1024px; background-image: url('images/mainbg.png'); background-repeat:no-repeat;
	background-size:cover; background-position: center center; }
.banners { /*min-width: 1024px;*/ }
.banners.domov { /*min-height: 600px;*/ }
.banners .banner { width: 100%; height: 400px; float: left; position: relative;  background-color: #F0F0F0; }
	.slider .nav { width: 50px; height: 100%; position: absolute; top: 0px; background-position: center center; background-repeat: no-repeat; z-index: 10; }
		.slider .nav.prev { left: 10px; background-image: url('images/prev.png'); }
		.slider .nav.next { right: 10px; background-image: url('images/next.png'); }
		.slider .nav.prev:hover { background-image: url('images/prev.png'); }
		.slider .nav.next:hover { background-image: url('images/next.png'); }
		
		.scroller .wrapper { display: table; }
		.banners .scroller .left { width: 50%; height: 400px; display: table-cell; vertical-align: middle; text-align: center; }
		.home .scroller .left { position: absolute; width: 612px; text-align: center; left: 50px; bottom: 50px; height: auto; display: block; z-index: 5; }
		.produkt .scroller .left { float: left; width: 512px; text-align: center; height: auto; display: block; z-index: 5; }
		.produkt .scroller .right { float: right; width: 300px; text-align: center; height: auto; display: block; z-index: 5; }
		.section.scroller { position: relative; background-color: #F0F0F0; }
		.produkt .scroller .pas { position: absolute; width: 100%; left: 0px; bottom: 0px; height: auto; display: block; z-index: 5; background-color: rgba(255, 255 , 255, 0.7); padding: 20px 0px 20px 0px; }
		.produkt.msie.ver_8  .scroller .pas { background-image: url('images/black30.png'); }
		.produkt .scroller .pas { background-color: rgba(0, 0 , 0, 0.3); border-bottom: 1px solid #D40E1D; }
		.banners .scroller .right { width: 50%; display: table; height: 400px; display: table-cell; vertical-align: middle; text-align: center; }
		.scroller .glavna { width: 300px; height: 300px; }
		.scroller .naslov { color: #D40E1D; font-size: 400%; /*text-transform: uppercase;*/ line-height: 1; pointer-events: auto; }
		.scroller .pnaslov { font-family: 'Fira Sans'; color: #D40E1D; font-weight: 600; font-size: 400%; /*text-transform: uppercase;*/ line-height: 1; pointer-events: auto; }
		.produkt .scroller .naslov { color: #fff; }
		.scroller .naslov a { color: #D40E1D; }
		.scroller .naslov a:hover { color: #8A050E; }
		.scroller .slogan { font-size: 170%; color: #fff; }
		.scroller .button { padding: 5px 15px; color: #fff; cursor: pointer; font-size: 170%; min-width: 200px; text-transform: uppercase; margin: 0 auto; float: left; }
		
		.scroller .button.download { background-color: #D40E1D; pointer-events: auto; }
		.scroller .button.download:hover { background-color: #EA727A; }
		.scroller .button.buy { background-color: #4E64CA; pointer-events: auto; }
		.scroller .button.buy:hover { background-color: #6F7FCA; }
		.scroller .button2 { padding: 5px 15px; color: #fff; cursor: pointer; font-size: 170%; min-width: 200px; text-transform: none; margin: 0 auto; float: left; }
		.scroller .button2.download { background-color: #D40E1D; pointer-events: auto; }
		.scroller .button2.download:hover { background-color: #EA727A; }
		.scroller .button2.buy { background-color: #4E64CA; pointer-events: auto; }
		.scroller .button2.buy:hover { background-color: #6F7FCA; }
		.banners .inner { height: 100%; width: 1024px; position: relative; z-index: 5; margin: 0 auto; pointer-events: none; }
		.scroller .zoomit { height: 100%; width: 100%; position: absolute; z-index: 1; left: 0px; top: 0px; }
	
.home .contentblock { float: left; width: 341px; height: 200px;  padding: 10px; color: #484848; }
	.home .contentblock h2 { color: #D40E1D; /*text-transform: uppercase;*/ margin-bottom: 10px; font-size: 160%; }
	.home .contentblock h2 a { color: #D40E1D; }
	.home .contentblock.blog .datum { font-size: 80%; }
	
.section.content { margin-bottom: 60px; margin-top: 60px; }
.section.content.maincontent { border-bottom: 10px solid #D40E1D; margin-bottom: 0px; }
.downloadsection .text { font-size: 140%; font-weight: 300; color: #606060; float: left;}
.downloadsection h2 { margin-bottom: 20px !important; }
	
.footer { width: 100%; position: absolute; height: 210px; bottom: 0px; left: 0px; background-color: #B8B8B8; padding-top: 20px; /*min-width: 1024px;*/ }
	.footer .footnote { width: 100%; position: absolute; height: 30px; bottom: 0px; left: 0px; background-color: #303030; color: #fff; text-align: center; line-height: 30px; 
		font-size: 80%; }
		
	.footer .column { float: left; color: #fff; }
		.footer .column h2 { font-size: 150%; color: #303030; margin: 0px 0px 10px 0px; /*text-transform: uppercase;*/ } 
		.footer .column.n1 h2 { text-transform: none; } 
		.footer .column.n1 p { margin: 0; font-size: 130%; } 
		.footer .column.n1 { width: 340px; }
		.mobile .footer .column.n1 { width: 270px; }
		.footer .column.n2 { width: 240px; }
		.footer .column.n3 { width: 200px; }
		.mobile .footer .column.n3 { width: 170px; }
		.mobile .footer .column.n4 { width: 250px; }
		.footer .column a { color: #fff; }
		.footer .column a:hover { color: #fff; text-decoration: underline; }
		
	.footer .tabela { margin-top: 45px; float: left; }
	.footer .tabela .text { line-height: 50px; float: left; margin-right: 10px; font-size: 140%; width: 100%; }
	.footer .tabela .ikona { float: left; width: 50px; height: 50px; margin-right: 5px; background-position: center center; }
	.footer .tabela .ikona.fb { background-image: url('images/fblogo50.png');  background-color: #133783; }
		.footer .tabela .ikona.fb:hover { background-color: #3b5998; }
	.footer .tabela .ikona.wp { background-image: url('images/bloglogo50.png');  background-color: #505050; }
		.footer .tabela .ikona.wp:hover { background-color: #686868; }		
	.footer .tabela .ikona.yt { background-image: url('images/ytlogo50.png');  background-color: #cc181e; }
		.footer .tabela .ikona.yt:hover { background-color: #CC4B4F; }	
	.footer .tabela .ikona.tw { background-image: url('images/twlogo50.png');  background-color: #00ACED; }
		.footer .tabela .ikona.tw:hover { background-color: #59C3EA; }			
		
.produkti .section.content { }
.produkti .section.content h1 { color: #D40E1D; text-transform: uppercase; margin: 0px 0px 40px 0px; font-size: 250%; }
.produkti .section.content .row { display: table; margin-bottom: 40px; }
.produkti .section.content .row .left{ display: table-cell; vertical-align: middle; text-align: center; width: 200px; }
.produkti .section.content .row .left h2 { color: #D40E1D; }
.produkti .section.content .row .left h2 a { color: #D40E1D; }
.produkti .section.content .row .right{ display: table-cell; vertical-align: middle; padding: 0px 0px 0px 10px; }
.produkti .section.content .row .right .vec{ font-weight: bold; color: #D40E1D; }

.produkt .section.content { }
.produkt .section.content h1 { color: #D40E1D; text-transform: uppercase; margin: 0px 0px 0px 0px; font-size: 160%; }
.produkt .section.content h2 { color: #D40E1D; margin: 0px 0px 40px 0px; font-size: 250%; margin-bottom: 0px !important;}
.produkt .section.content h3 { color: #D40E1D; margin: 0px 0px 0px 0px; font-size: 180%; }
.produkt .section.content .contentblock { float: left; width: 50%; color: #484848; min-height: 200px; padding: 20px;  }
	.produkt .section.content .contentblock .content { font-size: 140%; font-weight: 300; }
	.produkt .section.content .contentblock h2 { color: #D40E1D; margin-bottom: 10px; font-size: 160%; }
	.produkt .section.content .contentblock h2 a { color: #D40E1D; }
	.produkt .galitem { float: left; width: 320px; height: 320px; margin: 0px 17px 17px 0px; position: relative; overflow: hidden; }
		.produkt .galitem.last { margin: 0px 0px 17px 0px; }
		.produkt .galitem img { position: absolute; left: 0px; top: 0px; width: 320px; height: 320px; }
		.produkt .galitem .playicon { position: absolute; left: 10px; top: 10px; height: 50px; width: 50px; background-image: url('images/play50.png'); background-position: center center; }
		.produkt .galitem .desc { display: none; position: absolute; left: 0px; bottom: 0px; width: 100%; padding: 5px; background-color: #D40E1D; color: #fff; }
			
.imagerotator { width: 300px; height: 300px; margin-left: 106px; }

.default .section.content h1 { color: #D40E1D; /*text-transform: uppercase;*/ margin: 0px 0px 40px 0px; font-size: 250%; }
.podpora .section.content h1 { margin-bottom: 20px; }
.default.o-podjetju .section.content h1 { margin: 40px 0px 0px 0px; }
.default .section.content h2 { color: #D40E1D; margin: 20px 0px 20px 0px; font-size: 180%; }
.default .section.content h3 { font-size: 140%; margin: 0; }
.section.content a { color: #D40E1D; }
.default .section.content a:hover { text-decoration: none; }
/*.mobile.podpora p { font-size: 200%; }*/
.podpora p { font-size: 140%; font-weight: 300; }
.podpora ol { font-size: 140%; font-weight: 300; }

.default .section.content .contentblock { float: left; width: 321px; margin-right: 20px; color: #484848; min-height: 200px;  }
	.default .section.content .contentblock.n1 { width: 361px; }
	.default .section.content .contentblock.n2 { width: 221px; }
	.default .section.content .contentblock.n3 { width: 401px; margin-right: 0px; }

.zemljevid, .zemljevid .container { height: 450px; width: 100%; }
	
.feature { display: table; width: 100%; margin-bottom: 60px; }
	.feature.left .left { display: table-cell; vertical-align: middle; width: 420px; }
	.feature.left .right { display: table-cell; vertical-align: middle; }
		.feature.left .right .content { font-size: 160%; color: #606060; font-weight: 300; }
	
.pager { position: absolute; right: 250px; bottom: 9px; z-index: 10; }
	.pager .changeImg { float: left; cursor: pointer; background-image: url('../img/zoomout_grouphover_blank.png'); width: 35px; height: 34px;
		line-height: 34px; text-align: center; }
	.pager .changeImg:hover { background-image: url('../img/zoomout_hover_blank.png'); }		
	
.fullpage { position: relative; transform: translate(0,0); }	
.home .fullpage .map { height: 100%; position: relative; }
.home .fullpage .mapinfo { position: absolute; bottom: 0px; width: 100%; background-color: rgba(255, 255 , 255, 0.5); }
.home.msie.ver_8 .fullpage .mapinfo { background-image: url('images/white50.png'); }
.mapinfo .section.content { margin: 0; padding: 0;}
.mappage { /*min-width: 1024px;*/ }
.mappage .contentblock { padding: 0; margin-right: 20px; }
	.mappage .contentblock.n1 { width: 331px; }
	.mobile .mappage .contentblock.n1 { width: 280px; }
	.mappage .contentblock.n2 { width: 221px; margin-right: 50px; }
	.mappage .contentblock.n3 { width: 401px; margin-right: 0px; }
	.mappage .section.content h1 { color: #D40E1D; /*text-transform: uppercase;*/ margin: 20px 0px 20px 0px; font-size: 250%; }
	
.pbanner { height: 100%; width: 100%; position: absolute; left: 0px; top: 0px; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-position: center center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size: cover;
}
.mobile .pbanner { background-size: auto; background-attachment: scroll; background-position: center center; }
	.pbanner.n1 { background-color: #fff;  background-image: url('images/asfalt.jpg'); }
	.pbanner.n2 { background-color: #fff; /*background-image: url('images/Cesta01.jpg');*/ }
	.pbanner.n3 { background-color: #fff; /*background-image: url('images/zeleznica02.jpg');*/  }
	
.halfl { float: left; width: 50%; }	
.halfr { float: right; width: 50%; }	

.fpcell .imgcont { width: 400px; margin: 0 auto; border-radius: 50%; overflow: hidden; }
.imgcont img { width: 100%; height: 100%; }

.fprow { display: table; width: 100%; height: 270px; }
	.mobile .fprow .inner { padding: 0px 20px; }
.fpcell { display: table-cell; width: 50%; vertical-align: middle; }
.fpcell.vertalign { vertical-align: top; }
	.fpcell h2 { color: #D40E1D; margin-bottom: 10px; font-size: 250%; }
	.produkt .content .fpcell h2 { color: #D40E1D; margin-bottom: 10px; font-size: 250%; }
	.fpcell .content { 
		font-size: 160%; 
		color: #606060; 
		font-weight: 300; 
		/*display: block;
		-webkit-margin-before: 1em;
		-webkit-margin-after: 1em;
		-webkit-margin-start: 0px;
		-webkit-margin-end: 0px;
		margin-top: 1em;
		margin-bottom: 1em;
		margin-left: 0px;
		margin-right: 0px;*/
	}
	.fpcell .imgholder { width: 400px; height: 400px; position: relative; overflow: hidden; display: inline-block; }
		/*.fpcell .imgholder:hover { border: 4px solid #D40E1D; }*/
		.fpcell .imgholder img { position: absolute; left: 0px; top: 0px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
		
		/*.fpcell .imgholder:hover img { left: -4px; top: -4px; }*/
		.fpcell .imgholder .overlay { width: 100%; height: 100%; -webkit-box-shadow: rgb(255, 255, 255) 0px 0px 30px 20px inset;	-moz-box-shadow: rgb(255, 255, 255) 0px 0px 30px 20px inset;
			box-shadow: rgb(255, 255, 255) 0px 0px 30px 20px inset; position: absolute; }
			
	.fpcell .imgholder2 { width: 322px; height: 240px; position: relative; overflow: hidden; display: inline-block; text-align: center;}
		/*.fpcell .imgholder:hover { border: 4px solid #D40E1D; }*/
		.fpcell .imgholder2 img { width: 320px; border: 1px solid #ddd; margin-top: 2px; /* Gray border */ border-radius: 4px;  /* Rounded border */  padding: 5px; /* Some padding */}
		.fpcell .imgholder2 img:hover { box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5); }
		.fpcell .imgholder2 span { color: #606060; display: block; margin-top: 5px;}
		
		.primjeri .fprow {
			height: 0 !important;
		}
		
		.primjeri .mbot80 {
			margin-bottom: 0 !important;
		}
		
		.primjeri .produktTitle {
			margin-top: 80px !important;
		}
		
		.fprow .inner {
			/*margin: 0;
			width: 80%;*/
			
			/*overflow: hidden;*/
			
		}
		
		.fpcell-links:nth-child(1) {
			/*display: inline-block;*/
			/*width: 45%;*/
			margin-right: 20px;
			float: left;
			
		}
		
		.fpcell-links:nth-child(2) {
			/*display: inline-block;*/
			/*width: 45%;*/
			float: left;
			margin-top: 12px;
		}
		
		.fpcell-links {
			background-clip: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}
		
		.fpcell-links img {
			width: 320px;
		}
		
		.fpcell-links .imgholder2 span { width: 322px; position: relative; display: inline-block; text-align: center; }
		
		.fpcell-links .imgholder2 img { width: 320px; border: 1px solid #ddd; margin-top: 2px; /* Gray border */ border-radius: 4px;  /* Rounded border */  padding: 5px; /* Some padding */}
		.fpcell-links .imgholder2 img:hover { box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5); }
		.fpcell-links .imgholder2 span { color: #606060; display: block; margin-top: 5px;}
		
		.dwn-dwg { 
			/*border: 2px solid #ddd;*/
			border: 2px solid #D40E1D;
			padding: 5px 10px;
			border-radius: 5px;
			color: #606060 !important;
			font-size: 22px;
			
		}
		
		.dwn-dwg:hover {
			box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);*/
		}
		
.blog { margin-bottom: 100px; /*margin-top: 100px; padding-top: 100px;*/ }	
.razdelki .blog { padding: 0px; margin: 0px; }	
.blog h2 { color: #D40E1D; margin-bottom: 10px; font-size: 250%; }
.blog .datum { /*color: #606060;*/ }
.blog .content { font-size: 140%; color: #606060; font-weight: 300; line-height: 1.6; }
.blog .content a { color: #606060; }
.blog .content a:hover { color: #D40E1D; }
.blog .blogentry { width: 100%; }
.blog .right .blogentry { width: 100%; float: left; margin-bottom: 20px; }
.blog .left { width: 420px; float: left; }
.blog .right { min-height: 250px; float: left; width: 550px; margin-left: 50px; }
.blog .right.loading { background-image: url('images/loader_small2.gif'); background-position: 20% center; background-repeat: no-repeat; }
.blog .blogentry.n3 { margin-right: 0px; }
.blog .naslovna { float: left; }
			
.aCenter { text-align: center; }

.aLeft { text-align: left; }

.pnav { position: absolute; bottom: 200px; height: 32px; z-index: 4; width: 100%; text-align: center; }
.zoomitpopup .pnav { bottom: 40px; }
.loader { position: absolute; left: 0px; bottom: 0px; height: 2px; width: 0%; background-color: #D40E1D; z-index: 4; }
.pbullet { width: 32px; height: 40px; display: inline-block; margin: 5px; background-image: url('images/pbullet.png'); background-position: -32px 0px;
	cursor: pointer; background-repeat: no-repeat; }
.pbullet.fullscreen { height: 48px; width: 48px; background-image: url('images/povecava2.png'); background-position: center center; }
	.pbullet.fullscreen .inner { height: 48px; width: 48px; background-image: url('images/povecava.png'); background-position: center center;
		background-repeat: no-repeat; }
.pbullet.active { background-position: 0px 0px; }

.scrolldown { cursor: pointer; position: absolute; right: 20px; bottom: 20px; height: 48px; width: 48px; background-image: url('images/povecava2.png'); background-position: center center; z-index: 9;
	-webkit-animation: adown 3s infinite; animation: adown 3s infinite; }
	.scrolldown .inner { height: 48px; width: 48px; background-image: url('images/arrowdown.png'); background-position: center center;
		background-repeat: no-repeat; }

.ruler { position: absolute; width: 10px; height: 10px; background-color: red; left: 0px; z-index: 9999; }
.hidden { display: none; }

.bannerdesc { width: 500px; position: absolute; left: 100px; bottom: 150px; padding: 15px; background-color: rgba(255, 255 , 255, 0.8); }
	.bannerdesc .naslov { color: #D40E1D; font-size: 400%; font-weight: 100; text-transform: uppercase; line-height: 1; pointer-events: auto; }
	.bannerdesc .naslov a { color: #D40E1D; }
	.bannerdesc .naslov a:hover { color: #8A050E; }
	.bannerdesc .slogan { font-size: 170%; font-weight: 300; }
	
.bannerdesc2 { width: 100%; position: absolute; bottom: 0px; padding: 15px; text-align: center; background-color: rgba(0, 0, 0, 0.4); 
	border-bottom: 1px solid #D40E1D; }
	.msie.ver_8 .bannerdesc2 { background-image: url('images/black40.png'); }
	.bannerdesc2 .naslov { color: #D40E1D; font-size: 500%; /*text-transform: uppercase;*/ line-height: 1; pointer-events: auto; }
	.bannerdesc2 .naslov a { color: #D40E1D; }
	.bannerdesc2 .naslov a:hover { color: #8A050E; }
	.bannerdesc2 .slogan { font-size: 250%; color: #fff; }	
	
.productTestimonyQuote { font-weight: bold; color: #D40E1D; font-size: 120%; } 
.productTestimonyText { font-size: 140%; font-weight: 300; color: #606060; } 
.productTestimonySignature { margin-top: 10px; font-weight: bold; }
.productTestimony { position: relative; width: 100%; }
.productTestimonySlide { width: 33%; float: left; padding: 10px; }
.productTestimonySlide.half { width: 50%; }

.blue1 { background-color: #E3EBF4; }
.redsep { background-image: url('images/redsep.png'); background-position: center bottom; background-repeat: no-repeat;  }
.redseptop { background-image: url('images/redsep.png'); background-position: center top; background-repeat: no-repeat;  }
.podpora .redsep { margin: 1.5em 0em;  }
.downloadDesc {} 

.kform { display: none; padding: 30px; background-color: #fff; height: 530px; }
	.kform.small { height: 415px; }
	.kform .button { padding: 0px 15px; text-align: center; color: #fff; cursor: pointer; font-size: 170%; width: 200px; height: 40px; line-height: 40px;
		text-transform: uppercase; float: right; position: relative; font-family: 'Open Sans'; border: 0; }
	.kform .button.send { background-color: #D40E1D; }
	.kform .button.send:hover { background-color: #EA727A; }
	.kform .button.send.loader { background-image: url('images/loader_small.gif'); background-position: center center; background-repeat: no-repeat;  }
	.kform .button.send.loader:hover { background-color: #D40E1D;  }
	.kform .button.sendDownload { background-color: #D40E1D; }
	.kform .button.sendDownload:hover { background-color: #EA727A; }	
	.kform .button.sendDownload.loader { background-image: url('images/loader_small.gif'); background-position: center center; background-repeat: no-repeat; }
	.kform .button.sendDownload.loader:hover { background-color: #D40E1D; }	
	.kform h2 { color: #D40E1D; font-size: 150%; font-weight: 300; /*text-transform: uppercase;*/ font-size: 250%; margin: ; line-height: 1; margin-bottom: 20px; }
	.kform h4 { color: #D40E1D; font-size: 150%; font-weight: 300; margin: 0; line-height: 1; }
	.kform .row { float: left; }
	.kform .napis { font-weight: 300; font-size: 150%; }
	.kform .kontakt_message { float: left; width: 100%; height: 150px; padding: 10px; font-size: 100%; font-family: 'Open Sans', sans-serif; border: 1px solid #000; }
	.kform .kontakt_input { border: 0; outline: none; font-size: 100%; padding: 5px 10px 5px 10px; border-bottom: 1px solid #000; width: 100%; }
	.kform .warning { background-image: url('images/Warning_icon.png'); background-position: center right; background-repeat: no-repeat; }
	.kform .notif { font-size: 130%; font-weight: 300; }
	.kform .inner { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
	
.pattern { width: 100%; height: 100%; position: absolute; left: 0px; right: 0px; background-image: url('images/pattern.png'); } 	
.topalign { vertical-align: top; }
	
@keyframes adown {
  0% {
	bottom: 20px;
  }
  50% {
	bottom: 10px;
  }
  100% {
	bottom: 20px;
  } 
}

@-webkit-keyframes adown {
  0% {
	bottom: 20px;
  }
  50% {
	bottom: 10px;
  }
  100% {
	bottom: 20px;
  } 
}

.singleProduct {}
	.singleProduct .leftside { float: left; width: 400px; }
	.singleProduct .rightside { float: left; width: 624px; padding-left: 20px; }
	.singleProduct .rightside h1 { font-weight: 300; margin: 0 !important; }
	.singleProduct .rightside .opis { }
	.singleProduct .rightside .button { padding: 5px 15px; color: #fff; cursor: pointer; font-size: 100%; background-color: #D40E1D; float: left; }
	.singleProduct .rightside .button:hover { background-color: #EA727A; }
	
.mleft10 { margin-left: 10px; }
.kingred { color: #D40E1D; }

.connect { position: relative; text-align: center; color: #fff; cursor: pointer; font-size: 100%; background-color: #D40E1D; float: left; width: 80px; height: 35px; line-height: 35px; }
.session_input.warning { background-image: url('images/Warning_icon.png'); background-position: center right; background-repeat: no-repeat; }
.connect:hover { background-color: #EA727A; }
.connect .loader { background-image: url('images/loader_small.gif'); background-position: center center; background-repeat: no-repeat; display: none; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.connect .inner { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.session_input { border: 0; outline: none; font-size: 100%; font-family: 'Open Sans', sans-serif; font-weight: 300; padding: 5px 10px 5px 10px; border-bottom: 1px solid #000; width: 200px; }
.connectIE { display: none; }

.navodila { position: absolute; top: 0; left: 0; color: #fff; padding: 5px; background: #000; background: #585858; font-size: 60%; }
.zoomitpopup .opis { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: rgb(212, 14, 12); font-size: 120%; font-weight: 300; font-family: 'Open Sans', sans-serif; }

.produkt .downloadContainer { width: 100%; text-align: center; }
.produkt .dlbutton { padding: 10px 20px; color: #fff; cursor: pointer; font-size: 160%; background-color: #D40E1D; display: inline-block; margin: 0px 0px; font-weight: 300; float: right;}
.produkt .dlbutton:hover { background-color: #EA727A; } 

.default .downloadContainer { width: 100%; text-align: center; }
.default .dlbutton { padding: 10px 20px; color: #fff; cursor: pointer; font-size: 160%; background-color: #D40E1D; display: inline-block; margin: 0px 0px; font-weight: 300; float: right;}
.default .dlbutton:hover { background-color: #EA727A; } 

.mobile .updatesRow { font-size: 200%; }
.updatesRow { width: 100%; }
.updatesRow .verzija { float: left; width: 15%; }
.updatesRow .datum { float: left; width: 15%; }
.updatesRow .naziv { float: left; width: 70%; }
.updatesRow .desc { float: left; width: 100%; }

.verzije { font-size: 140%; font-family: 'Open Sans', sans-serif; font-weight: 300; }
.podpora p.intro { font-size: 140%; font-family: 'Open Sans', sans-serif; font-weight: 300; margin: 0em 0em 1em 0em; }
.default.podpora h1.produktTitle { margin: 0; }

.nextsep { float: left; height: 45px; width: 45px; background-image: url('images/nextsep.png'); background-position: center center; background-repeat: no-repeat; }  
.label { float: left; line-height: 45px; font-size: 140%; font-weight: 300; margin-right: 20px;  }
.connect { position: relative; text-align: center; color: #fff; cursor: pointer; font-size: 100%; background-color: #D40E1D; float: left; width: 80px; height: 35px; line-height: 35px; }
.section.content .downloadUpdate { position: relative; text-align: center; color: #fff; cursor: pointer; font-size: 120%; background-color: #D40E1D; float: left; padding: 0px 10px; 
	height: 45px; line-height: 45px; text-decoration: none !important; }
.section.content .downloadUpdate:hover { background-color: #EA727A; }

.finalStep { display: none; }
.options { display: none; }
.options.n1 { display: block; }

.legal { font-size: 60%; margin-top: 10px; float: left; }

.styled_select { width: 260px;
	height: 45px;
	overflow: hidden;
	background: url('images/dropdown.png') no-repeat right #fff; float: left; 
}

.styled_select.disabled { background: url('images/dropdown_disabled.png') no-repeat right #fff; }
.msie.ver_8 .styled_select.disabled .test { border: 1px solid #707070; color: #707070; }

.test {
	border: 1px solid #D40E1D; font-size: 14px;	background: #fff; padding: 8px 10px; font-size: 110%; font-weight: 300;	font-family: 'Open Sans', sans-serif; float: left;
	/*line-height: 45px;*/ height: 45px; width: 290px; -webkit-appearance: none; background-color: transparent;
}

.firefox .test {  }

.test:disabled {
	border: 1px solid #707070; color: #707070;
}

.anchor {
	display: block;
	height: 140px;
	margin-top: -140px;
	visibility: hidden;
}

.statusrow { float: left; max-width: 325px; }

.topthree { margin-top: 80px; margin-bottom: 70px;/* padding-bottom: 100px; */}
	.topthree .wrapper { width: 1200px; }
	.topthree.fluid .wrapper { width: 100%; }
	.topthree.s1024 .wrapper { width: 1024px; }
	.topthree .item { float: left;  /*margin-right: 92px; width: 33%;*/ width: 400px; text-align: center; }
	.topthree.s1024 .item { width: 341px; }
	.topthree.fluid .item { width: 100%; margin-bottom: 30px; }
	.topthree .item.fullSize { width: 100%; }
	.topthree .item.n1 { }
	.topthree .item.n2 { }
	.topthree .item.n3 { margin-right: 0px; }
	.topthree .title { color: #D40E1D; text-align: center; float: left; width: 100%; font-size: 200%; }
	.topthree .imgCont { float: left; position: relative; width: 300px; height: 100px; margin-bottom: 20px; }
	.topthree .imgCont img { }
	.topthree .slogan { font-size: 120%; text-align: center; color: #606060; /*font-weight: 300;*/ height: 100px; }
	
	
.video { float: left; margin: 0px 20px 20px 0px; margin-bottom: 40px; }
	.video .title { color: #D40E1D; float: left; width: 700px; font-size: 140%; }
	.video .desc { color: #000; font-height: 300; margin-top: 10px; float: left; width: 700px;}
	.video .videoCont { position: relative; width: 250px; height: 200px; text-align: center; float: left;  margin-right: 20px; }
	.video.last { margin-right: 0px; }
	.video img { position: absolute; left: 0px; top: 0px; }
	.video .overlay { position: absolute; left: 0px; top: 0px; width: 250px; height: 200px; background-image: url('images/playoverlay.png'); background-position: center center;
		background-repeat: no-repeat; }
	.videoLink:hover .overlay { background-image: url('images/playoverlay_hover.png'); }
	
	
.ver1 .video { width: 462px; }
.ver1 .video .title { width: 462px; }
.ver1 .video .overlay { width: 462px; }
.ver1 .video.n1 { margin-right: 80px; }

.razdelki { padding: 70px 0px; }

.razdelki.grey { background-color: #F5F5F5;  }

.cenik_boxes {
	margin: 35px 0px;
	overflow: hidden;	
}

.cenik_box {
	border: 1px solid #ddd;
	float: left;
	width: 23%;
	margin: 0px 5px;
}

.redsep_small {
	margin: 5px 0px !important;
	height: 5px;
	background-image: url(images/redsep_small.png)
}

.cenik_box > h2,h3, h4 {
	text-align: center;
	margin: 20px 0px !important;
}

.cenik_box > ul {
	margin: 20px 0px 40px 0px !important;
	padding: 0px !important;
}

.cenik_box > ul > li {
	list-style: none;
	text-align: center;
}

.cenik_box > ul > li > span {
	color: #D40E1D;
}

.cenik_link {
	text-align: center;
	font-size: 14px !important;
}

.cenik_link a {
	color: #007B3F !important;
}

.cenik_link a:hover {
	color: #EB7201 !important;
	text-decoration: underline !important;
}

.cenik_ddv {
	text-align: center;
	font-size: 120% !important;
}

.smaller {
	margin-bottom: 0px;
	/*float: left;*/
}

.cenik_preizkusi {
	overflow: hidden;
	float: left;
	margin-top: 8px;
}

.cenik_preizkusi_button {
	overflow: hidden;
	float: right;
}