body {
  
  font-family: 'Raleway', sans-serif;
  font-size: 12px;
  background-color: #e9e9e9;
  margin: 0;
  padding: 0;
  color: #282828;
}



a {
  color: #000080;
}

a:hover {
  color: #0000FF;
}

label {
  display: block;
  text-align: right;
  font-weight: bolder;
}

input {
  font-size: 12px;
}


legend {
  color: #000000;
}

form {
  margin: 0;
}

#page {
  width: 800px;
  margin: 0 auto;
  border-left: 1px solid #E2E2E2;
  border-right: 1px solid #E2E2E2;
  background-color: #FFFFFF;
  padding: 2ex 2em;
}

h1 {
  line-height: 1;
}

h1 small {
  font-size: 1.2ex;
  margin-left: 5em;
  color: #808080;
}

h2 {
  margin: 1ex 0;
  border-bottom: 1px solid #808080;
}

pre {
  margin: 0;
}

table code {
  margin-left: 2em;
}

table.list td code {
  margin: 0;
}

table.list td {
  padding: 1ex 1em;
}

td {
  vertical-align: top;
}

.form_table_top{
padding: 20px;

width: 100%;
border-radius:6px;
}
.form_table{
padding: 2px;
margin: 0;
border:none;

}

.input_style{
width: 240px;
font-size: 14px;
background-color: #f0f0f0;
border: 1px solid #c0c0c0;
padding: 0.5em 1.07em 0.5em;
border-radius:4px;
}

.input_style2{
width: 80px;
font-size: 14px;
background-color: #f0f0f0;
border: 1px solid #c0c0c0;
padding: 0.5em 1.07em 0.5em;
border-radius:4px;
}
.submit{
font-family: 'Montserrat', sans-serif;	
background-color: #C0A375;
color: #ffffff;
border: 1px solid #ffffff;
letter-spacing: 2px;
padding: 0.75rem 2.1875rem;
font-size: 0.75rem;
line-height: 1.5;
border-radius: 3px;
}

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

.form_table_top{
padding: 5px;

width: 100%;
border-radius:2px;
}
.form_table{
padding: 1px;
margin: 0;
border:none;

}

.input_style{
width: 120px;
font-size: 12px;
background-color: #f0f0f0;
border: 1px solid #c0c0c0;
padding: 0.5em 1.07em 0.5em;
border-radius:4px;
}
.input_style2{
width: 80px;
font-size: 12px;
background-color: #f0f0f0;
border: 1px solid #c0c0c0;
padding: 0.5em 1.07em 0.5em;
border-radius:4px;
}
}


.form_fieldset{

border:none;
}

.alert_form{
    background-color: #90a878;
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: bold;
    padding:10px;
    border-radius:4px;
    border: 1px solid #c0c0c0;
    text-align: center; 
}
    
   .alert_form_chyba{
    background-color: #990000;
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: bold;
    padding:10px;
    border-radius:4px;
    border: 1px solid #c0c0c0;
    text-align: center;
}
.rezervace_form_1{
width: 16px; height:16px; 
background: url(../online_rezervace/include/ui-1.10.0/ui-lightness/images/ui-icons_222222_256x240.png) -80px, 96px;
display: inline-block; border-radius: 2px; border: 1px solid #222222; margin-top: 1px; cursor:pointer; vertical-align: top;
}

.podklad_body{
font-family: 'Montserrat', sans-serif;	
opacity: 0.7; 
background-color: #656565;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color: #ffffff;

}