@import url('https://fonts.googleapis.com/css?family=Ubuntu&subset=latin,latin-ext');
@import url('https://fonts.googleapis.com/css?family=Open+Sans&subset=latin,latin-ext');
@import url('https://fonts.googleapis.com/css?family=Andika&subset=latin,latin-ext');
@media screen {
@font-face {
	font-family: 'Galette';
	src: url('fonts/galette-med-webfont.eot');
	src: local('�'), url('fonts/galette-med-webfont.woff') format('woff'), url('fonts/galette-med-webfont.ttf') format('truetype'), url('fonts/galette-med-webfont.svg#webfontYzQwX01u') format('svg');
	font-weight: normal;
	font-style: normal;
}
}
@media screen {
@font-face {
	font-family: 'Museo500';
	src: url('fonts/museo500regular.eot');
	src: local('Museo'), local('Museo-500'), url('fonts/museo500regular.woff') format('woff'), url('fonts/museo500regular.otf') format('opentype'), url('fonts/museo500regular.svg#Museo-500') format('svg');
}
}
body{
  margin:0 auto;
  padding:0;
  background-color:#5791c1;
  background-image:url('../images/body_bg-pict.jpg');
  background-repeat: no-repeat;
  background-position:top center;
  color:#000;
  font-family: 'Open Sans', Tahoma, Verdana, Arial, sans-serif;
  font-size:13px;
}

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
	}

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-size:95%;
  padding:9px 15px 6px 15px;
  vertical-align:middle;
  color:#000000;
  background:#f4f4f4;
}
#top a{
  color:#4683BF;
  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;

}

#image{
  width:auto;
  height:200px;
  text-align:left;
  background:#d9be98 url('../images/head/5.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:13px;
	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:#4683BF; font-family: 'Andika',Tahoma, Arial, Helvetica, sans-serif; font-size:18px; 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', 'Open Sans', 'Cousine', 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:#efe6c5; border-left:3px solid #4683BF; 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', 'Open Sans', 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;
  font-size: 13px;
  line-height:21px;
  margin:15px 20px 5px 152px;
  border-left:1px solid #d3d3d3;

}

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

#content h3{
  padding:0;
  margin:15px 0 0 0;
  color:#555;
  font-weight: normal;
  font-family: 'Andika', Arial, Helvetica, sans-serif;
  font-size:18px;
  line-height:26px;
  letter-spacing: 0px;
}

#content h4{
  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 h5 {
  padding:0 0 5px 0;
  margin:15px 0 5px 0;
  font-family:'Andika','Trebuchet MS',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 p {
  margin:0 0 15px 0;
  padding:0
}
#content .red { background-color:#4683BF; padding:2px 5px 1px 5px; color:#ffffff; font-weight:bold; letter-spacing:0px; }
#content .red2 { color:#4683BF; font-weight:bold; }
#content .password { background-color:#4683BF; padding:3px 7px 2px 7px; color:#ffffff; font-weight:bold; letter-spacing:1px; }
#content .brief { line-height:26px; }

#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:#4683BF;
  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{
  float:left;
  border:1px dotted #666;
  padding:3px;
  margin:0 0 15px 75px;
}
#content .graf2 img{
  float:left;
  border:1px dotted #666;
  padding:3px;
  margin:0 0 15px 25px;
}
#footer{
  width:auto;
  height:30px;
  background-color:#5791c1;
  background-image:url('../images/xbody_footer.gif');
  background-repeat:repeat-x;
  background-position:top center;
  border-top:0px solid #4683BF;
  color:#fff;
  padding-top:8px;
  font-family: 'Open Sans', Tahoma, Arial, Helvetica, sans-serif;
  font-size: 13px;
  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;
}

#footerleft a{
  text-decoration:none;
}

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

/* ADDITIONAL CLASSES */
.announce{
  background-color: #E8EFF7;
  border-left:3px solid #4683BF;
  clear:left;
  color:#505050;
  font-size:105%;
  line-height:1.1em;
  margin:10px 0 15px;
  padding:7px 5px 2px 5px;
  width:110px
}

.announce a {color:#2F66B9; font-weight:400;}
.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: #f4f4f4;
	border: 1px solid #ccc;
	border-left: 6px solid #ccc;
	color: #606060;
	display: block;
	letter-spacing:0px;
	font: normal 13px 'Open Sans', Tahoma, Arial, Helvetica, sans-serif;
	line-height: 175%;
	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:#4683BF;
  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:#4683BF;
}

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

/*============================*/
/* 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:#4683BF;
}

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

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

#content .chart {
	background-color:#ffffff;
	border:1px solid #d5d5d5;
	padding:12px 14px;
	margin:0 0 15px 0;
	font-family:'Open Sans','Trebuchet MS',Tahoma,Verdana,Arial,sans-serif;
}
#content .chart h3 {
	margin:0 0 12px 0;
	font-size:14px;
	font-weight:bold;
	color:#4683BF;
}
#content .chart-row {
	display:flex;
	align-items:center;
	margin-bottom:7px;
	font-size:11px;
}
#content .chart-label {
	flex:0 0 84px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	color:#111111;
}
#content .chart-bar {
	flex:1 1 auto;
	display:block;
	height:14px;
	margin:0 8px;
	background-color:#f0f0f0;
	border:1px solid #e0e0e0;
}
#content .chart-bar > span {
	display:block;
	height:12px;
	min-width:2px;
}
#content .chart-value {
	flex:0 0 62px;
	white-space:nowrap;
	text-align:right;
	color:#555555;
}
@media (min-width: 520px) {
	#content .chart h3 { font-size:15px; }
	#content .chart-row { font-size:12px; }
	#content .chart-label { flex-basis:130px; }
	#content .chart-value { flex-basis:78px; }
}