/*
 *  CSS - vlastni zakladni tabulka stylu
 *  LTweb s.r.o. 
 */
 
/*uvodni stranka -------------------------------------------------------------*/
.obrazek-nadpis {
  background: url(../img/obrazky-aut3.gif) no-repeat right;
  width: 220px;
  height: 139px;
}

.uvodni-stranka {
  width: 450px;
}
.uvodni-stranka h1 {
  padding-left: 0;
}

/*uvodni strana - novinky ----------------------------------------------------*/
.news {
  background: #eaece1 url(../img/novinky-center.jpg) repeat-y top;
  margin: 0 auto;
  width: 593px;
}
.news .news-top {
  background: url(../img/novinky-top.jpg) no-repeat top;
  padding-top: 10px;
  position: relative;
}
.news .news-bottom {
  background: url(../img/novinky-bottom.jpg) no-repeat bottom;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 10px;
}
.news .news-bottom table {
  width: 550px;
}
.news .news-bottom .text {
  font-size: 0.85em;
}
.news .news-bottom a {
  font-size: 0.85em;
}
.news h3 {
  margin: 0;
  padding: 0;
  padding-top: 4px;
}

/*uvodni stranka - nej -------------------------------------------------------*/
.nej-foto, .nej-auto {
  width: 49%;
  margin-top: 20px;
  vertical-align: top;
}
.nej-auto {
  border-left: 1px #141414 dotted;
}

h2.fotogalerie {
  margin: 0;
  padding: 0;
  color: #de5d11;
  font-variant: small-caps;
  background: url(../img/nej-fotogalerie.jpg) no-repeat left top;
  height: 75px;
  padding-top: 10px;
  margin-left: 40px;
  font-size: 1.3em;
}
h2.fotogalerie span {
  margin-left: 80px;
  display: block;
  font-size: 1.2em;
}
h2.fotogalerie span.druha {
  margin-left: 130px;
}

h2.auto-nove {
  margin: 0;
  padding: 0;
  color: #de5d11;
  font-variant: small-caps;
  background: url(../img/nej-auta.jpg) no-repeat left top;
  height: 75px;
  padding-top: 10px;
  margin-left: 20px;
  font-size: 1.3em;
}
h2.auto-nove span {
  margin-left: 110px;
  display: block;
  font-size: 1.2em;
}
h2.auto-nove span.druha {
  margin-left: 140px;
}

.nej-foto table {
  border-collapse: collapse;
  height: 100px;
  width: 300px;
}
.nej-foto table .obrazek {
  padding-left: 20px;
  width: 122px;
  vertical-align: middle;
  text-align: center;
}
.nej-foto table .obrazek div {
  background: url(../img/obrazek-pozadi-small.jpg) no-repeat;
  width: 122px;
  height: 96px;
}
.nej-foto table .obrazek div a {
  text-decoration: none;
  border: none;
  display: block;
  width: 122px;
  height: 86px;
  padding-top: 10px;
}
.nej-foto table .obrazek div a img {
  border: none;
  width: 100px;
  height: 75px;
}
.nej-foto table .text {
  vertical-align: top;
  display: block;
  padding-top: 10px;
  padding-left: 5px;
}
.nej-foto table .text span {
  display: block;
}
.nej-foto table .odkaz {
  vertical-align: bottom;
  padding-bottom: 5px;
}
.nej-foto table .odkaz a {
  display: block;
  vertical-align: bottom;
}

.nej-auto h4, .nej-foto h4 {
  margin: 0;
  padding: 0;
  font-size: 1.1em;
  margin-bottom: 3px;
}

.nej-auto table {
  border-collapse: collapse;
  height: 100px;
  width: 300px;
}
.nej-auto table .obrazek {
  width: 122px;
  vertical-align: middle;
  text-align: center;
}
.nej-auto table .obrazek div {
  background: url(../img/obrazek-pozadi-small.jpg) no-repeat;
  width: 122px;
  height: 96px;
}
.nej-auto table .obrazek div a {
  text-decoration: none;
  border: none;
  display: block;
  width: 122px;
  height: 86px;
  padding-top: 10px;
}
.nej-auto table .obrazek div a img {
  border: none;
  width: 100px;
  height: 75px;
}
.nej-auto table .text {
  vertical-align: top;
  display: block;
  padding-top: 10px;
  padding-left: 5px;
}
.nej-auto table .text span {
  display: block;
}
.nej-auto table .odkaz {
  vertical-align: bottom;
  padding-bottom: 5px;
}
.nej-auto table .odkaz a {
  display: block;
  vertical-align: bottom;
}
/*sluzby ---------------------------------------------------------------------*/
ul.pneu {
}
ul.pneu li {
  margin: 5px 0 5px 0; 
}
ul.pneu li ul li {
  list-style-image: url(none);
  list-style-type: disc;
  margin-bottom: 0;
}
/*Kontakt --------------------------------------------------------------------*/
.kontakt, .mapa {
  margin-top: 20px;
  vertical-align: top;
}
.kontakt p {
  padding-top: 10px;
  padding-left: 20px;
}
.kontakt .spojeni {
  width: 350px;
  margin-left: 20px;
  margin-top: 15px;
  margin-bottom: 5px;
}
.kontakt .spojeni .nazev {
  width: 100px;
}
.kontakt h3.odkaz {
  text-align: center;
  padding-top: 25px;
  display: block;
}
.mapa {
  width: 300px;
  border-left: 1px #141414 dotted;
}
.mapa .mapa-pozadi {
  background: url(../img/mapa-pozadi.jpg) no-repeat;
  width: 290px;
  height: 206px;
  text-align: center;
}
.mapa .mapa-pozadi a {
  display: block;
  width: 290px;
  height: 189px;
  text-decoration: none;
  border: none;
  padding-top: 17px;
}
.mapa .mapa-pozadi a img {
  border: none;
}

.kontakt {
  width: 380px;
  position: relative;
}

/*Fotogalerie - seznam -------------------------------------------------------*/
div.fot1, div.fot2 {
  width: 340px;
  padding-bottom: 10px;
  padding-top: 10px;
  border-top: 1px #141414 dotted;
}
div.none-border-top {
  border-top: none;
}
div.fot2 {
  border-left: 1px #141414 dotted;
}
.fotogalerie {
  vertical-align: top;
}

.fotogalerie table {
  border-collapse: collapse;
  width: 300px;
  height: 110px;
  vertical-align: top;
}
.fotogalerie table .obrazek {
  padding-left: 10px;
  width: 122px;
  vertical-align: top;
  text-align: center;
}
.fotogalerie table .obrazek div {
  background: url(../img/obrazek-pozadi-small.jpg) no-repeat;
  width: 122px;
  height: 96px;
}
.fotogalerie table .obrazek div a {
  text-decoration: none;
  border: none;
  display: block;
  width: 122px;
  height: 86px;
  padding-top: 10px;
}
.fotogalerie table .description {
  font-size: 0.85em;
}
.fotogalerie table .obrazek div a img {
  border: none;
  width: 100px;
  height: 75px;
}
.fotogalerie table .text {
  vertical-align: top;
  display: block;
  padding-top: 10px;
  padding-left: 5px;
}
.fotogalerie table .text span {
  display: block;
  font-size: 0.85em;
}
.fotogalerie table .odkaz {
  vertical-align: bottom;
  padding-bottom: 5px;
}
.fotogalerie table .odkaz span {
  text-align: right;
}
.fotogalerie table .odkaz a {
  display: block;
  vertical-align: bottom;
}
.fotogalerie h4 {
  margin: 0;
  padding: 0;
  font-size: 1.1em;
  margin-bottom: 3px;
}

/*fotogalerie-nazev ----------------------------------------------------------*/
.fotogalerie-nazev-datum {
  text-align: right;
  font-weight: bolder;
  display: block;
  padding-right: 10px;
}
.pozadi-maly-obrazek {
  padding-left: 10px;
  width: 122px;
  text-align: left;
  padding-right: 4px;
  margin: 0;
}
.pozadi-maly-obrazek-prvni {
  padding-right: 10px;
}
.pozadi-maly-obrazek div {
  background: url(../img/obrazek-pozadi-small.jpg) no-repeat;
  width: 122px;
  height: 96px;
  text-align: center;
}
.pozadi-maly-obrazek div a {
  text-decoration: none;
  border: none;
  display: block;
  width: 122px;
  height: 86px;
  padding-top: 10px;
}
.pozadi-maly-obrazek div a img {
  border: none;
  width: 100px;
  height: 75px;
}
p.text-fotogalerie-nazev {
  padding-left: 20px;
  text-align: justify;
} 

/*seznam akci ----------------------------------------------------------------*/
.list-action {
  width: 100%;
  border-bottom: 1px #141414 dotted;
  padding-bottom: 5px;
  margin-top: 10px;
}
.list-action h2 {
  margin-left: 0;
  padding-left: 0;
  padding-right: 50px;
  margin-bottom: 8px;
}
.list-action .datum {
  display: block;
  font-weight: bolder;
  margin-top: 2px;
  float: right;
  margin-top: -23px;
}
.list-action .description {
  display: block;
  text-align: justify;
  margin-bottom: 2px;
}
.no-border {
  border-bottom: none;
}
.list-action .odkaz {
  text-align: right;
  display: block;
  margin-top: 5px;
}

/*Seznam vozu ----------------------------------------------------------------*/
.razeni .format {
  width: 90px;
  font-size: 0.85em;
  font-weight: bolder;
}
.razeni {
  float: right;
}
.razeni table {
  float: right;
  margin-right: 0;
}
.razeni .razeni-tlacitko {
  background: #d7dcbc;
  text-transform: uppercase;
  border: none;
  padding: 0 2px 0 2px;
  font-weight: bolder;
  color: #c15b1d;
  border: 1px solid #ecede8;
}
.list-cars .obrazek {
  padding-left: 0;
  padding-right: 5px;
}
table .obrazek {
  padding-left: 20px;
  width: 122px;
  vertical-align: middle;
  text-align: center;
}
table .obrazek div {
  background: url(../img/obrazek-pozadi-small.jpg) no-repeat;
  width: 122px;
  height: 96px;
}
table .obrazek div a {
  text-decoration: none;
  border: none;
  display: block;
  width: 122px;
  height: 86px;
  padding-top: 10px;
}
table .obrazek div a img {
  border: none;
  width: 100px;
  height: 75px;
}
.list-cars table {
  width: 100%;  
}
.list-cars table td {
  vertical-align: top;
}
.list-cars table td.nazev {
  padding-top: 7px;
  padding-left: 5px;
}
.list-cars table td.cena {
  text-align: right;
  font-weight: bolder;
  font-size: 1.4em;
  padding-top: 10px;
  color: #551400;
}
.list-cars table td.text {
  margin: 0;
  padding: 0;
}

/*detail aut -----------------------------------------------------------------*/
.detail-obrazek {
  width: 345px;
  background: url(../img/detail-auto-obrazek-center.jpg) repeat-x;
  height: 271px;
  margin: 0;
  margin-right: 15px;
}
.detail-obrazek .prava-strana {
  background: url(../img/detail-auto-obrazek-right.jpg) no-repeat right;
  display: block;
  width: 345px;
  height: 271px;
}
.detail-obrazek .prava-strana .leva-strana {
  background: url(../img/detail-auto-obrazek-left.jpg) no-repeat left;
  display: block;
  width: 345px;
  height: 271px;
}
.detail-obrazek a {
  width: 345px;
  height: 256px;
  padding-top: 15px;
  display: block;
}
.detail-obrazek a img {
  display: block;
  margin-left: 11px;
  border: none;
}
.nadpis-detail {
  margin-top: 10px;
}
.cena-detail {
  text-align: right;
  font-weight: bolder;
  padding-right: 30px;
  font-size: 1.5em;
  color: #c15b1d;
}
.nahledy-fotek {
    background: url(../img/nahledy-fotek-center.jpg) repeat-y;
    width: 345px;
    margin-left: 0;
    float: left;
}
.nahledy-fotek .top-nahled {
  background: url(../img/nahledy-fotek-left.jpg) no-repeat top;
  padding-top: 10px;
}
.nahledy-fotek .bottom-nahled {
  background: url(../img/nahledy-fotek-right.jpg) no-repeat bottom;
  padding-bottom: 10px;
  padding-left: 12px;
}
.nahledy-fotek a {
  text-decoration: none;
}
.nahledy-fotek a img {
  margin-right: 3px;
}
p.detail-car {
  display: block;
  padding-left: 40px;
}

.table-form {
	width: 98%;
	margin: 0 auto;
}
.table-form .nazev {
	width: 150px;
	padding-right: 15px;
	text-align: right;
}
.table-form .format {
	width: 450px;
}
.hv {
	color: #bc1414;
	font-weight: bold;
	font-size: 1.2em;
}

p.form-info {
	padding: 10px 14px;
}