/* ----------------------------------------------------------------
	@company:	www.actum.cz
	@author:		Jan Panschab, Dmitrij Dudnik
	@site:		Hyundai.cz
	
	@colors
		grey: 			#4f565b - pismo
		blue: 			#406cad - modre pismo, odkazy
---------------------------------------------------------------- */

/* ---------------------------------------------------------------- 
	basic elements
---------------------------------------------------------------- */
pre.dump {font-size:10pt;}

* { margin: 0; padding: 0; }
body { font: 62.5% Arial, Helvetica, sans-serif; background: url(../gfx/body2.gif) repeat; color: #fff; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; padding: 0.5em 0 0.25em; }
h1 { font-size: 3em; padding-top: 1em; }
h2 { font-size: 2.4em; }
h3, h4, h5, h6 { font-size: 1.8em; color: #406cad; }

a { color: #406cad; outline: 0 none; }
a:hover { text-decoration: none; color: #0067ff; }
/*#content a:visited { color: #000; }*/

p { font-size: 1.2em; line-height: 1.667em; padding: 0 0 1em; }
p.cl-srovnejte { position: absolute; right: 5px; top: 570px; }
p.cl-srovnejte2 { position: absolute; right: 5px; top: 530px; }

/* #content img { padding: 6px 0 0 6px; background: url(../gfx/img.png) no-repeat 0 0; }*/
img.left { float: left; margin: 0 18px 10px 0; }
img.right { float: right; margin: 0 0 10px 18px; }
a img { border: 0; }

.center { text-align: center; }

ul, ol { font-size: 1.2em; line-height: 1.6667em; list-style: outside; padding: 0.5em 0 1em 2em; }
ul ul, ol ol, ul ol, ol ul { font-size: 1em; padding: 0 0 0 2em; }
ul { list-style-type: disc; }
ul ul { list-style-type: circle; }
ul ul ul { list-style-type: square; }
ol { list-style-type: decimal; }
ol ol { list-style-type: lower-alpha; }
ol ol ol { list-style-type: lower-roman; }

dl { font-size: 1.2em; padding: 0.5em 0 0; line-height: 1.5em; }
dt { font-weight: bold; float: left; padding-right: 0.5em; }
dd { padding: 0 0 0.5em; }

table { font-size: 1.1em; border-collapse: collapse; margin: 0.5em 0 1em; width: 628px;  }
td, th { border: 1px solid #e4e5e6; padding: 0.25em 0.5em; line-height: 1.5em; }
td { text-align: center; color: black; }
thead, tfoot, .head th { background: #929aa6 url(../gfx/table-th.gif) repeat-x 0 0; color: #fff; font-weight: normal; }
tbody th {background: #929aa6 url(../gfx/table-th.gif) repeat-x 0 0; color: #fff; font-weight: normal; }
tbody .body th, th.body { background-image: none; background-color: #E2E7EF; color: black; text-align: left; font-weight: bold; }
tr.GridRow th { width: 120px; }

/* ------------- uprava tabulek -------------- */
.fit-table { width: 100%; overflow: auto; }
.rowtitle {
width: 175px !important;
}
/* .d-list td, .d-list th { white-space: nowrap; } */
.d-list table {font-size: 1em; width: 100%; margin-bottom: 1.5em; border-collapse: collapse; }

.d-list thead th {vertical-align: bottom; }
.d-list tbody th {color: #fff; border-right: 1px solid white; }
.d-list td { border-bottom: solid 1px #e4e4e4; border: solid 1px #e4e4e4; text-align: center; }
.GridRow th a { color: #fff; }


form { margin: 0.5em 0 1em; }
form fieldset { border: 0; margin: 0.5em 0 1em; padding: 15px 10px 0.5em; }
form legend { padding: 23px 0 0; font-size: 1.8em; color: #4f565b; }
form p { clear: both; overflow: hidden; padding: 0 0 0.75em; }
form a { font-size: 0.917em; }
form label { float: left; display: block; width: 100px; text-align: right; margin: 0 10px; font-weight: bold; }
form input.text, form input.password, form textarea, form input.submit { font: 1em Arial, Helvetica, sans-serif; padding: 2px 4px; }
form input.text, form input.password { width: 178px; }
form input.text, form input.password, form textarea, form select { border: 1px solid #ccc; width: 300px; }
form textarea { width: 315px; }
form input.text:focus, form input.password:focus, form textarea:focus, form select:focus { border: 1px solid #ccc; }
form input.radio, form input.checkbox { float: left; position: relative; top: 3px; }
form select { width: 310px; height: 22px; font: 1em Arial, Helvetica, sans-serif; }
form select option { padding: 0 0.3em; }
form input.submit { float: right; padding: 4px 15px; background: url(../gfx/submit.gif) repeat-x 0 0; border: 0; color: #fff; cursor: pointer; }
form input.submit:hover { background-position: 0 -100px; }
form .no-label { margin-left: 120px; }
form .no-label label { width: auto; line-height: normal; }

form .inline, form .list { position: relative; border: 0; margin: 0 0 0 120px; padding: 0 0 0.5em; }
form .inline legend span, 
form .list legend span { position: absolute; top: -1px; left: -135px; display: block; width: 100px; text-align: right; margin: 0 10px; background: none; font-size: 1.1em; font-weight: bold; text-transform: none; font-size: 0.667em; }
form .inline p { float: left; clear: none; }
form .list p { clear: left; overflow: hidden; }
form .inline label, form .list label { text-align: left; line-height: normal; width: auto !important; margin: 0 15px 0 5px; }
form .inline .checkbox, form .list .checkbox { top: 0; }

small { font-size: 1.1em; }


/* ---------------------------------------------------------------- 
	formul��e
---------------------------------------------------------------- */
#eml-zpr-form label { width: 190px; }
p.agree { font-size: 1em; margin-bottom: 1em; padding: 0.5em 1em; background-color: #F2F4F9; }

#fleet-form label { width: 145px; }
#fleet-form textarea { width: 400px; height: 100px; }

#kontakt-form textarea { width: 477px; height: 100px; }

#katalog-form label, #katalog-form .inline legend span { width: 200px; }
#katalog-form .inline legend span { left: -220px; }
#katalog-form .inline { margin-left: 230px; }
#katalog-form .inline label { width: 75px !important; text-align: right; }

#test-form label, #test-form .inline legend span { width: 200px; }
#test-form .inline legend span { left: -220px; }
#test-form .inline { margin-left: 230px; }
#test-form .inline label { width: 75px !important; text-align: right; }
.month-year select { width: 93px; }

#order-service-form textarea { height: 100px; width: 498px; }

#navsteva-form label, #navsteva-form .inline legend span { width: 110px; }
#navsteva-form textarea { height: 100px; width: 300px; }
#navsteva-form .submit {
	float: none;
	margin-left: 242px;
}


/* ---------------------------------------------------------------- 
	basic classes
---------------------------------------------------------------- */
.nod { display: none; }
.print-only,
.spaceman { position: absolute; top: -3000px; left: 0; }
.left { text-align: left !important; }
.right { text-align: right !important; }
.fll { float: left !important; }
.fll.hfoto { margin-right: 10px !important; }
.flr { float: right !important;}
.cleaner { clear: both; }
.clrl { clear: left; }


/* ---------------------------------------------------------------- 
	special classes
---------------------------------------------------------------- */
.perex { color: #406cad; font-size: 1.4em; line-height: 1.333em; }
.footnote { background: url(../gfx/footnote.gif) repeat-x 0 0; color: #748a9a; font-style: italic; padding-top: 3px; }
.footnote small { font-size: 0.917em; }
.desc { background: url(../gfx/desc.png) no-repeat 0 3px; padding-left: 13px; }
ul.row-right { list-style: none; padding: 2em 0 1em; }
ul.row-right li { float: right; position: relative; }
a.button,
.data-grid-form input,
.data-grid-button { display: block; background: url(../gfx/submit.gif) repeat-x 0 0; color: #fff; text-decoration: none; cursor: pointer; }
a.button { line-height: 24px; margin: 0 10px 0 0; padding: 0 15px; }
.data-grid-form input { height: 23px; margin: 0 10px 0 0; padding: 0 15px 3px; float: left; border: 0px; }
.data-grid-form select { width: 100px; }
.data-grid-button { margin: 0 0 0 100px; padding: 0 15px; font-size: 12px; line-height: 23px; width: 60px; text-align: center; }
a.button:hover { text-decoration: underline; }
.print-button { float: right; width: auto; margin-right: -10px; }
.back-button { float: left; width: auto; margin-right: -10px; }
ul.row-right a.button { margin: 0 0 0 10px; }
.bonus { background: #b5d3ff; border: 1px solid #4f565b; margin-bottom: 0.5em; padding: 1em 2em 0; }

.print-button-flr { padding: 0; margin: 0 0 1em 0; overflow: hidden; }
.print-button-flr a { float: right; font-size: 12px; line-height: 24px; height: 24px; padding: 0 15px; margin: 0 0 0 10px; color: #fff; background: url(../gfx/submit.gif) repeat-x 0 0 #99A2AD; text-decoration: none; }
.print-button-flr a:hover { text-decoration: underline; }

.w200 { width: 200px; }
.ptop { padding-top: 0.5em; }

.red { color: red !important; }

/* ------------- .sysmessages  -------------- */ 
ol.sysmessages { list-style-type: disc; font-weight: bold;}
ol.sysmessages li.goodNews { color: green;}
ol.sysmessages li.badNews {  color: red;}


/* ---------------------------------------------------------------- 
	layout
---------------------------------------------------------------- */
#body { width: 100%; min-height: 882px; background: url(../gfx/body.gif) repeat-x; }
#page { position: relative; top: 90px; width: 968px; margin: 0 auto; background: transparent url(../gfx/page.png) repeat-y 0 0; color: #4f565b; }

/* ------------- header -------------- */
#header h1 { position: absolute; top: -45px; left: 0; z-index: 10; width: 173px; height: 45px; padding: 0; overflow: hidden; color: #fff; text-transform: uppercase; font-size: 2em; text-align: right; }
#header h1 span { position: absolute; top: 0; left: 0; display: block; width: 173px; height: 45px; background: url(../gfx/huyndai-logo.png) no-repeat 0 0; cursor: pointer; }
#catchword { position: absolute; top: -75px; left: 4px; color: #fff; font-size: 1.1em; }
#header form { position: absolute; top: -88px; right: 0; width: 220px; }
#header form fieldset { border: none; background: none; padding: 0 4px 0 0; }
#header form legend { display: none; }
#header form input.text { width: 167px; float: left; border: 0; background: transparent url(../gfx/search-text.png) repeat; color: #000; font-size: 11px; padding: 5px; }
#header form input.submit { width: 39px; height: 24px; background: transparent url(../gfx/search-submit.png) repeat 0 0; margin: 0; }
#header form input.submit:hover, #header form input.hover { background-position: 0 -100px; }

#crumbs { list-style: none; overflow: hidden; padding: 0 12px; background: url(../gfx/crumbs_back.gif) no-repeat 20px 40px;  }
#crumbs li { float: left; padding-right: 3px; }
#crumbs li a, #crumbs li strong { font-size: 0.917em; line-height: 42px; padding: 0 15px 0 10px; }
#crumbs li a { text-decoration: none; color: #265583; background: url(../gfx/crumbs.gif) no-repeat right 3px; }
#crumbs li a:hover { text-decoration: underline; }
#crumbs li strong { color: #c1c1c1; }


/* ------------- content -------------- */
body.models #content { width: 898px; float: left; overflow: hidden; margin: 0px 4px; padding: 20px 31px; background: none; }

#content { float: right; width: 628px; /* 708px*/ margin-right: 4px; padding: 0 40px 40px; }
#content #top-img { background: none; margin: 0 -40px; padding: 0; }
#content #video {width: 628px; margin: 30px 0; }
#content #video img { padding: 0px; }


/* ------------- ul.tz-menu -------------- */
ul.tz-menu { display: block; float: left; margin: 20px 0 30px; padding: 0; position: relative; text-align: center; width: 628px; }
ul.tz-menu li { display: block; float: left; padding-right: 5px; }
ul.tz-menu li a { text-decoration: none; }
ul.tz-menu li a:hover,
ul.tz-menu li a.active { text-decoration: underline !important; }


/* ------------- menu 1. level -------------- */
#menu { position: absolute; top: -45px; left: 173px; width: 800px; background: url(../gfx/menu-shadow.png) no-repeat 0 0; z-index: 90; }
#menu ul { list-style: none; margin-top: 4px; padding: 0; }
#menu ul li { float: left; position: relative; padding-left: 2px; background: url(../gfx/menu.gif) repeat-x 0 -200px; }
#menu ul li a { display: block; padding: 11px 0 10px; background: #dedfe0 url(../gfx/menu.gif) repeat-x 0 0; font-size: 0.917em; text-transform: uppercase; color: #4f565b; font-weight: bold; text-decoration: none; text-align: center; }
#menu ul li a:hover, #menu ul li:hover a { background: #fff; color: #265583; }
#menu ul .item-1-1 { padding-left: 0; }
#menu ul .item-1-5 { background-position: 0 -300px; }
#menu ul .item-1-6 { background-position: 0 -400px; }
#menu ul .item-1-5 a, #menu ul .item-1-6 a { background-position: 0 -100px; background-color: #797e86; color: #fff; }
#menu ul .item-1-1 a { width: 92px; }
#menu ul .item-1-2 a { width: 128px; }
#menu ul .item-1-3 a { width: 141px; }
#menu ul .item-1-4 a { width: 140px; }
#menu ul .item-1-5 a { width: 132px; }
#menu ul .item-1-6 a { width: 148px; }

/* ------------- menu 2. level -------------- */
#menu ul ul { display: none; position: absolute; top: 37px; padding: 18px; list-style: none; background: url(../gfx/menu-opacity.png) repeat; border: 1px solid #D4D6D7; border-top: 0; z-index: 100; left: 1px; }
.item-1-1 ul { width: 437px; /* 473px */ left: -1px !important }
.item-1-5 ul { left: 0 !important; }
#menu ul li:hover ul { display: block; }
#menu ul ul li { clear: left; position: static; background: none; }
#menu ul ul a {
	width: 113px !important; /* 123px */
	background: none !important;
	font-size: 11px;
	color: #265583;
	padding: 0 5px;
	text-align: left;
	text-transform: none;
	font-weight: normal;
	background: url(../gfx/menu-hover.png) no-repeat 0 0;
	white-space: normal;
}
#menu ul ul a:hover, #menu ul ul li:hover a { background: url(../gfx/menu-hover.png) no-repeat 0 -100px !important; color: #fff; }
#menu ul ul .href { margin-top: 1em; }
#menu ul ul .href a:hover { background: none !important; text-decoration: underline; color: #265583; }
#menu ul ul li div {
	display: none;
	position: absolute;
	top: 0;
	left: 143px;
	/*width: 330px;*/
	height: 90%;
	padding: 20px;
	text-align: center;
}
#menu ul ul li:hover div { display: block; }
#menu ul ul li div h3, #menu ul ul li div p { text-align: left; }
#menu ul ul li div p { font-size: 0.917em; }

#menu ul .item-1-5 ul a, #menu ul .item-1-6 ul a { color: #265583; }
#menu ul .item-1-5 ul a:hover, #menu ul .item-1-6 ul a:hover { color: #fff; }

/* ------------- aside -------------- */
h2.name-car {
	display: block;
	padding: 20px 30px 0;
}
#aside { float: left; width: 252px; /* 252px */ min-height: 650px; overflow: hidden; margin-left: 4px; background: url(../gfx/nav.png) repeat-x 0 0; }
#nav h3 { font-size: 1.5em; color: #3d464c; }
#nav a { text-decoration: none; }
#nav ul { list-style: none; padding: 16px 30px; }
#nav ul ul { padding: 5px 0 10px; }
#nav ul ul a { display: block; padding: 0 11px; line-height: 20px; }
#nav ul ul a:hover { text-decoration: underline; }
#nav ul ul .selected a { background: url(../gfx/nav-selected.gif) no-repeat 0 0; color: #fff; }
#nav ul ul strong { font-weight: normal; }

.download { list-style: none; margin-left: 15px; }
.download a { padding-left: 15px; background: url(../gfx/download.gif) no-repeat 0 center; text-decoration: none; }
.download a:hover { text-decoration: underline; }

.p-list .download {
	margin: 0px !important;
	padding: 10px 0 !important;
}

.buttons { list-style: none; margin-left: 10px; margin-top: 15px; }
.buttons a {
	display: block;
	width: 146px; /* 191px */
	height: 26px;
	background: url(../gfx/buttons.png) no-repeat 0 0;
	color: #fff;
	text-decoration: none;
	margin-bottom: 5px;
	padding: 0 5px 0 40px;
	line-height: 25px;
}
.buttons .konfig a { background-position: 0 0; }
.buttons .test a { background-position: 0 -100px; }
.buttons .servis a { background-position: 0 -200px; }
.buttons .katalog a { background-position: 0 -300px; }
.buttons .konfig a:hover { background-position: 0 -50px; }
.buttons .test a:hover { background-position: 0 -150px; }
.buttons .servis a:hover { background-position: 0 -250px; }
.buttons .katalog a:hover { background-position: 0 -350px; }

#compare { background: url(../gfx/aside-box.png) repeat-x 0 0; margin: 2em 0; }

#newsletter { background: url(../gfx/aside-box.png) repeat-x 0 0; margin: 2em 0; border: 1px solid #D4D6D7; }
#newsletter fieldset { margin-top: 0; padding: 15px 32px 0.5em; }
#newsletter .text { width: 136px; padding: 5px 4px 4px; border: 0; }
#newsletter .submit { background: url(../gfx/submit-arrow.png) no-repeat 0 0; width: 42px; height: 24px; }
#newsletter .submit:hover { background-position: 0 -100px; }

/* ------------- footer -------------- */
#footer { clear: both; margin: 0 4px; background: #eaeaeb url(../gfx/footer.gif) repeat-x 0 0; overflow: hidden; }
#footer a { font-size: 0.917em; line-height: 47px; text-transform: uppercase; color: #4f565b; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer ul { padding: 0; list-style: none; padding: 5px 20px 0; overflow: hidden; }
#footer ul li { float: left; padding-left: 20px; }
#footer ul li.left { padding-left: 0; }
#facebook-footer {
	padding-left: 20px;
	background: url(../gfx/facebook-icon.png) no-repeat 0 0;
}


/* ---------------------------------------------------------------- 
	js
---------------------------------------------------------------- */
h1 .cufon { left: -1px; }


/* ---------------------------------------------------------------- 
	homepage
---------------------------------------------------------------- */
.body-hp #body { position: relative; width: 1000px; margin: 0px auto; }
.body-hp #hp-file,
.body-hp .hp-footer-bg { display: block; position: absolute; left: 0px; width: 1000px; }
.body-hp #hp-file { top: 0px; height: 459px; }
.body-hp #flash { position: absolute; top: 0; left: 0; }
.body-hp #flash p { position: absolute; top: 200px; left: 100px; width: 500px; }
.body-hp .hp-footer-bg { top: 459px; height: 351px; background: url(../gfx/hp-footer-bg-1.jpg) repeat-x 0 0; }
.body-hp #page { background: none; z-index: 10; }
.body-hp #content {
	position: relative;
	top: 375px;
	z-index: 10;
	width: 960px;
	float: left;
	margin: 0px 4px;
	padding: 0px;
	background: none;
}
.body-hp #fancybox-inner { overflow: hidden !important; }


/* ------------- menu HP -------------- */
#haccordion {
	position: absolute;
	bottom: 293px;
	left: 0;
	list-style: none;
	width: 960px;
	height: 76px;
	padding: 0;
	overflow: hidden;
}
#haccordion li { position: absolute; bottom: 0; }
#haccordion li a { display: block; border-bottom: 6px solid #b9c1ca; }
#haccordion li a:hover { border-color: #265583; }
#item-1 { left: 0; }
#item-2 { left: 92px; }
#item-3 { left: 184px; }
#item-4 { left: 276px; }
#item-5 { left: 368px; }
#item-6 { left: 460px; }
#item-7 { left: 552px; }
#item-8 { left: 644px; }
#item-9 { left: 736px; }
#item-10 { left: 828px; }

#item-11 { left: 580px; }
#item-12 { left: 638px; }
#item-13 { left: 696px; }
#item-14 { left: 754px; }
#item-15 { left: 812px; }
#item-16 { left: 870px; }
#haccordion li a img { border: 0; }
#haccordion li .wrap1 { display: none; }
#haccordion li:hover .wrap1 { display: block; }
#haccordion .wrap1 {
	position: absolute;
	bottom: 70px;
	left: 0;
	padding: 20px 0;
	background: url(../gfx/haccordion-arr.png) no-repeat 60px 252px;
}
#item-2 .wrap1 { left: 0px; background-position: 60px 252px; }
#item-3 .wrap1 { left: 0px; background-position: 60px 252px; }
#item-4 .wrap1 { left: 0px; background-position: 60px 252px; }
#item-5 .wrap1 { left: 0px; background-position: 60px 252px; }
#item-6 .wrap1 { left: 0px; background-position: 60px 252px; }
#item-7 .wrap1 { left: 0px; background-position: 60px 252px; }
#item-8 .wrap1 { left: 0px; background-position: 60px 252px; }
#item-9 .wrap1 { right: 0px; left: auto; background-position: 440px 252px; }
#item-10 .wrap1 { right: 0px; left: auto; background-position: 440px 252px; }
#item-11 .wrap1 { right: 0px; left: auto; background-position: 440px 252px; }
#item-12 .wrap1 { right: 0px; left: auto; background-position: 440px 252px; }
#item-13 .wrap1 { right: 0px; left: auto; background-position: 440px 252px; }
#item-14 .wrap1 { right: 0px; left: auto; background-position: 440px 252px; }
#item-15 .wrap1 { right: 0px; left: auto; background-position: 440px 252px; }
#item-16 .wrap1 { right: 0px; left: auto; background-position: 440px 252px; }
#haccordion .wrap2 {
	position: relative;
	background: url(../gfx/menu-opacity.png) repeat;
	border: 1px solid #D4D6D7;
	width: 450px;
	height: 170px;
	padding: 30px;
}
#haccordion div img { float: right; }
#haccordion h2 { font-size: 3em; color: #265583; }
#haccordion h3 { font-size: 1.8em; color: #4f565b; }
#haccordion ul { list-style: none; padding: 0; position: absolute; bottom: 30px; }
#haccordion ul li { float: left; position: static; }
#haccordion ul li a {
	position: relative;
	display: block;
	height: 20px;
	line-height: 20px;
	margin-right: 10px;
	padding: 0 8px;
	background: url(../gfx/haccordion-buttons.png) no-repeat 0 0;
	text-transform: uppercase;
	font-size: 0.833em;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	border: 0;
}
#haccordion ul li a:visited {
	color: #fff;
}
#haccordion ul li a span {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 3px;
	height: 20px;
	background: url(../gfx/haccordion-buttons.png) no-repeat right bottom;
}
#haccordion ul li a:hover { text-decoration: underline; }


/*
#haccordion {
	display: block;
	position: relative;
	list-style: none;
	float: left;
	margin-top: 300px;
	padding: 0px !important;
}
#haccordion li {float: left; text-align: center;  }
#haccordion li a { display: block; position: relative; width: 80px; height: 70px; cursor: pointer; border-bottom: 6px solid #b9c1ca; }
#haccordion li a:hover { border-bottom: 6px solid #265583; }
#haccordion li a span {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 80px;
	height: 70px;
	background: url(../img/menu-car/menu-car.jpg) no-repeat;
}
*/
.body-hp #footer {
	position: absolute;
	top: 670px;
	left: 0;
	z-index: 10;
	color: #9ba1a8;
	background: none;
}
.body-hp #footer a { color: #9ba1a8; }

/* ------------- HP .tz-hp -------------- */
.tz-hp { display: block; position: absolute; bottom: 45px; right: 5px; width: 200px; height:216px; background: url(../gfx/tz-hp-transparent.png) no-repeat; padding:12px 0 0 20px; }
.tz-hp h2 { font-size: 18px; padding: 2px 0 12px; }
.tz-hp p { display: block; font-size: 11px; color: #265583; margin-right: 20px; padding: 0 0 10px; line-height: 14px; overflow: hidden }
.tz-hp p a { float: right; color: #4f565b; text-decoration: none; }
.tz-hp p a:hover { text-decoration: underline; }

/* ------------- HP .special-offer -------------- */
ul.special-offer { display: block; position: relative; list-style: none; float: left; width: 722px; height: 158px; margin: 20px 0px 10px 0px; padding: 0px !important; }
ul.special-offer li { display: block; position: relative; float: left; width: 232px; height: 158px; margin-right: 12px; }
ul.special-offer li.item3 { margin: 0px; }
ul.special-offer li a img { background: none !important; padding: 0px !important; }

/* ------------- HP .buttons-hp -------------- */
ul.buttons-hp {
	display: block;
	position: relative;
	float: left;
	width: 478px;
	list-style: none;
	margin: 30px 12px 20px 0px;
	padding: 0px !important;
}
ul.buttons-hp li{ float: left; }
ul.buttons-hp a {
	display: block;
	width: 168px;
	height: 54px;
	padding: 0 5px 0 58px;
	color: #3774af !important;
	font-weight: bold;
	text-decoration: none;
	line-height: 54px;
}
ul.buttons-hp a:hover { color: #0067FF !important; }
ul.buttons-hp li{ float: left; }
ul.buttons-hp li.item01 a { background: url(../gfx/test-jizda.gif) no-repeat 0 0; margin-right: 14px; }
ul.buttons-hp li.item02 a { background: url(../gfx/prodejci-servis.gif) no-repeat 0 0; }
ul.buttons-hp li.item03 a { background: url(../gfx/prodejci-servis2.gif) no-repeat 0 0; }
ul.buttons-hp li span { display: block; position: absolute; top: -30px; font-size: 13px; color: #d5d8dc; }

/* ------------- HP .newsletter-hp -------------- */
form#newsletter-hp { display: block; position: relative; float: left; width: 230px; padding: 0px; margin: 0px 0px 20px 0px; }
form#newsletter-hp fieldset { display: block; position: relative; padding: 0px; margin: 0px; }
form#newsletter-hp legend { margin: 0px; padding: 2px 0px 12px 0px; color: #d5d8dc !important; font-size: 13px; }
.newsletter-hp-back { background: url(../gfx/news-box-hp.gif) no-repeat 0 0; height: 55px; }
form#newsletter-hp .text { width: 154px; height: 14px; float: left; margin: 10px 0px 0px 0px; padding: 5px; border: 0; font-size: 11px; }
form#newsletter-hp p { padding: 0 0 0 8px; }
form#newsletter-hp a { color: #D5D8DC; text-decoration: none; }
form#newsletter-hp a:hover { text-decoration: underline; }
form#newsletter-hp .submit { background: url(../gfx/submit-arrow.png) no-repeat 0 0; margin: 10px 8px 0 0; width: 44px; height: 24px; }
form#newsletter-hp .submit:hover { background-position: 0 -100px; }


/* ---------------------------------------------------------------- 
	.model-prehled
---------------------------------------------------------------- */
ul.model-prehled {
	display: block;
	position: relative;
	list-style: none;
	float: left;
	width: 880px;
	background: url(../gfx/model-back.gif) repeat-y 0 0;
	margin: 0px;
	padding: 0px 4px;
}
.top,
.bottom { float: left; width: 888px; height: 5px; padding: 0px 0px; }
.top { background: url(../gfx/model-top.gif) no-repeat 0 bottom; padding: 35px 0 0; }
.bottom { background: url(../gfx/model-bottom.gif) no-repeat 0 0; padding: 0 0 35px 0; }

ul.model-prehled li { float: left; }
ul.model-prehled li a {
	display: block;
	position: relative;
	z-index: 10;
	width: 219px;
	height: 140px;
	border-right: 1px solid #e4e5e6;
	border-bottom: 1px solid #e4e5e6;
}
ul.model-prehled li a:hover { z-index: 100; }
ul.model-prehled li a:hover img {
	position: absolute;
	top: -38px;
	left: -38px;
	padding: 38px;
	background: url(../gfx/model-hover-back.png) no-repeat 0 0;
}


/* ---------------------------------------------------------------- 
	.model-archiv-prehled
---------------------------------------------------------------- */
ul.model-archiv-prehled {
	display: block;
	position: relative;
	list-style-type: none;
	float: left;
	width: 628px;
	background: url(../gfx/model-archiv-back.gif) repeat-y 0 0;
	margin: 0px;
	padding: 0px 4px;
}
.models-arch .top,
.models-arch .bottom { float: left; width: 628px; height: 5px; padding: 0px 0px; }
.models-arch, .top { background: url(../gfx/model-top.gif) no-repeat 0 bottom; padding: 35px 0 0; }
.models-arch, .bottom { background: url(../gfx/model-bottom.gif) no-repeat 0 0; padding: 0 0 35px 0; }

ul.model-archiv-prehled li { float: left; }
ul.model-archiv-prehled li a {
	display: block;
	position: relative;
	z-index: 10;
	width: 206px;
	height: 132px;
	border-right: 1px solid #e4e5e6;
	border-bottom: 1px solid #e4e5e6;
}
ul.model-archiv-prehled li a:hover { z-index: 100; }
ul.model-archiv-prehled li a:hover img {
	position: absolute;
	top: -38px;
	left: -38px;
	padding: 38px;
	background: url(../gfx/model-archiv-hover-back.png) no-repeat 0 0;
}


/* ---------------------------------------------------------------- 
	.fotogalery
---------------------------------------------------------------- */
.fotogalery { display: block; position: relative; width: 628px; float: left; margin-top: 30px; }
.box-img {
	display: table;
	position: relative;
	#position: relative;
	text-align: center;
	background-color: #f5f5f5;
	width: 200px;
	height: 200px;
	float: left;
	margin-right: 9px;
	margin-bottom: 9px;
}
.box-img a { #position: absolute; #top: 50%; display: table-cell; vertical-align: middle; }
.box-img img { #position: relative; #top: -50%; #left: -50%; #float: left; }


/* ----------------------------------------------------------------
	.fotogalery-singl
---------------------------------------------------------------- */
.fotogalery-singl { position: relative; width: 626px; border: 1px solid #e4e5e6; background-color: #fff; }
.fotogalery-singl img { padding: 8px; background: #fff; display: block; margin: 0 auto; }
span.close {
	position: absolute;
	z-index: 100;
	top: -20px;
	right: -20px;
	height: 40px;
	width: 40px;
	background: url(../gfx/closebox.png) no-repeat;
	cursor: pointer;
}

.fotogalery-singl a.arrow-right,
.fotogalery-singl a.arrow-left { display: block; position: absolute; bottom: 0; height: 100%; width: 50%; cursor: pointer; }
.fotogalery-singl a.arrow-left{ left: 0; }
.fotogalery-singl a.arrow-right { right: 0; }
.fotogalery-singl a span { display: block; width: 87px; height: 100%; }
.fotogalery-singl a.arrow-left span { float: left; background: url(../gfx/fancy_left.png) no-repeat 0 75%; margin-left: 30px; }
.fotogalery-singl a.arrow-right span { float: right; background: url(../gfx/fancy_right.png) no-repeat right 75%; margin-right: 30px; }


/* ---------------------------------------------------------------- 
	konfigurator
---------------------------------------------------------------- */
.hidden { display: none !important; }
.konfigurator a { outline: none; }
/* ---------------- konfigurator model -------------------- */
.konfigurator #content { width: 960px; padding: 0; }
.konfigurator h1 { padding: 1em 40px; }
.konfigurator h3 { font-size: 1.4em; font-weight: bold; }
#konf-img-big { float: left; padding: 0; position: relative; }
#konf-img-small { float: right; padding: 0; position: relative; }
.zoom, .turn {
	position: absolute;
	bottom: 10px;
	right: 20px;
	display: block;
	width: 20px;
	height: 20px;
	background: url(../gfx/konf-icons.png) no-repeat right center;
}
.zoom { right: 50px; background-position: 0 center; }

#steps {
	clear: both;
	list-style: none;
	overflow: hidden;
	padding: 0;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	background: url(../gfx/konf-steps.png) repeat-x 0 1px;
}
#steps li { float: left; }
#steps a, #steps strong, #steps span {
	display: block;
	height: 51px;
	line-height: 51px;
	padding: 0 35px 0 45px;
	font-size: 1.167em;
	background: url(../gfx/konf-steps.png) no-repeat 0 -100px;
	white-space: nowrap;
}
#steps a { text-decoration: none; }
#steps a:hover { text-decoration: underline; }
#steps .first * { background: none; }
#steps .selected { background-color: #fff; }
#steps .selected strong { font-weight: normal; background-position: 0 -300px; }
#steps .next span { background-position: 0 -200px; }
/*#steps span { color: #406cad; }*/
#steps span strong, #steps span a { display: inline; padding: 0; color: #4f565b; font-size: 1em; background: none; }
#steps span a { color: #406cad; }

#konf-content {
	float: left;
	width: 699px; /* 751px */
	padding: 20px 16px 20px 36px;
	min-height: 411px;
	background: url(../gfx/konf-content.png) no-repeat 0 0;
}

#models, #models-left, #models-right { list-style: none; padding: 0; }
#models li, #models-left li, #models-right li{ float: left; }
#models li a, #models-left li a, #models-right li a {
	position: relative;
	display: block;
	width: 141px;
	height: 131px;
	margin-left: -6px;
	background: url(../gfx/models.png) no-repeat 11px 0;
	text-decoration: none;
	text-align: center;
}
#models li a:hover, #models-left li a:hover, #models-right li a:hover { background-position: -150px 0; }
#models li a.selected, #models-left li a.selected, #models-right li a.selected { background-position: -300px 0; z-index: 50; }
#models li a strong, #models li a span, #models-left li a strong, #models-left li a span, #models-right li a strong, #models-right li a span { display: block; width: 100%; position: absolute; top: 9px; left: -3px; }
#models li a:hover strong, #models-left li a:hover strong, #models-right li a:hover strong { text-decoration: underline; }
#models li a img, #models-left li a img, #models-right li a img { position: absolute; top: 33px; left: 13px; }
#models li a span, #models-left li a span, #models-right li a span { top: 105px; font-size: 0.917em; }
.question { padding-left: 15px; background: url(../gfx/question.gif) no-repeat 0 center; font-size: 0.917em; }

#konf-panel { float: right; width: 209px; background: #a7b2bb; }
.konf-next-top { background: url(../gfx/konf-next-top.png) no-repeat 0 0; padding: 20px; }
.konf-next-top, .konf-next-bottom { padding: 20px; }
.konf-next-top a, .konf-next-bottom a {
	display: block;
	width: 139px;
	height: 28px;
	line-height: 28px;
	padding: 0 12px;
	background: url(../gfx/konf-next-button.png) no-repeat 0 0;
	color: #fff;
	font-size: 1.2em;
	text-decoration: none;
}
.konf-next-top a:hover, .konf-next-bottom a:hover { text-decoration: underline; }
.konf-next-top a.disabled, .konf-next-bottom a.disabled { background-position: 0 -100px; color: #bebebe; }
.konf-panel-text { background: url(../gfx/konf-panel.png) repeat-y 0 0; padding: 8px 20px; min-height: 355px; }
.konf-panel-text h3 { font-size: 1.2em; color: #4f565b; }
.konf-panel-text p { font-size: 1.4em; color: #fff; }
.konf-panel-text table { width: 168px; }
.konf-panel-text td, .konf-panel-text th { border: 0; padding: 0 0.6em; line-height: 32px; color: #fff; }
.konf-panel-text th { background: none; text-align: left; }
.konf-panel-text td { text-align: right; font-weight: bold; }
.konf-panel-text tr { margin-bottom: 1px; background: url(../gfx/konf-table.png) no-repeat 0 0; }
.konf-panel-text tr.basic { background-position: 0 0; }
.konf-panel-text tr.premium { background-position: 0 -32px; }
.konf-panel-text tr.total { background-position: 0 -64px; }
small.note {display: block; margin-top: 18px;}

/* ---------------- konfigurator varianta -------------------- */
#variants { list-style: none; padding: 0; }
#variants li {
	float: left;
	position: relative;
	width: 204px; /* 226px */
	height: 331px; /* 351px */
	padding: 10px 11px;
	background: url(../gfx/konf-variants.png) no-repeat 11px 0;
}
#variants li:hover { background-position: -214px 0; cursor: pointer; }
#variants li.selected { background-position: -440px 0; }
#variants li a { display: block; font-size: 14px; text-decoration: none; }
#variants li:hover a { text-decoration: underline; color: #0067ff; }
#variants li img { position: absolute; top: 36px; left: 13px; }
#variants li span {
	display: block;
	margin-top: 10px;
	color: #406cad;
	font-size: 0.917em;
}
#variants li p { font-size: 0.917em; padding: 1em 0; }
#variants ul { font-size: 0.917em; list-style-type: disc; padding: 0 0 0 1.5em; }
#variants ul li { background: none; width: auto; height: auto; padding: 0; }


/* ---------------- konfigurator motor -------------------- */
#motors { list-style: none; padding: 0; }
#motors li {
	float: left;
	position: relative;
	width: 204px; /* 226px */
	height: 361px; /* 381px */
	padding: 10px 11px;
	background: url(../gfx/konf-motors.png) no-repeat 11px 0;
}
#motors li:hover { background-position: -214px 0; cursor: pointer; }
#motors li.selected { background-position: -440px 0; }
#motors li a { display: block; font-size: 14px; text-decoration: none; }
#motors li:hover a { text-decoration: underline; color: #0067ff; }
#motors li img { position: absolute; top: 56px; left: 13px; }
#motors li span {
	/* position: absolute; top: 178px; */
	left: 11px;
	display: block;
	color: #406cad;
	font-size: 0.917em;
}
#motors li p { font-size: 0.917em; padding: 1em 0; }
#motors ul {
	/* position: absolute; top: 205px; */
	left: 11px;
	font-size: 0.917em;
	list-style-type: disc;
	padding: 0 0 0 1.5em;
}
#motors ul li { background: none; width: auto; height: auto; padding: 0; float: none; }

/* ---------------- konfigurator barva, kola -------------------- */
#colors { width: 370px; float: left; }
#colors table { width: 348px; }
#colors th, #colors td { border: 0; background: none; height: 35px; padding: 0 10px 1px; }
#colors th { color: #406cad; text-align: left; padding-left: 32px; }
#colors th img { float: left; position: relative; top: -1px; left: -11px; }
#colors a { text-decoration: none; }
#colors tr:hover a { text-decoration: underline; color: #0067ff; }
#colors tr { background: url(../gfx/konf-colors.png) no-repeat 0 0; }
#colors tr:hover { background-position: 0 -37px; cursor: pointer; }
#colors tr.selected { background-position: 0 -72px; }

#wheels { width: 320px; float: right; }
#wheels table { width: 299px; }
#wheels th, #wheels td { border: 0; background: none; height: 59px; padding: 0 10px; line-height: 55px; }
#wheels th { color: #406cad; text-align: left; padding-left: 32px; }
#wheels th img { float: left; position: relative; top: 6px; left: -11px; }
#wheels a { text-decoration: none; }
#wheels tr:hover a { text-decoration: underline; color: #0067ff; }
#wheels tr { background: url(../gfx/konf-wheels.png) no-repeat 0 0; }
#wheels tr:hover { background-position: 0 -60px; cursor: pointer; }
#wheels tr.selected { background-position: 0 -119px; }

/* ---------------- konfigurator interier -------------------- */
#interier { list-style: none; padding: 0; }
#interier li { width: 630px; /* 650px */ height: 107px; /* 127px */ padding: 10px 10px 10px 18px; }
#interier li:hover { background: url(../gfx/konf-interier.png) no-repeat 0 0; cursor: pointer; }
#interier li img { float: left; padding-right: 10px; }
#interier li a { display: block; text-decoration: none; }
#interier li a:hover { text-decoration: underline; }
#interier li:hover a { text-decoration: underline; color: #0067ff; }
#interier li p { font-size: 0.917em; }
#interier li.selected { background: url(../gfx/konf-interier.png) no-repeat 0 -133px; }

/* ---------------- konfigurator accessories -------------------- */
.tabs { list-style: none; margin: 0 0 1em; padding: 0 0 0 5px; overflow: hidden; width: 647px; border-bottom: 1px solid #929aa6; }
.tabs li { float: left; background: url(../gfx/konf-tabs-back.gif) no-repeat 0 0; margin-right: 2px; }
.tabs li a { display: block; height: 30px; line-height: 30px; padding: 0 7px; text-decoration: none; white-space: nowrap; background: url(../gfx/konf-tabs-back.gif) no-repeat right bottom;}
.tabs li a:hover { text-decoration: underline; }
.tabs li.selected { background: url(../gfx/konf-tabs.gif) no-repeat 0 0; }
.tabs li.selected a { background: url(../gfx/konf-tabs.gif) no-repeat right bottom; font-weight: bold; color: #fff; }

table.accessories { width: 651px; }
table.accessories th, table.accessories td { border: 0; background: none; height: 36px; padding: 0 10px 2px; overflow: hidden; }
table.accessories th { display: block; width: 450px; color: #406cad; text-align: left; padding-left: 22px; line-height: 34px; }
table.accessories th img { float: left; position: relative; top: 6px; left: -11px; }
table.accessories a { text-decoration: none; white-space: nowrap; }
table.accessories tr:hover a { text-decoration: underline; color: #0067ff; }
table.accessories tr { background: url(../gfx/konf-accessories.png) no-repeat 0 -74px; }
table.accessories tr:hover { background-position: 0 -37px; cursor: pointer; }
table.accessories tr.selected { background-position: 0 0px; }


/* ---------------- konfigurator summary -------------------- */
#konf-content-summary { width: 651px; /* 751px */ float: right; padding: 30px 50px; }
p.summary-thanks { font-size: 18px; color: green; }
#konf-illustrate { float: left; width: 209px; }
.summary { width: 651px; }
.summary th, .summary td { border: 0; border-bottom: 1px solid #e4e5e6; background: none; }
.summary th { color: #4f565b; text-align: left; width: 400px; }
.summary td { text-align: right; width: 100px; }
h3.total { border-top: 1px solid #e4e5e6; border-bottom: 1px solid #e4e5e6; line-height: 3em; margin-top: 20px; }

#send-set { position: absolute; top: 23px; left: 10px; width: 481px; font-size: 0.833em; background: #fff; border: 1px solid #D4D6D7; z-index: 1000;}
#send-set fieldset { margin-top: 0; }
#send-set select { width: 330px; }
#send-set label { width: 40px; padding-right: 10px; }
#send-set .text { width: 320px; padding: 4px 4px 3px; }
#send-set .submit { background: url(../gfx/submit-arrow.png) no-repeat 0 0; width: 52px; height: 24px; }
#send-set .submit:hover { background-position: 0 -100px; }
#send-set span { display: block; float: left;}


/* ----------------------------------------------------------------
	porovnavac
---------------------------------------------------------------- */
.models-left,
.models-right { display: block; position: relative; margin-top: 10px; width:286px; }
.models-left li,
.models-right li { margin-left: 8px;}
.models-left { padding:0 26px 0 0; float: left; border-right: 1px solid #dedfe0; }
.models-right { float: right; }

p.porovnat { display: block; position: relative; float: left; width:600px; margin:25px 0 0; padding: 0; }
p.porovnat a { display: block; width: 200px; margin: 0 auto; line-height: 24px; background: url(../gfx/submit.gif) repeat-x scroll 0 0; color: white; text-decoration: none; text-align: center; }
p.porovnat a:hover { text-decoration: underline; }

.porovnavac-models { display: block; position: relative; width: 286px; height: 180px; margin-top: 5px; background: url(../gfx/porovnavac-models.gif) no-repeat; }
.models-left strong,
.models-right strong { display: block; width: 100%; margin-left: 5px; font-size: 14px; font-weight: bold; color: #406cad; }
.porovnavac-models img { display: block; position: absolute; top: 8px; left: 7px; }
.models-left select,
.models-right select { width: 286px; margin: 20px 0; font-size: 1.3em; color: #7393c3; font-weight: bold; }
.models-left option,
.models-right option { padding: 0 0 0 3px;}


/* ---------------- IE define select width -------------------- */
.SelSub { cursor: pointer; }
#SelectBox { display: none; top: 0px; left: 0px; position: absolute; background-color: white; border: 1px solid #ccc; overflow: auto; height: auto; width: auto; padding: 3px; color: #7393c3; font-size: 1.3em; font-weight: bold; }


.models-left-02,
.models-right-02 { display: block; position: relative; width:230px; float: left; }
.models-left-02 { margin: 0 26px 0 142px;}

.porovnavac-models-02 { display: block; position: relative; width: 226px; height: 141px; margin-top: 5px; background: url(../gfx/porovnavac-models-02.gif) no-repeat; }
.models-left-02 strong,
.models-right-02 strong { display: block; width: 100%; margin-left: 5px; font-size: 14px; font-weight: bold; color: #406cad; }
.porovnavac-models-02 img { display: block; position: absolute; top: 3px; left: 2px; }

table.porovnavac { float:left; margin-top: 30px; }
table.porovnavac th { width: 130px; background: none; color: #406cad; font-weight: bold; border-left: 0px; text-align: left; }
table.porovnavac td { width: 230px; }

table.porovnavac tr.foot {padding-top: 30px; }
table.porovnavac th { width: 130px; background: none; color: #406cad; font-weight: bold; border-left: 0px; text-align: left; }
table.porovnavac td { width: 230px; }

ul.porovnat { display: block; position: relative; float: right; width: 480px; }
ul.porovnat li { display: block; position: relative; float: left; }

ul.porovnat li a { background: transparent url(../gfx/submit.gif) repeat-x scroll 0 0; color: white; display: block; line-height: 24px; margin: 5px 22px 0; text-align: center; text-decoration: none; width: 196px; }
ul.porovnat li a:hover { text-decoration: underline; }


/* ----------------------------------------------------------------
	.model-color
---------------------------------------------------------------- */
ul.model-color { display: block; position: relative; top: 500px; left: 0; width: 650px; padding: 0px; list-style-type: none; }

ul.model-color li { display: block; width: 24px; height: 24px; margin-right: 17px; margin-bottom: 30px; float: left; }
ul.model-color li a { display: block; position: relative; width: 24px; height: 24px; }

ul.model-color li a img.color-small { display: block; position: absolute; top: 0px; width: 24px; height: 24px; }
ul.model-color li a img.color-big { display: none; }

ul.model-color li:hover a img.color-big,
ul.model-color li.active a img.color-big { display: block; position: absolute; top: -9px; left: -9px; width: 42px; height: 42px; visibility: visible; }


ul.model-color span,
ul.model-color li:hover.active span {display: none;}
ul.model-color li:hover span { display: block; position: absolute; top: 32px; left: 2px; width: 130px; height: 20px; text-decoration: none; cursor: pointer; font-weight: bold; color: #7e8387; }

ul.model-color li p  {display: none;}
ul.model-color li.active p  { display: block; position: absolute; top:-80px; left: -10px; width: 550px; font-size: 24px; padding: 0px; text-align: left; }

ul.model-color li img#top-img  {display: none;}
ul.model-color li.active img#top-img,
ul.model-color li:hover img#top-img  { display: block; position: absolute; top:-500px; left: 30px; width: 625px; height: 354px; }
ul.model-color li:hover img#top-img  { z-index: 100; }


 /* ----------------------------------------------------------------
	.servis-prodejce
---------------------------------------------------------------- */
ul.list-text { width: 173px; /*height: 62px;*/ padding: 39px; margin-bottom: 10px; list-style: none; background-color: #c8d0d8; }
ul.list-text li{ display: block; width: 170px; height: 23px; background-color: #8594a8; border: 1px solid #6b7a84; margin-bottom: 10px; padding-top: 1px; }
ul.list-text a { display: block; width: 146px; height: 23px; padding-left: 22px; background: url(../gfx/list-text.gif) no-repeat 7px center; text-decoration: none; color: #FFFFFF; }
ul.list-text a:hover { text-decoration: underline; }


/* ---------------- .result-box -------------------- */
.result-box { position: relative; width: 212px; /*overflow: hidden;*/ margin: 20px 20px; background-color: #FFFFFF; border-left: 1px solid #dedfe0; border-right: 1px solid #dedfe0; }
.result-box .result-box-header { position: relative; width: 212px; height: 6px; top: -6px; background: transparent  url(../gfx/box-header.gif) no-repeat; }
.result-box .result-box-bottom { position: relative; width: 212px; height: 6px; bottom: -6px; background: transparent url(../gfx/box-bottom.gif) no-repeat; }
.result-box p { display: block; padding: 0px; }
.result-box p.contact a { margin: 0; padding: 0; }
.result-box a { display: block; padding: 0px; font-size: 12px; }


/* ---------------- .servis-but -------------------- */
.servis-but { display: block; position: relative; float: left; margin: 5px 10px 0 10px; width: 40px; height: 48px; text-align: center; }
.servis-but span { display: block; margin: 0 auto 7px auto; width: 23px; height: 27px; }
.servis-but span.servis1,
.search-result span.servis1 {background: url(../gfx/servis-01.gif) no-repeat;}
.servis-but span.servis2,
.search-result span.servis2 {background: url(../gfx/servis-02.gif) no-repeat;}
.servis-but span.sale1,
.search-result span.sale1 {background: url(../gfx/sale-01.gif) no-repeat;}
.servis-but span.sale2,
.search-result span.sale2 {background: url(../gfx/sale-02.gif) no-repeat;}

.servis-but span.sale-service1,
.search-result span.sale-service1,
.servis-but span.sale-service2,
.search-result span.sale-service2 {background: url(../gfx/sale-service.png) no-repeat;}

/* ---------------- .result-box .contact -------------------- */
.result-box .contact { display: block; margin-left: 60px; }
ul.contact-seller { display: block; width: 170px; margin-top: 10px; text-align: center; list-style-type: none; }
ul.contact-seller li { display: block; width: 170px; height: 24px; margin-bottom: 10px; background: url(../gfx/contact-seller-back.gif) repeat-x; }
ul.contact-seller a { display: block; width: 170px; height: 22px; color: #FFFFFF; text-decoration: none; padding-top: 2px; }
ul.contact-seller a:hover {text-decoration: underline;}


/* ---------------- .search-box -------------------- */
.search-box { display: block; width: 628px; background-color: #eff1f6; }
.search-box fieldset { padding: 20px 10px; margin: 0; }
.search-box legend { display: none; }
.search-box label { display: block; width: 80px; font-size: 12px; margin: 5px 7px 0 0; }
.search-box #search { display: block; float: left; width: 216px; height: 20px; border: 1px solid #8392a7; padding-top: 2px; margin-right: 10px; }
.search-box .button-prodejce,
.search-box .button-servisy { display: block; float: left; width: 136px; height: 24px; background: url(../gfx/contact-seller-back.gif) repeat-x 0 0; border: 0px; font-size: 12px; color: white; cursor: pointer; padding-bottom: 4px; margin-right: 5px; }
.search-box input.button-prodejce:hover,
.search-box input.button-servisy:hover { text-decoration: underline; }


/* ---------------- .maps-box -------------------- */
.maps-box { display: block; width: 612px; margin-top: 2px; overflow: hidden; background-color: #fffbc9; padding: 8px; }
.search-result { display: block; float: left; width: 366px; height: 35px; margin-bottom: 20px; background: url(../gfx/search-box.gif) no-repeat; padding: 8px 0 0 10px; }
.search-result span { display: block; position: relative; top: -3px; width: 23px; height: 27px; float: left; margin-right: 10px; }
.search-result p { display: block; width: 360px !important; float: left; font-size: 12px; font-weight: bold; margin: 5px 0 0 !important; padding: 0; }

#zoom-buttons { float: left; vertical-align: middle; line-height: 22px; padding: 2px; }
#zoom-buttons button { margin-left: 3px; margin-right: 3px; padding-left: 4px; padding-right: 4px; }

/* ---------------- ul.search-explanation -------------------- */
ul.search-explanation { display: block; float: right; width: 160px; height: 13px; background-color: #e0dcb1; margin: 0 0 10px 10px; padding: 9px; list-style-type: none; }
ul.search-explanation li { display: block; float: left; width: 61px; height: 12px; font-size: 10px; line-height: 13px; padding-left: 14px; }
ul.search-explanation li.item1 { background: url(../gfx/search-button/button-orenge.gif) 0 1px no-repeat; }
ul.search-explanation li.item2 { background: url(../gfx/search-button/button-blue.gif) 0 1px no-repeat; }
ul.search-explanation li.item3 { background: url(../gfx/search-button/button-brown.gif) 0 1px no-repeat; }
ul.search-explanation li.item4 { background: url(../gfx/search-button/button-blue2.gif) 0 1px no-repeat; }


/* ---------------- .maps-box -------------------- */
.maps-box h3,
.maps-box p { display: block; width: 560px; }
.maps-box h3 { margin: 30px auto 10px auto; }
.maps-box p { margin: 0 auto 30px auto; }
img.servis-sale { display: block; position: absolute; left: 42px; bottom: 70px; }
.google-map { display: block; position: relative; width: 612px; }


/* ---------------- google search -------------------- */
.gsc-tabsArea, .gsc-resultsHeader { display: none; }
.gsc-control { padding: 2em 0 0; font-size: 1.2em; width: 100% !important; }
.gsc-control a { color: #406cad !important; }
.gsc-control a:hover { text-decoration: none; color: #0067ff !important; }


/* ---------------- gmap_direction -------------------- */
#gmap_direction table {
	width: 560px;
	font-size: 1em;
}
#gmap_direction table td, #gmap_direction table th {
	line-height: 1.5em;
}


/* ---------------------------------------------------------------- 
	casopis Na ceste
---------------------------------------------------------------- */
.liche, .sude { display: block; float: left; width: 630px; margin-bottom: 10px; }
.sude { background-color: #F2F4F9; }
.liche { background-color: white; }
#img-box-top { margin-bottom: 20px; }


/* ---------------------------------------------------------------- 
	#bazaarList - razeni
---------------------------------------------------------------- */
#bazaarList th a { color: white; }

#bazaarList a.active-up,
#bazaarList a.active-down { padding-right: 16px; font-weight: bold; text-decoration: none; }
#bazaarList a.active-up { background: url(../gfx/sipka-top.gif)  right 3px no-repeat; }
#bazaarList a.active-down { background: url(../gfx/sipka-bottom.gif)  right 3px no-repeat; }

#bazaarList a.active-up:hover,
#bazaarList a.active-down:hover { text-decoration: underline; }


/* ---------------------------------------------------------------- 
	e-Shop
---------------------------------------------------------------- */
ul#kategorie {list-style: none; line-height: 1.6; width: 614px; height: 1.6em; padding: 0 8px; margin: -20px 0 20px 0; position: relative; background: #f2f5f7;}
ul#kategorie li {margin:0; display: inline;}
ul#kategorie li a {color: #fff; font-size: 11px; text-decoration: none; padding: 3px 10px 3px 10px; margin: 0; margin-right: 5px; background: #ef8300; }
ul#kategorie li a:hover {color: #e66419; text-decoration: underline; background: #fff !important;}

#kategorie li.husky a {background-color: #009ee0;}
#kategorie li.lifestyle a {background-color: #022882;}
#kategorie li.deti a {background-color: #d9a686;}
#kategorie li.kancelar a {background-color: #45a12b;}
#kategorie li.auto a {background-color: #4d7aa6;}

#kategorie li.husky a:hover {color: #009ee0;}
#kategorie li.lifestyle a:hover {color: #022882;}
#kategorie li.deti a:hover {color: #8d6c57;}
#kategorie li.kancelar a:hover {color: #45a12b;}
#kategorie li.auto a:hover {color: #4d7aa6;}


/* ---------------- reklamni predmety -------------------- */
div.shop{font-size:10px;width:200px;height:170px;margin:0 5px;float:left;}
div.shop form{margin:0;padding:0; }
div.shop input,div.shop label{vertical-align:middle; margin: 5px 0 0 5px;}
div.shop label { width: auto; float: none; display: inline; }
div.shop strong{color:#022882;}
div.shop img{margin-bottom:5px;border:solid 1px #ccd4e7;}
div.shop div.fll{width:160px;}
div.shop div.flr img, div.shop div.flr input{margin:0;border:none;}
div.shop div.flr input{margin-top:-12px;}
div.shop span.cleaner{display:block;position: relative;}

div.gal,div.gal1{margin:0 5px 15px 5px;float:left;}
div.gal1 span,div.shop span{color:#000;padding-left:5px;line-height:20px;}
div.gal1 span.abbr{padding:0;}
div.gal1 a.nahled{color:#002782;text-align:right;text-decoration:none;line-height:20px;  padding-right:25px;margin-top:5px;background:url('/gfx/btn_detail.gif') no-repeat right;display:block;}
div.gal1 a:hover{color:#e66419;}
*html div.gal1{margin:0 4px 15px 4px;}
div.gal1 img{padding:1px;background-color:#fff;border:1px solid #ccd4e7;}

#cena, #screensaver, #shop-basket { background-image: url("/gfx/cena.gif"); position: absolute; top: 50px; left: 500px; width: 202px; _width: 210px; height: 81px; _height: 88px; padding: 7px 0 0 8px; z-index: 2; }
#screensaver, #shop-basket {background-image: url("/gfx/screensaver.gif"); width: 307px; _width: 315px; height: 84px; _height: 88px; left: 480px; padding: 4px 0 0 8px; }
#shop-basket img {margin: 20px 10px 10px 0; }
#shop-basket span {margin-right: 5px; }



/* ---------------- e-Shop _ formulare -------------------- */
#shop-form th {text-align: left; font-weight: normal; width: 120px; }
#shop-form input, #shop-form select, #shop-form area {border: 1px solid #072d85; color: #000; }
#shop-form input {width: 170px; }
#shop-form input.s-box {width: auto; border: none; }
#shop-form input.s-box1 {width: auto; border: 1px solid #072d85; }
#shop-form select {width: 172px; }
#shop-form area {height: 100px; width: 170px; }


/* ---------------------------------------------------------------- 
	Pomocnik
---------------------------------------------------------------- */
form#pomocnik { background-color: #f1f2f2; padding: 20px 0 20px 130px; }
form#pomocnik legend { display: none; }
form#pomocnik p { margin-bottom: 10px; }
form#pomocnik label { float: none; text-align: left; color: #656b6f; margin: 0; width: auto; }
form#pomocnik select { width: 345px; font-size: 1.2em; }
form#pomocnik input.submit { float: left; margin: 20px 0 0 100px; }
form#pomocnik input.submit:hover { text-decoration: underline; }
form#pomocnik .list { margin: 0; }
form#pomocnik .list label { float: left; margin: 2px 0 0 10px; }



ul#pomocnik { list-style: none; padding: 0; }
ul#pomocnik li { float: left; position: relative; width: 285px; height: 119px; padding: 10px; background: url(../gfx/pomocnik.png) no-repeat; margin: 0 5px 10px 0; }
ul#pomocnik li:hover { cursor: pointer; }
ul#pomocnik li.selected { background-position:0 -156px; }
#pomocnik li a { display: block; font-size: 14px; text-decoration: none; margin-left:25px; }
#pomocnik li:hover a { text-decoration: underline; color: #0067ff; }
#pomocnik li img { position: absolute; top:36px; left:16px; }

#pomocnik li p { font-size: 11px; line-height: 12px; padding: 5px 0; float: right; width: 144px; }
#pomocnik li a.dd { font-size: 11px; float: right; width: 144px; text-decoration:underline; }
#pomocnik li a.dd:hover { text-decoration: none; }

/*
#pomocnik ul { position: absolute; top: 205px; left: 11px; font-size: 0.917em; list-style-type: disc; padding: 0 0 0 1.5em; }
#pomocnik ul li { background: none; width: auto; height: auto; padding: 0; float: none; }
*/

.bazaar-button { padding: 0; }
#bazaar-ask-car { position: relative; }
#bazaar-ask-car form { left: -170px; top: auto; bottom: 26px; margin: 0; color: #000; width: 490px; }
#bazaar-ask-car fieldset { padding: 20px; margin: 0; text-align: left; }
#bazaar-ask-car fieldset p { overflow: hidden; padding: 0; margin: 0 0 8px 0; } 
#bazaar-ask-car fieldset p label { float: left; width: 80px; padding: 0; margin: 0 15px 0 0; line-height: 22px; text-align: right; }
#bazaar-ask-car fieldset p input { width: 320px; margin: 0; display: block; }
#bazaar-ask-car fieldset p textarea { width: 315px; margin: 0; }
#bazaar-ask-car fieldset p input.submit { width: 100px; float: none; margin: 0 0 0 320px; background: transparent url(../gfx/submit.gif) repeat-x scroll 0 0; }
#bazaar-ask-car a.button { display: block; margin: 0; text-align: center; height: 24px; line-height: 24px; background: none; } 
#bazaar-ask-car ol.sysmessages { clear: both; }


/* ---------------------------------------------------------------- 
	JS collapser
---------------------------------------------------------------- */
.collapser { cursor: pointer; }
.cBox { width: 628px; }

#ix35-gallery p { padding: 0; margin: 0 0 2em 0; }


/* triple 5 */
table.layout-tab { width: auto; margin: 0 0 1em 0; border-collapse: collapse; }
table.layout-tab td,
table.layout-tab th { border: 0 none; padding: 0; background: #fff none; text-align: left; font-weight: normal; }

table.tri-5 th img { margin: 10px 20px 10px 0; }
table.tri-5 td { width: 100%; vertical-align: middle; }
table.tri-5 div.box { border: 1px solid #eeece1; padding: 10px; margin: 10px 0; }
table.tri-5 div.box h3 { font-size: 19px; line-height: 1.4; color: #000; font-weight: normal; padding: 0; }
table.tri-5 div.box h3 big { font-size: 29px; color: #f00; }
table.tri-5 div.box ul { padding: 0 0 0 2em; margin: 0 0 10px 0; }
table.tri-5 div.box ul li { font-size: 13px; line-height: 1.6; color: #4F565B; }

form span.note { display: block; margin: 5px 0 0 0; clear: both; }

div#roadshow-map { width: 280px; height: 165px; margin: 10px 0 20px 0; background: url('/gfx/map/cr-regions-280x165.png') no-repeat 0 0; }
div#roadshow-map img { border: 0 none; }

table.roadshow-results tbody td { text-align: left; }
table.roadshow-results tbody td em { color: #888; }

p.img-right { float: right; margin: 0 0 20px 20px; }
p.img-left { float: left; margin: 0 20px 20px 0; }

p.img-right-mk2 { float: right; margin: 20px 0 0 20px; }
p.img-left-mk2 { float: left; margin: 20px 20px 0 0; }