body{
	font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #000000;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
}
h1, h2, h3, h4, h5, h6
{
	color: #333333;
	padding-bottom: 0px;
	padding-top: 0px;
}
h1{ font-size: 130%; }
h2{ font-size: 120%; margin-bottom: 2px; margin-top: 15px; }
h3{ font-size: 110%; margin-bottom: 5px; margin-top: 5px;}
h4{ font-size: 100%; }
h5{ font-size: 100%; }
h6{ font-size: 100%; }
p{margin: 8px 0px;}
a{	color: #333333; }
a:hover{ text-decoration: none; }
a img{ border: none; } /* , a:link img */

.product-detail h3
{
	border-bottom: 1px solid #87d0f9;
} 

.tdhead
{
	background-color: #87d0f9;
	font-weight: bold;
}

.tdbody{background-color: #ecf7FC;}



table{ font-size: 100%; }
table td{
	padding: 4px;
}
/* tabulky */
table.standard{
	border: 1px solid #515151;
	border-right: none;
	border-bottom: none;
}
table.colored
{
	border: 1px solid #ff7f00;
	border-right: none;
	border-bottom: none;
}
table.standard th{
	background: #515151;
	color: white;
}
table.standard th,
table.standard td{
	border-right: 1px solid #515151;
	border-bottom: 1px solid #515151;
}
table.colored th,
table.colored td{
	border-right: 1px solid #ff7f00;
	border-bottom: 1px solid #ff7f00;
}
table.colored th{
	background-color: #ff7f00;
	color: white;
}
table.standard th,
table.standard td,
table.colored th,
table.colored td{
	padding: 4px;
}

table.colored2{
	border: 1px solid #ffffff;
	border-right: none;
	border-bottom: none;
}
table.colored2 td{
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

table.colored2 th{
	text-align: left;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

ul
{
   list-style: none;
   color: #333;
   margin: 0px;
   padding: 0px;
}
ul li
{
   /*list-style: none;*/
   margin: 0px;
   padding: 0px;
}
ol{
	color: #333;
}
/* layout */

.main
{
	width: 920px;
	margin: 0px auto;
}
.main .in
{
	width: 920px;
	margin: 0px auto;
	text-align: left;
}

.header
{
   float: left;
	position: relative;
  width: 743px;
	height: 105px;
	background-image: url(head.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	border-bottom: 1px solid #d3d6f9;
}
.head-left
{
	float: left;
	width: 240px;
	height: 112px;
   overflow-x: hidden;
}

.logo
{
	margin-top: 15px;
	margin-left: 20px;
	float: left;
	width: 232px;
	height: 75px;
/*	background-image: url(logo.png);
	background-position: top left;
	background-repeat: no-repeat;
*/
}

.qs-tab{
}
.qs-tab td
{
	padding: 0px 3px 0px 4px;
}
.qs-foto
{
	float: left;
	margin: 0px 0px 0px 5px;
	width: 65px;
}
.qs-text
{
	float: right;
	margin: 0px 0px 0px 2px;
	width: 98px;
   line-height: 13px;
}

.head-right
{
	float: right;
	width: 500px;
	height: 112px;
}
.phrase
{
	color: #555555;
   font-weight: bold;
	margin: 0px 0px 0px 20px;
}

.menu
{

}
.menu ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.menu ul li
{
	display: inline;
	color: #000000;
	font-size: 12px;
}
.menu ul li a
{
	color: #000000;
	text-decoration: none;
	margin: 0px 4px;
}
.menu ul li a:hover
{
	text-decoration: underline;
}
.menu-item-desc
{
	line-height: 9px;
	margin: 0px 0px 0px 35px;
}

.how-to-clean
{
	float: left;
	width: 177px;
	height: 151px;
	margin: 30px 0px 0px 20px;
	background-image: url(how-to-clean.gif);
	background-position: center center;
	background-repeat: no-repeat;
}

.square
{
	padding: 0px 0px 0px 14px;
	background-image: url(ctverec.jpg);
	background-position: left center;
	background-repeat: no-repeat;
}

.big-left
{
	float: left;
	width: 723px;
}

.big-right
{
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	background: #fff url(right-back.jpg) repeat-x top;
	
	position: relative;
	float: right;
	width: 173px;
	min-height: 312px;
	
/*	opacity: 0.5;
	filter: alpha(opacity=50);*/
}
* html .big-right
{
	height: 850px;
}

.big-right .in
{
	width: 169px;
	margin: 8px auto 0px auto;
}


.cols{
	position: relative;
	width: 100%;
	height: 100%;
}
/**********************************/
.col-left
{
	float: left;
	width: 175px;
}
.col-left .in
{
	width: 174px;

}
.col-left .in .box
{
	width: 152px;
	margin: 0px 0px 8px 13px;
	background-image: url(back_cat.png);
	background-position: top left;
	background-repeat: repeat;
}
.col-left .in .box .top
{
}
.col-left .in .box .content
{
	width: 152px;
	min-height: 82px;
	padding-bottom: 7px;
	background-image: url(bott_cat.png);
	background-position: bottom left;
	background-repeat: no-repeat;
}
/**/
.cat-main
{
	width: 240px;
	height: 65px;
	padding: 10px 0px 10px 0px;
	overflow: hidden;
}

.cat-main .pic
{
	margin-left: 15px;
	padding-left: 12px;
	font-size: 20px;
	font-weight: bold;
	background-image: url(main-cat.gif);
	background-position: left center;
	background-repeat: no-repeat;
}


/*
.sub-cat
{
	background-image: url(blue_cat.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}
*/
.cat
{
	float: left;
	margin: 6px 0px 0px 12px;
	font-weight: bold;
  	font-size: 15px;
}


.second-cat
{
	color: #ffffff;
	margin: 0px 0px 0px 12px;
}

.second-cat a:hover
{
	text-decoration: underline;
}

.second-cat a,
.cat a
{
	color: #ffffff;
	text-decoration: none;
}

ul.cat-menu
{
	list-style: none;
	margin-left: 7px;
	padding-top: 3px; /*3*/
}

ul.cat-menu li
{
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	margin-right: 1px;
	padding-bottom: 2px;
	padding-top: 5px;
}

ul.cat-menu li a
{
	text-decoration: none;
}


.active
{
	 font-weight: bold;
   font-style: italic;
   color: #000;
}

/**/
.col-center .box .content
{
	margin: 0px;
	padding: 0px 20px;
}
.col-center
{
	float: left;
	width: 724px; /*718px;*/ /*543*/
	margin-top: 10px;
	margin-left: 3px;
   overflow-x: hidden;
   padding: 0px 0px 10px 0px;
}
.col-center ul
{
	list-style: disc url();
	list-style-position: inside;
	margin-left: 15px;
}

.col-center ul li
{
   margin: 0px;
   padding: 0px;
}
.m-auto
{
margin: auto;
}
.bbwd{border-bottom: 1px dashed #fff; margin-bottom: 5px;padding-bottom: 2px;}


/**********************************/
.footer
{
	margin-top: 35px;
	width: 100%;
	height: 119px;
	color: #ffffff;
}

.f-l
{
	float: left;
	width: 205px;
	height: 100%;
   background-color: #87d0f9;
}
.logon
{
   margin: 0px 0px 0px 30px;
   font-size: 15px;
   font-weight: bold;
}
.copy
{
	margin: 0px 0px 0px 112px;
	font-size: 10px;
	font-weight: bold;
}
.partners
{
	font-size: 10px;
	color: #333333;
}
.f-r
{
   float: right;
	width: 715px;
	height: 100%;
	background-color: #ecF7fc;
}

/**********************************/
.line
{
	background-image: url(line.gif);
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 6px;
   font-size: 6px;
}

/******************************************************************************/
/*formulare*/
.search-input
{
	width: 390px;
	height: 30px;
	border: 1px solid #0189d7;
	margin: 5px 0px 0px 2px;
	float: left;
	font-size: 22px;
}

.submit
{
	background-image: url(blank_find.gif);
	background-position: center;
	background-repeat: no-repeat;
	border: none;
	width: 88px;
	height: 30px;
	margin: 5px 3px 0px 0px;
	color: #ffffff;
	padding: 0px 0px 2px 0px;
}

.long-submit
{
	background-image: url(long_blank_button_w.gif);
	background-position: center;
	background-repeat: no-repeat;
	border: none;
	width: 90px;
	height: 22px;
	margin: 5px 3px 0px 0px;
	color: #ffffff;
	padding: 0px 0px 2px 0px;
}

.link-submit
{
	text-decoration: none;
	display: block;
	padding-top: 2px;
	text-align: center;
	font-size: 13px;
}

.small-submit
{
	background-image: url(find.gif);
	background-position: center;
	background-repeat: no-repeat;
	border: none;
	width: 52px;
	height: 22px;
	margin: 5px 3px 0px 0px;
	color: #ffffff;
	padding: 0px 0px 2px 0px;
}


.search-submit
{
	background-image: url(find.gif);
	background-position: center;
	background-repeat: no-repeat;
	border: none;
	width: 98px;
	height: 39px;
	float: right;
	margin: 5px 3px 0px 0px;
	color: #ffffff;
	padding: 0px 0px 4px 0px;
	font-size: 20px;
}
.zoom
{
   font-variant: small-caps;
	font-weight: bold;
	font-size: 20px;
	color: #336699;
   line-height: 20px;
}

.zoom a
{
   font-variant: small-caps;
	font-weight: bold;
	font-size: 20px;
	color: #336699;
  line-height: 20px;
  text-decoration: none;
}
.zoom a:hover
{
	text-decoration: underline; 
}

/******************************************************************************/
/**PRODUCT**/
.product
{
	float: left;
	width: 684px;
	height: 116px;
	overflow-x: hidden;
border: 1px solid #99ccff;
	margin: 0px 8px 8px 0px;
	padding: 0px;
}

.product .content
{
	padding: 0px 0px 0px 5px;
	background-image: url();
	background-position: bottom;
	background-repeat: no-repeat;
}

.product .top
{
	width: 100%;
}

.prod-pic{
	float: left;
	margin: 4px 0px 4px 2px;
	width: 95px;
   overflow: hidden;
}

.more
{
   font-weight: bold;
   margin-left: 5px;
   color: #AC0000;
   font-size: 13px;
}

.required
{
	color: red;
	margin: 0px 0px 0px 0px;
	padding: 0px 2px 0px 5px;
   font-size: 13px;
   font-weight: normal;
}

.order-form label
{
   font-weight: bold;
}

.order-form table
{

}
.order-form input
{

}

.want-product
{

}

/*pager*/
.pager
{
	text-align: right;
}
.pager a
{
	color: #C50000;
}
.pager ul
{
   list-style: none;
   color: #333;
   margin: 0px;
   padding: 0px;
}
.pager ul li
{
	display: inline;
   margin: 0px;
   padding: 0px;
}

.pager .active{color: #000000;}
.next
{
   font-size: 15px;
}
.previous
{
	font-size: 15px;
}
page {
	
}

/* anketa */
.inquiry
{
   width: 100%;
   overflow: hidden;
}
.inquiry-label { }
.inquiry .answer-label a,
.inquiry .answer-label span { color: #000000; /*color: #ff8535;*/}
.inquiry .answer-label span.percent { font-weight: bold; }
.inquiry .answer-graph
{
   height: 13px;
   overflow: hidden;
   background-color: #dddddd;
   background-color: #a6f49d;
   background-color: #ccdf9d;
	margin-top: 1px;
	margin-bottom: 2px;
}
.inquiry .answer-label a:hover
{
	color: red;
}
.answer-graph-fill
{
   background-color: #666666;
   background-color: #43db28;
   background-color: #709e01;
   height: 13px;
   overflow: hidden;
}
/******************************************************************************/
.right-100p-box
{
	position: absolute;
	top: 105px;
	left: 0px;
	/*margin-left: 25%;*/
	width: 100%;
	height: 100px;
   z-index: 1;
   border-top: 1px solid #d3d6f9;
}
.pako
{
	z-index: 3;
}
.pr
{
	position: relative;
}
.top-right-50p-box
{
	position: absolute;
	top: 0px;
	/*margin-left: 25%;*/
	width: 50%;
	height: 111px;
   z-index: 1;
	background-color: blue;
}
/******************************************************************************/
.ar{text-align: right;}
.al{text-align: left;}

.fl{float: left;}
.fr{float: right;}

.fcw{color: #ffffff;}
.fcb{color: #003366;}
.fcr{color: red;}
.fcblack{color: #000000;}

.fw{font-weight: bold;}
.fnw{font-weight: normal;}

.pt3-3{padding: 3px 0px 3px 0px;}
.p3-3{padding: 0px 3px 0px 3px;}
.p5-5{padding: 0px 5px;}
.p5{padding: 5px;}

.f9{font-size: 9px;}
.f11{font-size: 11px;}
.f12{font-size: 12px;}
.f13{font-size: 13px;}
.f15{font-size: 15px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f50{font-size: 50px;}

.fs15
{
	font-size: 15px;
}

.b{font-weight: bold;}
.i{font-style: italic;}

.mt2{margin-top: 2px;}
.mt7{margin-top: 7px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}

.mb10{margin-bottom: 10px;}

.mr2{margin-right: 2px;}
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}

.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml25{margin-left: 25px;}

.m0{margin: 0px;}

.p0{padding: 0px;}
.p5{padding: 5px;}
.pl2{padding-left: 2px;}
.pl5 {padding-left: 5px;}
.pl10 {padding-left: 10px;}

.tar{text-align: right;}
.tal{text-align: left;}
.tac{text-align: center;}

a:hover.ahu{text-decoration: underline;}
.nu{text-decoration: none;}
.nu a{text-decoration: none;}
.nbck{background-color: transparent;}
.nborder{border: 0px none;}

.h7{height: 7px !important;}
.h12{height: 12px !important;}
.h40{height: 40px !important;}
.h50{height: 50px;}
.h78{height: 78px;}
.h105{height: 105px;}
.h110{height: 110px;}
.h195{height: 195px;}
.h200{height: 200px;}

.lh
{
	line-height: 12px;
}

.w15{width: 15px;}
.w30{width: 30px;}
.w20{width: 20px;}
.w40{width: 40px;}
.w70{width: 70px;}
.w100p{width: 100%;}
.w90{width: 90px;}
.w142{width: 142px;}
.w150{width: 150px;}
.w200{width: 200px;}
.w300{width: 300px;}
.w385{width: 385px;}
.w400{width: 400px;}
.w422{width: 422px;}
.w410{width: 410px;}
.w500{width: 500px;}
.w600{width: 668px;}

.w246{width: 246px;}

.btb{border-top: 1px solid #016EE0;}
.bbb{border-bottom: 1px solid #016EE0;}

.btg{border-top: 1px solid #CCCCCC;}
.bbg{border-bottom: 1px solid #CCCCCC;}
.blg{border-left: 1px solid #CCCCCC;}

.btb{border-top: 1px solid #CCC;}
.bbb{border-bottom: 1px solid #CCC;}
.blb{border-left: 1px solid #CCC;}
.brb{border-right: 1px solid #CCC;}

.brb4333{
	border-left: 4px solid #99ccff;
	border-top: 3px solid #99ccff;
	border-right: 3px solid #99ccff;
	border-bottom: 3px solid #99ccff;
   background-color: #99ccff;
}

.cb{color: #0066cc;}

.bgb{background-color: #ecF7fc;}
.bl-b4{border-left: 4px solid #87d0f9;}
.bgbd{background-color: #87d0f9;}


.br{border: 1px solid red;}
.bgr{background-color: red;}

.bh2
{
	height: 200px;
	background-image: url(logo-back.jpg);
	background-position: top center;
	background-repeat: repeat;
}
.h200{height: 200px;}

.di{display: inline;}

.nike
{
	margin: 0;
	padding: 0;
	width: 29px;
	text-align: center;
}

.nike-text
{
	clear: #333333;
	font-weight: bold;
	font-size: 15px;
	width: 155px;
}

.bred
{
	background-color: red;
}

.cl
{
	clear: both;
	font-size: 0px;
	line-height: 0px;
	height: 0px;
	overflow: hidden;
	position: relative;
}

.blue-text
{
  color: #87d0f9;
}

.red-text
{
  color: red;
}

.reklama
{
	width: 668px;
	padding: 2px; 
	background-color: #ffecec;
	border: 1px solid #ffc7c7;
}

a.u:hover
{
   text-decoration: underline;
}
.highlight-red
{
	color: #cc0000;
   font-weight: bold;
   font-size: 14px;
}

.advert-back
{
background-color: #eee;;
margin-bottom: 5px;
}

.kalendar-promo
{
   background-color: #DB1921;
   color: #fff;
   font-weight: bold;
   padding: 10px 0 10px 0;
   font-size: 15px;
   text-align: center;
}

.weather
{
   font-size: 12px;
   margin-right: 20px;
   background-color: #fff;
   padding: 5px;
}

.weather_day
{
   width: 65px;
   
}