/*
 * screen.css - styl pro zobrazeni na obrazovce
 * Autor: Radek Liska, radarfox at seznam.cz
 */

/* ==============================================[ pozicni bloky ] */

body {
	margin: 0;
	padding: 0;
	background: #acacac url(../img/body.gif);
	text-align: center;
/*	background: white;*/
	color: black;
	font: 75% Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#all {
	position: relative;
	margin: 0 auto;
	width: 1000px;
	border-top: 1px solid #1e201f;
	background: #1e201f;
	color: #8b8b8b;
	text-align: left;
}

#wrap {
	margin: 300px 0 22px;
	padding: 0 12px 0 22px;
}

#inner {
	float: right;
	width: 760px;
}

/* ==============================================[ pravy sloupec ] */

#rcolumn {
	float: right;
	width: 180px;
	background: #343b3d url(../img/column.gif);
	overflow: hidden;
}

#rcolumn .container {
	margin: 0 12px;
	padding: 10px 0;
	font-size: 92%;
}

/* ==============================================[ levy sloupec ] */

#lcolumn {
	float: left;
	width: 191px;
	background: #343b3d url(../img/column.gif);
	overflow: hidden;
}

#lcolumn .container {
	margin: 0 20px;
	padding: 15px 0;
}

/* ==============================================[ obsah ] */

#main {
	float: left;
	width: 565px;
	background: #343b3d url(../img/column.gif);
	overflow: hidden;
}

#main .container {
	margin: 5px;
	padding: 18px 12px 8px;
	background: #1e201f;
}

/* ==============================================[ obsah - katalog ] */

#katalog {
	float: left;
	width: 565px;
	overflow: hidden;
}

#katalog .container {
	margin: 5px;
	padding: 18px 12px 8px;
}

/* ==============================================[ hlavicka ] */

#head {
	position: absolute;
	top: 10px;
	left: 0;
	z-index: 1;
	margin: 0;
	width: 100%;
	height: 270px;
	background: url(../img/head.jpg) no-repeat 22px 43px;
	overflow: hidden;
}

/* ==============================================[ paticka ] */

#foot {
	background: #343b3d url(../img/foot.gif) repeat-x;
	color: #b1b1b1;
	font-size: 92%;
	text-align: center;
	overflow: hidden;
}

#foot .container {
	margin: 0 20px;
	padding: 15px 0;
}

#foot .text {
	margin: 0 0 3px;
}

#foot .black {
	color: #0c0c0c;
}

#foot a {
	color: #b1b1b1;
	text-decoration: none;
}

#foot a:hover {
	color: #ffc400;
}

/* ==============================================[ logo ] */

#logo {
	position: absolute;
	top: 10px;
	left: 11px;
	z-index: 2;
	margin: 0;
}

/* ==============================================[ menu v hlavicce ] */

#topmenu {
	position: absolute;
	top: 0;
	left: 280px;
	margin: 0;
	padding: 0;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	list-style: none outside;
	line-height: 30px;
}

#topmenu li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	height: 100%;
	background: url(../img/topmenu-separator.gif) no-repeat right top;
}

#topmenu li.last {
	background-image: none;
}

#topmenu a {
	color: white;
	text-decoration: none;
}

#topmenu a:hover {
	border-bottom: 2px solid #ac8c20;
}

/* ==============================================[ nadpisy ve sloupci ] */

#lcolumn h3,
#rcolumn h3 {
	margin: 0;
	padding: 0 10px;
	height: 37px;
	background: url(../img/column-h3.gif) repeat-x;
	font-size: 117%;
	line-height: 37px;
	white-space: nowrap;
	overflow: hidden;
}

/* ==============================================[ formulare ve sloupci ] */

#rcolumn form {
	width: 155px;
}

#rcolumn form fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#rcolumn form label {
	margin: 0 0 5px;
	padding: 4px 0 0;
}

#rcolumn form input,
#rcolumn form select {
	width: 80px;
	margin: 0 0 5px;
	font-size: 11px;
	color: white !important;
}

#rcolumn form select {
	width: 105px;
}

#rcolumn form a {
	text-decoration: none;
}

/* ==============================================[ menu ve sloupci ] */

#sidemenu {
	margin-bottom: -15px !important;
	font-family: Arial, Helvetica, sans-serif;
	list-style: none outside;
}

#sidemenu li {
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
	background: url(../img/sidemenu-bullet.png) no-repeat left center;
}

* html #sidemenu li {
	background-image: url(../img/sidemenu-bullet.gif);
}

#sidemenu a {
	text-decoration: none;
}

/* ==============================================[ top10 ve sloupci ] */

#top10 {
	margin-bottom: -2px !important;
	list-style: none outside;
}

#top10 li {
	margin: 0 0 2px;
}

#top10 a {
	color: #8f8f8f;
	text-decoration: none;
}

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

/* ==============================================[ anketa ve sloupci ] */

#anketa {
	margin: 0 0 10px;
}

#anketa .otazka {
	margin: 0 0 10px;
}

#anketa .item {
	margin: 0 0 10px;
}

#anketa .odpoved {
	margin: 0 0 5px;
}

#anketa .odpoved a {
	text-decoration: none;
}

#anketa .odpoved span {
	display: none;
}

#anketa .sloupec {
	height: 4px;
	background: url(../img/anketa-sloupec.gif) repeat-x;
	font-size: 0;
}

#anketa .sloupec div {
	width: 0;
	height: 4px;
	background: #1e201f;
	font-size: 0;
}

/* ==============================================[ detail produktu ] */

#detail {
	width: 100%;
	margin: 0;
}

#detail label {
	padding: 0 0 5px;
}

#detail input,
#detail select {
	margin: 0 0 3px;
}
#detail input {width:35px}

#detail select {
	
}

#detail .order {
	margin: 0 0 10px;
	text-align: right;
}

#detail .order label {
	color: #ac8c20;
	vertical-align: top;
}

#detail .img {
	margin: 0 0 10px;
	height: 300px;
	overflow: hidden;
}

#detail .img .hlavni {
	float: left;
	width: 390px;
	vertical-align: middle;
	text-align: center;
}

#detail .img .nahledy {
	float: right;
	width: 140px;
	height: 100%;
	overflow: auto;
}

#detail .img .nahledy img {
	margin: 0 0 4px;
}

#detail h1 {text-transform: uppercase}

#detail .cena {
	font-size: 150%;
}

#detail input.submit,
#detail input.submit2 {
	font-size: 16px;
}

/* ==============================================[ katalog - strankovani ] */

#katalog .strankovani {
	position: relative;
	margin: 10px 40px;
	text-align: center;
}

#katalog .strankovani .order {
	position: absolute;
	top: 0;
	right: 0;
}

* html #katalog .strankovani .order {
	margin-right: 40px;
}

#katalog .list {
	margin: 0 15px;
	color:white;
}

#katalog .strankovani a {
	color: #e6e6e6;
	text-decoration: none;
}

#katalog .strankovani a:hover {
	color: #ac8c20;
}

/* ==============================================[ katalog - soupis produktu ] */

#katalog .radek {
	margin: 0 -4px 4px 0;
	width: 569px;
}

#katalog .item {
	float: left;
	margin: 0 4px 0 0;
	width: 185px;
	background: #343b3d url(../img/column.gif);
}

#katalog .item .container {
	margin: 5px;
	padding: 5px;
	height: 25em;
	background: #1e201f;
	overflow: hidden;
}

#katalog .item .img {
	position: relative;
	margin: 0 0 5px;
	height: 190px;
	overflow: hidden;
}

#katalog .item .img .batch {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 70px;
	background: no-repeat;
	behavior: url(css/iepngfix.htc);
}

#katalog .item .img .batch span {
	display: none;
}

#katalog .item .img .batch .novinka {
	background-image: url(../img/katalog-batch-novinka.png);
	height: 35px;
}

#katalog .item .img .batch .akce {
	background-image: url(../img/katalog-batch-akce.png);
	height: 35px;
}

#katalog .item .img .batch .posledni {
	background-image: url(../img/katalog-batch-posledni.png);
	height: 35px;
}

#katalog h2 {
	margin: 0 0 10px;
	height: 2.8em;
	overflow: hidden;
}

#katalog .item .cena {
	font-size: 92%;
}

#katalog .item .cena strong {
	font-size: 164%;
}

#katalog .item .button {
	margin: 10px 0 0;
	text-align: center;
}

/* ==============================================[  ] */
/* ==============================================[  ] */
h1,
h2,
h3,
h4 {
	margin: 0 0 1em;
	color: white;
	font-weight: normal;
}

h1,
h2 {
	font-size: 117%;
}

h3,
h4 {
	font-size: 100%;
}

/* ==============================================[ odstavce ] */

p,
.text {
	margin: 0 0 1em;
}

/* ==============================================[ odkazy ] */

a {
	color: #ac8c20;
	text-decoration: underline;
}

a:hover {
	color: #ffc400;
}

strong {
	color: #ac8c20;
	font-weight: normal;
}

/* ==============================================[ obrazky ] */

img {
	border: none;
}

.img-left {
	float: left;
	margin: 0 10px 5px 0;
}

.img-right {
	float: right;
	margin: 0 0 5px 10px;
}

.img-left img,
.img-right img {
	margin: 0 0 5px;
	border: 1px solid #999;
}

/* ==============================================[ seznamy ] */

ul {
	list-style: disc outside;
}

ol {
	list-style: decimal outside;
}

/* ==============================================[ formulare ] */

input,
select,
textarea {
	padding: 2px 4px;
	border: 1px solid #3e3f3f;
	background: #1e201f;
	color: white;
}

select {
	padding: 0;
}

input:focus,
select:focus,
textarea:focus {
	border-color: #ccc;
}

input.submit {
	padding: 0 1em !important;
	width: auto !important;
	border-color: #b38c4f !important;
	background: #b3975b url(../img/input-submit.gif) repeat-x !important;
	color: #343b3d !important;
	cursor: pointer;
}

input.submit2 {
	padding: 0 1em !important;
	width: auto !important;
	border-color: #b3b3b3 !important;
	background: #f6f6f6 url(../img/input-submit2.gif) !important;
	color: #343b3d !important;
	cursor: pointer;
}

input.submit3 {
	padding: 0 1em !important;
	width: auto !important;
	border-color: #b3b3b3 !important;
	background: #f6f6f6 url(../img/input-submit3.gif) !important;
	color: #343b3d !important;
	cursor: pointer;
}

input[type$="submit"] {
	padding: 0 0.4em !important;
}

input[type$="submit"]:not([class="xxx"]) {
	padding: 0 1em !important;
}

@media all and (min-width:0px) {
	input[type$="submit"] {
		padding: 0 1em !important;
	}
}

* html input.submit,
* html input.submit2 {
	padding: 0 0.4em !important;
}

input.notext {
	border: none;
}

/* ==============================================[ vlastni tridy ] */

.left {
	float: left
}

.right {
	float: right
}

.hidden {
	display: none
}

.clear {
	clear: both;
	height: 0;
	font-size: 0;
}

.bg-t {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	font-size: 0;
}

.bg-b {
	font-size: 0;
}

.bg-l {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 0;
}

.bg-r {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 0;
}
.tabulka_input {
  width: 15px !important;
}

.container.products{
	text-align:center;
}
.container.products .img{
	width: 157px;
	margin: auto;
	overflow:hidden;
}
.container.products .item{
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: solid 1px gray;
}