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

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

body,
input,
button,
select,
textarea {
	font-family: MyriadWebPro, "Myriad Web Pro", MyriadWeb, "Myriad Web", MyriadPro, "Myriad Pro", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

body {
	padding: 0;
	background: #f2f5f7 url(../img/body-head.png) repeat-x;
	text-align: center;
}

#all {
	position: relative;
	margin: 0 auto;
	padding: 225px 0 0;
	width: 990px;
	text-align: left;
}

#wrap {
	margin: 0 0 20px;
}

#inner {
	float: left;
	width: 805px;
}

#head,
#foot,
#lcolumn,
#rcolumn,
#main {
	position: relative;
	width: 100%;
	overflow: hidden;
}

#head {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	height: 205px;
	background: url(../img/head.jpg) no-repeat;
}

#foot {
	height: 140px;
	background: url(../img/body-foot.png) repeat-x 0 100%;
}

#foot .wrap {
	position: relative;
	margin: 0 auto;
	width: 990px;
	height: 100%;
	background: url(../img/foot.jpg) no-repeat;
	text-align: left;
}

#lcolumn,
#rcolumn {
	float: left;
	width: 180px;
}

#rcolumn {
	float: right;
}

#main {
	float: right;
	width: 620px;
}

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

#head .header,
#head .hr {
	display: none;
}

#logo,
#head .basket,
#head .search,
#head .topmenu {
	position: absolute;
	font-size: 12px;
	overflow: hidden;
}

#logo {
	z-index: 2;
	top: 25px;
	left: 25px;
	margin: 0;
	padding: 0;
	width: 430px;
	height: 110px;
}

#logo a {
	position: relative;
	display: block;
	height: 100%;
}

#logo span {
	display: none;
}

#head .basket {
	top: 20px;
	left: 870px;
	width: 110px;
	height: 130px;
}

#head .basket .header {
	display: block;
	margin: 0 0 10px;
}

#head .basket p {
	margin: 5px 0;
}

#head .search {
	top: 166px;
	left: 815px;
	width: 165px;
	height: 38px;
}

#head .search form {
	margin: 0;
}

#head .search p {
	margin: 8px 0;
	text-align: right;
}

#head .search input {
	width: 115px;
}

#head .topmenu {
	top: 166px;
	left: 0;
	width: 810px;
	height: 38px;
	font-size: 14px;
	line-height: 38px;
	white-space: nowrap;
}

#head .topmenu ul {
	height: 100%;
}

#head .topmenu ul li {
	float: left;
	margin: 0 0 0 14px;
	height: 100%;
}

* html #head .topmenu ul li {
	margin: 0 0 0 10px;
}

#head .topmenu ul a {
	display: block;
	height: 100%;
	color: #4a463a;
	text-decoration: none;
}

* html #head .topmenu ul a {
	float: left;
}

#head .topmenu ul a:hover {
	text-decoration: underline;
}

#head .topmenu ul span {
	display: block;
	margin: 0 10px;
	height: 100%;
	cursor: pointer;
}

* html #head .topmenu ul span {
	float: left;
	margin: 0 5px;
}

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

#foot .header,
#foot .hr {
	display: none;
}

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

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

#foot .bottommenu,
#foot .copyright,
#foot .netwings {
	position: absolute;
	font-size: 14px;
	overflow: hidden;
}

#foot .bottommenu {
	top: 95px;
	left: 630px;
	width: 270px;
	height: 30px;
	line-height: 30px;
	white-space: nowrap;
}

#foot .bottommenu p {
	margin: 0;
	text-align: left;
}

#foot .copyright {
	top: 95px;
	left: 240px;
	width: 150px;
	height: 30px;
	line-height: 30px;
	white-space: nowrap;
}

#foot .copyright p {
	margin: 0;
}

#foot .netwings {
	top: 95px;
	left: 420px;
	width: 170px;
	height: 30px;
	line-height: 30px;
	white-space: nowrap;
}

#foot .netwings p {
	margin: 0;
	text-align: center;
}

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

#lcolumn .box,
#rcolumn .box {
	width: 100%;
	margin: 0 0 3px;
}

#lcolumn .box.style01,
#rcolumn .box.style01 {
	background: #d8d4cb;
}

#lcolumn .box.style02,
#rcolumn .box.style02 {
	background: #a8c633;
}

#lcolumn .box .hr,
#rcolumn .box .hr {
	display: none;
}

#lcolumn .box .header,
#rcolumn .box .header {
	display: none;
	margin: 0;
	height: 33px;
	background: no-repeat;
	color: #4a463a;
	font-size: 14px;
	font-weight: normal;
	line-height: 30px;
	white-space: nowrap;
	overflow: hidden;
}

#lcolumn .box.style01 .header,
#rcolumn .box.style01 .header {
	display: block;
	background-color: #f2f5f7;
	background-image: url(../img/column-box-style01-header.png);
}

#lcolumn .box.style02 .header,
#rcolumn .box.style02 .header {
	display: block;
	background-image: url(../img/column-box-style02-header.png);
}

#lcolumn .box .header span,
#rcolumn .box .header span {
	display: block;
	margin: 0 15px;
}

#lcolumn .box .container,
#rcolumn .box .container {
	margin: 0 10px;
	padding: 1px 0;
}

#lcolumn .box.banner .img,
#rcolumn .box.banner .img {
	margin: 0;
}

#lcolumn .box.banner .img img,
#rcolumn .box.banner .img img {
	margin: 0 0 -5px;
}

#lcolumn .box.nabidka .container,
#rcolumn .box.nabidka .container {
	margin: 0 2px;
}

#lcolumn .box.nabidka ul,
#rcolumn .box.nabidka ul {
	margin: 0;
	font-size: 14px;
}

#lcolumn .box.nabidka ul ul,
#rcolumn .box.nabidka ul ul {
	font-size: 12px;
}

#lcolumn .box.nabidka ul li,
#rcolumn .box.nabidka ul li {
	padding: 0 0 3px;
	width: 100%;
	background: url(../img/column-box-katalog-li.png) no-repeat 0 100%;
}

#lcolumn .box.nabidka ul ul li,
#rcolumn .box.nabidka ul ul li {
	padding: 0;
	background: transparent;
}

#lcolumn .box.nabidka ul a,
#rcolumn .box.nabidka ul a {
	display: block;
	padding: 2px 0;
	width: 100%;
	background: #c8dd58 url(../img/column-box-katalog-a-01.gif) no-repeat 8px 50%;
	color: #4a463a;
	text-decoration: none;
}

#lcolumn .box.nabidka ul ul a,
#rcolumn .box.nabidka ul ul a {
	background-color: transparent;
	background-image: url(../img/column-box-katalog-a-02.gif);
	background-position: 30px 50%;
}

#lcolumn .box.nabidka ul ul ul a,
#rcolumn .box.nabidka ul ul ul a {
	background-image: none;
}

#lcolumn .box.nabidka ul a:hover,
#rcolumn .box.nabidka ul a:hover {
	text-decoration: underline;
}

#lcolumn .box.nabidka ul span,
#rcolumn .box.nabidka ul span {
	display: block;
	margin: 0 10px 0 30px;
}

#lcolumn .box.nabidka ul ul span,
#rcolumn .box.nabidka ul ul span {
	margin: 0 10px 0 48px;
}

#lcolumn .box.nabidka ul ul ul span,
#rcolumn .box.nabidka ul ul ul span {
	margin: 0 10px 0 66px;
}

#lcolumn .box.anketa .item,
#rcolumn .box.anketa .item {
	margin: 5px 0;
}

#lcolumn .box.anketa .item .title,
#rcolumn .box.anketa .item .title {
	margin: 0 0 5px;
}

#lcolumn .box.anketa .item .title span,
#rcolumn .box.anketa .item .title span {
	
}

#lcolumn .box.anketa .item .bar,
#rcolumn .box.anketa .item .bar {
	height: 6px;
	font-size: 0;
}

#lcolumn .box.anketa .item .bar span,
#rcolumn .box.anketa .item .bar span {
	display: block;
	height: 100%;
	background: #a7c531;
}

#lcolumn .box.filtr select,
#rcolumn .box.filtr select {
	margin: 0 0 3px;
	width: 160px;
}

#lcolumn .box.login table,
#rcolumn .box.login table {
	margin: 0;
}

#lcolumn .box.login td,
#rcolumn .box.login td {
	padding: 0 3px 3px 0;;
	vertical-align: middle;
}

#lcolumn .box.login input,
#rcolumn .box.login input {
	width: 110px;
}

#lcolumn .box.katalog .container,
#rcolumn .box.katalog .container {
	margin: 0 14px;
}

#lcolumn .box.katalog .item,
#rcolumn .box.katalog .item {
	position: relative;
	width: 152px;
	height: 240px;
	font-size: 14px;
}

#lcolumn .box.katalog .item .title,
#lcolumn .box.katalog .item .img,
#lcolumn .box.katalog .item .cena,
#lcolumn .box.katalog .item .more,
#rcolumn .box.katalog .item .title,
#rcolumn .box.katalog .item .img,
#rcolumn .box.katalog .item .cena,
#rcolumn .box.katalog .item .more {
	position: absolute;
	margin: 0;
	overflow: hidden;
}

#lcolumn .box.katalog .item .title,
#rcolumn .box.katalog .item .title {
	top: 4px;
	left: 6px;
	width: 140px;
	height: 32px;
	font-size: 100%;
	font-weight: normal;
	text-align: center;
	line-height: 16px;
}

#lcolumn .box.katalog .item .img,
#rcolumn .box.katalog .item .img {
	top: 40px;
	left: 1px;
	width: 150px;
	height: 150px;
}

#lcolumn .box.katalog .item .img img,
#rcolumn .box.katalog .item .img img {
	margin: 0;
}


#lcolumn .box.katalog .item .cena,
#lcolumn .box.katalog .item .more,
#rcolumn .box.katalog .item .cena,
#rcolumn .box.katalog .item .more {
	top: 200px;
	left: 6px;
	width: 66px;
	height: 32px;
	background: url(../img/main-katalog-item-button.png) no-repeat;
	text-align: center;
	line-height: 32px;
	white-space: nowrap;
}

#lcolumn .box.katalog .item .more,
#rcolumn .box.katalog .item .more {
	left: auto;
	right: 6px;
}

#lcolumn .box.katalog .item .more a,
#rcolumn .box.katalog .item .more a {
	display: block;
	height: 100%;
	color: #4a463a;
	text-decoration: none;
}

#lcolumn .box.katalog .item .more a:hover,
#rcolumn .box.katalog .item .more a:hover {
	text-decoration: underline;
}

#lcolumn .box.newsletter input,
#rcolumn .box.newsletter input {
	width: 110px;
}

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

#main .box {
	margin: 1em 0;
	border: 0 solid #abadae;
	border-width: 1px 0;
	background: url(../img/main-box.gif) repeat-y;
}

#main .box .container {
	margin: 0 15px;
	padding: 1px 0;
}

#main .back {
	float: right;
}

#main .back p {
	margin: 8px 0;
}

#main .back a {
	display: block;
	width: 50px;
	height: 30px;
	background: url(../img/main-back.gif) no-repeat 50% 50%;
}

#main .back span {
	display: none;
}

#main .navi {
	font-size: 117%;
}

#main .navi a {
	color: #4a463a;
	text-decoration: none;
}

#main .navi a:hover {
	text-decoration: underline;
}

#main .order {
	margin: 1em 0;
	font-size: 117%;
	text-align: right;
}

#main .order p {
	margin: 0;
}

#main .order p.n01 {
	float: left;
}

#main .paging {
	font-size: 117%;
	text-align: center;
}

#main .paging a {
	margin: 0 1px;
}

#main .paging img {
	position: relative;
	top: 2px;
}

#main .katalog {
	margin: 0 -4px 0 0;
	width: 624px;
	font-size: 14px;
}

#main .katalog .item {
	position: relative;
	float: left;
	margin: 0 4px 4px 0;
	width: 152px;
	height: 240px;
	background: url(../img/main-katalog-item.gif) no-repeat;
}

#main .katalog .item .title,
#main .katalog .item .img,
#main .katalog .item .cena,
#main .katalog .item .more {
	position: absolute;
	margin: 0;
	overflow: hidden;
}

#main .katalog .item .title {
	top: 4px;
	left: 6px;
	width: 140px;
	height: 16px;
	font-size: 90%;
	font-weight: normal;
	text-align: center;
	line-height: 16px;
}

#main .detail .img .lightbox2{
	display: block;
	position: relative;
}

#main .katalog .item .img {
	top: 25px;
	left: 1px;
	width: 150px;
	height: 165px;
	line-height: 165px;
	vertical-align: middle;
}
#main .katalog .item .img *{
	vertical-align: middle;
}
#main .katalog .item .nalepka,
#main .detail .img .nalepka {
	display: block;
	height: 57px;
	width: 55px;
	position: absolute;
	top: 3px;
	left: 5px;
	background-repeat: no-repeat;
}
.nalepka.n01{background-image:url('/img/novinka.png');}
.nalepka.n02{background-image:url('/img/akce.png');}
.nalepka.n03{background-image:url('/img/vyprodej.png');}



#main .katalog .item .img img {
	margin: 0;
}

#main .katalog .item .cena,
#main .katalog .item .more {
	top: 200px;
	left: 6px;
	width: 66px;
	height: 32px;
	background: url(../img/main-katalog-item-button.png) no-repeat;
	text-align: center;
	line-height: 32px;
	white-space: nowrap;
}

#main .katalog .item .more {
	left: auto;
	right: 6px;
}

#main .katalog .item .more a {
	display: block;
	height: 100%;
	color: #4a463a;
	text-decoration: none;
}

#main .katalog .item .more a:hover {
	text-decoration: underline;
}

#main .detail {
	width: 100%;
}

#main .detail .foto {
	float: left;
	width: 240px;
}

#main .detail .foto .img img {
	margin: 0;
}

#main .detail .info {
	float: right;
	width: 340px;
}

#main .detail .info .buy select {
	width: 100px;
}

#main .detail .info .buy button {
	padding: 0;
	width: 100px;
	height: 80px;
	border: none;
	background: url(../img/main-detail-buy.gif) no-repeat 50% 50%;
}

#main .detail .info .buy button span {
	display: none;
}

#kosik .ks div{position:relative;}
#kosik .ks div span{
	display: block;
	position:absolute;
	padding: 10px;
	border: solid 1px black;
	background-color: #f2f5f7;
	width: 220px;
}
.basket{overflow:visible !important;}
.basket .basketimg{
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	top: -10px;
	left: -50px;
}
.basket .basketno{text-decoration: none; color: black;}
.basket .basketno:hover{text-decoration: underline;}

.katalog .item h2 a{text-decoration:none;}
.katalog .item h2 a:hover{text-decoration:underline;}