/* basic CSS styles for all browsers */
.reseter
{
	border:  0px none;
	margin:  0px;
	padding: 0px;

	float: none;
	clear: both;

	width: 0px;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}
.small-reseter {
  clear: left;
  height: 1px;
}

#bodycont{background:url("../images/tabs/bg4.png") top repeat-x;}

#bodywrap{}

#bodyhead
{
	width:100%;
	background: url('../images/top-bg.gif') top repeat-x;
	background-color:#FFF2A8;
	text-align: left;
}
#userinfo label {background:#ffa733; float:left;}
#status { padding:0.3em 6px; }
#status strong{ float: left; }
#status i{ color:red; }
#status span{ float: left; padding: 0 0.5em }

#bodyfoot{background-color: #ffffcc;}

#pagehead{}

#pagefoot{background-color: #ccffff;}

#pagewrap
{
	width: auto;
	min-width: 600px;
	max-width: 900px;
	margin: 0px auto;
	background-color:#FFF;
}
#topwrap {
	width: 930px;
	margin: 0px auto;
}
#userinfo {
	float:right;
	width:160px;
}
#kosikinfo {
	width:144px;
	margin:auto;
}
#kosikstatus {
	padding:8px 0 4px 50px;
	text-align:center;
	color:#000000;
}
/* Note: DON'T set pagewrap background to fixed !!! - mess in Opera/Gecko-core */

#pagewrap1{}
#pagewrap2{}
#pagecont{text-align:left;}
#side1wrap
{
	float:left;
	width:180px;

	margin:0;
	padding:0 0 0 3px;
}

#side2wrap
{
	float:right;
	width:160px;

	margin:0;
	padding:0 3px 0 0;
}

#contwrap
{
	padding:0px 165px 0px 190px;
	background:url("../images/tabs/bg4.png") top repeat-x;
}
#conthead {color:#999; font-size:0.9em;}
#conthead a {color:#999;}
#contcont {font-size:1.1em;}
#contcont hr {color:#CCC; background:#CCC;}

#ukazka p, #otitule p {
	background:url("../images/quotas.png") no-repeat left top;
	text-indent:36px;
	padding:5px 5px 12px 5px;
	line-height:1.5em;
}
#contfoot {background-color: #dddddd;}
#headercont {
	float:left;
	text-align:center;
	margin:auto;
}
#header {
	float:left;
	width:100%;
	font-size:1.1em;
	line-height:normal;
}
#header ul {
  margin:0;
  padding:0.9em 0px 0px 10px;
  list-style:none;
}
#header li {
  float:left;
  background:url("../images/tabs/left2.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  border-bottom:1px solid #9C6C2D;
}
#header a {
  float:right;
  display:block;
  background:url("../images/tabs/right2.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#9D6D2E;
}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */
#header a:hover {color:#333;}
#header #current {background-image:url("../images/tabs/left_on.gif"); border:0px;}
#header #current a {background-image:url("../images/tabs/right_on.gif"); color:#9D6D2E; padding-bottom:5px;}

#headertop {
  float:left;
  width:900px;
}
#headertop ul {margin:0.3em 0; list-style:none;}
#headertop li {float:right; margin:0; padding:0 0 0 5px;}
#headertop a {
  float:right;
  display:block;
  padding:5px 10px 4px 6px;
  font-weight:bold;
  color:black;
  text-decoration:underline;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#headertop a {float:none;}
/* End IE5-Mac hack */
#headertop a:hover {color:#333;}
#motto {
	float:left;
	padding-left:23%;
	font-size:1.5em;
	font-weight:bold;
	font-style:italic;
}
#motto img {float:left; margin-right:30px;}
#reklama {
	width:100%;
	height:62px;
	background-color:#FFA733; text-align:center;
	white-space: nowrap;
}
#reklama img {border:1px solid #FFA733;}
#reklamacont {
    padding-left: 20px;
    margin: 0 auto;
    padding-top: 1px;
}
#search {}
#menu {
	background-color: #FFF2CF;
	padding:5px;
	color:#9D6D2E;
	line-height:1.5em;
}
#menu a {color:#9D6D2E; background-color: #FFF2CF; text-decoration:none;}
#menu a:hover {text-decoration:underline;}
#menu ul {list-style-type:disc; padding-left:13px;}
#menu ul.children {list-style-type:circle;	padding-left:25px;}
#menu .selected, #menu .selected a {font-weight:bold;} 
.okienko, .prihlaseny {
	background-color: #E5F1CD;
	padding: 5px 5px;
	color:#9D6D2E;
}
.prihlaseny {
    background: #ffffff;
    padding-bottom: 0;
    padding-top: 0;
}
.okienko a, .prihlaseny a {text-decoration:none; color:#000;}
.okienko a:hover, .prihlaseny a:hover {text-decoration:underline;}
.okienko hr {color:#9D6D2E; background:#9D6D2E;}
.okienko ul, .prihlaseny ul {
	list-style-type:disc;
	padding-left:13px;
	color:#9D6D2E;
	line-height:1.2em;
}
.okienko li, .prihlaseny li {padding:3px 0px; font-weight:normal;font-size:1.1em;}
.okienko ul li div {font-style:italic;}
.topside {padding:5px 0 4px 0;}

.xsnazzy {background:transparent; margin:0 0 5px 0;}
.xsnazzy2 {background:transparent; width:160px; margin:0 0 5px 0;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7, .xb8, .xb9, .xb10, .xb11, .xb12, .xb13, .xb14, .xb15, .xb16 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3, .xb5, .xb6, .xb7, .xb9, .xb10, .xb11, .xb13, .xb14, .xb15 {height:1px;}
.xb1, .xb5, .xb9, .xb13 {margin:0 5px;}
.xb2, .xb6, .xb10, .xb14 {margin:0 3px;}
.xb3, .xb7, .xb11, .xb15 {margin:0 2px;}
.xb4, .xb8, .xb12, .xb16 {height:2px; margin:0 1px;}

.xb1, .xb2, .xb3, .xb4 {background:#FFA733;}
.xb5, .xb6, .xb7, .xb8 {background:#E5F1CD;}
.xb9, .xb10, .xb11, .xb12 {background:#FFF2CF;}
.xb13, .xb14, .xb15, .xb16 {background:#ffffff;}
.viac {text-align:right;}

.button {
	display:block;
	background: #FFA733 url("../images/but-next.png") no-repeat right bottom;
	padding:1px 10px 0 0;
	margin:0px;
	text-align:center;
	font-size:1.1em;
}
.button a {
	color:white;
	font-weight:bold;
	display:block;
	text-decoration:none;
}

.button2 {
	display:block;
	background: #FFA733 url("../images/but-add.png") no-repeat left center;
	text-align:center;
	padding:1px 5px 0 0;
	margin:0px;
}
#details .button2 a {
	color:#FFF;
	font-weight:bold;
	font-size:1.1em;
	display:block;
	padding-left:20px;
	text-decoration:none;
}
#details .button2 a:hover {
	background:none;
	color:#ffffff;
}

label {float:left; background:white;}
h3 span {background:white;	padding:0px 3px;}
h3 a {text-decoration:underline;}
.dalsie {
	width:150px;
	text-align:right;
	font-weight:normal;
	padding-top:0.3em;
}
.smalltitle, .okienko a {
	color:#000000;
	font-size:0.85em;
}
li span.resized {
	font-size:0.8em;
}
/* o-knihe */

#infos {float:left; font-size:0.9em; padding:5px 5px 5px 0; text-align:right;}
#parameters, .parameters2 {
	float:left;
	background:white;
}
#parameters {
	border-right:2px solid #FFD182;
	padding:0 10px 10px 0;
}
#parameters2, .parameters2  {
	padding:0 10px 0px 0;
}
.thumb {text-align:center; padding-bottom:0.8em;}
#parameters .thumb a, #layout-content .category-path a {color:#999;}
#parameters .thumb a:hover {color:#c07c23;}
.zoomin img {
	cursor: url(http://www.knihyezop.sk/images/zoomin.cur), pointer
}
.zoomout img {
	cursor: url(http://www.knihyezop.sk/images/zoomout.cur), pointer
}
#details {
	float:right;
	margin-left:6px;
	padding:16px 16px 0 6px;
	text-align:right;
}

#details a {color:#c07c23;}
#detaile {text-align:left;}

#price {
	padding:10px 0 0 0;
	color:#999;
	text-align:left;
	font-size: 11px;
}
#price strong {font-size:110%; color:#c07c23;}

.autorlink a {color:#c07c23;}

/* uvod */
.smallpreview {
	display:inline;
	float:left;
	width:9em;
	height:20em;
	font-size:0.8em;
	text-align:center;
	margin:0 0.8em 1em 0.8em;
}
.smallpreview img {padding:0.5em;}
.cenaknihy {padding:0.5em 0 0.3em 0; margin:0; font-size:1.2em; font-weight:bold;}


.smallpreview a {text-decoration:none;}
.simpletable {padding:5px 0px 10px 35px;}
.simpletable table {border:1px solid #FFA814;}
.simpletable th, .simpletable td {padding:5px;}

.kontaktpic {
	float:left;
	margin:0 12px;
}

/* katalog titulov */
.kategory {font-size:90%; height:10em;}
.kategory img {float:left;}
.nadpiskategorie {font-size:1.64em;}
.nadpiskategorie strong {display:block;padding-left:32px;}
.rozpiskategorii {padding-left:35px;}

/* registracia */
#register .lavyform {
	float:left; width:49%;
}
#register .pravyform {
	float:right; width:49%;
}
.note {color:#999999; font-size:0.8em; padding:0 0 1em 0;}
.lenfirma {border:1px solid #999999; padding:0.5em; width:90%;}
.form3 input, .form3 textarea, .form3 select {
	margin: 0 0 5px 0;
}
.form3 fieldset.clear{clear: left;}
.form3 fieldset.left {
	width: 190px;
	float: left;
	margin-right: 1em;
}
.form3 fieldset.left input {
	width: 25px;
	margin: 0;
	vertical-align:middle;
}
.form3 label {vertical-align: middle;}
.form3 textarea {width: 100%;}


/* layout-content */
#layout-content {
color:gray;
min-height:500px;
height:auto !important;
height:500px;
}
#layout-content h1 {padding-top:5px;}
#layout-content h2 {}
#layout-content p {padding-left:3em;}
#layout-content ul li {margin:0 1em;}
#layout-content a {color:#c07c23; text-decoration:underline;}
#layout-content a:hover {color:black; background:white;}
#layout-content #abeceda {height:5em; font-weight:bold; padding:0 1em;margin-top:0;}
#layout-content #abeceda li {float:left; padding:0 0.3em; margin:0; font-size:1.57em;}
#layout-content #abeceda li a {text-decoration:none;}
#layout-content #abeceda li a:hover {text-decoration:underline;}
#layout-content sup {margin-left:5em;}
#layout-content i{ color: red; }
.totop {width:98%;text-align:right;}
.titul_status_holder {background:#eeeeee;position:relative;}
.titul_status {
	position:absolute; bottom:0; left:0;
	font-size:0.9em;
	color:#333333;
	background:#eeeeee;
	font-weight:bold;
	padding:0.5em 0.8em;
	text-align:left;
}

/* o-puzzle */
#o-puzzle h1 {padding-top:2.5em;}

/* nakupny kosik */
#polozka_title{ position: relative; font-weight: bold; font-size: 10px; }
#polozka_title .nazov{ position:absolute; top:0px; left: 65px; }
#polozka_title .cena{ position:absolute; top:0px; left: 300px; }
#polozka_title .submit{ position:absolute; top:0px; left: 420px;  }

.polozka { position: relative; height: 80px; }
.polozka img{ float: left; margin-right: 10px; }
.polozka .nazov{ padding-top: 25px; width: 320px; }
.polozka .cena{ position:absolute; top: 30px; left: 300px; font-size: 10px; white-space: nowrap;}
.polozka .submit{ position:absolute; top: 25px; left: 420px; white-space: nowrap;}
.polozka input{ width: 20px; }

.celkom { position: relative; font-weight: bold; }
.celkom .cena_tovaru { padding-top: 0px; }
.celkom .cena_sk { position:absolute; top: 0px; left: 370px; font-size: 10px; }
.celkom .koncova_cena { position:absolute; top: 0px; left: 370px; font-size: 11px; color: red; }

/* LightBox */

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(../images/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/overlay.png", sizingMethod="scale");
	}