@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Armata&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Scada:400&subset=latin-ext);

@font-face {
    font-family: 'Gnuolane';
    src: url('fonts/gnuolane_free-webfont.eot');
    src: url('fonts/gnuolane_free-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gnuolane_free-webfont.woff') format('woff'),
         url('fonts/gnuolane_free-webfont.ttf') format('truetype'),
         url('fonts/gnuolane_free-webfont.svg#gnuolanefree') format('svg');
    font-weight: normal;
    font-style: normal;
}


body{
  margin:0 auto;
  padding:0;
  background-color:#d0d0d0;
  background-image:url('../images/bg/bg.png');
  background-repeat: repeat;
  background-position:top center;
  line-height: 21px;
  color:#555;
  font-family: 'Open Sans', Arial, Tahoma, sans-serif;  font-size: 62.5%; /* 16px × 62.5% = 10px */
}

del { text-decoration: line-through; }

hr {
  border: none 0;
  border-top: 1px dotted #999; /*the border*/
  width: 360px;
  text-align: left;
  height: 1px;
  margin: 0 auto 10px 0;
}

form {
	margin:0;
	padding:0
}

input, textarea, select {
  font-family: 'Open Sans', Arial, Tahoma, sans-serif;  font-size: 1em;
  color: #000;
  margin: 0 15px 0 5px;
  padding: 5px 7px;
  background-color: #fff;
  border: 1px solid #ddd;
}
input:focus, textarea:focus, select:focus {
  color: #000;
  background: #ffffe0;
  border: 1px solid #ddd;
}
input.button {
  font-size: 1em;
  font-weight: bold;
  color: #fff;
  background-color: #666;
  border: 1px solid #333;
  padding: 5px 15px;
}
input.button:hover {
  color: #fff;
  background: #14a74b;
  border: 1px solid #14a74b;
}
input.fileupload {font-size: 14px;padding:0;}
a{
  text-decoration:none;
}
a:hover{
  text-decoration:none;
  border-bottom:1px dotted #666666;
}

img{
  border:0
}

/* TOP OF PAGE */
#showhidetarget{
  margin:20px 0 0 0;
  padding:20px auto;
}
#showhidetrigger {
    display: block;
    width: 40px;
    height: 140px;
    position: fixed;
    left: -3px;
    top: 33px;
    cursor: pointer;
    border-bottom:0px;
}

#showhidetrigger:hover {
    display: block;
    width: 40px;
    height: 140px;
    position: fixed;
    left: 0px;
    top: 33px;
    text-decoration:none;
    border-bottom:0px;
}
#top{
  margin:0 auto;
  text-align:right;
  font-family: 'Open Sans', Arial, Tahoma, sans-serif;  font-size:1.3em;
  line-height:1.4em;
  padding:0px 0px 6px 0px;
  vertical-align:middle;
  color:#000000;
  background:#fff;
}
#top a{
  color:#14a74b;
  text-decoration:none;
  font-weight:600;
}

#top a:hover{
	text-decoration:none;
	color:#696969;
}

#top img{
	margin:0 0px -1px 0;
}

#clock{
	float:left;
	width:50%;
	text-align:left;
}

/* PAGE */
#page{
  margin:0 auto;
  width:960px;
  background:white;
	-webkit-box-shadow: 0 0px 25px 5px rgba(0, 0, 0, 0.50);
	-moz-box-shadow: 0 0px 25px 5px rgba(0, 0, 0, 0.50);
  box-shadow: 0 0px 25px 5px rgba(0, 0, 0, 0.50);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding:13px 20px 20px 20px;
	margin-top: 35px;
	margin-bottom: 35px;
}

#image{
  width:auto;
  height:200px;
  text-align:left;
}

#image h1{
  margin:0;
  padding:130px 0 0 15px;
  color:#fff;
  text-align:left;
  letter-spacing:-2px;
  font-family: 'Open Sans', Arial, Tahoma, sans-serif;  font-size:4em;
  font-weight:normal;
  visibility:hidden;
}

#image p{
  margin:0;
  padding:0 20px 0 0;
	font-size: 1.3em;
	font-weight: bold;
	font-family: 'Open Sans', Arial, Tahoma, sans-serif;	color: #fff;
	visibility:hidden;
	/* text-transform: lowercase; */
}

/*Left and right sidebar */
#leftside {clear:left; float:left; margin:15px 0 5px 0px; padding:0; width:137px; min-height:850px; border-right:1px solid #d3d3d3;}
#leftside p,#leftside ul {margin:0 0 10px; padding:0;}
#leftside p {font-size:1.1em; line-height:1.4em;}
#leftside li {line-height:1.2em; list-style:none; margin:0 0 6px; padding:0;}
#leftside ul ul {margin:6px 0 0 10px; padding:0;}
#leftside ul ul li {margin:0 0 4px;}
#leftside ul ul li a {font-weight:400;}
#leftside h2,#leftside h3 {color:#14a74b; font-family: 'Gnuolane', Arial, Helvetica, sans-serif; font-size:1.85em; margin:5px 0px 5px 0px; line-height:1.2em; padding:0;letter-spacing:0; font-weight: normal;}
#leftside img{padding:1px 5px 0 0;}

/* Main menu */
#leftside ul.avmenu {display:block; list-style:none; margin:0 0 18px 0; padding:0; font-family: 'Armata', Arial, Tahoma, Verdana, sans-serif; font-size:1.4em; font-weight: 600; letter-spacing: -1px; letter-spacing:0\0/IE8+9;}
@-moz-document url-prefix() { #leftside ul.avmenu {letter-spacing: 0px;} }
#leftside ul.avmenu li {display:inline; line-height:1.5em; padding:0; width:117px;}
#leftside ul.avmenu li a {background-color:#e4e4e4; border-left:3px solid #14a74b; color:#444; float:left; margin-bottom:5px; padding:8px 0px 4px 4px; text-decoration:none; width:117px;
-webkit-transition: background-color 0.5s ease-out;-moz-transition: background-color 0.5s ease-out;-o-transition: background-color 0.5s ease-out;transition: background-color 0.5s ease-out;}
#leftside ul.avmenu li a:hover,#leftside ul.avmenu li a.current {background-color:#d4e8dc; border-left:3px solid #14a74b; color:#222; border-bottom:0px; text-transform: uppercase;
-webkit-transition: background-color 0.25s ease-out;-moz-transition: background-color 0.25s ease-out;-o-transition: background-color 0.25s ease-out;transition: background-color 0.25s ease-out; }
#leftside ul.avmenu li a.dark {background-color:#4682B4; border-left:3px solid #333; color:#fff; border-bottom:0px; text-transform: none;}
#leftside ul.avmenu li a.dark:hover {background-color:#d4e8dc; border-left:3px solid #4682B4; color:#505050; border-bottom:0px; text-transform: uppercase;}
#leftside ul.avmenu ul {font-family: 'Open Sans', Arial, Tahoma, sans-serif; font-size: 0.85em; letter-spacing: -0.05em;margin:0 0 0 5px; text-transform: uppercase;}
#leftside ul.avmenu ul a {font-weight:normal!important; padding:4px 1px 2px 4px; width:111px;}
#leftside ul.avmenu ul ul {width:100px;}
#leftside ul.avmenu ul ul a {width:100px;}

#content{
  background:inherit;
  padding:0 0 0 15px;
  margin:15px 0px 5px 137px;
  border-left:1px solid #d3d3d3;
  color: #111;
  font-size: 1.4em;
  line-height: 1.55em;
  font-weight:400;
}

#content p {
  margin:0 0 15px 0;
  padding:0;
}

#content h1, #content h2{
  font-family: 'Gnuolane', Arial, Helvetica, sans-serif;  padding:1px 0 1px 0;
  margin:0 0 10px 0;
  font-size: 2.6em;
  font-weight: normal;
  letter-spacing: 0;
  text-rendering: optimizeLegibility;
  line-height: 1em;
  color: #14a74b;
  background-color:inherit;
  border-bottom: 2px dotted #cbbcb3;
  text-transform: uppercase;
  zoom: 1;
}

#content h2{
	font-size: 2em;
	line-height: 1em;
}

#content h3{
  padding:0;
  margin:20px 0 0 0;
  color:#999;
  font-weight: normal;
	font-family: 'Gnuolane', Arial, Helvetica, sans-serif;	text-transform: uppercase;
  font-size:1.6em;
  line-height:1.6em;
  letter-spacing: 0px;
}

#content h4{
  padding:0 0 1px 0;
  margin:15px 0 5px 0;
  font-family: 'Gnuolane', Arial, Helvetica, sans-serif;  font-size:1.1em;
  letter-spacing:-1px;
  font-weight:normal;
  color:#666666;
  background-color:inherit;
  border-bottom:0px dotted #cbbcb3;
}

#content h5 {
  padding:0 0 5px 0;
  margin:15px 0 5px 0;
  font-family: 'Gnuolane', Arial, Helvetica, sans-serif;  font-size:1.8em;
  letter-spacing:0px;
  font-weight:normal;
  color:#222;
  background-color:inherit;
}
#content h6 {
	font-family: 'Gnuolane', Arial, Helvetica, sans-serif;  padding:5px 0 0 0;
  margin:0 10px 5px 0;
	font-size: 1.7em;
	font-weight: normal;
	letter-spacing: 0px;
	color: #14a74b;
	background-color:inherit;
	border-bottom: 2px dotted #cbbcb3;
	text-transform: uppercase;
	zoom: 1;
}

#content h5 a {
  font-weight:normal;
  color: #222;
}

#content h5 a:hover {
  font-weight:normal;
  color: #4682B4;
  text-decoration: underline;
  border-bottom:0px;
}

h6 {
  padding:0 0 1px 0;
  margin:15px 0 5px 0;
  font-family:"Trebuchet MS",Arial,Verdana,sans-serif;
  font-size:130%;
  letter-spacing:-1px;
  font-weight:normal;
  color:#666666;
  background-color:inherit;
  border-bottom:0px dotted #cbbcb3;
}

#content .red { background-color:#14a74b; padding:2px 5px 1px 5px; color:#ffffff; font-weight:bold; letter-spacing:0px; }
#content .red2 { color:#14a74b; font-weight:bold; }
#content .password { background-color:#14a74b; color:#ffffff; font-weight:bold; letter-spacing:1px; font-size: 1.1em; margin: 0px 0px 0px -1px; padding: 2px 7px 2px 7px; border: 0px; width: 160px; text-align:center;}
#content .warning { background-color:#14a74b; padding:3px 6px 2px 6px; color:#ffffff; font-weight:normal; letter-spacing:0px; }
#content .brief { line-height:27px; }

#content ul { margin: -15px 0px 15px 0px; }

#content ul li { list-style: square; }

.noleftmargin {margin-right:0px !important;}
#content img {
  float:right;
  border:1px dotted #ccc;
  padding:3px;
  margin:0 0 0 15px
}

#content img:hover {
  border:1px solid #999999;
}

#content img.promo {
  border:0px !important;
  padding:0px !important;
  margin:0px 0px 12px 0px !important;
}
#content img.banner {
	float:left;
  border:0px !important;
  padding:0px !important;
  margin:10px 0px 10px 0px !important;
}

#content img.lave {
  float:left;
  border:2px dotted #ccc;
  padding:5px;
  margin:0 25px 25px 0;
}

#content img.lave:hover{
  border:2px solid #14a74b;
  opacity: 0.85;
  filter: alpha(opacity=85);
}

#content img.noborder{
  float:left;
  border:0px;
  margin:1px 5px 0 0;
  padding:0;
  vertical-align: middle
}


#content a{
  color:#14a74b;
  font-weight:600;
}

#content a:hover{
  color:#696969;
  font-weight:600;
}

#content strong{
  color:#222;
  font-weight:600;
}

#content .tasktype{
	font-size: 14px;
	font-weight: bold;
  margin:100px 0px 0px 40px;
}

#content .graf img{
  float:left;
  border:1px dotted #666;
  padding:3px;
  margin:0 0 15px 75px;
}
#content .graf2 img{
  float:left;
  border:2px dotted #666;
  padding:40px;
  margin:5px 0 15px 35px;
}
#footer{
  width:auto;
  height:28px;
  background-color:#14a74b;
    background-repeat:repeat-x;
  background-position:top center;
  border-top:0px solid #14a74b;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  color:#fff;
  margin-top:15px;
  padding-top:12px;
  padding-bottom:2px;
  font-family: 'Scada', Arial, Helvetica, sans-serif;  font-size: 1.4em;
  font-weight: normal;
}

#footer p{
  margin:0;
  padding:0;
}

#footer a{
  text-decoration:none;
  color:#fff
}

#footer a:hover{
  border-bottom:2px solid #d4e8dc;
}

#footerleft{
  float:left;
  width:480px;
  text-align:left;
  padding:0;
  margin:0 0 0 15px;
}

#footerleft a{
  text-decoration:none;
}

#footerright{
  float:right;
  width:420px;
  text-align:right;
  padding:0;
  margin:0 15px 0 0;
}

/* ADDITIONAL CLASSES */
.announce{
  background-color: #d4e8dc;
  border-left:3px solid #14a74b;
  clear:left;
  color:#000;
  font-family: 'Open Sans', Arial, Tahoma, sans-serif;  font-size:1.2em;
  font-weight:400;
  line-height:1.0em;
  margin:10px 0 5px;
  padding:7px 5px 1px 5px;
  width:112px;
}

.announce a {color: #14a74b; font-weight: bold;}
.announce a:hover {color:#111111; border-bottom:1px dotted #666666;}

.donors{
  background-color: #f4f4f4;
  border-left:3px solid #999;
  clear:left;
  color:#505050;
  font-family: 'Open Sans', Arial, Tahoma, sans-serif;  font-size:1.2em;
  line-height:1.1em;
  margin:0px 0px 6px 0px;
  padding:7px 5px 1px 5px;
  width:112px;
}

.donors a {color: #14a74b;}
.donors a:hover {color:#111111; border-bottom:1px dotted #666666;}

#donators {
  display: block;
  color: #575757;
  font-family: 'Armata', Arial, Tahoma, Verdana, sans-serif;  font-size: 0.85em;
  line-height: 1.6em;
  letter-spacing: 0px;
  text-transform: uppercase;
  padding: 5px 0px 0px 0px;
  }

.links {float:left;margin: -4px 0px 0px 0px; line-height: 10px;}
.links img {margin: 3px 0px 1px 0px; }
.links a:hover {border-bottom:0px }

#content .tabulka {width:200px; }

code {
	background: #f8f8f8;
	border: 1px solid #ccc;
	border-left: 6px solid #ccc;
	color: #444;
	display: block;
	letter-spacing:0px;
	font-size: 1em;
	font-family: 'Open Sans', Arial, Tahoma, sans-serif;	line-height: 1.6em;
	margin-bottom: 15px;
	padding: 8px 0px 5px 7px;
}


.clearing{
  clear:left;
  margin:0;
  padding:0;
  visibility:hidden
}

.hide{
  display:none
}

/* RESULT TABLE */
#content table {
  border-collapse:collapse;
  border-left:1px solid #686868;
  border-right:1px solid #686868;
  border-bottom:1px solid #686868;
  font: 1em 'Armata', Arial, Helvetica, sans-serif;  font-weight:normal;
  letter-spacing:-0.02em;
  color:#444;
  margin-bottom:10px;
  width:100%
}

#content td{
  padding-top:2px;
  padding-bottom:1px;
  padding-left:5px
}

#content tr{
  height: 35px;
  transition: all .2s ease-in-out;
}
#content tr.first{
  height: 30px;
  letter-spacing:0px;
  border-top:solid 1px #333;
  border-bottom:solid 1px #333;
  background-color:#14a74b;
  color:#fff;
  font-weight:600;
  font-size: 1em;

}

#content tr.first a{
  color:#fff; font-weight:600;
}

#content tr.first:hover{
  border-top:solid 1px #333;
  color:#fff; font-weight:600;
  background-color:#14a74b;
}

#content tr.light{
  border-bottom:solid 1px #686868;
  background-color:#fefefe;
}
#content table a{
  border:0;float:left;padding:0px;margin:0;
  font-weight: 600;
}

#content table img:hover{
  border:0;float:left;padding:0;margin:1px -2px 0 0;
}

#content table img {
  border:0;float:left;padding:0;margin:-2px -2px 0 0;
}

#content tr.dark{
  border-bottom:solid 1px #686868;
  background-color:#efefef;
}

#content tr:hover{
  background-color:#d4e8dc;
}

/* Nivo Slider Demo  */
#slider-wrapper {
    background:url(slider/images/slider.png) no-repeat;
    width:998px;
    height:392px;
    margin:0 auto;
    padding-top:74px;
    margin-top:50px;
}

#slider {
	position:relative;
  width:900px;
  height:200px;
  margin-left:0px;
	background:url(slider/images/loading.gif) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:260px;
	bottom:-42px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(slider/images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(slider/images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Arial, sans-serif;
}
.nivo-caption a {
    color:#efe9d1;
    text-decoration:underline;
}

fieldset {
   border-width: 0;
   margin:5px 0px 5px 0px;
   padding:0;
   background-color:#e4e4e4;
   width:125px;
}

#content .myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#555555;
	font-size:1.4em;
	letter-spacing: 0px;
	font-weight:normal;
  padding:8px 12px 4px 12px;
	margin-right:8px;
	margin-top:8px;
	text-transform: uppercase;
	text-shadow:1px 1px 0px #ffffff;
	font-family:'Gnuolane', Arial, Helvetica, sans-serif;}

#content .myButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
  font-weight:normal;
	color:#14a74b;
}

#content .myButton2 {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#DC143C;
	font-size:1.4em;
	letter-spacing: 0px;
  font-weight:normal;
	padding:8px 12px 4px 12px;
	margin-right:8px;
	margin-top:8px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	font-family:'Gnuolane', Arial, Helvetica, sans-serif;  text-transform: uppercase;
	}

#content .myButton2:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #ededed 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ededed');
	background-color:#ededed;
  font-weight:normal;
	color:#14a74b;
}

#content .myButton:active {
	position:relative;
	top:1px;
}

#gads {	width: 940px;	margin: 0 auto;	padding: 0 0 15px 0;	background: none;	text-align: center;}
#googleads { width:805px;margin:0 auto;padding: 0 0 15px 0;background: none;text-align: center; }

#gas {width:805px;margin:0 auto;padding: 0 0 15px 0;background: none;text-align: center;}
#nogas {
  width: 805px;
  background-color:#f4f4f4!important;
  border: dotted 1px #999;
  margin: -10px 0px 15px;
  padding: 0px;
  color:#222;
  background: none;
  text-align: center;
}
#nogas p { font-size:13px;line-height:19px;}

#fbplikebox {display: block;padding: 0;z-index: 99999; position: fixed;background-color:#fff;-webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.4);-moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.4);box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.4); }
.fbplbadge {background-color:#3b5998;display: block;height: 120px;top: 50%;margin-top: -60px;position: absolute;left: -37px;width: 37px;background-image: url('../images/fb-white-txt.png');background-repeat: no-repeat;overflow: hidden;-webkit-border-top-left-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-bottomleft: 8px;border-top-left-radius: 8px;border-bottom-left-radius: 8px; }