html, body {
	background-color: #ffffff;
	margin: 0px;
}
html, body, input, select, button {
	font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;
	color: #333333;
}
input, select, button {
	font-size: 1em;
}
ul li {
	line-height: 1.7em;
}
#logo {
	position: absolute;
	top:1%;
	left: 75%;
}
.good, .bad {
	width: 65%;
	margin-top: 1%;
	padding: 1%;
	background-color: #e0cfbb;
}
.good {
	background-color: #e5ffd0;
}
.small {
	font-size: 0.8em;
}
#page {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}
#menu {
	padding: 0.5% 0% 0% 0%;
}
h1 {
	color: #333333;
	width: 94%;
	background-color: #f9f9f9;
	padding: 2% 3% 2% 3%;
	margin-top: 0px; 
}
h2, h3 {
	color: #523c2d;
}
a {
	color: #981e1c;
}
#menu a, input[type=submit], button[type=submit], input[type=button], .tlacitko, .tlacitko_velky {
	padding: 10px;
	background-color: #666666;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	border: 0px;
	display: inline-block;
	margin-bottom: 1%;
}
#menu a:hover, input[type=submit]:hover, button[type=submit]:hover, input[type=button]:hover, .tlacitko:hover, .tlacitko_velky:hover {
	color: #ffffff;
	background-color: #4d4d4d;
	cursor: pointer;
}
input[type=text], input[type=number], input[type=date], input[type=time], select, .tlacitko_velky {
	padding:10px;
	margin-bottom: 1%;
}
button[type=submit], .tlacitko {
	padding: 6px;
}
a:hover {
	color: #7c1815;
}
.ok {
	font-weight: bold;
	font-size: 1.1em;
	color: green;
}
.ne {
	font-size: 0.9em;
	color: red;
}
table {
 padding: 1%;
}
table tr td {
	padding: 5px;
	background-color: #f9f9f9
}
.ferman {
	font-size: 1em;
	border: 0px;
	padding: 0px;
}
.ferman tr {
	width: 100%;
}
.ferman tr td {
	padding: 10px;
}
.ferman .date {
	background-color: #666666;
	color: #ffffff;
	text-align: center;
}
.ferman .date:hover {
	background-color: #4d4d4d;
}
.aktivni {
	background-color: #488c00;
}
.zruseno {
	background-color: #d70000;
	color: #873a3a;
}
.zruseno_bg {
	background-color: #ffd7d5;
}
.napis_zruseno { /* ve fermanu */
 background-color: #ffd7d5;
 color: #d70000;
}
input[type=radio], input[type=checkbox] {
    display:none;
}

input[type=radio] + label:before {
    content: "";  
    display: inline-block;  
    width: 20px;  
    height: 20px;  
    vertical-align:middle;
    margin-right: 3px;  
    background-color: #ffffff;  
    box-shadow: inset 0px 2px 2px rgba(0, 0, 0, .3);
    border-radius: 15px;  
}
input[type=checkbox] + label:before {
    content: "";  
    display: inline-block;  
    width: 20px;  
    height: 20px;  
    vertical-align:middle;
    margin-right: 3px;  
    background-color: #ffffff;  
    box-shadow: inset 0px 2px 2px rgba(0, 0, 0, .3);
    border-radius: 4px;  
}
.muzu input[type=radio]:checked + label:before {
    content: "\2022"; /* Bullet */
    color: #8aea00;
    background-color: #dbffad; 
    font-size:1.8em;
    text-align:center;
    line-height:0.55em;
    text-shadow:0px 0px 3px #eee;
}
.nemuzu input[type=radio]:checked + label:before {
    content: "\2022"; /* Bullet */
    color: #ff5d32;
    background-color: #ffd7d5; 
    font-size:1.8em;
    text-align:center;
    line-height:15px;
    text-shadow:0px 0px 3px #eee;
}
.muzu input[type=radio]:disabled + label:before{
    color: #c3c3c3;
    background-color: #eaeaea;
}
.nemuzu input[type=radio]:disabled + label:before{
    color: #c3c3c3;
    background-color: #eaeaea;
}
input[type=checkbox]:checked + label:before {
    content:"\2714"; /* Tick */
    color: green;
    background-color: #dbffad; 
    text-align:center;
    line-height:21px;
    text-shadow:0px 0px 3px #eee;
}
.float-right{
	float: right;
}
.float-left {
	float: left;
}
.clear {
	clear: both;
}
@media screen and (max-width: 1200px) {
	body {
		text-align: center;
	}	
	#logo {
		position: static;
	}
	#page {
		width: 95%;
		text-align: left;
	}
}