html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Verdana, 'Geneva CE', lucida, sans-serif;
  vertical-align: baseline;
  background: transparent;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
  line-height: 1; color: black;	
  background:  #3f3f3f; 
  padding-bottom: 0px; 
  text-align: center;}
sup {line-height: 0.9; vertical-align: text-top; font-size: 8px;}
strong {font-weight: bold;}
ul {	list-style: none;}
ol {list-style-position: inside; font-size: 0.7em;}
ol h2 {padding: 0px; display: inline;}
ol li {padding-bottom: 4px;}
/* tables still need 'cellspacing="0"' in the markup */
/*table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
*/
/*basic styles*/
h1 {
  padding: 0px 0 10px 0px;
  font-size: 1.4em;
  font-weight: normal;
  color: #f5511e;
}

h2 {
  padding: 7px 0 0px 0px;
  font-size: 0.9em;
  font-weight: normal;
  font-family: Verdana, 'Geneva CE', lucida, sans-serif;
  color: #f5511e;
}

h3 {
  padding: 5px 0 0px 10px;
  font-size: 1.3em;
  font-weight: normal;
  color: #ff8c00;
}
h4 {
  padding: 0px 0 0px 0px;
  font-size: 0.9em;
  font-weight: bold;
  font-family: Verdana, 'Geneva CE', lucida, sans-serif;
  color: #C8DEE1;
}
h5 {
  padding: 0px 0 0px 10px;
  font-size: 0.8em;
  font-weight: bold;
  font-family: Verdana, 'Geneva CE', lucida, sans-serif;
  font-style: italic;
  color: #;
}
p {font-size: 0.9em; color: #fff; line-height: 1.2; padding: 5px 0 10px 0px;}

a {color: #f51e1e;}
a:hover {color: #ff9600;}
#other {text-align: right; padding: 5px 20px 10px 5px;}
#other a {padding:5px; font-weight: bold;}

/*main-layout*/
#site-holder {margin: 0 auto; text-align: left; width: 980px; overflow: hidden; background: #1b1d1e;}
#site {margin: 0 10px 0 10px;background: #1c2234; }
#head-holder {height:257px; background: #1c2234 url("sitegr/top-tatra.jpg") no-repeat;}

#head h1 a {height: 110px; width: 330px; margin: 0px 0 0 250px; display: block; padding-top: 10px; text-indent: -1000px;}
#nav {margin: 60px 0 0 280px;}
#nav li {display: inline;}
#nav li a {color: #fff; padding: 0 30px 0 25px; font-size: 12px; text-decoration: none;}
#nav li a:hover {color: #000; text-decoration: underline;}

#content {padding: 0 0px 0 30px;}
#content .article {padding-bottom: 20px;}
#content .article h2 {font-size: 1.4em; padding-bottom: 10px;}
div.vehicle {width: 175px; height: 191px; overflow: hidden; background: #3f4c6b; border: 1px solid #6e7c9d; float: left; margin: 0 5px 5px 0;}
div.vehicle .vehicle-title {height: 35px; text-align: center; overflow: hidden; }
div.vehicle .vehicle-title a {color: #fff; text-decoration: none;}
div.vehicle-thumb {width:173px; height: 117px; overflow: hidden;}
div.vehicle .vehicle-more  {text-align: right;}
div.vehicle .vehicle-more a {color: #fff; padding-right: 5px; font-size:0.6em}

#vehicle-list {clear: both;}
#vehicle-info {width: 300px; float: left;}
#vehicle-gallery {width: 550px; float: left;}

div.vehicle-gallery-item {width:173px; height: 117px; overflow: hidden; border: 2px solid silver; float: left; margin: 5px 10px 5px 10px;}


hr.clear {height: 70px; clear: both; width: 800px; border: none; color: #1c2234; }

#stuff {width: 660px; float: left;}
#form {width: 240px; float: left;}
#stuff .people {width: 215px; float: left; font-size:0.8em;}

#footer-holder {clear: both; width: 960px; height: 134px; background: url("sitegr/foot.gif") center top no-repeat; padding-bottom: 5px;}
#footer {padding: 20px 40px 30px 40px;}
#footer h2 {padding: 0 0 5px 0px; text-transform: uppercase; color: #fff;}
h3.created {text-align: center; padding-bottom: 20px;}
h3.created a {color: #3e4145; font-size: 0.5em; text-decoration: none;}
h3.created a:hover {color: #fff; font-size: 0.5em; text-decoration: underline;}

#content .article {width: 550px; float: left; font-size: 0.8em;}
#kontakt {background: url("sitegr/stripe.gif") repeat-x; width: 340px; height: 71px; float: right; margin-top: 20px;}
#kontakt p {padding: 10px 25px 0 15px; color: #666666; line-height: 25px; text-align: right;}
#kontakt  strong {color:#eb000a; font-size: 1.2em;}


#poptavka {background: url("sitegr/stripe2.gif") no-repeat; width: 340px; height: 52px; float: right; margin-top: 10px;}
#poptavka p {padding: 12px 25px 0 13px; color: #666666; line-height: 25px; text-align: right;}
#poptavka  a {color:#fff; font-size: 1.2em; font-weight: bold;}
#financovani {background: url("sitegr/stripe3.jpg") no-repeat; width: 340px; height: 52px; float: right; margin-top: 10px;}
#financovani p {padding: 5px 5px 0 5px;}

.card-left, .card-right {
      float: left;
      width: 128px;
      margin: 0 0px 10px 0;
      padding: 5px 0 0 10px;
      text-align: center;
      font-size: 75%;
      
      }
.card-right {float: right; margin: 0 0 15px 15px;}
.card-map {
      float: left;
      width: 300px;
      margin: 0 10px 10px 0;
      padding: 15px 0;
      text-align: center;
      font-size: 75%;
      }
      
p.lang {padding: 20px; text-align: right; position: relative; top: -215px;}
p.lang a#enflag {padding-left: 30px; background: url("sitegr/en.gif") center left no-repeat;}
p.lang a#czflag {padding-left: 30px; background: url("sitegr/cz.gif") center left no-repeat; text-decoration: none; color: #000;}
p.lang a#ruflag {padding-left: 30px; background: url("sitegr/ru.gif") center left no-repeat; }