table , table tr, table td{ vertical-align: top;}
body {
background: #CBCFD2 url(../img/b2.jpg) top left repeat-x;
	 	color: #000;
	font-family: "Trebuchet MS", Verdana, "Geneva CE", lucida, sans-serif;
	margin: 0;
	padding: 0 2%;
	font-size: x-small;
	text-align: left;
	line-height: 1.5
}
html, body {
	height: 100%
}
html>body {
	font-size: small
}

table.weep {font-size: 11px;}
span.front {background: #666;color:  white;font-weight: bolder; display: block; padding: .4em;}
a.basic {background: #e3e3e3;color:  black;font-weight: bolder; display: block; padding: .4em;}
acronym { border-bottom: 1px dotted red;  cursor: help }
acronym:hover { background: yellow; border-bottom: 1px solid red;  cursor: help }
#left address {  margin-left: .7em; font-style: normal; }
#text address {	font-size: 12px; margin-left: .7em; font-style: normal; }
fieldset { padding: 5px 2px;	border:1px solid #ccc; }
h1, h2, h3, h4 { font-family: "Trebuchet MS", "verdana ce", "helvetica ce", verdana, sans-serif;    padding-top: 0;}
h1, h2, h3 { text-align: left; }
h1 { font-size: 1.34em;	  }
h2 { font-size: 1.3em; padding: 0;margin :0; }
h2 span { font-size: 86%; color: #e1e1e1;  }



#topper {width: 960px;margin:0;padding:0; display:inline;float:left;background: #666;}
#topper, #topper li {list-style-type: none;float:left;}
#topper li {display: inline;}
#topper a:link, #topper a:visited {display: block; float: left; padding: .4em; color: white;}
#topper a.in {background: white; color: black;}
#left h3 { font-style: normal; text-align: center; }
h4 { font-size: 1.1em; margin:0;padding: 3px; text-align: left; }
img { border: 0px; margin: 0;	padding: 0; }
.legend { padding: 5px; background: white; float:left;margin:0;width:610px;border-top:1px solid silver;}
p {	margin: 0; padding: .5em; }
h3.one, h3.two, h3.three {height: 40px;margin-top:.5em;}
h3.one { background: url(../img/li1.png) no-repeat #fff top left;}
h3.two { background: url(../img/li2.png) no-repeat #fff top left;}
h3.three { background: url(../img/li3.png) no-repeat #fff top left;}
#center_div {
	text-align: left;
	padding: 0px;
	width: 960px;  
	background: transparent;
} 

#pa { background: white; padding: 4em 2.4em 2.4em 2.4em; }

#topmenu { font-weight: bolder; width:960px; margin:0; padding: 0;  background: transparent; }
#topmenu, #topmenu li { float:left;  margin:0; padding: 0; list-style: none;  }
#topmenu {padding-left:90px;}
#topmenu li { background: transparent;}
#topmenu a {display: block; float:left; padding:5px 5px 5px 5px; 
margin: 0 5px; color: #e1e1e1; background: transparent; text-transform: uppercase;}
#topmenu a span{color: white; }
#topmenu a:hover {color: red; }
#topmenu a:hover span {color: #fff; }
li.link {margin-right:160px !important;  color: black !important;}
li.link a{ color: black !important;}
li.link2 { padding-left:160px; }
#right { width: 160px;  float: right;height:500px;}
 
#banner { width: 760px;
background: url(../img/banner3.jpg) #fff no-repeat right; margin: 0px; height: 180px;
padding:0;	}
#logo { width: 240px; height: 140px; }
#logo a { background: url(../img/ass43.jpg) transparent no-repeat left;
display: block; width: 240px;  height: 140px; }

/*

.adv { float:left; width: 168px; height: 68px;  border: 0px solid black; }

/*
#basket {
	position: absolute;
	top: 209px;
		background: #333366;
		padding: .4em;
	
  z-index:2;
	width: 200px;
	margin-left: 550px;
	font-size: 11px;
	font-family: "verdana ce", "helvetica ce", verdana, sans-serif;
	color: yellow;
}*/

#basket {
	position: absolute;
	top: 78px;
	margin-left: 600px;
	_position: absolute;
	_top: -18px;
	_margin-left: 8px;
	text-align:right;
	margin-bottom:10px;
	font-size: 11px;
	font-family: "verdana ce", "helvetica ce", verdana, sans-serif;
	color: white;
	padding: 2px;
}
/*
.basket {
	position: absolute;
	z-index: 6;
	top: 48px;
	margin-left: 8px;
;
	font-size: 11px;
	font-family: "verdana ce", "helvetica ce", verdana, sans-serif;
	color: white;
	padding: 2px
}
*/
/* za?ek > obr?ov?enu vpravo */

 

#all { clear:both;}
#left {	float: left; background: none; margin: 0; width: 600px;  padding:0;}

/* menu vlevo */

#menu ul, #menu ul li {padding: 0; margin: 0; _display: inline; list-style-type: none; }
#menu {color: #999;   width: 140px; }
#menu ul li { margin: 0 0 1px 0;}
#menu li.submenu a:link, #menu li.submenu a:visited { 
padding: 5px; font-family: Trebuchet MS, verdana; font-size: 10px;font-weight: bolder;
 margin: 0px 0 0px 0px; background: #e1e1e1; border: 1px solid silver;
   color: #000; display: block; text-decoration: none; }
#menu li.submenu a:hover {background-color: white; color: #000;border: 1px solid #e2e2e2;  }
#menu li.submenu a.act:link, #menu li.submenu a.act:visited {background-color: red; 
border: 1px solid brown; color: #fff; }
#menu li.submenu1 a:link, #menu li.submenu1 a:visited { background-color: #999;
padding: 4px; font-family: Trebuchet MS, verdana; font-size: 10px;
font-weight: bolder;
  margin: 0px 0 0px 0px; border: 1px solid silver;
   color: #000; display: block; text-decoration: none; }


#middle { 
float:right;
width:620px;
-moz-border-radius: 25px;
border: 1px solid #e2e2e2;
	margin: 60px 0px 30px 0 ;
	_margin: 60px 0px 30px 0;
font-size: 10px;
background: url(../img/w.gif) top left repeat-x transparent;
	  color: black;
	 padding-top:250px !important;
} 

#middle2 { 
float:right;
width:620px;
-moz-border-radius: 25px;
border: 1px solid #e2e2e2;
height:200px;	
margin: 60px 0px 30px 0 ;
	_margin: 60px 0px 30px 0;
font-size: 10px;
padding-top:200px;
background: white;
	  color: black; 
} 
#middle3 { 
float:right;
width:620px;
-moz-border-radius: 25px;
border: 1px solid #e2e2e2;
	margin: 60px 0px 0 0 ;
	_margin: 60px 0px 0 0;
font-size: 10px;
background: white;
padding:50px;
	  color: black; 
} 
#middle p.do-kosiku, #middle p.obsah-kosiku {
	margin-bottom: 20px;
}
#middle table {
	font-size: 13px;
}
#middle td {
	/*border-bottom: 1px solid #ccc*/
}

#middle td.nazev {
	width: 280px;
	font-size: 11px;
}


#middle a, #middle a:visited {
	/*color: #cc6633;*/
	padding: 2px;
	text-decoration: underline;
  color: blue;
}
#middle a:hover {
	color: black;
	text-decoration: none;
}
#middle input.price {
	width: 20px;
}
.nav {height:55px; background: url(../img/menu.gif) repeat-x white;}
.nav h1{padding: 16px;  margin:0; text-align: center;}
#text {

	padding: 10px;
	background: white; 
}
#uvod {
	padding: 0 10px;
	background: white;
	float: left;
	width: 400px;
	_width: 410px;
}
#top-nab {
	padding: 0 10px;
	font-size: 11px;
	background: white;
	float: left;
	width: 130px;
	_width: 150px;
}
#text th {
  padding: 5px;
  margin-right: 15px; 
	font-size: 11px;
}

#footer { width: 960px;   background: #666;text-align:left; }
#footer p {margin: 0; padding: 10px; line-height:1.7em; font-size: 11px; color: #fff; 
font-family: "verdana ce", "helvetica ce", verdana, sans-serif; }
#footer p a:link, #footer p a:visited {color:yellow ; text-decoration: underline; }
#footer p a:hover {color: white; text-decoration: none; }
.fleft, .fright {width:440px;}
.fleft {float:left;text-align:left;}
.fright{float:right;text-align:right;}
.t01{
	padding-top: 15px;
	background: url(../img/_right01.jpg) transparent no-repeat top left;
}
.t03{
	width: 180px;
	float: right;
	height: 35px;
	background: url(../img/_right03.jpg) transparent no-repeat top left;
}
.fl {	float: left; }
.fr {	float: right; }
.img_fr {
	padding: 3px;
	border: 2px solid #999;
	float: right;
}
.cb {	clear: both; }
.news {
	float: left;
	margin: 3px 6px;
	padding: 3px;
	border: 1px solid red;
}

.stat {
	margin-top: 2em;
}
.r {
	text-align: right
}
.cc {
	text-align: center;
	margin: 0.5em auto 0.5em auto;
}
.partneri a: {
	display: block;
}
.partneri img{
	padding: 1px;
	margin: 1px;
	border: 1px solid #900090;
}

.red {color: red}
p.upozorneni {padding: 0.5em; margin: 1em 0;}
tr.one {background-color: #BFF1FF;}
a:link.sml, a:visited.sml {font-size: 90% !important;}
#text h2 {color:red; margin-top: 0;padding-top: 3px;}
#text h2 span {color:red;}
.cntr { margin:0 auto 40px auto; text-align: center;}
.cntr1 { margin:.4em auto 0px auto; text-align: center;}
.cntr img { border:0; margin: 2px 4px;}

.jak_nakupovat p {
 margin-bottom: 2em;}

.jak_nakupovat img {
margin-right:0.8em;float: left; padding: 0 0 0em 0; }
.jak_nakupovat img.img1 {
padding: 0 0 4em 0; }

.red {color: red;font-weight: bold;}


div.infopanel {
margin-left: 1em;
}
.ptc {width: 245px; _width: 250px; height: 270px; float: left;
 margin: 4px; padding: 5px; color: #666; line-height:1.4em;
 background: white;}
.ptc a:hover{color: red !important;}
.ptc a:visited {color: blue !important;}
.gallery { background: white; text-align:center;  border: 1px solid #e1e1e1; margin-right: 1em;}
.gall {text-align:center;   }
.gall img{}
th.nt {text-align:center;} 
.ord {float:left;}
.ord2 {float:right; text-align: right}
.ord span {padding: 0.4em; margin:2px; border: 1px solid #666; display: block; background: #CCCCFF}
.ord span.od:hover {color:white;font-weight: bolder;background: #CC0000}

div.ndp {height: 4em;  }
.galle {  width: 100%;text-align:center; background: white; height: 120px !important;}

div#menu_top ul {float: right; text-align:right; margin: 57px 10px 0px 0px; padding: 0px 0px 0px 0px; width:100px  }
div#menu_top li {  list-style: none;}
div#menu_top li a{display: block; color: white; font-weight: bolder; }
div#menu_top li.h a:link, div#menu_top li.h a:visited {background: url(../img/x-help.png) 0 0 no-repeat;  }
div#menu_top li.b a:link, div#menu_top li.b a:visited {background: url(../img/x-cart.png) 0 0 no-repeat; }
div#menu_top li.p a:link, div#menu_top li.p a:visited {display: block; background: url(../img/x-cashdesk.png) 0 0 no-repeat;   }
div#menu_top li.f a:link, div#menu_top li.f a:visited {background: url(../img/x-find.png) 0 0 no-repeat; }
div#menu_top li.h a:hover, div#menu_top li.b a:hover, div#menu_top li.p a:hover, div#menu_top li.f a:hover {background-position: 0 -66px;}

table.ta td, table.ta th {border: 1px solid #e1e1e1;}
td.pr {background: #FBE5CC;padding: .3em; border: 1px solid #e2e2e2;}
fieldset.nt { }
fieldset.nt label{text-align:right; width: 11em; float:left; color: brown;   margin:2px 1em;padding:0;}
fieldset.nt input, fieldset.nt textarea{  margin:2px 1em;padding:0; clear:right;}

.bezslevy {text-decoration: line-through; }
.seslevou {font-weight: bolder; color: red;}
#top_menu {width: 80%; margin: 0 auto;} 
#top_menu label {width: 40%; float:left;}
span.r {text-align:center;display:block;}

span.black, span.ten, span.green, span.none {border:1px #666 silver;float:left; width:5px;}
span.black:hover, span.ten:hover, span.green:hover, span.none:hover {border:1px solid black;} 
span.black {display: block;   height:5px; background: black;}
span.ten {display: block;   height:5px;   background: #CCCC99;}
span.green {display: block;   height:5px;  background: green;}
span.none {display: none;}

 #next, #none {
	display:block;
	padding:3px 6px;
	color: white;
	font-weight: bolder;
	 
	/*-moz-border-radius:5px;*/
	background: transparent;
	text-decoration:none;
	margin:0 10px 10px;
}
#prev{
	display:block;
	padding:3px 6px;
	color: black;
	font-weight: bolder;
	border:1px solid #bbb;
	border-color:#888;
	background:#e1e1e1;
	text-decoration:none;
	margin:0 10px 10px;
}
html body div #prev:hover, html body #next:hover {
	border-color:#888;
	background:#e1e1e1;
	color:#000;
}

#prev {
	float:left;
}
#next {
	float:right;
}
#image {
	text-align:center;	
}
.imgwrapper {
	float: left;
  margin: 0 0 15px 15px;
	_margin: 0 0 15px 10px;
	padding: 2px;
	width: 160px;
	height:113px;
}
.imgwrapper span {
	display:block;
	font:9px verdana, sans-serif;
	text-align:center;	
}
.imgwrapper img {
	background-color: #fff;
	border: 1px solid #ddd;
	/*-moz-border-radius:5px;*/
	padding: 3px;
}
.imgwrapper a:visited img {
	background-color:#fff;	
}
.imgwrapper a:hover img, .imgwrapper a:focus img {
	background-color: #666;
}
.imgwrapper a:hover, .imgwrapper a:focus {
	color:#000;
}
#single {
	padding:3px;
	border:1px solid #aaa;
	/*-moz-border-radius:5px;*/
	background:#ddd;
}

#desc {
 
	text-align:center;
	padding:10px 60px 2px 60px;
}
#credit {
	background:#036;
	border-top:0px solid #333;
	/*-moz-border-radius:0 0 20px 20px;*/
	color:#fff;
	font-size:9px;
	text-align:center;
	margin:10px 0 0;
	padding:3px 0;
	clear:both;
}
#credit a {
	color:#fff;
}
#directories {
  width: 520px;
  text-align:center;
	border-bottom:1px solid #ddd;
	margin:0 auto;
}
#directories a {
	margin: 1px;
	width: 250px; display: block; height: 250px; float:left;
}
#directories a.a1 {
background: url(./img/1.jpg) no-repeat;
}
#directories a.a2 {
background: url(./img/2.jpg) no-repeat;
}


#breadcrumb {
	font-size:10px;
	padding:3px;
	border:0;
	background:transparent;
	color:#fff;
}
#breadcrumb a, #breadcrumb a:hover, #breadcrumb a:active {
	color:#fff;
}
#dirdesc {
	padding:20px;
	border-bottom:1x solid #000;	
}
#gallery {
/*
	margin:10px 5px 5px;
	*/
}
#directories ul {
	list-style:circle;
	padding-bottom:5px;
}
#directories li {
	margin:2px 0;
}

/*#one, #two, #three, #four, #five,#six {width:10px; height:10px; margin-right: 5px; display: block; float: left;color:black !important; text-align:center;  }
.one, .two, .three, .four, .five,.six ,.seven ,.eight {padding:2px; margin:1px; color:black; text-align:center;  }
.one a, .two a, .three a, .four a, .five a, .six a, .seven a, .eight a, 
.one a:visited,  .two a:visited,  .three a:visited, .four a:visited, .five a:visited, .six a:visited, .seven a:visited,.eight a:visited{text-decoration: underline; color: black !important;}
.one img {background: red;}
.two {background: #6666CC;}
.three {background: green;}
.four {background: brown;}
.five {background: silver;}
.six {background: yellow;}
.seven {background: #666;}
.eight {background: #e2fe2f;}
.seven a:link, .seven a:visited,.six a:link, .six a:visited, .five a:link, .five a:visited { color: black !important;}
#one {background: red;}
#two {background: #6666CC;}
#three {background: green;}
#four {background: brown;}
#five {background: silver;}
#six {background: yellow;}
#seven {background: #666;}
#eight {background: #e2fe2f;}
*/
#one, #two, #three, #four, #five,#six {width:10px; height:10px; margin-right: 5px; display: block; float: left;color:black !important; text-align:center;  }
.one, .two, .three, .four, .five,.six, .seven, .eight, .nine, .ten, .twelwe, .thirdteen, .fourteen, .fiveteen, .sixteen {padding:2px; margin:1px; color:black; text-align:center;  }
.one a, .two a, .three a, .four a, .five a, .six a, .seven a, .eight a, .nine a:link,.twelve a:link,.thirdteen a:link,
.fourteen a:link, .fiveteen a:link,  .sixteen a:link, 
.one a:visited,  .two a:visited,  .three a:visited, .four a:visited, .five a:visited, .six a:visited, 
.seven a:visited,.eight a:visited, ,.nine a:visited,.twelve a:visited, .thirdteen a:visited, 
.fourteen a:visited, .fiveteen a:visited, .sixteen a:visited
{text-decoration: underline; color: black !important;}

.aone, .atwo, .athree, .afour, .afive, .asix, .aseven, .aeight, .anine, .aten,.atwelwe,
.athirdteen,.afourteen, .afiveteen, .asixteen 
{background: white;margin: 3px; padding: 3px;float:left;}

.aone  {border: 3px solid red;background: white;}
.atwo  {border: 3px solid #6666CC;background: white;}
.athree  {border: 3px solid green;background: white;}
.afour  {border: 3px solid brown;background: white;}
.afive  {border: 3px solid silver;background: white;}
.asix  {border: 3px solid yellow;background: white;}
.aseven  {border: 3px solid #666;background: white;}
.aeight  {border: 3px solid #e2fe2f;background: white;}
.anine {border: 3px solid #e2e52a;background: white;}
.aten  {border: 3px solid black;background: white;}
.atwelwe  {border: 3px solid pink;background: white;}
.athirdteen  {border: 3px solid red;background: white;}
.afourteen  {border: 3px solid black;background: white;}
.afiveteen  {border: 3px solid violet;background: white;}
.asixteen  {border: 3px solid #333;background: white;}
 
.one img {border: 3px solid red;}
.two img {border: 3px solid #6666CC;}
.three img {border: 3px solid green;}
.four img {border: 3px solid brown;}
.five img {border: 3px solid silver;}
.six img {border: 3px solid yellow;}
.seven img {border: 3px solid #666;}
.eight img {border: 3px solid #e2fe2f;}
.nine img {border: 3px solid #e2e52a;}
.ten img {border: 3px solid #000;}
.twelwe img  {border: 3px solid pink;}
.thirdteen img  {border: 3px solid red;}
.fourteen img  {border: 3px solid black;}
.fiveteen img  {border: 3px solid violet;}
.sixteen img  {border: 3px solid #333;}


.seven a:link, .seven a:visited,.six a:link, .six a:visited, .five a:link, .five a:visited { color: black !important;}
#one {background: red;}
#two {background: #6666CC;}
#three {background: green;}
#four {background: brown;}
#five {background: silver;}
#six {background: yellow;}
#seven {background: #666;}
#eight {background: #e2fe2f;}

div.zmg{ position: absolute !important; top: 114px;  
         left: 380px; width: 600px !important; height:220px !important;}
div.zmg img {float:left;position: absolute !important;  
           }
div.ggun {}
div.middle a:link,div.middle a:visited {color: #666 !important;}
div.colrs a:link, div.colrs a:visited {width: 40px !important; border: 1px solid white; display:block; height:30px;margin:3px; float:left;}
div.colrs a:hover {border: 1px solid red;}
div.colrs a.black {background: black;}
div.colrs a.green {background: #577B49;}
div.colrs a.tan {background: tan;}
div#list {float:left; margin-top: 54px;border: 1px solid #666; width: 240px;padding: 10px; font-size:11px; background: white;}
div#list a.ab{
font-size: 15px;

}
/*span.acta {background: black; color: white;height: 10px;width: 10px;display:block;float:left;}*/
a.des:link, a.des:visited {line-height: 13px; display:block;text-decoration:none !important;font-size: 12px;
font-family: arial; color: black;}
.sagi div {border: 1px solid #e2e2e2;}
.sagi div a:visited {color: black;}
.sagi div:hover {border: 1px solid #000; background: #e2e2e2;}
h2.nn {margin: 2em; padding: 1em; font-size: 2em;}

div.acta {background: white;}
#produ td, #produ th {padding:2px;}
#produ td {border-top: 1px solid black !important;}
#produ th {background: silver;}
#list ul {float:left; margin: 0 0 1em 1em; padding:0;width: 120px;}
#list ul li {list-style-type: none; padding: 3px;}
#list h4 {float:left; width: 100px;}
