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

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

body {
	margin: 0;
	padding: 0;
	background: url(../img/body.gif);
	text-align: center;
}

#all {
	position: relative;
	margin: 0 auto;
	width: 949px;
	border-top: 1px solid white;
	background: white;
	text-align: left;
}

#wrap {
	margin: 604px 0 0;
}

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

#column {
	float: right;
	width: 240px;
	overflow: hidden;
}

#column .container {
	margin: 0 20px;
}

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

#main {
	position: relative;
	z-index: 2;
	margin: -160px 0 0;
	float: left;
	width: 709px;
	overflow: hidden;
}

#main .container {
	margin: 0 35px;
}

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

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

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

#foot {
	position: relative;
	width: 100%;
	min-height: 32px;
	background: #e7e7e7 url(../img/foot.gif) repeat-x;
	color: #777;
	font-size: 92%;
	font-weight: bold;
	text-align: right;
}

* html #foot {
	height: 64px;
}

#foot .investori {
	float: right;
	width: 150px;
	height: 41px;
	margin-right: 7px;
	background: url(../img/logo_investori.gif) no-repeat right bottom;
}

#foot .podminky {
	margin: 0 500px 0 10px;
	padding: 18px 0 13px;
}

#foot .investori a {
	display: block;
	height: 100%;
}

#foot .investori span {
	display: none;
}

#foot .container {
	margin: 0 40px 0 10px;
	padding: 18px 0 13px;
	float: right;
}

#foot .bg-l {
	width: 103px;
	height: 44px;
	background: url(../img/fool-bgl.gif) no-repeat;
}

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

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

/* ==============================================[ logo + anketa] */

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

#anketa {
	position: absolute;
	top: 210px;
	left: 30px;
	z-index: 2;
	margin: 0;
}

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

#topmenu1 {
	position: absolute;
	top: 10px;
	left: 377px;
	margin: 0;
	padding: 0;
	width: 398px;
	height: 255px;
	font-size: 15px;
	list-style: none outside;
	overflow: visible;
}

#topmenu1 li {
	position: absolute;
	width: 200px;
	height: 30px;
	overflow: display;
}

#topmenu1 li.n01 {
	top: 0;
	left: 158px;
	width: 100px;
}

#topmenu1 li.n02 {
	top: 9px;
	left: 288px;
	width: 110px;
}

#topmenu1 li.n03 {
	top: 128px;
	left: 210px;
	width: 135px;
}

#topmenu1 li.n04 {
	top: 162px;
	left: 0;
	width: 105px;
}

#topmenu1 li.n05 {
	top: 185px;
	left: 128px;
}

#topmenu1 li.n06 {
	top: 225px;
	left: -90px;
	width: 80px;
}


#topmenu1 a {
	display: block;
	position: relative;
	height: 29px;
	background: transparent no-repeat 0 0;
	color: #444;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

#topmenu1 a:hover {
  background: no-repeat;
	background-image: url(../img/topmenu1-hover.gif);
}

#topmenu1 li.n02 a:hover, #topmenu1 li.n02_active a:hover {
	background-position: 0 -30px;
}

#topmenu1 li.n03 a:hover, #topmenu1 li.n03_active a:hover {
	background-position: 0 -60px;
}

#topmenu1 li.n04 a:hover, #topmenu1 li.n04_active a:hover {
	background-position: 0 -90px;
}

#topmenu1 li.n05 a:hover, #topmenu1 li.n05_active a:hover {
	background-position: 0 -120px;
}

#topmenu1 li.n06 a:hover, #topmenu1 li.n06_active a:hover {
	background-position: 0 -150px;
}

#topmenu1 span {
	display: block;
}

#topmenu1 li.n01 span, #topmenu1 li.n01_active span {
	padding: 0 0 0 15px;
}

#topmenu1 li.n02 span, #topmenu1 li.n02_active span {
	padding: 10px 0 0 28px;
}

#topmenu1 li.n03 span, #topmenu1 li.n03_active span {
	padding: 2px 0 0 27px;
}

#topmenu1 li.n04 span, #topmenu1 li.n04_active span {
	padding: 0 0 0 20px;
}

#topmenu1 li.n05 span, #topmenu1 li.n05_active span {
	padding: 10px 0 0 0;
}

#topmenu1 li.n06 span, #topmenu1 li.n06_active span {
	padding: 10px 0 0 0;
}

/* topmenu 1 - aktivní kategorie */
#topmenu1 li.n01_active a {
	display: block;
	position: relative;
	left: 158px; 
	height: 100%;
	background: no-repeat;
	background-image: url(../img/topmenu1-hover.gif);
	
}

#topmenu1 li.n02_active a{
	display: block;
	position: relative;
	top: 9px;
	left: 288px;
	height: 30px;
	background: no-repeat;
	background-image: url(../img/topmenu1-hover.gif);
	background-position: 0 -30px;
}

#topmenu1 li.n03_active a{
	display: block;
	position: relative;
	top: 128px;
	left: 210px;
	height: 100%;
	background: no-repeat;
	background-image: url(../img/topmenu1-hover.gif);
	background-position: 0 -60px;
}

#topmenu1 li.n04_active a{
	display: block;
	position: relative;
	top: 162px;
	height: 100%;
	background: no-repeat;
	background-image: url(../img/topmenu1-hover.gif);
	background-position: 0 -90px;
}

#topmenu1 li.n05_active a{
	display: block;
	position: relative;
	top: 185px;
	left: 128px;
	height: 30px;
	background: no-repeat;
	background-image: url(../img/topmenu1-hover.gif);
	background-position: 0 -120px;
}

#topmenu1 li.n06_active a{
	display: block;
	position: relative;
	top: 225px;
	left: -90px;
	width: 80px;
	height: 100%;
	background: no-repeat;
	background-image: url(../img/topmenu1-hover.gif);
	background-position: 0 -150px;
}

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

#topmenu2 {
	position: absolute;
	top: 277px;
	left: 155px;
	margin: 0;
	padding: 0;
	width: 794px;
	height: 75px;
	list-style: none outside;
	overflow: hidden;
}

#topmenu2 li {
	position: absolute;
	width: 100px;
	height: 20px;
}

#topmenu2 li.n01 {
	top: 53px;
	left: 0;
	width: 70px;
	height: 22px;
}

#topmenu2 li.n02 {
	top: 44px;
	left: 92px;
	width: 63px;
	height: 29px;
}

#topmenu2 li.n03 {
	top: 37px;
	left: 173px;
	width: 62px;
	height: 30px;
}

#topmenu2 li.n04 {
	top: 31px;
	left: 250px;
	width: 65px;
	height: 29px;
}

#topmenu2 li.n05 {
	top: 31px;
	left: 331px;
	width: 82px;
	height: 22px;
}

#topmenu2 li.n06 {
	top: 21px;
	left: 424px;
	width: 62px;
	height: 20px;
}

#topmenu2 li.n07 {
	top: 14px;
	left: 501px;
	width: 100px;
	height: 21px;
}

#topmenu2 li.n08 {
	top: 8px;
	left: 611px;
	width: 77px;
	height: 18px;
}

#topmenu2 li.n09 {
	top: 0;
	left: 693px;
	width: 84px;
	height: 19px;
	overflow: visible;
}

#topmenu2 a {
	display: block;
	position: relative;
	height: 100%;
	background: no-repeat;
}

#topmenu2 a:hover {
	background-image: url(../img/topmenu2-hover.gif);
}

#topmenu2 li.n01 a:hover {
	background-position: 0 0;
}

#topmenu2 li.n02 a:hover {
	background-position: 0 -22px;
}

#topmenu2 li.n03 a:hover {
	background-position: 0 -51px;
}

#topmenu2 li.n04 a:hover {
	background-position: 0 -81px;
}

#topmenu2 li.n05 a:hover {
	background-position: 0 -110px;
}

#topmenu2 li.n06 a:hover {
	background-position: 0 -132px;
}

#topmenu2 li.n07 a:hover {
	background-position: 0 -152px;
}

#topmenu2 li.n08 a:hover {
	background-position: 0 -173px;
}

#topmenu2 li.n09 a:hover {
	background-position: 0 -191px;
}

#topmenu2 span {
	display: none;
}


/* ==============================================[ ramecek obrazku ] */

.img {
	position: relative;
	z-index: 1;
	width: 134px;
	min-height: 106px;
	background: url(../img/img.gif) no-repeat;
	overflow: hidden;
}

.img img {
	position: absolute;
	z-index: 2;
	top: 2px;
	left: 8px;
	width: 124px;
	height: 97px;
}

.img .popis {
	margin: 110px 0 0;
	font-weight: bold;
	text-align: center;
}

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

#column h3 {
	margin: 0 0 0.6em;
	color: #444;
	font-size: 100%;
	text-decoration: none;
}

/* ==============================================[ prihlaseni / uzivatelske menu ] */

#usermenu {
	margin: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

#usermenu .container {
	margin: 0 5px;
	padding: 10px 0;
}

#usermenu form {
	width: 100%;
	margin: 0;
	padding: 0;
}

#usermenu fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#usermenu label {
	padding: 3px 0 0;
	color: #da7d9a;
	font-weight: bold;
}

#usermenu a {
	padding: 3px 0 0;
	color: #444;
}

#usermenu input {
	margin: 0 0 3px;
	width: 100px;
}

/* ==============================================[ kosik ] */

#kosik {
	margin: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

#kosik .container {
	margin: 0 16px;
	padding: 0 0 10px;
}

#kosik h3 {
	color: #de0002;
	font-size: 117%;
	text-transform: uppercase;
}

#kosik form {
	margin: 0;
	padding: 0;
}

#kosik fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#kosik .item {
	white-space: nowrap;
	overflow: hidden;
}

#kosik .item .left {
	width: 65px;
}

#kosik .item .right {
	margin: 0 0 0 5px;
	text-align: right;
}

#kosik .zrusit {
	display: block;
	width: 12px;
	height: 12px;
	background: url(../img/kosik-zrusit.gif) no-repeat left bottom;
}

#kosik .zrusit span {
	display: none;
}

#kosik .item strong {
	padding: 3px 0 0;
	width: 40px;
}

#kosik .item input {
	padding: 1px 2px;
	width: 16px;
}

#kosik .suma {
	margin: 5px 0;
	padding: 5px 0 0;
	border-top: 1px solid #da7e9b;
	font-weight: bold;
}

#kosik .suma strong {
	color: #da7e9b;
	font-size: 117%;
}

/* ==============================================[ sushi mesice ] */

#tip {
	margin: 0 0 10px;
}

#tip .container {
	margin: 0 16px;
	padding: 0 0 10px;
}

#tip .img {
	margin: 0 25px;
}

/* ==============================================[ katalog produktu ] */

#katalog {
	margin: 0 0 10px;
}

#katalog .radek {
	margin: 0 -10px 10px 0;
}

#katalog .item {
	position: relative;
	float: left;
	margin: 0 10px 0 0;
	width: 152px;
	height: 150px;
	overflow: hidden;
}

#katalog .item .popis {
	position: relative;
	color: #96415d;
	font-size: 117%;
	width: 100%;
	height: 40px;
	overflow: hidden;
}

#katalog .item .popis .left,
#katalog .item .popis .right {
	float: none;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 50px 0 0;
	text-align: left;
}

#katalog .item .popis .right {
	right: 0;
	margin: 0;
	text-align: right;
}

* html #katalog .item .popis .right {
	left: 82px;
	width: 50px;
}

* html #katalog .item .popis .left {
margin: 0;
width: 97px;
}

#katalog .item .popis a {
	color: #444;
	font-size: 86%;
	text-decoration: none;
}

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

#katalog .info {
	position: absolute;
	z-index: 3;
	top: 2px;
	right: 19px;
	width: 56px;
	height: 32px;
	font-weight:bold;	
}

#katalog .info a {
	display: block;
	position: relative;
	height: 100%;
	background: url(../img/katalog-info.png) no-repeat right top;
	color: #444;
	text-decoration: none;
}

* html #katalog .info a {
	background-image: url(../img/katalog-info.gif);
}

#katalog .info a:hover {
	background-image: url(../img/katalog-info-hover.png);
	color: white;
}

* html #katalog .info a:hover {
	background-image: url(../img/katalog-info-hover.gif);
}

#katalog .info span {
	display: block;
	padding: 3px 10px 0 0;
	text-align: right;
}

/* ==============================================[ nalepka v hlavicce ] */

#batch {
	position: absolute;
	top: 0;
	right: 0;
	margin: -1px 0 0;
	width: 146px;
	height: 159px;
	background: url(../img/batch.jpg) no-repeat;
}

* html #batch {
	right: -1px;
}

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

#batch span {
	display: none;
}



/* topmenu 2 - aktivní kategorie */
#topmenu2 li.n01_active a {
	display: block;
	position: relative;
	height: 100%;
	background: no-repeat;
	top:53px;
	background-image: url(../img/topmenu2-hover.gif);
}

#topmenu2 li.n02_active a{
	display: block;
	position: relative;
	top: 47px;
	left: 92px;
	height: 100%;
	background: no-repeat;
	background-image: url(../img/topmenu2-hover.gif);
	background-position: 0 -26px;
}

#topmenu2 li.n03_active a{
	display: block;
	position: relative;
	top: 43px;
	left: 173px;
	height: 100%;
	background: no-repeat;
	background-image: url(../img/topmenu2-hover.gif);
	background-position: 0 -58px;
}

#topmenu2 li.n04_active a{
	display: block;
	position: relative;
	top: 37px;
	left: 250px;
	height: 100%;
	background: no-repeat;
	background-image: url(../img/topmenu2-hover.gif);
	background-position: 0 -88px;
}

#topmenu2 li.n05_active a{
	display: block;
	position: relative;
	top: 31px;
	left: 331px;
	height: 100%;
	background: no-repeat;
	background-image: url(../img/topmenu2-hover.gif);
	background-position: 0 -110px;
}

#topmenu2 li.n06_active a{
	display: block;
	position: relative;
	top: 21px;
	left: 424px;
	height: 100%;
	background: no-repeat;
	background-image: url(../img/topmenu2-hover.gif);
	background-position: 0 -132px;
}

#topmenu2 li.n07_active a{
	display: block;
	position: relative;
	top: 14px;
	left: 501px;
	height: 100%;
	background: no-repeat;
	background-image: url(../img/topmenu2-hover.gif);
	background-position: 0 -152px;
}

#topmenu2 li.n08_active a{
	display: block;
	position: relative;
	top: 7px;
	left: 611px;
	height: 100%;
	background: no-repeat;
	background-image: url(../img/topmenu2-hover.gif);
	background-position: 0 -172px;
}

#topmenu2 li.n09_active a {
	display: block;
	position: relative;
	top: 0;
	left: 693px;
	height: 100%;
	background: no-repeat;
	background-image: url(../img/topmenu2-hover.gif);
	background-position: 0 -191px;
}

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

/* product kontainer */

.product_container {
	position: relative;
	float: left;
	margin: 0 10px 0 0;
	width: 152px;
	height: 150px;
	overflow: hidden;
}

.product_container .popis {
	color: #96415d;
	font-size: 117%;
}

.product_container .popis a {
	color: #444;
	font-size: 86%;
	text-decoration: none;
}

.product_container .popis a:hover {
	text-decoration: underline;
}

/* ============================================ */

.cervena {color: #ff0000;}

/* ==============================================[ kosik ] */
#td_hidden{	
  visibility:hidden;
}
#pokladna{	
  float:right;
  position:relative;
  top:-18px;
}