body {
  font-family: Roboto, Arial;
  margin: 0;
  overflow: scroll;
}
#logo {
/*  background: url('img/logo-skoda.png') no-repeat;*/
  height: 70px;
}
#logo span {
  display: inline-block;
  margin-left: 200px;
  margin-top: 30px;
  font-weight: bold;
}
table.tab {
  font-family: Roboto, Arial;
  font-size: 10pt;
  border-spacing: 1px;  
}
table.tab tr.dark {
  background-color: #E0E0E0;
}
table.tab tr.red {
  background-color: #D22630;
}
table.tab tr.yellow {
  background-color: #FFD200;
}
table.tab td.redbg {
  background-color: #D22630;
  color: white;
}
table.tab td.yellowbg {
  background-color: #FFD200;
}
table.tab td.greenbg {
  background-color: #4BA82E;
  color: white;
}
table.tab th {
  background-color: #595959;
  color: #FFFFFF;
  font-weight: normal;
  padding: 3px;
}
table.tab th {
/*  background-color: #BB0A30;*/
}
table.tab td {
  padding: 3px;
}
table.tab p {
  margin: 4px;
}
table.tab a.audi {
  background: url('img/icon-audi.png') no-repeat;
  padding-left: 20px;
}
table.tab a.seat {
  background: url('img/icon-seat.png') no-repeat;
  padding-left: 20px;
}
table.tab a.vw {
  background: url('img/icon-vw.png') no-repeat;
  padding-left: 20px;
}
table.tab a.uamk {
  background: url('img/icon-uamk.png') no-repeat;
  padding-left: 20px;
}
table.tab input[type=text], table.tab input[type=password], table.tab select {
  width: 300px;
  padding: 3px;
  border: 1px #CCCCCC solid;
}
table.tab select {
  width: 308px;
  padding: 3px;
  border: 1px #CCCCCC solid;
}
div.vozidlo {
  display: inline-block;
  vertical-align: top;
  margin-right: 50px;
}
table.vin {
  font-family: Roboto, Arial;
  font-size: 10pt;
  border-spacing: 1px;
  width: 600px;  
}
table.vin th {
  background-color: #595959;
  font-size: 12pt;
  font-weight: normal;
  padding: 10px;
  color: #FFFFFF;  
}
table.vin td {
  background-color: #E0E0E0;
  font-size: 12pt;
  padding: 10px;  
}
div.red {
  background-color: #FF0000;
  padding: 10px;
  margin-top: 10px;
  width: 580px;
  text-align: center;
}
#menu {
  background-color: #595959;
}
#menu.audi {
  background-color: #BB0A30;
}
#menu.seat {
  background-color: #EA5D1A;
}
#menu.vw {
  background-color: #00A3E0;
}
#menu.vwuz {
  background-color: #005EB8;
}
#menu .links {
  display: inline-block;
  margin-left: 10px; 
}
#menu a {
  display: inline-block;
  color: #FFFFFF;
  text-decoration: none;
  vertical-align: middle;
  line-height: 32px;
  padding: 10px;
}
#menu a:hover {
  text-decoration: underline;
}
#menu form {
  display: inline-block;
}
#menu input {
  margin-left: 20px;
  padding: 5px;
}
#menu .icon {
  display: inline-block;
  float: right;
}
#menu .icon a {
  display: inline-block;
  line-height: normal;
  border-left: 1px #FFFFFF solid;
}
#body {
  margin: 10px;
  min-height: 600px;
}
#body.audi th {
  background-color: #BB0A30;
}
#body.seat th {
  background-color: #EA5D1A;
}
#body.vw th {
  background-color: #00A3E0;
}
#body.vwuz th {
  background-color: #005EB8;
}
fieldset {
  margin-bottom: 10px;
}
#titul {
  background-color: black;
}
#titul2 {
  background: url('img/titulka1.jpg');
}
#titul2 h1 {
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
  color: #FFFFFF;
}
#login {
  text-align: center;
  height: 590px;
}
#login input {
  width: 180px;
  padding: 10px;
  margin: 10px;
  border-radius: 3px;
  border: none;
  opacity: 1;
}
#login button {
  width: 200px;
  padding: 10px;
  background-color: #595959;
  color: #FFFFFF;
  border: none;
  border-radius: 3px;
  margin: 10px;
  font-family: Roboto, Arial;
}
table a {
  color: #000000;
}
h4 a {
  color: #000000;
  text-decoration: none;
}
.mapa {
  width: 200px;
  float: right;
}
fieldset button.hledat {
/*  background-color: #339933;
  color: #FFFFFF;
  border: none;
  border-radius: 3px;
  padding: 4px 10px;*/
  margin-left: 10px;
}
#foot {
  text-align: center;
  margin-top: 30px;
  padding: 20px;
  background-color: #595959;
  color: #FFFFFF;
}
#foot.audi {
  background-color: #BB0A30;
}
#foot.seat {
  background-color: #EA5D1A;
}
#foot.vw {
  background-color: #00A3E0;
}
#foot.vwuz {
  background-color: #005EB8;
}
div.gdpr {
  margin: 10px;
  font-size: 10pt;
  font-style: italic;
}
ul.legend {
  font-size: 10pt;
  text-align: center;
  list-style-type: none; 
}
ul.legend li {
  display: inline;
  padding-right: 20px;
}
ul.legend li span {
  display: inline-block;
  width: 50px;
}
span.redbg {
  background-color: #D22630;
}
span.yellowbg {
  background-color: #FFD200;
}
span.greenbg {
  background-color: #4BA82E;
}
span.orangebg {              
  background-color: #F98300;
}
span.red {
  color: red;
}
span.grey {
  color: grey;
}
input, select {
  font-family: Roboto, Arial;
}
input[type=button],input[type=submit] {
  background-color: #595959;
  color: #FFFFFF;
  border: 0px;
  padding: 8px;
}
input[type=button]:hover,input[type=submit]:hover {
  background-color: #333333;
}
/*table.tab input[type=text].error {
  background-color: #FFEEEE;
  border-width: 1px;
  padding: 4px;
}*/
.form-error {
  margin-left: 10px;
  color: #FF0000;
}
div.error {
  color: #FF0000;
}
div.pass a {
  color: #FFFFFF;
  font-size: 10pt;
}
.datedit {
  z-index: 100;
}
.star {
  font-size: 16pt;
  color: gold;
}

#map {
  width: 1200px;
  height: 300px;
}