div, ul, li, table, body, img { border: 0; padding: 0; margin: 0; }
body, td, th {  font: 10px/15px Verdana, sans-serif; font-weight: normal;  }
body { text-align: center; background-color: white; color: black; }

h1, h2, h3, h4, h5, h6 { border-bottom: 1px dotted black; }
h1, h2, h3, h4, h5, h6, a, .product-detail .product, .ls, .cenik th { color: #9a0d0d; }

h1 {  font-size: 15px; }
h2 { font-size: 13px; }
h3  { font-size: 11px; }
h4  { font-size: 10px; }
h5 { font-size: 9px; }
h6 { font-size: 8px; }



abbr, acronym, dfn  { border-bottom: 1px dotted; white-space: nowrap; cursor: help; }
a { text-decoration: underline; }
li { list-style: none; padding-left: 5px;  background-image: url('bullet.gif');  background-position: left center; background-repeat: no-repeat; }

p { text-align: justify; margin-top: 1em; margin-bottom: 1em; }
dt { font-weight: bold; }
address { font-style: normal; }

#container {
	width: 940px; margin: auto; text-align: left;
	padding: 0;
	position: relative;
	margin-top: 5px;


}

#area { background: url('bg-area.png') repeat-x; /* top center no-repeat; height: 201px; border-top: 1px solid black; */ padding: 10px; }

#content, #panel { background: url('bg-content.gif') top left repeat-x; padding-top: 10px; margin-bottom: 20px; }

#content { width: 720px; float: left; }

#panel { width: 190px; text-align: center; float: left; margin-right: 10px; }

#header { background:#9a0d0d; height: 145px; position: relative; font-size: 90%; margin-bottom: 5px; }
#header a, #submenu a { text-decoration: none; font-weight: bold; }
#header a:hover, #submenu li a:hover { text-decoration: underline; }
#header li { background: none; padding: 0;}

#menu {
	background-image: url('bg-menu.gif'); background-position: left center; background-repeat: no-repeat;
	padding-left: 10px;
	position: absolute; left: 1em; bottom: .2em;
	white-space: nowrap;
	line-height: 20px;
	max-width: 140px;
}
#menu, #menu a { color: white; }

#catmenu { position: absolute; right: 10px; bottom: 0; line-height: 20px; max-width: 800px;  }
#catmenu li { float: right; margin: 0 .1em 0 .1em; padding: 2px 10px; background: url('bg-menu-item.gif');   border: 0 black solid; border-width: 1px 1px 0 1px; text-align: center;  }
#catmenu li.active { background: white; }

#submenu { margin-bottom: 10px; }
#submenu li { border-bottom: 1px dotted black; padding: .4em 1em .4em 10px;  background-position: 0 .8em; }
#submenu li { font-weight: bold; text-align: left; }
#submenu li.active a { color: black }

.subcatmenu { margin-bottom: 10px; display: none; }
/*#submenu li:hover .subcatmenu, //novy pozadavek: menu ma zustat odkryte i po odjezdu*/
#submenu li.active .subcatmenu { display: block; }
.subcatmenu li { border-bottom: 1px dotted black; padding: .4em 1em .4em 10px; }
.subcatmenu li { font-weight: bold; text-align: left; }
#submenu .subcatmenu li a { color: #9a0d0d; }
#submenu .subcatmenu li.active a { color: black }


#footer { clear: both; position: relative; text-align: right;  border-top: 1px solid black; }
#footer .copyright { float: left; color: #a6a6a6; }
#footer .webdesign {    font-size: 80%;  }
#footer .webdesign a { color: #9a0d0d; text-decoration: none;}

.content-block { margin: 10px; }

hr.cleaner { clear: both;  height: 1px; border: none; visibility: hidden; }

.list { width: 555px; float: left;  }
.ls { width: 555px; border-collapse: collapse;  }
.ls td { padding: 8px 5px; vertical-align: top;  border-bottom: 1px dotted  black;  }
.ls img { float: left; }

.dt-panel, .ls-panel { width: 160px; text-align: center; float: left; margin: 8px 0 8px 5px; }



.list-top, .list-bottom { position: relative; }
.list-top {  border-bottom: 1px dotted black; padding: 5px 0 10px 0;  }
.list-bottom { padding: 5px 0 5px 0; }

.list-bottom .buttons, .list-top h1 { width: 300px; border: 0; min-height: 10px; margin: 0; padding: 0;}

.list-top .counter { position: absolute; right: 170px; bottom: 10px; }
.list-bottom .counter { position: absolute; right: 5px; bottom: 0px; }

.counter .pager { display: inline; padding-left: 20px; }

.product th { text-align: left; }


.product-detail {  }
.product-detail .img-list {  width: 170px;}
.product-detail .img-list img { display: block; }

.product-detail .img-list,
.product-detail .icons,
.product-detail .product,
.product-detail .product-content { float: left;  min-height: 10px; }

.product-detail .price { font-weight: bold; }
.product-detail .price strong { color: red; }
.product-detail .icons { width: 90px; }
.product-detail .icons { position: relative;  }

.product-content { width: 260px; position: relative;  }
.product-content h4 { border: none; clear: both;}
.product-detail #feedback  { margin-top: 0; }

.product-content .product-combination { clear: both; padding-top: 15px; }

#feedback { display: block; text-align: left; width: 185px;  margin: 20px 5px 20px 5px; font-size: 10px; color: #9a0d0d; background: #fcefdf; border: 1px solid black; }

#feedback h4 {margin: 0; padding: 0; border: 0; }
#feedback div {  padding-bottom:  6px;}
#feedback div div { margin-left: 5px; }
#feedback select, #feedback input, #feedback textarea { width: 170px;  display: block; color: black; border: 1px solid black; }
#feedback textarea  { height: 100px; }
#feedback input.submit { color: #9a0d0d; background: #fcefdf; font-weight: bold; }

.content-paragraph { width: 550px; float: left; margin-right: 5px; }

td.product-description { padding: 10px; }

.product-detail-top  {  position: relative;  }
.product-detail h1 {  }
.product-detail .buttons { position: absolute; right: 0; bottom: 0; }

.cenik { width: 500px; }
.cenik th { font-weight: bold; text-align: left; border-bottom: 1px dotted black; }
.cenik td {text-align: left; }
.cenik td.price { text-align: right; }

.cenik h3 { font-size: 150%; }

.upoutavka { text-align: center; }
.upoutavka { border: 1px solid #9a0d0d; padding: 5px; }
.upoutavka h3 { border: 0; margin: 0; }
.upoutavka p { text-align: left; }
.upoutavka .price { font-weight: bold; }
.upoutavkal .price strong { color: red; }
.upoutavka-ls .upoutavka { margin: 15px; border-width: 0 0 1px 0; }
.upoutavka-ls .upoutavka .price { float: right; line-height: 20px;}
.upoutavka-ls .upoutavka h2 { text-align: left; line-height: 20px; font-size: 15px; margin-top: 0; }

#reference-block { border: 1px solid red; background: #aa3333; padding: 10px 0; margin: 10px 0;  }
#reference-block, #reference-block a {  font-weight: bold; color: #fbefd9; font-size: 130%}

.action { margin-top: 10px; }

.upoutavka .dalsi { text-align: right; padding: .2em 2em .2em 2em; background: #e7ddaa; }
.upoutavka .dalsi a { background-image: url('bullet.gif'); background-position: right center; background-repeat: no-repeat; padding-right: 10px; }

table.kontakt td, table.kontakt th { padding: 2px 10px; }
table.kontakt th { text-align: right; font-weight: bold; }

.loga img { margin: 7px; }