body {
			font-family: sans-serif;
			font-style: normal;
			font-weight: normal;
			font-size: small;
			background-color: #ffffff;
			color: #000000;
		}

		H2 {
			color: #336699;
		}

		.nadpis {
			margin: 0pt;
			padding: 0pt;
			display: block;
			width: 100%;
			float: center;

			color: #ffffff;
			background-color: #000000;
			text-align: center;
		}
		
		.ramcek {
			margin: 12pt;
			padding: 12pt;
			border: 1pt solid black;
			background-color: #cccccc;
			width: 70%;
			display: block;
		}

		.okraj {
			margin: 3pt;
			padding: 3pt;
			border: 2pt solid black;
			background-color: #ffffff;
			display: block;
		}

		.vlozka {
			margin: 2pt;
			padding: 2pt;
			width: 70%;
			text-align: left;
			display: block;
		}
		
		.login {
			margin: 4pt;
			padding: 0pt;
			border: 2pt solid black;
			
			display: block;
			width: 75%;
			background-color: #6699cc;
		}
		
		/* main menu */
		.main-menu {
			margin: 4pt;
			padding: 0pt;
			border: 2pt solid #cccccc;
			
			display: block;
			width: 100%;
			background-color: #cccccc;
			text-align: left;
		}

		.main-menu a {
			padding: 2pt;
			border: 1pt solid #cccccc;
			display: block;
			width: 100%;
			color: #000000;
			text-decoration: none;
		}
		
		.main-menu a:hover {
			padding: 2pt;
			border: 1pt solid #ff9933;
			background-color: #ffcc99;
			width: 100%;
			color: #6699cc;
			text-decoration: none;
		}