/* CSS Document */
* {
  margin:0;
  padding:0; 
}
body {
  background-color: black;
  font-family: arial;
  font-size: 13px;
  color:white;
}
a {text-decoration: none; color: rgb(0,124,195);}
.block {display: block;}
.fleft {float:left;}
.fright {float:right;}
.tleft {text-align: left;}
.tright {text-align: right;}
.tcenter {text-align: center;}
.red {color:rgb(204,51,0);}
.blue {color: rgb(0,124,195);}
h1 {display: none;}
h2 {font-size: 12px; margin:0; padding:10px;}
#container {
  position: absolute;
  top:50%;
  left:50%;
  width:800px;
  height:540px;
  margin-left:-400px;
  margin-top:-270px;
}
.header {
  position: relative;
  width:800px;
  height:50px;
  border-bottom:1px solid white;
}
.logo {
  position: absolute;
  top:5px;
  left:-15px;
  background-image: url(../gfx/logo.jpg);
  width:195px;
  height:41px;
}
.logo span {display: none;}
.menu {
  position: absolute;
  top:0;
  right:0;
}
.menu a {
  display: block;
  float: left;
  text-align: center;
  background-image: url(../gfx/tlacitko1.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  width:60px;
  color:white;
  padding-top:60px;
  margin-left:30px;
  font-weight: bold;
  font-size: 16px;
}
.menu a:hover {
  color: rgb(0,124,195);
  background-image: url(../gfx/tlacitko2.jpg);
}
.menu a.active, .menu a.active:hover {
  background-image: url(../gfx/tlacitko3.jpg);
  color:rgb(204,51,0);
}
.content {
  width:800px;
  height:380px;
  margin-top:60px;
  margin-bottom:30px;
}
.text {
  position: relative;
  width:227px;
  height:380px;
  border:1px solid white;
  border-right:0;
  overflow-y: auto;
}
.text p {
  padding:10px;
  font-size: 12px;
}
.text table {
  margin-left:10px;
}
.text ul {
  padding:0 10px;
  font-size: 12px;
}
.text ul li {
  margin-left:10px;
}
.keys {
  position: absolute;
  bottom:50px;
  left:0;
  background-image: url(../gfx/hand.gif);
  width:80px;
  height:102px;
}
.formular-link {
  position: absolute;
  bottom:10px;
  left:0;
  width:227px;
  font-size: 16px;
  color:white;
  text-align: center;
  font-weight: bold;
}
.formular-link:hover {color: rgb(0,124,195);}
.formular-link.active, .formular-link.active:hover {color: rgb(204,51,0);}
.picture {
  width:570px;
  height:380px;
  background-image: url(../gfx/auto1a.jpg);
  border:1px solid white;
}
.picture.kupa {
  background-image: url(../gfx/auto2a.jpg);
}
.picture.predaj {
  background-image: url(../gfx/auto3a.jpg);
}
.picture.akcia {
  background-image: url(../gfx/auto4a.jpg);
}
.picture.kontakt {
  background-image: url(../gfx/auto5a.jpg);
}
.picture.kontakt span {
  margin:10px 0 0 0;
}
.formular {
  width:570px;
  height:380px;
  background-color: #586060;
  border:1px solid white;
  font-size: 10px;
}
.formular p {padding:5px 20px 0 20px;}
.formular h2 {padding:5px 20px 0 20px;}
.address {
  border:1px solid white;
  width:400px;
  margin:5px auto;
}
.address p {
  padding:5px;
}
p.border-top {
  border-top:1px solid white;
}
form {position: relative; border-top:1px solid black; padding-top:5px;}
form table {
  width:530px;
  margin:0 auto;
  font-size: 10px;
}
form td {padding:0;}
form td.padding-left {padding-left:70px;}
form label {display: block; float: left; width:82px; line-height: 17px;}
html>body form label {width:84px;}
form input {background-color: #586060; border:0; border:1px solid white; color:white; padding:0; margin:0; font-size: 10px; width:140px;}
html>body form input {margin:1px;}
form div {
  position: absolute;
  top:107px;
  right:21px;
}
html>body form div {
  right:22px;
  top:105px;
}
form div input {
  width:100px;
  background-color: #1d2425;
  margin-left:36px;
  border:0;
}
html>body form div input {
  margin-left:36px;
}
textarea {
  background-color: #586060; 
  border:0; 
  border:1px solid white;
  width:224px;
  height:120px;
  overflow-y: scroll;
  font-size: 12px;
  color:white;
}
.counter {
  position: absolute;
  bottom:2px;
  right:2px;
  font-size: 10px;
  color:white;
  z-index: 1;
}
.footer {
  width:800px;
  color:#777777;
  font-size: 12px;
  line-height: 18px;
}
.links {
  width:800px;
  border-top:1px solid white;
}
.links a {
  color:#777777;
}
.links a:hover {
  color:white;
}