

/*******************************************************************/
/*                                                           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; }

.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; }

.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 {}

#page-border {}

#page {}

#page-content-wrapper {position: relative; padding-bottom: 32px;}

#header { margin-bottom: 2px;}

#page-content { clear: both;}

#left-column { display: none;}
#right-column { }
#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 {display: none;}

/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/
#header { display: none;}

#makroflex-logo { display: none; }

/*******************************************************************/
/*                                                            MENU */
/*******************************************************************/
#main-menu { display: none; }
#sekce { display: none; }

/*******************************************************************/
/*                                                    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-top: 5px;
}

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: 254px; 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 {}

#footer #footer-text {
	font-size: 11px;
	color: #FFFFFF;
	width: 763px;
  padding: 0px;
	text-align: left;
}

#copyright {}
#links {display: none;}
#giant { display: none; }

/**********/
/* HENKEL */
/**********/
#henkel { display: none;}

/*******************************************************************/
/*                                                      NAVIGATION */
/*******************************************************************/
#navigation { display: none;}


/*******************************************************************/
/*                                                        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: 50px; 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: 60px; 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: 2em;}
.ol-number-pictures li { list-style-type: decimal; padding-left: 0px; line-height: 30px; background-position: left center; background-repeat: no-repeat;  }
/* block-products-select */
#block-products-select {display: none;}

