* {
	margin:0px;
	padding:0px;
	font-size:16px;
	line-height:1.6em;
	font-family:'Segoe UI';
}

body {
	text-align:center;
	background-color: #484748;
}

#page {
	position:relative;
	margin:auto;
	text-align:left;
	width:950px;
	background:white;
}

#page, #foot {
	padding:25px;
}

#page, #menu, #submenu, #main, #foot {
	margin-top:25px;
}

#main, #menu {
	position:relative;
}

#main {
	float:right;
	width:600px;
	min-height:600px;
}

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

#foot {
	background:#f4f4f4;
	text-align:center;
}

#logo {
	position:relative;
	display:block;
	background:url('./img/logo-small.png') no-repeat left top;
	height:70px;
	top:10px;
	background-size:contain;
	margin-bottom:25px;
}

#sidere {
	position:absolute;
	top:0px;
	right:-170px;
}

/* UL */

#head ul {
	position:relative;
	padding:5px;
	margin-bottom:10px;
	background:#a361b7;
}

#head li {
	display:inline-block;
	text-transform:uppercase;
}

#head li a {
	display:block;
	padding:14px 10px;
	text-decoration:none;
	background:#a361b7;
	color:white;
}

#head li a:hover, #head li a.hover {
	background:white;
	color:purple;
}

#head li:last-child a, #menu input[type=submit] {
	background:#f9de43;
	color:#847000;
}

#head li:last-child {
	position:absolute;
	right:5px;
	top:5px;
}

#main ul {
	list-style-type:decimal;
	margin:10px 0px 20px 35px;
}

#main ul.seznam {
	-webkit-column-count:3;
	-moz-column-count:3;
	column-count:3;
	-webkit-column-rule:1px outset #f2e3c6;
	-moz-column-rule:1px outset #f2e3c6;
	column-rule:1px outset #f2e3c6;
	-webkit-column-gap:40px;
	-moz-column-gap:40px;
	column-gap:40px;
	padding:15px;
	background:#fff5e0;
	border-radius:10px;
	margin-left:0px;
}

#main ul.seznam li {
	text-transform:uppercase;
	list-style:none;
	font-style:italic;
	font-size:1.2em;
	word-break: break-all;
}

#submenu ul {
	margin-left:30px;
}

#submenu li {
	list-style-type:decimal;
	padding-bottom:3px;
	margin-bottom:3px;
	border-bottom:1px solid #e9e3ed;
}

#submenu li:last-child {
	margin-bottom:0px;
	padding-bottom:0px;
	border:0px solid;
}

/* TABLE */

table {
	width:100%;
	border-collapse:collapse;
}

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

td {
	vertical-align:top;
}

td:first-child {
	text-transform:uppercase;
	min-width:150px;
	color:#cc4967;
}

tr:nth-child(even) {
	background:#fff7f9;
	border-bottom:1px solid #ffeaef;
}

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

/* FORM */

fieldset {
	border:0px solid;
	background:#e0cce5;
	padding:10px;
}

input {
	border:0px solid;
	background:white;
	padding:3px 6px;
}

#menu input[type=text] {
	width:238px;
}

input[type=number], input[type=text] {
	width:200px;
	border-bottom:1px solid #A361B7; 
}

input[type=number]+input[type=submit], #main input[type=submit] {
	background:#A361B7;
	color:white;
}

input[disabled] {
	background-color: #e0cce5;
}

#main fieldset input[type=text], #main fieldset input[type=submit] {
	width:182px;
}

#main .podrobnehledani input[type=text] {
	width:200px;
}

.podrobnehledani input[type=number] {
	width:120px;
}

/* ALL */

.cl {
	clear:both;
}

h1, h2, h3 {
	font-size:1.6em;
	margin-bottom:10px;
	font-family:'Segoe UI Light';
	font-weight:500;
	text-transform:capitalize;
}

h1 a, h2 a, h3 a {
	font-size:1em;
	font-weight:300;
}

h1 {
	font-size:2.2em;
}

p {
	text-indent:35px;
	margin-bottom:5px;
}

a {
	color:#e56986;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

.l {
	text-align:left;
}

.r {
	text-align:right;
}

.c {
	text-align:center;
}

.b, b, strong {
	font-weight:600;
}

.i {
	font-style:italic;
}

.u {
	text-decoration:underline;
}

.red {
	color:#cd373b;
}

.green {
	color:#74bc5c;
}

.blue {
	color:#5973ba;
}

.grey {
	color:#9b9b9b;
}

.purple {
	color:#9967af;
}

.orange {
	color:#d36d37;
}

.redbox, .greenbox, .orangebox, .purplebox {
	padding:5px;
	border-radius:3px;
	margin:10px 0px;
}

.redbox {
	background:#cd373b;
	color:#f9d9d9;
}

.greenbox {
	background:#60b544;
	color:#effcea;
}

.orangebox {
	background:#d36d37;
	color:#fce8de;
}

.purplebox {
	background:#9967af;
	color:#faf2ff;
}

.upper {
	text-transform:uppercase;
}

.block {
	display:block;
}

.smaller {
	font-size:0.9em;
}

.small {
	font-size:0.6em;
}

.bigger {
	font-size:1.8em;
}

.fr {
	float:right;
}

.fl {
	float:left;
}

.white {
	color:white;
}

/* CLASS */

.tahak {
	padding:15px;
	background:#fbf4ff;
}

.explode {
	position:relative;
	display:block;
	padding:15px;
	background:#bf5f5b;
	color:#edcece;
	text-align:center;
	z-index:0;
	margin-bottom:15px;
	border-radius:3px;
	color:white;
	font-weight:300;
	text-decoration:none;
	font-size:2em;
}

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

#menu div.fb-like.fb_iframe_widget {
	margin-bottom:10px;
}


/* MOBILE */

@media all and (max-width:950px) {
	
	#page {
		box-sizing: border-box;
		margin: 0;
		width: 100%;
	}
	
	#main {
		min-height:0px;
	}
	
	#menu, #submenu, #main, img {
		float:none;
		width:100%;
	}
	
	#head li:last-child {
		position: relative;
	}
	
	#logo {
		background-position: center;
	}

	table td:first-child {
		min-width:0px;
	}

	#head ul {
		display: flex;
		flex-wrap: wrap;
	}

	#head ul li:last-child {
		top: initial;
		right: initial;
	}

	#page form[action=hledani] input[type=text] {
		width: calc(100% - 62px);
	}
	
}

@media all and (max-width: 480px) {

	table td:last-child {
		display:none;
	}
	
	table span {
		display:none;
	}
	
	#head li {
		display:block;
	}
	
	#main ul.seznam {
		-webkit-column-count:2;
		-moz-column-count:2;
		column-count:2;
	}
	
	#head ul {
		padding: initial;
		margin: initial;
		background: initial;
		justify-content: center;
	}

	#head ul li {
		padding: 2px;
	}

	#head ul li a {
		padding: 4px 6px;
		background-color: #70457d;
		font-size: 15px;
		border-radius: .3em;
	}

	#head ul li:last-child a {
		background: initial;
		color: white;
		background-color: gold;
		color: black
	}

	#head ul li:last-child {
		top: initial;
		right: initial;
	}

}

/*
@media screen and (max-width:600px) and (orientation:portrait) {
	#head ul {
		display:none;
	}
	#page {
		margin-top:0px;
	}
}
*/