html, body {font-size: 100.01%;}
body {padding: 0; margin: 0; background: #D8E2EB 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: 11px; left: 0; overflow: hidden; background-color: #082851; text-decoration: none; z-index: 2;}
h1#logo, h1#logo span, strong#logo, strong#logo span {width: 585px; height: 83px; display: block; cursor: pointer;z-index:0}
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: 172px; z-index: 1; /*background: url('header.png') right 43px no-repeat;*/}   
div#header p#slogan {
	color		: #fff;
	padding-top	: 127px;
	position	: absolute;
	top		: -70px;
	left		: 550px;
	z-index		: 9999;
	font-style	: italic;
	font-size	: 14px;
}
	div#header p#slogan span.motto-title {
		font-size	: 42px;
		display		: block;
		padding-bottom	: 15px;
		color		: white;
		font-weight	: bold;
	}

ul#top-nav {position: absolute; top: 0; right: 0; }	
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: none;}

ul#top-nav li a {float: left; font-weight: bold; color: #fff; padding: 0 10px; font-size: 90%; text-transform: lowercase;}
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: #E60500 url('menu-arrow-bottom.gif') center bottom no-repeat; color: #fff; }


/* CONTENT */
/* small boxes */
div.box {width: 471px; float: left; margin: 0 28px 12px 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: 167px; 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: 110%;}

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; position:relative; }
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 */
div#footer {width: 100%; height: 288px; background: #0A3265 url('footer-bg.png') left top repeat-x; margin-top: 50px; padding-top:20px; }
div#footer * {color: #fff;}
.footer-in { width:970px; margin:0 auto; }
.footer-left { width:200px; float:left; }
.footer-right { width:770px; 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;}

div.pujcovne { position:absolute; left:820px; top:241px; width:163px; height:180px; background: url('pujcovne2.png') no-repeat left top;}
div.acpujcovna { background: url('bg-acpujcovna-box.jpg') no-repeat; width:470px; height:203px; }
div.acpujcovna p { position: relative; top:120px; left:10px; font-size: 110%; line-height:110%; color:#fff; font-weight:bold; }
div.acpujcovna a.acbutton { background: url('bg-yellow-button.png') no-repeat; width:139px; height:25px; display:block; position:relative; left:315px; top:105px; padding:5px 0 0 8px; font-weight:bold; cursor:pointer; cursor:hand; }

div.box.box-mapa { background: url('box-mapa.jpg') no-repeat; width:471px; height:202px; margin-left: 275px}
.nonstop { margin: 30px 0 0 60px; color: #fff; }
div.box .nonstop h3 { padding:0px; color:#E60500; font-size:120%;}

a span.norma, span.norma { background: #092854; color:#fff; text-align:center; font-size:90%; position:absolute; left:0px; /*margin-top:20px;*/ padding:3px 5px 3px 5px; float:left; top:0px; }
span.norma { margin-top:1px; left:8px; }

.banners-bottom { margin-top:20px; }
.banners-bottom img { float:left; }
.banners-bottom img.first { margin-right:20px; }

.box .find-left { float:left; width:207px;  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:141px; 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;}

.big-text { font-size: 110%; }
#map { height: 266px; width: 300px; }

/* SLIDER */
.slider-code { overflow:hidden; position: relative; width: 940px; }
#detail .slider-code {width: 530px; }
.slider-code .viewport { float: left; width: 845px; height: 150px; overflow: hidden; position: relative; border-right: 1px solid #EAEAEA; border-left: 1px solid #EAEAEA; margin: 15px 0 15px 49px; }
#detail .slider-code .viewport {  width: 480px; height: 81px; border-left: 1px solid #EAEAEA; border-right: 1px solid #EAEAEA; margin: 15px 0 15px 25px;  }
.slider-code .buttons { display: block; width: 49px; height: 150px; position: absolute;left: 0; top: 15px; text-decoration: none;outline:0  !important;	 }
#detail .slider-code .buttons { width: 30px; height: 81px; left: 0; top: 0; }
.slider-code .buttons span { color: transparent; width: 20px; height: 35px; background: url(../images/carousel-buttons.png) no-repeat 0 -35px; display: block; position: absolute; left: 15px; top: 40px; }
#detail .slider-code .buttons span {width: 20px; height: 35px;  left: 0; top: 38px; }
.slider-code .next { left: auto; right: 0;  }
#detail .slider-code .next { left: auto; right: 0;  }
.slider-code .next span { left: auto; right: 12px; background-position: -20px -35px; }
#detail .slider-code .next span { left: auto; right: 0;  }
.slider-code .buttons:hover span { background: url(../images/carousel-buttons.png) no-repeat 0 -70px; }
.slider-code .next:hover span { background: url(../images/carousel-buttons.png) no-repeat -20px -70px; }
.slider-code .buttons:active span { background: url(../images/carousel-buttons.png) no-repeat 0 -105px; }
.slider-code .next:active span { background: url(../images/carousel-buttons.png) no-repeat -20px -105px; }
.slider-code .next.disable span { background-position: -20px 0; }
.slider-code .prev.disable span { background-position: 0 0; }
.slider-code .overview { list-style: none; position: absolute; padding: 0; margin: 0 0 0 0; left: 0; top: 0; width: 825px; }
#detail .slider-code .overview { width: 480px; }
.slider-code .overview > li{ position:relative;float: left; margin: 0 0 0 20px; padding: 0; height: 150px;  width: 148px; display: block;}
#detail .slider-code .overview > li{  height: 66px;  width: 88px; border: 1px solid #E8E9E9; margin: 5px 0 0 5px; }
#detail .slider-code .overview > li:hover {border: 1px solid #111D31; }
.slider-code .overview > li ul{
	margin: 0 0 0 3px;       
	padding: 0;
	list-style-type: none;
}

.slider-code .overview > li ul li{
	font-size: .75em;
	color: #999999;
	margin-bottom: 2px;
}

.slider-code .overview > li ul li.last{
	margin-top: 8px;
}

.slider-code .overview > li ul li em{
	font-style: normal;
	color: #000;
}

.slider-code .overview > li h4{
	font-size: .812em;
	font-weight: normal;
	margin: 2px 0 10px 3px;
	padding: 0;
}