* {
	margin:0px;
	padding:0px;
	font-family:calibri;
}

body {
	background-color: #3e2626;
	background: linear-gradient(#3e2626, #8e7b72) fixed;
}

#page {
	position:relative;
	width:930px;
	margin:auto;
	padding:35px;
	border-radius:15px;
	margin-top:50px;
	margin-bottom:50px;
	background:white;
	min-width: 355px;
}

#head {
	margin-bottom:35px;
}

#head > a:first-child {
	color:black;
	text-decoration:none;
	font-size:2em;
	border:none;
}

#head ul#tmenu {
	display:block;
	border-radius:8px;
	margin-top:15px;
	padding: 5px;
	background: #661515;
	background: -moz-linear-gradient(top,  #661515 0%, #4f1010 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#661515), color-stop(100%,#4f1010));
	background: -webkit-linear-gradient(top,  #661515 0%,#4f1010 100%);
	background: -o-linear-gradient(top,  #661515 0%,#4f1010 100%);
	background: -ms-linear-gradient(top,  #661515 0%,#4f1010 100%);
	background: linear-gradient(to bottom,  #661515 0%,#4f1010 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#661515', endColorstr='#4f1010',GradientType=0 );
}

#head ul#tmenu li {
	list-style-type:none;
	display:inline;
}

#head ul#tmenu li:last-child {
	float: right;
}

#head ul#tmenu li:last-child a {
	background-color: #efbf35;
	color: #511111;
}

#head ul#tmenu li:last-child a:hover, #head ul#tmenu li:last-child a.hover{
	background-color: #f9de8d;
	color: #511111;
}

#head ul#tmenu li a {
	display:inline-block;
	padding:5px 15px;
	color:white;
	text-decoration:none;
	border:none;
	border-radius: 7px;
}

#head ul#tmenu li a:hover, #head ul#tmenu li a.hover {
	background-color: white;
	color: #661515;
}

#submenu {
	display:block;
	border-radius:8px;
	margin-top:5px;
	padding: 3px 5px;
	background: #bc7858;
}

#head ul#submenu li {
	list-style-type:none;
	display:inline;
}

#head ul#submenu li a {
	display:inline-block;
	padding:5px 4px;
	border-radius: 5px;
	color:white;
	font-size:0.8em;
	text-decoration:none;
	text-transform:uppercase;
	border:none;
}

#head ul#submenu li a:hover {
	text-decoration: none;
	background-color: #e3a588;
	color: brown;
}

#main {
	float:right;
	width:calc(100% - 320px - 30px);
}

#menu {
	float:left;
	width:320px;
}

#foot {
	margin-top:35px;
	padding:25px;
	text-align:center;
	background:#f4f4f4;
	border-radius:12px;
}

/* FORM */

fieldset {
	border:1px solid #c7c7c7;
	background: #f9f9f9;
	border-radius: 7px;
	padding:15px;
}

legend {
	background: #e8e8e8;
	border-radius: 7px;
	padding: 3px 10px;
	border:1px solid #c7c7c7;
}

input {
	border:1px solid #919191;
	padding:6px 10px;
	margin: 3px 0;
	border-radius: 7px;
	font-size: 1em;
}

input[type=text] {
	border:1px solid #919191;
}

#main input[type=text]:first-of-type {
	width: calc(100% - 90px);
}

input[type=text]:hover {
	box-shadow:0px 0px 3px 0px #591212;
}

input[type=submit] {
	background:#661515;
	border: 1px solid #661515;
	color:white;
}

input[type=submit]:hover {
	background:#f1b500;
	color:#4a3804;
	border-color: #afa073;
	cursor: pointer;
}

/* TABLE */

table {
	width:100%;
	margin: 20px 0;
	border-collapse:collapse;
	border: 1px solid #b5b1a7;
}

.tableWrapper {
    display: block;
    overflow-x: auto;
}

th {
	text-align:left;
	background-color: #f5ece2;
	/* border: 1px solid #b5b1a7; */
}

th:last-child, td:last-child {
	text-align:right;
}

tr:nth-child(odd) {
	background:#f5f5f5;
}

td:nth-child(1) a {
	color:#511111;
}

td:nth-child(1) a, td:nth-child(2) a {
	text-transform:uppercase;
	font-size:1.2em;
}

td:nth-child(1), td:nth-child(2) {
	word-break: break-word;
}

table {
	word-break: break-word;
}

td, th {
	padding:6px 12px;
}

td {
	border: 1px solid #d7d7d7;
}

tr:hover td {
	background: #ececec;
}

.initUppercase {
	text-transform: initial;
}

.tableMenu {
	width: 95%;
	margin: 20px auto;
}

.tableMenu td.done {
	text-align: center;
}

.tableMenu .done a {
	font-size: initial;
	text-transform: initial;
}

.tableMenu .datum {
	font-size: 0.8em;
	width: 65px;
}

.table1 td {
	text-transform: uppercase;
	font-size: 1.1em;
}

.table1 td a {
	font-size: inherit;
	color: inherit;
}

.table1 td:last-child, .table1 th:last-child {
	text-align: left;
}

.table1 em {
	text-transform: initial;
	color: grey;
	font-weight: initial;
	font-size: initial;
	display: block;
}

.table2 td:first-child, .table2 td:nth-child(2) {
	text-transform: uppercase;
}

.table2 th:nth-child(1) {
	max-width: 315px;
}

.table2 th:nth-child(2) {
	width: 100px;
}

.table2 th:last-child {
	width: 100px;
}

.table3 > div {
	margin-bottom: 10px;
	text-transform: uppercase;
	text-align: left;
}

.table3 a, .table3 a:hover {
	color: initial;
	text-decoration: none;
}

.boxedText > span {
	display: inline-block;
	border: 1px solid black;
	text-align: center;
	line-height: 25px;
	width: 25px;
	height: 25px;
	font-family: monospace;
	text-transform: uppercase;
	background-color: #fff6ec;
}

.boxedText > span:not(:first-child) {
	margin-left: -1px;
}

.tableCelniKody th:nth-child(2), 
.tableCelniKody th:nth-child(3),
.tableCelniKody td:nth-child(2),
.tableCelniKody td:nth-child(3) {
	text-align: center;
}

.tableReckaAbeceda th, .tableReckaAbeceda td {
	text-align: center;
}

.tableChemZnacky th, 
.tableChemZnacky td {
	text-align: center;
}

.statusGreen {
	background-color: #f0fff0;
	color: green;
}

.statusOrange {
	background-color: #fff6e6;
	color: #b57500;
}

.statusRed {
	background-color: #ffe6e6;
    color: #930202;
}

.legenda {
	text-align: right;
}

.legenda .red {
	color: #930202;
}

.legenda .green {
	color: green;
}

.legenda .orange {
	color: #b57500;
}

/* GLOBAL */

.fb-comments, .fb-comments span, .fb-comments iframe {
	width:100% !important;
}

h1 {
	font-size:1.8em;
}

h2, h3, .h2, .h3 {
	font-size:1.4em;
}

h1, h2, h3, .h1, .h2, .h3 {
	margin:25px 0px 10px 0px;
}

.h2 {
	font-size: 1.4em;
	font-weight: 600;
}

p {
	text-indent:35px;
}

.l {
	text-align: left;
}

.c {
	text-align: center;
}

.r {
	text-align: right;
}

.b {
	font-weight: 600;
}

.i {
	font-style: italic;
}

.upper {
	text-transform: uppercase;
}

a {
	color:#778c00;
	text-decoration:none;
}

a:hover {
	text-decoration: underline;
}

mark, .mark {
	background:none;
	color:#900d03;
}

.small {
	font-size:0.8em;
}

.big {
	font-size:large;
}

.bigger {
	font-size: larger;
}

.grey {
	color:#bebebe;
}

.orange {
	color: orange;
}

.darkOrange {
	color: #d25800;
}

.black {
	color: black;
}

.cl {
	clear:both;
}

.fr {
	float:right;
}

.fl {
	float:left;
}

.w100 {
	width: 100%;
}

.w75 {
	width: 75%;
}

.w66 {
	width: 66%;
}

.w50 {
	width: 50%;
}

#main ul, #menu ul {
	margin-left: 25px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.cols3 {
	column-count:3;
	column-gap:10px;
	/* mozilla */
	-moz-column-count:3;
	-moz-column-gap:10px;
	/* webkit */
	-webkit-column-count:3;
	-webkit-column-gap:10px;
	list-style-position:inside;
	list-style-type:decimal;
}

#topinfo {
	position:absolute;
	top:-40px;
	right:10px;
	color:white;
}

#topinfo b {
	font-size:1.3em;
}

summary {
	cursor:pointer;
	padding:3px;
}

summary:hover {
	background:#FFF9EF;
}

.addBanner, .favBanner {
	border-radius: 7px;
	padding: 10px;
	box-sizing: border-box;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	color:white;
	font-size: 1.2em;
	display: inline-block;
	width: 75%;
}

.addBanner span, .favBanner span {
	display: inline-block;
	color: #ffffff;
    background-color: #947575;
	border-radius: 7px;
	padding: 0px 5px;
}

.addBanner {
	background-color:#3e2626;
	color: white;
	text-decoration: none;
}

.addBanner:hover {
	background-color: #947575;
	text-decoration: none;
}

.favBanner {
	background-color: #3e2626;
}

.thankYou {
	padding: 25px;
	border-radius: 7px;
	margin-bottom: 10px;
	background-color: #fff5da;
	border: 5px solid #faefcd;
	width: 245px;
	margin: 20px auto;
	color: #534d3e;
	font-style: italic;

}

.success, .attention, .alert {
	display: block;
	padding: 15px;
	margin: 10px 0;
	border-radius: 7px;
	word-break: normal;
}

div.success a, div.attention a, div.alert a {
	color: inherit;
	text-decoration: underline;
	text-transform: initial;
	font-size: initial;
}

.success {
	background-color: #287728;
	color: #bcdb8d;
}

.attention {
    background-color: #df8321;
    color: #ffffff;
}

.alert {
	background-color: #d82929;
    color: #fffdfd;
}

.tip {
	font-style: italic;
	color: black;
	font-weight: 600;
}

@media screen and (max-width: 880px) {

	#page {
		box-sizing: border-box;
		margin-bottom: 0;
	}

	#topinfo {
		top: -40px;
		right: 10px;
	}

	#page, #main, #menu {
		width:100%;
	}

	#main, #menu {
		float:initial;
	}

	#main {
		margin-bottom: 35px;
	}

	#main > form input[type=text] {
		width: calc(100% - 60px)
	}

	#head ul#tmenu li a {
		margin-top: 2px;
		margin-bottom: 2px;
	}

	#head ul#tmenu li:last-child {
		float: initial;
	}

	.table2 th:nth-child(2), .table2 th:last-child {
		width: initial;
	}

}

@media screen and (max-width: 555px) {

	#page {
		margin: 0;
		padding: 15px;
	}

	#head > a:first-child {
		font-size: 1.3em;
	}

	#topinfo, #submenu {
		display: none;
	}

	.cols3 {
		column-count: 2;
		-moz-column-count: 2;
		-webkit-column-count: 2;
	}

}