* {
  box-sizing: border-box;
}
@font-face {
    font-family: DWFont; /* deklarace fontu */
    src: url("https://www.domaweb.cz/Ubuntu-Regular.ttf"); /* propojení na umístění souboru */
}

body {
	margin: 0px;
	padding: 0px;
	font-family: DWFont;
	font-size: 1em;
}

main {
	background-color: #ffffff;
}

header {
	text-align: center;
	font-size: 2em;
	color: #4D4;
	text-shadow: 1px  1px 2px #000,
               1px  0px 2px #FF0,
               0px  1px 2px #FF0,
              -1px -1px 2px #FF0,
              -1px  0px 2px #FF0,
               0px -1px 2px #FF0;
}

nav {
	margin: 0px;
	text-align: center;
	font-size: initial;
	text-shadow: none;
}

.menumain {
  overflow: hidden;
}

.menumain a, .file, input, select, .vykaz td div {
  display: block;
  color: #000;
  background-color: #EEE;
  text-align: left;
  padding:5px;
  margin: 5px;
	border-radius: 8px;
  text-decoration: none;
  border:0px;
 	font-size: 1em;
}

.menumain a:hover, a:hover {
  color: #FFF;
  background-color: #888;
}

.menumain .menuicon {
  display: none;
}

section {
	min-height:400px;
}

footer {
	text-align: center;
	border-top: solid 1px gray;
	clear: both;
}
a {
  display: block;
  color: #000;
  background-color: #EEE;
  text-align: center;
  padding:5px;
  margin: 5px;
	border-radius: 8px;
  text-decoration: none;
  border:0px;
 	font-size: 1em;
}

input, select, .vykaz td div {
	font-size: 1em;
	background-color: #EFE;
	display:inline-block;
	max-width: -webkit-fill-available;
	max-width: -moz-available;
	min-width: -webkit-fill-available;
	min-width: -moz-available;

}
.red {
	display: inline-block;
	font-size: 1em;
	min-width:300px;
	max-width:360px;
	background-color: #FDD;
	padding:8px;
	margin:2px;
	border-radius: 5px;
	border: 1px solid red;
}

.file {
	display: inline-block;
	font-size: 1em;
	min-width:300px;
	max-width:360px;
	background-color: #EEE;

}

input[type="file"]{
	display:none;
}

input[type="submit"]{
	background-color: #FCC;
	text-align:center;
	font-weight: bold;
}

input[type="submit"]:hover{
	background-color: #AFA;
	color:#FFF;
}

input[type="submit"]:disabled{
	background-color: #CCC;
	color:#888;
  font-weight: normal;
}

input[type="checkbox"]{
  max-width: 2em;
  min-width: 0px;
}

input[type="radio"]{
 	font-size: 1em;
 	min-height:29px;
 	min-width:1.9em;
 	vertical-align: middle;

}

svg, table{
	display:inline-block;
	border: 1px solid #DDD;
	vertical-align:top;
	border-radius: 4px;
}

table {
	max-width:100%;
	table-layout:fixed;
	margin:0 auto;
	overflow-X:auto;
}

caption{
	min-width:320px;
	font-size: 1.2em;
	font-weight: bold;
}

th, td {
	padding:1px;
	padding-left:2px;
	padding-right:2px;
  border-bottom:1px solid #DDD;
	border-right:1px solid #DDD;
	white-space:nowrap;
	text-align:center;
}

td a{
	margin:0;
	padding:0;
	border-radius:0;
}
.carstab td{
	text-align:left;
}

.vykaz{
	overflow-X:none;
	display: table;
}

.vykaz td{
  white-space:normal;
  text-align:left;
}

h1 {
	margin: 5px 5px;
	font-size: 1.5em;
}

h2 {
	margin: 3px 3px;
	font-size: 1.1em;
}

.nakup3{
  margin:2px;
  border: 1px solid #CCC;
  border-radius: 4px 4px 4px 4px;
  padding: 2px 2px;
  min-width:360px;
  max-width:360px;
  display:inline-block;
  vertical-align:top;
}

.nakup3 p {
  text-align:center;
  margin:0;
  font-weight:bold;
}

.empty_in{
  display:block;
}

.empty_in input{
  min-width:40px;
  display:inline-block;
  right:0px;
  color:transparent;
  background-color:unset;
}
.nakup4{
  min-width:40px;
  max-width:40px;
  display:inline-block;
  right:0px;
  color:green;
}
.nakup5{
  max-width:280px;
  min-width:280px;
}