body {
	background: #f7faeb url("/site/img/bg-stripes.png") top center no-repeat;
	text-align: center;
}
#frame {
	width: 975px;
	margin: 0 auto;
}
#kosikinfo {
	background: #ffcc66;
	padding: 5px 0;
	border-bottom:1px solid #ff8000;
	color:#ff0000;
}

/* !HEADER ----------------------------------------------- */
#header {
height: 140px;

}
#popup {
width: 290px;
height: 72px;
background: url(/site/img/popup.png) no-repeat;
text-align: left;
position: absolute;
top:59px;
margin-left: 436px;
z-index: 200;
}
#popup a:link,
#popup a:visited {
text-decoration: none;
color: white;
}
#popup a:hover {
color: silver;
}
#popup a:link span,
#popup a:visited span,
#popup a:hover span {
font-size: 150%;
}
#popupbox {
 padding: 23px 0px 0px 17px;
}


/* !MAINMENU ----------------------------------------------- */
a.superfood {
position: relative;
float: left;
	width: 512px;
	height: 333px;
	display: block;
	background: url(/site/img/uvod/superfood.png) no-repeat;
	margin-left:29px;
}
a.wheatgrass {
position: relative;
float: left;
	width: 373px;
	height: 322px;
	display: block;
	background: url(/site/img/uvod/wheatgrass.png) no-repeat;
	margin-bottom:7px;
	margin-left:35px;
}
ul#mainmenu {
	position: relative;
	float: right;
}
ul#mainmenu li,
ul#mainmenu li a {
	position: relative;
	float: left;
}
ul#mainmenu li a:link,
ul#mainmenu li a:visited {
	color: white;
	text-decoration: none;
	display: block;
	height: 35px;
	text-align: center;
	width:80px;
	padding-top: 35px; 
	
	
}
ul#mainmenu li a:hover {
	color: black;

}
ul#mainmenu li.current a,
ul#mainmenu li.current a:link,
ul#mainmenu li.current a:visited {
	color: white;
	text-decoration: none;
	background: url(/site/img/menu/bg-mainmenu-narrow.png) no-repeat center bottom;
	color:black;
}

ul#mainmenu li a.w61 {
	width:61px;
}
ul#mainmenu li.current a.w61,
ul#mainmenu li a.w61:hover {
	background: url(/site/img/menu/bg-mainmenu-w61.png) no-repeat center bottom;
}
ul#mainmenu li a.w74 {
	width:74px;
}
ul#mainmenu li.current a.w74,
ul#mainmenu li a.w74:hover {
	background: url(/site/img/menu/bg-mainmenu-w74.png) no-repeat center bottom;
}
ul#mainmenu li a.w87 {
	width:87px;
}
ul#mainmenu li.current a.w87,
ul#mainmenu li a.w87:hover {
	background: url(/site/img/menu/bg-mainmenu-w87.png) no-repeat center bottom;
}
ul#mainmenu li a.w104 {
	width:104px;
}
ul#mainmenu li.current a.w104,
ul#mainmenu li a.w104:hover {
	background: url(/site/img/menu/bg-mainmenu-w104.png) no-repeat center bottom;
}
ul#mainmenu li a.w122 {
	width:122px;
}
ul#mainmenu li.current a.w122,
ul#mainmenu li a.w122:hover {
	background: url(/site/img/menu/bg-mainmenu-w122.png) no-repeat center bottom;
}

/* !ÚVOD ----------------------------------------------- */

#content {

text-align: left;

}

.levybox {
	position: relative;
	float: left;
	width: 559px;
	
}
.pravybox {
	position: relative;
	float: left;
	width: 416px;
}
.levybox h1,
.pravybox h1 {
color: #209761;
font-size: 120%;
font-weight: normal;
margin-left: 15px;
	
}

.levybox p.popis,
.pravybox p.popis {
	height: 80px;
}

.levybox ul,
.pravybox ul {
margin: 10px 0;
height: 100px;
}
.levybox ul li,
.pravybox ul li {
	margin-left: 28px;
	list-style-image: url("/site/img/uvod/li-magenta-plus.gif");
	color: #262261;
	font-size: 90%;
	line-height: 160%;

}

.levybox .top {
	height: 14px;
	background: url(/site/img/uvod/bg-boxleft-top.png) no-repeat;
}
.levybox .middle {
	height: 260px;
	background: url(/site/img/uvod/bg-boxleft-middle.png) no-repeat;
	font-size: 90%;
}
.levybox .bottom {
	height: 14px;
	background: url(/site/img/uvod/bg-boxleft-bottom.png) no-repeat;
}

.pravybox .top {
	height: 14px;
	background: url(/site/img/uvod/bg-boxright-top.png) no-repeat;
}
.pravybox .middle {
	height: 260px;
	background: url(/site/img/uvod/bg-boxright-middle.png) no-repeat;
	font-size: 90%;
}
.pravybox .bottom {
	height: 14px;
	background: url(/site/img/uvod/bg-boxright-bottom.png) no-repeat;
}

.pravybox .middle .middlebox,
.levybox .middle .middlebox {
	padding: 10px 25px;
}
p.viceinfo {
	background: url(/site/img/uvod/viceinfo.gif) no-repeat;
	width: 285px;
	height: 45px;
	}
	
a.produkty { 
	display: block;
	height: 20px;
	width: 150px;

	position: relative;
	float: left;
	margin-top: 13px;
	margin-left: 15px;
}
a.koupit { 
	display: block;
	height: 20px;
	width: 95px;

	position: relative;
	float: left;
	margin-top: 13px;
	margin-left: 10px;
}
/* !VNITŘENÍ STRÁNKY ----------------------------------------------- */



#pathway {
position: relative;
float: left;
margin:18px 0 0 15px;
font-size: 80%;
z-index: 100;
}

#pathway a:link,
#pathway a:visited {
	color: black;
	text-decoration: none;
}
#pathway a:hover {
	color: white;
}

#kosik {
position: relative;
float: right;
margin:0px 0 0 0px;
width: 151px;



}

#kosik a:link,
#kosik a:visited {
	color: white;
	text-decoration: none;
	position: relative;
	float: left;
	font-size: 90%;
	margin:13px 0 0 42px;
}
#kosik a:hover {
	color: silver;
}
#submenu {
	position: relative;
	float: left;
	width: 241px;
	min-height: 100px;
	
}
#submenu .submenubox {
padding: 25px 0 0 0;
}
#submenu .top {
	background: url(/site/img/submenu/bg-submenu-top.png) no-repeat;
	height: 14px;
}
#submenu .middle {
	background: url(/site/img/submenu/bg-submenu-middle.png) repeat-y;
}
#submenu .bottom {
	background: url(/site/img/submenu/bg-submenu-bottom.png) no-repeat;
	height: 14px;
}
#maincontent {
	position: relative;
	float: left;
	width: 734px;
	text-align: left;
}
#maincontent .top {
	background: url(/site/img/bg-maincontent-top.png) no-repeat;
	height: 39px;
}
#maincontent .middle {
	background: url(/site/img/bg-maincontent-middle.png) repeat-y;
}
#maincontent .middle .middlebox {
	padding: 15px 30px;
}
#maincontent .bottom {
	background: url(/site/img/bg-maincontent-bottom.png) no-repeat;
	height: 14px;
}
#maincontent h1 {
color: #CD2AA2;
font-size: 140%;
margin-bottom: 5px;
}
#maincontent p {
line-height: 150%;
margin-bottom: 10px;
}
#submenu ul {
padding: 5px 0px 15px 18px;

text-align: left;
}
#submenu ul ul {
padding: 5px 0px 15px 3px;

}
#submenu li {

}

#submenu li a:link,
#submenu li a:hover,
#submenu li a:visited {
color:#76B05D;
text-decoration: none;
cursor: default;
font-size: 75%;
display: block;
height: 18px;
width: 189px;

background: transparent;
}
#submenu li li a:link,
#submenu li li a:hover,
#submenu li li a:visited {
color:black;
text-decoration: none;
cursor: pointer;
background: transparent;
display: block;
height: 18px;
width: 189px;
color: black;
padding: 4px 0 0 7px;
margin-top: 5px;
border: none;
}
#submenu li li.aktivni a:link,
#submenu li li.aktivni a:visited {
background: transparent url("/site/img/submenu/current.gif") no-repeat;

}

#submenu ul#s_5 li a:link,
#submenu ul#s_5 li a:visited {
color:black;
text-decoration: none;
cursor: pointer;
background: transparent;
display: block;
height: 17px;
width: 189px;
color: black;
padding: 4px 0 0 7px;
margin-top: 5px;

}

#submenu ul#s_5 li.aktivni a:link,
#submenu ul#s_5 li.aktivni a:visited {
background: url("/site/img/submenu/current.gif") no-repeat;

}
.produkt {
width: 223px;
height: 230px;
text-align: center;
position: relative;
float: left;
}
.produkt h2 {
color: #262261;
font-size: 100%;
}
.vlozeni-do-kosiku {
background: #E4F9F9;
padding: 10px;
width: 350px;
font-size: 110%;
margin-bottom: 15px;
}
table#kosiktabulka {
border-collapse: collapse;
}
a.pridat:link,
a.pridat:visited {
text-decoration: none;
background: #32995E;
color: white;
padding: 2px 4px;
font-size: 80%;
}
a.pridat:hover {
background: white;
color: #32995E;
}

table#kosiktabulka a.odebrat:link,
table#kosiktabulka a.odebrat:visited {
text-decoration: none;
background: #800000;
color: white;
padding: 2px 4px;
font-size: 80%;
}
table#kosiktabulka a.odebrat:hover {
background: white;
color: #800000;
}
table#kosiktabulka tbody tr td {
padding: 5px 6px;
}
table#kosiktabulka tbody tr {
background: #E4F9F9;

}
table#kosiktabulka tbody tr.sudy {
background: white;
}
table#kosiktabulka tbody tr.celkem {
background: white;
border-top:2px black solid;
margin-top: 5px;
}
.red {
color: red;
}

label {
	display: block;
	font-size: 80%;
	margin-top: 5px;
}
input {
	width: 350px;
}
input.auto {
	width: auto;
}
textarea {
	width: 500px;
	height: 100px;
}
form {
padding: 8px;
}
.napoveda {
color: silver;
border-top: 1px solid silver;
margin-top: 10px;
width: 500px;
font-size: 80%;
}
.skrt {
	color:#4c4c4c;

}
/* !FOOTER ----------------------------------------------- */
#footer {
clear: both;
text-align: left;
color: #8BC53F;
font-size: 90%;
padding-bottom: 50px;
padding-top: 10px;
}
#footer a:link,
#footer a:visited {
color: #8BC53F;
text-decoration: none;

}
#footer a:hover {
color: silver;
}
.loga {
padding-top: 20px;
height: 130px;
}
.logo1 {
	position: relative;
	float: left;
	background: url("/site/img/loga/1.png") no-repeat ;
	width: 80px;
	height: 80px;
	margin: 0 120px;

}
.logo2 {
	position: relative;
	float: left;
	background: url("/site/img/loga/2.png") no-repeat ;
	width: 71px;
	height: 80px;
	margin: 0 120px;
}
.logo3 {
position: relative;
	float: left;
	background: url("/site/img/loga/3.png") no-repeat ;
	width: 67px;
	height: 80px;
	margin: 0 120px;
}