/*******************************************************************/
/*                                                           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: #FFCC00 url(/img/bg-body.gif) repeat-x left top;
}
/*******************************************************************/
/*                                                          GLOBAL */
/*******************************************************************/
.clear { clear: both; height: 0px; overflow: hidden;}
.hide { display: none; }
.red { color: #CC0000; }
.green { color: #009900; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.small { font-size: 11px; }
.grey { color: #CCCCCC; }

img { border: none; }
a img { border: none; }
a { color: #000000; text-decoration: underline; font-weight: bold;}
a:hover { color: #CC0000; }

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; }

address { font-style: normal; }
ul li { list-style-type: square; }

.ol-a { list-style-type: lower-alpha; }

.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-top: 1px solid #000000; border-collapse: collapse; }
.table th { padding: 5px 5px; line-height: 100%; border-bottom: 1px solid #7F7F7F; background-color: #F1F1F1; }
.table td { border-bottom: 1px solid #7F7F7F; line-height: 100%; padding: 5px 5px; }
.table td a { font-weight: normal; }
.wide { width: 100%; }
/*******************************************************************/
/*                                                          LAYOUT */
/*******************************************************************/
body { text-align: center; }

#page-wrapper { width: 774px; text-align: left; margin: 0 auto; background: url(/img/bg-middle-border.png) repeat-y left top; position: relative; overflow: visible; }
#footer { width: 774px; }
/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/
#header { height: 72px; position: relative; background-color: #FFE100;  }

/********/
/* LOGO */
/********/
#logo { position: absolute; top: 9px; left: 18px; }
#logo, #logo * { width: 69px; height: 55px; }
#logo span { background-image: url(/img/logo-chemopren.gif); }

/*********/
/* TITLE */
/*********/
#title-kontaktni-lepidla-od-spolecnosti-henkel { position: absolute; top: 22px; left: 118px; }
#title-kontaktni-lepidla-od-spolecnosti-henkel, #title-kontaktni-lepidla-od-spolecnosti-henkel * { width: 188px; height: 37px; }
#title-kontaktni-lepidla-od-spolecnosti-henkel span { background-image: url(/img/title-kontaktni-lepidla-od-spolecnosti-henkel.gif); }

/**********/
/* SEARCH */
/**********/
#search { width: 186px; color: #000000; font-size: 11px; position: absolute; right: 8px; top: 25px; }
#search label { font-weight: bold; position: absolute; top: 4px; }
#search-form-field { background: #FFFFFF url(/img/bg-form-search.gif) no-repeat left top; width: 90px; height: 22px; position: absolute; top: 0px; right: 20px;}
#search-form-field input { border: none; font-size: 11px; color: #999999; background: none; padding: 3px 0px 0px 5px; width: 83px; }
#search-form-button { position: absolute; top: 0px; right: 0px;}

/************/
/* SITE MAP */
/************/
#site-map { position: absolute; top: 50px; right: 9px; font-size: 11px; color: #000000; }
#site-map a { font-weight: normal; }
/*******************************************************************/
/*                                                            MENU */
/*******************************************************************/
#menu { position: absolute; top: 75px; left: 9px; }
#menu li { list-style-type: none; float: left; margin-right: 2px; }

#menu li, #menu li * { height: 36px; }
#menu li { overflow: visible; }
#menu li .active { position: relative; left: -2px; }
#menu li .active span { background-position: left -36px; background-color: #FFFFFF; }
#menu li a { text-align: center; line-height: 40px; background-color: #E3E3E3; color: #989898; text-decoration: none; text-transform: uppercase; }

#menu-uvodni-stranka, #menu-uvodni-stranka * { width: 138px; }
#menu-o-nas, #menu-o-nas * { width: 75px; }
#menu-produkty, #menu-produkty * { width: 102px; }
#menu-caste-dotazy, #menu-caste-dotazy * { width: 125px; }
#menu-aktualne, #menu-aktualne * { width: 95px; }
#menu-kontakty, #menu-kontakty * { width: 211px; }

#menu-uvodni-stranka span { background-image: url(/img/menu-uvodni-stranka.gif); }
#menu-o-nas span { background-image: url(/img/menu-o-nas.gif); }
#menu-produkty span { background-image: url(/img/menu-produkty.gif); }
#menu-caste-dotazy span { background-image: url(/img/menu-caste-dotazy.gif); }
#menu-aktualne span { background-image: url(/img/menu-aktualne.gif); }
#menu-kontakty span { background-image: url(/img/menu-kontakty.gif); }

#menu-o-nas .active,
#menu-o-nas .active span { width: 79px; }
#menu-produkty .active,
#menu-produkty .active span { width: 106px; }
#menu-caste-dotazy .active,
#menu-caste-dotazy .active span { width: 129px; }
#menu-aktualne .active,
#menu-aktualne .active span { width: 99px; }
#menu-kontakty .active,
#menu-kontakty .active span { width: 211px; }


/*******************************************************************/
/*                                                          FOOTER */
/*******************************************************************/
#footer { background: url(/img/bg-border-bottom-ie6.gif) no-repeat left bottom; margin: 0 auto; text-align: left; padding-bottom: 14px; color: #000000; }
#footer-content { background: url(/img/bg-middle-border.png) repeat-y left top; font-size: 11px; height: 20px; position: relative; }
#footer a { color: #000000; font-weight: normal; }
#copyright { float: left; padding: 2px 0 0 15px; z-index: 0; }
#links { position: absolute; top: 3px; right: 79px; z-index: 0; }
#giant { position: absolute; top: 0px; right: -60px; }

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

/*******************************************************************/
/*                                                          HENKEL */
/*******************************************************************/
/* #henkel { background: url(/img/bg-henkel.gif) repeat-x left 4px; height: 27px; overflow: hidden; margin: 0px 12px; z-index: 2; } */
#henkel { height: 27px; overflow: hidden; margin: 0px 12px; z-index: 2; margin-bottom: 3px; }
#title-kvalita-od-firmy-henkel { position: relative; top: 0px; left: 602px; }
#title-kvalita-od-firmy-henkel, #title-kvalita-od-firmy-henkel * { width: 142px; height: 27px; }
#title-kvalita-od-firmy-henkel span { background-image: url(/img/footer-logo.png); }

/*******************************************************************/
/*                                                            BODY */
/*******************************************************************/
#body { background: url(/img/bg-top-border.gif) no-repeat left top; padding-top: 43px; position: relative; }
#body-content { padding: 0px 12px 0px 12px; }


/********/
/* NEWS */
/********/
#news-strip { display: block; height: 30px; overflow: hidden; position: relative; padding: 0px 101px 0px 102px !important; color: #666666; font-size: 12px; line-height: 29px !important; margin: 0px; background: #CCCCCC url(/img/bg-aktualne.gif) repeat-x left top; }
#title-aktualne, #title-aktualne span { width: 94px; height: 30px; }
#title-aktualne span { background-image: url(/img/title-aktualne.gif); }
#title-aktualne { position: absolute; top: 0px; left: 0px; }

#title-vice-informaci, #title-vice-informaci * { width: 101px; height: 30px; }
#title-vice-informaci span { background-image: url(/img/text-vice-informaci.gif); }
#title-vice-informaci { position: absolute; top: 0px; right: 0px; }

/*********/
/* FLASH */
/*********/
#flash { width: 750px; height: 260px; overflow: hidden; background: url(/img/bg-flash.jpg) no-repeat left top; }

/*********/
/* BOXES */
/*********/
#boxes { position: relative; height: 117px; color: #000000; }
#boxes .item { position: absolute; top: 10px; display: block; width: 240px; height: 100px; background: #FFCC00 url(/img/bg-box.gif) no-repeat left top; overflow: visible; }
#boxes .box1 { left: 0px; }
#boxes .box2 { left: 255px; }
#boxes .box3 { left: 510px; }

#boxes .item .item-content { padding: 7px 10px 0px 10px; font-size: 11px;  }

#boxes h2 { height: 18px; font-size: 14px; padding-bottom: 0px !important;  }
#boxes h2 * { height: 18px; }
#title-produkty-chemopren, #title-produkty-chemopren * { width: 177px; }
#title-produkty-chemopren span { background-image: url(/img/title-produkty-chemopren.gif); }
#title-chemopren-bez-toluenu, #title-chemopren-bez-toluenu * { width: 195px; }
#title-chemopren-bez-toluenu span { background-image: url(/img/title-chemopren-bez-toluenu.gif); }
#title-potrebujete-poradit, #title-potrebujete-poradit * { width: 177px; }
#title-potrebujete-poradit span { background-image: url(/img/title-potrebujete-poradit.gif); }

/****************/
/* PRODUCT LIST */
/****************/
#block-product-list { position: relative; z-index: 5; }
#display-popup p { display: block; padding-left: 4px; height: 20px; line-height: 20px !important; overflow: hidden; background: url(/img/product-select-input-bg.gif) no-repeat left top; }

#product-menu { display: none; position: absolute; z-index: 100; top: -80px; left: 0px; }
#product-menu { height: 140px; width: 218px; overflow: auto; background: #FFCC00; border: 1px solid #000000; z-index: 5; }

#product-menu li { font-weight: bold; list-style-type: none;}
#product-menu li a { display: block; margin-right: 1px; padding-left: 5px; height: 20px; line-height: 19px; overflow: hidden;  }
#product-menu li a:hover { background-color: #FFE100; }

#display-popup:hover #product-menu { display: block; z-index: 100;}
#display-popup:hover p { background-image: url(/img/product-select-input-bg.gif); }

/*******************************************************************/
/*                                                         SUBPAGE */
/*******************************************************************/
#main-content { padding: 0px 10px 20px 10px; }
#product-img { text-align: center; width: 210px; float: left; padding-top: 10px; position: relative; }
#product-img img { margin: 0 auto; }

#product-img #alternate-img { text-align: left; padding-left: 15px; padding-top: 260px; }
#product-img .alt-img { position: absolute; top: 0px; left: 0px; text-align: center; width: 210px; padding-top: 10px; height: 260px; background-color: #FFFFFF; }
#product-img #alternate-img .note { display: block; color: #999999; font-size: 11px; }
#product-img #alternate-img .item { text-align: center; width: 90px; float: left; padding-bottom: 10px; }
#product-img #alternate-img p { padding-left: 5px; padding-bottom: 10px; line-height: 130% }
#product-img #alternate-img a { color: #333333; font-size: 11px; font-weight: normal; text-decoration: none; }
#product-img #alternate-img a img { border: 3px solid #E1E1E1; }

#product-text { text-align: left; width: 540px; float: left; }
#product-text-content { padding: 0px 0px 20px 10px; }

#body-content h1 { font-size: 25px; line-height: 25px; height: 35px; text-transform: uppercase; padding-top: 10px; padding-bottom: 15px;}
#product-text h1 { padding-bottom: 0px; }
#body-content h2 { font-size: 14px; text-transform: uppercase; font-weight: bold; padding-bottom: 5px; }
#body-content h2.sifr { font-size: 12px; height: 15px; line-height: 1em; }
#body-content h3 { font-size: 12px; font-weight: bold; }
#body-content p { padding-bottom: 1em; line-height: 150%; }
#body-content .description { font-size: 14px; font-weight:bold; }
#body-content .introduction { font-size: 14px; }
#main-content ul { margin-left: 1.3em; padding-bottom: 1em; }
#main-content ol { margin-left: 2em; padding-bottom: 1em; }
#main-content .hr-line { margin: 0px 10px 1em 10px; }

/****************/
/* PRODUCT TABS */
/****************/
#product-tabs { margin-left: 5px; margin-bottom: 0px;}
#product-tabs ul { height: 73px; background: #FFFFFF url(/img/bg-product-tabs.gif) repeat-x left bottom; }
#product-tabs li { list-style: none; float: left; font-size: 11px; color: #777777; padding-top: 3px; }
#product-tabs a { color: #777777; font-weight: normal; background-position: 5px 0px; background-repeat: no-repeat; display: block; height: 70px; overflow: hidden; position: relative; z-index: 10; }
#product-tabs .current a { color: #000000; font-weight: bold; text-decoration: none; }
#product-tabs span { display: block; padding-top: 16px; line-height: 130%; }

#tab-chemopren-univerzal a { width: 120px; background-image: url(/produkty/img/ico-chemopren-univerzal.png); }
#tab-chemopren-extrem a { width: 115px; background-image: url(/produkty/img/ico-chemopren-extrem.png); }
#tab-chemopren-obuv a { width: 94px; background-image: url(/produkty/img/ico-chemopren-obuv.png); }
#tab-chemopren-transparent a { width: 97px; background-image: url(/produkty/img/ico-chemopren-transparent.png); }
#tab-chemopren-pvc a { width: 97px; background-image: url(/produkty/img/ico-chemopren-pvc.png); }
#tab-chemopren-na-podlahy a { width: 114px; background-image: url(/produkty/img/ico-chemopren-na-podlahy.png); }
#tab-chemopren-redidlo a { width: 108px; background-image: url(/produkty/img/ico-chemopren-redidlo.png); }

#tab-chemopren-univerzal span { padding-left: 47px; }
#tab-chemopren-extrem span { padding-left: 45px; }
#tab-chemopren-obuv span { padding-left: 25px; }
#tab-chemopren-transparent span { padding-left: 25px; }
#tab-chemopren-pvc span { padding-left: 29px;  }
#tab-chemopren-na-podlahy span { padding-left: 44px; }
#tab-chemopren-redidlo span { padding-left: 40px; }

/**************************/
/* PRODUCT TABS ANIMATION */
/**************************/
#product-tabs li.background {	background: url(/img/bg-tabs.gif) repeat-x top left; z-index: 2; position: absolute; visibility: hidden; }
#product-tabs .background .left { background: url(/img/bg-tabs.gif) repeat-x top right;	height: 70px; }

/************/
/* KONTAKTY */
/************/
.address-box { width: 48%; float: left; padding-top: 10px; padding-bottom: 20px; }
.address-box .col { display: block; width: 43px; float: left; }

/**************/
/* O NAS LOGA */
/**************/
#o-nas-loga { text-align: center; width: 225px; margin-left: 15px; float: right; margin-top: -16px; margin-bottom: -40px; line-height: 100% !important; }
#o-nas-loga h2 { padding-bottom: 10px;}
#o-nas-loga span,
#o-nas-loga a { display: block; }
#o-nas-loga .item { width: 112px; height: 95px; text-align: center; float: left; overflow: hidden; }
#o-nas-loga .item .img { display: block; height: 60px; overflow: hidden; }
#o-nas-loga .item .img img { margin: 0 auto; }
#o-nas-loga .description { padding: 0px; margin: 0px; line-height: 100%; }
#o-nas-loga a { color: #999999; font-size: 11px; }
#logo-makroflex { padding-top: 15px; }
#o-nas-loga #logo-thomsit .img { height: 30px; }
#o-nas-loga #logo-ceresit .img { height: 30px; }

/*************/
/* PTEJTE SE */
/*************/
#ptejte-se { width: 279px; float: right; border-left: 1px solid #F1F1F1; padding-left: 10px;  }
#ptejte-se input.input,
#ptejte-se textarea { width: 200px; border: 1px solid #DBDFE6; border-left-color: #E2E3EA; border-top-color: #ABADB3; border-bottom-color: #E3E9EF; }
#ptejte-se input.short { width: 83px; }
#ptejte-se input.input:focus,
#ptejte-se input.input:hover,
#ptejte-se textarea:hover,
#ptejte-se textarea:focus { border-left-color: #C5DAED; border-bottom-color: #C7E2F1; border-right-color: #B7D5EA; border-top-color: #5794BF;}
#ptejte-se label { display: block; float: left; width: 75px; }

#faq { width: 427px;}
#faq .q { padding-bottom: 0px; padding-top: 8px; }
#faq .a { padding-bottom: 8px; border-bottom: 1px solid #F1F1F1;  }

/************/
/* PRODUKTY */
/************/
#products {}
#products h1 { padding-left: 10px; padding-bottom: 5px; }
#products .description { padding-left: 10px; padding-right: 10px; }
#products ul li { list-style: none; display: block; width: 240px; height: 150px; overflow: hidden; float: left; margin-right: 14px; }
#products ul li.last { margin-right: 0px; }
#products ul li:hover { background: url(/img/bg-products.gif) repeat-x left top; }
#products ul li h2.product-sifr { font-size: 14px; height: 30px; line-height: 1em; padding: 3px 0px 2px 10px; }
#products ul li p { padding-left: 10px; display: block; }
#products ul li a { display: block; padding-top: 5px; font-weight: normal; text-decoration: none; }
#products ul li a:hover { font-weight: normal; color: #000000; text-decoration: none; }
#products ul li img.left { margin-left: 10px; }

/*******************************/
/* PRODUKTY - PATTEX CHEMOPREN */
/*******************************/
div.box-pattex-chemopren { width: 360px; height: 36px; margin: 0px 0 15px 5px; padding: 6px 10px; background: url(/img/box-pattex-chemopren.gif) 0 0 no-repeat; }
div.box-pattex-chemopren p { font-size: 11px; margin-top: 3px; }
.product-table { width: 98%; border-collapse: collapse; margin: 15px 10px 20px; }
.product-table th,
.product-table td { border-collapse: collapse; padding: 5px 8px; }
.product-table th { /*background: url(/img/bg-box.gif) 0 -30px repeat-x;*/ border-bottom: 1px solid #000; white-space: nowrap; }
.product-table .even td { background-color: #f1f1f1; }

/****************/
/* MAPA STRANEK */
/****************/
#mapa-stranek {}
#mapa-stranek li { font-size: 13px; line-height: 150%; }
#mapa-stranek li li { font-size: 12px; }
#mapa-stranek li li a { font-weight: normal; }
#mapa-stranek li ul { padding-bottom: 0px; }

/*************/
/* NEWS LIST */
/*************/ 
.news-list { clear: both;}
.news-list .img { margin-top: 0px; display: block; width: 60px; height: 70px; overflow: hidden; float: left; }
.news-list .img img {}
/*.news-list .img .img-border { width: 50px; height: 70px; background: url(../aktualne/img/aktuality-img-border.png) no-repeat left top; position: absolute; top: 0px; left: 0px; }*/
.news-list .text { margin-left: 70px; margin-top: 0px; margin-bottom: 0px;}
.news-list .date { color: #999999; font-weight: bold; padding-bottom: 3px !important; padding-top: 0px; line-height: 100%;}

/*****************/
/* SITEMAP POPUP */
/*****************/
#sitemap-popup { display: block; background: black; margin: 0px auto; height: 160px; width: 770px; background: url(/img/site-map-bg.gif) no-repeat left 10px; position: relative; text-align: left; }
#sitemap-popup #close { position: absolute; top: 15px; right: 5px; }
#sitemap-popup #close, #close * { width: 16px; height: 16px; }
#sitemap-popup #close span { background-image: url(/img/button-close.gif); }
#sitemap-popup a#close:hover span { background-position: 0px -16px; }
#sitemap-popup li { font-size: 14px; list-style: none; display: block; position: absolute; }
#sitemap-popup li li { font-size: 12px; color: #777777; position: static; width: 250px; }
#sitemap-popup li li a,
#sitemap-popup #map-chemopren-bez-toluenu,
#sitemap-popup #map-chemopren-bez-toluenu a,
#sitemap-popup #map-pravni-ujednani,
#sitemap-popup #map-pravni-ujednani a { font-size: 12px; color: #777777; font-weight: normal; }
#sitemap-popup #map-uvodni-stranka { top: 20px; left: 13px; }
#sitemap-popup #map-o-nas { top: 62px; left: 13px; }
#sitemap-popup #map-caste-dotazy { top: 99px; left: 13px; }
#sitemap-popup #map-produkty { top: 20px; left: 226px; }
#sitemap-popup #map-aktualne { top: 20px; left: 540px; }
#sitemap-popup #map-kontakty { top: 62px; left: 540px; }
#sitemap-popup #map-chemopren-bez-toluenu { top: 99px; left: 540px; }
#sitemap-popup #map-pravni-ujednani { top: 123px; left:540px; }
#sitemap-popup li ul { position: absolute; left: 76px; top: 1px; }
#sitemap-popup a:hover { color: #CC0000 !important; }
	
/*******/
/* TIP */
/*******/
#henkel-tip { position: absolute; bottom: 15px; left: 335px; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; padding: 0px; margin: 0px; z-index: 999; }
#henkel-tip em { font-style: normal; text-decoration: underline; }
#henkel-tip strong { padding-left: 8px; }
#henkel-tip p { line-height: 15px; padding: 0px; margin: 0px; }
#henkel-tip a { color: #000; font-weight: normal; text-decoration: none; }

/* pattex flash banner */
#flash-pattex { position: absolute; right: -200px; top: 75px; width: 180px; height: 370px; }

/* Prodejni Mista */
#prodejni-mista { width: 400px; padding-bottom: 20px; font-weight: bold; }
.clickable { cursor: pointer; }


/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}