@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; 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%; }
h2 { font-size: 20px; font-weight: normal; line-height: 24px; margin-bottom: 5px; margin-top: 5px; height: 24px; }
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: 0px 0px 0px 23px; display: block; }
#title { display: none; }

#back-to-homepage { display: none; }
#form-prejit { display: none; }

/*******************************************************************/
/*                                                            MENU */
/*******************************************************************/
#menu { display: none; }


/*******************************************************************/
/*                                                          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:hover a { color: #8695A2; }


/*******************************************************************/
/*                                                       RIGHT BOX */
/*******************************************************************/
#right-column { display: none; }

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

/*****************/
/* PAGE KONTAKTY */
/*****************/
#page-kontakty {}
#page-kontakty .column1 { width: 449px; margin-right: 20px; }
#page-kontakty .column2 { width: 389px; display: none; }
.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; }


/******************/
/* FAST SELECTION */
/******************/
#fast-selection {display: none; }

/****************/
/* 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 { }
#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 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.gif); 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;}
#page-homepage h1 em { font-size: 25px; font-weight: normal; display: block; line-height: 100%; padding-left: 28px; font-style: normal; }
#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 #flash { width: 495px; height: 453px; clear: both; background: url(/img/flash-bg.jpg) no-repeat left top; }
#page-homepage #flash * { display: none; }

#page-homepage #flash-dum { display: none; }

#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; }
#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 span { background-position: 0px 0px; }
#ll-ceresit-stop-vlhkosti span { background-position: -61px 0px; }
#ll-cimsec span { background-position: -138px 0px; }
#ll-chemopren span { background-position: -217px 0px; }
#ll-loctite span { background-position: -288px 0px; }
#ll-makroflex span { background-position: -372px 0px; }
#ll-metylan span { background-position: -471px 0px;}
#ll-pattex span { background-position: -541px 0px;}
#ll-pritt span { background-position: -612px 0px;}
#ll-ponal span { background-position: -677px 0px;}
#ll-tangit span { background-position: -744px 0px;}
#ll-thomsit 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;}

/*******************/
/* 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%;}