*, html {
	margin: 0;
	padding: 0;
}

body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-align: center;
	padding-bottom: 1em;
}

#page-obal {
	width: auto;
	max-width: 990px;
	min-width: 770px;
	width: expression( document.body.clientWidth > 990 ? "990px" : "auto");
	background: url('images/design/page-border-left.png') repeat-y left;
	padding-left: 9px;
	margin: 0 auto;
}

#page {
	text-align: left;
	background: url('images/design/page-border-right.png') repeat-y right;
	padding-right: 9px;
	position: relative;
}

/*** HEADER ***/
#header {
	height: 134px;
	background: #79aba7 url('images/design/header.png') repeat-x;
	position: relative;
}

#logo {
	position: absolute;
	top: 6px;
	left: 28px;
}
#logo a {
	display: block;
	width: 305px;
	height: 86px;
	background: url('images/design/logo.png') no-repeat;
}
#logo a span {
	display: none;
}

#kosik {
	position: absolute;
	top: 0;
	right: 14px;
	width: 224px;
	background: #525432 url('images/design/kosik-bg.png') top no-repeat;
	text-align: center;
}
#kosik a {
	display: block;
	height: 69px;
	color: #dbd783;
	background: url('images/design/kosik.png') 165px 13px no-repeat;
	margin: 0 auto;
	text-decoration: none;
}
#kosik a:hover, #kosik a.notempty {
	background-image: url('images/design/kosik-notempty.png');
}
#kosik a span {
	display: block;
	padding: 16px 61px 0 2px;
	font-style: italic;
}
#kosik a span strong {
	display: block;
}
#kosik a:hover span strong {
	text-decoration: underline;
}

#navigation {
	position: absolute;
	top: 100px;
	left: 0;
	width: 100%;
	height: 34px;
	background: #35361e url('images/design/navigation.png') top repeat-x;
}
#navigation li {
	display: inline;
	padding: 0;
}
#navigation li a {
	display: block;
	float: left;
	line-height: 31px;
	padding: 0 18px 0 20px;
	color: #b0ad77;
	text-decoration: none;
	background: url('images/design/navigation-sep.png') left 7px no-repeat;
	font-weight: bold;
	font-size: 0.85em;
}
#navigation li a.first {
	background-image: none;
}
#navigation li a:hover, #navigation li a.active {
	color: #dbd783;
	text-decoration: underline;
}

#search {
	position: absolute;
	top: 100px;
	right: 16px;
	padding-top: 5px;
}
#search input.text {
	width: 170px;
	height: 19px;
	margin-right: 1px;
	background: #fff url('images/design/search-text.png') top repeat-x;
	border: 1px solid #161614;
}
#search .button {
	border: 0;
	vertical-align: top;
	cursor: pointer;
}
* html #search .button { /* for IE */
	margin-top: 1px;
}
#search button span {
	display: none;
}

#lang {
	display: none;
}

/** MAIN **/
#main {
	padding-top: 12px;
}

/*** SIDEBAR ***/
#sidebar {
	float: left;
	width: 210px;
	text-align: center;
	position: relative;
}

/* prvni uroven */
#sidebar ul {
	text-align: left;
	float: left;
	width: 100%;
	border-bottom: 1px solid #dfdfdf;
}
#sidebar ul li {
	float: left;
	clear: left;
	width: 100%;
	list-style: none;
	border: 1px solid #dfdfdf;
	border-width: 1px 1px 0 0;
	padding: 0;
	margin: 0;
}
#sidebar ul li a {
	display: block;
	padding: 7px 6px 7px 25px;
	color: #000;
	background: #fafaf8 url('images/design/sidebar-li-a.png') no-repeat left top;
	border-top: 1px solid #fff;
	text-decoration: none;
}
* html #sidebar ul li a {
	zoom: 1;
}
#sidebar ul li a:hover, #sidebar ul li a.active {
	text-decoration: underline;
	background-color: #f4f4f4;
	background-image: url('images/design/sidebar-li-a-hover.png');
}

/* druha uroven */
#sidebar ul ul {
	margin: 0;
	border: 0;
	border-top: 1px solid #dfdfdf;
}
#sidebar ul ul li {
	border: 0;
}
#sidebar ul ul li a, #sidebar ul ul li a:hover, #sidebar ul ul li a.active {
	padding: 4px 6px 4px 30px;
	background: #fafaf8 url('images/design/sidebar-arrow.gif') 19px 9px no-repeat;
}
#sidebar ul ul li a:hover, #sidebar ul ul li a.active {
	background-color: #f4f4f4;
	background-image: url('images/design/sidebar-arrow-hover.gif');
}

/* treti uroven */
#sidebar ul ul {
	border: 0;
}
#sidebar ul ul ul li a, #sidebar ul ul ul li a:hover, #sidebar ul ul ul li a.active {
	padding-left: 41px;
	background-position: 30px 9px;
}

/*** CONTENT ***/
#content {
	margin-left: 225px;
	padding: 0 15px 10px 0;
	position: relative;
}

/*** FOOTER ***/
#footer-obal {
	clear: both;
	background: url('images/design/footer-left.png') left bottom no-repeat;
	margin-left: -9px;
	margin-right: -9px;
}
#footer {
	background: url('images/design/footer-right.png') right bottom no-repeat;
	padding: 20px 20px 17px 20px;
	font-size: 0.85em;
	color: #808080;
}
#footer a {
	color: #808080;
}
#footer a:hover {
	color: #000;
}
#footer div {
	border-top: 1px dotted #ccc;
	padding-top: 6px;
}
#footer div.cleaner {
	border: 0;
	padding: 0;
	height: 1px;
	overflow: hidden;
}
#footer p {
	margin: 0;

}
#footer .left {
	float: left;
}
#footer .right {
	float: right;
}
* html #footer-obal, * html #footer, * html #footer div { /* for IE */
	zoom: 1;
}

/** OBECNE **/
a {
	text-decoration: underline;
	color: #4c502c;
}
a:hover {
	color: #c15200;
}

h1, h2, h3, h4, caption {
	font-weight: bold;
	line-height: 1.3;
	margin: 0 0 0.15em 0;
}
h1 {
	font-size: 1.5em;
}
h2 {
	font-size: 1.3em;
}
h3, caption {
	font-size: 1.1em;
}
h4 {
	font-size: 1em;
}

p, ul, dl, table, fieldset {
	margin-bottom: 1em;
}

li {
	margin-left: 35px;
}

th {
	text-align: center;
}

img {
	border: 0;
}
p img {
	padding: 0.2em;
}

acronym, abbr, span.abbr {
	cursor: help;
	border-bottom: 1px dotted #888;
	font-variant: normal;
}
a:hover acronym, a:hover abbr, a:hover span.abbr, a.active acronym, a.active abbr, a.active span.abbr {
	border-bottom: 0;
}


form {
	display: inline;
}
fieldset {
	padding: 10px 20px 10px 20px;
	border: 1px solid #999;
}
legend {
	padding: 0 0.3em;
	margin-bottom: 0.5em;
	color: #333;
	font-weight: bold;
}
input[type=submit] {
	padding: 0.1em 0.5em;
}


/** classes **/
a.active {
	cursor: default;
}

input.pridat-do-kosiku, a.pridat-do-kosiku {
	width: 28px;
	height: 25px;
	border: 0;
	cursor: pointer;
}
a.pridat-do-kosiku {
	display: block;
	background: url('images/design/pridat-do-kosiku-small.png') no-repeat;
}
a.pridat-do-kosiku span {
	display: none;
}


/* vypis produktu - zkraceny (nove zbozi, slevy, ...) */
table.product-short-list {
	width: 100%;
	text-align: center;
	font-size: 0.9em;
	margin: 0 auto 1.4em auto;
}
* html table.product-short-list {
	width: 99%;
}
table.product-short-list td, table.product-short-list th {
	width: 24%;
	vertical-align: top;
	border-style: solid;
	border-color: #e4e8dd;
	margin: 0;
}
table.product-short-list td.spacer {
	width: 1.3%;
	padding: 0;
	height: 1px;
	border: 0;
}
table.product-short-list th {
	background: #f4f7ee;
	border-width: 1px;
}
table.product-short-list th h3 {
	margin: 0;
}
table.product-short-list th h3 a {
	display: block;
	text-decoration: none;
	color: #38322c;
	padding: 0.3em;
}
table.product-short-list th h3 a:hover {
	color: #d76c00;
	text-decoration: underline;
}
table.product-short-list th .poznamka {
	border-top: 1px solid #eaeee4;
	padding: 0.2em;
	font-weight: normal;
	font-style: italic;
}
table.product-short-list td.image {
	border-width: 0 1px;
}
table.product-short-list td.image a {
	display: block;
	padding: 0.6em;
	text-align: center;
}
table.product-short-list td.bottom {
	border-width: 1px;
	background: #fafdf6;
	padding: 0.4em;
}
table.product-short-list .cena {
	float: right;
	font-size: 0.9em;
	font-weight: bold;
}
table.product-short-list .cena acronym {
	font-weight: normal;
}
table.product-short-list .kosik {
	float: left;
}
table.product-short-list .icons {
	clear: both;
	text-align: right;
	padding-top: 0.5em;
}
table.product-short-list .icons img {
	margin-left: 0.3em;
}

/* vypis produktu - plnohodnotny (vypis produktu z kategorie) */
p.filtr {
	font-size: 0.8em;
	border: 1px solid #dfe9d1;
	background: #eff7e4;
	padding: 0.5em 0.8em;
}
* html p.filtr {
	padding: 0.4em 0.7em;
}
* html p.filtr input {
	vertical-align: bottom;
}
label.razeni {
	display: block;
	padding-top: 0.4em;
}
div.strankovani-top {
	float: right;
	padding-top: 0.5em;
}
div.strankovani-bottom {
	float: right;
}
/* vypis */
table.product-list {
	width: 100%;
	margin: 0.8em 0 0.4em 0;
	clear: right;
	border: 1px solid #e4e8dd;
	border-width: 1px 0 0 1px;
}
* html table.product-list {
	width: 99%;
}
table.product-list td {
	width: 50%;
	vertical-align: top;
	padding: 0.4em;
	border: 1px solid #e4e8dd;
	border-width: 0 1px 1px 0;
}
table.product-list td .left {
	float: left;
	text-align: center;
	width: 110px;
	padding-top: 0.2em;
}
table.product-list .cena {
	font-size: 0.9em;
	font-weight: bold;
	margin: 0.3em 0 0.6em 0;
}
table.product-list .cena acronym {
	font-weight: normal;
}
table.product-list p.kosik {
	margin: 0;
}
table.product-list .pridat-do-kosiku {
	margin: 0 auto;
}
table.product-list td .right {
	margin-left: 110px;
	text-align: left;
}
table.product-list h3 {
	margin: 0;
}
table.product-list h3 a {
	display: block;
	text-decoration: underline;
	color: #38322c;
}
table.product-list h3 a:hover {
	color: #d76c00;
	text-decoration: underline;
}
table.product-list .poznamka {
	font-weight: normal;
	font-style: italic;
	font-size: 0.9em;
}
table.product-list .right p {
	margin: 0.2em 0 0.5em 0;
}
table.product-list .right p.vyrobce {
	margin: 0 0 0.2em 0;
}
table.product-list .icons {
	text-align: left;
}
table.product-list .icons img {
	padding-right: 4px;
}

/* detail produktu */
.product-info .obrazky {
	float: left;
	width: 210px;
	text-align: left;
	padding: 0.2em 0;
}
.product-info .icons {
	padding-bottom: 0.4em;
}
.product-info .cols {
	margin-left: 210px;
}
.product-info .cols table {
	margin-bottom: 0.5em;
}
.product-info .cols table th, .product-info .cols table td {
	font-size: 0.9em;
	padding: 0.15em 0.1em;
}
.product-info .cols table.col-left {
	width: 46%;
}
.product-info .cols table.col-left td {
	text-align: right;
}
.product-info .cols table.col-right {
	float: right;
	width: 52%;
}
.product-info .cols table th, .product-info .cols table td {
	vertical-align: top;
	text-align: left;
	font-weight: normal;
}
.product-info .cols table tr.cena th, .product-info .cols table tr.cena td {
	font-weight: bold;
	color: #f17700;
}
.product-info .cols table tr.uspora th, .product-info .cols table tr.uspora td {
	font-weight: bold;
}
.product-info .neprodava-se {
	clear: right;
	text-align: center;
	font-weight: bold;
	font-size: 0.9em;
}
.product-info div.atributy {
	margin-left: 215px;
	margin-bottom: 0.5em;
	font-size: 0.85em;
	clear: right;
}
.product-info div.atributy h3 {
	font-size: 1.1em;
	margin: 0;
}
.product-info div.atributy h4 {
	margin-top: 0.5em;
}
.product-info div.atributy p {
	margin-bottom: 0.4em;
}
.product-info div.atributy label, .product-info div.atributy select {
	margin-left: 2em;
}
.product-info p.kosik {
	clear: right;
	margin-left: 215px;
	padding: 0.5em;
	margin-bottom: 0.5em;
}
.product-info p.kosik .pridat-do-kosiku {
	width: 113px;
	height: 25px;
	vertical-align: text-bottom;
}
.product-info table.product-kosik {
	margin-left: 210px;
	font-size: 0.85em;
}
.product-info table.product-kosik caption {
	text-align: left;
	margin: 0;
}
.product-info table.product-kosik td {
	padding: 0.2em 1em;
}
.obrazky-dalsi img {
	vertical-align: top;
	padding: 0.2em;
}

/* kosik */
table.kosik {
	width: 100%;
	border: 1px solid #e4e8dd;
	border-width: 1px 0 0 1px;
	font-size: 0.9em;
	margin-bottom: 1em;
}
* html table.kosik {
	width: 99%;
}
table.kosik th, table.kosik td {
	padding: 0.4em;
	border-color: #e4e8dd;
	border-style: solid;
	border-width: 0 1px 1px 0;
}
table.kosik th {
	background: #f4f7ee;
}
table.kosik .prepocitat td {
	text-align: right;
}
table.kosik .first {
	border-right: 0;
}
table.kosik tr.cena-celkem th, table.kosik tr.cena-celkem td {
	background: #f4f7ee;
	vertical-align: top;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
}
table.kosik tr.cena-celkem th {
	text-align: left;
	border-right: 0;
}
table.kosik tr.cena-celkem td {
	text-align: right;
}


.button-zpet {
	float: left;
}
.button-pokracovat {
	float: right;
}
.button-pokracovat input {
	font-weight: bold;
}

/* osobni udaje, doprava a platba, shrnuti */
.povinne {
	text-align: right;
	margin: 0;
	font-size: 0.85em;
}
.osobni-udaje fieldset table, .doprava-platba fieldset table {
	width: 100%;
	margin-bottom: 0.4em;
}
.osobni-udaje fieldset table td {
	padding: 0.2em;
	width: 17%;
}
.osobni-udaje fieldset table td.for-input {
	width: 33%;
}
.osobni-udaje fieldset table input {
	width: 85%;
}
.osobni-udaje fieldset textarea, .doprava-platba fieldset textarea  {
	width: 85%;
	height: 7em;
	margin-bottom: 0.4em;
}
.doprava-platba fieldset table td {
	padding: 0.1em;
}
.doprava-platba fieldset table td.for-input {
	width: 20px;
}

table.objednavka-shrnuti {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #e4e8dd;
	border-top: 0;
}
table.objednavka-shrnuti caption {
	text-align: left;
	font-size: 1em;
	background: #f4f7ee;;
	border: 1px solid #e4e8dd;
	margin: 0;
	padding: 0.4em;
}
table.objednavka-shrnuti td, table.objednavka-shrnuti th {
	width: 35%;
	padding: 0.2em 0.4em;
	vertical-align: top;
}
table.objednavka-shrnuti td.col-name, table.objednavka-shrnuti th.col-name {
	width: 15%;
}
table.objednavka-shrnuti td.poznamky {
	width: 100%;
}

/* seznam vyrobcu */
table.vyrobci-seznam {
	width: 100%;
	border: 1px solid #e4e8dd;
	border-width: 1px 0 0 1px;
}
* html table.vyrobci-seznam {
	width: 99%;
}
table.vyrobci-seznam td {
	width: 25%;
	border: 1px solid #e4e8dd;
	border-width: 0 1px 1px 0;
	padding: 0.2em;
	vertical-align: top;
	text-align: center;
}

/* detail vyrobce */
.vyrobce-info .obrazek {
	float: right;
}

/* vyhledavani */
.search {
	text-align: center;
}
.search input.text {
	width: 35%;
}

/* prehled objednavek */
table.objednavky {
	width: 100%;
	border: 1px solid #e4e8dd;
	border-width: 1px 0 0 1px;
}
* html table.objednavky {
	width: 99%;
}
table.objednavky th, table.objednavky td {
	padding: 0.2em;
	border: 1px solid #e4e8dd;
	border-width: 0 1px 1px 0;
}
table.objednavky th {
	background: #f4f7ee;
}



/* subkategorie */
p.subkategorie {
	font-size: 0.8em;
	border: 1px solid #ecebcc;
	background: #fffee7;
	padding: 0.8em 1em;
	clear: right;
}


table.info td, table.info th {
	padding: 0.1em 0.2em;
	font-size: 0.9em;
}

fieldset.ucet-nastaveni {
	width: 50%;
	text-align: left;
	margin: 0 auto 1em auto;
}
fieldset.ucet-nastaveni table {
	width: 100%;
}
fieldset.ucet-nastaveni table td {
	width: 50%;
	padding: 0.2em;
}
fieldset.ucet-nastaveni table td input {
	width: 90%;
}

.icons img {
	cursor: help;
}

.cena acronym {
	font-size: 0.8em;
}

span.atributy {
	font-size: 0.9em;
	font-style: italic;
}

/* zpravy */
.messages {
	padding: 0.4em;
	border: 1px solid #6b6a65;
	border-left-width: 4px;
	margin-bottom: 1em;
}
.messages p {
	margin-bottom: 0;
	line-height: 1.4em;
}
.warning, .invalid_user_input, .fatal {
	color: red;
}
.warning, .fatal {
	font-weight: bold;
}

fieldset.mini {
	display: inline;
}
fieldset.mini table td {
	padding: 0.2em;
	vertical-align: top;
}
fieldset.mini textarea {

}

.breadcrumbs {
	font-size: 0.85em;
}

table.auto-width th, table.auto-width td {
	width: auto;
}

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }

.float-right {
	float: right;
}
.float-left {
	float: left;
}

.noscreen {
	display: none;
}
.cleaner {
	clear: both;
}
.cleaner-right {
	clear: right;
}