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

body {
	font-family: "Times New Roman", Times, serif;
	font-size: 12pt;
	text-align: left;
}


/*** HEADER ***/
#header div {
	display: none;
}

#header div, #header p, #header ul {
	display: none;
}

#header #logo {
	display: block;
	text-align: center;
	font-size: 15pt;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-bottom: 3pt solid #999;
	padding-bottom: 3pt;
	margin-bottom: 3pt;
}


/*** SIDEBAR ***/
#sidebar {
	display: none;
}

/*** CONTENT ***/
#content {
	
}

/*** FOOTER ***/
#footer-obal {
	display: none;
}


/** OBECNE **/
a {
	text-decoration: underline;
	color: #000;
}


h1, h2, h3, h4, caption {
	font-weight: bold;
	line-height: 1.3;
	margin: 0 0 0.15em 0;
}
h1 {
	font-size: 18pt;
}
h2 {
	font-size: 16ptm;
}
h3, caption {
	font-size: 14pt;
}
h4 {
	font-size: 12pt;
}

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

li {
	margin-left: 35px;
}

th {
	text-align: center;
}

img {
	border: 0;
}

acronym, abbr, span.abbr {
	border-bottom: 1px dotted #000;
	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 **/
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: 10pt;
	margin: 0 auto 1.4em auto;
}
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 {
	border-width: 1px;
}
table.product-short-list th h3 {
	margin: 0;
}
table.product-short-list th h3 a {
	display: block;
	text-decoration: none;
	color: #383838;
	padding: 0.3em;
}
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;
	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 {
	display: none;
}
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: 10pt;
	border: 1px solid #dfdfdf;
	padding: 0.8em 1em;
	background: none;
}
* html p.filtr {
	padding: 0.4em 0.7em;
}
label.razeni {
	display: block;
	padding-top: 0.4em;
}
div.strankovani {
	float: right;
	padding-top: 0.5em;
}
/* vypis */
table.product-list {
	width: 100%;
	margin: 0.8em 0 1.5em 0;
	clear: right;
	border: 1px solid #e4e4e4;
	border-width: 1px 0 0 1px;
}
table.product-list td {
	width: 50%;
	vertical-align: top;
	padding: 0.4em;
	border: 1px solid #e4e4e4;
	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: 215px;
}
.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;
}
.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-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;
	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 {
	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;
}
.product-info .popis img {
	padding: 0.2em;
}
.obrazky-dalsi img {
	vertical-align: top;
	padding: 0.2em;
}

/* kosik */
table.kosik {
	width: 100%;
	border: 1px solid #e4e4e4;
	border-width: 1px 0 0 1px;
	font-size: 10pt;
	margin-bottom: 1em;
}
table.kosik th, table.kosik td {
	padding: 0.4em;
	border-color: #e4e4e4;
	border-style: solid;
	border-width: 0 1px 1px 0;
}
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 {
	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 #e4e4e4;
	border-top: 0;
}
table.objednavka-shrnuti caption {
	text-align: left;
	font-size: 1em;
	border: 1px solid #e4e4e4;
	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 #e4e4e4;
	border-width: 1px 0 0 1px;
}
* html table.vyrobci-seznam {
	width: 99%;
}
table.vyrobci-seznam td {
	width: 25%;
	border: 1px solid #e4e4e4;
	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 #e4e4e4;
	border-width: 1px 0 0 1px;
}
table.objednavky th, table.objednavky td {
	padding: 0.2em;
	border: 1px solid #e4e4e4;
	border-width: 0 1px 1px 0;
	background: none;
}


/* subkategorie */
p.subkategorie {
	display: none;
}

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 #6b6b6b;
	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;
}