body {
	margin: 0;
	padding: 0;
	color: black;
	font-family: Verdana, Arial, Tahoma, helvetica, sans-serif;
	font-size: 12px;
	background: black url('img/bg.jpg') no-repeat top center;
	text-align: center;
}
#web {
	background: white url('img/bg_body.jpg') repeat-y;
	text-align: left;
	width: 1002px;
	border-top:0;
	margin: auto;}

#title {
	background: white url('img/title.jpg') no-repeat;
	height: 193px; height: "193px";
	text-align: left;
	padding: 0;}

#title #top-vyhledavani {
	background: url('img/btn_search.jpg') no-repeat;
	float:right;
	margin:70px 150px 0px 0px; 	margin:"70px 146px 0px 0px";
	width: 206px; height:22px }
	
#title #top-vyhledavani input{
	background-color: white; border:0; color:#5f5f5f;
	margin:1px 0px 0px 32px;
	width: 150px; height:18px }
	

#title #top-vyhledavani a{ color: blue; text-decoration: none }
#title #top-vyhledavani a:hover{ color: blue; text-decoration: underline }


#title #logo {
	padding-top: 15px; 	padding-top: "0";
	width: 177px; }

#title #logo h1 {
	width: 177px;
	height: 123px;
	color:gray;
	position: relative;
	margin: 30px 0 0 410px; 	margin: "50px 0 0 410px";
	padding: 15px 0 0 0; 	padding: "0";
	font-size:19px; 	font-size:"20px"; }	

#title #logo h1 a{
	width: 177px;
	height: 123px;
	cursor:hand;
	color:gray;
	font-size:19px; 	font-size:"20px"; }
#title #logo h1 span {
	display: block;
	position: absolute;
	left: 0;top: 6px; 	left: "0";top: "0";
	width: 177px;
	height: 123px;
	background: url('img/logo.jpg') no-repeat; }

	
.topnavigace{
	list-style-type: none;
	margin: 0;
	padding: 0;
	border-bottom-width: 0;
	vertical-align:middle;
	line-height: 57px;
	height: 57px;
	vertical-align:middle;
	background: url('img/bg_menu_top.jpg') no-repeat;
}
.topnavigace li { display:inline; }

.topnavigace li a{
	text-transform:uppercase;
	text-align:center;
	vertical-align:middle;
	font-size:11px;
	color: black;
	display:block;
	line-height:16px;
	float:left;
	width: 120px;
	height: 36px; border: 0px solid red;
	margin: 0; 	margin: "14px 0px 0 10px 0";
	padding: 15px 0px 0px 10px 0px;	padding: "0";
}

.topnavigace li a.horni{ margin: 20px 10px 0 10px 0; padding: 20px 10px 0 10px; padding: "0"; }
.topnavigace li a.horni-konec{ margin: 20px 0px 0 10px; padding: 0px 0  0 0px; padding: "0"; }
.topnavigace li a.horni-bocni{ margin: 20px 10px 0 190px; padding: 0px 0  0 5px; padding: "0";  }
.topnavigace li a.srovnani{ padding-top: 10px; padding-left: 10px; padding: "0"; }


.topnavigace li a:hover{color: black; }


#bodyw {
	/* position: relative; */
	text-align: left;
	padding: 0;
}



/* LEVÉ MENU */

#leva-menu {
	color:gray;
	float: left;
	width: 263px; 	width: "253px";
	padding: 0;
}

#leva-menu #banner-bonna-clean { margin: 0px 0px 10px 10px; border:0px; width: 254px; height:280px }
#leva-menu #banner-zajimave-zbozi { margin: 10px 0px 10px 10px; border:0px; width: 254px; height:47px }

#leva-menu .blok-zajimave-zbozi { margin: 1px 0px 1px 10px; border:0px solid silver; width: 254px; height:77px }
#leva-menu h4 {color: gray; font-size:16px; font-weight:normal;padding:0; margin:0 }









#leva {
	color:gray; border: 0px solid red;
	float: left;
	width: 540px; 	width: "530px";
	padding: 7px 0 10px 7px;		padding: "8px 0 10px 10px;"
}


#leva h2 { color:#646464; font-size:15px; padding:0 0 0 5px; margin:0;font-weight:bold; }

#leva h3{
	padding: 6px 0 0 0;
	color:gray;
	font-size:14px;
	margin: 0;
}

#leva p{
	color:#454545;
	line-height: 17px;
}

#leva .special{
	color:black;
	background-color: #f6f6f6;
	padding:4px 4px 4px 70px;
	border:1px solid #cbcbcb;
	line-height: 17px;
}






/* PRAVÁ STRANA */ 

#prava { 
	float: right;
	width: 183px; 	width: "182px";
	text-align: left;	padding: 0;		padding: "0;" }

	
#prava #banner-1-kosik { width:177px; height:145px; background: url('img/r1_kosik.jpg') no-repeat;  }

#prava #banner-1-kosik  p{ font-size: 11px;
	text-align: right; line-height: 19px;
	padding: 68px 17px 0 0; 
	margin: 0
	}
	
#prava #banner-1-kosik  p a{ 
	display: block; color: black;
	width: 100px; float:right;
	margin: 12px 30px 0 0;
	}

	
#prava #banner-2-registrace { margin: 15px 0px 15px 0px; border:0px; width: 177px; height:48px }

#prava #banner-3-prodejna { margin: 0px 0px 15px 0px; border:0px; width: 177px; height:176px }

#prava #banner-4-pokladka { margin: 0px 0px 10px 0px; border:0px; width: 177px; height:176px }
	
/* PATIČKA */ 

#paticka {
	background: white url('img/paticka.jpg') no-repeat center;
	height:80px; 	height:"80px";
	float: right;
	width:1002px;
	padding: 0;
}

#paticka  p{
	text-align:center;
	line-height:18px;
	font-size: 10px;
	color: white;
	margin-top:35px;
	padding: 0;
}


#paticka a {
	font-size: 10px; color: white;
	text-decoration: none;
}
#paticka a:hover {
	text-decoration: underline;
}




a{
	color: blue;
	text-decoration: none }
a:hover{
	color: blue;
	text-decoration: underline }

hr.clean { clear: both; height: 1px; border: none; margin: -1em 0 0 0; visibility: hidden; }





/* Navigace */

.navigace{
	list-style-type: none;
	margin: 5px 0 10px 10px;
	padding: 0;
	width: 253px; width: "253px";
	border-bottom-width: 0;
}
.navigace li a{
	background: white url('img/l_menu_kategorie.jpg') no-repeat;
	line-height:39px;
	height:39px;
	text-transform:uppercase;
	text-align:left;
	vertical-align:middle;
	font-size: 11px;
	color: #3f3f3f;
	display: block;
	width: 233px; width: "253px";
	padding: 0px 0 0px 20px;
	text-decoration: none;
	margin: 0;
}

.navigace li a.aktivni-menu{
	background: white url('img/l_menu_aktivni.jpg') no-repeat;
	font-weight:bold;
}

.navigace li a.podmenu-seznam{
	background: white url('img/l_menu_podmenu.jpg') no-repeat; 	text-transform:normal;
	font-weight:normal; padding: 0px 0 0px 50px;
}


.navigace li a:hover{	text-decoration: none; color: #2e7504; }



 








table {
	margin: 5px 0 15px 0; }
td {
	color: #464646;
	font-family: Verdana, Arial, Tahoma, helvetica, sans-serif;
	font-size: 11px;
	padding: 0;
	line-height: 21px; }

small {
	color: silver;
	font-size: 12px; }



h2 {
	font-size: 23px;
	font-weight:normal;
	text-decoration: none;
	color: green;
	margin:0 0 5px 0; 
}  

h6 {	// VLEVO BLOKY
	padding:0;
	text-align:right;
	font-size: 14px;
	font-weight:normal;
	height:25px; line-height:25px; text-vertical-align:bottom;
	text-decoration: none;
	color: gray;
	margin:0 0 5px 0;
} 

.tbox {
	border:1px solid gray; }
.button {
	border:1px solid gray; cursor:hand
} 


/* KATALOG */


p .ilink{
	font-size: 11px; margin-bottom:0px;
	color: #8e4c0b;
	color: gray;}

a.ilink:hover{
	color: gray; text-decoration: none; }

.item-obr {
	float:left;
	margin: 6px 10px 5px 0;	margin: "6px 10px 5px 0";
}

table {
	/* width:269px; */
	border:0;
	font-size:11px;
}

.bgitem {
	background: url('img/bg_item.jpg') no-repeat;
	font-size:11px;
	width:264px;
	border:0;
	margin: 0 0 20px 0;
}
.bgitem-prvnicast{
	border:0;font-size:11px;
	margin: 0;
}

.itemcena { color:red;font-size:12px; }
.itemsleva { color:green;font-size:12px; }

.parametry-popis { margin-top:0px;font-size:10px; }
.parametry-popis span{ color:gray;font-size:10px; }

#informacnilista {
	width: 100%; 
	height: 35px; height: "25px"; 
	margin-bottom: 5px; border-bottom: 1px gray dotted;font-size:11px;color:gray }

#informacnilista .lista-razeni{ width: 100%; float: right; text-align: right }
#informacnilista .lista-navratovekategorie{ width: 100%; float: left;padding:5px 0 7px 0;clear:both; margin-top:1px; margin-top:"15px" }

#informacnilista a{ color: #464646;font-size:11px;color:#464646 }



#leva td h2 {
	clear:both;
	font-size: 13px;
	font-weight:bold;
	text-decoration: none;
	color: black; padding: 5px 0 0 7px;
	margin:0 0 5px 0; }


#leva h2 {
	clear:both;
	font-size: 13px;
	font-weight:bold;
	text-decoration: none;
	color: black; padding: 0 0 0 0px;
	margin:0 0 0 0; }

#leva a h2{
	clear:both;
	padding:0;
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
	color: #1a7800; 
}


#leva h1 strong{
	clear:both;
	font-size: 21px;
	font-weight:normal;
	text-decoration: none;
	color: #1a7800;
}


.bez{
	padding:0;
	margin: 0;
}
form{
	padding:0;
	margin: 0;
}

p.strankovani{ font-size:11px; color:#575757 }
p.strankovani a{ font-size:11px; color:#575757 }

#vypis-kategorii { background-color:#f3f3f3; padding:10px;border:1px solid #e0dedf }
#vypis-kategorii a{ color:#187600; font-weight:bold; font-size:11px; }





/* HOME */

#leva #hlavni-banner-stred { width: 526px; height: 186px; border:0px;margin-bottom:15px}

#leva #bn1 { clear:both; width: 189px; height: 260px;}
#leva #bn1 a h2 {
	width: 250px; height: 242px;
	cursor:hand;
	color:gray; margin:0; padding:0 0 0 4px; padding:"0";
	position: relative;
	font-size:22px; }
#leva #bn1 h2 span {
	display: block;
	position: absolute;
	left: 0px;top: 0px; 	left: "0";top: "0";
	width: 250px; height: 242px;
	background: url('img/hl_ban_1_parkety.jpg') no-repeat; }


#leva #bn2 { width: 189px;  margin-left:5px; height: 260px; }
#leva #bn2 h2 {
	width: 250px; height: 242px;
	cursor:hand;
	color:gray; margin:0; padding:0;
	position: relative;
	font-size:22px; }
#leva #bn2  h2 span {
	display: block;
	position: absolute;
	left: 0;top: 0px; 	left: "0";top: "0";
	width: 250px; height: 242px;
	background: url('img/hl_ban_2_laminat_podlahy.jpg') no-repeat; }


#leva #bn3  { width: 189px;  margin-left:5px; height: 260px;}
#leva #bn3 a h2 {
	width: 250px; height: 242px;
	cursor:hand; 
	color:gray; margin:0; padding:0;
	position: relative;
	font-size:22px; }
#leva #bn3 h2 span {
	display: block;
	position: absolute;
	left: 0;top: 0px; 	left: "0";top: "0";
	width: 250px; height: 242px;
	background: url('img/hl_ban_3_drevene_podlahy.jpg') no-repeat; }
	
#leva #bn4 { width: 189px; margin-left:5px; height: 260px;}
#leva #bn4 a h2 {
	width: 250px; height: 242px;
	cursor:hand; 
	color:gray; margin:0; padding:0;
	position: relative;
	font-size:22px; }
#leva #bn4 h2 span {
	display: block;
	position: absolute;
	left: 0;top: 0px; 	left: "0";top: "0";
	width: 250px; height: 242px;
	background: url('img/hl_ban_4_pvc.jpg') no-repeat; }
	
#leva #bn5{ width: 189px; margin-left:5px; height: 260px;}
#leva #bn5 a h2 {
	width: 250px; height: 242px;
	cursor:hand; 
	color:gray; margin:0; padding:0;
	position: relative;
	font-size:22px; }
#leva #bn5 h2 span {
	display: block;
	position: absolute;
	left: 0;top: 0px; 	left: "0";top: "0";
	width: 250px; height: 242px;
	background: url('img/hl_ban_5_koberce.jpg') no-repeat; }
	
	
#leva #bn6 { width: 189px; margin-left:5px; height: 260px;}
#leva #bn6 a h2 {
	width: 250px; height: 242px;
	cursor:hand; 
	color:gray; margin:0; padding:0;
	position: relative;
	font-size:22px; }
#leva #bn6 h2 span {
	display: block;
	position: absolute;
	left: 0;top: 0px; 	left: "0";top: "0";
	width: 250px; height: 242px;
	background: url('img/hl_ban_6_marmoleum.jpg') no-repeat; }
	
	
a.kosik-link { color: black;}
a.kosik-link:hover { color: black;}

.smallkos{ font-size:10px }