/*******************************************************************/
/*                                                           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: #333333;
	font-size: 12px;
	line-height: 18px;
	padding-bottom: 10px;
}

/*******************************************************************/
/*                                                          GLOBAL */
/*******************************************************************/
.clear { clear: both;}
.hide { display: none; }
.red { color: #CC0000; }
.green { color: #009900; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.small-text { font-size: 11px; }
img.right { float: right; margin-left: 5px; margin-top: 3px; margin-bottom: 5px; }
img.left { float: left; margin-right: 5px; margin-top: 3px; margin-bottom: 5px; }
.small { font-size: 11px !important; }

.normal { font-weight: normal; color: #333333; }
.normal-color { color: #333333 !important; }

img { border: none; }
a img { border: none; }
a { color: #429C31; text-decoration: underline; font-weight: bold;}
.img-desc { text-align: center; font-style: italic; font-size: 11px; }

.light-green { color: #56ac2b; }
.dark-green { color: #008100; }
.orange { color: #ff8100; }
.blue { color: #0066b3 !important; }
.red { color: #ed1c23 !important; }

.table { border-top: 1px solid #CCCCCC; border-collapse: collapse; margin-top: 1.3em; clear: both;}
.table th {  border-bottom: 1px solid #CCCCCC; padding: 3px 4px 2px 4px; color: #008100; }
.table td { border-bottom: 1px solid #CCCCCC; padding: 3px 4px 2px 4px; }
.table tr.even { background-color: #F4FFF4; }
.table caption { font-size: 14px; font-weight: bold; color: #666666; text-align: left; padding-bottom: 3px; line-height: 100%;}
.no-border { border: none; }

.wide-table { width: 100%; }
hr { display: none; }


/*******************************************************************/
/*                                                          LAYOUT */
/*******************************************************************/
body {
	text-align: center;
	/*background: #F2F3F1 url(/img/bg-body.gif) repeat left top;*/
	background: #00733A url(/img/bg-body.jpg) no-repeat center top;
}

#page-border {background: url(/img/bg-page-border.gif) repeat-y center top;}

#page { width: 763px;	text-align: left; margin: 0 auto;  }

#page-content-wrapper {position: relative; padding-bottom: 32px;}

#header { margin-bottom: 2px;}

#page-content { clear: both;}

#left-column { width: 200px; float: left; }
#left-column-content { padding: 10px 0px 100px 0px }
#right-column { width: 563px; float: left; }
#right-column-content { padding: 10px 0px 30px 20px }

.layout-two-columns {}
.layout-two-columns .column1,
.layout-two-columns .column2 { width: 49%; float: left; }
.layout-two-columns .column1 .column-content { padding-right: 5px; }
.layout-two-columns .column2 .column-content { padding-left: 5px; }

.layout-three-columns {}
.layout-three-columns .column1,
.layout-three-columns .column2,
.layout-three-columns .column3 { width: 32%; float: left; }
.layout-three-columns .column1 .column-content { padding-right: 5px; }
.layout-three-columns .column2 .column-content { padding-right: 5px; padding-left: 5px; }
.layout-three-columns .column3 .column-content { padding-left: 5px; }

/*******************************************************************/
/*                                                       TOP STRIP */
/*******************************************************************/
#top-strip { font-size: 10px; color: #666666; position: relative; height: 27px; line-height: 100%;}

#top-strip p.title {
  font-size: 10px;
	font-weight: normal;
	padding-top: 9px;
}
#top-strip p.title span { color: #333333; text-transform: uppercase; }

#search { position: absolute; right: 30px; top: 4px; }

#search input.text { height: 16px; border: 1px solid #676767; width: 90px; }
#search input {  position: relative; top: 1px; }

#search a {color: #666666; font-weight: normal;}
#search .img-button { position: absolute; top: 3px; margin-left: 2px; }
#search span { position: relative; left: 30px; }


/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/
#header { background: url(/img/bg-header.jpg) no-repeat right top;}

#makroflex-logo {
  display: bblock;
	width: 184px;
	height: 56px;
	background: url(/img/makroflex-logo.gif) no-repeat left top;
}

#makroflex-logo a {
  display: block;
	height: 56px;
}

#makroflex-logo a span { display: none; }

/*******************************************************************/
/*                                                            MENU */
/*******************************************************************/
#main-menu {
  background: #00733A;
	border-bottom: 3px solid #5AAA37;
	color: #FFFFFF;
	height: 30px;
}

#main-menu a {
  font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	display: block;
	line-height: 30px;
	padding: 0 15px;
	float: left;
	text-align: center;
}
#main-menu li#kontakt-m a { width: 200px; }
#main-menu li#kontakt-m { width: 200px; }
#main-menu a:hover { background: #5AAA37; }

#main-menu ul { float: right; }
#main-menu ul li { display: inline; width: 100px; }

#sekce { float: left; }
#sekce p { padding-left: 10px; text-align: left; line-height: 30px; }
#sekce a { font-weight: normal; background: none; font-size: 12px; text-align: left; display: inline; clear: both; padding: 0; }
#sekce a:hover { font-weight: normal; background: none; text-decoration: underline; }

/*******************************************************************/
/*                                                    PAGE CONTENT */
/*******************************************************************/
#top-block { height: 220px; overflow: hidden;}


h1 {
  font-size: 22px;
	color: #429C31;
	font-weight: normal;
	margin-top: 8px;
	margin-bottom: 12px;
	line-height: 23px;
}

h2 {
  font-size: 14px;
	font-weight: bold;
	color: #666666;
	margin: 5px 0;
}

h3 {
  font-size: 15px;
	font-weight: bold;
	margin-top: 3px;
	margin-bottom: 6px;
}

#page-content p { margin-bottom: 1em; }

#right-column ul { margin-left: 1.3em; }
#right-column h2 { margin-top: 1em; margin-bottom: 0.5em; }
#right-column h3 { margin-top: 1em; margin-bottom: 0.3em; font-size: 14px; color: #666666; }

.note { background: #EAEAEA; padding: 10px; text-align: left; margin-right: 145px; font-size: 11px; }

#right-column ol { margin: 0px 0px 10px 24px; }
#right-column ul { margin: 0px 0px 10px 10px; }
#right-column ul li { list-style-type: none; background: url(../img/ul-li-bg.gif) no-repeat left 8px; padding-left: 8px; }
/*********/
/* OFFER */
/*********/
#offer {}
#offer .block {
  width: 371px;
	float: left;
	padding-bottom: 9px;
	margin-top: 8px; 

}

#offer .block p { line-height: 18px; margin-bottom: 0px; }
#offer h3, #offer h3 a { font-size: 18px; font-weight: normal; }
#offer h3 { margin-left: 10px; }
#offer-produkty { background: url(/img/offer-produkty.jpg) no-repeat 10px 0px; }
#offer-produkty p { margin-left: 138px; padding-bottom: 20px; margin-right: 10px;}
#offer-poradenstvi { background: url(/img/offer-poradenstvi.jpg) no-repeat 10px 20px; }
#offer-poradenstvi p { margin-left: 120px; padding-bottom: 20px; margin-right: 10px;}
/********/
/* NEWS */
/********/
#news { padding-bottom: 0px; background: #F9F9F9 url(/img/bg-news.gif) repeat-x left top; border-bottom: 1px solid #DEDEDE; }
#news-content { background: url(../img/block-separator.gif) no-repeat 254px top; padding-bottom: 3px; }
#news .block { width: 253px; float: left; position: relative; }

#news .date { font-size: 11px; font-weight: bold; margin-bottom: 0px; margin-top: 5px; margin-left: 10px; }

#news .img { width: 78px; float: left; margin-top: 2px; }
#news .img img { margin-left: 10px;  }
#news .text { width: 170px; float: left; font-size: 11px; }
#news p { margin-bottom: 5px; margin-left: 10px; }


/*******************************************************************/
/*                                                          FOOTER */
/*******************************************************************/
#footer { text-align: center; padding: 0px; padding-top: 12px; background: url(/img/bg-footer-border-bottom.gif) no-repeat center top;}

#footer #footer-text {
	font-size: 11px;
	color: #FFFFFF;
	width: 763px;
	margin: 0 auto;
	position: relative;
	padding: 0px;
	text-align: left;
}

#copyright { float: left; width: 280px; padding-top: 9px; }
#copyright a { color: #FFFFFF; }
#links { text-align: right; padding-top: 9px; float: right; }
#links a { color: #FFFFFF; font-weight: normal; }
#links .no-link,
#links .no-link:hover { color: #fff; text-decoration: none; cursor: default; }
#giant { vertical-align: middle; }

/**********/
/* HENKEL */
/**********/
#henkel {position: absolute; left: 0px; bottom: 0px; background: #FFFFFF url(/img/bg-footer.gif) repeat-x left top; text-align: center; width: 763px; margin-bottom: 0px;}



/*******************************************************************/
/*                                                       LEFT MENU */
/*******************************************************************/
#left-menu {}
#left-menu li { list-style-type: none; font-size: 11px; color: black; border-top: 1px solid #E6E6E6; padding-top: 1px; padding-bottom: 1px;}
#left-menu li ul { margin-left: 0px; }
#left-menu li a {font-size: 11px; color:  #555; font-weight: normal; text-decoration: none; padding: 0px 0px 0px 10px; display: block; font-weight: bold;}
#left-menu li li a { padding-left: 20px; font-weight: normal; }
#left-menu li ul { margin-bottom: -1px; }
#left-menu li li li a { padding-left: 30px; color: #777 !important; }
#left-menu li a:hover { color: #008822 !important; }

#left-menu li.active {background: url(/img/left-menu-li.gif) no-repeat left 6px;}
#left-menu li li.active { background-position: 10px 6px; }
#left-menu li li li.active { background-position: 20px 6px; }

#left-menu li.active a { /*font-weight: bold;*/ color: #008822 !important; }
#left-menu li.active li a { background: none; font-weight: normal; color: #555 !important; }
#left-menu li.active li a:hover { color: #008822 !important; }

#left-menu li.no-border { border-bottom: none; }

#left-menu .separator { padding-top: 12px; background-position: left 17px !important; }

/*******************************************************************/
/*                                                      NAVIGATION */
/*******************************************************************/
#navigation { font-size: 11px; color: #999999; }
#navigation a { text-decoration: underline; font-weight: normal; color: #999999; }

/*******************************************************************/
/*                                                        SUBPAGES */
/*******************************************************************/
#faq strong { color: #008100; }
#faq p { margin-top: 1em; margin-bottom: 0.5em;}


/****************/
/* PRODUCT LIST */
/****************/
.product-item { margin-bottom: 10px;}
.product-item .img { width: 60px; text-align: left; float: left; }
.product-item .desc { margin-left: 68px; background: url(../produkty/img/produkt-blok.gif) no-repeat left top; }
.product-item .desc a { font-size: 15px; font-weight: bold; text-decoration: none; }
.product-item .desc a:hover { text-decoration: underline; }
.product-item .desc-content { padding: 12px 5px 12px 8px; }

.product-img { float: right; width: 140px; text-align: center; }

/********/
/* NEWS */
/********/
.news-list { clear: both;}
.news-list .img { margin-top: 3px; 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; margin-bottom: 3px !important; margin-top: 2px; line-height: 100%;}
.news-list h2 { padding-top: 0px; padding-bottom: 0px; margin-bottom: 0px !important; line-height: 18px; }

/***************/
/* NEWS DETAIL */
/***************/
.float-left { float: left; margin-right: 8px; }
.float-right { float: right; margin-left: 8px; }
.news-img { display: block; text-align: center; width: 160px; }
.news-img img { margin: 0px auto; padding: 1px; border: 1px solid #999999;}
.news-img .desc { font-size: 11px; color: #999999; }
.news-img span { font-style: italic; font-size: 11px; color: #999999; }

/***********/
/* IMG BOX */
/***********/
.img-box { width: 125px; text-align: center; }
.img-box img { margin: 0 auto; }
.img-box .desc { font-size: 11px; color: #999999; text-align: center; }
.ico-produkty { float: left; margin-right: 10px; margin-top: 5px; }

/********************/
/* FORM - PTEJTE SE */
/********************/
#ptejte-se {}
#ptejte-se .input { border: 1px solid #CCCCCC; font-family: Arial, Helvetica, sans-serif; }
#ptejte-se .textarea { border: 1px solid #CCCCCC; width: 90%; height: 150px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
#ptejte-se .submit { border: 1px solid #CCCCCC; background-color: #00733A; color: #FFFFFF; font-weight: bold; padding: 2px 4px; margin-right: 50px;}

/************/
/* SITE MAP */
/************/
#sitemap li li { font-size: 11px;}
#sitemap li li li a { font-weight: normal; }

/******************/
/* PODMINKY UZITI */
/******************/
#podminky-uziti h3 { font-size: 13px; font-weight: bold; color: #333333; }


/******************/
/* MONTAZNI-VIDEO */
/******************/
#montazni-video { width: 360px; height: 310px; overflow: hidden; }

/********/
/* LOGA */
/****** */
#o-nas-loga {
  text-align: center;
  width: 80px;
  float: right;
  margin-top: 3px;
  margin-bottom: 10px;
}
#o-nas-loga img {
  margin-right: 0px;
  margin-top: 10px;
  margin-left: 10px;
}
#o-nas-loga img.first {
  margin-top: 0px;
}
#o-nas-loga a img { border: 0px; }

/* SIDE PICTURES */
.side-pictures { float: right; width: 100px; margin-left: 10px; text-align: center; }
.side-pictures img { margin-bottom: 5px; }

/* VZOROVE APLIKACE */
.vzorove-aplikace-list { padding-bottom: 10px; }
.vzorove-aplikace-list .img { width: 200px; float: left; }
.vzorove-aplikace-list .text { width: 320px; float: left; }

.ol-number-pictures { padding-top: 12px;}
.ol-number-pictures li { list-style-type: none; padding-left: 30px; line-height: 30px; background-position: left center; background-repeat: no-repeat;  }
.ol-number-pictures li.one { background-image: url(/img/ol-number-pictures-one.gif); }
.ol-number-pictures li.two { background-image: url(/img/ol-number-pictures-two.gif); }
.ol-number-pictures li.three { background-image: url(/img/ol-number-pictures-three.gif); }

/* block-products-select */
#block-products-select { position: relative; }
#block-products-select .block-content { position: absolute; top: 52px; margin-left: 12px; }
#block-products-select ul {font-size: 11px; }
#block-products-select ul li { list-style-type: none; }
#block-products-select p { margin-left: 0px; font-size: 11px; font-weight: bold; margin-bottom: 0px; line-height: 120%; }
#block-products-select h2 { color: #333333; font-size: 14px; margin-bottom: 2px; margin-left: 12px; }


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

#product-menu { display: none; position: absolute; z-index: 100; top: 20px; left: 12px; }
#product-menu { height: 200px; width: 218px; overflow: auto; background: #FFFFFF; border: 1px solid #DDDDDD; z-index: 5; }

#product-menu li { font-weight: bold; list-style-type: none;}
#product-menu li li { background-color: #FFFFFF; font-weight: normal;}
#product-menu li a { display: block; margin-right: 1px; padding-left: 10px; height: 20px; overflow: hidden;  }
#product-menu li li a:hover { background-color: #F6F6F6; }
#product-menu li span { display: block; background-color: #EEEEEE; padding-left: 4px;  }

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

/*******/
/* TIP */
/*******/
#henkel-tip { width: 350px; display: block; position: absolute; bottom: -50px; left: 279px; padding: 0px; margin: 0px; color: #FFFFFF; font-size: 11px; }
#henkel-tip strong { padding-left: 5px; }
#henkel-tip a { color: #FFFFFF; text-decoration: none; font-weight: normal;}
#henkel-tip em { color: #FFFFFF; font-style: normal; text-decoration: underline; }



.normal-table th { text-align: left; }
.normal-table { font-size: 11px; width: 100%; }
.normal-table tbody th { vertical-align: top; color: #333333; }

/**********/
/* BANNER */
/**********/
.banner { background: #FFFFFF url(/img/banner-bg.gif) repeat-y left top; width: 180px; padding: 0px; margin: 25px 0px 0px 0px; position: relative; left: 10px; font-size: 11px; }
.banner .bottom-border { background: url(/img/banner-bg-bottom.gif) no-repeat left bottom; width: 180px; padding: 0px 0px 7px 0px; }
.banner p { padding: 10px 10px 5px 10px; margin: 0px !important; }

.gallery a { display: block; width: 129px; height: 97px; float: left; margin: 0px 6px 6px 0px; }
.gallery a img {  border: 2px solid #FFFFFF;  }
.gallery a:hover img { border-color: #5AAA37; }

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

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

/* bezpecnostni veta */
#page-content p.note { padding: 10px; font-size: 11px; background: #EFEFEF; margin-top: 15px; margin-bottom: 15px; }

/******************/
/* PAGE: PRODEJCI */
/******************/
address { font-style: normal; }

/* mapa */
#map-wrapper { width: 392px; float: left; height: 270px; padding-top: 20px; padding-left: 35px; }
#mapa-cr-wrapper { width: 392px; height: 243px; background: url(/img/mapa-cr-large-sprite.png) no-repeat left top; position: relative; z-index: 0; }
#mapa-cr-wrapper .bubble { display: block; color: #fff !important; height: 30px; background: #429c31; position: absolute; top: 40px; left: 0px; line-height: 30px; z-index: 0; padding: 0px; }
#mapa-cr-wrapper .bubble span { color: #fff; font-weight: bold; font-size: 12px; padding: 0px 10px; white-space: nowrap; float: left; }
#mapa-cr-wrapper img { position: relative; z-index: 10; }
#mapa-cr-kontakty { position: absolute; right: 0px; width: 390px; top: 175px; right: 95px; text-align: center; }
#mapa-cr-kontakty img { margin-bottom: 5px; }

#category-selection .arrow-list { font-size: 13px; }
#category-selection .arrow-list li { width: 160px;  float: left; padding-bottom: 6px; }
#category-selection .arrow-list li.even { }

#page-prodejni-mista #content .column1 { margin-right: 30px; width: 320px; float: left; padding: 5px 0px 0px 0px; }
#page-prodejni-mista #content .column2 { width: 180px; float: left; padding: 5px 0px 0px 0px; }

/* PICTURES */
#page-prodejni-mista .pic { width: 170px; overflow: hidden; float: left; margin-right: 10px; padding-bottom: 5px; }
#page-prodejni-mista .pic.even { margin-right: 0px; }
#page-prodejni-mista .pic a { padding-left: 17px; background: url(/img/zoom-green.png) no-repeat left 4px; display: block; font-size: 11px; }
#page-prodejni-mista .pic a.thumbnail { padding: 0px; background: none; }
#page-prodejni-mista .pic a img { padding-bottom: 1px; }

/**************/
/* GOOGLE MAP */
/**************/
.google-map { position: relative; margin-bottom: 40px; }
.google-map-canvas { height: 300px; overflow: hidden; margin-bottom: 0px; }
.google-map-toggle { display: block; position: absolute; bottom: -26px; right: 0px; margin: 0 !important; padding: 0; line-height: 22px; }
.google-map-toggle span { display: block; height: 26px; line-height: 26px; font-weight: normal; color: #FFFFFF; padding: 0px 5px 0px 22px; background: #00733a url(/img/zoom.png) 5px 8px no-repeat; cursor: pointer; font-size: 11px; text-transform: uppercase; }

.google-map.big .google-map-canvas { height: 450px; }
.google-map.big .google-map-toggle span { background-image: url(/img/ico-zoom-white.png); }

.dealers { margin: 0 0 15px 0; width: 100%; border-collapse: collapse; }
.dealers td { border-bottom: 1px solid #414141; padding: 8px 5px 6px 5px; vertical-align: top; border-collapse: collapse; }
.dealers strong { display: inline; padding: 0px; }
.dealers .distance { font-size: 11px; font-weight: bold; }
.dealers .shop { font-size: 12px; line-height: 18px; width: 250px; }
.dealers .shop strong { display: block; }
.dealers .shop strong a { font-weight: bold; }
.dealers .opening-hours { font-size: 11px; white-space: nowrap; text-align: right; width: 150px; }
#content .dealers .opening-hours ul { padding: 2px 0px 5px 0px; margin: 0px; white-space: nowrap; line-height: 18px; }
#content .dealers .opening-hours li { display: inline; background: none; list-style: none; padding: 0px; margin: 0px; font-size: 10px; text-transform: uppercase; color: #999; background: url(/img/bullet-grey.png) no-repeat bottom center; padding: 0px 2px 12px 2px; }
#content .dealers .opening-hours li.open { background-image: url(/img/bullet-green.png); }
#content .dealers .opening-hours li.close { background-image: url(/img/bullet-red.png); }

table.search-results td { padding-top: 24px; }
table.search-results td.shop { padding-top: 6px; }

#block-search-dealer {}
#block-search-dealer h2 { display: block; height: 54px; margin-bottom: 5px; }
#block-search-dealer p { padding-bottom: 5px; }
#block-search-dealer label { display: block; }
#block-search-dealer select { width: 180px; }
#block-search-dealer #form-search-dealer-area { width: auto; }
#form-search-dealer .button-submit { vertical-align: middle; margin-left: 10px; }

#block-brands { padding-bottom: 10px; }
#block-brands ul { padding-top: 8px !important; }
#block-regions ul { padding-top: 8px !important; }

h2.search-results-title { font-weight: normal; text-transform: none; }
h2.search-results-title em { font-style: normal; font-weight: bold; }

/* MAP BUBBLE */
div.map-bubble-name { font-size: 14px; font-weight: bold; color: #111; }
div.map-bubble-address { font-size: 12px; color: #111; }
div.map-bubble-more { font-size: 11px; font-weight: bold; color: #111; }
div.map-bubble-more a { color: #111; }