@charset "utf-8";

/*******************************************************************/
/*                                                           RESET */
/*******************************************************************/
body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, form, input, label, blockquote { padding: 0px; margin: 0px; }

body { font-family: Arial, Helvetica, sans-serif;	color: #FFFFFF;	font-size: 12px; line-height: 140%; background: none; }

address { font-style: normal; padding: 0px; margin: 0px; }

fieldset { border: none; padding: 0px; margin: 0px; }
/*******************************************************************/
/*                                                          GLOBAL */
/*******************************************************************/
.clear { clear: both; height: 0px; overflow: hidden; padding: 0px !important; margin: 0px !important;}
.hide { display: none; }
.red { color: #CC0000; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.small { font-size: 11px; }

img { border: none; }
a img { border: none; }

img.right { float: right; margin-left: 8px; margin-bottom: 5px; margin-top: 3px; }
img.left { float: left; margin-right: 8px; margin-bottom: 5px; margin-top: 3px; }

hr { display: none; }
.hr-line { height: 1px; overflow: hidden; background-color: #CCCCCC; }

.no-text-transform { text-transform: none !important; }
.no-decoration { text-decoration: none !important; }

/***************/
/* OVERLAPPING */
/***************/
.overlap,
.overlap * { display: block; position: relative; overflow: hidden; }
.overlap span { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-position: left top; background-repeat: no-repeat; }
a.overlap span,
.overlap a span { cursor: pointer; }

/*****************/
/* BASIC TAG DEF */
/*****************/
body { background: #FFFFFF url(/img/body-bg.png) repeat-x left top; text-align: center; font-size: 15px; line-height: 150%; color: #586472; }

h1 { font-size: 40px; font-weight: normal; letter-spacing: -1px; line-height: 42px; height: 44px; margin-bottom: 8px; }
h1 span { height: 44px; width: 100%; }
h1.sifr { height: auto; min-height: 52px; margin-bottom: 0px; }
h2 { font-size: 20px; font-weight: normal; line-height: 24px; margin-bottom: 5px; margin-top: 5px; height: 24px; }
h2.sifr { height: 29px; margin-bottom: 0px; }
h3 { font-size: 14px; font-weight: bold; }
.column2 { padding-top: 20px; }
p { line-height: 140%; padding-bottom: 1em; }
a { color: #586472; font-weight: normal; }
a:hover { text-decoration: underline; }
ul { margin-left: 1.3em; padding-bottom: 1em;}


/********/
/* FORM */
/********/
form {}
form * { color: #586472; font-size: 14px; font-family: Arial, Helvetica, sans-serif; }
.input, textarea, select { border: 1px solid #B5BDC6; padding: 3px;}


/*******************************************************************/
/*                                                          LAYOUT */
/*******************************************************************/
#page-background { background: url(/img/page-bg.jpg) no-repeat center 111px; }

#page-wrapper { width: 900px; text-align: left; position: relative; margin: 0 auto; }


#page-content { padding: 16px 21px 30px 21px; }

.layout-2-columns {}
.layout-2-columns .column1,
.layout-2-columns .column2 { width: 409px; float: left; }
.layout-2-columns .column1 { margin-right: 40px; }

/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/
#header { height: 129px; font-size: 11px; color: #8894A2; }
#logo { padding: 10px 0px 0px 23px; display: none; }
#page-homepage #logo { display: block; }
#title { padding: 0px; line-height: 100%; position: absolute; top: 20px; right: 20px; }
#title a { font-weight: normal; color: #8894A2;  }

#back-to-homepage { position: absolute; top: 10px; left: 23px; }
#back-to-homepage,
#back-to-homepage span { display: block; width: 103px; height: 73px; }
#back-to-homepage span { background-image: url(/img/logo-henkel.gif); }
#back-to-homepage a { overflow: visible; }


#form-prejit { position: absolute; right: 20px;	 top: 50px; text-align: right; }
#form-prejit * { font-size: 11px; color: #8894A2; vertical-align: middle; }
#form-prejit select { padding: 3px; width: 126px; }
#form-prejit label { font-weight: bold; }

/*******************************************************************/
/*                                                            MENU */
/*******************************************************************/
#menu { margin: 0px; padding: 0px; height: 36px; width: 900px; position: absolute; top: 93px; left: 0px; background-color: #6A7989; }
#menu li { list-style: none; float: left; padding-right: 1px; background: url(/img/menu-separator.gif) no-repeat right top; }
#menu li a { font-size: 13px; font-weight: bold; line-height: 36px; text-align: center; text-decoration: none; text-transform: uppercase; display: block; color: #D9DDE1; }
#menu li * { height: 36px; }
#menu #menu-kontakty { background: none; padding-right: 0px; }

#menu #menu-homepage * { width: 175px; }
#menu #menu-znacky-a-produkty * { width: 198px; }
#menu #menu-prodejni-mista * { width: 164px; }
#menu #menu-novinky * { width: 131px; }
#menu #menu-o-nas * { width: 98px; }
#menu #menu-kontakty * { width: 129px; }

#menu #menu-homepage span { background-image: url(/img/menu-homepage.gif); }
#menu #menu-znacky-a-produkty span { background-image: url(/img/menu-znacky-a-produkty.gif); }
#menu #menu-prodejni-mista span { background-image: url(/img/menu-prodejni-mista.gif); }
#menu #menu-novinky span { background-image: url(/img/menu-novinky.gif); }
#menu #menu-o-nas span { background-image: url(/img/menu-o-nas.gif); }
#menu #menu-kontakty span { background-image: url(/img/menu-kontakt.gif); }

/*******************************************************************/
/*                                                          FOOTER */
/*******************************************************************/
#footer { border-top: 1px solid #F0F1F3; color: #CACFD5; padding: 10px; font-size: 11px; position: relative; margin: 0px 21px;}
#footer a { color: #CACFD5; font-weight: normal; text-decoration: underline; }
#footer #giant { position: absolute; top: 8px; right: 10px; }
#footer #giant img { vertical-align: middle; }
#giant span:hover { color: #8695A2; }
#footer .no-link,
#footer .no-link:hover { color: #CACFD5 !important; text-decoration: none; cursor: default; }

/*******************************************************************/
/*                                                       RIGHT BOX */
/*******************************************************************/
.right-block { margin-top: 50px; text-align: center; width: 202px; height: 170px; background: #F5F7F9 url(/img/right-block-bg.gif) no-repeat left top; font-size: 16px;}
.right-block img { padding-top: 10px; padding-bottom: 15px; }
.right-block a { font-size: 14px; font-weight: normal; }
.right-block.small-margin { margin-top: 0px; }
.right-block.auto-height { height: auto !important; }
.right-block.normal-text * { font-size: 13px; }

.right-block-long { margin-top: 50px; width: 202px; background: #D4DADF url(/img/right-block-long-border-bg.gif) no-repeat left bottom; font-size: 16px; }
.right-block-long img { padding-top: 10px; padding-bottom: 0px; }
.right-block-long .right-block-long-border { background: #FFFFFF url(/img/right-block-long-bg.png) repeat-x left top; margin: 1px 1px 0px 1px; }
.right-block-long .hr-line { border-top: 1px dashed #D4DADF; background: none; margin: 0px 10px; }

.right-block-long .block-content { font-size: 13px; padding: 8px 5px 20px 10px; }
.right-block-long .block-content h2 { font-size: 13px; font-weight: bold; line-height: 100%; height: auto; }
.right-block-long .block-content ul { padding: 0px; margin: 0px; margin-left: 1em; }
.right-block-long .block-content ul li { list-style: square; line-height: 120%; padding-bottom: 7px; } 

/*******************************************************************/
/*                                                    PAGE CONTENT */
/*******************************************************************/
#page-content {}

#main-content { width: 655px; float: left; }
#right-column { width: 203px; float: left; }

#page-content .main-content-padding { padding: 0px 105px 0px 8px; }

/**************/
/* ARROW LIST */
/**************/
.arrow-list {}
.arrow-list li { list-style: none; padding-left: 12px; background: url(/img/arrow-list-li.png) no-repeat left 6px; }

/*****************/
/* PAGE KONTAKTY */
/*****************/
#page-kontakty {}
#page-kontakty .column1 { width: 449px; margin-right: 20px; }
#page-kontakty .column2 { width: 389px; }
.contact-list { margin: 0px; padding: 0px; }
.contact-list li { display: block; width: 195px; margin-right: 15px; border-top: 1px solid #D1D7DD; float: left; padding: 3px 0px 3px 14px; line-height: 150%; background: url(/img/contact-list-bg.gif) no-repeat 3px 11px; font-size: 13px; }
.contact-list li.odd { width: 175px; margin-right: 25px; }
.contact-list li a { font-weight: normal; }
.contact-list li.last { border-bottom: 1px solid #D1D7DD; margin-bottom: -1px; padding-bottom: 4px; }

#form-contact label { display: block; width: 80px; float: left; padding-top: 3px; }
#form-contact label.no-padding { padding-top: 0px; }
#form-contact select { width: 186px; }
#form-contact * { vertical-align: middle; }
#form-contact p { padding-bottom: 4px; clear: both; }
#form-contact .input { width: 180px; }
#form-contact textarea { width: 300px; height: 100px; overflow: hidden; }
#form-contact .button-submit { margin-left: 80px; }

/******************/
/* FAST SELECTION */
/******************/
#fast-selection { width: 259px; height: 28px; position: absolute; right: 21px; top: 148px; }
#fast-selection p,
#fast-selection p * { width: 259px; height: 28px; }
#fast-selection p { padding: 0px; }

#title-rychly-vyber { width: 129px; }
#title-rychly-vyber span { width: 129px; background-image: url(/img/title-rychly-vyber.gif); }

#fast-selection-popup { width: 130px; position: absolute; top: 0px; left: 129px; }
#title-vyberte { width: 130px; height: 28px; }
#title-vyberte span { width: 130px; height: 28px; background-image: url(/img/title-vyberte.gif); }

#fast-selection ul {  margin: 0px; padding: 0px;  display: none; width: 180px; background: #F4F6F8 url(/img/fast-selection-border-top.gif) no-repeat left top; position: absolute; top: 28px; right: 0px; }
#fast-selection li { list-style: none; padding: 0px 10px; }
#fast-selection li.first { padding-top: 6px; }
#fast-selection li.last  { padding-bottom: 8px; background: url(/img/fast-selection-border-bottom.gif) no-repeat left bottom; }
#fast-selection li a { display: block; height: 28px; font-size: 13px; font-weight: normal; text-decoration: none; padding-left: 34px; line-height: 26px; border-top: 1px solid #BDC5CC; }
#fast-selection li a span { height: 28px; width: 160px; }
#fast-selection li.first a { border-top: none; }

/* OVERLAP */
#fs-ceresit span { background-image: url(/img/fs-ceresit.png); }
#fs-ceresit-stop-vlhkosti span { background-image: url(/img/fs-ceresit-stop-vlhkosti.png); }
#fs-chemopren span { background-image: url(/img/fs-chemopren.png); }
#fs-cimces span { background-image: url(/img/fs-cimsec.png); }
#fs-loctite span { background-image: url(/img/fs-loctite.png); }
#fs-makroflex span { background-image: url(/img/fs-makroflex.png); }
#fs-mytelan span { background-image: url(/img/fs-metylan.png); }
#fs-pattex span { background-image: url(/img/fs-pattex.gif); }
#fs-ponal span { background-image: url(/img/fs-ponal.png); }
#fs-pritt span { background-image: url(/img/fs-pritt.png); }
#fs-tangit span { background-image: url(/img/fs-tangit.png); }
#fs-thomsit span { background-image: url(/img/fs-thomsit.png); }

/* DISPLAY POPUP */
#fast-selection-popup:hover ul { display: block; z-index: 10; }
#fast-selection-popup:hover #title-vyberte span { background-position: 0px -28px; }


/****************/
/* PRODUCT LIST */
/****************/
#product-list { margin: 0px; padding: 0px; padding-top: 15px;}
#product-list li { list-style: none; background: url(/img/product-list-bg-t.png) no-repeat left top; padding: 1px; float: left; margin-right: 16px; padding-bottom: 32px; }
#product-list li.bg2 { background-image: url(/img/product-list-bg-t-2.png); } 
#product-list li.end { margin-right: 0px; }
#product-list li a { display: block; width: 200px; height: 110px; text-decoration: none; text-align: center; font-weight: normal; }
#page-znacky-a-produkty #product-list li a { height: 120px; }
#product-list li a img { padding-top: 9px; }

/***************/
/* PAGE TITLES */
/***************/
#page-title-makroflex span { background-image: url(/img/page-title-makroflex.gif); }
#page-title-znacky-a-produkty span { background-image: url(/img/page-title-znacky-a-produkty.gif); }
#page-title-o-nas span { background-image: url(/img/page-title-o-nas.gif); }
#page-title-chemopren span { background-image: url(/img/page-title-chemopren.gif); }
#page-title-ponal span { background-image: url(/img/page-title-ponal.gif); }
#page-title-loctite span { background-image: url(/img/page-title-loctite.gif); }
#page-title-metylan span { background-image: url(/img/page-title-metylan.gif); }
#page-title-tangit span {background-image: url(/img/page-title-tangit.gif); }
#page-title-pritt span { background-image: url(/img/page-title-pritt.gif); }
#page-title-ceresit span { background-image: url(/img/page-title-ceresit.gif); }
#page-title-ceresit-stop-vlhkosti span { background-image: url(/img/page-title-ceresit-stop-vlhkosti.png); }
#page-title-pattex span { background-image: url(/img/page-title-pattex.gif); }
#page-title-thomsit span { background-image: url(/img/page-title-thomsit.gif); }
#page-title-cimsec span { background-image: url(/img/page-title-cimsec.gif); }
#page-title-kontakty span { background-image: url(/img/page-title-kontakty.gif); }
#page-title-aktuality span { background-image: url(/img/page-title-aktuality.gif); }
#page-title-videoprezentace span { background-image: url(/img/page-title-videoprezentace.gif); }
#page-title-stranka-nenalezena span { background-image: url(/img/page-title-stranka-nenalezena.gif); }
#page-title-pravni-ujednani span { background-image: url(/img/page-title-pravni-ujednani.gif); }
#page-title-prodejni-mista span { background-image: url(/img/page-title-prodejni-mista.gif); }

/**************/
/* PAGE O NAS */
/**************/
#page-o-nas #main-content p { font-size: 13px; line-height: 170%; }
#page-o-nas #main-content h2 span { background-image: url(/img/title-henkel-a-jeho-historie.png); height: 24px; width: 100%; }

#block-henkel { height: auto; }
#block-henkel img { padding-bottom: 10px; }
#block-henkel p { padding: 0px 10px; text-align: left; font-size: 13px; line-height: 120%; }
#block-henkel p strong { font-size: 18px; font-weight: normal; line-height: 110%; }
#block-henkel p a { font-size: 13px; text-decoration: none; }
#block-henkel p a em { font-style: normal; text-decoration: underline; }
#title-chcete-vedet-vice a,
#title-chcete-vedet-vice span { width: 180px; height: 96px; }
#title-chcete-vedet-vice span { background-image: url(/img/page-o-nas-right-block.png); }

/************/
/* HOMEPAGE */
/************/
#page-homepage h1 { font-size: 40px; line-height: 100%; height: 80px; width: 327px; z-index: 1;}
#page-homepage h1 em { font-size: 25px; font-weight: normal; display: block; line-height: 100%; padding-left: 28px; font-style: normal; }
#page-homepage h1 span { width: 327px; height: 80px; background-image: url(/img/page-title-homepage.png); z-index: 1; }
#page-homepage #hp-sbttl { position: absolute; top: 204px; left: 50px; font-size: 25px; font-weight: normal; display: block; line-height: 100%; font-style: normal; z-index: 0; font-weight: normal; letter-spacing: -1px; }
#page-homepage #page-content p { padding-bottom: 0px; }
#page-homepage p.right { font-size: 13px; }

#page-homepage #page-content { padding-right: 0px; padding-top: 0px; padding-bottom: 0px; }
#page-homepage #main-content { width: 384px; padding-top: 33px; }
#page-homepage #main-content span.more { font-size: 12px; }

#page-homepage #flash { width: 495px; height: 453px; float: left; padding-top: 30px; }
#page-homepage #flash-bg { width: 495px; height: 453px; background: url(/img/flash-bg.jpg) no-repeat left top; }


#page-homepage #flash-dum,
#page-homepage #flash-dum-bg { width: 268px; height: 200px; }
#page-homepage #flash-dum { margin: 0 auto; }
#page-homepage #flash-dum-bg { margin-left: 24px; margin-top: 52px; background: url(/img/flash-dum-bg.gif) no-repeat left top; padding-top: 1px; text-align: center; }

#page-homepage #pattex-banner { width: 160px; height: 209px; position: absolute; top: 145px; right: -40px; }
#pattex-banner { width: 160px; height: 209px; position: absolute; top: 170px; right: 200px; }

#loga-lepidel { height: 56px;  border: none; border-top: 1px solid #F0F1F3; padding: 14px 0px 0px 0px; margin: 0px; margin-right: 20px; }
#loga-lepidel li { list-style: none; float: left; padding-right: 21px; overflow: visible; }
#loga-lepidel li.first { padding-left: 5px; }
#loga-lepidel li.last { padding-right: 0px; }

#loga-lepidel li * { height: 41px; }
#loga-lepidel li a { font-size: 11px; text-align: center; line-height: 120%; }
#loga-lepidel li a span { background-image: url(/img/loga-lepidel-bg.gif); }

#ll-ceresit * { width: 40px; }
#ll-ceresit-stop-vlhkosti * { width: 56px; }
#ll-cimsec * { width: 57px; }
#ll-chemopren * { width: 49px; }
#ll-loctite * { width: 63px; }
#ll-makroflex * { width: 77px; }
#ll-metylan * { width: 49px; }
#ll-pattex * { width: 50px; }
#ll-pritt * { width: 44px; }
#ll-ponal * { width: 46px; }
#ll-tangit * { width: 46px; }
#ll-thomsit * { width: 41px; }

#ll-ceresit a span { background-position: 0px 0px; }
#ll-ceresit-stop-vlhkosti a span { background-position: -61px 0px; }
#ll-cimsec a span { background-position: -138px 0px; }
#ll-chemopren a span { background-position: -217px 0px; }
#ll-loctite a span { background-position: -288px 0px; }
#ll-makroflex a span { background-position: -372px 0px; }
#ll-metylan a span { background-position: -471px 0px;}
#ll-pattex a span { background-position: -541px 0px;}
#ll-pritt a span { background-position: -612px 0px;}
#ll-ponal a span { background-position: -677px 0px;}
#ll-tangit a span { background-position: -744px 0px;}
#ll-thomsit a span { background-position: -811px 0px;}

#ll-ceresit a:hover span { background-position: 0px -41px; }
#ll-ceresit-stop-vlhkosti a:hover span { background-position: -61px -41px; }
#ll-cimsec a:hover span { background-position: -138px -41px; }
#ll-chemopren a:hover span { background-position: -217px -41px; }
#ll-loctite a:hover span { background-position: -288px -41px; }
#ll-makroflex a:hover span { background-position: -372px -41px; }
#ll-metylan a:hover span { background-position: -471px -41px;}
#ll-pattex a:hover span { background-position: -541px -41px;}
#ll-pritt a:hover span { background-position: -612px -41px;}
#ll-ponal a:hover span { background-position: -677px -41px;}
#ll-tangit a:hover span { background-position: -744px -41px;}
#ll-thomsit a:hover span { background-position: -811px -41px;}

/* fa aktualita */
#fa { width: 188px; height: 21px; display: block; float: left; margin-top: 3px; margin-right: 10px; }
#fa span { background: url(/img/aktuality/fa-hp-upoutavka-napis.png) 0 0 no-repeat; width: 188px; height: 21px; }

/***********/
/* BUBLINA */
/***********/
#loga-lepidel li .desc { width: 150px; height: 60px; position: absolute; top: -70px; left: -50px; z-index: 20; border: 1px solid #DBDCDE; background-color: #FFFFFF; font-size: 10px; padding: 3px 5px; margin: 0px; line-height: 120%; }
#loga-lepidel li .desc.middle { height: 47px; top: -57px; }
#loga-lepidel li .desc.small { height: 33px; top: -43px; }
#loga-lepidel li h3 { font-size: 11px; font-weight: bold; padding: 2px 0px 3px 0px; margin: 0px; width: auto; height: auto; line-height: 100%; }
#loga-lepidel li p { display: inline; }

/********/
/* NEWS */
/********/
#main-content #news { padding-top: 15px; padding-bottom: 0px !important; margin-bottom: -10px; font-size: 12px;}


/*******************/
/* VIDEOPREZENTACE */
/*******************/
#page-videoprezentace #main-content { width: auto; float: none;  text-align: center; padding-top: 100px; }
#page-videoprezentace #page-content { padding-top: 0px; padding-left: 0px; padding-right: 0px; background: url(/img/video-bg.jpg) no-repeat left top; height: 487px;  }
#page-videoprezentace #video { margin: 0 auto; }

/*************/
/* AKTUALITY */
/*************/
#page-aktuality {}
#page-aktuality .main-content-padding { padding-left: 0px; }
.aktualita { position: relative; border-bottom: 1px solid #DDE2E6; margin-top: 15px; padding-bottom: 0px; width: 630px;}
.aktualita h2 { font-size: 14px; font-weight: bold; padding: 0px; margin: 0px; line-height: 100%; height: auto; padding-bottom: 8px; }
.aktualita h2 a { font-weight: bold; }
.aktualita p { }
.aktualita .img { width: 137px; float: left; }
.aktualita .img img { padding-bottom: 15px; }
.aktualita .text { width: 465px; float: left; }
.aktualita .brand { padding: 0px; margin: 0px; width: 28px; float: left; }
.aktualita .brand li { list-style: none; padding: 0px; padding-bottom: 8px; line-height: 100%;}

/******************/
/* PRODEJNI MISTA */
/******************/
#page-prodejni-mista { font-size: 13px; }
#page-prodejni-mista p { line-height: 1.4; }
#page-prodejni-mista p.intro { font-size: 14px; }
#page-prodejni-mista #box-aktualita { margin-top: -50px; }
#img-henkel-prodejna-logo { padding: 0 15px 0 0; }
#page-prodejni-mista #left-column .arrow-list { font-size: 12px; }
#page-prodejni-mista #left-column .arrow-list li { padding-bottom: 5px; }
#page-prodejni-mista #left-column .arrow-list li.active a { font-weight: bold; text-decoration: none; }

#page-wrapper.layout-1-column #main-content { float: none; width: auto; }
#page-prodejni-mista #main-content { float: right; width: 658px; }
#page-prodejni-mista #left-column { width: 200px; float: left; padding-top: 10px; }

/* aktualita box */
#box-aktualita { float: right; width: 180px; padding-left: 40px; margin-top: -20px; }
#box-aktualita p { font-weight: bold; text-align: right; line-height: 1.1; padding-right: 5px; }
#box-aktualita strong { color: #e20027; }
#box-aktualita p span { font-weight: normal; }

/* prodejci - boxy home/profi */
#dealers-box { list-style: none; margin: 0; padding: 10px 40px 30px; overflow: auto; height: 100%; }
#dealers-box li { float: left; width: 284px; height: 150px; margin: 0 30px; padding: 22px 20px 18px; background: url(/img/prodejci-box-bg.png) 0 0 no-repeat; position: relative; }
#dealers-box h2 { width: 280px; height: 32px; margin: 0 0 15px; }
#dealers-box h2 a { display: block; height: 100%; width: 100%; }
#dealers-box .profi h2 { height: 64px; }
#dealers-box .home h2 span { background-image: url(/img/prodejci-bt-prodejny.jpg); }
#dealers-box .profi h2 span { background-image: url(/img/prodejci-bt-prodejny-profi.jpg); }
#dealers-box .home img { float: right; margin-top: -10px; }
#dealers-box .profi h2 { margin-bottom: 0; }
#dealers-box .profi img { float: right; margin-top: -30px; position: relative; z-index: 2; }

#dealer-switch { list-style: none; margin: 0; padding: 0; clear: both; /*width: 858px;*/ height: 65px; background: url(/img/prodejci-switch-bg.png) right bottom no-repeat; }
body.view-index #dealer-switch { padding-top: 10px; }
#dealer-switch li { float: left; display: inline-block; height: 35px; margin-right: 7px; background: url(/img/prodejci-switch-li-bg.png) 0 0 no-repeat; }
#dealer-switch li a { display: inline-block; height: 35px; font-weight: bold; text-decoration: none; font-size: 12px; padding-left: 8px; }
#dealer-switch li span { padding: 0 12px 0 0; display: inline-block; height: 35px; line-height: 35px; background: url(/img/prodejci-switch-li-bg.png) right top no-repeat; position: relative; right: -5px; }
#dealer-switch li.active { background-position: 0 -35px; }
#dealer-switch li.active span { background-position: right -35px; }
#dealer-switch li.home a { background: url(/img/prodejci-switch-ico-home.png) right 10px no-repeat; padding: 0 24px 0 8px; }
#dealer-switch li.profi a { background: url(/img/prodejci-switch-ico-profi.png) right 10px no-repeat; padding: 0 24px 0 8px; }

#dealer-search { background-color: #fdfdfd; padding: 1px 0; }
#dealer-search h2 { margin: 0 0 auto 0 !important; }
#nearby-search { float: left; width: 380px; padding-left: 30px; }
#nearby-search h2 { padding: 10px 0 10px 55px; background: url(/img/prodejci-search-ico.png) 0 0 no-repeat; }

#nearby-search form * { font-size: 12px; }
#nearby-search input,
#nearby-search select { vertical-align: middle; }
#nearby-search label { vertical-align: middle; display: inline-block; width: 80px; text-align: right; font-size: 12px; margin-right: 2px; }
#nearby-search p.submit { margin: 10px 0 0 85px; }

#category-selection { float: right; width: 430px; }
#category-selection h2 { padding: 10px 0; }

/* MAIN PAGE */
#category-selection {}

#title-vyberte-vas-kraj { margin-top: 18px; }
#title-vyberte-vas-kraj span { background-image: url(/img/title-vyberte-vas-kraj.png); height: 24px; width: 185px; }
#category-selection .arrow-list { font-size: 14px; }
#category-selection .arrow-list li { width: 190px;  float: left; padding-bottom: 16px; }
#category-selection .arrow-list li.even { }

#title-vyber-dle-sortimentu span { background-image: url(/img/title-vyber-dle-sortimentu.png); height: 24px; width: 300px; }
#brand-selection { clear: both; padding-left: 30px; /* width: 500px; position: relative; top: -80px; */}
#brand-selection .icon-list { font-size: 12px; padding: 10px 0px 0px 0; margin: 0px; }
#brand-selection .icon-list li { list-style: none; padding: 0px 18px 0 0px; margin: 0px; display: inline; line-height: 30px; }
#brand-selection .icon-list li.last { padding-right: 0px; }
#brand-selection .icon-list a { padding: 0px 0px 0px 21px; background-position: left center; background-repeat: no-repeat; }
#brand-selection .icon-list .pattex a { background-image: url(/img/ico-pattex.gif); }
#brand-selection .icon-list .makroflex a { background-image: url(/img/ico-makroflex.gif); }
#brand-selection .icon-list .chemopren a { background-image: url(/img/ico-chemopren.gif); }
#brand-selection .icon-list .ceresit-stop-vlhkosti a { background-image: url(/img/ico-ceresit-stop-vlhkosti.gif); }
#brand-selection .icon-list .loctite a { background-image: url(/img/ico-loctite.gif); }
#brand-selection .icon-list .tangit a { background-image: url(/img/ico-tangit.gif); }
#brand-selection .icon-list .metylan a { background-image: url(/img/ico-metylan.gif); }
#brand-selection .icon-list .ponal a { background-image: url(/img/ico-ponal.gif); }

/* LEFT COLUMN */
#left-column { padding-top: 20px; font-size: 14px; }
#left-column h2 { font-size: 20px; height: 25px; line-height: 25px; }
#title-henkel-prodejny span { height: 25px; width: 100%; background-image: url(/img/title-henkel-prodejny.png); }
#left-column .arrow-list { font-size: 14px; margin: 0px; padding: 17px 0px 0px 0px; }
#left-column .arrow-list li { padding-bottom: 9px; }

/* MAIN CONTENT */
#page-prodejni-mista #main-content { padding-top: 9px; }
#page-prodejni-mista #main-content h2.sifr { margin-left: 10px; margin-bottom: -3px; height: 24px; }

#page-prodejni-mista #main-content .column1 { margin-right: 20px; width: 288px; float: left; padding: 5px 0px 0px 0px; line-height: 22px; }
#page-prodejni-mista #main-content .column2 { width: 350px; float: left; padding: 5px 0px 0px 0px; line-height: 22px; }
#page-prodejni-mista #main-content h3 { padding-bottom: 3px; padding-top: 5px; }
#page-prodejni-mista #main-content address { margin-bottom: 10px; }

table { border-spacing: 0px; border-collapse: collapse; width: 100%; margin-top: 10px; margin-bottom: 20px; }
table tbody td { border-bottom: 1px solid #F0F1F3; }
/*table tbody tr:first-child td { border-top: 1px solid #C0C7CF; }*/
table tbody tr:nth-child(1) td { border-bottom-color: #D2D8DE; }
table tbody tr:nth-child(2) td { border-bottom-color: #E3E6EB; }
table tbody tr:nth-child(3) td { border-bottom-color: #EDEFF1; }
table.standard tbody td { border-color: #F0F1F3 !important; }
table thead th { font-size: 12px; font-weight: normal; text-align: left; padding: 0px 6px 3px 11px; }
table tbody td { font-size: 14px; padding: 10px 6px 9px 11px; vertical-align: top; }
table tbody td img { padding-top: 1px; }
table tbody td strong { display: block; padding-bottom: 5px; }

/* TIME TABLE */
table.time { width: auto; border: none; margin: 0px 0px 10px 0px; }
table.time td { padding: 0px 5px 0px 0px; border: none !important; }

/* PICTURES */
#page-prodejni-mista .pic { width: 170px; overflow: hidden; float: left; margin-right: 10px; padding-bottom: 5px; }
#page-prodejni-mista .pic.even { margin-right: 0px; }
#page-prodejni-mista .pic a { padding-left: 17px; background: url(/img/zoom.png) no-repeat left 4px; display: block; font-size: 11px; }
#page-prodejni-mista .pic a.thumbnail { padding: 0px; background: none; }
#page-prodejni-mista .pic a img { padding-bottom: 1px; }

/* mapa */
#map-wrapper { width: 449px; float: left; /*height: 270px;*/ padding-top: 9px; /*padding-left: 100px;*/ }
#mapa-cr-wrapper { width: 392px; height: 243px; background: url(/img/mapa-cr-large-sprite.png) no-repeat left top; position: relative; z-index: 0; }
#mapa-cr-wrapper .bubble { display: block; color: #FFFFFF !important; height: 30px; background: #6C7B8B; position: absolute; top: 40px; left: 0px; line-height: 30px; z-index: 0; padding: 0px; }
#mapa-cr-wrapper .bubble span { color: #FFFFFF; font-weight: bold; font-size: 12px; padding: 0px 10px; white-space: nowrap; float: left; }
#mapa-cr-wrapper img { position: relative; z-index: 10; }


.box-link-wrapper { line-height: 31px; float: right; padding-top: 0px; font-size: 11px; padding-left: 10px; }
.box-link-wrapper a,
.box-link-wrapper span { border: 1px solid #B5C2C9; padding: 2px 4px; }
.box-link-wrapper span { font-weight: bold; }
.box-link-wrapper a:hover { border-color: #CC0000; }
#paging.box-link-wrapper { float: none; }

/* TABS */
.tabs { height: 36px; margin: 0px 0px 0px -11px; padding: 0px; }
.tabs li { height: 36px; float: left; list-style: none; padding: 0px 0px 0px 6px; margin: 0px 3px 0px 0px; font-weight: bold; color: #586472; line-height: 39px; background: url(/img/tabs-bg.png) no-repeat 0px 0px; }
.tabs li.clickable * { cursor: pointer; }
.tabs li span { display: block; height: 36px; padding: 0px; margin: 0px; background: url(/img/tabs-bg.png) no-repeat right -72px; padding: 0px 6px 0px 0px; }
.tabs li span span { background-position: 0px -36px; background-repeat: repeat-x; padding: 0px; }
.tabs li a { color: #586472; text-decoration: none; font-weight: bold; font-size: 12px; padding: 0px 9px; background-position: right bottom; background-repeat: no-repeat; display: block; height: 36px; }

.tabs li.retail a { background-image: url(/img/tabs-home.png); padding-right: 30px; }
.tabs li.profi a { background-image: url(/img/tabs-prof.png); padding-right: 38px; }
.tabs li.all a { background-image: url(/img/tabs-all.png); padding-right: 38px; }

.tabs li.active { background-position: 0px -108px; }
.tabs li.active span { background-position: right -180px; }
.tabs li.active span span { background-position: 0px -144px; } 

.tab-panel { background: url(/img/tab-panel-bg.png) no-repeat left top; padding: 6px 0px 0px 0px; margin-right: -33px; margin-left: -11px; width: 691px; }
.tab-panel.first { background-image: url(/img/tab-panel-first-bg.png); }
.tab-panel .content { background: #FFFFFF url(/img/tab-panel-content-bg.png) repeat-x left top; padding: 7px 12px 0px 11px; width: 668px; margin: 0px; min-height: 300px; }
.tab-panel table { border-color: #F0F1F3; padding-bottom: 10px; }
.tab-panel table td,
.tab-panel table td:nth-child(n) { border-color: #F0F1F3;  }

#category-selection .tabs { margin: 0px; }
#category-selection .tab-panel { background-image: url(/img/category-selection-tab-panel-top-bg.png);  margin: 0px; padding: 14px 0px 0px 0px; width: auto; }
#category-selection .tab-panel.first { background-image: url(/img/category-selection-tab-panel-top-bg.png); background-position: left -14px; }
#category-selection .tab-panel .content { background-image: url(/img/category-selection-tab-panel-bg.png); background-position: left -14px; width: auto; }


/**************/
/* GOOGLE MAP */
/**************/
.google-map { position: relative; margin-bottom: 50px; }
.google-map-canvas { height: 300px; overflow: hidden; }
.google-map-toggle { display: block; position: absolute; bottom: -37px; right: 0px; padding: 0px 0px 5px 0px; background: url(/img/bubble2.png) no-repeat right bottom; }
.google-map-toggle span { display: block; height: 26px; line-height: 26px; font-weight: normal; color: #FFFFFF; padding: 0px 5px 0px 5px; background: #677686 url(/img/ico-zoom-in-white.png) no-repeat 10px 9px; cursor: pointer; font-size: 11px; text-transform: uppercase; }

.google-map.big .google-map-canvas { height: 450px; }
.google-map.big .google-map-toggle span { background-image: url(/img/ico-zoom-white.png); }


.dealers { margin: 10px 0 15px; width: 100%; }
.view-list .dealers,
.view-search .dealers { margin: -10px 10px 15px; width: 638px; }
.dealers td { border-bottom: 1px solid #eee; padding: 8px 5px 6px 5px; vertical-align: top; }
.dealers strong { display: inline; padding: 0px; }
.dealers .distance { font-size: 11px; font-weight: bold; }
.dealers .shop { font-size: 12px; line-height: 18px; width: 300px; }
.dealers .shop strong { display: block; }
.dealers .shop strong a { font-weight: bold; }
.dealers .opening-hours { font-size: 11px; white-space: nowrap; text-align: right; width: 150px; }
.dealers .opening-hours ul { padding: 2px 0px 5px 0px; margin: 0px; white-space: nowrap; line-height: 18px; }
.dealers .opening-hours li { display: inline; background: none; list-style: none; padding: 0px; margin: 0px; font-size: 10px; text-transform: uppercase; color: #7F7F7F; background: url(/img/bullet-grey.png) no-repeat bottom center; padding: 0px 2px 12px 2px; }
.dealers .opening-hours li.open { background-image: url(/img/bullet-green.png); }
.dealers .opening-hours li.close { background-image: url(/img/bullet-red.png); }

table.search-results td { padding-top: 24px; }
table.search-results td.shop { padding-top: 6px; }

#form-search-dealer * { font-size: 12px; }
#block-search-dealer { padding-bottom: 20px; }
#form-search-dealer-city { width: 165px; padding: 5px; }
#form-search-dealer input,
#form-search-dealer select { margin-bottom: 3px; }
#block-search-dealer h2 { margin-bottom: 10px; display: block; height: auto; font-size: 14px; font-weight: bold; line-height: 1.4; }
#block-search-dealer p { padding-bottom: 5px; }
#block-search-dealer label { display: block; }
#block-search-dealer select { width: 180px; }
#block-search-dealer #form-search-dealer-area { width: auto; }
#form-search-dealer .button-submit { vertical-align: middle; margin: 10px 0 0; }

#block-brands { padding-bottom: 10px; }
#block-brands ul { padding-top: 8px !important; }
#block-regions ul { padding-top: 8px !important; }

h2.search-results-title { font-size: 16px; font-weight: normal; margin-bottom: 15px; }
h2.search-results-title em { font-style: normal; font-weight: bold; }


/* MAP BUBBLE */
div.map-bubble-name { font-size: 14px; font-weight: bold; }
div.map-bubble-address { font-size: 12px; }
div.map-bubble-more { font-size: 11px; font-weight: bold; }