/***** BODY *****/
body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 70%;
	line-height: 1.4;
	background: #fff;
	text-align: center;
	color: #000;
	margin: 0;
	padding: 0;
}

/***** COMMON *****/
li {
	margin-left: 35px;
	padding: 0;
}

a {
	text-decoration: underline;
	color: #3787b3;
}
/*a:visited {
	color: #6d8796;
}*/
a:hover {
	color: #214558;
}

h1, h2, h3, h4, caption {
	font-weight: bold;
	margin: 0 0 0.4em 0;
	color: #000;
}
h1 { font-size: 1.6em; color: #1b80b7; }
h2 { font-size: 1.3em; }
h3, caption { font-size: 1.1em; }
h4 { font-size: 1em; }

p, ul, ol, dl, table, fieldset {
	margin: 0 0 1em 0;
}

ul {
	padding: 0;
}
dt {
	font-weight: bold;
}
li, dd {
	padding-left: 0;
	margin-left: 35px;
}

td {
	padding: 0.2em 0.4em;
}
th {
	padding: 0.2em 0.4em;
	text-align: center;
}

img {
	border: 0;
}
p img {
	padding: 0.2em;
}

acronym, abbr {
	cursor: help;
	border-bottom: 1px dotted #a7a7a7;
	font-variant: normal;
}
a:hover acronym, a:hover abbr {
	border-bottom: 0;
	cursor: pointer;
}

hr {
	clear: both;
	color: #ebe9e9;
	background: #ebe9e9;
	height: 1px;
	border: 0;
	margin: 5px 0 10px 0;
}

form {
	margin: 0;
}
fieldset {
	margin: 0 auto 0.8em auto;
	padding: 10px 20px 10px 20px;
	border: 1px solid #ccc;
}
fieldset table {
	width: 100%;
	border: 0;
	margin: 0 auto 0.5em auto;
	text-align: left;
}
fieldset table td, fieldset table th {
	padding: 0.2em;
	border: 0;
}
fieldset textarea {
	width: 100%;
}
legend {
	padding: 0 0.3em;
	margin-bottom: 0.5em;
	font-weight: bold;
	font-size: 1em;
	color: #313131;
}

input[type=submit], button[type=submit] {
	cursor: pointer;
}


/***** LAYOUT *****/
#page {
	margin: 25px auto 0 auto;
	text-align: left;
	position: relative;
}

#header {
	height: 85px;
	background: #3582ac url('../images/design/header-bg.gif') repeat-x top;
}

#nav-box {
	clear: both;
	height: 40px; width: 100%;
	background: #575653 url('../images/design/nav-bg.gif') repeat-x top;
	margin-bottom: 10px; /* for header-content space */
}
#nav {
	height: 35px;
	border-bottom: 5px solid #e5e5e5;
}

#main {
	clear: both;
}

#content-box {
	float: left;
	width: 100%;
}

#content {
	margin-left: 190px; /* for left sidebar */
	padding: 0 12px 8px 12px;
}

#sidebar-left {
	float: left;
	width: 190px;
	margin-left: -100%;
}

#footer {
	clear: left;
	margin-top: 12px;
}

/***** TOPSECTION elements *****/
#topsection {
	position: absolute; z-index: 199;
	top: 0; left: 0;
	width: 100%; height: 24px;
	background: #373633;
	border-bottom: 1px solid #b1b1b1;
	text-align: left;
}

#topsection dl {
	margin: 0; padding-left: 24px;
	line-height: 24px;
}
#topsection dt {
	float: left;
	color: #ccc;
	padding-right: 8px;
}
#topsection dd {
	float: left;
	margin: 0;
}
#topsection dd a {
	display: block;
	position: relative;
	font-weight: bold;
	color: #aaa;
	text-decoration: none;
	text-align: center;
	padding: 0 10px;
	height: 24px;
	text-align: center;
	white-space: nowrap;
}
#topsection dd a em {
	position: absolute;
	top: 24px;
	left: 0%;
	display: block;
	visibility: hidden;
	min-width: 100%;
	width: auto;
}
#topsection dd a em span {
	display: block;
	background: #373633;
	line-height: normal;
	font-weight: normal;
	padding: 1px 10px 4px 10px;
	border: 1px solid #b1b1b1;
	border-top: 0;
}

#topsection dd a:hover {
	color: #fff;
	height: auto;
}
#topsection dd a:hover em {
	visibility: visible;
	cursor: pointer;
}

/***** HEADER elements *****/
/* logo */
#logo {
	float: left;
	margin-top: 18px; margin-left: 24px;
}
#logo a {
	display: block;
	position: relative;
	width: 168px; height: 50px;
	overflow: hidden;
	color: #fff; text-decoration: none;
	font-size: 2.6em;
	font-weight: bold;
}
#logo a em {
	display: none;
}
#logo a span {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background: url('../images/design/prodex-az-logo.gif') no-repeat;
}

/* cart info */
.hbox {
	float: right;
	position: relative;
	margin: 10px 0 0 10px;
	background: #3a8db2 url('../images/design/header-box-bg.gif') repeat-x top;
	color: #b6def0;
}
.hbox dl {
	padding: 8px 11px 0 11px;
	margin: 0;
}
.hbox dt {
	padding: 0 0 3px 0;
}
.hbox dt a {
	font-size: 1.1em;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
}
.hbox a:hover {
	color: #fff;
	border-bottom: 1px solid #fff;
}
.hbox dd {
	color: #b6def0;
	font-size: 0.9em;
	margin: 0; padding: 0;
	clear: left;
}
.hbox dd a {
	color: #b6def0;
	text-decoration: none;
}
.hbox dd acronym {
	border-bottom-color: #66adcc;
}

#cartinfo {
	margin-right: 18px;
	/*width: 196px;*/ height: 65px;
}
#cartinfo dl {
	padding-right: 0;
	margin-right: 65px; /* = 55px pro kosik + padding */
}
#cartinfo dd span {
	float: left;
	width: 9em;
	overflow: hidden;
}
#cartinfo dd strong {
	font-weight: normal;
}

#cartinfo dd.img {
	position: absolute;
	top: 0; right: 0;
}
#cartinfo dd.img a {
	position: absolute;
	display: block;
	top: 0; right: 0;
	width: 60px; height: 65px;
	z-index: 999;
	border: 0;
	text-align: right;

}
#cartinfo dd.img a img {
	margin: 14px 13px 0 0;
}

/* user box */
#userinfo {
	width: 132px; height: 65px;
}
#userinfo dt {
	float: left;
}
#userinfo dd {
	padding-left: 10px;
	background: url('../images/design/hbox-li.gif') no-repeat 3px 60%;
}
#userinfo dd.censkup {
	float: right;
	clear: none;
	font-size: 1em;
	padding: 0; background: none;
}


/***** NAVIGATION elements *****/
/* menu */
.navItems {
	float: left;
	margin: 0;
	padding: 1px 1px 0 24px;
	background: url('../images/design/nav-border.gif') no-repeat right;
}

.navItems li {
	float: left; list-style: none;
	margin: 0; padding: 0 0 0 1px;
	background: url('../images/design/nav-border.gif') no-repeat left;
}

.navItems li a {
	float: left;
	display: block;
	height: 33px; line-height: 33px;
	padding: 0 14px 1px 14px;
	color: #b5b5a5;
	text-decoration: none;
	font-weight: bold;
}
.navItems li.selected a, .navItems li a:hover {
	background: #3a3835 url('../images/design/nav-bg-hover.gif') repeat-x top;
	color: #eeeee3;
}
.navItems li.selected a {
	color: #fff !important;
}
.navItems li.selected a span {
	border-bottom: 1px solid #c3c3b5;
}

.navItems ul {
	display: none; /* podmenu zatim nezobrazovat */
}

/* search form */
#search {
	float: right;
	display: block;
	height: 25px;
	margin: 5px 26px 0 0; padding: 0;
	background: #d5d4d3 url('../images/design/search-bg.gif') repeat-x;
}
#search .text {
	float: left;
	height: 16px; line-height: 16px;
	width: 160px;
	border: 0; padding: 4px 5px;
	background: url('../images/design/search-bg-left.gif') no-repeat left;
	color: #373431;
}
#search .button {
	width: 26px; height: 25px;
	overflow: hidden; padding-top: 45px; /* skryti textu */
	cursor: pointer;
	border: 0;
	background: url('../images/design/search-button.gif') no-repeat;
}

/***** SIDEBAR elements *****/
#sidebar-left .box {
	margin-bottom: 18px;
	background: #f5f5f5;
	color: #666;
}
#sidebar-left .heading {
	background: #4f84a9 url('../images/design/sidebar-heading-bg.gif') repeat top;
	border: 1px solid #b8b8b8;
	border-width: 1px 1px 0 0;
}
#sidebar-left .content {
	border: 1px solid #e5e5e5;
	border-width: 1px 1px 1px 0;
}

/* sidebar headings */
#sidebar-left .heading h2 {
	background: url('../images/design/sidebar-heading-right.gif') repeat-y right top;
	font-size: 1.1em;
	margin: 0;
}
#sidebar-left .heading h2 span, #sidebar-left .heading h2 a {
	display: block;
	height: 30px; line-height: 30px;
	background: url('../images/design/sidebar-heading-left.gif') repeat-y left top;
	padding-left: 33px;
	color: #fafafa;
}

/* sidebar menus */
#sidebar-left ul {
	margin: 0;
	margin-bottom: -1px;
}
#sidebar-left ul.notalone {
	margin-bottom: 0;
}
#sidebar-left ul.spec {
	font-weight: bold;
}

#sidebar-left ul li {
	list-style: none;
	margin: 0; padding: 0;
}
#sidebar-left ul li a, #sidebar-left ul li.selected li a {
	display: block;
	border-top: 1px solid #f9f9f9;
	border-bottom: 1px solid #e5e5df;
	text-decoration: none;
	background: url('../images/design/sidebar-li-bg.gif') repeat-y left;
	color: #3787b3;
}
#sidebar-left ul li a span, #sidebar-left ul li.selected li a span {
	display: block;
	padding: 4px 6px 4px 33px;
	background: none;
}
#sidebar-left ul li a:hover, #sidebar-left ul li.selected a, #sidebar-left ul li.selected a:hover {
	background-color: #f7f7f7;
	color: #000;
}
#sidebar-left ul li a:hover span, #sidebar-left ul li.selected a span {
	background: url('../images/design/sidebar-li-hover-bg.gif') no-repeat 9px center;
}
#sidebar-left ul li.selected a {
	text-decoration: underline;
}
#sidebar-left ul li.selected li a {
	text-decoration: none;
}

/* dalsi urovne */
#sidebar-left ul ul {
	margin-bottom: 0;
}
#sidebar-left ul ul li a span {
	padding-top: 3px;
	padding-bottom: 3px;
}
#sidebar-left ul ul li a span, #sidebar-left ul ul li a:hover span, #sidebar-left ul ul li.selected a span, #sidebar-left ul li.selected ul a span {
	padding-left: 47px;
	background: url('../images/design/sidebar-li.gif') no-repeat 37px center;
}

#sidebar-left ul ul ul li a span, #sidebar-left ul ul ul li a:hover span, #sidebar-left ul ul ul li.selected a span, #sidebar-left ul ul li.selected ul a span {
	padding-left: 59px;
	background-position: 49px center;
}

#sidebar-left ul ul ul ul li a span, #sidebar-left ul ul ul ul li a:hover span, #sidebar-left ul ul ul ul li.selected > a span {
	padding-left: 39px;
	background-position: 29px center;
}

/* aktuality atd. */
#sidebar-left .box .item {
	padding: 4px 6px 5px 6px;
	border-top: 1px solid #f9f9f9;
	border-bottom: 1px solid #e5e5df;
}

#sidebar-left .box .item.last {
	padding: 0;
	border-bottom: 0;
}
#sidebar-left .box .item.last a {
	font-weight: bold;
	display: block;
	padding: 3px 6px 4px 17px;
	background: url('../images/design/sidebar-li.gif') no-repeat 8px center;
}

#sidebar-left .box .item .name {
	margin-bottom: 3px;
}
#sidebar-left .box .item p {
	margin: 0;
}


/***** FOOTER elements *****/
#footer {
	background: #f7f7f7;
	padding: 10px 14px 11px 14px;
	border-top: 2px solid #f3f3f3;
	border-bottom: 1px solid #f3f3f3;
	background: #fafafa;
	color: #666;
}

#footer a {
	color: #779cb0;
}
#footer a:hover {
	color: #465862;
}

#footer p {
	margin: 0;
}
#footer .left {
	float: left;
}

#footer a.top {
	text-decoration: none;
}
#footer a.top span {
	text-decoration: underline;
}


/***** CONTENT ELEMENTS *****/
.breadcrumbs {
	background: #f3f3f3;
	padding: 8px 12px;
	margin-bottom: 5px;
}
.breadcrumbs .last {
	font-weight: bold;
}

/* kosik - pridat do kosiku */
.cart-add {
	width: 26px;
	height: 26px;
	padding: 0;
	border: 0;
	cursor: pointer;
}
.cart-add span {
	display: none;
}
/* kosik - vetsi i s napisem */
.prodinfo .cart-add {
	width: 131px;
}

/* porovnavaci box */
#compare-box {
	border: 1px solid #e2e5ed;
	background: #e9eef9;
	padding: 6px 10px;
	margin: 1em 0 0.4em 0;
	font-weight: bold;
}
#compare-box p {
	margin: 0;
}
#compare-box .left {
	float: left;
}

/* nektere obecnejsi */
.icons img {
	padding-right: 4px;
	padding-bottom: 2px;
	cursor: help;
}
.cena .sleva {
	font-size: 0.9em;
	color: #333;
}
.cena .cena2 {
	font-size: 0.9em;
}

/* podkategorie */
table.podkategorie {
	width: 100%;
	margin-bottom: 1.4em;
}
table.podkategorie td {
	width: 24%;
	min-width: 132px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #eee;
	border-bottom-width: 0;
	padding: 0;
}
table.podkategorie td.spacer {
	width: 10px; min-width: 10px;
	height: 10px;
	border: 0;
}
table.podkategorie .btm td {
	border-width: 0 1px 1px 1px;
	vertical-align: top;
}
table.podkategorie .btm td h2, table.podkategorie .btm td h3 {
	padding: 0; margin: 0;
	font-size: 1.1em;
}
table.podkategorie a {
	display: block;
	padding: 6px 5px 2px 5px;
	text-decoration: none;
}
table.podkategorie .btm a {
	padding-top: 2px;
	padding-bottom: 6px;
}
table.podkategorie a:hover {
	text-decoration: underline;
}

/* vypnuti filtru */
.filtr-off {
	margin: 2px 0;
	border: 1px solid #ddd;
	background: #f9f9fb;
	padding: 6px 8px;
}
.filtr-off div {
	padding-top: 4px;
}
.filtr-off div a strong {
	font-size: 1.1em;
}

/* filtrace produktu */
.filtr {
	margin: 8px 0 10px 0;
}
.filtr dl {
	display: block;
	margin: 4px 0 0 0;
	border: 1px solid #eee;
	padding: 6px 8px;
}
.filtr dt, .filtr dd {
	display: inline;
	margin: 0;
	padding: 0;
}
.filtr dt {
	padding-right: 0.7em;
}
.filtr input {
	margin: -2px -2px -1px 0;
	vertical-align: middle;
}

/* form na vyber razeni */
.razeni {
	float: left;
	padding: 3px 0;
	margin: 0;
	vertical-align: middle;
}
.razeni div, .razeni form {
	display: inline;
}
.razeni select {
	margin-right: 5px;
	vertical-align: middle;
}
.razeni .up, .razeni .down {
	border: 0;
	padding: 0;
	width: 8px;
	height: 10px;
	margin-right: 2px;
}

/* strankovani */
.strankovani {
	padding: 5px 0;
	margin: 0;
	text-align: right;
}

/* product listing */
.prodlist {
	clear: both;
	width: 100%;
	clear: both;
	border: 1px solid #e4e8dd;
	border-width: 1px 0 0 1px;
}

.prodlist td {
	width: 50%;
	vertical-align: top;
	padding: 4px 7px;
	border: 1px solid #e4e8dd;
	border-width: 0 1px 1px 0;
}
.prodlist h3, .prodlist h2 {
	margin: 0 0 4px 0;
	font-size: 1.1em;
}
.prodlist h3 a, .prodlist h2 a {
	padding: 1px 0;
	text-decoration: underline;
}
.prodlist .poznamka {
	margin: -2px 0 4px 0;
	font-style: italic;
}

.prodlist .img {
	float: left;
	width: 125px; /* img width: 125px */
	overflow: hidden;
	margin-right: -125px;
	margin-bottom: 4px;
}

.prodlist .cont {
	margin-left: 133px;
	margin-bottom: 4px;
}
.prodlist .popis {
	margin: 2px 0 0.5em 0;
}
.prodlist .popis p {
	margin-bottom: 3px;
}
.prodlist .parametry {
	font-style: italic;
	margin-bottom: 0.5em;
}

.prodlist table.btm {
	clear: both;
	width: 100%;
	background: #fdfffc;
	border: 1px solid #f0f5f1;
	margin-bottom: 2px;
}
.prodlist .btm td {
	border: 0;
	padding: 2px 4px;
	vertical-align: middle;
}
.prodlist .btm td.left {
	width: 90%;
}
.prodlist .btm td.akce {
	white-space: nowrap;
}
.prodlist .btm td.kosik {
	width: 26px;
}

.prodlist .btm td.kosik form {
	display: inline;
}

.prodlist .akce ul {
	margin: 0;
}
.prodlist .akce li {
	margin: 0;
	list-style: none;
	clear: left;
}
.prodlist .akce li a {
	float: left;
	padding: 0 2px 0 15px;
	background: url('../images/design/sidebar-li.gif') no-repeat 5px center;
	font-weight: bold;
	text-decoration: none;


}
.prodlist .akce li a:hover {
	text-decoration: underline;
}

.prodlist .cena {
	margin: 0;
}
.prodlist .cena > strong {
	font-size: 1.1em;
}
.prodlist .cena .sleva {
	color: #000;
	font-size: 0.9em;
	margin-bottom: 2px;
}
.prodlist .cena2 {
	margin-top: 3px;
}

/* product short listing */
.prod-filtr {
	float: right;
	padding: 2px 4px 2px 12px;
	background: url('../images/design/sidebar-li.gif') no-repeat 4px center;
}
.prod-filtr a {
	font-weight: bold;
	text-decoration: none;
}
.prod-filtr a:hover {
	text-decoration: underline;
}

table.prodlist-short {
	width: 100%;
	margin: 0 auto 1.4em auto;
	clear: both;
	text-align: center;
}
.prodlist-short td, table.prodlist-short th {
	width: 24%;
	vertical-align: top;
	border-style: solid;
	border-color: #e4e8dd;
	margin: 0;
}
.prodlist-short td.spacer {
	width: 1.3%;
	padding: 0;
	height: 1px;
	border: 0;
}
.prodlist-short th {
	background: #f4f7ee;
	border-width: 1px;
}
.prodlist-short th h3 {
	margin: 0;
}
.prodlist-short th h3 a {
	display: block;
	padding: 3px 4px;
	text-decoration: none;
	color: #1e6b96;
}
.prodlist-short th h3 a:hover {
	text-decoration: underline;
	color: #214558;
}
.prodlist-short th .poznamka {
	border-top: 1px solid #eaeee4;
	padding: 2px 4px;
	font-weight: normal;
	font-style: italic;
}
.prodlist-short td.img {
	border-width: 0 1px;
}
.prodlist-short td.img a {
	display: block;
	padding: 5px;
	text-align: center;
}
.prodlist-short td.bottom {
	border-width: 1px;
	background: #fafdf6;
	padding: 3px 4px;
}
.prodlist-short .cena {
	float: right;
	text-align: right;
}
.prodlist-short .cena strong {
	color: #186f9e;
}
.prodlist-short .kosik {
	float: left;
	margin: 2px 2px 0 1px;
}

/* prilohy */
.prilohy {
	float: right;
	margin: 0;
	padding-top: 0.25em;
}
.prilohy dt, .prilohy dd {
	float: left;
	margin: 0;
	padding-left: 4px;
}
.prilohy dd a {
	text-decoration: none;
	color: #E50B0B;
}
.prilohy dd a:hover {
	color: #214558;
	text-decoration: underline;
}

/* produkt - detail */
.prodinfo {
	margin-bottom: 24px;
}

.prodinfo .poznamka {
	margin-top: -0.6em; /* bliz k H1 */
	margin-bottom: 0.6em;
	font-style: italic;
}

.prodinfo .col-left {
	float: left;
	width: 210px; /* img width = 200px + 4px border + 6px img padding */
	margin-right: -210px;
}

.prodinfo .col-right-box {
	margin-left: 210px;
	padding-left: 12px;
}
.prodinfo .col-right {
	float: left;
	width: 100%;
}

/* col-left elements */
.prodinfo .imgs a {
	float: left;
	clear: left;
	border: 1px solid #eee;
	color: #aaa;
	text-decoration: none;
	font-size: 0.9em;
	padding: 1px;
	margin-bottom: 8px;
}
.prodinfo .imgs a:hover {
	border-width: 2px;
	color: #214558;
	padding: 0;
}
.prodinfo .imgs a img {
	padding: 3px;
	display: block;
}
.prodinfo .imgs a span {
	display: block;
	padding: 1px 3px 3px 5px;
}

.prodinfo .icons {
	clear: left;
}
.prodinfo .iconskl {
	vertical-align: middle;
	padding: 1px 0 0 6px;
}

/* col-right elements */
.prodinfo .popis {
	margin-bottom: 1em;
}

.prodinfo table.info {
	width: auto;
	margin-bottom: 1.2em;
}
.prodinfo table.info th, .prodinfo table.info td {
	padding: 3px 8px;
	text-align: left;
}
.prodinfo table.info .odd {
	background: #f2f4f8;
}
.prodinfo table.info .even {
}
.prodinfo table.info .hodnoceni img {
	cursor: help;
	margin: -3px 2px -3px 0;
}
.prodinfo table.info .cena strong {
	font-size: 1.2em;
	line-height: 0.9em;
}

.prodinfo .atributy {
	float: left;
	margin: 0 5px 0.8em 5px;
	padding: 0 8px 5px 8px;
	background: #f7f7f7;
	border: 1px solid #eee;
}
.prodinfo dl {
	margin: 0;
}
.prodinfo .atributy dt {
	margin-top: 5px;
	margin-bottom: 0.25em;
}
.prodinfo .atributy dd {
	margin-left: 20px;
}
.prodinfo .atributy .popis {
	margin-bottom: 0.2em;
	padding-bottom: 0;
}
.prodinfo .atributy .popis p {
	margin-bottom: 0;
}
.prodinfo .atributy label {
	display: block;
	padding-bottom: 0.25em;
}
.prodinfo .atributy label input {
	margin-right: 0.4em;
	vertical-align: middle;
	margin-top: -4px;
	margin-bottom: -4px;
}
.prodinfo .atributy h3 {
	margin: 1em 0 0 0;
}
.prodinfo .atributy table {
	margin: 0.4em 0;
}
.prodinfo .atributy table th {
	padding: 0.25em 0.5em;
	text-align: center;
}
.prodinfo .atributy table td {
	padding: 0.2em 0.5em;
	text-align: center;
}
.prodinfo .atributy table .cena, .prodinfo .atributy table .cena2 {
	text-align: right;
}

.prodinfo .kosik {
	clear: both;
	margin-left: 33px;
	margin-bottom: 1em;
}
.prodinfo .kosik .volba {
	margin-bottom: 0.3em;
}
.prodinfo .kosik label {
	margin-right: 0.6em;
}
.prodinfo .kosik * {
	vertical-align: middle;
}
.prodinfo .atributy .kosik {
	margin: 4px 0 3px 0;
}
.prodinfo .atributy .kosik p.info {
	float: left;
	text-align: left;
	margin: 0;
	font-style: italic;
}

.prodinfo .neprodava-se {
	text-align: center;
}

.prodinfo .prodinfo-tabs {
	clear: both;
	width: 100%;
	padding-top: 0.5em;
}
.prodinfo .prodinfo-tabs h2 {
	color: #1b80b7;
}
.prodinfo .tab-content {
	clear: both;
	margin-bottom: 1em;
}

.prodinfo a.switcher {
	float: right;
	padding: 2px 4px;
	text-decoration: none;
	font-weight: bold;
	margin-top: -8px;
}
.prodinfo a.switcher:hover { text-decoration: underline; }
.prodinfo a.switcher.top {
	margin-top: 0.25em;
}
.prodinfo a.switcher.empty {
	float: none;
	margin-top: 0;
	padding-left: 0;
}

/* formular pro pridani komentare */
#add-comment {
	text-align: center;
}
#add-comment fieldset {
	margin: 0 auto 1em auto;
	max-width: 500px;
}

/* parametry */
.overflow-box {
	overflow: auto;
}
table.parametry {
	width: 99.5%;
	border: 0;
}
table.parametry td {
	border-left: 2px solid #fff;
	padding-left: 0.8em;
	padding-right: 0.8em;
/*	width: 45%;*/
	vertical-align: top;
}
table.parametry .odd td {
	background: #f2f4f8;
}
table.parametry td.first, table.parametry th.first {
	width: 10%;
	white-space: nowrap;
	font-weight: bold;
	padding-right: 1em;
	border-left: 0;
}
table.parametry thead th, table.parametry thead td {
	text-align: center;
}
table.parametry thead .images th {
	vertical-align: bottom;
}
table.parametry thead .odebrat td {
	font-size: 0.9em;
	padding-bottom: 0.4em;
}
table.parametry thead .odebrat td a {
	color: #999;
}
table.parametry tfoot {
	background: #f2f4f8;
}
table.parametry tfoot .cena td {
	border-top: 2px solid #fff;
	text-align: right;
}
table.parametry tfoot .cena td.first {
	text-align: left;
}
table.parametry tfoot .kosik .cart-add {
	float: right;
	margin-bottom: 2px;
}

/* kosik */
table.kosik {
	width: 100%;
	border: 1px solid #e4e8dd;
	border-width: 1px 0 0 1px;
	margin-bottom: 1em;
}
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 th.del {
	width: 1%;
}
table.kosik .first {
	border-right: 0;
}
table.kosik .cena {
	text-align: right;
}
table.kosik .atributy {
	font-size: 0.9em;
}
table.kosik .prepocitat td {
	text-align: right;
}
table.kosik tr.cena-celkem th, table.kosik tr.cena-celkem td {
	background: #f4f7ee;
	vertical-align: middle;
	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;
}
table.kosik tr.cena-celkem td strong {
	font-size: 1.2em;
}


.button-zpet {
	float: left;
}
.button-pokracovat {
	float: right;
	text-align: right;
}
.button-pokracovat input {
	font-weight: bold;
}

/* osobni udaje, doprava a platba, shrnuti */
form.osobni-udaje, form.doprava-platba, form.inline {
	display: inline;
}

.obj-form {
	max-width: 840px;
	text-align: left;
	margin: 0 auto;
	padding-bottom: 1em;
}
.osobni-udaje fieldset {
	width: auto;
}
.osobni-udaje fieldset.last {
	margin-bottom: 12px;
}
.osobni-udaje fieldset table, .doprava-platba fieldset table {
	width: 100%;
	margin-bottom: 0.4em;
}
.osobni-udaje fieldset table td {
	padding: 0.2em 0;
	width: 16%;
}
.osobni-udaje fieldset table td.for-input {
	width: 31%;
}
.osobni-udaje fieldset table td.spacer {
	width: 6%;
}
.osobni-udaje .for-input input, .osobni-udaje .for-input select {
	width: 92%;
}
.osobni-udaje fieldset textarea, .doprava-platba fieldset textarea  {
	height: 7em;
	margin-bottom: 0.4em;
}
.doprava-platba fieldset {
	width: auto;
}
.doprava-platba fieldset table td {
	padding: 0.1em;
	vertical-align: top;
}
.doprava-platba fieldset table td.for-input {
	width: 20px;
}
.doprava-platba .popis {
	font-size: 0.9em;
	color: #888;
	margin: 0.2em 0 0 0;
}
.doprava-platba .popis p {
	margin-bottom: 0;
}
.doprava-platba fieldset table td.right {
	white-space: nowrap;
}

table.objednavka-shrnuti {
	width: 100%;
	border: 1px solid #e4e8dd;
	border-top: 0;
}
table.objednavka-shrnuti caption {
	text-align: left;
	font-size: 1em;
	background: #f4f7ee;
	color: #000;
	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;
	border: 0;
}
table.objednavka-shrnuti td.col-name, table.objednavka-shrnuti th.col-name {
	width: 15%;
}
table.objednavka-shrnuti td.poznamky {
	width: 100%;
}
table.objednavka-shrnuti td.auto-width, table.objednavka-shrnuti th.auto-width {
	width: auto;
}

/* seznam vyrobcu */
table.vyrobci-seznam {
	width: 100%;
	border: 1px solid #e4e8dd;
	border-width: 1px 0 0 1px;
}
table.vyrobci-seznam td {
	width: 33.3%;
	border: 1px solid #e4e8dd;
	border-width: 0 1px 1px 0;
	padding: 2px 4px;
	vertical-align: top;
	text-align: center;
}
table.vyrobci-seznam td h2 {
	margin-bottom: 0;
}
table.vyrobci-seznam td a {
	display: block;
}
table.vyrobci-seznam td img {
	margin: 4px -4px 2px -4px;
}

/* detail vyrobce */
.vyrobce-info .obrazek {
	float: right;
	margin-top: 5px;
}

/* vyhledavani */
.search {
	text-align: center;
	font-size: 1.1em;
}
.search input.text {
	width: 50%;
}

/***** obecne *****/
.noscreen {
	display: none;
}

.cleaner {
	clear: both;
}

.left {
	text-align: left;
}
.center {
	text-align: center !important;
}
.right {
	text-align: right;
}
.center table {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
.flleft {
	float: left;
}
.flright {
	float: right;
}
.top {
	vertical-align: top;
}
.big {
	font-size: 1.1em;
}
.bigger {
	font-size: 1.3em;
}
.small {
	font-size: 0.9em;
}

.povinne {
	text-align: center;
	font-size: 0.9em;
	font-style: italic;
	margin: -0.3em 0 0 0;
	color: #777;
}

a.porovnani.disabled {
	color: #aaa !important;
}

.icons img {
	padding: 3px 3px 0px 0;
	cursor: help;
}


fieldset.mini {
	width: 300px;
	margin-bottom: 6px;
	text-align: center;
}
fieldset.mini.kontakt {
	width: 64%;
	min-width: 300px;
	max-width: 500px;
}
fieldset.mini table {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
fieldset.mini input, fieldset.mini textarea {
	width: 100%;
}
fieldset.mini input.btn {
	width: auto;
}
fieldset.mini .povinne {
	margin: 1px 0 0.8em 0;
}
fieldset .warning textarea {
	border: 1px solid #888;
	border-bottom: 2px solid red;
}


/* zpravy */
.messages {
	padding: 0.4em;
	font-size: 0.9em;
	border: 1px solid #6b6a65;
	border-left-width: 4px;
	margin-bottom: 1em;
}
.messages p {
	margin-bottom: 0 !important;
	padding: 0.1em 0;
}
.warning, .invalid_user_input, .fatal {
	color: red;
}
.warning, .fatal {
	font-weight: bold;
}

/*** cms ***/
.item-img, .item img {
	float: right;
	padding: 0.2em 0 0.2em 0.5em;
}
.item .item-img img {
	padding: 0; float: none;
}

/* seznam clanku */
.item {
	padding-bottom: 1em;
}
.item h2, .item h3 {
	font-size: 1.1em;
	margin-bottom: 0.8em;
}
.item .info {
	color: #838383;
	margin-top: 1em;
}
.item .info.top {
	float: left;
	margin-top: 0.1em;
	padding: 1px 0.5em 1px 0;
}
.item .info.content {
	margin: 0 0 0.8em 0;
}
.item p {
	margin-bottom: 0;
}
.item .perex p, .item .obsah p {
	margin-bottom: 1em;
}
.item img {
	float: left;
	padding-right: 1.2em;
}

div.sep {
	border-bottom: 1px solid #eee;
	margin: 0 0 1em 0;
}

/* komentare */
.comment {
	padding: 2px;
	border: 1px solid #dcdfe5;
	margin-bottom: 10px;
	font-size: 0.9em;
}
.comment .heading {
	background: #f2f4f8;
	padding: 0.4em 0.5em;
}
.comment .heading .re {
	float: right;
	margin-top: -1px;
}
.comment .content {
	padding: 0.2em 0.5em;
	margin: 0;
}
.comment .content p {
	margin-bottom: 0;
}
.comment .del {
	font-style: italic;
	color: #666;
	font-size: 0.95em;
}
.re1 { margin-left: 30px; }
.re2 { margin-left: 60px; }
.re3 { margin-left: 90px; }
.re4 { margin-left: 120px; }
.re5 { margin-left: 150px; }