@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: 170%;
	background: none; 
}

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

/*******************************************************************/
/*                                                          GLOBAL */
/*******************************************************************/
.clear { clear: both; height: 0px; overflow: hidden; padding: 0px !important; margin: 0px !important;}
.hide { display: none; }
.green { color: #006600; }
.red { color: #CC0000; }
.white { color: #FFFFFF; }
.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 { font-size: 12px; line-height: 150%; color: #6C6C6C; }
h1 { font-size: 40px; font-weight: bold; color: #CEEAF7; line-height: 50px; height: 60px; position: absolute; top: 113px; left: 200px; width: 510px; }
h2 { font-weight: bold; font-size: 16px; color: #6C6C6C; padding-bottom: 5px; }
h3 { font-size: 14px; font-weight: bold; color: #6C6C6C; padding-bottom: 3px; }
p { padding-bottom: 1em; }
ul { margin-left: 1.3em; padding-bottom: 1.5em; }
ol { margin-left: 2.5em; padding-bottom: 1em; }
a { color: #6C6C6C; font-weight: normal; text-decoration: underline; }
sup { line-height: 50%; }

dt { font-weight: bold; padding-bottom: 0px; }
dd { padding-bottom: 10px; }
dl { padding-bottom: 5px; }

/*******************************************************************/
/*                                                          LAYOUT */
/*******************************************************************/
body { text-align: center; background: #CEEAF7 url(/img/body-bg.png) repeat-x left top;}

#page-wrapper { width: 980px; text-align: left; margin: 0 auto; position: relative; padding-top: 6px; }

#main-content { width: 510px; margin-right: 23px; float: left; }
#right-column { width: 232px; float: left;}
#column-wrapper { width: 765px; float: right; }

#left-column { width: 215px; float: right;}

.layout-2-columns {}
.layout-2-columns .column1,
.layout-2-columns .column2 { width: 49%; float: left; }

/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/
#header { height: 120px; }
#logo { padding: 22px 0px 0px 30px; }


/*******************************************************************/
/*                                                          FOOTER */
/*******************************************************************/
#footer { height: 325px; background: url(/img/footer-bg.jpg) no-repeat left top; color: #084A8F; position: relative; }
#footer a { color: #084A8F; }

#henkel { display: block; background: url(/img/henkel-bg.gif) repeat-x left top; height: 40px; padding: 0px; margin: 0px; text-align: center; overflow: hidden; position: absolute; bottom: 40px; left: 7px; width: 966px; }
#copyright { color: #699EC7; font-size: 11px; line-height: 100%; position: absolute; bottom: 22px; right: 20px; }
#giant { color: #699EC7; font-size: 11px; text-align: right; position: absolute; bottom: 25px; right: 20px; }
#giant a { color: #699EC7; text-decoration: none; background: url(/img/giant.gif) no-repeat right top; padding-right: 79px; padding-top: 3px; padding-bottom: 5px; }
#giant #pravni { background: none; padding: 0px;  text-decoration: underline; padding-right: 2px; }

#footer-box-01 { width: 300px; float: left; }
#footer-box-01 .content { padding: 56px 20px 0px 30px; }
#footer-box-02 { width: 680px; float: left; }
#footer-box-02 .content { padding: 30px 20px 0px 20px;}
#footer-box-03 { width: 300px; float: left; }
#footer-box-03 .content { padding: 90px 20px 0px 26px; }

#footer .more { font-size: 12px; text-align: right; position: relative; top: -0.5em; margin-bottom: -0.5em; }
#footer .more a {  background: url(/img/footer-more.gif) no-repeat left 5px; line-height: 100%; padding-left: 13px; }

#footer h2 { font-size: 28px; font-weight: normal; color: #084a8f; letter-spacing: -1px; line-height: 80%; margin-bottom: 10px; }
#footer h2 a { text-decoration: none; }
#footer h2 em { display: block; font-size: 16px; }
#footer h2 strong { display: inline; }
#footer-box-01 em { padding-left: 69px; }
#footer-box-03 img { position: relative; top: -10px; margin-bottom: -10px; margin-left: 0px; }

#footer-box-01 h2,
#footer-box-02 h2,
#footer-box-03 h2 { overflow: visible; }
#footer h2.overlap a { overflow: visible; }
#footer-box-01 h2 span { background-image: url(/img/f-01.gif); width: 221px; height: 53px; }
#footer-box-02 h2 span { background-image: url(/img/f-02.gif); width: 674px; height: 62px; }
#footer-box-03 h2 span { background-image: url(/img/f-03.gif); width: 137px; height: 58px; }

/*******************************************************************/
/*                                                            MENU */
/*******************************************************************/
#menu { margin: 0px; padding: 0px; position: absolute; top: 28px; left: 204px; width: 775px; height: 40px;}
#menu li { list-style: none; float: left; padding-right: 2px; background: none; }
#menu li a { font-weight: bold; color: #28629F; font-size: 12px; text-decoration: none; border-top: 4px solid #28629F; background: transparent url(/img/menu-li-bg.gif) no-repeat 7px center; padding: 9px 14px 10px 14px; line-height: 40px;}
#menu li a:hover { background-color: #E9F6FB; }

/* AKTIVNI POLOZKY */
#page-homepage #menu-acasa a,
#section-despre #menu-despre a,
#section-pristroj #menu-absorbant a,
#section-prodejci #menu-unde a,
#section-noutati #menu-noutati a,
#section-kontakt #menu-contact a { background-color: #E9F6FB; }

/*******************************************************************/
/*                                                    PAGE CONTENT */
/*******************************************************************/
#page-content { background: #FFFFFF url(/img/page-body-bg.jpg) no-repeat left top; }

/*******************************************************************/
/*                                                     LEFT COLUMN */
/*******************************************************************/
#left-column { padding-top: 109px; padding-bottom: 20px; }

#left-menu { margin-left: 18px; width: 171px; }
#left-menu li { list-style: none; }
#left-menu li a { color: #28629F; display: block; padding: 4px 8px 4px 8px; border: 1px solid #FFFFFF;}
#left-menu li a:hover { border-color: #D9F2FB; }
#left-menu li.active a { background-color: #EAF8FD; border-color: #EAF8FD; font-weight: bold; text-decoration: none; }
#left-menu li.active a:hover { border-color: #D9F2FB; }


/*****************/
/* FORM PRODEJCE */
/*****************/
#form-prodejce { padding-left: 24px; }
#form-prodejce select { width: 160px; }

/*******************************************************************/
/*                                                    RIGHT COLUMN */
/*******************************************************************/
#right-column { padding-top: 154px; }

/*********/
/* BLOCK */
/*********/
.block { color: #084a8f; font-size: 11px; background-color: #D0EEF8; width: 197px; height: 111px; position: relative; margin-bottom: 20px; }
.block h2 { font-size: 21px; line-height: 100%; color: #084a8f; font-weight: normal; padding-left: 12px; padding-top: 17px; }
.block h2 a { color: #084a8f; }
.block p { padding: 0px 12px; }

.block h2.overlap { position: static; overflow: visible; }
.block h2.overlap a { position: static; display: inline; overflow: visible; }
.block h2.overlap span { width: 197px; height: 111px; }

#b-0001 span { background-image: url(/img/block-vlhkostni-test-zdarma.png); }
#b-0002 span { background-image: url(/img/block-vse-o-produktu.png); }

/*******************************************************************/
/*                                                    MAIN CONTENT */
/*******************************************************************/
#main-content { padding-top: 112px; padding-bottom: 30px; }
p.intro { font-size: 14px; line-height: 150%; }
#main-content p { line-height: 170%; }

p.zvyr { background-color: #EAF8FD; padding: 8px 12px; margin-bottom: 1em; }

/* PRODEJCI */
.tradicni { background: url(/img/ico-person.png) no-repeat left center; padding-left: 23px; }
.mt { background: url(/img/ico-house.png) no-repeat left center; padding-left: 23px; }

h3.tradicni, h3.mt { padding-bottom: 5px; padding-top: 5px; }

table.prodejci { border-collapse: collapse; margin-bottom: 2em; width: 100%; }
table.prodejci td { padding: 3px 8px; vertical-align: top; }
table.prodejci td.title { font-weight: bold; }
table.prodejci tr.odd { background-color: #EAF8FD; }
table.prodejci.two-columns .title { width: 40%; }

#main-content p.more a {background: url(/img/footer-more.gif) no-repeat left center; padding-left: 15px; color: #28629F; }

/********/
/* DOCS */
/********/
.docs { margin: 0px; padding: 0px 0px 1em 0px; }
.docs li { padding: 5px 0px; list-style: none; }
.docs a { background-position: left center; background-repeat: no-repeat; padding: 5px 0px 5px 22px; }
.docs a.pdf { background-image: url(/img/ico-pdf.gif); }

/***************/
/* PAGE TITLES */
/***************/
h1.overlap {  line-height: 100px; height: 200px; position: absolute; top: 120px; left: 199px; width: 555px; }
h1 span { width: 555px; height: 200px; }
#pt-0001 span { background-image: url(/img/pt-0001.gif); }
#pt-0002 span { background-image: url(/img/pt-0002.gif); }
#pt-0003 span { background-image: url(/img/pt-0003.gif); }
#pt-0004 span { background-image: url(/img/pt-0004.gif); }
#pt-0005 span { background-image: url(/img/pt-0005.gif); }
#pt-0006 span { background-image: url(/img/pt-0006.gif); }
#pt-0007 span { background-image: url(/img/pt-0007.gif); }
#pt-0008 span { background-image: url(/img/pt-0008.gif); }
#pt-0009 span { background-image: url(/img/pt-0009.gif); }
#pt-0010 span { background-image: url(/img/pt-0010.gif); }
#pt-0011 span { background-image: url(/img/pt-0011.gif); }
#pt-0012 span { background-image: url(/img/pt-0012.gif); }
#pt-0013 span { background-image: url(/img/pt-0013.gif); }
#pt-0014 span { background-image: url(/img/pt-0014.gif); }
#pt-0015 span { background-image: url(/img/pt-0015.gif); }
#pt-0016 span { background-image: url(/img/pt-0016.gif); }
#pt-0017 span { background-image: url(/img/pt-0017.gif); }
#pt-0018 span { background-image: url(/img/pt-0018.gif); }
#pt-0019 span { background-image: url(/img/pt-0019.gif); }
#pt-0020 span { background-image: url(/img/pt-0020.gif); }
#pt-0021 span { background-image: url(/img/pt-0021.gif); }
#pt-0022 span { background-image: url(/img/pt-0022.gif); }
#pt-0023 span { background-image: url(/img/pt-0023.gif); }
#pt-0024 span { background-image: url(/img/pt-0024.gif); }
#pt-0025 span { background-image: url(/img/pt-0025.gif); }
#pt-0026 span { background-image: url(/img/pt-0026.gif); }

/* PAGE TITLE DETAILS */
#pt-0003,
#pt-0006 { line-height: 100%; }
#pt-0003, #pt-0003 span,
#pt-0006, #pt-0006 span { width: 575px; height: 95px; }


#vlhkost { width: 100%; border-collapse: collapse; color: #28629F; margin-bottom: 1em; }
#vlhkost td { text-align: center; border-bottom-width: 2px; border-bottom-style: solid; width: 10%; }
#vlhkost td,
#vlhkost th { padding: 3px 5px; text-align: center; font-weight: normal; white-space: nowrap; }
#vlhkost td.level1 { border-bottom-color: #EAF8FD; }
#vlhkost th.level1 { background-color: #EAF8FD; }
#vlhkost td.level2 { border-bottom-color: #B1E3F4; }
#vlhkost th.level2 { background-color: #B1E3F4; }
#vlhkost td.level3 { border-bottom-color: #84D5F2; }
#vlhkost th.level3 { background-color: #84D5F2; }
#vlhkost td.level4 { border-bottom-color: #28629F; }
#vlhkost th.level4 { background-color: #28629F; color: #FFFFFF; }

/****************/
/* PICTURE LIST */
/****************/
ul.picture-list { margin-left: 0px; }
ul.picture-list li { list-style: none; float: left; width: 161px; margin-right: 11px; color: #2F69A2; font-size: 14px; font-weight: bold; text-align: center; line-height: 30px; padding-top: 83px; background-position: left top; background-repeat: no-repeat; padding-bottom: 10px; }
ul.picture-list li.end { margin-right: 0px; }
ul.picture-list.normal li { font-size: 12px; line-height: 120%; padding-top: 80px;}
ul.picture-list li span {display: block; padding: 0px 10px; }
#pl-01 { background-image: url(/img/pl-01.jpg); }
#pl-02 { background-image: url(/img/pl-02.jpg); }
#pl-03 { background-image: url(/img/pl-03.jpg); }
#pl-04 { background-image: url(/img/pl-04.jpg); }
#pl-05 { background-image: url(/img/pl-05.jpg); }
#pl-06 { background-image: url(/img/pl-06.jpg); }
#pl-07 { background-image: url(/img/pl-07.jpg); }
#pl-08 { background-image: url(/img/pl-08.jpg); }
#pl-09 { background-image: url(/img/pl-09.jpg); }
#pl-10 { background-image: url(/img/pl-10.jpg); }
#pl-11 { background-image: url(/img/pl-11.jpg); }
#pl-12 { background-image: url(/img/pl-12.jpg); }

/*********************/
/* CASTE DOTAZY FORM */
/*********************/
#form-faq { padding-left: 20px; font-family: Arial, Helvetica, sans-serif; }
#form-faq * {  font-family: Arial, Helvetica, sans-serif; color: #6C6C6C; }
#form-faq .input,
#form-faq textarea {border: 1px solid #A3D6F3; padding: 6px; }
#form-faq .input { float: left; width: 140px; margin-right: 30px;  margin-top: 10px; }
#form-faq textarea { overflow: hidden; height: 100px; width: 384px; margin-top: 10px; font-size: 12px; }
#form-faq fieldset { border: 0px; margin: 0px; padding: 0px; }
#form-faq label { display: block; padding-top: 0px; width: 60px; float: left; line-height: 30px; margin-top: 10px; }
#form-faq button { margin-top: 10px; margin-left: 30px; }

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

/**********************/
/* FORM TEST VLHKOSTI */
/**********************/
#form-concurs {}
#form-concurs .input,
#form-concurs textarea {border: 1px solid #A3D6F3; padding: 2px; font-family: Arial, Helvetica, sans-serif; color: #6C6C6C; }
#form-concurs textarea { width: 490px;} 
#form-concurs label { width: 110px; float: left; line-height: 22px; }
#form-concurs p { clear: both; }
#form-concurs p.small-padding { padding-bottom: 2px; }

/***********/
/* SITEMAP */
/***********/
#sitemap {}
#sitemap li { line-height: 20px; }
#sitemap ul { padding-bottom: 0px; }
#sitemap ul li { font-size: 11px; }

/*******************************************************************/
/*                                                        HOMEPAGE */
/*******************************************************************/
#page-homepage {}

#page-homepage #flash { position: absolute; top: 35px; left: 10px;}

#page-homepage #page-content { background: #FFFFFF url(/img/hp-page-content-bg.jpg) no-repeat left bottom; }
#page-homepage #main-content { width: auto; float: none; padding-left: 172px; padding-right: 400px; padding-top: 134px; padding-bottom: 100px; }
#page-homepage #presa-block { position: absolute; top: 300px; left: 748px;}

#page-homepage #footer { background: none; }
#page-homepage #footer #footer-box-02 { position: relative; z-index: 2; }

#page-homepage #main-content p.intro { padding-bottom: 6px; }
#page-homepage #main-content p.more { padding-right: 15px; }
#page-homepage #main-content p.more span { background: url(/img/footer-more.gif) no-repeat left center; padding-left: 12px; }
#page-homepage #main-content p.more span a { padding-left: 0px; background: none; }

/*******************************************************************/
/*                                                        KONTAKTY */
/*******************************************************************/
#section-kontakt {}
#section-kontakt #main-content { width: auto; float: none; }
#section-kontakt #right-column { display: none; }


/*#right-column { display: none; }*/
#b-0001, #b-0002 { display: none; }


/* BLOCK PRESA */
#presa-block { width: 210px; height:180px; padding: 44px 10px 0px 10px; background: url(/img/noutati.jpg) no-repeat left top; color: #084a8f; }
#section-prodejci #right-column { display: block; }
#presa-block h2 { color: #316BA4; font-size: 13px; line-height: 19px; font-weight: normal; letter-spacing: -1px; }
#presa-block h2 strong { font-size: 21px; font-weight: normal; padding-top: 2px; padding-bottom: 1px; }
#presa-block h2 span { width: 134px; height: 40px; background-image: url(/img/title-presa-block.png); }
#presa-block p { padding-right: 35px; font-size: 12px; line-height: 16px; }
#presa-block p.more { font-size: 12px; color: #084a8f; }
#presa-block p.more a { color: #084a8f; background: url(/img/footer-more.gif) no-repeat left; padding-left: 12px;}