.logo{
   background-image: url("../image/logo.png");  
   background-size: cover;
   background-repeat: no-repeat;
   position:absolute;             
   top:0.2em;
   left:1em;
   z-index: 0;
   height: 5.6em;
   width: 5.6em;
   display:inline;
}

#tab{
  background:white;
}

#cont{
  width:100%;
  height:2em;
  border-top: 2px solid black;
  background-color:#FFFFFF;
  text-align:center;
  margin-top:1%;
}


body {
    background: #cacbcb;
   // background-image: url("../image/zenbg-1.png"), url("../image/zenbg-2.png");
   // background-repeat: repeat-x, repeat;
    margin: 0;
    padding: 0;   
    color:white;	
}


@font-face {
    font-family: mojfont;
    src: url(../fonts/Moltorv2.ttf);
}

html {
    margin:0;
    padding:0;  
}

.pagecenter{
    width: 80%;
    margin: 0px auto;
    height: auto;    
}

input{
  color:black;
}


button{
  color:black;
}

.pozadie{
    border: 8px solid #2C3539;
    min-width:80%;
    background: #2365ba;
   // background-image: url("../image/poz.png");
   // background-repeat: repeat;
    padding: 1%;
    position:relative;    
    height: auto;
    display: table;
    margin:2%;
         
} 



h4{
   color: #FF6600;
   display:inline;
   margin-top:1%;
   font-family: mojfont;
   font-size:2em;
   
}

h2 {
   color: #FF6600;
   font-size:3em;
   padding:0;
   margin-top:2%;
   font-family: mojfont;
}
h1 {
   color: #FFFFFF;
   font-size:4em;
   text-align: left;
   margin-top:0; 
   margin-left:2em; 
   font-family: mojfont;
   display:inline;
}

.hlava{
   background: #2298b3;
  // background-image: url("../image/pozadiehead.png");
 //  background-repeat: repeat-x;
   height:6em;
   margin-left:0 ;
   margin-top:0;
   width:100%;
   border-bottom: 0.5em solid #ffffff;
   position:relative;
   z-index: 1;
}

.foot{
    color:black;
   background: #2298b3;
 //  background-image: url("../image/pozadiehead.png");
 //  background-repeat: repeat-x;
   height:4.5em;
   width:100%;
   margin-left:0 ;
   margin-top:5em;
   margin-bottom:0em;
   border-top:0.5em solid #ffffff ;
   position: relative;
   bottom:0em;
}
.foot a{
    color: black;
}

h3 {
   color:#4DB3B3;
   font-size:2em;
}


	table {
		font-family: verdana, arial, sans-serif;
		font-size: 15px;
		color: #333333;
		border-width: 3px;
		border-color: #3A3A3A;
		border-collapse: collapse;
	}
	table th {
		border-width: 2px;
		padding: 8px;
		border-style: solid;
		border-color: #517994;
		background-color: #B2CFD8;
        text-align:center;
	}
	table tr:hover td {
		background-color: #DFEBF1;
	}
	table td {
		border-width: 1px;
		padding: 8px;
		border-style: solid;
		border-color: #517994;
		background-color: #DFEBF1;
        text-align:center;
	}

.seda{background-color: #6BCAE2; }
.siva{background-color: #AFEAAA; }
.modroseda{background-color: #CCFFFF; }

.menucent{
    text-align: center ;
}

.navigation {
	height: 50px;
	margin: 0;                  
	padding: 0;
	background-color: #045CA2 ;
} 

.navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;        
} 
.navigation ul li {
	display: inline;
	margin: 0px;   
} 

.navigation ul li a {
	height:33px;
	display: block;
	float: left;
	padding: 17px 15px 0 15px;
	font: bold 12px Arial;
	color: #FFF;
	text-decoration: none;
	border-right:3px solid #ffffff;
} 

.navigation ul li a:hover {
	color:#FFF;
	background-color: #565051;
  
}

.navigation ul li#active a {
	color:#FFF;
	background-color: #565051;
}

.menu {
  width: 100%;
  
  margin:0px;
  background: #045CA2;
  position:relative;
  z-index:999;
}

.menu li {

  float: left;
  position: relative;
  list-style: none;
}
.menu a {
  color: white;
  display: block;
  margin-bottom: 0em;
}
.menu li ul li a {
  margin: 0;
}
.menu .active a, .menu li:hover > a {
  background: #000;
  color: #FFF;
  
}
.menu ul li:hover a, .menu li:hover li a {
  background: none;
  border: none;
  color: white;
  z-index:2222222;
}
.menu ul a:hover {
  background: #F87217;
  color: white;
  text-shadow: 2px 2px 3px #FFFFFF;
}
.menu li:hover > ul {
  display: block;
  top:1.5em;        
}
.menu ul.subsubmenu {
  left: 11em; 
  top:5em;
}

.menu ul.submenu {
  left: 1em;
  top:4em;
}

.menu ul {
  background: #F87217;
  display: none;
  margin: 0;
  padding: 0;
  width: 185px;
  position: absolute;
  
  left: 0;
  border: solid 1px #B4B4B4;
}
.menu ul li {
  float: none;
  margin: 0;
  padding: 0;
}

.menu:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.menu {
  display: inline-block;
}

.time{
  display: flex;
  background-color:#C0C0C0;
  color:black;

    margin: 0 auto;
    width:10em;
    height:2em;
    border: 5px solid #2C3539;
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */
    font-size: 300%;

}
.ovladacie{
  display: flex;
    margin: 0 auto;

    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */
}
.plusminus{
 
    margin: 0 auto;
    margin-top:3%;
    text-align:center;
}
.plusminus button{
 
    width:8%;
    height:5em;
    font-weight: bold;
    text-align:center;
    margin-bottom: 1%;
}
input{
    margin-right: 2%; 
}
#login{
  text-align:center;
  margin: 0 auto;
}
#refresh{
  height: 5%;
  width: 5%;
}
a{
    color:blue;
    text-decoration: none;
    font-weight: bold;
    
}