@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: 150%;
	background: #ffffff;
}
/*******************************************************************/
/*                                                          GLOBAL */
/*******************************************************************/
.clear { clear: both; height: 0px; overflow: hidden;}
.hide { display: none; }
.hidden { visibility: hidden; }
.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; }
.no-bold { font-weight: normal !important; }

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

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

/***************/
/* 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 caption { font-weight: bold; text-align: left; }
.table th { border-bottom: 1px solid #7F7F7F; padding: 5px 5px 5px 5px; line-height: 100%; }
.table td { border-bottom: 1px solid #7F7F7F; padding: 5px 5px 5px 5px; line-height: 100%; }
.table .middle { vertical-align: middle; }
.table .top { vertical-align: top; }
.table .bottom { vertical-align: bottom; }
.table .nowrap { white-space: nowrap; }
.table a { font-weight: normal; }
.wide { width: 100%; }
/*******************************************************************/
/*                                                          LAYOUT */
/*******************************************************************/
body { text-align: center; }

#header-bg { height: 105px; background-color: #FFFFFF; margin-top: 15px; }

#page-wrapper { position: absolute; top: 10px; left: 0px; width: 100%; text-align: center; }
#page-wrapper-content { width: 770px; text-align: left; margin: 0 auto; position: relative; }

#main-content { float: left; width: 800px; }
#left-column { float: right; width: 250px; }

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

/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/
#header { height: 105px; position: relative; }

#logo { width: 72px; height: 56px; margin-top: 7px; margin-left: 16px; }

#title-system-lepidel-pro-truhlare { display:none; }
#form-search { display:none; }


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

/*******************************************************************/
/*                                                          FOOTER */
/*******************************************************************/
#footer { color: #FFFFFF;  font-size: 11px; height: 50px; position: relative; }
#footer a { color: #FFFFFF; text-decoration: underline; font-weight: normal; }
#copyright { font-weight: bold; position: absolute; top: 25px; left: 10px; }
#copyright a{ display:none; }
#links { display:none; }
#giant { display:none; }

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

/*******************************************************************/
/*                                                HOMEPAGE CONTENT */
/*******************************************************************/

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

/********/
/* BODY */
/********/
#homepage-body { padding: 0px 10px 8px 10px; background-color: #FFFFFF;}
#body { padding: 0px 10px 8px 10px; background-color: #FFFFFF; }

/********/
/* BOXY */
/********/
.box { width: 240px; float: left; margin-top: 18px; }
.box .box-content { padding: 65px 5px 20px 11px; font-size: 11px; background-position: left top; background-repeat: no-repeat; color: #333333; } 
.box .box-content h2 { font-size: 16px; color: #FFFFFF; font-weight: bold; text-transform: uppercase; padding-bottom: 13px; position: relative; left: -5px; }
.box .box-content h2 span { color: #FFFFFF; background-color: #117FC6; padding: 2px 5px 1px 5px; }
.box .box-content h2 span a { color: #FFFFFF; text-decoration: none; }

#box-produkty { margin-right: 28px; width: 254px; }
#box-produkty .box-content { background-image: url(/img/box-produkty-bg.jpg); background-position: 14px 0px; padding-left: 25px; }

#box-potrebujete-poradit { margin-right: 24px; }
#box-potrebujete-poradit .box-content { background-image: url(/img/box-potrebujete-poradit-bg.jpg); }

#box-aktualne { border-left: 1px solid #D0E6F3; width: 203px;}
#box-aktualne .box-content { padding-top: 0px; padding-bottom: 5px; padding-right: 0px; }
#box-aktualne .box-content h2 { color: #117FC6; font-size: 14px; padding-bottom: 4px; }
#box-aktualne .box-content h3 { font-size: 12px; }
#box-aktualne .box-content p { padding-bottom: 0px; margin-bottom: 0px; }


/*******************************************************************/
/*                                                    PAGE CONTENT */
/*******************************************************************/

/**********/
/* HENKEL */
/**********/
#henkel { clear: both; height: 27px; text-align: center; }
#henkel a { display: none;}

/**************/
/* TOP STRIPE */
/**************/
#top-stripe { display:none; }
/*******************************************************************/
/*                                                     LEFT COLUMN */
/*******************************************************************/
#left-column { display: none; }
#left-column-content { padding: 0px 10px 20px 5px; }

/*******************************************************************/
/*                                                    MAIN CONTENT */
/*******************************************************************/
#main-content { padding-bottom: 30px; }

#main-content h1 { position:absolute;top:30px;;font-size: 28px; color: #1282CA; font-weight: normal; letter-spacing: -1px; line-height: 100%; height: 35px; text-transform: uppercase;}
#main-content h2 { font-size: 14px; font-weight: bold; text-transform: uppercase; padding-top: 5px; }
#main-content h3 { font-size: 12px; font-weight: bold; padding-top: 6px; }
#main-content p { padding-bottom: 1em; }
#main-content sup { line-height: 50%; }
#main-content ul { margin-left: 0.5em; padding-bottom: 1em; }
#main-content ul li { list-style: none; background: url(/img/left-column-li-bg.gif) no-repeat 0px 6px; padding-left: 12px; }
#main-content .introduciton { font-size: 14px; font-weight: bold; padding-top: 8px; }
#main-content .description { font-size: 14px; font-weight: normal; }

table.technicke-udaje {}
.technicke-udaje { margin-bottom: 1em; border-top: 1px solid #CCCCCC; }
.technicke-udaje { font-size: 11px; }
.technicke-udaje td, .technicke-udaje th { vertical-align: top; padding: 2px 5px; border-bottom: 1px solid #CCCCCC; }
.technicke-udaje th { white-space: nowrap; text-align: left; }

/*******************/
/* PRAVNI UJEDNANI */
/*******************/
#page-pravni-ujednani {}
#page-pravni-ujednani ol { margin-left: 2em; }
#page-pravni-ujednani ol li { margin-bottom: 1em; }
#page-pravni-ujednani h2 { padding-bottom: 1em; }
#page-pravni-ujednani .hr-line { margin: 10px; }
#page-pravni-ujednani #left-column { display: none; }
#page-pravni-ujednani #main-content { width: 100%; float:none; }

/*****************/
/* STRANKA O NAS */
/*****************/
#page-o-nas {}
#page-o-nas #main-content { float: left; }
#page-o-nas #left-column { float: left; }

/**************/
/* O NAS LOGA */
/**************/
#o-nas-loga { text-align: center; width: 225px; margin-bottom: -20px; 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; margin-top: -2px; line-height: 130%; font-weight: bold; }
#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; }


/************************/
/* STRANKA CASTE DOTAZY */
/************************/
#page-caste-dotazy {}
#page-caste-dotazy  #main-content { float: left; }
#page-caste-dotazy  #left-column { float: left; }

/*************/
/* PTEJTE SE */
/*************/
#ptejte-se { border-left: 1px solid #F1F1F1; padding-left: 10px; margin-top: 17px;  }
#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.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; }
#ptejte-se .submit { margin-right: 23px; margin-top: 5px; }
#ptejte-se p { line-height: 18px; padding-bottom: 1em;  }

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

/***************/
/* PRODUCT IMG */
/***************/
#product-img { text-align: center; width: 230px; float: right; padding-top: 10px; position: relative; margin-top: -20px; }
#product-img img { margin: 0 auto; }

#product-img #alternate-img { text-align: left; padding-left: 15px; padding-top: 320px; }
#product-img .alt-img { position: absolute; top: 0px; left: 0px; text-align: center; width: 230px; padding-top: 10px; height: 300px; 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-img #alternate-img a:hover img { border-color: #A5D7F8; }

/****************/
/* PRODUCT LIST */
/****************/
#page-produkty #main-content { padding-top: 1px; }
#page-produkty #main-content h2 { font-size: 20px; height: 25px; line-height: 100%; font-weight: normal; margin-top: 5px; }
#page-produkty #main-content h2 span { background-color: #FFFFFF; padding: 0px 5px 0px 0px; }
#page-produkty div.title { background: url(/img/title-bg.gif) repeat-x left center; }
#page-produkty #left-column-content { display: none; }
#page-produkty #left-column { display: none; }
#page-produkty #main-content { width: 100%; float: none; }
#page-produkty #main-content .product-list { padding-top: 10px; }
#page-produkty #main-content .product-list li { list-style: none; padding-left: 0px; background: none; width: 240px; height: 110px; float: left; }
#page-produkty #main-content .product-list a { font-size: 11px; font-weight: normal; text-decoration: none; }
#page-produkty #main-content .product-list a.img-link { text-decoration: none; display: block; width: 92px; float: left; text-align: center;}
#page-produkty #main-content .product-list a.img-link img { margin: 0 auto; }
#page-produkty #main-content .product-list h3 { font-size: 14px; line-height: 15px; text-transform: uppercase; color: #117FC6; padding: 0px; margin: 0px; height: 18px; }
#page-produkty #main-content .product-list h3.two-lines { height: 37px; }
#page-produkty #main-content .product-list h3 a { color: #117FC6; font-size: 14px; letter-spacing: -1px; }
#page-produkty #main-content .product-list p { padding: 0px; margin: 0px; line-height: 120%; }

/****************/
/* MAPA STRANEK */
/****************/
#page-mapa-stranek #left-column { display: none; }
#page-mapa-stranek #main-content { width: 100%; float: none; }
#sitemap-link-list {}
#sitemap-link-list ul { padding-bottom: 0px; }
#sitemap-link-list li { font-size: 14px; text-transform: uppercase; background: none !important; padding-left: 0px !important; padding-bottom: 10px; }
#sitemap-link-list li ul { margin-top: 10px; }
#sitemap-link-list li li ul { margin-top: 0px; padding-bottom: 10px; }
#sitemap-link-list li li { font-size: 13px; text-transform: uppercase; color: #117FC6; padding-bottom: 0px; }
#sitemap-link-list li li a { font-size: 11px; background: url(/img/left-column-li-bg.gif) no-repeat left center !important; padding-left: 11px !important;}
#sitemap-link-list li li li { font-size: 11px; }


/*************/
/* NEWS LIST */
/*************/ 
.news-list { clear: both;}
.news-list .img { margin-top: 0px; display: block; width: 70px; height: 70px; overflow: hidden; float: left; }
.news-list .img img { margin-top: 10px;}
/*.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 { width: 430px; float: left; margin-top: 0px; margin-bottom: 0px;}
.news-list .date { color: #999999; font-weight: bold; padding-bottom: 3px !important; padding-top: 0px; line-height: 100%;}
.news-list h2.sifr { font-size: 20px !important; color: #1282CA; line-height: 100%; height: 25px !important; }
.news-list h2.sifr a { color: #1282CA; text-decoration: none; font-weight: normal; }

/************/
/* KONTAKTY */
/************/
#page-kontakty #left-column { display: none; }
#page-kontakty #main-content { width: 100%; float: none; }

/*******/
/* TIP */
/*******/
#henkel-tip { display: none;}