@charset "utf-8";

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

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

/*******************************************************************/
/*                                                          GLOBAL */
/*******************************************************************/
.clear { clear: both; height: 0px; overflow: hidden;}
.hide { display: none; }
.red { color: #CC0000; }
.green { color: #009900; }
.black { color: #111 !important; }
.black a { color: #111 !important; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.small { font-size: 11px; }
.grey { color: #CCCCCC; }
.bold { font-weight: bold !important; }
.bold a { font-weight: bold !important; }

img { border: none; }
a img { border: none; }
a { color: #000000; text-decoration: underline; font-weight: bold;}
a:hover { color: #333; text-decoration: 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; }

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

/*******************************************************************/
/*                                                           TABLE */
/*******************************************************************/
.table { border-collapse: collapse; margin: 0 0 15px 5px; }
.table th { padding: 5px 5px; line-height: 100%; background-color: #d8d8d8; }
.table td { border-bottom: 1px solid #d8d8d8; line-height: 150%; padding: 5px; }
.table td a { font-weight: normal; }
.wide { width: 98%; }
.top td { vertical-align: top !important; }
.bottom td { vertical-align: bottom !important; }
.table .nowrap { white-space: nowrap; }
.noborder,
.noborder th,
.noborder td { border: none !important; }
td.fifty { width: 50%; }
.dist-produktu { width: 80px; text-align: right; line-height: 0 !important; }
td.top { vertical-align: top; }

/*******************************************************************/
/*                                                          LAYOUT */
/*******************************************************************/
body { text-align: center; }
#page-wrapper { text-align: left; margin: 0 auto; width: 1000px; position: relative; }

#body { padding: 5px; background-color: #FFFFFF; }

#page-layout { background: #FFFFFF; padding: 30px 0 0 0; }
#left-column { display:none; }
#menu-wrapper { min-height: 496px; height: auto !important; height: 496px; }

#right-column { width: 775px; float: left; }
#right-column.layout-3-cols .column-content { width: 960px; float: left; }
#right-column.layout-3-cols #right-column2 { width: 200px; float: right; padding: 0 0 10px 0; }

#product-page #right-column,
#system-solution-page #right-column,
#distributor-page #right-column { width: 570px; }
.layout-2-columns {}
.layout-2-columns .column1,
.layout-2-columns .column2 { width: 49%; float: left; }

/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/
#header { height: 40px; background: none; }

#logo { position: absolute; top: 10px; left: 10px; font-size: 2em; }
#logo, #logo * { width: 125px; height: 50px; }
#logo a { color: #000; }

/*******************************************************************/
/*                                                     SEARCH FORM */
/*******************************************************************/
#search-form { position: absolute; top: 15px; right: 4px; display: none; }
#search-form input.input { color: #fff; background: #8dbbe9; border: 1px solid #013971; width: 100px; position: absolute; top: 4px; right: 40px; font-size: 11px; padding: 2px 0 2px 3px; }
#search-form input.submit { position: absolute; top: 0px; right: 0px; }
#search-form fieldset { border: none; }

/*******************************************************************/
/*                                                            MENU */
/*******************************************************************/

#menu { display:none; }

/*******************************************************************/
/*                                                          FOOTER */
/*******************************************************************/
#footer { font-size: 11px; color: #999999; height: 40px; overflow: hidden;  }
#page-homepage #footer { margin-top: -5px; }
#footer a { display:none; }
#copyright { margin-top: 5px; margin-left: 10px; }
#giant { display:none; }

#footer .no-link,
#footer .no-link:hover { color: #999; text-decoration: none; cursor: default; }

/*******************************************************************/
/*                                                        HOMEPAGE */
/*******************************************************************/
#page-homepage { background: none; }
#page-homepage #header { height: 150px; background: url(/img/hp-header-img.jpg) right top no-repeat; border-bottom: none; }
#page-homepage #logo { position: absolute; top: 10px; right: 87px; font-size: 2em; }
#page-homepage #logo, #page-homepage #logo * { width: 215px; height: 90px; }
#page-homepage #body { background: url(/img/page-body-bg.png) 0 60px repeat-x; padding: 0 0 5px 0; }
#homepage-flash { display:none; }
#page-homepage #page-layout { padding: 0; }
#henkel-header { display:none; }
#page-homepage #box .box { width: 254px; }
#page-homepage #box .box h2 { margin: 0 7px; padding: 0; }
#page-homepage #box .box p { margin: 0; padding: 8px 16px; line-height: 1.4; }
#page-homepage #box .box .img { width: 240px; height: 85px; overflow: hidden; }

/* FIx */
#page-homepage #right-column { width: 803px; }
#homepage-flash-wrapper { padding-left: 64px; margin-top: 10px; background: url(/img/hp-flash-bg.png) repeat-x left -10px; width: 730px;}

/*******************************************************************/
/*                                                      NEWS STRIP */
/*******************************************************************/
#news-strip { display:none; }

/*******************************************************************/
/*                                                             BOX */
/*******************************************************************/
#box { clear: both; color: #333333; margin: 0 0 0 3px; }
#box .box { width: 239px; height: 244px; background: url(/img/box-shadow.gif) 0 0 no-repeat; float: left; margin: 0 0 0 7px; }
#box .box:hover { color: #000; }
#box .box:hover h2 a { color: #fff; }
#box .box:hover a { color: #000; }
#box .no-margin { margin-right: 0px; }
#box div.clear { height: 5px; overflow: hidden; }
#box .box .img { width: 225px; height: 92px; overflow: hidden; background-color: #FFFFFF; margin: 7px 7px 0 7px; }
#box .box h2 { height: 40px; font-size: 15px; background: #0066cb; color: #fff; text-transform: uppercase; font-weight: bold; margin: 0 7px; line-height: 100%; }
#box .box h2 a { text-decoration: none; color: #fff; padding: 14px 5px 0 12px; font-weight: normal;  }
#box .box h2 a:hover { text-decoration: underline; color: #fff; }
#box .box p { margin: 0 7px; padding: 5px; }

#box-produkty, #box-produkty *,
#box-systemova-reseni, #box-systemova-reseni *,
#box-poradenstvi, #box-poradenstvi *,
#box-aquablock, #box-aquablock * { width: 240px; height: 40px; }

#box-produkty span { background-image: url(/img/title-produkty.png); }
#box-systemova-reseni span { background-image: url(/img/title-systemova-reseni.png); }
#box-poradenstvi span { background-image: url(/img/title-poradenstvi.png); }
#box-aquablock span { background-image: url(/img/title-aquablock.png); }

#product-category { margin: 10px 0 0 0; }
#product-category .box { float: left; border: 1px solid #e3e3e3; width: 340px; height: 120px; margin: 5px; padding: 15px 15px 5px 15px; }
#product-category .box:hover { border: 1px solid #666; background: #f5f5f5; }
#product-category .box h2 { font-size: 20px; padding: 0 0 15px 0; text-transform: none; margin: 0; }
#product-category .box h2 a { font-weight: normal; }
#product-category .box p { font-size: 13px; padding: 0; margin-bottom: 0; }
#product-category .box img { float: right; margin: 0 0 0 5px; }

#product-list { margin: 10px 0 0 0; }
#product-list div.clear { height: 20px; }
#product-list .box { float: left; border: 1px solid #e3e3e3; width: 225px; height: 170px; margin: 4px; padding: 10px 10px 0 10px; }
#product-list .box:hover { border: 1px solid #666; background: #f5f5f5; }
#product-list .box h2 { font-size: 14px; padding: 0 0 10px 0; text-transform: none; }
#product-list .box p { padding: 0; margin: 3px 0 0 0; }
#product-list .box p.introduction { color: #0066cb; font-size: 13px; font-weight: bold; line-height: 1.4em; margin: 0; }
#product-list .box img { float: left; margin: 0 8px 2px 0; clear: both; }

#consultancy-list { margin: 10px 0 0 0; }
#consultancy-list .box { float: left; border: 1px solid #e3e3e3; width: 245px; height: 110px; margin: 4px; padding: 10px; }
#consultancy-list .box:hover { border: 1px solid #666; background: #f5f5f5; }
#consultancy-list .box h2 { font-size: 14px; padding: 0 0 10px 0; text-transform: none; }
#consultancy-list .box p { padding: 0; margin: 3px 0 0 0; }

/*******************************************************************/
/*                                                     BREADCRUMBS */
/*******************************************************************/
#breadcrumbs { display:none; }

/*******************************************************************/
/*                                            BLOCK - PRODUCT-LIST */
/*******************************************************************/
#block-product-list { display:none;}

/*******************************************************************/
/*                                                     LEFT COLUMN */
/*******************************************************************/

#quick-links { display:none; }

/*******************************************************************/
/*                                                        SUB MENU */
/*******************************************************************/
ul#submenu { position: absolute; top: 0; left: 200px; z-index: -10; width: 200px; height: 100%; background: #d8d8d8 url(/img/centermenu-bg.png) left bottom no-repeat; padding: 0; }
ul#submenu li { list-style-type: none; width: 208px; }
ul#submenu li a { font-weight: normal; display: block; padding: 7px 5px; margin: 0 10px; color: #666 !important; text-decoration: none; border-bottom: 1px solid #ececec; }
ul#submenu li a:hover { color: #000 !important; }
ul#submenu li.active { background: url(/img/centermenu-active-bg.png) 0 0 no-repeat; }
ul#submenu li.active a { color: #000 !important; font-weight: bold; }

/*******************************************************************/
/*                                               ! RIGHT COLUMN #2 */
/*******************************************************************/
#right-column #right-column2 { display:none; }

/*******************************************************************/
/*                                    MAIN CONTENT (center column) */
/*******************************************************************/
#right-column .product-content { float: left; width: 360px; color: #666; }
#right-column h1 { font-size: 24px; color: #333; font-weight: bold; line-height: 100%; margin: 15px 0 15px 5px; }
#right-column #product-list h1 { font-size: 22px; font-weight: normal; color: #0066cb; }
#right-column table caption { font-size: 13px; text-align: left; font-weight: bold; color: #333; line-height: 100%; padding: 7px; background-color: #d8d8d8; }
#right-column h2 { font-size: 16px; padding: 5px 0 5px 5px; color: #333; }
#right-column h3 { padding: 10px 0 5px 5px; font-size: 12px; font-weight: bold; line-height: 100%; }
#right-column p { margin: 0 0 10px 0; line-height: 150%; padding: 5px; }
#right-column .table h3 { padding: 3px 0; }
#right-column .table p { margin: 0; padding: 0; }
#right-column .box-border h2 { color: #0066cb; font-size: 22px; margin: 8px 0 0 0; font-weight: normal; }
#right-column .box-border p { margin: 0; padding: 5px; }
#right-column p.q { margin: 0; padding: 10px 5px 5px 5px; font-weight: bold; font-style: italic; font-size: 1.1em; line-height: 1.2; }
#right-column p a { color: #555; }
#right-column p a:hover { color: #000; }
#right-column .introduction { font-size: 14px; font-weight: bold; color: #0066cb; }
#system-solution-page #right-column .introduction { font-size: 12px; font-weight: bold; color: #000; }
#right-column .description { font-size: 13px; font-weight: bold; color: #000; text-transform: uppercase; }
#right-column .product-img { float: left; margin: 0 20px 10px 0; }
#right-column ul { list-style: none; margin: 5px 0 10px 10px; color: #000; font-weight: bold; }
#product-page #right-column ul { margin: 5px 0 10px 5px; }
#right-column ul li { background: url(/img/content-li-bg.gif) 0 5px no-repeat; padding: 0 0 4px 12px; }

td.ico { width: 16px; padding: 5px 2px; }
td.ico img { margin: 3px 0 0 0; }
td.download { width: 38px; font-size: 11px; }

img.class { float: right; margin: -40px 10px 0 0; }

.box-border { color: #000; border: 1px solid #999; padding: 0 4px; margin: 0 0 10px 0; }
.blue-border,
.box-border:hover { border-color: #0066cb; }

.green-border,
.box-border.green-border:hover { border-color: #009900; }
.red-border,
.box-border.red-border:hover { border-color: #CC0000; }

.hint { height: 24px; font-size: 11px; color: #7d7d7d; margin: 0 5px 10px 5px; padding: 8px 5px 0 10px; }
.hint.above img { margin: 0 3px -3px 0; }
.hint.above.noico img { margin: 0 3px -6px 10px; }
.hint.under img { margin: 0 5px -3px 0; }
.above { background: #f5f5f5 url(/img/hint-above-bg.png) 0 0 repeat-x; }
.under { background: #f5f5f5 url(/img/hint-under-bg.png) 0 0 repeat-x; }
.hint a { color: #666; font-weight: normal; }


/**************/
/* BLUE BLOCK */
/**************/
#right-column #blue-block { padding: 0px 9px !important; margin: 0px; margin-bottom: 5px; display: block; height: 52px; background: #0066CB url(/img/blue-block-bg.gif) no-repeat center center; color: #FFFFFF; }
#right-column #blue-block a { font-weight: bold; text-decoration: none; color: #FFFFFF; }
#right-column #blue-block strong { line-height: 52px; background: url(/img/blue-block-strong-bg.gif) no-repeat left center; padding: 10px 18px 10px 37px; font-size: 14px; margin-right: 14px; }

/********************/
/* SYSTEM SOLUTIONS */
/********************/
#system-solution-layers { float: right; width: 300px; height: 600px; position: relative; margin: 10px 0 0 15px; }
#system-solution-layers span { font-size: 11px; font-weight: bold; width: 176px; text-align: center; display: block; position: absolute; right: 40px; background: #fe0; padding: 2px; }
#vrstvy-produkty { position: absolute; left: 0; bottom: 0; }

/* balkony a terasy */
#img-balkony-a-terasy #podklad { top: 10px; }
#img-balkony-a-terasy #penetracni-nater { top: 50px; }
#img-balkony-a-terasy #hydroizolace { top: 92px; }
#img-balkony-a-terasy #vyrovnavaci-poter { top: 142px; }
#img-balkony-a-terasy #grundierung { top: 190px; }
#img-balkony-a-terasy #abdichtung-2k-izolace { top: 270px; }
#img-balkony-a-terasy #flexibel { top: 360px; }
#img-balkony-a-terasy #premium-fbu { top: 455px; }
#img-balkony-a-terasy #fugenflex-e { top: 553px; }

/* koupelny, sprchy a kuchyne bytove */
#img-koupelny-sprchy-a-kuchyne-bytove #podklad { top: 12px; }
#img-koupelny-sprchy-a-kuchyne-bytove #grundierung { top: 65px; }
#img-koupelny-sprchy-a-kuchyne-bytove #dichtflex-df { top: 145px; }
#img-koupelny-sprchy-a-kuchyne-bytove #c-plus { top: 235px; }
#img-koupelny-sprchy-a-kuchyne-bytove #premium-ef { top: 365px; }
#img-koupelny-sprchy-a-kuchyne-bytove #fugenflex-e { top: 530px; }

/* elektricke topne rohoze */
#img-elektricke-topne-rohoze #haftbrucke-hb { top: 15px; }
#img-elektricke-topne-rohoze #nm { top: 92px; }
#img-elektricke-topne-rohoze #c-plus-1 { top: 215px; }
#img-elektricke-topne-rohoze #c-plus-2 { top: 285px; }
#img-elektricke-topne-rohoze #fbu { top: 390px; }
#img-elektricke-topne-rohoze #fugenflex-e { top: 540px; }

/************************/
/* AKTUALNE - AQUABLOCK */
/************************/
#postup-prace { font-weight: bold; }
#postup-prace .box { float: left; width: 255px; height: 250px; padding: 0 0 5px 5px; }

/*******************************************************************/
/*                                                          HENKEL */
/*******************************************************************/
#henkel { clear: both; background: none; height: 29px; text-align: center; width: 990px; margin: auto !important; padding: 10px 0 0 0; }
#henkel a { display:none; }

/*********************/
/* CASTE DOTAZY FORM */
/*********************/
#slide { padding-bottom: 1px; }
#form-faq { padding: 0 0 10px 20px; font-family: Arial, Helvetica, sans-serif; }
form * {  font-family: Arial, Helvetica, sans-serif; color: #333; }
.input,
textarea { border: 1px solid #ddd; padding: 4px; font-size: 12px; }
#form-faq .input { float: left; width: 135px; margin: 10px 25px 0 0; }
#form-faq textarea { overflow: hidden; height: 100px; width: 370px; margin: 10px 0 0 0px; }
fieldset { border: none; margin: 0; padding: 0; }
label { display: block; padding-top: 0px; width: 65px; float: left; line-height: 20px; padding-top: 13px; }
button { margin-top: 10px; margin-left: 0px; }

#faq .q { font-weight: bold; padding-bottom: 0px; }
#faq .a { padding-bottom: 10px; border-bottom: 1px solid #C7E9F3; margin-bottom: 10px; }
#faq-a { padding: 10px 17px 0px 20px; font-weight: bold; }

/*********************/
/*          AKTUALNE */
/*********************/
#news .item { margin: 0 0 15px 0; padding: 0 0 15px 0; border-bottom: 1px solid #eee; }
#news .item img { float: left; margin: 0 10px 3px 0; }
#news .item p { padding: 0; margin: 0 0 0 110px; line-height: 1.3; }
#news .item h2 { font-size: 14px; color: #333; margin: 3px 0; padding: 0; }
#news .date { font-size: 10px; color: #333; margin: 0; }
#news .item .introduction { font-size: 12px; line-height: 1.4; }

/*********************/
/*      MAPA STRANEK */
/*********************/

#site-map ul ul ul a { font-weight: normal; }
#site-map li.closed ul { display: none; }

/* Styles for javascript */
#sitemap-list.script li { background: none; padding-left: 0px; }
#sitemap-list.script span { background: url(/img/content-li-bg.gif) 4px 4px no-repeat; display: block; width: 16px; height: 14px; float: left; }
#sitemap-list.srcipt .openable span { background-image: url(/img/minus.gif); background-position: 0px 3px; }
#sitemap-list.script .openable.closed span { background-image: url(/img/plus.gif); background-position: 0px 3px; }
#sitemap-list.script .openable li span,
#sitemap-list.script .openable.closed li span { background-image: url(/img/content-li-bg.gif); background-position: 4px 4px; }