*{
	padding: 0;
	margin: 0;
}
body{
	behavior: url(csshover.htc);
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFF;
	font-size: 12px;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000;
}

a{
	color: #CC0000;
	text-decoration: none;
}

a:hover{
	color: #3366FF;
	text-decoration: underline;
}

body#index-bg{
	background: #000 url(images/bg-title.jpg) top left no-repeat;
	color: #FFF;
	text-align: left;
	padding: 130px 0 0 25px;
}

hr{
	height: 1px;
	width: 98%;
	margin: 0 auto;
}

#index-menu{
	font-size: 16px;
	font-weight: bold;
	padding-left: 80px;
}

#index-menu a{
	text-decoration: none;
	color: #FFF;
	padding: 0 15px;
}

#index-content{
	margin-left: 80px;
	margin-top: 25px;
}

#index-content h1{
	color: #900;
}

#index-categories a{
	font-weight: bold;
	background: url(images/title_arr_r.gif) no-repeat left;
	padding-left: 20px;
	color: #F00;
	text-decoration: none;
}
table #nabidka td{
	text-align: left;
}

#index-categories a:hover{
	text-decoration: underline;
}

#main{
	width: 1000px;
	margin: 2px auto;
	/*background: url(images/bg-page.gif);*/
	text-align: center;
	height: 100%; 
}

#str{
	margin: 7px auto;
	width: 100%;
	height: 100%; 
	/*background: url(images/bg-page.gif);*/
}

#head{
	position: relative;
	height: 130px;
	background: #FFF url(images/bg_head.gif) 0px 0px no-repeat;
}

#head-info{
	width: 160px;
	margin-top: 0px;
	float: right;
	/*height: 80px;*/
	background-color: none;
}

#login-info{
	width: 160px;
	overflow: hidden;
	white-space: nowrap;
	float: left;
	padding: 5px 5px 5px 5px;
	text-align: center;
}

#login-info-head{
	width: 160px;
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
	float: left;
	padding: 2px 5px 0 5px;
	text-align: left;
}

#login-info a{
	color: #39F;
}

#ticker {
	width: 600px;
	height: 16px;
	padding-top: 2px;
	margin-left: 5px; 
	border: none;
	float: left;
}

#tree{
	padding: 7px 0 0 7px;
}

div.tree-bottom{
	height: 20px;
	margin-bottom: 7px;
}

#menu{
	clear: both;
	position: relative;
	float: right;
	text-align: center;
	width: 820px;
	margin: 0px 0px;
	margin-bottom: 20px;
	margin-right: 0px;
	margin-top: 0px;
}

#menu a{
	color: #FFF;
	font-weight: bold;
	padding: 0 24px;
	text-decoration: none;
}
#menu td{
	/*width: 100px; */
}
#foot{
	clear: both;
	height: 20px;
	padding-top: 5px;
	border-top: solid 1px #EEE;
	color: #000;
	font-size: 10px;
	text-align: center;
	vertical-align: bottom;
}

#links-bar{
	border-top: solid 1px #999;
	padding-top: 5px;
	font-size: 12px;
	text-align: center;
	vertical-align: bottom;
}

#content{
	position: relative;
	width: 592px;
	float: left;
	background-color: #FFF;
	padding: 0 4px;
	margin: 0 0 14px 0;
	text-align: left;
}

#content p{
	padding: 0 7px 7px 7px;
}

#content h1,h2,h3,h4,h5{
	padding-left: 7px;
}

#content h1{
	margin-top: 7px;
}

#content h4{
	font-size: 12px;
}

#content table{
	width: 98%;
	margin: 0 auto;
}

#content ul{
	padding-left: 14px;
	margin-left: 14px;
}

#cat-path{
	height: 16px;
	padding: 8px 5px;
	font-weight: bold;
	color: #39C;
}

#view-mode{
	padding: 14px 0;
	text-align: center;
}

#view-mode img{
	border: none;
	margin: 0 7px;
	width: 10px;
	height: 10px;
}

#view-mode a.actual-view-mode{
	font-weight: bold;
	color: #000;
}

#right{
	width: 160px;
	float: right;
  margin-top: 7px;
}

#price-suma{
	background: #FFEAEA;
	padding: 6px 5px;
	height: 20px;
}

#price-suma iframe{
	float: right;
	border: solid 1px red;
	background-color: #FFF;
	width: 105px;
	height: 18px;
	overflow: hidden;
}

#right a.news{
	display: block;
	font-size: 10px;
	padding: 5px;
	border-bottom: solid 1px #CCC;
	text-decoration: none;
}

#right p{
	font-size: 11px;
	margin-top: 5px;
}

#right .right-title{
	display: block;
	color: #FF5400;
	font-size: 14px;
	font-weight: bold;
	border-bottom: solid 2px #D60E17;
	text-decoration: none;
	margin-top: 12px;
	padding: 0px;
}

#left{
	width: 240px;
	float: left;
	margin-top: 7px;
	text-align: left;
}

#search{
	padding: 10px 5px;
	font-size: 11px;
	background: #f00;
	color: #FFF;
	border: 2px outset;
	border-color: #f00;
}

#search input{
	vertical-align: middle;
}

.menu-level-1{
	list-style: none;
	padding: 7px 0;
}

.menu-level-1 a{
	font-weight: bold;
	color: #000;
}

.menu-level-1 a:hover{
	color: #C00;
}

.menu-level-2{
	list-style: none;
	padding: 0 5px 0 10px;
	display: none;
}

.menu-level-2 a{
	font-weight: normal;
}

.menu-level-3{
	list-style: none;
	padding: 0 5px 0 10px;
	display: none;
}

.menu-level-4{
	list-style: none;
	padding: 0 5px 0 10px;
	display: none;
}

.menu-level-5{
	list-style: none;
	padding: 0 5px 0 10px;
	display: none;
}


.menu-img{
	width: 16px;
	height: 16px;
	vertical-align: middle;
}

.apology{
	padding-top: 80px;
	text-align: center;
}

.centered{
	text-align: center;
}

.cleaner, #content p.cleaner{
	clear: both;
	line-height: 1px;
	padding: 0;
}

.small{
	padding: 0 auto;
	font-size: x-small;
}

div.apology p{
	font-size: xx-large;
	color: #FF9;
}

table.catalogue-list{
	width: 98%;
	margin: 0 auto;
	border: none;
}

table.catalogue-list td{
	padding: 2px 7px;
	border: none;
	border-bottom: solid 1px #888;
	vertical-align: top;
}

table.catalogue-list td a{
	font-weight: bold;
	color: #C30;
}

table.catalogue-list td.price{
	text-align: right;
}

table.catalogue-list td.code{
	color: #39C;
}

table.catalogue-list td.cart{
	vertical-align: top;
	width: 85px;
}

table.catalogue-list input.amount{
	border: solid 1px #000;
	width: 2em;
	text-align: right;
}

table.catalogue-list input.submit{
	vertical-align: middle;
}

table.catalogue{
	width: 98%;
	margin: 0 auto;
	border: 0px;
}

table.catalogue td{
	padding: 2px 7px;
	vertical-align: bottom;
	border: 1px;
}

table.catalogue td a{
	font-weight: bold;
	color: #C30;
}

table.catalogue td a img{
	border: 0;
}

table.catalogue td.price{
	text-align: right;
	border-bottom: solid 1px #888;
}

table.catalogue td.vat{
	font-size: 8px;
	text-align: right;
	border-bottom: solid 1px #888;
	width: 50px;
}

table.catalogue td.icon{
	width: 60px;
	padding: 0;
	border-bottom: solid 1px #888;
}

table.catalogue td.code{
	color: #39C;
	border-bottom: solid 1px #888;
	height: 1em;
}

table.catalogue td.cart{
	vertical-align: bottom;
	width: 7em;
	border-bottom: solid 1px #888;
}

table.catalogue input.amount{
	border: solid 1px #000;
	width: 2em;
	text-align: right;
}

table.catalogue input.submit{
	float: top;
}

table.product-detail{
	clear: both;
	width: 100%;
	margin: 7px 0;
	border: none;
}

table.product-detail td{
	padding: 2px 7px;
	border: none;
	border-bottom: solid 1px #ccc;
	vertical-align: top;
}

table.product-detail td.cart{
	vertical-align: top;
	width: 80px;
	text-align: right;
}

table.product-detail td.legend{
	vertical-align: top;
	text-align: right;
	padding-right: 6px;
	width: 11em;
	background-color: #eee;
}

table.product-detail input.amount{
	border: solid 1px #000;
	width: 2em;
	text-align: right;
}

table.product-detail input.submit{
	vertical-align: middle;
}

table#login{
	width: 250px;
	margin: 0 auto;
}

table.buttons{
	width: 98%;
	margin: 0 auto;
	border: none;
}

table.buttons td{
	border: none;
	padding: 7px;
	text-align: center;
	background-color: white;
}

table.stranky{
	background-color: none;
	/*border-collapse: separate;*/
	border-color: #EEE;
  border: none 1px; 
	text-align: center;
}

table.stranky td.stranka{
  width: 100%;
	background-color: #fff;
  text-align: center; 
  border-left: solid 1px #bbb; 
  border-right: solid 1px #bbb; 
}

table.stranky td.vybranoh{
	background-color: #fff;
	/*background: url('images/zalozka_vpravo.gif') no-repeat right;*/
	font-weight: bold;
  border-top: solid 1px #bbb;
  border-left: solid 1px #bbb;
  border-right: solid 1px #bbb;
  padding: 2px;
}
table.stranky td.nevybranoh{
	background-color: #ddd;
	font-weight: normal;
  color: #555; 
  background: url('images/bg_uchoh.gif') repeat-x bottom;
  border-top: solid 1px #bbb;
  border-left: solid 0px #888;
  border-right: solid 0px #bbb;
  border-bottom: solid 1px #bbb;
  padding: 2px;
}
table.stranky td.mezerah{
	background-color: #fff; 
  border-bottom: solid 1px #bbb;
  padding: 0px;
  width: 3px !important;
}

table.stranky td.vybranod{
	background-color: #fff; 
	font-weight: bold;
  border-bottom: solid 1px #bbb;
  border-left: solid 1px #bbb;
  border-right: solid 1px #bbb;
  padding: 2px;
}
table.stranky td.nevybranod{
	background-color: #fff; 
  color: #555; 
  background: url('images/bg_uchod.gif') repeat-x top;
  border-top: solid 1px #bbb;
  border-left: solid 0px #bbb;
  border-right: solid 0px #bbb;
  border-bottom: solid 1px #bbb;
  padding: 2px;
}
table.stranky td.mezerad{
	background-color: #fff; 
  border-top: solid 1px #bbb;
  padding: 0px;
  width: 3px !important;
}

#page-selection{
	clear: both;
	text-align: center;
	padding: 14px 0;
}

#login{
	width: 66%;
	margin: 0 auto;
}

#login table{
	border-collapse: collapse;
}

#login td{
	text-align: center;
}

#login td.legend{
	text-align: right;
	background-color: #EEE;
}

#customer-data{
	width: 98%;
	margin: 0 auto;
	padding: 0px;
	border: none;
	border-collapse: collapse;
}
/*#customer-data td{
	border: none;
	border-bottom: solid 1px #CCC;
	padding: 3px;
} */

table td.legend{
	vertical-align: top;
	text-align: center;
	padding: 3px;
	background-color: #eee;
	border: none;
	border-bottom: solid 1px #CCC;
}

table td.noedit{
	vertical-align: top;
	text-align: left;
	padding: 3px;
	padding-left: 6px;
	background-color: #fff;
	border-bottom: solid 1px #CCC;
}
table td.mezera{
	vertical-align: top;
	text-align: left;
	padding: 2px;
	background-color: #fff;
	border: none;
}

#customer-data td.required{
	font-weight: bold;
}
#customer-data td.legend{
	text-align: right;
}

#customer-data input.required{
	background-color: #FFC;
}

#customer-data select.required{
	background-color: #FFC;
}

#customer-data thead td{
	text-align: center;
	font-weight: bold;
}

#customer-data .note{
	font-weight: normal;
	font-size: 10px;
}

#customer-actions{
	margin: 7px auto;
	width: 100%;
	text-align: center;
}

#right-cart{
	width: 100%;
	margin: 0 0 14px 0;
	border: none;
}

#right-cart a{
	color: #3366CC;
}

#right-cart thead td{
	border: none;
	padding: 0;
}

#right-cart thead td h3{
	margin: 0;
}

#right-cart tbody td{
	padding: 0 3px;
	border: none;
	border-bottom: solid 1px #EEE;
	font-size: 10px;
}

#right-cart tbody td.amount{
	text-align: right;
}

#right-cart tfoot td.price{
	text-align: center;
	color: #F00;
	font-size: 14px;
	font-weight: bold;
}

#right-cart tfoot td{
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	border: none;
}

#cart-view{
	width: 98%;
	border-collapse: collapse;
	border: solide 1px;
	background-color: #fff;
}
table #cart-view{
	margin-top: 5px;
	border-bottom: solid 1px #ccc;
}

#cart-view td{
	border: none;
	padding: 2px 4px;
}
#cart-view td.price{
	text-align: right;
}

#cart-view thead{
	background-color: #eee;
	color: #000;
	font-weight: normal;
	border-bottom: solid 1px;
	border-top: none;
	border-color: #bbb;
}

#cart-view thead td{
	background-color: #eee;
	color: #000;
	font-weight: normal;
}

#cart-view thead tr.second-row td{
	text-align: center;
}

#cart-view thead td.item-count{
	background-color: #FFF;
	color: gray;
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 5px;
}
#cart-view tr.row0{
	font-size: 10px;
	font-weight: normal;
}

#cart-view tr.row1{
	font-weight: bold;
}

#cart-view tr.row2 td{
	border-bottom: solid 1px #CCC;
/*	border-left: solid 1px #CCC;
	border-right: solid 1px #CCC;   */
	text-align: right;
}

#cart-view tfoot td{
	background-color: #EEE;
	text-align: right;
	font-weight: bold;
}

#cart-head table{
	margin-top: 0px;
	border: solid 3px #000;
	border-collapse: collapse;
}
#cart-view table{
	margin-top: 7px;
	border: solid 3px #f00;
	border-collapse: collapse;
}

img.product-detail{
	margin: 7px;
	border: none;
}

img.other-thumbs{
	margin: 3px 6px;
	border: none;
}

.item-icon {
	position:relative;
	width:143px;
	height:195px;
	margin:1px;
	float:left;
	overflow:hidden;
	line-height:1.1;
	font-size: 8pt;
	color:#183b57;
	font-weight:bold;
	border:#999 solid 1px;
	background-color:#FFF;
	text-align: center;
}

.item-icon a{
	border: none;
	margin: 0px auto;
	width: 141px;
	/*height: 130px;*/
}

.item-icon img{
	border: none;
	margin: 0px auto;
	width: 125px;
	height: 125px;
}

.item-icon-desc {
	position:absolute;
	background-color: #FFF;
	top: 140px;
	left: 0px;
	height: 30px;
	width: 138px;
	padding: 2px;
	text-align: left;
}

.item-icon-more{
	position: absolute;
	top: 174px;
	left: 95px;
	height: 12px;
	width: 39px;
	padding: 5px;
}

.item-icon-price{
	position: absolute;
	top: 174px;
	left: 3px;
	height: 12px;
	width: 65px;
	padding: 5px;
}

.centered{
	text-align: center;
}

.framed{
	padding: 3px 7px;
	border: solid 1px #CCC;
	
}

#nabidka{
	width: 98%;
	margin: 0 auto;
	border: none;
	border-collapse: collapse;
}

#nabidka td{
	border: none;
	border-bottom: solid 1px #CCC;
	padding: 3px;
	text-align: left;
}
#nabidka td.cena{
	text-align: right;
}


#nabidka thead td{
	font-weight: bold;
	text-align: center;
}

#nabidka-hint div{
	padding: 3px;
	font-size: 10px;
	background-color: #FFC;
}

#nabidka-hint ul{
  list-style-type: disc;
	margin-left: 14px;
}
#nabidka-hint ul li{
  list-style-type: disc;
}

#prices{
	width: 98%;
	margin: 0 auto;
	border: none;
	border-collapse: collapse;
	border-bottom: solid 1px #CCC;
}

#prices td{
	text-align: right;
	background-color: #EEE;
	border: none;
	/*border-bottom: solid 1px #CCC;*/
	padding: 3px;
}
#odeslat{
	width: 98%;
	margin: 0 auto;
	border: none;
	border-collapse: collapse;
	border-top: none;
}

#search-text{
	width: 98%;
	margin: 0 auto;
	padding: 5px;
	border-bottom: solid 1px #CCC;
}

#odeslat td{
	text-align: center;
	background-color: #fff;
	border: none;
	border-bottom: none;
	padding: 3px;
}

#prices td.price{
	font-weight: bold;
}

#right h3{
	background: #f00;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	padding: 3px 7px;
	text-align: center;
	border: 2px outset;
	border-color: #f00;
}

.right-hint{
	padding: 7px;
	margin-bottom: 14px;
}

.lastChange{
	color: #999;
	font-size: x-small;
	margin: 0 0 7px 7px;
}

.more{
	text-align: right;
	padding: 0 7px;
}

img.article-thumb{
	float: left;
	margin: 0 4px 4px 4px;
}

div.text{
	padding: 0 7px;
}

.annotation{
	margin: 0 7px 14px 7px;
}

.red{
	color: #CC0000;
}

div.icon{
	width: 60px;
	float: left;
}

div.icon img{
	border: none;
}

.arrow-down{
	margin-left: 40px;
}

#sc01{
	padding: 3px; 
	background: #EEE;
	margin: 0 7px;
	text-align: right;
	font-size: 90%;
}

#sc01 input, select{
	font-size: 100%;
}

table.search-results{
	width: 98%;
	margin: 0 auto;
	border: none;
}

table.search-results td{
	padding: 2px 7px;
	vertical-align: top;
	border: none;
}

table.search-results td a{
	font-weight: bold;
	color: #C30;
}

table.search-results td a img{
	border: 0;
}

table.search-results td.price{
	text-align: right;
	border-bottom: solid 1px #888;
}

table.search-results td.icon{
	width: 60px;
	padding: 0;
	border-bottom: solid 1px #888;
}

.sales{
	border-bottom: solid 1px #CCC;
	padding: 3px;
}

.warning{
	font-weight: bold;
	color: Red;
	text-align: center;
}

.next{
	float: right;
	padding: 3px 7px;
}

.prev{
	float: left;
	padding: 3px 7px;
}

.prev img, .next img{
	border: none;
}

.tlp{
  width: 200px;
/*  height: 30px;*/
  background: #f00;
  font-size: 14px;
  color: #fff ;
  font-weight: normal;
  padding-bottom: 3px;
}

.tlm{
  width: 100%;
  height: 25px;
  background: #f00;
  font-size: 12px;
  color: #fff ;
  font-weight: bold;
  padding-bottom: 0px;
}

.tlpk{
  width: 200px;
  height: 25px;
  background: #f00;
  font-size: 12px;
  color: #fff ;
  font-weight: bold;
}

.skladem{
  color:#00f;
  font-weight:bold;
}

table.detail td{
  font-size: 12px;
  color: #fff ;
  border-bottom: 0px;
  text-align: left;
  padding-left: 0px;
}
table.detail{
  margin-left: 0px;
  border: none;
}
#zahlavi-gr2 {
	position:absolute;
	top:-15px;
	right:250px;
	width:100px;
	height:50px;
	/*background:url("header-1.gif") top right no-repeat;*/
}
/*	zakladna tabulka layoutu	*/
#layout {
 	width:100%;
	height:100%;
	border: 0px  !important;
	margin: 0px;
}
 /*	lavy okraj layoutu	*/
#lm {
	width: 8%;
	background:#9eaecd url('./images/layLm.png') top right repeat-y;
	border: 0px  !important;
}
 /*	stred layoutu	*/
#stred {
	border: 0px  !important;
	height: 100%; 
}
/*	pravy okraj layoutu	*/
#rm {
	width: 8%;
	background:#9eaecd url('./images/layRm.png') top left repeat-y;
	border: 0px  !important;
}