html {margin: 0; padding: 0;}
body { text-align: center; margin: 0; padding: 0; font-family: arial; background-color: #e0e3e5;}
a {color: #cd2c3e;}
a:hover {color: #8C000E;}
p {font-size: 0.8em; line-height: 1.7em;}
ul {padding-left: 1em;}
ul li {list-style: none; background: url(../images/bullet-2.png) 0 5px transparent no-repeat; padding-left: 15px;}
ul li ul li {color: #666666; background: none; list-style: disc; padding-left: 0;}
h3 {margin-bottom: 0.4em;}
hr {display: none;}
img {border: none;}
/*
img, #lead-box UL LI A, #map, .map-point, .logo {
_behavior: expression(
this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1],
this.style.background = "none",
this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='fixed')");
}
*/
#page {width: 100%px; margin: 0; padding: 0; }
.indent-middle {margin: 0 auto; text-align: left; width: 960px; position: relative;}
.hidden {display: none !important;}
.cleaner {clear: both;}
.cb {clear: both;}
.fleft {float: left;}
.fright {float: right;}
/* COLUMNS */
.half {width: 50%;}
.third {width: 320px;}
.col1, .col2, .col3 {float: left;}
/* HEADER */
#header {background: url(../images/header-stripe.jpg) repeat-x; height: 180px;}
#header.high {height: 528px;}
/* MAINMENU */
.logo-main {width:90px; height:103px; overflow:hidden; float:left; font-size:150%; margin: 0 0 0 0px; background:transparent url(../images/logo-hesti.gif) no-repeat top left; cursor: hand; cursor: pointer;}
#mainmenu {width: 960px; height: 46px; margin-left: 0px; margin-top: 0px;}
#mainmenu ul {margin: 0; padding: 0px 0 0 115px;}
#mainmenu ul li {list-style: none; height: 35px; float: left; margin-right: 10px; background: none; padding: 0; position: relative; }
#mainmenu ul li a {text-decoration: none; color: #fff; text-transform: uppercase; font-weight: bold; font-size: 0.7em; cursor: hand; cursor: pointer;}
#mainmenu ul li a .middle{display: block; padding-top: 10px; background: none; height: 25px; float: left; padding: 10px 5px 0 5px;}
#mainmenu ul li a .left, #mainmenu ul li a .right{display: block; background: none; height: 35px; width: 5px; float: left;}
#mainmenu ul li a.active .middle{display: block; background: url(../images/menu-item.png) -10px 0 no-repeat; height: 25px; float: left;}
#mainmenu ul li a.active .left{display: block; background: url(../images/menu-item.png) 0 0 no-repeat; height: 35px; width: 5px; float: left;}
#mainmenu ul li a.active .right{display: block; background: url(../images/menu-item.png) -5px 0 no-repeat; height: 35px; width: 5px; float: left;}
#mainmenu ul li.home {margin-right: 0px;}
#mainmenu ul li.home img {border: none;}
#mainmenu ul li a:hover .middle{background: url(../images/menu-item.png) -10px -35px no-repeat;}
#mainmenu ul li a:hover .left{background: url(../images/menu-item.png) 0 -35px no-repeat;}
#mainmenu ul li a:hover .right{background: url(../images/menu-item.png) -5px -35px no-repeat;}
/* MAINMENU - 2nd LEVEL */
#mainmenu ul li ul {background: #1F2022; position: absolute; top: 34px; z-index: 3000; padding: 0px; margin: 0; width: 172px; display: none;}
#mainmenu ul li ul li {padding: 0; margin: 0; font-size: 0.85em;}
#mainmenu ul li ul li a {display: block; font-size: 0.7em; padding: 9px 11px 12px 11px; margin: 0; border-top: 1px solid #666666; width: 150px; height: 13px; outline-style: none;}
#mainmenu ul li ul li.first a {border-top: 1px solid #1F2022;}
#mainmenu ul li ul li a:hover {border-top: 1px solid #FF0000; background-color: #A00000;}
/* LANGMENU */
a#langmenu {display: block; width: 125px; height: 35px; margin: 0; background: url(../images/language_box.png) 0 0 no-repeat; float: right; padding: 0px; color: #1f2021;}
a:hover#langmenu {background: url(../images/language_box.png) 0 -35px no-repeat; }
a:hover#langmenu p {color: #fff;}
a#langmenu p {color: #7f7f7f; text-decoration: none; font-size: 0.7em; padding: 0 0 0 22px; margin: 7px 9px 9px 9px;}
a#langmenu p#lang-en { background: url(../images/lang-en.gif) 0 center no-repeat;}
a#langmenu p#lang-cs { background: url(../images/lang-cs.gif) 0 center no-repeat;}
/* SECONDARY LOGOS */
#mainmenu .logo-secondary {position: absolute; right: 5px; top: 9px; }
.logo-secondary.right {position: absolute; width: 263px; height: 38px; right: 5px; top: 125px;}
.logo-secondary.left {position: absolute; width: 263px; height: 38px; left: 0px; top: 116px;}
.logo-secondary.homepage {position: absolute; top: 95px; right: 0; width: 263px; height: 38px;}
.logo-secondary#spkvauto {background: url(../images/logo-subheader-spkvauto.jpg) 0 0 no-repeat; }
.logo-secondary.left#spkvauto {background: url(../images/logo-subheader-spkvauto-darker.jpg) 0 0 no-repeat; }
.logo-secondary.homepage#spkvauto {background: url(../images/logo-subheader-spkvauto-darkest.jpg) 0 0 no-repeat; }
#header .logo-secondary#gts {background: url(../images/logo-subheader-gts.jpg) 0 0 no-repeat; }
#header .logo-secondary.left#gts {background: url(../images/logo-subheader-gts-darker.jpg) 0 0 no-repeat; }
#header .logo-secondary.homepage#gts {background: url(../images/logo-subheader-gts-darkest.jpg) 0 0 no-repeat; }
.logo-secondary#z-invest {background: url(../images/logo-subheader-z-invest.jpg) 0 0 no-repeat; }
.logo-secondary.left#z-invest {background: url(../images/logo-subheader-z-invest-darker.jpg) 0 0 no-repeat; }
.logo-secondary.homepage#z-invest {background: url(../images/logo-subheader-z-invest-darkest.jpg) 0 0 no-repeat; }
.logo-secondary#ptn-vestra {background: url(../images/logo-subheader-ptn-vestra.jpg) 0 0 no-repeat; }
.logo-secondary.left#ptn-vestra {background: url(../images/logo-subheader-ptn-vestra-darker.jpg) 0 0 no-repeat; }
.logo-secondary.homepage#ptn-vestra {background: url(../images/logo-subheader-ptn-vestra-darkest.jpg) 0 0 no-repeat; }
.logo-secondary#merxia {background: url(../images/logo-subheader-merxia.jpg) 0 0 no-repeat; }
.logo-secondary.left#merxia {background: url(../images/logo-subheader-merxia-darker.jpg) 0 0 no-repeat; }
.logo-secondary.homepage#merxia {background: url(../images/logo-subheader-merxia-darkest.jpg) 0 0 no-repeat; }
.logo-secondary#ntc {background: url(../images/logo-subheader-ntc.jpg) 0 0 no-repeat; }
.logo-secondary.left#ntc {background: url(../images/logo-subheader-ntc-darker.jpg) 0 0 no-repeat; }
.logo-secondary.homepage#ntc {background: url(../images/logo-subheader-ntc-darkest.jpg) 0 0 no-repeat; }
.logo-secondary#linatra {background: url(../images/logo-subheader-linatra.jpg) 0 0 no-repeat; }
.logo-secondary.left#linatra {background: url(../images/logo-subheader-linatra-darker.jpg) 0 0 no-repeat; }
.logo-secondary.homepage#linatra {background: url(../images/logo-subheader-linatra-darkest.jpg) 0 0 no-repeat; }
.logo-secondary#tanap {background: url(../images/logo-subheader-tanap.jpg) 0 0 no-repeat; }
.logo-secondary.left#tanap {background: url(../images/logo-subheader-tanap-darker.jpg) 0 0 no-repeat; }
.logo-secondary.homepage#tanap {background: url(../images/logo-subheader-tanap-darkest.jpg) 0 0 no-repeat; }
.logo-secondary#t-protech {background: url(../images/logo-subheader-t-protech.jpg) 0 0 no-repeat; }
.logo-secondary.left#t-protech {background: url(../images/logo-subheader-t-protech-darker.jpg) 0 0 no-repeat; }
.logo-secondary.homepage#t-protech {background: url(../images/logo-subheader-t-protech-darkest.jpg) 0 0 no-repeat; }
.logo-secondary#jantra {background: url(../images/logo-subheader-jantra.jpg) 0 0 no-repeat; }
.logo-secondary.left#jantra {background: url(../images/logo-subheader-jantra-darker.jpg) 0 0 no-repeat; }
.logo-secondary.homepage#jantra {background: url(../images/logo-subheader-jantra-darkest.jpg) 0 0 no-repeat; }
.logo-secondary#stn-esox {background: url(../images/logo-subheader-stn-esox.jpg) 0 0 no-repeat; }
.logo-secondary.left#stn-esox {background: url(../images/logo-subheader-stn-esox-darker.jpg) 0 0 no-repeat; }
.logo-secondary.homepage#stn-esox {background: url(../images/logo-subheader-stn-esox-darkest.jpg) 0 0 no-repeat; }
/* HOTLINE */
#hotline {display: block; position: absolute; right: 0; top: 59px;}
.helpline {font-weight: bold; /*color: #CC0000;*/}
/* NAVIGATION */
#header .indent-middle {position: relative;}
#header #navigation {float: left; position: absolute; left: 112px; top: 84px;}
#navigation li {float: left; list-style: none; color: #cd2c3e; margin-right: 10px; padding-left: 15px; background: url(../images/navigation-arrow.gif) 0 6px no-repeat; font-size: 0.75em; font-weight: bold;}
#navigation li a:hover {color: #FF0000;}
#navigation ul {padding: 4px 0 0 20px; margin: 0;}
#navigation li.first {background: none; padding: 0;}
#header #navigation li {color: #444444;}
#header #navigation li a {color: #444444;}
#header #navigation li a:hover {color: #000000;}
#header #navigation li {background: url(../images/navigation-arrow-2.gif) 0 6px no-repeat;}
#header #navigation li.first {background: none; padding: 0;}
/* LEAD-BOX */
#lead-box {background: url(../images/lead-box.jpg) bottom left no-repeat; height: 307px; color: #FFFFFF; margin-top: 115px; padding: 0px 20px 0 20px; position: relative;}
#lead-box .col2, #lead-box .col1 {padding-top: 50px;}
#lead-box .col2 .half {width: 460px;}
#lead-box h2 {color: #EF4035; font-size: 2em; margin: 24px 0 0 0; padding: 0;}
#lead-box h2 a {text-decoration: none; outline-style: none;}
#lead-box h2 a:hover {color: #EF4035; }
#lead-box h3 a {text-decoration: none; color: #FFFFFF; outline-style: none;}
#lead-box h3 a:hover {color: #EF4035; }
#lead-box h3 {color: #FFFFFF; font-size: 1.8em; margin: 5px 0 0 0; padding: 0 0 17px 0; background: url(../images/horizontal-line-dark.gif) bottom left repeat-x;}
#lead-box h3.top-right-corner {position: absolute; right: 20px; top: 63px; background: none;}
#lead-box h2.top-right-corner {position: absolute; right: 20px; top: 0px; background: none; margin: 0;}
#lead-box.map h3.high-right-corner {position: absolute; right: 20px; top: 113px; background: none;}
#lead-box.map h2 {color: #EF4035; font-size: 3em; margin: 58px 0 0 0; padding: 0;}
#lead-box.map {background: url(../images/lead-box-map.jpg) bottom left no-repeat;}
#lead-box p {margin: 17px 0; font-size: 0.9em;}
#lead-box ul {margin: 0; padding: 10px 0 0 0;}
#lead-box ul li {list-style: none; height: 27px; /*margin-bottom: 5px;*/ font-size: 1.2em; background: none; padding: 0;}
#lead-box ul li a {padding-left: 30px; text-decoration: none; color: #fff; background: url(../images/arrow-leadbox-menu-small.png) top left no-repeat; height: 25px; outline-style: none;}
#lead-box ul li a:hover {color: #ff0000; background: url(../images/arrow-leadbox-menu-small.png) 0 -40px no-repeat; /*font-weight: bold;*/}
#lead-box ul.horizontal {background: url(../images/lead-box-button.gif) top left repeat-x; height: 37px; padding: 5px 0 0 0; position: absolute; bottom: 20px; width: 435px;}
#lead-box ul.horizontal li {float: left;}
#lead-box ul.horizontal li a {padding-left: 15px; margin-left: 20px; text-decoration: none; color: #fff; background: url(../images/bullet-arrow.gif) 0 6px no-repeat; font-size: 0.75em; text-transform: uppercase; outline-style: none;}
#lead-box ul.horizontal li a:hover {color: #FF0000;}
#header.high #lead-box {width: 920px; height: 307px; margin-top: 59px;}
#content p.claim2 {margin-top: 48px; margin-left: 18px; font-size: 21px;}
/* LEAD-BOX - CYCLING SLIDES */
#lead-box.trailers .col1 {padding-top: 0;}
/*#lead-box.trailers.lower .col1 {position: absolute; top: -13px; margin-top: -13px;}*/
/*#lead-box.trailers {width: 920px; height: 307px; margin-top: 65px;}*/
#lead-box.trailers #slides {height: 320px; position: relative; top: 0px; background-color: transparent;}
#lead-box.trailers .container { margin-top: 10px;}
#lead-box.trailers #slides.trailers {height: 320px; position: relative; }
#lead-box.trailers #slides .slide {width: 960px !important; height: 307px !important; background-color: transparent;}
#lead-box #slides .col2.half {width: 440px;}
#lead-box.trailers #nextBtn, #lead-box.trailers #prevBtn {display: block; width: 36px; height: 36px; text-indent: -10000px; outline-style: none;}
#lead-box.trailers #prevBtn {background: url(../images/arrow-left.png) 0 -36px no-repeat; position: absolute; top: 160px; left: -16px;}
#lead-box.trailers #nextBtn {background: url(../images/arrow-right.png) 0 -36px no-repeat; position: absolute; top: 160px; right: -16px;}
#lead-box.trailers #nextBtn:hover, #lead-box.trailers #prevBtn:hover {background-position: 0 0;}
/* LEAD-BOX - PRODUCT TYPES */
.product-types {background: none; margin-top: 135px;}
.product-types .box-product {width: 167px; height: 253px; background: url(../images/box-product-type-01.png) 0 0 no-repeat; padding: 6px 8px 8px 8px; float: left; margin-right: 12px; position: relative; z-index: 50;}
.product-types .box-product.first {margin-left: -3px;}
.product-types .box-product.last {margin-right: 0px;}
.product-types .box-product p {color: #bfbfbf; margin: 0 5px; font-size: 0.8em; position: absolute; top: 156px;}
.product-types .box-product h3 {margin: 0;}
.product-types .box-product h3 a {color: #424242; text-decoration: none; font-size: 0.85em; padding: 0 5px;}
.box-product p.product-title a {color: #424242; text-decoration: none; font-size: 0.9em; padding: 0;}
.box-product p.product-title {position: absolute; top: 101px;}
.product-types .box-product:hover p {color: #eeeeee;}
.product-types .box-product:hover p.product-title a {color: #000000;}
.illustration-image {position: absolute; right: 0; top: 190px;}
.illustration-image#menci-illustration {top: 240px;}
.illustration-image#omeps-illustration {top: 240px;}
.illustration-image#d-tec-illustration {top: 240px;}
.illustration-image#nooteboom-illustration {top: 250px;}
.illustration-image#stas-illustration {top: 238px;}
.illustration-image#benalu-illustration {top: 247px;}
/* MAP */
#map.large {width: 539px; height: 307px; background: url(../images/map.png) no-repeat transparent; float: right; margin: 24px 0 0 0; position: relative;}
#map.small {width: 455px; height: 264px; background: url(../images/map-small-gray.png) no-repeat transparent; float: right; margin: 20px 0 20px 0; position: relative;}
#map.smallest {width: 251px; height: 146px; background: url(../images/map-smallest-gray.png) no-repeat transparent; margin: 20px 0 20px 0; position: relative; display: block;}
.map-point {display: block; width: 24px; height: 24px; background: url(../images/point.png) 0 0 no-repeat transparent; cursor: pointer; cursor: hand; position: absolute; z-index: 1000;}
.map-popup {display: block; background: url(../images/map-label-point-large.gif) 1px 1px no-repeat #fff; border-top: 1px solid #e6e6e6; box-shadow: 0 1px 3px #888; font-size: 0.8em; height: 32px; position: absolute; padding-left: 18px; z-index: 1001; color: #000; cursor: pointer; cursor: hand; margin: 3px 0 0 3px;}
.popupcontent {float: right; padding-top: 1px; padding-right: 10px;}
#lead-box .popupcontent p {color: #666666; margin: 0; margin-top: -2px;}
#lead-box .popupcontent td {color: #666666;}
.map-popup p, .map-popup h4 {padding: 0; margin: 0; color: #000;}
a.map-popup {text-decoration: none;}
.map-popup h4 {font-size: 0.9em;}
.label-point {display: block; height: 24px; float: left;}
.map-popup.left {padding-left: 0px; padding-right: 18px; background-position: right 1px;}
.left .popupcontent {float: left; padding-right: 0px; padding-left: 10px; }
.map-popup-v2 {display: block; background: url(../../templates/images/map-label-point-large.gif) 1px 1px no-repeat #fff; border-top: 1px solid #e6e6e6; box-shadow: 0 1px 3px #888; font-size: 0.8em; height: 32px; position: absolute; padding-left: 18px; z-index: 1001; color: #000; cursor: pointer; cursor: hand; margin: 3px 0 0 3px;}
.map-popup-v2 p, .map-popup-v2 h4 {padding: 0; margin: 0; color: #000;}
a.map-popup-v2 {text-decoration: none;}
.map-popup-v2 h4 {font-size: 0.9em;}
/*.map-popup-v2 p {font-style: italic;}*/
.map-popup-v2.left {padding-left: 0px; padding-right: 18px; background-position: right 1px;}
.left .popupcontent {float: left; padding-right: 0px; padding-left: 10px; }
#map.smallest .map-point {width: 12px; height: 12px; background: url(../images/point-smallest.png) top left no-repeat transparent;}
#map.smallest .map-popup {background: url(../images/map-label-point-small.gif) 0 2px no-repeat #fff; padding-left: 11px;}
#map.smallest .map-popup.left {background: url(../images/map-label-point-small.gif) right 2px no-repeat #fff; margin-left: -40px; width: 70px; padding-right: 20px; padding-left: 0;}
#map.small .map-popup.left {margin-left: -11px;}
#map.smallest .label-point {display: block; height: 41px; float: left;}
#map.smallest .map-popup {margin: -2px 0 0 -2px;}
#map .left .label-point {float: right;}
/* address-popup normal size */
.address-popup {z-index: 1100; position: absolute; top: 17px; left: 40px;}
.address-popup .header {background: url(../images/popup-header.png) top left no-repeat transparent; width: 339px; height: 20px; position: relative;}
.address-popup .content {background: url(../images/popup-content-stripe.png) top left repeat-y transparent; width: 339px; padding: 0 20px;}
.address-popup .content td {padding: 5px 3px; background: none; color: #444444;}
.address-popup .content .tabo2 {padding-right: 35px;}
.address-popup .footer {background: url(../images/popup-footer.png) top left no-repeat transparent; width: 339px; height: 25px;}
.address-popup p, .address-popup h4 {margin: 0;}
.address-popup .close-button {width: 25px; height: 25px; background: url(../images/popup-close-button.png) top left no-repeat transparent; position: absolute; right: 0; top: -2px; cursor: hand; cursor: pointer; display: block;}
/* address-popup small size */
#map.smallest .address-popup {top: 4px; left: 8px;}
#map.smallest .address-popup td {font-size: 0.7em;}
#map.smallest .address-popup .header {background: url(../images/popup-small-header.png) top left no-repeat transparent; width: 243px; height: 15px;}
#map.smallest .address-popup .content {background: url(../images/popup-small-content-stripe.png) top left repeat-y transparent; width: 243px;}
#map.smallest .address-popup .footer {background: url(../images/popup-small-footer.png) top left no-repeat transparent; width: 243px; height: 20px;}
.map-point, .map-popup, .address-popup {display: none;}
h1 {color: #cd2c3e; margin: 70px 0 0 18px; position: absolute; left: 270px;}
#header.high h1 {color: #cd2c3e; margin: 70px 0 0 18px; position: absolute; left: 0px; top: 53px;}
#header.low h1 {margin-top: 10px;}
h1 .subtitle {color: #000000; }
h1.align-left {left: 0px; top: 53px;}
/* CONTENT */
#content {background: #e7eaeb url(../images/content_border-top.png) top left repeat-x; margin: 0; padding-top: 12px; padding-bottom: 30px; height: 100%;}
.bookmark {background: url(../images/bookmark-stripe.png) 0 0 repeat-x; width: 232px; height: 25px; padding: 10px 10px 0 18px; margin: 0 0 0 18px;}
.bookmark h2 {font-weight: normal; margin: 0; padding: 0; text-transform: uppercase; font-size: 1.1em; color: #1d3343; text-shadow: 0 1px 0 #fff;}
.bookmark a {text-decoration: none; color: #1d3343;}
.bookmark.icon-page {background: #d9dee0 url(../images/icon-page.png) 230px bottom no-repeat;}
.bookmark.icon-servis {background: #d9dee0 url(../images/icon-servis.png) 230px bottom no-repeat;}
/* logo-list - homepage */
ul.logo-list {margin: 20px 0 0 0; padding: 0 0 140px 0;}
ul.logo-list li {list-style: none; float: left; background: url(../images/logo_list-item-large.png) top left no-repeat; width: 172px; height: 103px; margin: 10px; padding: 0;}
ul.logo-list li .logo {width: 143px; height: 85px; background-position: 0 0; background-repeat: no-repeat; margin: 10px 14px; background: url(../images/loga-home.jpg);}
ul.logo-list li .logo.label {text-align: center; background: none;}
ul.logo-list li .logo.label p {font-size: 1.4em; padding-top: 30px; font-weight: bold;}
ul.logo-list li a .logo.label p {color: #555555;}
ul.logo-list li a {text-decoration: none;}
#man {background-position: -1001px 0;}
#d-tec {background-position: -286px 0;}
#gts {background-position: -143px 0;}
#benalu {background-position: -1287px 0;}
#vw {background-position: 0px 0;}
#krone {background-position: -1144px 0;}
#menci {background-position: -715px 0;}
#nooteboom {background-position: -572px 0;}
#omeps {background-position: -858px 0;}
#stas {background-position: -429px 0;}
ul.logo-list li a:hover #man {background-position: -1001px -85px;}
ul.logo-list li a:hover #d-tec {background-position: -286px -85px;}
ul.logo-list li a:hover #gts {background-position: -143px -85px;}
ul.logo-list li a:hover #benalu {background-position: -1287px -85px;}
ul.logo-list li a:hover #vw {background-position: 0px -85px;}
ul.logo-list li a:hover #krone {background-position: -1144px -85px;}
ul.logo-list li a:hover #menci {background-position: -715px -85px;}
ul.logo-list li a:hover #nooteboom {background-position: -572px -85px;}
ul.logo-list li a:hover #omeps {background-position: -858px -85px;}
ul.logo-list li a:hover #stas {background-position: -429px -85px;}
/* logo-list - navesy */
#header ul.logo-list {margin-top: 0px; margin: 0 auto;}
#header ul.logo-list li {background: none; width: 133px; height: 90px; margin: 0;}
#header ul.logo-list li img {margin: 10px;}
#header ul.logo-list li .logo {margin-top: 0; margin-bottom: 0; cursor: pointer; cursor: hand;}
#header ul.logo-list li .logo .hover {width: 114px; height: 68px; background-repeat: no-repeat; position: absolute; margin: 10px;}
#header #man {background: none; margin-top: 22px;}
#header #d-tec {background: none; margin-top: 23px;}
#header #gts {background: none;}
#header #benalu {background: none; margin-top: 22px;}
#header #vw {background: none; margin-top: 22px;}
#header #krone {background: none; margin-top: 22px;}
#header #menci {background: none; margin-top: 25px;}
#header #nooteboom {background: none; margin-top: 22px;}
#header #omeps {background: none; margin-top: 30px;}
#header #stas {background: none; margin-top: 8px;}
#header #peugeot {background: none;}
#header #ghhrand {background: none; margin-top: 25px;}
#header #edbro {background: none; margin-top: 25px;}
#header #man .hover {background: url(../images/logo-man-small.png) no-repeat;}
#header #d-tec .hover {background: url(../images/logo-d-tec-small.png) no-repeat;}
#header #gts .hover {background: url(../images/logo-gts-small.png) no-repeat;}
#header #benalu .hover {background: url(../images/logo-benalu-small.png) no-repeat;}
#header #vw .hover {background: url(../images/logo-vw-small.png) no-repeat;}
#header #krone .hover {background: url(../images/logo-krone-small.png) no-repeat;}
#header #menci .hover {background: url(../images/logo-menci-small.png) no-repeat;}
#header #nooteboom .hover {background: url(../images/logo-nooteboom-small.png) no-repeat;}
#header #omeps .hover {background: url(../images/logo-omeps-small.png) no-repeat;}
#header #stas .hover {background: url(../images/logo-stas-small.png) no-repeat;}
#header #peugeot .hover {background: url(../images/logo-peugeot-small.png) no-repeat;}
#header #ghhrand .hover {background: url(../images/logo-ghhrand-small.png) no-repeat;}
#header #edbro .hover {background: url(../images/logo-edbro-small.png) no-repeat;}
/* FOOTER */
#footer {background-color: #e0e3e5; border-top: 1px solid #d2d4d5; height: 71px; color: #888; padding-top: 25px; text-shadow: 0 1px 0 #f2f2f2;}
#footer img {float: left; margin: 13px 15px 0 18px;}
#footer ul {float: right; margin: 14px 0 0 0; padding: 0;}
#footer ul li {list-style: none; float: left; font-size: 0.8em; background: none; padding: 0;}
#footer a {color: #888;}
#footer a:hover {color: #666;}
/* NEWS */
.news {margin: 0 0 0 18px; width: 412px; background: url(../images/horizontal-line-bright.gif) bottom left repeat-x transparent;}
.news.last {background: none;}
.news h4 {padding: 0; margin: 12px 0; font-size: 0.9em; line-height: 1.5em;}
.news .image {width: 212px; float: left; margin: 25px 15px 0 0;}
.news .image .photo-border {width: 212px; height: 147px; padding: 4px; background: url(../images/photo-204x139-border.png) top left no-repeat;}
.news .date {width: 58px; height: 63px; background: url(../images/date-background.png) top left no-repeat; text-align: center; float: left; margin: 25px 15px 0 0;}
.news .date .day {font-size: 2em; padding: 5px 0 0 0; margin: 0; line-height: 1em;}
.news .date .month {font-size: 0.6em; padding: 3px 0 0 0; margin: 0;}
.news .news-content {float: left; width: 180px; margin-top: 10px; font-size: 0.8em;}
.news .news-content p {font-size: 1em;}
.news .more {padding-top: 10px; border-top: 1px dashed #d2d4d5; height: 33px; outline-style: none;}
.more {padding-left: 15px; background: url(../images/bullet-arrow.gif) 0 19px no-repeat; font-weight: bold; height: 30px; display: block; width: 165px; font-size: 1em;}
.more:hover {background-position: 0 -6px;}
/* SIDE PANEL - LEFT */
.panel .bookmark {height: 25px; padding: 10px 0px 0 18px; position: absolute; left: -37px; top: -35px;}
.panel {background: url(../images/bookmark-stripe.png) top left repeat-x;}
.panel-left .indent-middle {background: url(../images/panel-stripe.gif) 269px 0 repeat-y;}
.panel-right .indent-middle {background: url(../images/panel-stripe.gif) 673px 0px repeat-y;}
.panel-left .panel {float: left;}
.panel-right .panel {float: right;}
.panel-left .panel .indent {padding: 0px 0 0 0px; width: 270px; position: relative;}
.panel-right .panel .indent {padding: 0px 0 0 18px; width: 268px;}
.main-content {width: 650px; padding-left: 0px; float: left;}
.panel-left .main-content .indent {/*background: url(../images/panel-stripe.gif) top left repeat-y;*/ width: 655px; padding: 0px 0 0 18px; margin-top: 15px;}
/* SIDE PANEL - RIGHT */
.panel-right .main-content .indent {/*background: url(../images/panel-stripe.gif) top right repeat-y;*/ width: 641px; padding: 0px 15px 0 18px; margin-top: 35px;}
.panel-right .bookmark {height: 25px; padding: 10px 0px 0 10px; position: relative; margin: 35px 0 0 27px; background: none;}
/* PANEL MENU */
.panel .menu {margin: 35px 0 30px 0; padding: 0;}
#content .panel .menu li {margin: 0; padding: 0; list-style: none; background: none; }
.panel .menu li a {display: block; width: 220px; height: 23px; text-decoration: none; padding: 17px 10px 10px 20px; background: #d1d5d6 url(../images/panel-menu-item.gif) top left repeat-x; margin-bottom: 1px; color: #555555; font-weight: bold; font-size: 0.8em;}
.panel .menu li a:hover {color: #cd2c3e; background: #cdcdcd url(../images/panel-menu-item.gif) -500px 0 repeat-x;}
.panel .menu li a .bullet {padding-left: 20px; background: url(../images/bullet-menu-normal.gif) 0 center no-repeat;}
.panel .menu li.active a {background: #515354 url(../images/panel-menu-item.gif) -250px 0 repeat-x; color: #ffffff;}
.panel .menu li.active a .bullet {background: url(../images/bullet-menu-active.gif) 0 center no-repeat;}
.panel .menu li.active a:hover {color: #cd2c3e; background-color: #494949;}
/* second level */
.panel .menu ul {margin: 0; padding: 0;}
.panel .menu li.active ul li .bullet{margin-left: 15px; background: url(../images/bullet-menu-normal.gif) 0 center no-repeat;}
.panel .menu li.active ul li a{color: #d2d5d6;}
.panel .menu li.active ul li.active .bullet{margin-left: 15px; background: url(../images/bullet-menu-active.gif) 0 center no-repeat;}
.panel .menu li.active ul li.active a {color: #ffffff;}
.panel .menu li.active ul li a:hover {background-color: #494949; color: #cd2c3e;}
.panel-right .panel .menu {margin-top: -39px;}
.panel-right .panel .menu li a { width: 238px; background: #d1d5d6 url(../images/panel-menu-item-268.gif) top left repeat-x;}
.panel-right .panel .menu li a:hover {color: #cd2c3e; background: #cdcdcd url(../images/panel-menu-item-268.gif) -536px 0 repeat-x;}
.panel-right .panel .menu li.active a {background: #515354 url(../images/panel-menu-item-268.gif) -268px 0 repeat-x; color: #ffffff;}
.panel-right .panel .menu li.active a:hover {color: #cd2c3e; background-color: #494949; }
/*
.panel .menu li.active a {margin-bottom: 0; padding-bottom: 0;}
.panel .menu ul {margin: 0; padding: 10px 0; width: 250px; background-color: #515354;}
.panel .menu li.active ul li {height: 22px;}
.panel .menu li.active ul li .bullet{margin-left: 30px; background: none;}
.panel .menu li.active ul li a {background: none; margin: 0; padding: 0;}
.panel .menu li.active a:hover {color: #cd2c3e; background-color: #515354;}
*/
/* NEWS-LIST */
.panel .news-list {padding: 0; margin-top: -30px; margin-bottom: 30px;}
.panel .news-list li {padding-left: 0; margin: 0; background: none;}
/* NEWS-LIST */
.main-content .news-list .news {margin: 0; width: 100%; background: none;}
.main-content .news-list .news .news-content {width: 410px;}
.main-content .news-list .news .news-content .more {width: 400px;}
.subtitle {font-size: 1.1em;}
/* LEADIMAGE */
.leadimage {margin-left: -17px; margin-top: 0px;}
/* GALLERY */
.photo-border {padding: 4px 5px 4px 5px; background: url(../images/photo-190x142-border.png) center left no-repeat; float: left; width: 190px; height: 129px; margin: 0 20px 20px 0;}
.panel-left .photo-border {margin: 0 27px 27px 0;}
.photo-border.last-in-row {margin-right: 0;}
.margin-right {margin-right: 15px; margin-bottom: 10px;}
.gallery.guidepost p {font-weight: bold; margin: 0; color: #444444; text-decoration: none;}
.gallery.guidepost .photo-border {background: url(../images/photo-190x142-border-caption.png) center left no-repeat; height: 180px; margin: 0 18px 20px 0;}
.gallery.guidepost .photo-border:hover {background-image: url(../images/photo-190x142-border-caption-hover.png);}
.gallery.guidepost .photo-border:hover p {color: #000000;}
.photo-border.182x126.margin-left { height: 129px; background: url(../images/photo-182x126-border.png); }
.photo-border.margin-left {margin: 0 0 0 18px; width: 182px;}
.gallery.guidepost .photo-border a {text-decoration: none;}
.photo-border-230x198 {padding: 4px 5px 4px 4px; height: 198px; width: 230px; background: transparent url(../images/photo-230x198-border.png) no-repeat;}
.photo-border-230x139 {padding: 4px 5px 4px 4px; height: 139px; width: 230px; background: transparent url(../images/photo-230x139-border.png) no-repeat;}
.photo-border-230x198.fright {float: right; margin: 0 0 15px 15px;}
.photo-border.fright {float: right; margin: 0 0 15px 15px;}
/* QUOTE */
.quote {padding: 10px; background: #d2d5d6 url(../images/quote-box-header.gif) top left repeat-x; color: #555555; clear: both;}
.quote p {padding: 0; margin: 0 0 0 0.5em;}
/* TABS */
#content ul.tabs {margin: 20px 0 0 10px; }
#content .tabs li {list-style: none; float: left; background: none; padding: 0; margin: 0; }
#content .tabs li a {text-decoration: none; background: url(../images/tab-stripe-inactive.png) 0 0 repeat-x; height: 25px; padding: 10px 10px 0 10px; margin: 0 10px 1px 0; font-size: 1.1em; color: #1d3343; border-bottom: 1px solid #cfcfcf; outline-style: none;}
#content .tabs li.last a {margin-right: 0;}
#content .tabs {clear: both; padding: 0; margin: 0;}
#content .tab-content {border-width: 0 0px 1px 0px; border-color: #cfcfcf; border-style: solid; padding: 2px 15px 10px 15px; background-color: #DEE1E2;}
.tab-content ul {padding: 0;}
.tab-content table {margin-top: 10px;}
.tab-content .gallery {margin-top: 15px;}
.tab-content .photo-border {margin-right: 5px;}
.tab-content .photo-border.last-in-row {margin-right: 0;}
.ui-tabs-hide {display: none;}
#content .tabs a:hover {}
#content .tabs a.selected, .tabs a.active {border-bottom: 1px solid #DEE1E2; background: url(../images/tab-stripe.png) 0 0 repeat-x;}
.tab-content table p {font-size: 1em; margin: 0;}
/* TABLE */
table {border-color: #d7d9da; width: 100%; border-style: solid; border-width: 1px;}
td, th {border-color: #d7d9da; margin: 0; padding: 0; border-collapse: collapse; border-width: 1px; border-color: #d7d9da; border-style: solid; padding: 12px; font-size: 0.8em;}
table thead tr th, table tfoot tr td {background: #BEC0C1 url(../images/table-thead.png) top left repeat-x; }
table tbody tr td {background: #F1F1F1 url(../images/table-td.png) top left repeat-x;}
table.invisible-table {border-collapse: collapse; border: none;}
table.invisible-table td, table.invisible-table th {background: none; padding: 7px 0; border: none;}
table td.tech-spec {width: 30%;}
table td.tech-spec-value {text-align: right; width: 20%;}
table td.tech-spec-unit {text-align: left; width: 50%; padding-left: 0.25em; color: #777777;}
table td.tech-spec-value span {color: #777777;}
table td.tech-spec-value.align-middle {text-align: center;}
table thead td.tech-spec, table thead td.tech-spec-value {color: #777777;}
/* BUTTON */
a.button.enquiry {float: right; display: block; height: 25px; width: 120px; text-align: center; padding: 8px 5px 2px 5px; background: #b02d2d url(../images/button-1-stripe.png) 0 0 repeat-x; border: 1px solid #7e2f2f; color: #ffffff; font-weight: bold; text-decoration: none; font-size: 0.8em; margin-left: 10px;}
a.button.enquiry:hover {background-color: #780101; background-position: 0 -35px; border: 1px solid #320101;}
/* BUTTON GRAY */
.button.gray {float: right; display: block; height: 25px; width: 120px; text-align: center; padding: 8px 5px 2px 5px; background: #8ea5b2 url(../images/button-2-stripe.png) 0 0 repeat-x; border: 1px solid #8ea5b2; color: #ffffff; font-weight: bold; text-decoration: none; font-size: 0.8em; margin-left: 10px;}
/*.button.gray:hover {background-color: #4c6472; background-position: 0 -35px; border: 1px solid #040506;}*/
/* FLASH INTRO */
#hesti_intro_v03 {width: 960px; height: 446px; position: absolute; top: 82px; left: 0px; z-index: 5000;}
/* DEALS */
.deal .photo-border {width: 284px; height: 160px; padding: 4px; float: none; background: url(../images/photo-284x160-border.png) top left no-repeat; margin: 0px 0px 0px 0px;}
.deal .bookmark {width: 156px;}
.deal p {padding-left: 15px; background: url(../images/bullet.gif) left center no-repeat; margin-top: 0;}
.deal .indent {padding: 18px 18px 0 18px; background: url(../images/panel-stripe.gif) right top repeat-y;}
.col3.third.deal .indent {background: none;}
/* CARS-OFFER */
.cars-offer p.caption {font-weight: bold; margin: 0; color: #444444; text-decoration: none;}
.cars-offer a {text-decoration: none;}
.cars-offer .photo-border {background: url(../images/photo-190x249-border-caption.png) center left no-repeat; height: 240px; margin: 0 18px 20px 0;}
.cars-offer .photo-border:hover {background-image: url(../images/photo-190x249-border-caption-hover.png);}
.cars-offer .photo-border:hover p {color: #000000; }
.cars-offer table td {color: #666666; padding: 4px 2px; text-decoration: none;}
.cars-offer table td.value {text-align: right;}
/* ARTICLE */
.main-content .article ul li {font-size: 0.8em; margin-bottom: 0.5em;}
.article-date {float: right; color: #666666;}
/* box-bookmarks */
.box-bookmarks {width: 200px; float: right; padding: 8px; background: #d2d5d6 url(../images/quote-box-header.gif) top left repeat-x; color: #555555; margin: 0px 0 0 15px;}
.box-bookmarks .title {font-weight: bold; font-size: 0.9em; padding: 0 0 0 13px; margin-bottom: 0;}
.box-bookmarks ul {margin-top: 0;}
.box-bookmarks.top-margin {margin-top: 33px;}
.official-website {padding: 8px 15px 10px 15px; background: #d2d5d6 url(../images/quote-box-header.gif) top left repeat-x; display: block; width: 160px}
.goto-begin {padding-left: 10px; background: transparent url(../images/arrow-top.gif) 0 5px no-repeat;}
.new-window {padding-right: 14px; background: transparent url(../images/icon-new-window.gif) 100% 2px no-repeat;}
.new-window:hover {background-position: 100% -27px;}
#hotline {display: block; height: 26px; width: 163px; background: #930505 url(../images/hotline.png) 0 0 no-repeat; color: #FFFFFF; font-weight: bold; padding: 0 0 0 40px; margin-top: 23px;}
#hotline span {font-weight: normal;}
.content_lc, .content_rc {float:left;}
.content_lc {height: 130px; text-align: center;}
.content_lc img {margin: auto;}
.content_rc {padding-left: 15px;}
.content_rc h4 {margin: 0;}
/* SITEMAP */
.SiteMap li {font-size: 0.95em; margin-top: 0.5em;}
/* TEAM */
.contact-person-long {background: #FFFFFF url(../images/contact-630x95.png) 0 0 no-repeat; width: 628px; height: 86px; padding: 4px 5px 4px 4px; margin-bottom: 15px;}
.contact-person {background: #FFFFFF url(../images/contact-307x95.png) 0 0 no-repeat; width: 302px; height: 86px; padding: 4px 5px 4px 4px; float: left; margin-bottom: 15px; margin-right: 15px; position: relative;}
.contact-person-long p {margin: 0;}
.contact-person p {margin: 0;}
.contact-person-long img {float: left; margin-right: 15px;}
.contact-person img, .contact-person-large img {float: left; margin-right: 10px;}
.contact-person img.logo, .contact-person-large img.logo {position: absolute; top: 5px; right: 0px;}
.contact-person p, .contact-person-large p { font-size: 0.75em; margin: 0; margin-left: 84px;}
.contact-person .phone span, .contact-person-large .phone span {color: #666666;}
.contact-person .name, .contact-person-large .name {font-size: 0.9em; margin-top: -2px;}
.contact-person .description , .contact-person-large .description{color: #666666;}
.contact-person.even, .contact-person-large .even {margin-right: 0px;}
.contact-person-large {background: #FFFFFF; width: 302px; padding: 0px; margin-bottom: 15px;}
.contact-header {background: #FFFFFF url(../images/contact-307x95-header.png) 0 0 no-repeat; width: 311px; height: 3px; margin: 0; position: relative;}
.contact-footer {background: #FFFFFF url(../images/contact-307x95-footer.png) 0 0 no-repeat; width: 311px; height: 4px; margin: 0; position: relative;}
.contact-content {background: #FFFFFF url(../images/contact-307x95-stripe.png) 0 0 repeat-y; width: 301px; margin: 0; position: relative; padding: 1px 5px 4px 4px;}
/* FORMS */
form {padding: 10px; background-color: #d2d5d6;}
form p {width: 188px; float: left; margin-right: 15px;}
form.order-form p input {width: 194px;}
form p.address {width: 188px;}
form p.textarea {width: 640px;}
form p.antispam {width: 640px;}
form p.textarea textarea {width: 560px;}
form p img.antispam {margin: 0 1em 0 .2em;}
fieldset {margin-bottom: 20px; border: none; padding: 0;}
form fieldset img {margin-bottom: -24px;}
/* PRINT */
a.print-link {padding-left: 20px; background: transparent url(../images/icon-print.gif) 0 0 no-repeat;}
a.print-link:hover {background-position: 0 -32px;}
/* DOWNLOAD */
a.download {padding-left: 10px; background: transparent url(../images/icon-download.gif) 0 6px no-repeat;}
a.download:hover {background-position: 0 -15px;}
/* ESHOP */
form.eshop-list {background-color: transparent;}
form.eshop-list .order-button {float: right; margin-top: 10px;}
.eshop-list table td {font-size: 0.7em;}
.eshop-list table td.price, .eshop-list table th.price {text-align: right;}
.eshop-list table input.pieces {width: 1.5em; text-align: right;}
/*.eshop-list table td.name {font-weight: bold; color: #666666;}*/
table.order-list td, table.order-list thead th {font-size: 0.7em;}
table.order-list td.price, table.order-list th.price {text-align: right;}
/* LOGISTIKA */
table.contact td.info {text-align: right; padding-right: 10px; width: 6em; color: #888888;}
table.contact {text-align: left;}
table.contact .name {font-size: 1em; color: #888888;}
table.contact .name strong {color: #000000;}
/* CUFON */
.cufon-active h1 {
font-size: 2em;
}
.cufon-active #mainmenu li {font-size: 1.2em;}
.cufon-active #mainmenu li ul li {font-size: 0.85em;}
.cufon-active #content .subtitle {font-size: 1.3em;}
.cufon-active #header h1 .subtitle.smaller {font-size: 1em;}
/* SPIRIT CMS ADMIN TOOLBAR */
#xadm_editIFrameDiv {height: 0;}
#xadm_mainMenu ul li {float: left; background: none;}
#xadm_mainMenu #hMenuTop {height: 25px;}
/*
.xadm_buttonImg {top: 250px; left: 500px; position: absolute; width: 30px; height: 30px; background-color: pink;}
.main-content .indent > div:first-child {position: relative; background-image: none; background-image: url("http://man.hesti.cz/admin/templates/images/focused-area-bg.gif");}
*/
/*----------------------------------------------------------------------------------
GURAN 14.09.2011
----------------------------------------------------------------------------------*/
#mainmenu ul { margin: 0; padding: 22px 60px 0 0; float: right; }
#mainmenu ul.index { padding: 22px 0px 0 0; }
#mainmenu { height: 108px !important; }
#header.high #lead-box { margin-top: 19px !important; }
.product-types { margin-top: 85px; }
/*----------------------------------------------------------------------------------
GURAN 14.09.2011
----------------------------------------------------------------------------------*/
#map1.largest {
left: 30px;
height: 383px;
position: relative;
top: -10px;
width: 662px;
}
#map1.largest #map-large-v02 {
top: 0;
left: 0;
}
#map1.largest .map-popup,
#map1.largest .map-point,
#map1.largest .address-popup { display: block !important; }
#map1.largest .text-city {
position: absolute;
}
#map1.largest .text-city p {
color: #b40012;
font-size: .85em;
margin: 0;
text-transform: uppercase;
text-shadow: 1px 1px 0 #fff;
FILTER: DropShadow(Color=#ffffff, OffX=1, OffY=1);
}
#map1.largest .map-popup .popupcontent h4 {
font-style: normal;
}
#map1.largest .text-city.praha { left: 225px; top: 144px; }
#map1.largest .text-city.plzen { left: 74px; top: 159px; }
#map1.largest .text-city.pobezovice { left: 92px; top: 189px; }
#map1.largest .text-city.hradec-kralove { left: 319px; top: 120px; }
#map1.largest .text-city.tabor { left: 258px; top: 227px; }
#map1.largest .text-city.ceske-budejovice { left: 177px; top: 286px; }
#map1.largest .text-city.velka-bites { left: 423px; top: 245px; }
#map1.largest .text-city.znojmo { left: 412px; top: 302px; }
#map1.largest .text-city.ostrava { left: 504px; top: 148px; }
#map1.largest .text-city.jicin { left: 335px; top: 77px; }
#map1.largest .text-city.liberec { left: 295px; top: 30px; }
#map1.largest .text-city.usti-nad-labem { left: 89px; top: 38px; }
#map1.largest .text-city.chomutov { left: 188px; top: 58px; }
#map1.largest .map-popup {
background: none;
border: none;
box-shadow: 0 0 0 #888;
height: auto;
margin: 0;
padding: 0;
width: auto;
}
#map1.largest .map-popup h4 {
font-size: 1.3em;
font-style: italic;
}
#map1.largest #point-z-invest { left: 208px; top: 124px; }
#map1.largest #point-z-invest-box { left: 176px; top: 106px; }
#map1.largest #point-hestigroup { left: 196px; top: 147px; }
#map1.largest #point-hestigroup-box { left: 179px; top: 165px; }
#map1.largest #point-hestigroup-box h4 { font-size: 2.2em; }
#map1.largest #point-spkvauto { left: 112px; top: 157px; }
#map1.largest #point-spkvauto-box { left: 45px; top: 135px; }
#map1.largest #point-gts { left: 64px; top: 188px; }
#map1.largest #point-gts-box { left: 50px; top: 210px; }
#map1.largest #point-tanap { left: 353px; top: 100px; }
#map1.largest #point-tanap-box { left: 287px; top: 102px; }
#map1.largest #point-stn-esox { left: 231px; top: 225px; }
#map1.largest #point-stn-esox-box { left: 195px; top: 247px; }
#map1.largest #point-merxia { left: 218px; top: 302px; }
#map1.largest #point-merxia-box { left: 193px; top: 324px; }
#map1.largest #point-ntc-bites { left: 397px; top: 244px; }
#map1.largest #point-ntc-bites-box { left: 386px; top: 272px; }
#map1.largest #point-ntc { left: 386px; top: 300px; }
#map1.largest #point-ntc-box { left: 386px; top: 300px; }
#map1.largest #point-ptn-vestra { left: 562px; top: 146px; }
#map1.largest #point-ptn-vestra-box { left: 487px; top: 167px; }
#map1.largest #point-linatra { left: 308px; top: 74px; }
#map1.largest #point-linatra-box { left: 276px; top: 53px; }
#map1.largest #point-LiberecLinara { left: 268px; top: 28px; }
#map1.largest #point-LiberecLinara-box { left: 276px; top: 53px; }
#map1.largest #point-t-protech { left: 194px; top: 36px; }
#map1.largest #point-t-protech-box { left: 136px; top: 18px; }
#map1.largest #point-jantra { left: 161px; top: 56px; }
#map1.largest #point-jantra-box { left: 136px; top: 77px; }
#map1.largest .map-point {
background: url("../../templates/images/point-1.png") no-repeat scroll 0 0 transparent;
cursor: pointer;
display: block;
height: 28px;
position: absolute;
width: 29px;
z-index: 1000;
}