body{
		font-family:"Noto Sans", sans serif;
		margin:20px 10px; padding:0;
		font-size:14px;
		color:#ffffff;
		background-color:#707070;
		background-image:url("../images/background.jpg");
		background-repeat:no-repeat;
		background-size:100% auto;
		text-align:center;
		word-break:break-word;
	}
	
	h1{
		text-shadow:2px 2px 8px #000000;
	}
	
	a{
      color:#402080;
	  font-size:14px;
	  text-decoration:none;
	}
	
	a:hover{
	  text-decoration:underline;
	}
	
	input, select, option, textarea{
      font-family:"Noto Sans", sans serif;
      font-size:14px;
	}
	
	select{
		margin:5px 0 5px 5px;
		padding:1px;
		vertical-align:0px;
		font-size:12px;
	}
	
	input[type=text], textarea{
		box-sizing:border-box;
		width:100%;
		margin:5px 0;
		padding:2px;
		border:solid 1px #808080;
	}
	
	input[type=radio]{
		vertical-align:-2px;
	}
	
	.textb{
	  font-weight:700;
	}
    
    .odkaz a{
	  color:#402080;
	  text-decoration:none;
	}
	
	.odkaz a:hover{
	  text-decoration:underline;
	}
    
    .odkaz-dark a{
	  color:#2d165a;
	}
    
    .odkaz-light a{
      color:#8040ff;
	}
	
	.text12{
	  font-weight:400;
	  font-size:12px;
	}
	
	.odkaz12 a{
	  font-size:12px;
	}
	
	.text-uvod{
		max-width:620px;
		margin:0 auto;
		text-align:left;
	}
	
	/*.main-table{
		width:630px;
		background-color:#c0c0c0;
		padding:10px;
	}*/
	
	.main-form, .hlasenie{
		box-sizing:border-box;
		max-width:620px;
		margin:0 auto;
		color:#000000;
		background-color:rgba(255, 255, 255, 0.75);
		padding:10px;
	}
	
	.main-form1, .hlasenie1{
		display:inline-block;
		box-sizing:border-box;
		width:240px;
		padding:5px 5px 5px 0;
		text-align:right;
		font-weight:700;
		vertical-align:middle;
	}
	
	.main-form2, .hlasenie2{
		display:inline-block;
		box-sizing:border-box;
		width:360px;
		padding:5px 0 5px 5px;
		text-align:left;
		vertical-align:middle;
	}
	.main-form3{
		padding:5px 0;
		text-align:left;
	}
	
	.hlasenie3{
		padding:5px 0;
		font-weight:700;
		text-align:left;
	}
	
	.sel-cas{
		display:inline-block;
		min-width:85px;
		margin-right:5px;
		font-size:12px;
	}
	
	.pata{
		margin:20px 0;
		font-size:12px;
	}
	.pata a{
		font-size:12px;
	}
	
	
	.tlacidlo{
		display:inline-block;
		margin: 3px 5px;
		padding: 5px 10px;
		font-size: 14px;
		font-weight: bold;
		color:white;
		background-color: #402080;
		border: solid 2px #e6e6e6;
		box-shadow: 2px 2px 4px #404040;
		/*width:140px;*/ /*height:16px;*/
		cursor:pointer;
	}
	.tlacidlo:hover{
		background-color: #2d165a;
		text-decoration: underline;
		transition: all 0.5s;
	}
    
    .form-login{
      width:300px;
    }
	.form-login input[type=password]{
		width:260px;
		text-align:center;
	}
    
    .oznam{
      margin:20px 0;
	  font-size:14px;
	  font-weight:700;
      color:#80ff80;
    }
    .oznam-chyba{
      margin:20px 0;
	  font-size:14px;
      font-weight:700;
	  color:#ff8080;
    }
	.oznam span, .oznam-chyba span{
		display:inline-block;
		padding:5px;
		background-color:#404040;
	}
     
	.box-pozorovania{
		max-width:620px;
		margin:20px auto 10px auto;
		text-align:left;
	}
	
	.box-pozorovanie{
		box-sizing:border-box;
		max-width:620px;
		margin:10px auto;
		padding:10px;
		text-align:left;
		background-color:rgba(64, 64, 64, 0.75);
	}
	.box-pozorovanie a{
		color: #aa80ff;
	}
	 
    .foto{
      margin:5px 0;
      padding:2px;
      background-color:#ffffff;
      border:solid 1px #402080;
	  transition: all 0.5s;
    }
    .foto-odkaz a:hover img{
	 box-shadow:0 0 5px  #402080;
     /*background-color:#c0c0c0;*/
    }
	
	.box-starlink{
		color:#000000;
		background-color:rgba(192, 255, 192, 0.75);
		padding:5px;
	}
    
	
	
	@media screen and (max-width: 640px) {
		.main-form1, .main-form2{
			display:block;
			box-sizing:border-box;
			width:100%;
			padding:2px 0;
			text-align:left;
		}
		
		.hlasenie1{
			display:block;
			box-sizing:border-box;
			width:100%;
			padding:0;
			text-align:left;
		}
		.hlasenie2{
			display:block;
			box-sizing:border-box;
			width:100%;
			padding:5px 0 15px 0;
			text-align:left;
		}
	}