html, body {
height: 100%;
}
.cleaner {
width: 1px;
height: 1px;
overflow: hidden;
clear: both;
}
body {
margin: 0px;
padding: 0px;
font-family: "Times New Roman", Times, serif;
text-align: center;
background: white url(gfx/background.png) top left repeat-x;
}
.body {
width: 800px;
margin: 0 auto;
text-align: left;
position: relative;
min-height: 100%;
height: auto;
_height: 100%;
}
.header {
height: 300px;
background: url(gfx/header_left.png) top left no-repeat;
width: 800px;
}
h1 {
margin: 0px;
position: absolute;
top: 0px;
left: 20px;
width: 240px;
height: 60px;
}
h1 a {
display: block;
width: 240px;
height: 60px;
overflow: hidden;
text-indent: 250px;
line-height: 70px;
background: url(gfx/logo.png) top left no-repeat;
}
.main_img {
position: absolute;
top: 0px;
right: 1px;
}
.basket {
	font-size: 20px;
	font-style: italic;
	position: absolute;
	top: 30px;
	right: 21px;
	text-align: right;
	color: white;
	line-height: 40px;
}
.basket span {
	line-height: 40px;	
}
.basket span span {
	position: relative;
	top: -18px;	
}
.basket a {
color: white;
text-decoration: none;
}
.basket a:hover {
text-decoration: underline;
}
.main_menu {
width: 294px;
height: 202px;
background: url(gfx/main_menu.png) top left no-repeat;
position: absolute;
top: 100px;
left: 20px;
}
.main_menu ul, .sidebar ul {
list-style: none;
margin: 0px;
padding: 0px;
padding-top: 4px;
}
.main_menu ul li {
padding-bottom: 1px;
background: url(gfx/border.png) bottom left no-repeat;
}
.sidebar ul li {
padding-bottom: 1px;
background: url(gfx/border2.gif) bottom left no-repeat;
}
.main_menu ul li a, .sidebar ul li.menu a{
padding: 11px 15px 11px 40px;
font-size: 14px;
text-transform: uppercase;
display: block;
color: #660099;
background: url(gfx/sipka1.gif) left no-repeat;
text-decoration: none;
}
.sidebar ul li.menu a {
color: #333366;
}
.sidebar ul li.aktivni, .sidebar ul li.menu:hover {
background: url(gfx/gradient.png) bottom left repeat-y;
}
.main_menu ul li a:hover,  .sidebar ul li.menu a:hover {
text-decoration: underline;
}
.main_menu ul li.last {
background: transparent;
}
.sidebar {
width: 240px;
margin-left: 20px;
_margin-left: 10px;
float: left;
background: white url(gfx/menu.png) top left no-repeat;
}
.sidebar ul li.submenu {
padding-top: 7px;
padding-bottom: 7px;
padding-left: 23px;
font-size: 12px;
font-style: italic;
position: relative;
}
.sidebar ul li.submenu a{
padding: 2px 2px 2px 16px;
display: block;
color: #333;
text-decoration: none;
background: white;
}
.sidebar ul li.submenu a:hover {
background: url(gfx/tucky.gif) left no-repeat;
color: #333;
}
form {
padding: 0px;
margin: 0px;
}
.search {
margin-left: 20px;
margin-right: 20px;
margin-top: 55px;
border-bottom: 1px dotted #660099;
position: relative;
}
.search input {
border: 0px;
}
.search .sipka {
position: absolute;
right: 0px;
bottom: 6px;
}
.search h3 {
padding: 11px 15px 11px 20px;
font-size: 14px;
text-transform: uppercase;
display: block;
text-decoration: none;
margin: 0px;
font-weight: normal;
color: #333366;
}
.novinky {
padding: 5px 20px 5px 20px;
font-size: 12px;
}
.novinka * {
margin: 0px;
color: #333;
}
.novinka h3 {
font-size: 12px;
}
.novinka {
margin-bottom: 15px;
margin-top: 5px;
}
.novinka h3 a {
color: #330099;
font-style: italic;
text-decoration: none;
}
.novinka h3 a:hover {
text-decoration: underline;
}
.main_content {
width: 500px;
margin-right: 20px;
_margin-right: 10px;
float: right;
padding-top: 42px;
}
.kategory {
width: 500px;
clear: both;
padding-bottom: 20px;
height: 200px;
}
.kategory .img {
width: 200px;
height: 200px;
float: left;
background: url(gfx/ramecek.gif) top left no-repeat;
margin-right: 20px;
position: relative;
}
.kategory .img div {
border: 0px;
position: absolute;
top: 20px;
left: 20px;
width: 160px;
height: 160px;
overflow: hidden;
text-align: center;
}
.kategory .img div img {
border: 0px;	
}
.kategory .textik {
width: 280px;
height: 200px;
float: left;
background: url(gfx/box_kategory.gif) top left no-repeat;
position: relative;
}
.kategory .textik h2 {
	font-size: 20px;
	width: 250px;
	line-height: 23px;
	color: #330099;
	font-style: italic;
	position: absolute;
	top: 7px;
	left: 14px;
	margin: 0px;
	height: 46px;
	border-bottom: 1px dotted #330099;
}
.kategory .textik h2 a{
text-decoration: none;
color: #330099;
}
.kategory .textik p {
	width: 250px;
	height: 70px;
	overflow: hidden;
	font-size: 12px;
	color: #333;
	position: absolute;
	left: 14px;
	top: 60px;
	margin: 0px;
	padding: 0px;
}
.ceny {
width: 190px;
height: 30px;
position: absolute;
bottom: 15px;
right: 18px;
font-size: 12px;
background: #FFCC00 url(gfx/rozek2.gif) bottom right no-repeat;
cursor: pointer;
z-index: 1;
}
.cena_main{
width: 190px;
height: 30px;
background: url(gfx/rozek1.gif) top left no-repeat;	
font-size: 18px;
font-weight: bold;
font-style: italic;
color: #330099;
}
.cena_main strong {
position: absolute;
top: 4px;
left: 5px;	
}
.cena_main em {
position: absolute;
top: 4px;
left: 75px;	
}
.ceny_more {
display: none;
position: absolute;	
width: 190px;
left:0px;
top: 0px;
padding-top: 31px;
z-index: 100;
padding-bottom: 100px;
}
.ceny_hover .ceny_more {
display: block;	
}
.ceny .ceny_more a {
	display: block;
	padding: 3px;
	height: 14px;
	background: #CCCCCC url(gfx/moremore.gif) top left no-repeat;
	text-decoration: none;
	color: #333;
	font-style: italic;
	border-bottom: 1px solid white;
	font-size: 14px;
}
.ceny .ceny_more br {
display: none;	
}
.ceny .ceny_more a:hover {
background: #999;
color: white;	
}
.ceny .ceny_more a span {
display: block;
float: left;
width: 70px;	
}
.ceny .ceny_more  a strong {
font-weight: normal;
}
.taska {
width: 41px;
height: 49px;
background: url(gfx/taska.png) top left no-repeat;
position: absolute;
bottom: 8px;
left: 10px;
}
.footer {
width: 800px;
height: 47px;
background: url(gfx/footer.png) bottom left no-repeat;
position: absolute;
left: 0px;
bottom: 0px;
}
.footer a {
display: block;
width: 70px;
height: 13px;
overflow:hidden;
text-indent: 80px;
line-height: 60px;
position: absolute;
bottom: 7px;
right: 130px;	
}
.footer_shadow {
height: 55px;
}
.tex h2 {
font-size: 22px;
color: #6600CC;
margin: 0px;
padding-bottom: 4px;
border-bottom: 1px dotted #6600CC;
text-transform: uppercase;
font-style: italic;
}
.tex {
color: #333;
padding-bottom: 20px;
}
.tex .perex {
font-style: italic;	
}
.reg div {
width: 48%;
float: left;	
}
.registrace_right {
display: none;	
}
.reg p {
clear: both;	
}
.reg div label {
width: 70px;
float: left;	
}
.reg div h3 {
font-size: 18px;	
}
.reg p.need label {
color: red;	
}
.basketTable {
width: 100%;
font-size: 12px;
margin-top: 5px;	
}
.basketTable th, .basketTable td {
padding: 2px;
padding-right: 5px;
padding-left: 5px;
}	
.basketTable td {
border-bottom: 1px solid #333999;	
}
.basketTable a{
color: 	#6600CC;
}
.basketTable td.nazev {
width: 150px;	
}
.basketTable td.cena {
	text-align: right;
}
.basketTable td.odstranit {
text-align:right;	
}
.basketTable th {
	background: #F9C700 url(gfx/th.png) top left repeat-x;
	color: #6600CC;
	padding-top: 5px;
	padding-bottom: 5px;
}
.bigbutton {
background: url(gfx/button.png) top center no-repeat;
	color: #6600CC;
	width: 120px;
	padding: 11px 10px 12px 10px;
	/*border: 1px solid #6600CC;*/
	float: left;
	text-decoration: none;
	margin-top: 5px;
	margin-right: 4px;

}
.bigbutton:hover {
text-decoration: underline;	
}
p.route {
margin: 0px;
text-transform: uppercase;
font-size: 12px;
font-family: "Arial CE", arial, helvetica, sans-serif;
margin-top: 5px;
color: #333;	
}
p.route a {
color: #333;	
}
p.route a.h {
font-weight: bold;	
}
.znacky {
margin-top: 5px;
margin-bottom: 15px;
padding: 3px;
color: color: #6600CC;
border-bottom: 1px dotted #6600CC;
font-style: italic;
}
div.znacka {
width: 120px;
float: left;
font-size: 16px;
line-height: 14px;
height: 28;	
}
div.znacka a {
color: #6600CC; 	
}
.znacky h3 {
font-size: 12px;
color: #6600CC;
margin: 0px;
clear: both;
text-transform: uppercase;
margin-bottom: 8px;
}
p.akceDiv {
background: url(gfx/akce.png) top left no-repeat;	
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/akce.png',sizingMethod='scale');
  _background-image/**/:none;
width: 49px;
height: 72px;
position: absolute;
left: 149px;
top: -18px;
margin: 0px;
}
.detail_img {
width: 270px;
height: 290px;
overflow:hidden;
text-align: center;
float: left;
margin-top: 10px;	
}
.detail_textik {
width: 180px;
margin-right: 20px;
font-size: 16px;
float: right;	
}
.detail_taska {
width: 120px;
height: 120px;
background: url(gfx/detail_taska.gif) top left no-repeat;
position: relative;
float: left;
margin-right: 10px;	
}
.detail_ceny_more br{
	display: none;
}
.detail_ceny_more {
width: 350px;
float: right;	
}
.detail_ceny_more a {
	display: block;
	padding: 3px;
	padding-left: 185px;
	height: 14px;
	background: #CCCCCC url(gfx/moremore.gif) top right no-repeat;
	text-decoration: none;
	color: #333;
	font-style: italic;
	border-bottom: 1px solid white;
	font-size: 14px;
}
.detail_ceny_more a:hover {
background: #999 url(gfx/koupit.gif) top left no-repeat;
color: white;	
}
.detail_ceny_more a span {
display: block;
float: left;
width: 70px;	
}
.detail_ceny_more  a strong {
font-weight: normal;
}
.detail_taska p.akceDiv {
left: auto;
right: -15px;
top: -15px;	
}
.detail_text {
	border-top: 1px dotted #6600CC;
	border-bottom: 1px dotted #6600CC;
	margin-top: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}