/* default css */
body {min-width: 760px;padding:0; margin:0; background:#2A5AAE; font-size:12px; font-family:Arial, Helvetica, sans-serif; height:100%; background-image: url('../design/_bg_2side.jpg'); background-repeat:repeat-y; background-position: center;}
#wrapper{width:1000px;margin:0 auto;padding:0; min-height: 200px;height: 100%;position: relative;}
#web {width:1000px;margin:0 auto;padding:0px;background-color:#ffffff;height: 207px;position: relative;}
#top_1_1 {background-image: url('../design/_top1.jpg');left:10px;width: 1000px;height: 85px;text-align:right;}
#top_1_2 {background-image: url('../design/_top2.jpg');margin:0 auto;padding:0 0 10px 0;left:10px;width: 1000px;height: 65px;}
#top_1_3 {background-image: url('../design/_bg_2side.jpg');padding-top:12px;left:10px;width: 1000px;}

 p{margin-left: 1.4em;}
 h1 {font-size:1.8em;color:#0000FF;margin-left: 0.5em;}
 h2{font-size:1.6em;color:#0000FF;margin-left: 0.7em;}
 h3{font-size:1.4em;color:#0000FF;}
 h4{margin-top:0px;margin-bottom:0px;font-size:1.2em;color:#14b8b8;}

h1.logo-header {margin: 0px;}
/* navigation */
a img{border: none;}
.menu 		{behavior:url("../csshover.htc");}

.menu 		{background-image: url('../design/_top2.jpg');padding-top:10px;width: 1000px;height: 36px;}
.menu ul	{margin: 0 auto;list-style: none;}
.menu li ul{background-color:#0000ff;margin: 0 auto;padding:10px;list-style:none;position:absolute;z-index:0;display:none;}
.menu li ul li{padding:8px;padding-top:5px;list-style:none;}
.menu li ul li a{background-color:0000ff;}
.menu a		{display:block;text-decoration:none;}
.menu li a{background-color:inherit;font-weight: bold;color:#ffffff;text-decoration:none;}
.menu li a.top_kosik{padding-right: 32px; height: 23px; margin-top: -7px; padding-top: 7px; background: url('../design/cart-top.png') right top no-repeat;}
.menu li a:hover {color: #e4deae;}
.menu li li a	{width:10em;font-size:90%;}
.menu li	{float: left;margin: 0 auto;padding-left:15px;list-style-type:none;display:inline;letter-spacing: 0,5px;}
.menu li li	{padding:0;margin: 0 auto;width:auto;float:none;}
.menu li:hover ul {display:block;}

#globalnav {background-image: url('../design/_top2.jpg');padding-top:10px;left:10px;width: 1000px;height: 36px;}	
#globalnav ul {margin: 0 auto;list-style: none;}
#globalnav li {float: left;margin: 0;padding-left:10px;list-style-type:none;display:inline;letter-spacing: 0,5px;text-transform: uppercase;}
#globalnav li a {text-transform: uppercase;font-weight: bold;color:#ffffff;text-decoration:none;}	
#globalnav li a:hover {color: #e4deae;}
#globalnav li form{padding:0px 0px;}

.kosik{margin-left:60px;padding-left:60px;text-transform: uppercase;font-weight: bold;color:#0000FF;text-decoration:none;}	

#search {float: right;margin-right: 20px; display:inline;list-style-type:none;}
#search ul {padding: 0px;}
#main{margin-left:223px;width:760px;height:auto; font-size: 11px;}
#main .text{padding: 0.4em 1.2em 0.25em 0.9em; font-size: 11px;}

#footer{clear:both;color: #0000FF;text-decoration: none;background-image:url('../design/footer_bg.jpg');background-repeat:no-repeat;height:124px;text-align:center;overflow: hidden;position: relative;bottom: 0px;background-position: center;}
#footer a{color: #0000FF;text-decoration: none;}
#pleft{float:left;width:555px;}
#pleft img{padding-right:10px;margin-left:0px;}
#pright{float:right;height:auto;width:180px;text-align:left;padding-left:0px;}
#pright img{padding-right:3px;}
#vertikalni-menu{ float:left;width:180px;height:auto;color: white; margin-left:15px; background: #FFE401; width: 0px; font: bold 0.8em Verdana, sans-serif; }
#vertikalni-menu ul{padding: 0 0 0 10px; background: #FFE401;}
#vertikalni-menu ul li.cat{background-image: url('../design/_bg_1side.jpg');background-repeat:repeat-y;font-size:1em;list-style: none; margin: 0; font-size: 1em; }
#vertikalni-menu li {list-style-type:none;position:relative;margin: 0; font-size: 1em; background-image: url('../design/_bg_1side.jpg');background-repeat:repeat-y;}
#vertikalni-menu li a {display: block; text-decoration: none; margin-bottom: 0.5em; margin-top: 0.5em; color: black; background: #FFBFFF ; border-width: 1px; border-style: solid; border-color: #5bd #035 #068 #6cf; border-left: 1em solid #8080FF; padding: 0.25em 0.5em 0.4em 0.75em; }
#vertikalni-menu li a:hover { border-color: #5bd #035 #068 #f30; }
#vertikalni-menu a { width: 110px; /* Důležité pro IE */ } 
#vertikalni-menu li ul{position:absolute;top:0;left:100px;visibility:hidden;}
#vertikalni-menu li:hover ul{visibility:visible;display:block;position:absolute;border: solid #F0F0F0; border-width:0 1px 1px 1px;}
#vertikalni-menu li:hover ul li { display:block;position:relative; float:none; height:24px; width: 110px; border-top: 1px solid #F0F0F0;}
#vertikalni-menu li:hover ul li a {background:#fff;}
#vertikalni-menu li:hover ul li a:hover {background: #0E3D6F;color:#fff;}
#globalnav #pright2 img.thumbnail{
	clear:both;
	float:left;
	margin-right:5px;
	margin-bottom:15px;
}
#globalnav #pright2{height:auto;width:180px;text-align:left;padding-left:5px;}	
#globalnav #pright2 ul {margin: 0 auto;list-style: none;}

#globalnav #pright2 li a:hover {color: #e4deae;}
#globalnav #pright2 li form{padding:0px 0px;}

#header{width:1000px;margin:0 auto;padding:0px;background-color:#ffffff;font-size:12px;height:145px;}

#navigace {float:left;width:180px;height:auto;color: white; margin-left:15px; background: #FFE401; width: 0px; font: bold 0.8em Verdana, sans-serif; }
#navigace ul{padding: 0 0 0 10px; background-image: url('../design/_bg_2side.jpg'); background: #FFE401;}
#navigace ul li.cat{background-image: url('../design/_bg_1side.jpg');background-repeat:repeat-y;font-size:1em;list-style: none; margin: 0; font-size: 1em; }
#navigace li { list-style: none; margin: 0; font-size: 1em; background-image: url('../design/_bg_2side.jpg');background-repeat:repeat-y;} 
#navigace a { display: block; cursor: pointer; overflow: auto;text-decoration: none; margin-bottom: 0.5em; margin-top: 0.5em; color: black; background: #FFBFFF ; border-width: 1px; border-style: solid; border-color: #5bd #035 #068 #6cf; border-left: 1em solid #8080FF; padding: 0.25em 0.5em 0.4em 0.75em; }
#navigace a#aktivniodkaz { border-color: #5bd #035 #068 #f30; } 
#navigace a { width: 110px; /* Důležité pro IE */ } 
#navigace a:hover, #navigace a#aktivniodkaz:hover { background: #28b; border-color: #069 #6cf #5bd #fc0; padding: 0.4em 0.35em 0.25em 0.9em; } 
#navigace a:active, #navigace a#aktivniodkaz:active { background: #0E48DA; border-color: #069 #6cf #5bd white; padding: 0.4em 0.35em 0.25em 0.9em; } 
#navigace #toplist a img{padding-top:30px;margin-left:50px;background-color:transparent;color:#ffffff;text-decoration:none;border:0;}
#navigace #toplist a {background-color:transparent;color:#ffffff;text-decoration:none;border:0; display: inline;}	
#navigace ul li.cat li.zbozi a { display: block; text-decoration: none; margin-bottom: 0.5em; margin-top: 0.5em; color: black; background: #FF3399; 
border-width: 1px; border-style: solid; border-color: #5bd #035 #068 #6cf; border-left: 1em solid #8080FF; padding: 0.25em 0.5em 0.4em 0.75em; } 

#kategorie{padding:70px 0 0 0px;}
#kategorie li{padding-left:50px;list-style-type:none;display:inline}
#kategorie li a{color: #FFFFFF;text-decoration: none;}
.white {color: #FFFFFF;text-decoration: none;font-weight: bold;padding: 0px 0px 0px 10px;}
.white_links {color: #FFFFFF;text-decoration: none;font-weight: bold;}
.white_links a:link {color: #FFFFFF;text-decoration: none;font-weight: bold;}
.white_links a:hover {color: #FFFFFF;text-decoration: none;font-weight: bold;}
.white_links a:visited {color: #FFFFFF;text-decoration: none;font-weight: bold;}
.white_links a:active {color: #FFFFFF;text-decoration: none;font-weight: bold;}
.white_links_kategorie {color: #FFFFFF;text-decoration: none;}
.white_links_kategorie a:link {color: #FFFFFF;text-decoration: none;}
.white_links_kategorie a:hover {color: #FFFFFF;text-decoration: none;}
.white_links_kategorie a:visited {color: #FFFFFF;text-decoration: none;}
.white_links_kategorie a:active {color: #FFFFFF;text-decoration: none;}

#nav{
    float:left;
    width:180px;
    height:auto;
    color: white;  
    border-bottom: 0.1em solid #FFE401; 
    border-right: 0.1em solid #FFE401; 
    padding: 0 1px; margin-left: 10px; 
    width: 0px; 
    font: bold 0.8em Verdana, sans-serif; 
 }
 


#nav ul{
	margin: 0;
	padding: 0;
	list-style: none;	
	background-image: url('../design/_bg_1side.jpg');
  background-repeat:repeat-y;
}

#nav ul li.cat{
	
	font-size:1em;
	padding-left:5px;
	list-style: none; 
  margin: 0; font-size: 1em; 

}

#nav ul li.subcat{
	padding-left:15px;
	font-size:.9em;
}

#nav li.cat a {
	text-decoration: none;
	color: #3F3F3F;
	border: none;
}

#nav li.subcat a {
	text-decoration: none;
	color: #3F3F3F;
	border: none;
}
	
	
#nav li.subcat a:hover {
	text-decoration:none;
	color:#14b8b8;
}
#nav li.cat a:hover {
	text-decoration:none;
	color:#14b8b8;
}
 .message{
 	border:1px solid #c98c21;
 	background-color:#efdda8;
 	color:#c98c21;
 	padding:5px;
 	margin-left:5px;
 	width:250px;
 	font-size:12px;
 	margin:5px 0px 5px 0px;
 }
 

 .floatleft{
 	float:left;
 }
 
 .floatright{
 	float:right;
 }
 

 	
img.thumbnail{
	clear:both;
	float:left;
	margin-right:5px;
	margin-bottom:15px;
}

.productlisting{
	float:left;
	width:185px;
	font-size:.8em;
	margin-bottom:30px;
}
/* to top */
#toTop {
   width:100px;
   background:#F4FFBF;
   border:1px solid #ccc;
   text-align:center;
   padding:5px;
   position:fixed;
   bottom:10px;
   right:10px;
   cursor:pointer;
   color:#666;
   text-decoration:none;
   }
.prehled22 {border-bottom-style:ridge; border-bottom-width:thin; border-bottom-color:#666666; width:200px; height:350px; border-right: thin; border-right-style:inset; border-right-color:#C0C0FF; background-image: url('../design/_layout_11.jpg');}
.prehled-small {border-bottom-style:ridge; border-bottom-width:thin; border-bottom-color:#666666; width:250px; border-right: thin; border-right-style:inset; border-right-color:#C0C0FF;}
.prehled_velky {border-bottom-style:ridge; border-bottom-width:thin; border-bottom-color:#666666; width:345px;  border-right: thin; border-right-style:inset; border-right-color:#C0C0FF; background-image: url('../design/_layout_11.jpg');}
#prehled_cena {border-bottom-style:ridge; border-bottom-width:thin; border-bottom-color:#666666; width:345px; height:45px; border-right: thin; border-right-style:inset; border-right-color:#C0C0FF; background-image: url('../design/_layout_11.jpg');}
.p obal {width: 250px;}
.p nadpis {color: #0000FF;font-weight: bold;font-size:12px;border-bottom-style:inset;border-bottom-width:thin;border-bottom-color:#FFFF00;text-align:left;;padding: 0px 0px 0px 10px; }
.p clanek {padding: 1px; }
.p bold {text-align: justify; font-style: bold; }
.p img {float: left; height: 120px; width: 120px; margin-right: 15px; border:0; }
.clearboth {clear:both; font-size: 1%; height: 0.1px;}
.kosik {color: #0000FF; font-weight: bold; margin: 30px 0px 0px 0px;}
#kosik {margin: 8px; width: 715px; font-size: 12px;}
#kosik input {width: 21px; height: 13px; padding: 0px; font-size: 11px;}

#kosik th {border-bottom: 1px solid #D7D7D7; }
#kosik tr.last td {border-top: 1px solid #D7D7D7; }

.ks {border: 1px solid #0000FF; width: 18px; height: 18px; padding: 0px; color: #0000FF;}
.vyrobce {float: right; width: 125px; height: 25px; overflow: hidden; text-align: right; margin: 0px 0px;}
#cena {color: #FF0000; font-weight: bold; font-size:14px; background-color:#DEDCDC; border-bottom-style:inset; border-bottom-width:thin; border-bottom-color:#FF0000; text-align:right; padding: 0px 10px 0px 0px;}
#text {padding-left: 20px; }
.hr {margin: 4px 8px 4px 8px; color: #ffffff; border: 0px solid #ffffff; border-bottom: 1px solid #D5D5D5;}
.produkty_cena {background-color: #FDF3A1; float:left; font-size: 11px; margin: 5px 0px 5px 0px; padding: 0px 10px 0px 10px; text-align: left;}
.produkty {float:left; font-size: 11px; margin: 5px 0px 5px 0px; padding: 0px 10px 0px 10px; text-align: left;}
.produkty h1 {padding: 0px; margin:0px;}
.produkty h2 {padding: 0px; margin:0px;}
.produkty .zbozi_popis {height: 55px; clear: both;}
.produkty .info {background-color:#2745AC;padding: 0px; margin:0px; color: #FFFFFF;  }
.produkt_detail_vypis{margin: 5px 0px 0px 0px; padding: 0px; border: 0px solid red;}
.produkty .prehled {width: 250px; min-height: 440px; overflow: hidden; clear: both;}
.produkty .prehled a {font-size: 12px; font-weight: bold; text-decoration: none;}
.produkty .prehled a:hover {text-decoration: underline;}
.produkty .prehled a.nazev {padding: 0px 0px 0px 10px;background-color: #FDF3A1;text-align:left;display: block; width: 250px; height: 30px; overflow: hidden; margin: 0px; color: #0000FF; font-weight: bold; font-size:12px; text-decoration: none;border-bottom-style:inset;border-bottom-width:thin;border-bottom-color:#FFFF00;}
.produkty .prehled a.nazev:hover {text-decoration: none;}
.produkty .prehled a.nazev .vyrobce {float: right;width: 100px; height: 25px; overflow: hidden; text-align: right; margin: 4px 5px;}
.produkty .prehled a.nazev .vyrobce img{border: none;}
.produkty .prehled .obrazky {height:46px; overflow:hidden;}
.produkty .prehled .obrazky .ikony {float: left; width: 52px;}
.produkty .prehled .obrazky .ikony img {border: 0px;margin: 0px 1px 0px 0px;}
.produkty .prehled .obrazky .ikony .info {background-color:#0000FF;color: #FFFFFF;text-decoration: none;font-weight: bold;}
.produkty .prehled a.obrazek {display: block; float: left; width: 200px;}
.produkty .prehled a.obrazek img {cursor:pointer; border: none;}
.produkty .prehled .popis {float:right; width: 200px; height: 50px; overflow:hidden; color:#000000;}
.produkty .prehled .radek {margin: 5px 0px 0px 0px; padding: 0px; height: 78px; background-image: url('../design/radek_bg.jpg');background-repeat:repeat-x;}
.produkty .prehled .radek .popis {float:right; width: 200px; height: 39px; overflow:hidden; color:#000000;}
.produkty .prehled .radek img {border: 0px;vertical-align: middle;}
.produkty .prehled .radek .levy {float: left; padding: 5px 0px 0px 0px; width: 110px; text-align: center;}
.produkty .prehled .radek .levy .spatnaCena {width: 180px;color:#A3A69B; font-size: 11px; font-weight:bold; text-align: left; padding-left: 5px;}
.produkty .prehled .radek .levy .dobraCena {width: 180px;color:#F14A8F; font-size: 12px; font-weight:bold; text-align: left; padding-left: 5px;}
.produkty .prehled .radek .levy .euroCena {width: 90px;color:#0000FF; font-size: 11px; font-weight:bold;}
.produkty .prehled .radek .levy .ziskaneBody {color:#A3A69B; font-size: 10px; font-weight:bold;}
.produkty .prehled .radek .pravy {padding-top: 5px; float: right; width: 110px; height: 55px; text-align: right;}
.produkty .prehled .radek .pravy span.kosik-ks{display: block; float: right; margin-right: 10px;}
.produkty .prehled .radek .pravy img {border: 0px;margin: 0px 0px 1px 2px;}

hr {border: 0;width: 100%;color:#000000;}
.nazev {color: #0000FF;font-weight: bold;font-size:12px;border-bottom-style:inset;border-bottom-width:thin;border-bottom-color:#FFFF00;text-align:left;background-color: #FDF3A1;padding: 0px 0px 0px 10px;}
h3.nadpis {color: #0000FF;font-weight: bold;font-size:12px;border-bottom-style:inset;border-bottom-width:thin;border-bottom-color:#FFFF00;text-align:left;background-color: #FDF3A1;padding: 0px 0px 0px 10px;}

.popis_zbozi_spodni{width: 300px; height:55px; color: #7a7e75; margin:0px; padding:0px; font-size:11px;}

/*
.shopMessage {position: absolute; text-align: center; margin: 25% 20% auto 0%;}
.shopMessage .block {background-color: #ffffff; border: 1px solid #84AA2C; padding: 15px 0px 15px 0px; font-size: 11px; margin: 15px auto 15px auto;}
*/

.bg-textovkaBokLevy {background:url(spuntik-minimapa.png) no-repeat -110px 0px;}
.bg-textovkaBokPravy {background:url(spuntik-minimapa.png) no-repeat -117px 0px;}
.bg-textovkaBokPrvni {background:url(spuntik-minimapa.png) no-repeat -103px 0px;}
.bg-textovkaStred {background:url(spuntik-mapa-repeatx.gif) repeat-x;}


.shopMessage {text-align: center; width: 900px; margin: 25% auto 0% auto;}
.shopMessage .block {width: 80%; padding: 10px 0px 10px 0px; font-size: 11px; margin: 15px auto 15px auto;}
.shopMessage .block .nadpis {padding:0px 10px 15px 10px; font-size:20px; font-weight:bold; color:#F46700;}
.shopMessage .block .text {padding: 15px 0px 10px 0px; font-size: 12px; color:#302B27;}

.main-pruhy {width:100%;}
.main-textura {width:100%; background:url('spuntik-bg-textura.jpg') no-repeat center top;}

.drobeckovaNavigace {/*line-height: 27px;*/ color: #000000;}
.drobeckovaNavigace a {text-decoration: none; color: #000000;}
.drobeckovaNavigace a:hover {text-decoration: underline;}
.drobeckovaNavigace .radkovani {padding: 0px;}

.main {width: 1000px; margin: 0px auto 0px auto; text-align: left; overflow: hidden; background-color:transparent;}

.main .header {width: 988px; overflow:hidden; margin:0px; padding:0px;}
.main .header .headerLeft {float: left; width: 215px; overflow: hidden; color:#8E9387; margin:0px; padding:0px;}
.main .header .headerLeft .logoDiv {width: 215px; overflow: hidden; height: 125px; margin:0px; padding:0px;}
.main .header .headerLeft .logoDiv  h1,.logo {display: block; float: left; width: 215px; height: 110px; text-decoration:none; text-indent: -500px; margin:0px; padding:0px;}
.main .header .headerLeft .logoDiv .logo:hover {text-decoration:none;}
.main .header .headerLeft .logoDiv .logo .logoOdkaz {width:215px; height:110px;}
.main .header .headerLeft .mezeraLeft {border:1px solid red;display:block; width:215px; height:15px; overflow:hidden; font-size:11px;}
.main .header .headerLeft .ramecek {margin: 0px 0px 15px 60px; font-size: 11px; padding:0px;}
.main .header .headerLeft .ramecek .nadpisLeft {font-family: Arial,"Geneva CE",lucida,sans-serif; margin:0px 0px 0px 0px; padding:0px 0px 10px 0px; font-size:18px; font-weight:normal; color: #2082EB;}
.main .header .headerLeft .ramecek .vyhledavani {margin:0px; text-align:right; width:140px;}
.main .header .headerLeft .ramecek .vyhledavani .hledanyText {width: 140px; height: 19px; color: #565656; font-size:11px; border:1px solid #CBCBCB; vertical-align: middle; line-height: 23px;}
.main .header .headerLeft .ramecek .vyhledavani .submit {float:right; vertical-align: middle; margin: 7px 0px 0px 4px;}
.main .header .headerLeft .ramecek .vyhledavani a.rozsireneVyhledavani {display:block; float:left; width:75px; color: #2082EB; font-size:11px; text-decoration:none; margin:5px 0px 0px 0px; text-align:left;}
.main .header .headerLeft .ramecek .vyhledavani a.rozsireneVyhledavani:hover {text-decoration:underline; color: #2082EB;}

.main .header .headerRight {float:right; width:769px; overflow:hidden; padding:55px 0px 0px 0px; margin:0px;}
.main .header .headerRight .rootkatObrazky {width:750px; height:98px; margin:0px; padding:0px; overflow:hidden;}
.main .header .headerRight .rootkatObrazky a {display:block; float:left; height:96px; font-weight: bold; color:#2082EB; font-size:12px; text-decoration:none; text-align:center; vertical-align:bottom; margin:0px 12px 0px 0px; padding:0px;}
.main .header .headerRight .rootkatObrazky a:hover {text-decoration:underline;}
.main .header .headerRight .rootkatObrazky a img {width:50px; height:75px;}
.main .header .headerRight .rootkatObrazky .w55 {width:55px;}
.main .header .headerRight .rootkatObrazky .w60 {width:60px;}
.main .header .headerRight .rootkatObrazky .w65 {width:65px;}
.main .header .headerRight .rootkatObrazky .w70 {width:70px;}
.main .header .headerRight .rootkatObrazky .w75 {width:75px;}
.main .header .headerRight .rootkatObrazky .w80 {width:80px;}
.main .header .headerRight .rootkatObrazky .w85 {width:85px;}
.main .header .headerRight .rootkatObrazky .rootMezera1 {float:left; width:10px; height:10px; overflow:hidden;}
.main .header .headerRight .rootkatObrazky .rootMezera2 {float:left; width:10px; height:10px; overflow:hidden;}
.main .header .headerRight .textove1 {width:750px; margin:0px; padding:0px; border:0px solid #000000;}
.main .header .headerRight .textove1 .textove2 {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:url('spuntik-textpages2.gif') no-repeat left bottom; border:0px solid #000000; font-weight: bold; color:#E08E00; font-size:12px;}
.main .header .headerRight .textove1 .textove2 .textovka {display:block; text-decoration:none; height:24px; float:left; overflow:hidden; margin:3px 2px 16px 0px; color:#ffffff; cursor:pointer; }
.main .header .headerRight .textove1 .textove2 .textovka .bok {display:block; text-decoration:none; float:left; height:24px; width:6px;}
.main .header .headerRight .textove1 .textove2 .textovka .stred {display:block; text-decoration:none; float:left; height:24px; padding:0px 6px; line-height:24px; font-size:11px; color:#ffffff;}
.main .header .headerRight .textove1 .textove2 .textovka:hover {text-decoration:none; color:#fef9a7;}
.main .header .headerRight .textove1 .textove2 .textovka:hover .stred {text-decoration:none; color:#fef9a7;}

.main .main01 {width:988px; overflow:hidden; background-color:transparent; margin:0px;}
.main .main01 .layoutLeft {float: left; width: 221px; overflow: hidden; color:#6d7168;}
.main .main01 .layoutLeft .mezera {width:225px; height:20px; overflow:hidden;}
.main .main01 .layoutLeft .ramecek1 {margin: 0px 0px 15px 50px; font-size: 11px; color: #6d7168;}
.main .main01 .layoutLeft .ramecek2 {margin: 0px 0px 15px 74px; font-size: 11px; color: #6d7168;}
.main .main01 .layoutLeft .ramecek2 a {color: #2082f2; text-decoration: underline;}
.main .main01 .layoutLeft .ramecek2 a:hover {text-decoration: none;}
.main .main01 .layoutLeft .nadpisLeft {font-family: Arial,"Geneva CE",lucida,sans-serif; margin: 0px 0px 0px 50px; padding:0px 0px 10px 0px; font-size:18px; font-weight:normal; color: #2082EB;}
.main .main01 .layoutLeft a.odkazyLeft {display:block; font-weight:bold; text-decoration: none; color:#707070;}
.main .main01 .layoutLeft a.odkazyLeft:hover {text-decoration:underline; color: #AF0000;}
.main .main01 .layoutLeft .sedaCara {width:208px; height:1px; margin:10px 0px 10px 0px;}
.main .main01 .layoutLeft .textpageLeft {display:block; padding-bottom:3px; font-weight:normal; text-decoration: none; color:#6d7168;}
.main .main01 .layoutLeft .textpageLeft:hover {text-decoration:underline; color: #6d7168;}

.main .main01 .layoutCenter {float: left; width: 571px; overflow: hidden; margin:0px 0px 0px 5px; padding: 0px; text-align: left;}
.main .main01 .layoutCenter .hr {margin: 8px 0px; color: #ffffff; border: 0px solid #ffffff; border-bottom: 1px solid #D5D5D5;}
.main .main01 .layoutCenter .nadpisCenter {width:530px; overflow:hidden; margin:0px 8px 20px 8px; font-size:18px; color:#F46700; font-weight:normal;}
.main .main01 .layoutCenter .nadpisCenter h1 {display: block; margin:0px; font-family: Arial,"Geneva CE",lucida,sans-serif; font-weight:normal; font-size:18px; color:#F46700;}
.main .main01 .layoutCenter .nadpisCenter h2 {display: block; margin:0px; font-family: Arial,"Geneva CE",lucida,sans-serif; font-weight:bold; font-size:14px; color:#F46700;}
.main .main01 .layoutCenter .nadpisCenter2 {overflow:hidden; margin:0px 0px 20px 0px; font-size:18px; color:#F46700; font-weight:normal;}
.main .main01 .layoutCenter .nadpisCenter2 h1 {display: block; margin:0px; font-family: Arial,"Geneva CE",lucida,sans-serif; font-weight:normal; font-size:18px; color:#F46700;}
.main .main01 .layoutCenter .cara1 {width:535px; margin:10px 2px 10px 2px; height:1px;}
.main .main01 .layoutCenter .cara2 {width:535px; margin:10px 2px 0px 2px; height:1px;}
.main .main01 .layoutCenter .cara3 {width:535px; margin:5px 2px 5px 18px; height:1px;}
.main .main01 .layoutCenter .block {margin:0px 8px 20px 30px;}
.main .main01 .layoutCenter .block .novinky {width: 533px; overflow:hidden; background:url(spuntik-bg-novinky.gif) repeat-y left top;}

.main .main01 .layoutMezera {float: left; width: 8px; height: 10px; overflow: hidden;}

.main .main01 .layoutRight {float: right; width: 187px; overflow: hidden; margin:0px; padding: 0px; text-align: left;}
.main .main01 .layoutRight .nadpisRight {font-family: Arial,"Geneva CE",lucida,sans-serif; margin:0px 0px 0px 7px; padding:0px 0px 10px 0px; font-size:18px; font-weight:normal; color: #2082EB;}
.main .main01 .layoutRight .ramecek {margin: 0px 20px 15px 10px; font-size: 11px;}
.main .main01 .layoutRight .ramecek .kosik {}
.main .main01 .layoutRight .ramecek .kosik a {border: 0px solid red; display:block; float:left; width:52px; height:55px; color:#565656; text-decoration:none; font-size:12px;}
.main .main01 .layoutRight .ramecek .kosik a img {width:50px; height:54px;}
.main .main01 .layoutRight .ramecek .kosik .kosik-text {float:left; width:95px; margin-top:7px; text-align:left; cursor:pointer; line-height:13px;}
.main .main01 .layoutRight .ramecek .kosik .kosik-text a {border: 0px solid blue; display:block; float:right; width:95px; height:55px; color:#565656; text-decoration:none; font-size:11px;}
.main .main01 .layoutRight .ramecek .kosik a:hover {text-decoration:underline;}
.main .main01 .layoutRight .partneri {}
.main .main01 .layoutRight .partneri img {border: 0px solid #ffffff;}
.main .main01 .layoutRight .partneri a {text-decoration: underline;}
.main .main01 .layoutRight .partneri a:hover {text-decoration: none;}

.main .main01 .layoutRight .ramecek .userformsOdkazy {text-align:right; margin-bottom:10px;}
.main .main01 .layoutRight .ramecek .userformsOdkazy .netlacitko {font-size:11px; color:#565656; text-decoration:none;}
.main .main01 .layoutRight .ramecek .userformsOdkazy .netlacitko:hover {text-decoration:underline;}
.main .main01 .layoutRight .ramecek .userformsOdkazy .tlacitko {display:block;width:102px; height:19px; overflow:hidden; float:right; margin-top:5px;}
.bg-tlacitko-oblibene {background:url(spuntik-minimapa.png) no-repeat 0px 0px; border:0px solid red;}
.bg-tlacitko-porovnani {background:url(spuntik-minimapa.png) no-repeat 0px -20px; border:0px solid red;}

.zavolejte {width:169px; height:106px; overflow:hidden; background:url(spuntik-minimapa.png) no-repeat 0px -40px; margin:0px 0px 10px 3px;}
.zavolejte .text {padding: 15px 10px 10px 40px; font-size: 12px; font-weight: bold; color: #ffffff;}
.zavolejte .text .telefon {padding-top: 7px;}

.zapati {width: 988px; height:62px; overflow:hidden; text-align:center; margin: 5px auto 40px auto;}
.zapati img {width:733px; height:4px; margin:0px 0px 15px 0px;}
.zapati .ramecek {padding:3px 10px 3px 0px; color: #1C4C73; }
.zapati .ramecek a {font-family: Tahoma,"Geneva CE",lucida,sans-serif; font-size: 11px; font-weight:normal; color: #707070; text-decoration:none;}
.zapati .ramecek a:hover {text-decoration:underline; color:#41D9FF;}
.zapati p {display: block; padding: 0px 10px 10px 10px; color: #707070;}
.zapati p a {color: #707070; text-decoration:underline; font-size:11px; font-weight:bold;}
.zapati p a:hover {color: #707070; text-decoration: none;}

/* -----------------------------------------------------------------------------------------------------------------------  */
/* levy pruh */

.kategorie {font-weight: bold; font-size:11px; margin: 0px 0px 0px 15px;}
.kategorie ul {font-size: 10px; padding: 0px; margin: 0px; border: 0px solid #ff00ff;}
.kategorie ul li {list-style-image: none; list-style-type: none; padding: 0px; margin: 0px; border: 0px solid #ffffff;}
.kategorie li ul {margin: 0px; padding: 0px 0px 0px 10px;}
.kategorie a {display: block; padding: 2px 0px 2px 15px; margin: 0px; text-decoration: none; font-size: 11px; color: #2082EB; font-weight:bold;}
.kategorie a:hover {text-decoration: underline; color: #2082EB;}
.kategorie .selectedCategory {color: #0061c8; text-decoration:underline;}
.kategorie a.sign00 {background: url(spuntik-r-none.gif) no-repeat 0px 4px;}
.kategorie a.sign10 {background: url(spuntik-r-minus.gif) no-repeat 0px 4px;}
.kategorie a.sign01 {background: url(spuntik-r-plus.gif) no-repeat 0px 4px;}
.kategorie .close {display:none;}

a.rootkategorie-0 {display:block; margin:3px 0px 3px 0px; padding: 0px 0px 0px 15px; font-family: Arial,"Geneva CE",lucida,sans-serif; font-size: 12px; font-weight:bold; color: #2082EB; text-decoration:none; background: url(spuntik-r-plus.gif) no-repeat 0px 4px;}
a.rootkategorie-0:hover {text-decoration:underline; color: #2082EB;}
a.rootkategorie-1 {display:block; margin:3px 0px 3px 0px; padding: 0px 0px 0px 15px; font-family: Arial,"Geneva CE",lucida,sans-serif; font-size: 12px; font-weight:bold; color: #0061c8; text-decoration:none; background: url(spuntik-r-plus.gif) no-repeat 0px 4px;}
a.rootkategorie-1:hover {text-decoration:underline; color: #0061c8;}
/* EO levy pruh */

/* pravy pruh */
.novinkyForm {color:#6d7168;}
.novinkyForm .row {}
.novinkyForm .row input.txtbox {float: left; width:147px; height:19px; font-size: 11px; border:1px solid #CBCBCB; vertical-align: middle; color: #6d7168;}
.novinkyForm .row input.image {float: right; vertical-align: middle; margin:7px 0px 0px 0px;}

a.nejprodavanejsi {display:block; color:#565656; text-decoration:none; text-align:center; margin:0px 0px 3px 0px; font-size:11px; width:150px; overflow:hidden;}
a.nejprodavanejsi:hover {text-decoration:underline; color:#565656;}
a.nejprodavanejsi .cena {display:block; font-weight:bold; color:#FF0000; cursor:pointer;}

a.nejsledovanejsi {display:block; color:#565656; text-decoration:none; margin:0px 0px 3px 0px; font-size:11px; width:150px; overflow:hidden;}
a.nejsledovanejsi:hover {text-decoration:underline; color:#565656;}
a.nejsledovanejsi .cena {float:right; font-weight:bold; color:#FF0000; cursor:pointer;}

.anketa {}
.anketa .nadpis1 {font-weight:bold; color:#6d7168;}
.anketa a {display:block; color:#565656; font-weight:normal; text-decoration:none; margin:3px 0px 3px 0px;}
.anketa a:hover {text-decoration:underline;}

.userForms {padding:0px 0px 5px 6px; text-align:right; font-size:11px; color:#6d7168; overflow:hidden;}
.userForms .row {padding: 2px 0px 0px 0px; text-align: right;}
.userForms .row .format {float:left; font-size:11px; text-align: right; color: #6d7168; margin: 0px 0px 0px 0px; padding: 2px 0px 0px 0px;}
.userForms .row .txtbox {width:110px; height: 19px; font-family: Arial,"Geneva CE",lucida,sans-serif; color: #565656; font-size:11px; border:1px solid #CBCBCB;}
.userForms .image {cursor:pointer; font-size:11px; margin:7px 0px 0px 0px;}
.userForms .uzivatel {font-size:12px; font-weight:bold; color:#565656;}
.userForms a.a1 {display:block; font-family: Arial,"Geneva CE",lucida,sans-serif; font-size: 11px; color: #565656; text-decoration: none;}
.userForms a.a1:hover {text-decoration: underline;}
.userForms .odhlas {text-align:right; margin: 10px 0px 0px 0px;}
.userForms a.odhlasit {margin:0px 0px 0px 0px; width:50px; height:15px;}
.userForms .logged {text-align: right; padding:0px 0px 0px 0px;}

/* KNIHA PRANI */
.knihapraniRight {padding: 0px 0px 0px 0px; font-size: 11px; text-align:left; color: #6d7168;}
.knihapraniRight .popis {width: 147px; color: #7a7e75; margin:0px; padding:0px; font-size:11px;}
.knihapraniRight input {width: 147px; margin:0px; color: #565656; font-size:11px; border:1px solid #CBCBCB;}
.knihapraniRight textarea {width: 147px; height: 120px; margin:0px; color: #565656; font-size:11px; border:1px solid #CBCBCB;}
.knihapraniRight .divTlacitko {text-align:right;}
.knihapraniRight .divTlacitko .tlacitko {border: 0px solid black;  margin:7px 0px 0px 0px; width:60px; height:18px;}
/* EO pravy pruh */
/* -----------------------------------------------------------------------------------------------------------------------  */

/* -----------------------------------------------------------------------------------------------------------------------  */
/* center - hlavni strana - jednotlive FCD*/
.pruvodceNakupem {width: 600px; margin: 0px 0px 10px 0px; overflow: hidden;}
.pruvodceNakupem .ctyriKroky {color:#141111; margin: 0px 0px 5px 0px;}
.pruvodceNakupem .kroky {height: 44px; width: 600px; background: url(spuntik-bg-textura.jpg) no-repeat -610px 0px; color: #FFFFFF;}
.pruvodceNakupem .kroky td {vertical-align: middle; font-weight:bold;}
.pruvodceNakupem .kroky td a {color: inherit; text-decoration: none;}
.pruvodceNakupem .kroky td a:hover {text-decoration: underline;}
.pruvodceNakupem .kroky td.cislo {font-size: 20px; width: 33px; text-align: center;}
.pruvodceNakupem .kroky td.cisloIsActive-0 {}
.pruvodceNakupem .kroky td.cisloIsActive-1 {color: #000000;}
.pruvodceNakupem .kroky td.popis {font-size: 11px; width: 117px; text-align: left;}
.pruvodceNakupem .kroky td.popisIsActive-0 {border-bottom: 3px solid #FFFFFF;}
.pruvodceNakupem .kroky td.popisIsActive-1 {border-bottom: 3px solid #F46700; color: #000000;}
.pruvodceNakupem .stin {width: 600px; height: 2px;}

.novinka {width:250px; float:left; margin: 15px 0px 10px 0px; font-size:11px; color:#000000; overflow:hidden;}
.novinka .nadpis {font-size: 12px; color:#d15d09; font-weight: bold; margin: 15px 0px 15px 0px;}
.novinka a {color: #2082f2; text-decoration: underline;}
.novinka a:hover {text-decoration: none;}
.novinka-mezera {float:left; width:27px; height:50px; overflow:hidden;}
.novinka-mezera2 {float:left; width:560px; height:10px; overflow:hidden;}

.prvni-novinka {margin: 5px 0px 10px 0px; font-size:11px; color:#302B27;}
.prvni-novinka a {color: #2082f2; text-decoration: underline;}
.prvni-novinka a:hover {text-decoration: none;}

.popisKategorie {padding: 0px 10px 10px 10px; font-size: 12px;}
.popisKategorie a {color: #2082f2; text-decoration: underline;}
.popisKategorie a:hover {text-decoration: none;}



.kategoryBanners {width: 570px; overflow: hidden; border:0px solid black; padding: 0px; margin: 10px 0px;}
.kategoryBanners .kategoryBanner {display: block; float:left; margin:0px; padding: 0px;}

.katalogHeader {color: #302B27; padding: 0px; margin: 0px; font-size: 11px; background-color:#FFFFFF; width:565px;}
.katalogHeader .vyrobci {width:565px; overflow:hidden; font-size:11px; padding: 5px 0px; margin: 0px 0px 5px 0px; background: #f8f8f8;}
.katalogHeader .vyrobci a {text-decoration:none; color:#505050; font-size:11px;}
.katalogHeader .vyrobci a.selected {color:#F16306; font-weight: bold;}
.katalogHeader .vyrobci a:hover {text-decoration:underline;}
.katalogHeader h1 {display:block; font-weight:normal; color:#F16306; font-size:18px; margin:0px 0px 10px 0px;}
.katalogHeader a {color: #2082f2; text-decoration: underline;}
.katalogHeader a:hover {text-decoration: none;}

.katalogHeader .right {float:right; text-align:right; font-size:11px; width:285px; padding:0px 0px 5px 0px;}
.katalogHeader .right .row {padding: 3px 6px 0px 6px;}
.katalogHeader .right .row .selected {font-weight: bold; font-size: 13px;}
.katalogHeader .right .row a {color: #302B27; text-decoration: none;}
.katalogHeader .right .row a:hover {text-decoration: underline;}
.katalogHeader .right .row .left1 {float: right; margin:3px 0px 5px 6px;}
.katalogHeader .right .row .right1 {float: right; font-size:4px;}
.katalogHeader .right .row .right1 img {margin: 0px 0px 3px 6px; cursor: pointer;}
.katalogHeader .right .row .razeni {float: right; font-size: 11px; width:90px;}
.katalogHeader .right .row .zbytek {float: right; font-size: 11px; width:90px; margin:0px 14px 0px 0px;}

.homerozbal {}
.homerozbal .padding {padding: 0px 11px 0px 0px;}
.homerozbal .rozbal {text-align: right;}
.homerozbal .rozbal a {text-decoration: underline; font-weight: bold; color: #2082eb;}
.homerozbal .rozbal a:hover {text-decoration: none;}
.homerozbal .text {display: none;}

.banner {text-align: center;}
.banner img {margin: 0px auto 0px auto;}

/* listcontrol - listovani v katalogu */
.listcontrol {margin:10px 0px 20px 0px; border:1px solid #FFFFFF; text-align:center; font-weight:bold; font-size:11px; color:#F16306;}
.listcontrol a {font-size:11px; color:#302B27; text-decoration:none; font-weight:bold;}
.listcontrol a:hover {text-decoration:underline;}
.listcontrol a.strany {font-size:11px; color:#F16306; text-decoration:none; font-weight:bold;}
.listcontrol a.strany:hover {text-decoration:underline;}
.listcontrol .actualPage {text-decoration:underline; color:#F16306;}
.listcontrol .cernaCara {color:#302B27;}

.tecky {width:570px; background:url('spuntik-tecky.gif') repeat-y left top;}
.teckyPro2produkty {width:570px; background:url('spuntik-tecky3.gif') repeat-y left top;}
.produkty-zaobleni1 {width:570px; overflow:hidden; background:url('spuntik-produkty-zaobleni.gif') no-repeat left top; padding:15px 0px 0px 0px;}
.produkty-zaobleni2 {width:570px; overflow:hidden; background:url('spuntik-produkty-zaobleni3.gif') no-repeat left top; padding:15px 0px 0px 0px;}

.katalog-sobrazky {width:170px; float:left; overflow:hidden;}
.katalog-sobrazky h2 {display:block; width:165px; height:46px; overflow:hidden; text-align:left; font-size: 12px; font-weight:bold; color: #F46700; padding: 0px; margin: 0px;}
.katalog-sobrazky a.nazev {display:block; width:165px; height:46px; overflow:hidden; text-align:left; font-size: 12px; font-weight:bold; color: #F46700;}
.katalog-sobrazky a.nazev:hover {text-decoration:underline;}
.katalog-sobrazky .prostredni {width:165px; margin:5px 0px 0px 0px;}
.katalog-sobrazky .prostredni .levy {float:left; width:70px; height:150px; overflow:hidden; margin:0px 0px 0px 0px;}
.katalog-sobrazky .prostredni .levy .vyrobce {width:70px; height:30px; overflow:hidden;}
.katalog-sobrazky .prostredni .levy .vyrobce a {width:70px; height:30px; text-decoration:none;}
.katalog-sobrazky .prostredni .levy .vyrobce img {width:70px; height:30px;}
.katalog-sobrazky .prostredni .levy a {display:block; width:70px; height:100px; overflow:hidden;}
.katalog-sobrazky .prostredni .levy a .image {margin:10px 0px 0px 0px;}
.katalog-sobrazky .prostredni .mezera {float:left; width:5px; height:15px; overflow:hidden;}
.katalog-sobrazky .prostredni .pravy {float:left; width:88px; overflow:hidden; padding:0px 0px 0px 0px;}
.katalog-sobrazky .prostredni .pravy .popis {font-weight:normal; font-size:11px; color: #302B27; width:78px; height:140px; overflow:hidden;}
.katalog-sobrazky .prostredni .pravy .popis a {text-decoration:none; color: #302B27;}
.katalog-sobrazky .prostredni .pravy .popis a:hover {text-decoration:underline; color: #302B27;}
.katalog-sobrazky .cena {width:165px; font-weight:bold; font-size:11px; color:#000000; margin:5px 0px 5px 0px; overflow:hidden; text-align:right;}
.katalog-sobrazky .cena .beznaCena {font-weight:normal; font-size:11px; color:#939087; text-decoration:line-through;}
.katalog-sobrazky .dolni {width:165px; height:20px; text-align:right;}
.katalog-mezera1 {float:left; width:15px; height:15px; overflow:hidden;}
.katalog-mezera2 {float:left; width:17px; height:15px; overflow:hidden;}
.vodorovnaMezera1 {float:left; padding:0px 25px 0px 25px; background-color:#FFFFFF;}
.vodorovnaMezera2 {width:520px; height:15px; background:#FFFFFF url('spuntik-sedatecka1.gif') repeat-x left center;}

.katalog-2naradek {width:260px; float:left; overflow:hidden; background-color:#FFFFFF;}
.katalog-2naradek .produkt {width:260px; height:155px; overflow:hidden; text-align:left; text-decoration:none;}
.katalog-2naradek .produkt:hover {text-decoration:none;}
.katalog-2naradek .produkt .levy {display:block; float:left; width:120px; overflow:hidden; margin:0px; padding:10px 0px 0px 0px;}
.katalog-2naradek .produkt .levy img {margin:10px 0px 0px 0px; cursor:pointer;}
.katalog-2naradek .produkt .mezera {float:left; width:15px; height:20px; overflow:hidden;}
.katalog-2naradek .produkt .pravy {float:left; width:120px; overflow:hidden; padding:0px 0px 0px 0px;}
.katalog-2naradek .produkt .pravy h2 {display:block; width:120px; height:46px; overflow:hidden; text-align:left; font-size: 12px; font-weight:bold; color: #F46700; cursor:pointer; padding: 0px; margin: 0px;}
.katalog-2naradek .produkt .pravy .nazev {display:block; width:120px; height:46px; overflow:hidden; text-align:left; font-size: 12px; font-weight:bold; color: #F46700; cursor:pointer;}
.katalog-2naradek .produkt .pravy .nazev:hover {text-decoration:underline;}
.katalog-2naradek .produkt .pravy .popis {font-weight:normal; font-size:11px; color: #302B27; width:120px; height:70px; overflow:hidden;}
.katalog-2naradek .produkt .pravy .vyrobce {margin:5px 0px 5px 0px; width:120px; height:30px; overflow:hidden; text-align:right;}
.katalog-2naradek .produkt .pravy .vyrobce img {width:70px; height:30px; cursor:pointer;}
.katalog-2naradek .cena {width:260px; font-weight:bold; font-size:11px; color:#000000; margin:5px 0px 0px 0px; overflow:hidden; text-align:right;}
.katalog-2naradek .cena .beznaCena {font-weight:normal; font-size:11px; color:#939087; text-decoration:line-through;}
.katalog-2naradek .dolni {width:260px; height:25px;}
.katalog-2naradek .dolni a {float:right; width:50px; height:22px; margin:5px 0px 5px 7px; overflow:hidden;}

.katalog-tabulka {width:501px; margin:0px 0px 0px 16px; padding:0px;}
.katalog-tabulka a.nazev {display:block; width:501px; height:14px; overflow:hidden; color:#4D4D4D; font-size:12px; font-weight:bold; text-decoration:none; margin:0px 10px 10px 10px;}
.katalog-tabulka a.nazev:hover {text-decoration:underline; color: #A90000;}
.katalog-tabulka .row {width:501px;}
.katalog-tabulka .row .ceny {float:left; width: 350px; font-weight:bold; font-size:11px; color:#DB0000; margin:0px 10px 0px 10px;}
.katalog-tabulka .row .ceny .cena {width:120px; float:left; margin:0px; padding:0px;}
.katalog-tabulka .row .tlacitka {float:right; width:120px; text-align:right;}

.katalog-topprodukty {width:550px; float:left; overflow:hidden; background-color:#FFFFFF; padding:5px 0px 0px 0px;}
.katalog-topprodukty .left {float:left; width: 105px;}
.katalog-topprodukty .left a.image {display:block; width:105px; height:105px; overflow:hidden; text-align:left; text-decoration:none;}
.katalog-topprodukty .right {float:left; width: 435px;}
.katalog-topprodukty .right h2 {display:block; width:435px; height:34px; overflow:hidden; text-align:left; font-size: 14px; font-weight:bold; color: #F106BC; text-decoration:none; padding: 0px; margin: 0px;}
.katalog-topprodukty .right a.nazev {display:block; width:435px; height:34px; overflow:hidden; text-align:left; font-size: 14px; font-weight:bold; color: #F106BC; text-decoration:none;}
.katalog-topprodukty .right a.nazev:hover {text-decoration:underline;}
.katalog-topprodukty .right a.nazev .vyrobce {float:right; width:70px; height:30px; overflow:hidden;}
.katalog-topprodukty .right a.nazev .vyrobce a {width:70px; height:34px; text-decoration:none;}
.katalog-topprodukty .right a.nazev .vyrobce img {width:70px; height:34px;}
.katalog-topprodukty .right .popis {font-weight:normal; font-size:11px; color: #302B27; width:435px; height:42px; overflow:hidden; padding:0px; margin:0px;}
.katalog-topprodukty .right .mezera {width:435px; height:5px; overflow:hidden;}
.katalog-topprodukty .right .spodni {width:435px; height:22px; overflow:hidden; padding:0px;}
.katalog-topprodukty .right .spodni a.odkaz {display:block; float:right; width:50px; height:22px; margin:0px 7px 0px 0px; padding:0px;}
.katalog-topprodukty .right .spodni .cena {float:right; width:105px; margin:2px 20px 0px 0px; padding:0px; text-align:right; font-weight:bold; font-size:11px; color:#000000;}
.katalog-topprodukty .right .spodni .cena .beznaCena {font-weight:normal; font-size:11px; color:#939087; text-decoration:line-through;}

.detail-souvisejici {float:left; width:300px; overflow:hidden;}
.detail-souvisejici .produkt {display:block; width:280px; height:100px; overflow:hidden; text-align:left; text-decoration:none;}
.detail-souvisejici .produkt:hover {text-decoration:none;}
.detail-souvisejici .produkt .levy {display:block; float:left; width:85px; overflow:hidden; margin:0px 0px 0px 0px;}
.detail-souvisejici .produkt .levy .image {margin:10px 0px 0px 0px;}
.detail-souvisejici .produkt .mezera {float:left; width:10px; height:20px; overflow:hidden;}
.detail-souvisejici .produkt .pravy {float:left; width:150px; overflow:hidden; padding:0px 0px 0px 0px;}
.detail-souvisejici .produkt .pravy a.nazev {display:block; width:150px; height:30px; overflow:hidden; text-align:left; font-size: 11px; font-weight:bold; color: #0000FF; cursor:pointer; margin-top:10px;}
.detail-souvisejici .produkt .pravy a.nazev:hover {text-decoration:underline;}
.detail-souvisejici .produkt .pravy .popis {font-weight:normal; font-size:11px; color: #302B27; width:150px; height:56px; overflow:hidden;}
.detail-souvisejici .dolni {width:235px; height:22px;}
.detail-souvisejici .dolni a {float:right; width:70px; height:22px; margin:5px 0px 5px 7px; overflow:hidden;}
.detail-souvisejici .dolni .cena {float:right; width:140px; font-weight:bold; font-size:11px; color:#FF0000; margin:5px 10px 5px 0px; overflow:hidden; text-align:right;}
.detail-souvisejici .dolni .cena .beznaCena {font-weight:normal; font-size:11px; color:#939087; text-decoration:line-through;}
.katalog-mezera3 {float:left; width:10px; height:15px; overflow:hidden;}
.katalog-mezera4 {float:left; width:700px; height:15px; overflow:hidden;}
.vodorovnaMezera3 {float:left; width:700px; height:15px; background:#FFFFFF url('spuntik-sedatecka1.gif') repeat-x left center;}

/* F5_USER - registrace a nastaveni*/
.userData {font-size:11px; width:535px; overflow:hidden;}
.userData .nadpisSpozadim {color:#302B27; border:1px solid #F46700; background-color:#F2F2F2; padding:5px 10px 5px 10px; margin:1px 0px 0px 0px;}
.userData .nadpisSpozadim .rad {margin:0px; vertical-align:middle;}
.userData .volitelne {background-color:#F3F3F6; border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; margin:0px; padding:0px;}
.userData .odsazeni {font-size:11px; text-align:left; margin: 0px; padding:10px;}
.userData .odsazeni .nadpis {font-weight: bold; font-size:11px; margin: 0px 0px 4px 0px; color:#302B27; width:500px;}
.userData .odsazeni .row {margin: 1px 0px 1px 10px; text-align:left;}
.userData .odsazeni .row .popis {float: left; width: 200px; text-align: left; padding: 3px 0px 0px 0px; color:#302B27;}
.userData .odsazeni .row .popis2 {float: left; width: 230px; text-align: left;}
.userData .odsazeni .row input.i {float:left; width: 150px; font-size: 11px; border:1px solid #CBCBCB; color: #565656; vertical-align:middle;}
.userData .odsazeni .row input.rad {vertical-align:middle;}
.userData .odsazeni .row select {float:left; width: 150px; font-size: 11px; border:1px solid #CBCBCB; color: #565656;}
.userData .odsazeni .row a {text-decoration: underline; color:#302B27;}
.userData .odsazeni .row a:hover {text-decoration: none;}
.userData .odeslat {padding: 10px 0px 10px 0px;}
.userData .odeslat img {cursor: pointer;}


/* F6_DETAIL */
.topdetail .topleft {float:left; width:260px; overflow: hidden; margin:0px; padding: 0px 0px 0px 0px;}
.topdetail .topleft .nazev h1 {font-family: Arial,"Geneva CE",lucida,sans-serif; font-size: 18px; font-weight:normal; margin: 5px 0px 0px 0px; color: #F16306;}
.topdetail .topleft a {display:block; margin:10px 0px 0px 0px;}
.topdetail .topcenter {float: left; width: 20px;}

.topdetail .topright {float:left; text-align:left; width:280px; overflow: hidden; padding:0px; margin:0px; color: #555555;}
.topdetail .topright .tabulka {font-family: Arial,"Geneva CE",lucida,sans-serif; font-size: 11px; color: #000000; margin: 10px 0px 0px 0px;}
.topdetail .topright .tabulka td {padding: 10px 0px 0px 0px; vertical-align: top;}
.topdetail .topright .tabulka td.nazev {font-weight: normal; width: 190px; text-align:left; white-space: nowrap; vertical-align:middle;}
.topdetail .topright .tabulka td.nazev1 {font-weight: normal; width: 190px; text-align:left; white-space: nowrap; vertical-align:bottom;}
.topdetail .topright .tabulka td.text {font-weight: normal; white-space: nowrap;}
.topdetail .topright .tabulka td.text img {width:100px; height:25px;}
.topdetail .topright .tabulka td.text .beznaCena {font-weight:normal; font-size:11px; color:#939087; text-decoration:line-through;}

.topdetail .topright .vlastnosti {margin: 3px 0px 3px 0px;}
.topdetail .topright .vlastnosti select {width: 280px; margin:0px 0px 10px 0px;}
.topdetail .topright .kosik {margin: 30px 0px 0px 0px; padding: 0px;}
.topdetail .topright .kosik .vyberte {font-size:11px; font-weight:bold; color:#DF970E;}
.topdetail .topright .kosik .ks {float:right; text-align:right; height:19px; width: 19px; font-size: 11px; text-align:center; line-height:19px; border:1px solid #DF970E; color:#000000;}
.topdetail .topright .kosik .ks2 {float:right; padding:2px 5px 0px 3px; font-size: 11px; color: #DF970E; font-weight:bold; line-height:19px; }
.topdetail .topright .kosik .submit {float:right; margin-top:2px;}
.topdetail .topright .kosik .naseCena {float:right; width:100px; text-align:right; font-size: 11px; line-height:19px;  font-weight: bold; color: #000000; padding:2px 10px 0px 0px; border:0px solid blue;}
.topdetail .topright .tecky1 {width:280px; height:25px; background:#ffffff url(spuntik-sedatecka1.gif) repeat-x left center;}

.topdetail .topright .tabulka2 {font-family: Arial,"Geneva CE",lucida,sans-serif; font-size: 11px; color: #000000; margin: 10px 0px 0px 0px;}
.topdetail .topright .tabulka2 td {padding: 2px 0px 0px 0px; vertical-align: top;}
.topdetail .topright .tabulka2 td.nazev {font-weight: normal; width: 210px; text-align:left; white-space: nowrap; vertical-align:middle;}
.topdetail .topright .tabulka2 td.text {text-align:right; width:70px;}
.topdetail .topright .tabulka2 td.text a {display:block; width:70px; height:21px; cursor:pointer;}
.topdetail .topright .tabulka2 td.text .akce {width:70px; height:19px; cursor:pointer;}
.topdetail .topright .tabulka2 td.text span {display:block; width:70px; height:21px; cursor:pointer;}
.topdetail .chyba {color: #F16306;}

.nadpisDetail {margin:0px 0px 10px 0px; font-weight:bold; font-size:13px; color:#F16306;}

.popisAndVlastnostiObrazkem {width: 565px; margin-top:20px;}
.popisAndVlastnostiObrazkem .vlastnosti {float: right; width: 280px; margin:0px 0px 10px 10px;}
.popisAndVlastnostiObrazkem .vlastnosti .vlastnostiObrazkem {border: 1px dashed #ABABAB; width: 250px; overflow: scroll;}
.popisAndVlastnostiObrazkem .vlastnosti .vlastnostiObrazkem .vlastnostMargin {margin: 4px; cursor: pointer; float: left; text-align: center;}
.popisAndVlastnostiObrazkem .vlastnosti .vlastnostiObrazkem .vlastnostMargin .vlastnost {display: block; width: 105px; height: 120px; overflow: hidden; color: #F16306; cursor:pointer;}
/* F6_DETAIL - popisy */
.popisAndVlastnostiObrazkem .popis {margin: 0px; font-size: 13px; text-align:left; color:#000000;}
.popisAndVlastnostiObrazkem .popis a {color: #2082f2; text-decoration: underline;}
.popisAndVlastnostiObrazkem .popis a:hover {text-decoration: none;}

/* F6_DETAIL - parametry */
.parametry {font-family: Arial,"Geneva CE",lucida,sans-serif; font-size: 11px; color:#000000; margin-top:20px;}
.parametry .nadpis {font-weight:bold; color:#F16306; margin:0px 0px 5px 8px;}
.parametry .detailParametry {font-size: 11px; color: #414141; border: 0px solid #ffffff; border-collapse: collapse; margin: 0px 0px 0px 0px; width: 560px;}
.parametry .detailParametry td {padding: 2px 8px 2px 8px; border: 1px solid #E7E7E7;}
.parametry .detailParametry td.left {width:280px; font-weight: bold; border-left: 0px solid #E7E7E7;}
.parametry .detailParametry td.right {width:280px; border-right: 0px solid #E7E7E7;}

/* F6_DETAIL - zalozky */
.oblastZalozky {margin: 30px 0px 0px 0px;}
.oblastZalozky .zalozky {width: 690px; vertical-align: bottom; margin:0px 15px 0px 15px;}
.oblastZalozky .zalozky .zalozka {display: block; font-weight:normal; float: left; padding: 0px; margin: 0px 3px 0px 0px; height: 25px; overflow: hidden; white-space: nowrap; cursor: pointer;}
.oblastZalozky .zalozky .active_0 {margin: 0px 3px 3px 0px; color:#797979; background-color:#FFFFFF;}
.oblastZalozky .zalozky .active_0 .left {float:left; width:5px; height:25px; background: #FFFFFF url(spuntik-detail-z4.gif) no-repeat left top; overflow:hidden;}
.oblastZalozky .zalozky .active_0 .center {float:left; padding:9px 3px 0px 3px; margin:0px; background: #FFFFFF url(spuntik-detail-z8.gif) repeat-x left top;}
.oblastZalozky .zalozky .active_0 .right {float:left; width:5px; height:25px; background: #FFFFFF url(spuntik-detail-z6.gif) no-repeat left top; overflow:hidden;}
.oblastZalozky .zalozky .active_1 {margin: 3px 3px 0px 0px; color:#F16306; background-color:#F5F5F5;}
.oblastZalozky .zalozky .active_1 .left {float:left; width:5px; height:25px; background: #F5F5F5 url(spuntik-detail-z4x.gif) no-repeat left top; overflow:hidden;}
.oblastZalozky .zalozky .active_1 .center {float:left; padding:9px 3px 0px 3px; margin:0px; background: #F5F5F5 url(spuntik-detail-z8x.gif) repeat-x left top; color:#F16306;}
.oblastZalozky .zalozky .active_1 .right {float:left; width:5px; height:25px; background: #F5F5F5 url(spuntik-detail-z6x.gif) no-repeat left top; overflow:hidden;}
.oblastZalozky .obsah {width: 690px; margin: 10px; background-color:#FFFFFF;}
.teckyZalozky {width:690px; background:url('design/spuntik-tecky2.gif') repeat-y left top; border-bottom:1px dotted #B6B6B6;}
.produkty-zaobleniZalozky {width:690px; overflow:hidden; background:url('design/spuntik-produkty-zaobleni2.gif') no-repeat left top; padding:15px 0px 0px 0px;}

.detailZalozkyNadpis {color:#0000FF; font-size:16px; font-weight:bold; text-align:left; margin:0px 10px 0px 10px;}

/* F6_DETAIL - souvisejici produkty */
.souvisejici {margin:0px; padding:0px;}
.souvisejici .margin {margin:0px 10px 0px 0px;}
/* F6_DETAIL - vice obrazku */
.detailViceObrazku {color:#000000;}
.detailViceObrazku a.image {display: block; float: left; margin: 10px; border: 1px solid #ffffff;}
.detailViceObrazku a.image:hover {border: 1px solid #F16306;}
.detailViceObrazku img {}

/* F6_DETAIL -  hlidaci pes*/
.hlidacipes {padding: 10px; font-size: 11px; text-align:left; color:#000000;}
.hlidacipes .show {text-align: right; display: block; font-weight: bold; text-decoration: underline; cursor: pointer; margin: 0px 13px 0px 0px; color:#555555;}
.hlidacipes td {font-size: 11px; color:#000000;}
.hlidacipes .sl3 {height: 19px; width: 200px; font-size: 11px; border:1px solid #CBCBCB; color: #565656;}
.hlidacipes .odeslat {cursor: pointer;}

/* F6_DETAIL - vice informaci */
.viceinformaci {padding: 10px; font-size: 11px; text-align:left; color:#555555;}
.viceinformaci .show {text-align: right; display: block; font-weight: bold; text-decoration: underline; cursor: pointer; margin: 0px 13px 0px 0px;}
.viceinformaci input {width: 400px; font-size: 11px; border:1px solid #CBCBCB; color: #565656;}
.viceinformaci textarea {width: 400px; height: 100px; font-size: 11px; border:1px solid #CBCBCB; color: #565656;}
.viceinformaci .odeslat {cursor: pointer;}

/* F6_DETAIL -  hodnoceni */
.hodnoceni {padding:10px; color:#555555;}
.hodnoceni .hodnoceni-left {float: left; height: 40px;}
.hodnoceni .hodnoceni-left .nadpis {display: block; padding: 10px 5px 5px 0px; font-weight: bold; font-size: 12px; color: #F09A2E;}
.hodnoceni .hodnoceni-right {height: 40px; text-align: right; margin: 0px;}
.hodnoceni .hodnoceni-right a {font-size: 11px; font-weight: bold; text-decoration: none; color:#DA251C;}
.hodnoceni .hodnoceni-right a:hover {text-decoration: underline;}
.hodnoceni .hodnoceni-right .nadpis {display: block; padding: 10px 0px 5px 10px; font-weight: bold; font-size: 12px; color: #555555;}
/* EO - prava cast detailu */

/* F6_DETAIL - diskuse */
.diskuse {}
.diskuse .nadpis {font-family: Arial,"Geneva CE",lucida,sans-serif; font-size: 20px; color: #F09A2E;}
.diskuse .akce {margin: 3px 0px 3px 0px;}
.diskuse .akce img {margin: 0px 0px 0px 3px;}
.diskuse .prispevky {}
.diskuse .prispevky .margin {margin: 0px 0px 0px 15px;}
.diskuse .prispevky .first {background-color: #e0e0e0;}
.diskuse .prispevky .row {border: 1px solid #ffffff;}
.diskuse .prispevky .row .checkbox {}
.diskuse .prispevky .row a.name {text-decoration: none; color: #000000;}
.diskuse .prispevky .row a.name:hover {text-decoration: underline;}
.diskuse .prispevky .row .autor {float: right; margin: 3px 5px 0px 0px; font-weight: bold;}
.diskuse .prispevky .row a.odpoved {float: right; display: block; margin: 3px 5px 0px 0px; text-decoration: underline; width: 50px; overflow: hidden; color: #000000;}
.diskuse .prispevky .row a.odpoved:hover {text-decoration: none;}
.diskuse .prispevky .text {margin: 0px 0px 5px 20px; font-style: italic;}
.diskuse .vypsanaOdpoved {margin: 0px 0px 0px 15px;}
.diskuse .vypsanaOdpoved .titulek {font-weight: bold;}
.diskuse .vypsanaOdpoved .text {margin: 5px 0px 5px 0px;}
.diskuse .vypsanaOdpoved .autor {text-align: right; font-style: italic;}
.diskuse .formularDiskuse {}
.diskuse .formularDiskuse .popis {float: left; width: 200px; text-align: right; padding: 4px 5px 0px 0px;}
.diskuse .formularDiskuse input.text {border: 1px solid #BFBFBF;}
.diskuse .formularDiskuse textarea.text {border: 1px solid #BFBFBF; width: 380px; height: 100px;}
.diskuse .formularDiskuse .odeslat {cursor: pointer;}


/* F7_OBLIBENE PROUKTY */
.favorites {margin: 0px 0px 0px 0px;}
.favorites img.image {vertical-align: middle; float: left; margin: 0px 10px 0px 0px;}
.favorites .produkt {display: block; float: left; font-size: 10px; width:320px; font-size:11px;}
.favorites .produkt a {color: #F46700; text-decoration: none; font-size: 12px; font-weight: bold;}
.favorites .produkt a:hover {text-decoration: underline; color: #F46700;}
.favorites .favoritesRight {float: right; text-align: center;}
.favorites .favoritesRight a.odstranit {margin: 17px 0px 0px 0px; text-decoration: none; font-size: 10px; color: #302B27}
.favorites .favoritesRight a.odstranit:hover {text-decoration: underline; color: #302B27;}
.favorites .favoritesRight a.koupit {text-decoration: none; font-size: 11px; color: #302B27; font-weight: bold; display: block; margin: 0px 0px 10px 0px; text-decoration:none;}
.favorites .favoritesRight a.koupit:hover {text-decoration:underline; color: #302B27;}
.favorites .favoritesRight a.koupit img {vertical-align: middle;}
.favorites .odstranitVse {text-align: right;}
.favorites .odstranitVse a {text-decoration: none; font-size: 10px; color: #302B27;}
.favorites .odstranitVse a:hover {text-decoration: underline; color: #302B27;}


/* F8_KOSIK */
.kosik {}
.kosik .seznamZbozi {}
.kosik .seznamZbozi .produktliteHeader {margin: 3px 0px 3px 0px; font-weight: bold; color: #000000;}
.kosik .seznamZbozi .produktliteHeader .pocetKusu {padding: 4px 0px 0px 0px;}
.kosik .seznamZbozi .produktlite {margin: 3px 0px 3px 0px; border-top: 1px solid #D8D8D8;}
.kosik .seznamZbozi .checkbox {float: left; width: 23px; overflow: hidden;}
.kosik .seznamZbozi .nazev {float: left; width: 200px; overflow: hidden;  padding: 4px 0px 0px 0px;}
.kosik .seznamZbozi .nazev a {font-weight:normal; text-decoration: none; color: #F46700;}
.kosik .seznamZbozi .nazev a:hover {text-decoration: underline;}
.kosik .seznamZbozi .cenaZaKus {float: left; width: 100px; overflow: hidden; text-align: right; padding: 4px 0px 0px 0px;}
.kosik .seznamZbozi .pocetKusu {float: left; width: 50px; overflow: hidden; text-align: center;}
.kosik .seznamZbozi .pocetKusu input.pocet {width: 25px; height: 19px; font-size: 11px; border:1px solid #CBCBCB; color: #565656; vertical-align: middle; text-align: center; margin: 0px auto 0px auto;}
.kosik .seznamZbozi .DPH {float: left; width: 50px; overflow: hidden; text-align: right;  padding: 4px 0px 0px 0px;}
.kosik .seznamZbozi .polozkaCelkemSDPH {float: left; width: 100px; overflow: hidden; text-align: right; padding: 4px 0px 0px 0px; font-weight: bold;}
.kosik .cenaCelkem {margin:5px 0px 10px 0px; padding:5px 0px 0px 0px; border-top: 1px solid #D8D8D8; text-align:left;}
.kosik .cenaCelkem .popis {float:left; width:300px; color:#000000; font-weight:bold;}
.kosik .cenaCelkem .cena {float:right; width: 150px; text-align:right; padding-right:10px; font-size: 16px; color: red; font-weight:bold;}
.kosik .buttonsBottom {text-align: right; margin: 30px 0px 0px 0px;}


/* F9_POKLADNA */
.main .main01 .layoutCenterNakup {width: 571px; overflow: hidden; margin:0px auto 0px auto; padding: 0px; text-align: left;}
.main .main01 .layoutCenterNakup .hr {margin: 8px 0px; color: #ffffff; border: 0px solid #ffffff; border-bottom: 1px solid #D5D5D5;}
.main .main01 .layoutCenterNakup .nadpisCenter {width:530px; overflow:hidden; margin:0px 8px 20px 8px; font-size:18px; color:#F46700; font-weight:normal;}
.main .main01 .layoutCenterNakup .nadpisCenter h1 {display: block; margin:0px; font-family: Arial,"Geneva CE",lucida,sans-serif; font-weight:normal; font-size:18px; color:#F46700;}
.main .main01 .layoutCenterNakup .nadpisCenter h2 {display: block; margin:0px; font-family: Arial,"Geneva CE",lucida,sans-serif; font-weight:bold; font-size:14px; color:#F46700;}
.main .main01 .layoutCenterNakup .nadpisCenter2 {overflow:hidden; margin:0px 0px 20px 0px; font-size:18px; color:#F46700; font-weight:normal;}
.main .main01 .layoutCenterNakup .nadpisCenter2 h1 {display: block; margin:0px; font-family: Arial,"Geneva CE",lucida,sans-serif; font-weight:normal; font-size:18px; color:#F46700;}
.main .main01 .layoutCenterNakup .cara1 {width:535px; margin:10px 2px 10px 2px; height:1px;}
.main .main01 .layoutCenterNakup .cara2 {width:535px; margin:10px 2px 0px 2px; height:1px;}
.main .main01 .layoutCenterNakup .cara3 {width:535px; margin:5px 2px 5px 18px; height:1px;}
.main .main01 .layoutCenterNakup .block {margin:0px 8px 20px 30px;}
.main .main01 .layoutCenterNakup .block .novinky {width: 533px; overflow:hidden; background:url(spuntik-bg-novinky.gif) repeat-y left top;}


.pokladnaForm {padding: 5px;}
.pokladnaForm legend {font-weight: bold;}
.pokladnaForm label {float: left; width: 90px; line-height: 26px;}
.pokladnaForm input {margin: 4px 0px; border: 1px solid #808080;}

.pokladna {}
.pokladna .nadpisPokladna {font-size: 14px; font-weight: bold; padding: 10px 0px 5px 0px; color: #E08E00;}
.pokladna .margin {margin: 0px 0px 0px 20px;}
.pokladna .text {margin: 0px 0px 10px 0px;}
.pokladna .poznamkaProdejceVPokladne {margin: 0px 0px 20px 0px; color: #302B27; font-size: 12px; font-weight: bold;}
.pokladna .seznamZbozi {margin: 0px 0px 0px 20px;}
.pokladna .seznamZbozi .produktliteHeader {margin: 0px 0px 3px 0px; font-weight: bold;}
.pokladna .seznamZbozi .produktlite {margin: 3px 0px 3px 0px; border-top: 1px solid #D8D8D8;}
.pokladna .seznamZbozi .cenaCelkem {margin: 3px 0px 3px 0px; border-top: 1px solid #D8D8D8; font-weight: bold; font-size: 13px;}
.pokladna .seznamZbozi .nazev {float: left; width: 205px; overflow: hidden;  padding: 4px 0px 0px 0px;}
.pokladna .seznamZbozi .cenaZaKus {float: left; width: 100px; overflow: hidden; text-align: right; padding: 4px 0px 0px 0px;}
.pokladna .seznamZbozi .pocetKusu {float: left; width: 50px; overflow: hidden; text-align: center; padding: 4px 0px 0px 0px;}
.pokladna .seznamZbozi .DPH {float: left; width: 50px; overflow: hidden; text-align: right;  padding: 4px 0px 0px 0px;}
.pokladna .seznamZbozi .polozkaCelkemSDPH {float: left; width: 100px; overflow: hidden; text-align: right; padding: 4px 0px 0px 0px; font-weight: bold;}
.pokladna .seznamZbozi .text {float: left; width: 405px; overflow: hidden; padding: 4px 0px 4px 0px;}
.pokladna .seznamZbozi .hodnota {float: left; text-align: right; width: 100px; overflow: hidden; font-weight: bold; padding: 4px 0px 4px 0px;}
.pokladna input.slevaKod {width: 30px; height:18px; font-size: 11px; border:1px solid #CBCBCB; color: #565656; margin: 0px 3px 0px 3px;}
.pokladna .odberatel {}
.pokladna .zavazneObjednat {text-align:center;}



.pokladna .udaje {margin: 0px 0px 0px 20px;}
.pokladna .udaje td {padding: 2px 0px;}
.pokladna .udaje .popis {width: 100px;}

.pokladna .souhlasObchodniPodminky {text-align: right; padding: 5px 0px;}
.pokladna .souhlasObchodniPodminky a {text-decoration: underline;}

.pokladna .buttons {}
.pokladna .buttons .predchozi {float: left;}
.pokladna .buttons .dalsi {float: right;}

.specialniDoprava {margin: 0px 0px 15px 0px;}
.specialniDoprava .text {margin: 0px; font-weight: normal;}
.specialniDoprava .text a {text-decoration:underline; color:#ff6c00;}
.specialniDoprava .text a:hover {text-decoration:none;}
.specialniDoprava .vyberPlatby {}
.specialniDoprava .vyberPlatby .platba {padding: 5px;}

.volbaDopravyAPlatby {width:515px; margin-top:10px;}
.volbaDopravyAPlatby td {width:50%; vertical-align:top; padding:0px; font-size:68.75%;}

.volbaDopravy {font-size:11px;}
.volbaDopravy .dopravaBlock {color: #302B27; border-top: 1px solid #f1f1f1; font-size:100%;}
.volbaDopravy .dopravaBlock .block2 {padding: 5px 5px 10px 10px;}
.volbaDopravy .dopravaBlock-selected {color: #302B27; background-color:#f1f1f1;}
.volbaDopravy .dopravaBlock-selected .block2 {padding: 5px 5px 10px 10px;}
.volbaDopravy .cena {float: right; font-weight: bold; margin: 2px 10px 0px 0px; line-height: 17px; display: none;}
.volbaDopravy input.radio {vertical-align: middle;}
.volbaDopravy .nazev {font-weight: bold; line-height: 28px; padding: 0px 0px 0px 6px;}
.volbaDopravy .popis {display: block; margin: 0px 5px 0px 26px; color: #302B27; line-height: 17px;}

.volbaPlatby {font-size:11px;}
.volbaPlatby .platbaBlock {color: #302B27; }
.volbaPlatby .platbaBlock .block2 {padding: 5px 0px 10px 10px;}
.volbaPlatby .platbaBlock-selected {color: #302B27; background: #f1f1f1;}
.volbaPlatby .platbaBlock-selected .block2 {padding: 5px 0px 10px 10px;}
.volbaPlatby .cena {float: right; font-weight: bold; margin: 2px 10px 0px 0px; line-height: 17px;}
.volbaPlatby input.radio {vertical-align: middle;}
.volbaPlatby .nazev {font-weight: bold; padding: 0px 0px 0px 6px;}
.volbaPlatby .popis {display: block; margin: 0px 5px 0px 26px; color: #302B27; line-height: 17px;}

.pokladnaLib {padding:5px 0px; font-size:69%;}
.pokladnaLib .pokladnaLibNadpis {display:block; width:515px; overflow:hidden; font-weight: bold; color: #302B27; padding:9px 0px 9px 0px; margin:10px 0px;}
.pokladnaLib .pokladnaLibPopis {display:block;}
.pokladnaLib .pokladnaLibFormLayout {font-size:100%; margin:0px 10px;}
.pokladnaLib .pokladnaLibFormLayout td {}
.pokladnaLib .pokladnaLibFormLayout td.popis {}
.pokladnaLib .pokladnaLibFormLayout td.input {font-size:100%;}
.pokladnaLib .pokladnaLibFormLayout td select {font-size:100%;}


/*
.pokladna .odberatel .kontakt .udaje {font-weight: normal; float: left; display: block; width: 100px; padding: 4px 0px 0px 0px;}
.pokladna .odberatel .kontakt input.dodaciAdresa {border: 1px solid #BFBFBF; width: 170px;}
*/

.pokladna .odberatel .kontakt {float: left; width: 255px;border: 0px solid #000000;}
.pokladna .odberatel .kontakt .nadpis {font-weight: bold; padding: 15px 0px 5px 0px; margin: 0px; color: #f59f0e;}
.pokladna .odberatel .kontakt .popisOblasti {font-style: italic; padding: 0px 0px 5px 0px; margin: 0px;}

.pokladna .odberatel .kontakt table.udaje {width: 255px; border: 0px solid #000000;  font-size: 11px;}
.pokladna .odberatel .kontakt table.udaje b {color: #000000;}
.pokladna .odberatel .kontakt table.udaje td {vertical-align: middle; text-align: left; padding: 0px; margin: 0px; height: 20px;}
.pokladna .odberatel .kontakt table.udaje td.popis {width: 32%; vertical-align: middle; text-align: left;}
.pokladna .odberatel .kontakt input.dodaciAdresa {font-size: 11px; border:1px solid #CBCBCB; color: #565656; width: 150px;}

.pokladna .odberatel2 {margin: 0px 0px 0px 20px;}
.pokladna .odberatel2 .kontakt {float: left;}
.pokladna .odberatel2 .kontakt .udaje {font-weight: normal; float: left; display: block; width: 100px; padding: 4px 0px 0px 0px;}
.pokladna .odberatel2 .kontakt input.dodaciAdresa {font-size: 11px; border:1px solid #CBCBCB; color: #565656; width: 220px;}

.pokladna .selectDopravaAPlatba {margin: 0px 0px 0px 20px; font-size: 11px; color: #000000;}
.pokladna .selectDopravaAPlatba .doprava {vertical-align: top; width:250px;}
.pokladna .selectDopravaAPlatba .doprava .typ {padding: 4px 10px 4px 2px;}
.pokladna .selectDopravaAPlatba .platba {vertical-align: top; background-color: #F1F1F1; padding: 0px 10px 0px 10px; width:250px;}
.pokladna .selectDopravaAPlatba .platba .typ {padding: 2px 10px 2px 2px;}
.pokladna .vasVzkazKObjednavce {margin: 0px 0px 0px 20px; font-size: 11px; color: #000000;}
.pokladna textarea {width: 515px; height:50px;}

/* F10 OBJEDNAVKA PRIJATA*/
.objednavka {padding: 0px 0px 20px 0px; font-size: 11px; text-align: left;}

/* F11 VASE OBJEDNAVKY */
.vaseObjednavkyPrehled {}
.vaseObjednavkyPrehled a.prihlaseni {color:#F46700;}
.vaseObjednavkyPrehled .prehled {border-collapse: collapse; border: 1px solid #D9D9D9; font-size: 11px; width: 535px; color: #302B27; margin: 10px 0px 0px 0px;}
.vaseObjednavkyPrehled .prehled td {border: 1px solid #D9D9D9; padding: 2px 5px 2px 5px; vertical-align: top;}
.vaseObjednavkyPrehled .prehled td.code {}
.vaseObjednavkyPrehled .prehled td.code a.code {color:#F46700; text-decoration:none;}
.vaseObjednavkyPrehled .prehled td.code a.code:hover {text-decoration:underline;}
.vaseObjednavkyPrehled .prehled td.datum {text-align: right;}
.vaseObjednavkyPrehled .prehled td.cas {text-align: right;}

.vaseObjednavkyDetail {}
.vaseObjednavkyDetail .datum {text-align: right;}
.vaseObjednavkyDetail .zaplaceno {text-align: right;}
.vaseObjednavkyDetail .odeslano {text-align: right;}
.vaseObjednavkyDetail .prehled {border-collapse: collapse; border: 1px solid #D9D9D9; font-size: 11px; width: 535px; color: #302B27; margin: 10px 0px 0px 0px;}
.vaseObjednavkyDetail .prehled td {border: 1px solid #D9D9D9;  padding: 2px 5px 2px 5px; vertical-align: top;}
.vaseObjednavkyDetail .prehled td.nazev {}
.vaseObjednavkyDetail .prehled td.ks {text-align: right;}
.vaseObjednavkyDetail .prehled td.cena {text-align: right;}
.vaseObjednavkyDetail .postovneBalne {text-align: right; margin: 10px 0px 0px 0px;}
.vaseObjednavkyDetail .cenaCelkem {text-align: right; margin: 10px 0px 10px 0px; font-size: 13px;}
.vaseObjednavkyDetail .zpet {color: #F46700; text-decoration: none;}
.vaseObjednavkyDetail .zpet:hover {text-decoration: underline;}


/* F20_LOGIN PAGE zapomenute heslo, login page */
.loginPage {}
.loginPage .nadpisLoginPage {font-size: 14px; font-weight: bold; padding: 10px 0px 5px 0px; color: #E08E00;}
.loginPage form {}
.loginPage form .popis {float: left; width: 100px; padding: 4px 0px 0px 0px;}
.loginPage .input {width: 200px; font-size: 11px; border:1px solid #CBCBCB; color: #565656;}
.loginPage a {text-decoration: underline; color: #E08E00;}
.loginPage a:hover {text-decoration: none;}

/* F24_VYHLEDAVANI - rozsirene */
.advsearch {padding: 0px 0px 20px 0px; font-size: 11px; text-align:left;}
.advsearch .popis {float: left; width: 200px; line-height: 20px;}
.advsearch input {width: 200px; font-size: 11px; border:1px solid #CBCBCB; color: #565656;}
.advsearch .image {width: 60px; height: 18px; border: 0px solid black;}

/* F28_HLIDACI PES */
.watchdog {padding: 0px 0px 20px 0px; font-size: 11px; text-align:left;}
.watchdog a {text-decoration: none; color: #F46700;}
.watchdog a:hover {text-decoration: underline;}
.watchdog a.kill {text-decoration: none; color: #302B27; font-weight: normal; font-weight: bold;}
.watchdog a.kill:hover {text-decoration: underline;}

/* F29_TEXTOVA STRANKA*/
.textpage {margin:10px 0px 20px 0px; font-size: 11px; line-height:20px; width:99%;}
.textpage a {color: #0000ff; text-decoration: underline;}
.textpage a:hover {text-decoration: none;}
.textpage h1 {color:#365f91; font-size:13px;}
.textpage h2 {color:#4f81bd; font-size:13px; margin:10px 0px 6px 0px;}
.textpage p {padding-bottom:8px;}
.textpage img {margin-left:6px;}

/* F30_KNIHA PRANI */
.knihaprani {padding: 0px 0px 20px 0px; font-size: 11px; text-align:left;}
.knihaprani .row {margin:0px; padding:0px; text-align:left;}
.knihaprani .row .popis {float:left; width: 150px;}
.knihaprani .row .popis2 {float:left; width: 300px; text-align:left;}
.knihaprani .row input {float:left; font-size: 11px; border:1px solid #CBCBCB; color: #565656; width: 200px; margin:0px;}
.knihaprani .row textarea {float:left; font-size: 11px; border:1px solid #CBCBCB; color: #565656; width: 300px; height: 200px; margin:0px;}
.knihaprani .row .odeslat {float:left; width: 60px; height: 18px; border: 0px solid #FFFFFF; margin:0px; padding:0px;}

.novinkaNew {padding: 0px 0px 20px 0px; font-size: 11px; text-align:left; line-height:16px;}
.novinkaNew h2 {margin:0px; padding:0px; font-size:12px;}

/* F31_KONFIGURATOR SESTAV*/
.konfhomepage {width: 533px;}
.konfhomepage td.p1s1 {}
.konfhomepage td.p1s2 {width: 3px; background: url('r_konf01.gif') repeat-y left top;}
.konfhomepage td.p1s3 {width: 205px; border: 0px solid black;}
.konfhomepage td.p1s3 hr {color: #4d4d4d; border: #ffffff; border-top: 1px solid #D4DADC;}
.konfhomepage td.p2s3 {background: url('r_konf02.gif') repeat-x left top;}

h3.konfig {margin: 0px 0px 10px 0px; text-align: left; font-size: 12px; color:#898989;}
.konfigurator-nazev {width: 533px; overflow: hidden; margin:0px 0px 10px 0px; font-size:16px;}
.konfigurator-nazev h1.konf {color:#E08E00; font-size:16px; font-weight:bold;}
.tabulka {width:533px; font-size:11px; color:#333333; margin:0px;}
.tabulka td.left {width:260px; vertical-align:top;}
.tabulka td.left .image {width: 253px; height: 181px; overflow: hidden; background:url('rentcomp-konfigurator-image.gif') no-repeat top left;}
.tabulka td.left .image a {display:block; width:240px; height:170px; margin:5px;}
.tabulka td.right {vertical-align:top;}
.tabulka td.right .popis {color:#4d4d4d; padding: 0px 10px 5px 10px; width: 270px; overflow: hidden;}
.tabulka td.right .popis .click {vertical-align: middle; float: right; cursor: pointer;}

.ceny {margin:10px 0px 10px 0px; padding:0px; font-size:11px; color:#4d4d4d; width:533px;}
.ceny .celkem {font-weight: bold; font-size: 12px; text-align: right; color: #F46700; margin: 0px 20px 0px 0px;}

.slozeni {margin:0px 0px 10px 20px; padding:0px; font-size:11px; color:#4d4d4d; width:503px;}
.volitelne {margin:0px 0px 10px 0px; padding:0px; font-size:11px; color:#4d4d4d;}
.volitelne .click {cursor:pointer;}

.sestava {float: left;}
.sestava .image {}
.sestava .image .foto {width: 236px; height: 176px; border: 1px solid #f0f0f0; text-align: center; overflow: hidden;}
.sestava .nazev {text-align: center; height: 30px;}
.sestava .nazev .cut {width: 100%; height: 40px; overflow: hidden; line-height: 20px;}
.sestava .nazev .cut a {font-size: small; font-weight: bold; text-decoration: none; color: #000000;}
.sestava .nazev .cut a:hover {text-decoration: underline;}
.sestava .popis {font-size:xx-small; text-align: center; height: 106px;}
.sestava .cena {font-size:xx-small; text-align: left; height: 30px;}
.sestava .zobrazit {font-size:xx-small; text-align: right; height: 30px;}

.sestavaDetail {padding: 0px; color:#4d4d4d; font-size:11px;}
.sestavaDetail .kosik {margin:10px 0px 0px 0px; color: #4d4d4d; font-weight: bold; vertical-align:middle; text-align:right;}
.sestavaDetail .kosik input.txtbox {width: 40px; font-size:11px; color:#565656; font-weight: bold; margin: 0px 5px 0px 5px; border:1px solid #CBCBCB; text-align:center;}

.sestavaDetail .kategorie {width: 533px; font-size: 12px; cursor: pointer; border: 0px solid #000000; padding: 0px; margin: 3px 0px 3px 0px;}
.sestavaDetail .kategorie .td1 {cursor: pointer; width: 36px; vertical-align: top;}
.sestavaDetail .kategorie .td2 {border: 1px solid #666766; vertical-align: middle; background:url('rentcomp-konfigurator-kategorie.png') repeat-x left top;}
.sestavaDetail .kategorie .td2 .nazev {float: left; line-height: 22px; font-weight: bold; color: #4d4d4d; font-size: 11px;  margin: 0px 5px 0px 7px; border: 0px solid black; font-family: Tahoma,"Geneva CE",lucida,sans-serif;}
.sestavaDetail .kategorie .td2 .cena {float: right; border: 0px solid #ffffff; cursor: default; height: 13px; margin: 5px 10px 0px 0px; font-size: 9px; padding: 0px; color: #4d4d4d; text-align: right; font-weight: bold;}
.sestavaDetail .kategorie .td2 input {border:1px solid #CBCBCB; color: #565656; background-color:transparent; cursor: default; height: 13px; margin-top: 5px; font-size: 9px; padding: 0px;}
.sestavaDetail .kategorie .td2 .vybranepopis {line-height: 22px; border: 0px solid black; height: 22px; overflow: hidden; color: #4d4d4d; font-size: 11px;}

.sestavaDetail .hide {padding: 0px 37px 0px 52px; margin: 5px 0px 15px 0px;}
.sestavaDetail .hide .row {text-align: left; font-size: 10px; width: 100%; border: 0px solid #222222; color: #4d4d4d;}
.sestavaDetail .hide .row input {border: 1px solid #ffffff; cursor: default; height: 13px; margin-top: 5px; font-size: 9px; padding: 0px; color: #565656; font-family: Tahoma,"Geneva CE",lucida,sans-serif;}
.sestavaDetail .hide .row .s1 {float: left;}
.sestavaDetail .hide .row .dop {float: left; line-height: 19px; color: #f46700;}
.sestavaDetail .hide .row .s2 {line-height: 19px;}
.sestavaDetail .hide .row .s2 a {line-height: 19px; text-decoration: none; color: #4d4d4d;}
.sestavaDetail .hide .row .s2 a:hover {text-decoration: underline;}
.sestavaDetail .hide .row .s3 {float: right; line-height: 20px; height: 20px; border: 0px solid #ffffff; text-align: right;  cursor: default; font-size: 9px;}

/* F33_POROVNANI PRODUKTU */
.porovnaniProduktuRoll {width: 535px; overflow-x: scroll; padding: 0px 0px 10px 0px; color: #302B27;}
.porovnaniProduktu {font-size: 11px; margin: 15px 0px 0px 0px;}
.porovnaniProduktu tr.position0 {background-color: #F4F4F6;}
.porovnaniProduktu tr.position1 {background-color: #ffffff;}
.porovnaniProduktu td {width: 150px; padding: 3px 5px; vertical-align: top; border-left: 1px solid #D9D9D9;}
.porovnaniProduktu td.nazev {font-weight: bold; color: #F46700; font-size: 13px;}
.porovnaniProduktu td.nazev a {color: #F46700; text-decoration: underline;}
.porovnaniProduktu td.nazev a:hover {text-decoration: none;}
.porovnaniProduktu td.popis {font-weight: bold; text-align: right; width: 90px; color: #302B27; border-left: 0px solid #ffffff;}
.porovnaniProduktu td ul {margin:0px; padding:0px;}
.porovnaniProduktu td ul li {list-style-position:inside;}
.porovnaniProduktu td.tlacitko {text-align:center;}

/* F34_SITEMAP */
.sitemap {width:535px;  margin:0px 0px;}
.sitemap ul {padding: 0px 0px 0px 15px; margin: 0px;}
.sitemap ul li {}
.sitemap h2 {font-size: 12px;  color: #302B27; padding: 15px 0px 5px 0px; margin: 0px; text-transform: uppercase;}
.sitemap a {text-decoration: none; color: inherit;  color: #302B27;}
.sitemap a:hover {text-decoration: underline;}

.parnterPannel {font-size: 10px; text-align: center; color:#a0a0a0;}
.parnterPannel .strongText {font-size: 10px; font-weight: normal;color: #a0a0a0;}
.parnterPannel a {text-decoration: none;}
.parnterPannel a:hover {text-decoration: underline;}

.katalogHeaderListovani {margin:0px; font-size: 11px;}
.katalogHeaderListovani td {vertical-align: middle; padding: 0px 10px 0px 0px;}
.katalogHeaderListovani td select {vertical-align: middle; }
.katalogHeaderListovani td.small-up {padding: 0px; vertical-align: bottom; padding: 1px;}
.katalogHeaderListovani td.small-down {padding: 0px; vertical-align: top; padding: 1px;}

ul#filtr {}
ul#filtr li{display: block; width: 120px; float: left; list-style-type: none;}
ul#filtr li a {font-weight: bold; color: #000000;}
ul#filtr li a:hover {color: #E10000;}

label.error {color: #FF0000; font-weight: bold; clear: both; display: block}

table#price-box td {width: 100px;}
table#price-box td span.kosik-ks{display: block; float: right;}
table#price-box td span.kosik-ks img {margin-bottom: -6px;}
table#price-box td span.cena-zvyrazneni {color: #0000FF; font-weight: bold; font-size: 15px;}

ul#zalozky-top {height: 27px; width: 662px; border-bottom: 1px solid #828282; clear: both; list-style-type: none;}
ul#zalozky-top li{
	float: left; color: #0000FF; margin-right: 8px;
	font-size: 12px; font-weight: bold; background-color: #FFE401; border: 1px solid #828282; border-bottom: 1px solid #828282}
ul#zalozky-top li a {padding-top: 5px;    padding-left: 15px; padding-right: 15px; display: block;height: 21px; text-decoration: none;}
ul#zalozky-top li a:hover {background-color: #0000FF; color: #FFFFFF;}
ul#zalozky-top li.active{ border-bottom: 1px solid #FFFFFF; background-color: white;}
ul#zalozky-top li.active a{outline: none;}

ul#zalozky-top li.active a:hover {color: #FF0000; background-color: #FFFFFF;}

div.zalozky-content {width: 658px; border: 1px solid #828282; border-top: 0px; float: left; margin-top: -11px; padding: 20px; min-height: 300px;}

img#main-image {z-index: -1;}
a#sipka_left {display: block; width: 64px; background-repeat: no-repeat; background-image: url('../design/left.png'); background-position: -64px -64px; height: 64px; position: absolute; cursor: pointer; z-index: 1000;}
a#sipka_left span{display: none;}
a#sipka_left:hover {background-position: left center;  z-index: 2000; position: absolute; }
a#sipka_right {display: block; width: 64px; height: 64px; background-repeat: no-repeat; background-image: url('../design/right.png');background-position: -64px -64px; position: absolute; cursor: pointer; z-index: 1000;}
a#sipka_right span{display: none;}
a#sipka_right:hover {   z-index: 2000; position: absolute; background-position: right center;}

#bazar_vypis {width: 580px;  margin: 0px auto;}
#bazar_vypis .bazar_polozka {width: 580px; height: 160px; margin-bottom: 25px;}
#bazar_vypis h3 {font-size: 13px;}
#bazar_vypis .image {width: 110px; float: left;}
#bazar_vypis .right {width: 465px; float: left;}
#bazar_vypis .right .inzerat_text {margin-left: 0px; height: 80px; width: 450px;  margin-top: 7px; margin-bottom: 5px; clear: both; float: left;}
#bazar_vypis .right span.large {width: 300px; display: block; float: left;}
#bazar_vypis .right span.small {width: 160px; display: block; float: right;}
#bazar_vypis .right span.small-price {width: 160px; display: block; float: right; color: #0000FF; font-weight: bold; font-size: 13px;}
#bazar_vypis .right span.mid {width: 230px; display: block; float: left;}

#bazar_filtr {background-color: #ffcc00; padding:10px; margin: 0px auto; margin-bottom: 20px; border: 1px solid; width: 255px;}

.bazar_pagination {width: 580px;  margin: 0px auto; text-align: right;}

#akce a {
display: block; 
text-decoration: none; 
margin-bottom: 0.5em; 
margin-top: 0.5em; 
color: white; 
background: #FF0033; 
border-width: 1px; 
border-style: solid; 
border-color: #5bd #035 #068 #6cf; 
border-left: 1em solid #FFFFFF; 
padding: 0.25em 0.5em 0.4em 0.75em; 
} 

