* {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	color: #121;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  font-size: 11px;
	background: #fff;
}

h1, h2, h3 {
	margin-bottom: 20px;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	/*font-family: Georgia, "Times New Roman", Times, serif; */
	font-weight: normal;
}

h1 { font-size: 2.2em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.2em; font-weight: bold; }

p, blockquote, ul, ol {
	margin-bottom: 1.5em;
	line-height: 1.3em;
}

blockquote, ul, ol {
	margin-left: 3em;
}

blockquote {
	margin-right: 3em;
}

a {
	color: #0065CC;
}

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

img { border: none; }

table th {
   
}

img.left {
	float: left;
	margin: 0 15px 15px 0;
}

img.right {
	float: right;
	margin: 0 15px 0 15px;
}

select {
  border: 1px #ccc solid;  
  font: 11px Arial, Helvetica, sans-serif;
}
input, textarea {
  padding: 2px;
  font: 11px Arial, Helvetica, sans-serif;
  border: 1px #ccc solid; 
}
textarea.pozn {
  width: 200px;
  height: 50px;
}
input.pocet {
  text-align: right;
  border: 1px #ccc solid;  
}
input.button {
  border: 1px #ccc solid;
  font-size: 10px;
  background: url(../images/bgsubmit.gif) repeat-x center;
  font-weight: bolder;
  color: #FFF;
}

hr {
  visibility: hidden;
}

#layout {
  margin: 0 auto;
}

#layout td {
  margin: 0;
  padding: 0;
}

#top, #bottom {
  height: 30px;
}
#top-center {
  background: url(../images/zoom/zoom-shadow2.png) repeat-x bottom;
}
#top-left, #top-right, #center-left, #center-right, #bottom-left, #bottom-right {
  width: 27px;
}
#top-left {
  background: url(../images/zoom/zoom-shadow1.png) no-repeat bottom;
}
#top-right {
  background: url(../images/zoom/zoom-shadow3.png) no-repeat bottom;
}
#center-left {
  background: url(../images/zoom/zoom-shadow4.png) repeat-y left;
}
#center-right {
  background: url(../images/zoom/zoom-shadow5.png) repeat-y right;
}
#bottom-center {
  background: url(../images/zoom/zoom-shadow7.png) repeat-x top;
}
#bottom-left {
  background: url(../images/zoom/zoom-shadow6.png) no-repeat top;
}
#bottom-right {
  background: url(../images/zoom/zoom-shadow8.png) no-repeat top;
}
/* Header */

#header {
	width: 885px;
	height: 140px;
	margin: 0 auto;
	background-color: #fff;
}

/* Logo */

#logo {
	float: left;
	width: 320px;
	height: 140px;
	text-align: left;
}

#logo h1 {
	margin: 0;
	padding-top: 20px;
	padding-left: 15px;
	font-size: 2.1em;
}

#logo h2 {
	font-size: 1em;
	padding-left: 15px;
}

#logo a {
	text-decoration: none;
	color: #333333;
}

/* Menu */

#menu {
	float: right;
	width: 600px;
	height: 140px;
}

#menu ul {
	margin: 0;
	padding-top: 60px;
	text-align: center;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	padding: 0 20px;
	text-decoration: none;
	font-weight: bold;
}

#menu a:hover {
	text-decoration: underline;
}

/* Page */

#page {
	width: 850px;
	margin: 0 auto;
	background: #ffffff;
}

/* Content */

#content {
  float: left;
	width: 420px;
	padding-left: 20px;
	padding-right: 20px;
}

#content div#divider {
  background: url(../images/divider.jpg) no-repeat center center;
  height: 5px;
  width: 100%;
  margin: 10px 0 10px 0;
}

/* sidebarleft */

#sidebarleft {
	float: left;
	width: 185px;
}

#sidebarleft .box ul {
	margin-left: 20px;
	padding: 0;
}

#sidebarleft .box ul ul {
	margin-left: 10px;
	margin-top: 10px;
	padding: 0;
}

#sidebarleft .box li {
	margin-bottom: 5px;
	list-style-image: url(../images/arrow.png);
	list-style-position: outside;
}

#sidebarleft .box li li {
	margin-bottom: 5px;
	list-style-image: url(../images/indent1.png);
	list-style-position: outside;
}

#sidebarleft .box blockquote {
	margin-left: 0;
	margin-right: 0;
}

#sidebarleft .box a {
	color: #333;
}

#sidebarleft .box img {
  float: left;
}

/* sidebarright */

#sidebarright {
	float: right;
	width: 185px;
}

#sidebarright .box ul {
	margin-left: 20px;
	padding: 0;
}

#sidebarright .box ul ul {
	margin-left: 20px;
	margin-top: 10px;
	padding: 0;
}

#sidebarright .box li {
	margin-bottom: 5px;
	list-style-image: url(../images/arrow.png);
	list-style-position: outside;
}

#sidebarright .box li li {
	margin-bottom: 10px;
}

#sidebarright blockquote {
	margin-left: 0;
	margin-right: 0;
}

#sidebarright .box a {
	color: #333;
}

#sidebarright .box img {
  float: left;
}

#sidebarright .box, #sidebarleft .box {
  
}

#sidebarright .box .text, #sidebarleft .box .text {
  border: 1px #ccc solid;
  border-top: 0px;
  width: 150px;
  padding: 15px; 
  margin-top: -4px;
  margin-bottom: 4px;
}

#sidebarright .box h1, #sidebarleft .box h1 {
  height: 24px;
  font-size: 12px;
  color: #FFF;
  margin: 0px;
	padding: 10px 0px 0px 10px;
	font-weight: bolder;
	background: url(../images/sidebar-h.gif) no-repeat left;
}

#sidebarright .text .login {
  margin-bottom: 10px;
}
#sidebarright .text .login input {
  width: 145px;
}
#sidebarright .text .login input.button {
  width: 75px;
  float: right;
  margin-top: 5px;
}
#sidebarright .text .login label {
  display: block;
  text-align: right;
}

/* Footer */

#footer {
  text-align: center;
	width: 850px;
	height: 60px;
	margin: 0 auto;
	padding-top: 20px;
}

#footer p {
	margin: 0;
	padding: 2px;
}

#footer a {
	padding: 0 7px 0 7px;
}

/* another declarations */
.left {text-align: left;}
.right {text-align: right;}

/* novinka */
.novinka {
  padding: 10px;
  margin-top: 20px;
}
.novinka h3 {
  margin: 0;
}

/* kosik */
.kosik {
  background: url(../images/basket.png) no-repeat top left;
}
.kosik p {
  margin: 0;
  line-height: 22px;
}
.kosik .basketlink {
  padding-top: 10px;
}
.kosik .basketlink a {
  font-size: 11px;
  background: url(../images/arrow.png) no-repeat left;
  padding-left: 15px;
}

/* podkategorie a tovary */
ul.podkategorie {
  margin: 0;
	padding-top: 10px;
	text-align: center;
	list-style: none;
  margin-bottom: 30px;
  width: 100%;
}
li.podkategoria {
  display: inline;
  width: 200px;
  padding: 15px;
}
li.podkategoria img {
  margin: 3px;
}
li.podkategoria a {
	text-decoration: none;
	font-weight: bold;
}
 
/* tovary */
#tovary {
  width: 100%;
}
#tovary tr:hover {
}
#tovary td {
  padding: 10px;
}
#tovary td.img {
  width: 100px;
  text-align: center;
}
#tovary td.info {
  text-align: left;
}
#tovary td.info h3 {
  font-size: 12px;
  margin-bottom: 5px;
}
#tovary td.info p {
  width: 100%;
  margin-bottom: 5px;
  line-height: 16px;
}

/* registration form */
#registracia fieldset {
  padding: 5px;
}
#registracia label {
  font-size: 14px;
}
#registracia table {
  width: 100%;
}
#registracia table td {
  padding: 4px;
}
#registracia table td.povinne {
  font-weight: bolder;
}
#registracia .poznamka {
  color: #666;
  font-style: italic;
  text-align: center;
}