/* font-size
   8px - 61.5%     9px - 69.2%    10px - 76.9%    11px -  85%     12px -  93%
  13px - 100%     14px - 108.5%   15px - 115.6%   16px - 123.5%   17px - 131.5%
  18px - 139.5%   19px - 146.5%   20px - 155%     21px - 162%     22px - 170%
  23px - 177.5%   24px - 185.5%   25px - 192.5%   26px - 200%     27px - 207.7%
  28px - 215.4%   29px - 223%     30px - 230.8%
*/

/* nadpisy
------------------------------------------------------------------------------*/
h2, h3, h4, h5, h6, table {
  font-size: 100%;
}

/* obsah
------------------------------------------------------------------------------*/
a, a:hover, a:focus, a:active {
  color: #333;
  outline: none;
  text-decoration: underline;
}
a img {
  border: 0;
}

a.external {
	padding-right: 13px;
	background: url('../img/ico-ext-black.gif') no-repeat right 3px;
}

hr {
  display: none;
}

/* flash */
#video p {
  font-size: 139.5%;
  padding: 10px 10px 0 10px;
}
#video p a {
  color: #FFF;
}

/* boxik s autem
------------------------------------------------------------------------------*/
#car-box {
  background: url(../img/hp-cars-bg.jpg) no-repeat left top;
  float: left;
  margin: 16px 20px 0 0;
  height: 201px;
  overflow: hidden;
  width: 465px;
  position: relative;
}
* html #car-box {
  height: 201px;
}

#car-box h3 {
  font-size: 200%;
  font-weight: bold;
  margin: 12px 12px 9px 12px;
  padding: 5px 40px;
  position: relative;
  text-align: center;
  width: 361px;
}

#car-box a.prev, #car-box a.next, #car-box a.prev span, #car-box a.next span {
  border: 0;
  cursor: hand;
  cursor: pointer;
  display: block;
  font-size: 200%;
  font-weight: bold;
  height: 39px;
  line-height: 39px;
  position: absolute;
  text-align: center;
  top: 15px;
  width: 39px;
  z-index: 2;
}
#car-box a.prev {
  left: 15px;
}
#car-box a.next {
  right: 15px;
}
#car-box a.prev span, #car-box a.next span {
  top: 0;
}
#car-box a.prev span {
  background: url(../img/hp-cars-move.jpg) no-repeat left top;
}
#car-box a.next span {
  background: url(../img/hp-cars-move.jpg) no-repeat right top;
  right: 0;
}

#car-box img {
  float: left;
  margin: 0 0 0 12px;
}

#car-box div.car-body {
  float: right;
  line-height: 125%;
  margin: 0 24px 0 0;
  width: 150px;
}
* html #car-box div.car-body {
  margin: 0 12px 0 0;
}
#car-box div.car-body p {
  padding: 11px 0 0 0;
}
#car-box div.car-body p a.button {
  bottom: 7px;
  left: 290px;
  position: absolute;
}
* html #car-box div.car-body p a.button {
  bottom: 18px;
  white-space: nowrap;
}

#trial-race-car-box-wrap .trial-race {
	display: none;
}

/* glider */
#car-box-in {
	width: 465px;
	height: 201px;
	overflow: hidden;
	position: relative; /* omg... */ 
}
#car-box .car {
	float: left;
	position: relative;
	width: 465px;
}
.car-box-button-js-only {
	display: none !important;
}
#js .car-box-button-js-only {
	display: block !important;
	z-index: 1000;
}
#js .car .car-box-button {
	display: none;
}


/* formular
------------------------------------------------------------------------------*/
form {
  padding: 7px 10px;
}
form br {
  display: none;
}
form fieldset {
  border: 0;
}
form label {
  clear: both;
  display: block;
  font-size: 131.5%;
  font-weight: bold;
  padding: 13px 0 0 0;
}
form label span {
  color: #333;
  font-size: 76.9%;
  font-weight: normal;
  padding: 0 0 0 5px;
}
form input, form select, form textarea {
  border-bottom: 1px #5f5f5f solid;
  border-left: 1px #8b8b8b solid;
  border-right: 1px #5f5f5f solid;
  border-top: 1px #8b8b8b solid;
  margin: 8px 0 4px 0;
}
form input, form textarea {
  font: 100% tahoma, verdana, sans-serif;
  padding: 2px 2px 0 2px;
}
form textarea {
  height: 65px;
  width: 100%;
}
form select {
  font-weight: bold;
  height: 21px;
}
*:first-child+html form select {
  height: auto;
}
form input {
  background: #FFF url(../img/input.gif) repeat-x left top;
  float: left;
  font-weight: bold;
  height: 17px;
}
form input.date {
  background: #FFF url(../img/input-date.gif) repeat-x left top;
  font-weight: bold;
  padding: 2px 2px 0 23px;
  width: 83px;
}
* html form input.date {
  width: 75px;
}
form input.radio {
  background: transparent;
  border: 0;
  height: auto;
  margin: -2px 5px 0 0;
  padding: 0;
  width: auto;
}
form select option {
  font-weight: bold;
}
form textarea {
  background: #FFF url(../img/textarea.gif) repeat-x left top;
  font-weight: bold;
}
form p {
  padding: 10px 0 0 0;
}
form p span {
  display: block;
}
form p input {
  cursor: hand;
  cursor: pointer;
  height: auto;
  font-size: 108.5%;
  font-weight: bold;
  margin: 10px 0 0 0;
  padding: 4px 8px !important;
}
*:first-child+html form p input, * html form p input {
  padding: 4px 0 !important;
  width: 155px;
}
form div {
  float: right;
  line-height: 90%;
  padding-top: 10px;
  width: 285px;
}
* html form div {
  line-height: 140%;
  padding-top: 5px;
}
form div label {
  clear: none;
  color: #333;
  display: block;
  float: left;
  font-size: 100%;
  padding: 5px 0 5px 15px;
}

/* akcni nabidka
------------------------------------------------------------------------------*/
#action-offer1 h3 {
  font-size: 200%;
  padding: 23px 18px;
}

#action-offer2 {
  margin: 0 -20px 0 0;
  width: 942px;
  overflow: hidden;
}
#action-offer2 .box {
  background: url(../img/action-offer-bg.jpg) no-repeat left top;
  float: left;
  margin: 11px 20px 20px 0;
  min-height: 120px;
  padding: 29px 20px 0 20px;
  width: 411px;
}
* html #action-offer2 .box {
  height: 120px;
}
#action-offer2 .box h4 {
  font-size: 185.5%;
}

#action-offer2 .box div {
  padding: 19px 0 0 108px;
  position: relative;
}
#action-offer2 .box div img {
  background: #FFF;
  border: 1px #d9d9d9 solid;
  float: left;
  left: -1px;
  margin: 2px 16px 0 0;
  padding: 3px;
  position: absolute;
  top: 19px;
}
#action-offer2 .box div h5 a {
  font-size: 108.5%;
}
#action-offer2 .box div p {
  line-height: 130%;
  padding: 9px 0 0 0;
}

/* akcni detail
------------------------------------------------------------------------------*/
#action-detail1 {
  float: left;
  position: relative;
  width: 367px;
}
#action-detail1 h3 {
  font-size: 200%;
  padding: 19px 95px 18px 19px;
}
#action-detail1 h4 {
  font-size: 162%;
  margin: 0 0 5px 0;
  padding: 7px 20px 11px 20px;
}
#action-detail1 h4 em {
  display: block;
  font-size: 61.5%;
  font-weight: normal;
  font-style: normal;
  padding: 1px 0 0 0;
}
#action-detail1 h5 {
  font-size: 108.5%;
  padding: 10px 20px 0 20px;
}
#action-detail1 p {
  padding: 16px 19px 0 19px;
}
#action-detail1 p.carlist {
  padding: 0;
}
#action-detail1 p.carlist a {
  font-size: 85%;
  padding: 2px 7px 2px 11px;
  position: absolute;
  right: 18px;
  text-decoration: none;
  top: 27px;
}
#action-detail1 p.carlist a:hover, #action-detail1 p.carlist a:focus, #action-detail1 p.carlist a:active {
  color: #000 !important;
}
#action-detail1 ul {
  padding: 22px 19px 0 19px;
}
#action-detail1 ul li {
  list-style: none;
  padding: 6px 15px;
}
#action-detail1 table {
  border-collapse: collapse;
  margin: 15px 19px 0 19px;
  width: 319px;
}
#action-detail1 table th {
  color: #FFF;
  font-weight: bold;
  padding: 5px;
  vertical-align: top;
}
#action-detail1 table th p {
  padding: 0;
}
#action-detail1 table th em {
  display: block;
  font-style: normal;
  font-weight: normal;
}
#action-detail1 table td {
  border-bottom: 1px #d6d6d6 solid;
  padding: 5px;
  vertical-align: top;
}
#action-detail1 table td p {
  padding: 0;
}

#action-detail2 {
  float: right;
  height: 500px;
  overflow: hidden;
  padding: 8px 8px 1px 8px;
  width: 540px;
}

#action-detail2 p {
  height: 76px;
  margin: 6px -5px 0 0;
}
#action-detail2 p a {
  display: block;
  float: left;
  height: 68px;
  margin: 0 6px 6px 0;
  overflow: hidden;
  padding: 3px;
  width: 95px;
}
#action-detail2 p.detail-photo {
  height: 405px;
  overflow: hidden;
  width: 540px;
}
* html #action-detail2 p.detail-photo {
  height: 410px;
}

/* detail vozu
------------------------------------------------------------------------------*/
#detail1 {
  float: left;
  position: relative;
  width: 367px;
}
#detail1 h3 {
  color: #FFF;
  font-size: 200%;
  padding: 19px 19px 0 19px;
}

#detail1 #detail-info {
  padding: 0 0 21px 0;
}
#detail1 #detail-info h3 {
  padding: 12px 95px 0 19px;
}
#detail1 #detail-info p {
  padding: 16px 19px 0 19px;
}
#detail1 #detail-info p.carlist {
  padding: 0;
}
#detail1 #detail-info p.carlist a {
  font-size: 85%;
  padding: 2px 7px 2px 11px;
  position: absolute;
  right: 18px;
  text-decoration: none;
  top: 27px;
}
#detail1 #detail-info p.carlist a:hover, #detail1 #detail-info p.carlist a:focus, #detail1 #detail-info p.carlist a:active {
  color: #000 !important;
}

#detail1 #catalog-price {
  min-height: 153px;
  padding: 16px 20px 20px 180px;
}
* html #detail1 #catalog-price {
  height: 158px;
  padding: 16px 20px 18px 180px;
}
#detail1 #catalog-price h4 {
  font-size: 131.5%;
}
#detail1 #catalog-price h5 {
  font-size: 100%;
  padding: 16px 0 0 0;
}
#detail1 #catalog-price p {
  padding: 13px 0 0 0;
}
#detail1 #catalog-price ul {
  padding: 3px 0 0 0;
}
#detail1 #catalog-price ul li {
  list-style: none;
}
* html #detail1 #catalog-price ul li {
  height: 1px;
}
#detail1 #catalog-price ul li a {
  background: url(../img/ico-pdf.gif) no-repeat left center;
  display: block;
  padding: 5px 0 5px 24px;
}
#detail1 #catalog-price a:hover, #detail1 #catalog-price a:focus, #detail1 #catalog-price a:active {
  color: #000 !important;
}

#detail1 #action-offer {
  margin: 0 20px 0 0;
  padding: 18px 21px;
  width: 305px;
}
#detail1 #action-offer h5 {
  font-size: 230.8%;
}
#detail1 #action-offer .akcni-nabidka {
  height: 29px;
  width: 221px;
}
#detail1 #action-offer .akcni-nabidka span {
  height: 29px;
  width: 221px;
}
#detail1 #action-offer p {
  padding: 9px 0 0 0;
}
#detail1 #action-offer a.button {
  margin: 5px 0 0 0;
}

#detail2 {
  float: right;
  min-height: 497px;
  padding: 8px 8px 1px 8px;
  position: relative;
  width: 540px;
}
* html #detail2 {
  height: 499px;
}
#detail2 img {
  display: block;
  height: 407px;
  width: 540px;
}
#detail2 p {
  bottom: 2px;
  left: 8px;
  overflow: hidden;
  position: absolute;
  width: 545px;
}
#detail2 h5.price {
  bottom: 120px;
  color: #FFF;
  display: inline;
  font-size: 162%;
  float: right;
  padding: 13px 22px;
  position: absolute;
  right: 0;
}
#detail2 p img {
  float: left;
  height: 68px;
  margin: 0 6px 6px 0;
  padding: 3px;
  width: 95px;
}

#detail3 {
  float: right;
  margin: 20px 0 0 0;
  padding: 0 0 13px 0;
  width: 554px;
}
#detail3 h4 {
  background: #dedede;
  border-top: 7px #d9d9d9 solid;
  font-size: 131.5%;
  padding: 5px 16px 12px 16px;
}
#detail3 h5 {
  font-size: 110%;
  padding: 15px 17px 0 17px;
}
#detail3 p {
  line-height: 160%;
  padding: 2px 17px 5px 17px;
}


#detail4 {
  float: left;
  margin: 20px 20px 0 0;
  width: 347px;
}
#detail4 h4 {
  background: #dedede;
  border-top: 7px #d9d9d9 solid;
  font-size: 131.5%;
  padding: 6px 16px 13px 16px;
}
#detail4 ul li {
  display: block;
  list-style: none;
  padding: 8px 20px 8px 35px;
}

/* kontakt
------------------------------------------------------------------------------*/
#contact {
  color: #FFF;
  float: left;
  padding: 0 0 20px 0;
  width: 923px;
}
#contact div {
  padding: 0 554px 0 21px;
}
#contact a {
  display: block;
  position: relative;
}
#contact p a {
  color: #FFF;
  display: inline;
}
#contact h3 {
  font-size: 200%;
  padding: 23px 0 16px 0;
}
#contact h4 {
  clear: both;
  font-size: 108.5%;
  padding: 13px 0 0 0;
}
#contact img {
  padding: 3px;
}
#contact .plus {
  bottom: 0;
  cursor: hand;
  cursor: pointer;
  display: block;
  height: 37px;
  left: 0;
  margin: 0 0 -14px 144px;
  position: absolute;
  width: 37px;
}
* html #contact .plus {
  background: transparent;
  margin: 0 0 -9px 144px;
}
#contact ul {
  float: right;
  padding: 4px 0 0 0;
  width: 182px;
}
#contact ul li {
  list-style: none;
}
* html #contact ul li {
  float: left;
}
#contact ul li a {
  background: url(../img/ico-ext.gif) no-repeat left center;
  display: block;
  padding: 3px 0 3px 18px;
}
#contact p {
  clear: left;
  float: left;
  padding: 5px 0 0 0;
  width: 166px;
}
#contact p.spol {
  width: 325px;
}
#contact address {
  float: left;
  font-style: normal;
  font-weight: bold;
  line-height: 180%;
  padding: 3px 0 8px 0;
  width: 166px;
}
#contact address p {
  padding: 6px 0 0 0;
}
#contact-info {
  background: #FFF;
  float: right;
  margin: 74px 0 0 -554px;
  min-height: 360px;
  padding: 0 0 0 24px;
  width: 530px;
}
* html #contact-info {
  height: 360px;
}
#contact-info div {
  clear: both;
  margin: 0;
  padding: 20px 0 0 0;
}
* html #contact-info div {
  margin: 20px 0 0 0;
  padding: 0;
}
#contact-info div img {
  float: left;
  margin: 6px 10px 0 0;
}
#contact-info h3 {
  font-size: 200%;
  font-weight: normal;
  padding: 20px 10px 8px 0;
}
#contact-info div h4 {
  font-size: 131.5%;
  padding: 0 0 12px 0;
}
#contact-info div p {
  float: left;
  line-height: 170%;
  padding: 0 0 15px 0;
}
#contact-info div p.contact {
  min-height: 95px;
  width: 265px;
}
* html #contact-info div p.contact {
  height: 95px;
}
.nahradniDily p.contact {
  min-height: 1px !important;
  padding-right: 13px !important;
  width: auto !important;
}
* html .nahradniDily p.contact {
  height: 1px !important;
}
#contact-info div p.contactLast {
  padding-right: 0 !important;
}
#contact-info p.close-form {
  background: url(../img/close-form.gif) no-repeat left 35px;
  float: right;
  padding: 30px 0 0 10px;
}
#contact-info div hr {
  clear: both;
  display: block;
  height: 1px;
  margin: -6px 0 10px 0;
}
#contact-info form {
  margin-left: -10px;
  padding-bottom: 0;
}

/* nabidka vozu
------------------------------------------------------------------------------*/
#car-offer1 h3 {
  color: #FFF;
  font-size: 200%;
  padding: 23px 18px;
}

#car-offer2 {
  margin: 0 -10px;
}
#car-offer2 h4 {
  float: left;
  font-size: 200%;
}
#car-offer2 h4 a {
  display: inline-block;
  float: left;
  height: 186px;
  margin: 15px 0 0 0;
  padding: 22px 10px 0 10px;
  text-align: center;
  text-decoration: none;
  width: 294px;
}
#car-offer2 h4 a:hover, #car-offer2 h4 a:focus, #car-offer2 h4 a:active {
  background: url(../img/car-offer-box.jpg) no-repeat center top;
}
#car-offer2 h4 a strong {
  text-decoration: underline;
}
#car-offer2 h4 a img {
  display: block;
  font-size: 50%;
  margin: 10px 0 0 12px;
}
.no-offer {
  font-weight: bold;
  padding: 20px 0 110px 0; 
}

/* novinky
------------------------------------------------------------------------------*/
#news1 {
  margin: 0 0 19px 0;
}
#news1 h3 {
  color: #FFF;
  font-size: 200%;
  padding: 23px 18px 20px 18px;
}

.news2 {
  border-bottom: 1px #ebebeb solid;
  margin: 0 -20px 15px 0;
  padding: 0 0 20px 0;
  position: relative;
}
.news2 h4 {
  color: #333;
  font-size: 185.5%;
}
.news2 .box {
  float: left;
  font-size: 108.5%;
  line-height: 150%;
  margin: 17px 0 0 0;
  min-height: 110px;
  padding: 0 35px 0 83px;
  position: relative;
  width: 351px;
}
* html .news2 .box {
  height: 110px;
}
.news2 .box h5 {
  font-size:  108.5%;
  padding: 0 0 7px 0;
}
.news2 .box p.date img {
  display: block;
  margin: 2px 1px 0 1px;
}
.news2 .box p {
  padding: 5px 0 0 0;
}
.news2 .box p.date {
  border: 1px #d9d9d9 solid;
  color: #666;
  font-size: 93%;
  float: left;
  left: 1px;
  overflow: hidden;
  padding: 3px 2px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 63px;
}
/* zajimavosti
------------------------------------------------------------------------------*/
.zakryj {
  background: #fff;
  font-weight: bold;
  height: 26px;
  line-height: 26px;
  margin: 0 0 -30px 10px;
  position: relative;
  width: 310px;
}
#curiosities {
  float: left;
  padding: 0 0 20px 0;
  width: 923px;
}
#curiosities #curiosities-info {
  padding: 0 554px 0 21px;
}
#curiosities h3 {
  font-size: 200%;
  padding: 23px 0 16px 0;
}

#curiosities-content {
  background: #FFF;
  float: right;
  margin: 63px -20px 0 -554px;
  min-height: 321px;
  padding: 0 0 0 10px;
  width: 564px;
}
* html #curiosities-content {
  height: 321px;
  margin: 62px -20px 0 -554px;
  width: 564px;
}
#curiosities-content h4 {
  font-size: 123.5%;
  padding: 17px 10px;
}
#curiosities-content div {
  display: inline;
  float: left;
  margin: 0 8px;
}
#curiosities-content div img {
  padding: 3px;
}
#curiosities-content div ul {
  padding: 13px 0;
}
#curiosities-content div ul li {
  display: block;
  float: left;
  list-style: none;
}
#curiosities-content div ul li a {
  background: url(../img/li.gif) no-repeat left center;
  float: left;
  margin: 0 0 0 8px;
  padding: 0 0 0 10px;
}
#curiosities-content div ul li.first a {
  background: transparent;
  margin: 0;
  padding: 0 0 0 3px;
}
#curiosities-content p {
  clear: both;
  font-size: 155%;
  padding: 20px 10px;
}
#curiosities-content div p {
  padding: 0;
}

/* zkusebni jizda
------------------------------------------------------------------------------*/
#trial-race {
  color: #FFF;
  float: left;
  width: 923px;
}
#trial-race h3 {
  font-size: 200%;
  padding: 23px 0 6px 20px;
}
#trial-race #trial-race-deal {
  line-height: 170%;
  margin: 7px 0 0 15px;
  min-height: 94px;
  padding: 19px 25px 35px 193px;
  width: 214px;
}
#trial-race #trial-race-deal p strong {
  display: block;
  font-size: 108.5%;
  padding: 0 0 17px 0;
}

#trial-race-info {
  background: #FFF;
  float: right;
  margin: 74px 0 0 -458px;
  min-height: 320px;
  padding-left: 10px;
  width: 448px;
  position: relative;
}
* html #trial-race-info {
  margin: 74px -10px 0 -458px;
}
#trial-race-info #datepicker {
	position: absolute;
	top: 20px;
	right: 20px;
}