html, body {font-size: 100.01%;}
body {padding: 0; margin: 0; background: #d7e1eb url('body-bg.png') center top repeat-x; color: #092854; font-family: Arial, Helvetica, tahoma, verdana, "trebuchet MS", sans-serif; font-size: 80%;}

h1, h2, h3, h4, h5, h6 {color: #092854; margin: 0.3em 0;}
h1 {font-size: 130%; font-weight: normal;}
h2 {font-size: 140%; font-weight: normal;}
h3 {font-size: 125%; /*font-weight: normal;*/}
h4 {font-size: 100%;}
h5, h6 {font-size: 100%; font-weight: normal;}

p {line-height: 130%; margin: 0.5em 0;}

a {color: #092854; text-decoration: none}
a:hover {text-decoration: underline;}
a img {border: 0;}

sub,sup {vertical-align: baseline; position: relative;}
sub {top: 0.4em;}
sup {bottom: 0.4em;}

abbr,acronym {cursor: help;}
address {font-style: normal; }

table {border-collapse: collapse;}
table th, table td {padding: 5px 9px;}
table th {text-align: left;}

ul, ol {margin: 0; padding: 0;}
li {margin: 0.4em 0; line-height: 130%; list-style-type: none;}

form {margin: 0;}

.cleaner {clear: both; visibility: hidden; font-size: 1px; height: 1px; line-height: 1px;}

div#wrapper {width: 970px; padding: 241px 3px 0 7px; margin: 0 auto; position: relative;}

#logo a {color: #fff;}
h1#logo, strong#logo {font-size: 250%; margin: 0; position: absolute; top: 18px; left: 0; overflow: hidden; background-color: #082851; text-decoration: none; z-index: 2;}
h1#logo, h1#logo span, strong#logo, strong#logo span {width: 476px; height: 106px; display: block; cursor: pointer;}
h1#logo span, strong#logo span {position: absolute; left: 0; top: 0; z-index: 3; background: url('logo.png') no-repeat;}

/* HEADER */
div#header {position: absolute; left: 0; top: 0; width: 980px; height: 214px; z-index: 1; background: url('header-bg.gif') right 33px no-repeat;}   
div#header p#slogan {color: #fff; padding-top: 127px;}

ul#top-nav {position: absolute; top: 0; right: 0; background: #e60000;}	
ul#top-nav li {margin: 0; float: left; background: url('top-nav-bg.png') right center no-repeat; height: 36px; line-height: 36px;}
ul#top-nav li.last {background: url('');}

ul#top-nav li a {float: left; font-weight: bold; text-transform: uppercase; color: #fff; padding: 0 10px; font-size: 90%;}
ul#top-nav li.last a {padding-right: 0;}

ul#menu {position: absolute; bottom: 0; left: 0; background: #0a2e60 url('menu-bg.png') left bottom repeat-x}	
ul#menu li {float: left !important; margin: 0; padding: 0 3px; background: url('footer-nav-sep.png') right 14px no-repeat;}
ul#menu li.last {background: url('');}

ul#menu li a {float: left; height: 37px; line-height: 37px; text-transform: uppercase; color: #fff; font-size: 90%; padding: 0 15px; font-weight: bold;}
ul#menu li a span {display: block; float: left;}

ul#menu li a:hover {text-decoration: none; background: #fe2400 url('menu-arrow-bottom.gif') center bottom no-repeat;}


/* CONTENT */
/* small boxes */
div.box {width: 471px; float: left; margin: 0 28px 10px 0; display: inline; font-size: 95%; }
div.box * {padding: 0 12px;}
div.box strong,  div.box a,  div.box img {padding: 0;}

div#content h1, div.box h2 {height: 37px; line-height: 37px; color: #fff; padding: 0 0 0 13px; margin: 0 0 10px; text-transform: uppercase; font-weight: bold;}
div.box h3 {font-weight: bold; margin-bottom: 0; font-size: 140%;}
div.box-last {margin: 0;}

div.blue {height: 170px; background: #eaf2fd url('box-blue-bg.gif') left 38px repeat-x;}
div.blue h2, div.box-big h2 {background: #1e477d url('box-blue-h2.png') repeat-x; border: 2px solid #469; border-top-width: 1px; border-bottom: 0; font-size: 108%;}
div.red h2 {background: #e20e00 url('box-red-h2.png') repeat-x; border: 2px solid #e51200; border-top-width: 1px; border-bottom: 0; font-size: 108%;}
div.blue a.more {display: inline-block; margin: 10px 0 0 12px; text-decoration: underline;}
div.blue a.more:hover {text-decoration: none;}

div.box ul li {list-style-type: disc; padding: 0; margin: 0.3em 0 0.3em 20px;}

div.red {height: 202px; background: #eaf2fd url('box-red-bg.gif') left 38px repeat-x;}
div.box strong.red {color: #c00; display: block; margin-top: 10px; font-size: 120%; }
div.box strong.phone {font-size: 120%; color: #CC0000; }

div.box img.right {float: right;}

/* big boxes */
div.box-big {width: 970px; float: left; margin: 15px 0 0; background: url('box-big.png') left 38px repeat-x}
div.cars a {float: left; margin: 0 3px 15px 4px; width: 154px; font-weight: bold;}
div.cars a img {margin-top: 5px;}
div.cars a:hover {text-decoration: none;}

/* DETAIL AUTA */
div#content h1 {color: #fff; height: 37px; margin-bottom: 25px; background: #1e477d url('box-blue-h2.png') repeat-x; border: 2px solid #469; border-top-width: 1px; border-bottom: 2px solid #fe2400; font-size: 130%;}
img.car-detail {width: 296px; height: 222px; float: left; border: 1px solid #556680;}

table.left td, table.left th, table.right td, table.right th {line-height: 1.6em; padding: 2px 0 2px 25px; vertical-align: top;}
table.left th, table.right th {text-align: left; font-weight: normal; white-space: nowrap;}

table.right td, table.right th {padding: 2px 0 2px 25px; vertical-align: top;}
table.right {float: right;}
table.left {float: left;}
table.details {width: 670px;}
tr.first td, tr.first th {padding-top: 0;}
table.left td.nopadding {padding-left: 0;}



table.pricelist {border: 1px solid #c5d2e2; padding: 3px; border-collapse: separate; width: 280px;}
table.pricelist th {margin: 0; padding: 2px 0 2px 10px; background: url('pricelist-h3.png') top left repeat-x;}
table.pricelist th h3 {font-weight: bold; margin-bottom: 0;}
table.pricelist td {padding: 4px 15px; background: #fff;}
table.pricelist td:first-child {text-align: center;}
table.pricelist td + td {text-align: right;}
table.pricelist td + td + td {text-align: left;}

table.pricelist col.left {text-align: left;}
table.pricelist col.center {text-align: center;}
table.pricelist col.right {text-align: right;}

div#content table.table th {font-weight: bold;}
table.table th {font-weight: bold;}
table.table th, table.table td {padding: 5px 9px; text-align: left;}
table.table td:first-child, table.table td+td {text-align: left; }

a.button {color: #fff; display: inline !important; position: relative; overflow: hidden; text-decoration: none; z-index: 2; text-align: center; line-height: 32px; font-weight: bold;}
a.button:hover {text-decoration: none;}
a.reserve {float: right; margin: 15px 146px 0 0; background-color: #c00; }
a.detail {float: left; margin: 15px 146px 0 0; background-color: #204070;}

a.button, a.button span {width: 134px; height: 32px; display: block; cursor: pointer;}
a.button span {position: absolute; left: 0; top: 0; z-index: 3;}

a.reserve span {background: url('rezervovat.png') no-repeat;}
a.detail span {background: url('detail.png') no-repeat;}



tr.padding td, tr.padding th {padding: 20px 0 4px 25px;}
tr.padding td img {margin-top: 10px;}

/* photo */
div.photo {padding: 30px 0 0;}
div.photo img {margin: 0 35px 20px 0; float: left; padding: 0; width: 293px; height: 219px; border: 1px solid #476999}
div.photo img.last {margin-right: 0;}


/* car */
div.car {border-bottom: 2px solid #c5d2e2; padding: 0 0 20px; margin: 0 0 15px;}
div.car-last {border: 0; padding: 0; margin: 0;}


/* Footer start */

div#footer {width: 100%; height: 200px; background: #0A3265 url('footer-bg.png') left top repeat-x; margin-top: 50px; padding-top:20px; }
div#footer * {color: #fff;}
/*div#footer div {background: url('footer-logo.png') 5px 20px no-repeat; width: 720px; height: 77px; padding: 27px 0 0 260px; margin: 0 auto;}*/
.footer-in { width:970px; margin:0 auto; }
.footer-left { width:244px; float:left; }
.footer-right { width:695px; float:left; }
	
div#footer ul#navigation {width: 800px;}	
div#footer ul#navigation li {float: left; margin: 0;}
div#footer ul#navigation li a {/*font-weight: bold;*/ padding: 3px 10px; /* 3px 17px */ margin-bottom: 5px; background: url('footer-nav-sep.png') right center no-repeat; float: left;}

div#footer ul#navigation li.first a {padding-left: 0;}
div#footer ul#navigation li.last a {padding-right: 0; background: url('');}

div#footer p {font-size: 90%; float: left; margin: 0.2em 0; width: 800px;}
div#footer p.short {width: 400px;} 
div#footer p.right {float: right; margin-top: 12px;}

div#footer p.right span.right {padding: 0 0 0 70px;}	
div#footer p.right a {text-decoration: underline;}
div#footer p.right a:hover {text-decoration: none;}

/* Footer end */

/* FOOTER old  start*/  /*  
div#footer {width: 100%; height: 180px; background: #0A3265 url('footer-bg.png') left top repeat-x; margin-top: 50px;}
div#footer * {color: #fff;}
div#footer div {background: url('footer-logo.png') 24px 20px no-repeat; width: 805px; height: 77px; padding: 27px 0 0 175px; margin: 0 auto;}
	
div#footer ul#navigation {width: 800px;}	
div#footer ul#navigation li {float: left; margin: 0;}  */
/*div#footer ul#navigation li a {padding: 3px 10px; margin-bottom: 5px; background: url('footer-nav-sep.png') right center no-repeat; float: left;}*/   /*font-weight: bold;*/ /* 3px 17px */ 
/*
div#footer ul#navigation li.first a {padding-left: 0;}
div#footer ul#navigation li.last a {padding-right: 0; background: url('');}

div#footer p {font-size: 90%; float: left; margin: 0.2em 0; width: 800px;}
div#footer p.short {width: 400px;} 
div#footer p.right {float: right; margin-top: 12px;}

div#footer p.right span.right {padding: 0 0 0 70px;}	
div#footer p.right a {text-decoration: underline;}
div#footer p.right a:hover {text-decoration: none;}    */ 
/* footer old end */

div.pujcovne { position:absolute; left:820px; top:241px; width:161px; height:166px; background: url('pujcovne.png') no-repeat left top;}

.box .find-left { float:left; width:204px;  padding:0px; padding-left:12px; _padding-left:5px;}
.box .find-left h3 { width:180px; padding:0px; padding-top:10px;}
.box .find-right { float:left; width:145px; padding:0px; }
.box .find-mapa { float:left; width:110px; padding:0px;}
.find-right h3.nonstop { background: url('phone.png') no-repeat right 3px; width:110px;  padding:0px; padding-top:10px; display:block; padding-bottom:none; color:#CC0000;}
.box .abbanner { padding:0px; position:relative; top:-4px; _top:0px;}
.abbanner img {padding:0px;}
table.loga td { background: #fff; text-align:center; vertical-align:middle; border: 2px solid #D8E2EB;}
