html, body {
  margin:0;
  height: 100%;
  width:100%;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size:12px;
  color:#444444;
  background-image: url(images/body_bg.jpg);
  background-repeat: repeat;
}

input, select, textarea {
  font-size:12px;
  padding:3px;
   border-radius:5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border:none;
  background-color:#eeeeee;
  border: 1px solid #888888;
}

.top {  
  margin:0px;
  height:60px;  
  width:100%;
  background-color:#ffffff;  
}

.top_menu {
  width:1000px;
  /*left:50%;*/
  height:60px;
  margin:0px auto;
  padding-top:20px;
  position:relative;
}

.top_menu_item a, .top_menu_item a:visited {
  font-size:18px;
  color:#444444;
  text-decoration: none;
  padding:3px 5px 3px 5px;
  margin-right:30px;
  float:left;
  border-radius:5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.top_menu_item a:hover {
  background-color:#b2d6ec;
}

.lopolis {
  background-image: url(images/lopolis.png);
  background-repeat: no-repeat;
  width:169px;
  height:49px;
  position:absolute;
  right:5px;
  top:17px;
  z-index:2;
}

.lopolis:hover {
  background-image: url(images/lopolis_over.png);
}

.bg_gray {  
  margin:0px;
  height:295px;
  width:100%;  
  background-image: url(images/bg_gray.jpg);
  background-repeat: repeat-x;
  position:relative;
}

.bg_gray_header {
  width:1000px;
  margin:0px auto;
  position:relative;
}

.logo {
  background-image: url(images/logo.png);
  background-repeat: no-repeat;
  width:440px;
  height:51px;
  position:absolute;
  left:5px;
  top:35px;
}

.slogan {
  background-image: url(images/slogan.png);
  background-repeat: no-repeat;
  width:990px;
  height:27px;
  position:absolute;
  left:5px;
  top:110px;
}

.ikone {
  background-image: url(images/ikone.png);
  background-repeat: no-repeat;
  width:990px;
  height:61px;
  position:absolute;
  left:5px;
  top:170px;
}

.button_app {
  position:absolute;
  padding:5px 10px 5px 10px;
  font-size:16px;
  color:#ffffff;
  border:1px solid #cccccc;
  background-color:#7d9931;
  right:5px;
  top:50px;
}
.button_app:hover {
  background-color:#aaca57;
  color:#444444;
}

.content_container {  
  margin:0px;
  width:100%;  
  position:relative;
  background-color:#ffffff; 
}

.content {
  width:1000px;
  margin:0px auto;
  position:relative;
  padding-bottom:30px;
  background-color:#ffffff;
}

.potek {
  background-image:url(images/potek.png);
  background-repeat:no-repeat;
  width:647px;
  height:500px;
}

.potek_sidebar {
  float:right;
  width:300px;
  border-left:1px solid #dddddd;
  padding-left:25px;
}
.potek_sidebar li {
  float:left;
  font-size:14px;
  line-height:22px;  
}
.prednosti {
  background-color: #afd852;
  width:275px;
  font-size:14px;
  padding:5px;
  text-align:center;
  margin:0px 0px 20px 0px;
}
.ucinkovitost {
  background-color: #8acfe6;
  width:275px;
  font-size:14px;
  padding:5px;
  text-align:center;
  margin:20px 0px 20px 0px;
}
.varovanje_okolja {
  float:left;
  width:275px;
  padding:5px;
  text-align:center;
  margin:10px 0px 10px 0px;
}

.button_naroci {
  width:275px;
  padding:10px 10px 10px 10px;
  font-size:16px;
  color:#e1de59;
  border:1px solid #444444;
  background-color:#444444;
  float:left;
  margin:20px 0px 20px 0px;
  text-align:center;
}
.button_naroci:hover {
  background-color:#e1de59;
  color:#444444;
}

.arrows {
  font-family: verdana;
  margin-left:10px;
}

.prednost_ikona {
  margin:0px 0px 20px 0px;
}

.prednost_naslov {
  background-color: #afd852;
  width:100%;
  font-size:16px;
  padding:5px;
  text-align:center;
  margin:0px 0px 20px 0px;
}

.kontakt_naslov {
  background-color: #8acfe6;
  width:100%;
  font-size:16px;
  padding:5px;
  text-align:center;
  margin:0px 0px 20px 0px;
}

.cenik {
  margin:10px 0px 20px 20px;
  font-size:14px;
}

.cenik_table {
  margin-left:20px;
}
.cenik_table td {
  padding:4px;
  font-size:14px;
}
.col_header {
  background-color:#8acfe6;
}
.col1 {
  text-align:left;
  background-color:#eeeeee;
}
.colgray {
  text-align:right;
  background-color:#eeeeee;
}
.colgreen {
  text-align:right;
  background-color:#afd852;
}

.button_container {
  height:70px;
  padding-top:0px;
}

ul.ul_prednosti {
  font-size:16px;
  padding-left:20px;
  /*list-style:none;*/
}
ul.ul_prednosti li {
  line-height:24px;  
}

ul.ul_kontakt {
  font-size:14px;
  padding-left:0px;
  list-style:none;
}
ul.ul_kontakt li {
  line-height:24px;  
}

.footer {
  height:170px;
  position:relative;
}

.footer_center {
  width:1000px;
  margin:0px auto;
  position:relative;
}
.footer_bottom {
  position:absolute;
  width:1000px;
  left:50%;
  margin:80px -500px;
  /*position:relative;
  padding-top:80px;*/
}

.button_windows {
  background-color:#000000;
  background-image:url(images/windows.png);
  background-repeat:no-repeat;
  background-position:7px 4px;
  width:116px;
  height:32px;
  position:absolute;
  top:30px;
  left:5px;
}

.button_windows:hover {
  background-color:#127ab8;
}

.button_ios {
  background-color:#000000;
  background-image:url(images/ios.png);
  background-repeat:no-repeat;
  background-position:7px 2px;
  width:70px;
  height:32px;
  position:absolute;
  top:30px;
  left:140px;
}
.button_ios:hover {
  background-color:#127ab8;
}

.button_android {
  background-color:#000000;
  background-image:url(images/android.png);
  background-repeat:no-repeat;
  background-position:7px 2px;
  width:119px;
  height:32px;
  position:absolute;
  top:30px;
  left:230px;
}
.button_android:hover {
  background-color:#127ab8;
}

.button_email {
  background-image:url(images/email.png);
  background-repeat:no-repeat;
  width:39px;
  height:39px;
  position:absolute;
  top:30px;
  right:180px;
}

.button_email:hover {
  background-image:url(images/email_over.png);
}

.button_twitter {
  background-image:url(images/twitter.png);
  background-repeat:no-repeat;
  width:41px;
  height:40px;
  position:absolute;
  top:29px;
  right:120px;
}

.button_twitter:hover {
  background-image:url(images/twitter_hover.png);
}

.button_facebook {
  background-image:url(images/facebook.png);
  background-repeat:no-repeat;
  width:41px;
  height:40px;
  position:absolute;
  top:29px;
  right:60px;
}

.button_facebook:hover {
  background-image:url(images/facebook_hover.png);
}

.button_submit {
  padding:10px 20px 10px 20px;font-size:18px;font-weight:bold;
}

.svk {
  margin-left:-5px;
}

/*------------------------------------------*/
/*               General                    */
/*------------------------------------------*/

thead {
  background-color:#a1285b;
  color:#ffffff;
  font-size:11px;
}

th {
  padding:3px;
}

table.filter {
  border-spacing:10px 0px;
}

table.table_details td {
  background-color:#eeeeee;
}

.details_value {
  font-weight:bold;
  text-align:center;
}

.tr_zadetki:hover {
  background-color:#ccddee;
}

#zadetki td {
  border-bottom:1px dashed #aaaaaa;
  padding:3px;
  font-size:11px;
}

#zadetki_fixed td {
  border:none;
  padding:3px;
  font-size:11px;  
}

a {
  color: #a1285b;
}

.text-color {
  color:#000000;
}

h1,h2,h3,h4 {
  margin:0px;
  padding:10px 10px 10px 5px;
  font-weight:bold;
}
h1 {font-size:150%;}
h2 {font-size:130%;}
h3 {font-size:110%;color:#aa0000;}
h4 {font-size:100%;}

.newline {
  width:100%;
  height:20px;
  display:inline-block;
}

img {
  border:0px;
}
.hiddenPic {display:none;}

.filter_td {
  /*font-family:Arial Narrow;*/
  font-size:11px;
}

.text8 {font-size:8px;color:#555555;}
.text10 {font-size:10px;}
.text12 {font-size:12px;}
.text14 {font-size:14px;}
.text16 {font-size:16px;}
.text18 {font-size:18px;}
.text20 {font-size:20px;}
.text22 {font-size:22px;}
.text24 {font-size:24px;}
.text26 {font-size:26px;}

.paddingtop5 {padding-top:5px;}
.paddingtop20 {padding-top:20px;}
.padding10 {
  padding:10px;
}
.padding3 {
  padding:3px;
}
.margin5 {margin:5px;}
.margin_checkbox {margin:4px 0px 0px 3px;}
.margin10 {margin:10px;}
.margin20 {margin:20px;}
.margintop20 {margin-top:20px;}
.margintop10 {margin-top:10px;}
.margintop15 {margin-top:15px;}
.marginright20 {margin-right:20px;}
.marginleft20 {margin-left:20px;}

.w50 {width:50px;}
.w100 {width:100px;}
.w150 {width:150px;}
.w200 {width:200px;}
.w250 {width:250px;}
.w300 {width:300px;}
.w220 {width:220px;}
.w270 {width:270px;}
.w350 {width:350px;}
.w400 {width:400px;}
.w450 {width:450px;}
.w500 {width:500px;}
.w600 {width:600px;}
.w700 {width:700px;}
.w780 {width:780px;}
.w800 {width:800px;}
.w100perc {width:100%;}
.w50perc {width:50%;}
.w33perc {width:33%;}

.white {color:#ffffff;}
.gray {color:#888888;}
.darkgray {color:#555555;}
.orange {color:#ff9933;}
.green {color:#00aa00;}
.red {color:#ff0000;}

.bg_light_gray {background-color:#cccccc;}

.hidden {
  visibility:hidden;
  display:none;
}
.visible {
  visibility:visible;
  display:block;
}
.displaynone {
  display:none;
}
.no-decoration {
  text-decoration:none;
}
.nowrap {
  white-space: nowrap;
}
.floatleft {
  float:left;
}
.floatright {
  float:right;
}
.alignleft {text-align:left;}
.aligncenter {text-align:center;}
.alignright {text-align:right;}


.hand {
	cursor:pointer;
	cursor:hand;
}
.glow {  
  box-shadow: 0px 0px 15px #888888;
  -moz-box-shadow: 0px 0px 15px #888888;
  -webkit-box-shadow: 0px 0px 15px #888888;
}
.rounded {
  border-radius:5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.no-selection {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fullscreen {
  background-color:#000000;
  opacity:0.85;
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  position: fixed;
  z-index:99;
}




/*navoila*/
.naslov {
	font-size:1.6em;
	width:100%;
	background-color:#558712;
	color:#ffffff;
	padding: 1em;
	margin: 0 0 1em 0;
    border-radius:5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.naslov1 {
	font-size:20px;	
	padding: 5px;
	margin:20px 0px 20px 0px;
	background-color:#0080ff;
	color:#ffffff;	
	overflow-x:hidden;
}
.content1 {
	font-size:14px;
	padding: 0;
	margin:0;
}
.naslov2 {
	font-size:18px;	
	padding: 5px;
	margin:20px 0px 20px 0px;
	background-color:#e6e6e6;
	overflow-x:hidden;
}
.content2 {
	font-size:14px;
	padding: 0;
	margin:0;
}
.naslov3 {
	font-size:16px;	
	padding: 0px;
	margin:20px 0px 20px 0px;
	overflow-x:hidden;
	font-weight:bold;
}
.content3 {
	font-size:14px;
	padding: 0;
	margin:0;
}
p {
	margin:0;
	padding:0 0.5e 0 0.5em;
}

.responsive-youtube-container {

    position: relative;
    height: 0;
    overflow: hidden;
    width:900px;
    height:525px;
    background-image: url(images/video_thumb.png);
    background-size: 900px 525px;
    background-repeat: no-repeat;
    cursor:pointer;
    cursor:hand;		
}
.responsive-youtube-container iframe {

    position: absolute;
    top: 0;
    left: 0;
    width: 900px;
    height: 525px;
    visibility:hidden;	
}