@import url('https://fonts.googleapis.com/css?family=Ubuntu&subset=latin-ext');

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

}

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

}

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

}


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

}

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

}

body{
  margin:0 auto;
  padding:0;
  background-color:#67aa01;
  background-image:url('../images/body_bg.gif');
  background-repeat:repeat-y;
  background-position:top center;
  color:#000;
  font-family: 'FedraSansStdLight', Tahoma, Verdana, Arial, 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: 290px;
text-align: left;
height: 1px;
margin: 0 auto 10px 0;
}

form {
	margin:0;
	padding:0
}

input, textarea, select {
  font-family: 'FedraSansStdLight', Tahoma, Verdana, Arial, sans-serif;
  font-size: 0.95em;
  color: #000;
  margin: 0 20px 0 10px;
  padding: 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: #67aa01;
  border: 1px solid #67aa01;
}
a{
  text-decoration:none;
}

a:hover{
  text-decoration:none;
  border-bottom:1px dotted #666666;
}

a:focus:not(:focus-visible) {
  outline: 0;
}

img{
  border:0
}


/* TOP OF PAGE */
#top{
  margin:0 auto;
  text-align:right;
  font-family: 'Ubuntu', Tahoma, sans-serif;
  font-size:0.9em;
  padding:9px 15px 6px 15px;
  vertical-align:middle;
  color:#000000;
  background:#f2f2f2;
}
#top a{
  color:#669933;
  text-decoration:none;
  font-weight:bold;
}

#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:900px;
  background:white;
  font-size: 1.35em;
}

#image{
  width:auto;
  height:200px;
  text-align:left;
  background:#d9be98 url('../images/head/2.jpg')
}

#image h1{
  margin:0;
  padding:130px 0 0 15px;
  color:#fff;
  text-align:left;
  letter-spacing:-2px;
  font-family: Georgia, "Times New Roman", Times, 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: Arial, Helvetica, sans-serif;
	color: #fff;
	visibility:hidden;
	/* text-transform: lowercase; */
}

/*Left and right sidebar */
#leftside {clear:left; float:left; margin:15px 0 5px 15px; 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:0.9em; 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:#669933; font-family: 'FedraSansStdBold', Tahoma, Arial, Helvetica, sans-serif; font-size:1.2em; margin:5px 0px 10px 0px; padding:0;letter-spacing:-1px;}
#leftside img{padding:1px 5px 0 0;}

/* Main menu */
#leftside ul.avmenu {display:block; list-style:none; margin:0 0 18px 0; padding:0; width:114px; font-family: 'Ubuntu', Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:13px; }
#leftside ul.avmenu li {font-size:100%;display:inline; line-height:1.4em; padding:0; width:114px;}
#leftside ul.avmenu li a {background-color:#f4f4f4; border-left:3px solid #ccc; color:#505050; float:left; font-weight:700; margin-bottom:5px; padding:7px 0px 6px 5px; text-decoration:none; width:114px;}
#leftside ul.avmenu li a:hover,#leftside ul.avmenu li a.current {background-color:#f2f2e1; border-left:3px solid #669933; color:#505050; border-bottom:0px; text-transform: uppercase;}
#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:#d1e0ed; border-left:3px solid #4682B4; color:#505050; border-bottom:0px; text-transform: uppercase;}
#leftside ul.avmenu ul {font-family: 'Ubuntu', Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; margin:0 0 0 7px; padding:0 0 5px; width:115px;text-transform: uppercase;}
#leftside ul.avmenu ul a {font-weight:400; padding:4px 1px 2px 6px; width:107px;}
#leftside ul.avmenu ul ul {width:100px;}
#leftside ul.avmenu ul ul a {width:100px;}

#content{
  background:inherit;
  padding:0 0 0 12px;
  line-height:21px;
  margin:15px 20px 5px 152px;
  border-left:1px solid #d3d3d3;
}

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

#content h2{
	font-family: 'FedraSansStdNormal', Arial, Helvetica, sans-serif;
  padding:0 0 1px 0;
  margin:0 0 10px 0;
	font-size: 2em;
	letter-spacing: -1px;
	font-weight: normal;
	line-height: 1;
	color: #669933;
	background-color:inherit;
	border-bottom: 2px dotted #cbbcb3;
	/* text-transform: uppercase; */
	zoom: 1;
}

#content h3{
  padding:0;
  margin:18px 0 0 0;
  color:#888;
  font-weight: normal;
  font-family: 'FedraSansStdBold', Arial, Helvetica, sans-serif;
  font-size:1.1em;
  line-height:1.5em;
  letter-spacing: 0px;
}

#content h4{
  padding:0 0 1px 0;
  margin:15px 0 5px 0;
  font-family: 'FedraSansStdBold', Arial, Verdana, sans-serif;
  font-size: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: 'FedraSansStdBold', Arial, Verdana, sans-serif;
  font-size:145%;
  letter-spacing:0px;
  font-weight:700;
  color:#222;
  background-color:inherit;
}

#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:#669933; padding:2px 5px 1px 5px; color:#ffffff; font-weight:bold; letter-spacing:0px; }
#content .red2 { color:#669933; font-weight:bold; }
#content .password { background-color:#669933; padding:3px 7px 2px 7px; color:#ffffff; font-weight:bold; letter-spacing:1px; }
#content .brief { line-height:28px; }

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

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

#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:1px dotted #ccc;
  padding:3px;
  margin:0 25px 25px 0;
}

#content img.lave:hover{
  border:1px solid #999998;
}

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


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

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

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

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

#content .graf img, #content .graf svg{
  float:left;
  border:1px dotted #666;
  padding:3px;
  margin:0 0 15px 75px;
}
#content .graf2 img, #content .graf2 svg{
  float:left;
  border:1px dotted #666;
  padding:3px;
  margin:0 0 15px 25px;
}
#content .graf svg, #content .graf2 svg{
  display:block;
  float:none;
  box-sizing:border-box;
  width:100%;
  height:auto;
  max-width:100%;
  margin:0 0 15px;
}
#footer{
  width:auto;
  height:30px;
  background-color:#67aa01;
  background-image:url('../images/body_footer.gif');
  background-repeat:repeat-x;
  background-position:top center;
  border-top:0px solid #669933;
  color:#fff;
  padding-top:15px;
  padding-bottom:0px;
  font-family: 'FedraSansStdNormal', Tahoma, Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  font-weight: normal;
}

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

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

#footer a:hover{
  border-bottom:1px dotted #fff
}

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

#footerleft a{
  text-decoration:none;
}

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

/* ADDITIONAL CLASSES */
.announce{
  background-color: #f2f2e1;
  border-left:3px solid #669933;
  clear:left;
  color:#505050;
  font-family: 'Ubuntu', Tahoma, Arial, Helvetica, sans-serif;
  font-size:1.05em;
  line-height:1.1em;
  margin:10px 0 15px;
  padding:7px 5px 2px 5px;
  width:110px
}

.announce a {color: #669933;}
.announce a:hover {border-bottom:1px dotted #666666;}

.links {float:left;margin: -10px 0px 0px 0px; }
.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: #111;
	display: block;
	letter-spacing:0px;
	font-size: 1em;
	font-family: 'FedraSansStdLight', Tahoma, Arial, Helvetica, 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: 100% 'Cousine', Arial, Geneva, sans-serif;
  letter-spacing:-1px;
  color:#333;
  margin-bottom:10px;
  width:100%
  
}

#content td{
  padding-top:3px;
  padding-bottom:1px;
  padding-left:7px
}

#content tr{
  height: 35px;
}
#content tr.first{
	font: 95% 'Trebuchet MS', Arial, Geneva, sans-serif;
  height: 30px;
  letter-spacing:0px;
  border-top:solid 1px #333;
  border-bottom:solid 1px #333;
  background-color:#669933;
  color:#fff;
  font-weight:bold;

}

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

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

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

#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:#f2f2e1;
}

/*============================*/
/* 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:14px;
	font-weight:bold;
	padding:4px 10px 2px 10px;
	margin-right:10px;
	margin-top:0px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	font-family:'Cousine','Trebuchet MS',Arial,Verdana,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:bold;
	color:#669933;
}

#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:#cc0000;
	font-size:14px;
	font-weight:bold;
	padding:4px 10px 2px 10px;
	margin-right:10px;
	margin-top:0px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	font-family:'Cousine','Trebuchet MS',Arial,Verdana,sans-serif;
	}

#content .myButton2: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:bold;
	color:#669933;
}

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