* {
    box-sizing: border-box;
}

html, body{
   font: 18px Roboto, Arial, sans-serif ;
    text-align: center;
 margin:0; padding:0; 
overflow-x: hidden;
}

.svg-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 77.4%;
overflow: hidden;
}

.svg-content {
  position: absolute;
  top: 0;
  left: 0;
}

#mapa {
	margin: 0 auto;
position:absolute; top:0;  left:0;   width: 100%; height: 100%;
}

#reservation-form-modal {
	display: none;
}

.stanek.volny {
	cursor: pointer;
}

.stanek.volny:hover {
	 stroke: black;
	 stroke-width: 1px;
}

.stanek.obsazeny {
	fill: #ff0000;
}

.stanek.nedostupny {
	fill: #bbb;
}

.stanek.ceka {
	fill: #fff000;
}

.jquery-modal {
z-index: 10000000;
}

#frm-rezervacniFormular label {
    width: 49%;
    display: inline-block;
    margin-bottom: 15px;
}

#frm-rezervacniFormular input[type="text"], #frm-rezervacniFormular input[type="email"] {
    padding: 5px;
    width: 49%;
}

#frm-rezervacniFormular input[type="submit"] {
	margin: 10px auto;
    width: 50%;
    display: block;
    padding: 10px;
    border: 0px;
    background: green;
    color: #fff;
    font-weight: bold;
}