body {
  color            : #000000;
  font-family 		 : Verdana, Arial, Helvetica, sans-serif;
  background-color: #E7E1CF;
}

html,body{
  margin:0;
  padding:0;
  height:100%;
  border:none;
}

html {
	overflow-y: scroll;
}

table.main {
	padding: 0px;
	width: 798px;
}
td, tr, p, div {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  color            : #000000;
}

ul {
  margin           : 0px 0px 0px 0px;
}

li {
  list-style-image : url('../images/arrow.gif');
  list-style-position:inside
}

hr {
  background       : #C0C0C0;
  height           : 1px;
  width            : 100%;
}


img.image {
	border-bottom: medium solid #cccccc;
	border-bottom-style: groove;
	border-right: medium solid #cccccc;
	border-right-style: groove;
}

/* ###################### UPPER BUTTON BAR ###################### */
a {
	color: #DC143C;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
  color            : black;
  text-decoration  : none;
}

a:visited {
  color: #DC143C;
  text-decoration  : none;
  }




.title {
	font-size: 18px;
	color: #DC143C;
	font-weight: bold;
	text-align: right;
}

.content {
	vertical-align: middle;
	text-align: left;
	margin: 0 0 0 15px;
	padding: 0;
	/*
	margin: 10px;
	margin-right: 0px;
	padding-right: 0px;
	margin-left:15px;
	*/
}

h1 {
	color: #008A40;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}

table.body {
	width: 100%;
	}

td.body {
	width: 155px;
	text-align: left;
	vertical-align: top;
}

.admin_menu {
	border: solid 1px #999999;
	margin: 10px;
	background-color: #eeeeee;
	padding: 5px;
}

/*  menu */

.leftMenu {
  margin-left: 2px;
  padding-right: 2px;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  width: 153px;
  display: block;
}
.leftMenu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.leftMenu ul ul {
}

.leftMenu a {
  display: block;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
}

.leftMenu a:active,
.leftMenu a:visited,
.leftMenu a:link {
  padding: 2px;
  margin: 0;
  color: #000000;
  text-decoration: none;
  border: solid 1px #f0f0f0;
}

.leftMenu a:hover {
  padding: 2px;
  margin: 0;
  color: #000000;
  text-decoration: none;
  border: solid 1px #999999;
  background-color: #cccccc;
}

.leftMenu li {
  margin: 0;
  display: inline;
  vertical-align: middle;
}

.leftMenu li img {
  vertical-align: middle;
  float: left;
  margin-right: 2px;
}

.level0 a.top {
  margin-left: 0px;
  background-image: url("images/vajnory/favicon.ico");
  background-position: 3px 5px;
  background-repeat: no-repeat;
  padding-left: 16px;
}

.level0 a.top:hover,
.level0 a.top:active,
.level0 a.top:visited,
.level0 a.top:link {
  color: #006237;
  padding-left: 16px;
  margin-left: 0px;
  font-weight: normal;
}

a.selectedSec:link,
a.selectedSec:hover,
a.selectedSec:active,
a.selectedSec:visited {
  color: #000000;
  font-weight: bold;
}

.selected {
	color: red;
	margin: 0;
	text-decoration: none;
	/*background-color: #ffffff;*/
	/*border: solid 1px #9c9c9c; */
	cursor: default;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;

}

.level0 .selected,
.level0 a:link,
.level0 a:hover,
.level0 a:visited,
.level0 a:active {
  padding-left: 2px;
}

.level1 .selected,
.level1 a:link,
.level1 a:hover,
.level1 a:visited,
.level1 a:active {
  padding-left: 18px;
  font-weight: normal;
}

.level2 .selected,
.level2 a:link,
.level2 a:hover,
.level2 a:visited,
.level2 a:active {
  padding-left: 28px;
  font-weight: normal;
}

.level3 .selected,
.level3 a:link,
.level3 a:hover,
.level3 a:visited,
.level3 a:active {
  padding-left: 38px;
  font-weight: normal;
}

#leftLayout {
  width: 155px;
  float: left;
  /*margin-left: -770px; */
  padding-bottom: 12px;
}

.login {
	vertical-align: middle;
	border: solid 1px #999999;
	/*float: center;*/
	margin: 2px;
	width: 150px;
	padding: 10px;
	position: relative;
}

input {
	vertical-align: middle;
	border: solid 1px #999999;
	font-size: 11px;
	/*float: center;*/
	margin: 2px;
	padding: 2px;
}
	/* word foramtting */

.pre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.example1 {
	font-weight: bold;
	font-size: 14px
}

.example2 {
	font-weight: bold;
	font-size: 12px;
	color: #FF0000
}

.tablerow1 {
	background-color: #BBBBBB;
}

/* Fix for MS Office style paragraphs (MsoNormal) */
p {
	margin: 0px;
	padding: 0px;
}

/* Fix for MS Office unindeted lists */
.unIndentedList {
	margin: 0px;
	padding: 0px;
	list-style-position: inside;
}

.unIndentedList {
	padding: 0px;
}

div.view_gallery {
	float: left;
	padding: 15px;
}

/* MENU */
#menuStart{
	height: 53px;
	width: 132px;
	background: url(uvod.jpg) no-repeat;
	float: left;
}

#menuStart a{
	height: 53px;
	width: 132px;
	background: url(uvod.jpg) no-repeat;
	text-decoration: none;
	float: left;
}

#menuStart a:hover{
	background: url(uvodO.jpg) no-repeat;
	text-decoration: none;
}


#menuOnas{
	height: 53px;
	width: 127px;
	background: url(onas.jpg) no-repeat;
	float: left;
}

#menuOnas a{
	height: 53px;
	width: 127px;
	background: url(onas.jpg) no-repeat;
	text-decoration: none;
	float: left;
}

#menuOnas a:hover{
	background: url(onasO.jpg) no-repeat;
	text-decoration: none;
}


#menuProdukty{
	width: 126px;
	height: 53px;
	background: url(produkty.jpg) no-repeat;
	float: left;
}

#menuProdukty a{
	width: 126px;
	height: 53px;
	background: url(produkty.jpg) no-repeat;
	text-decoration: none;
	float: left;
}

#menuProdukty a:hover{
	background: url(produktyO.jpg) no-repeat;
	text-decoration: none;
}

#menuPredaj{
	width: 128px;
	height: 53px;
	background: url(predaj.jpg) no-repeat;
	float: left;
}

#menuPredaj a{
	width: 128px;
	height: 53px;
	background: url(predaj.jpg) no-repeat;
	text-decoration: none;
	float: left;
}

#menuPredaj a:hover{
	background: url(predajO.jpg) no-repeat;
	text-decoration: none;
}


#menuKvalita{
	width: 125px;
	height: 53px;
	background: url(kvalita.jpg) no-repeat;
	float: left;
}

#menuKvalita a{
	width: 125px;
	height: 53px;
	background: url(kvalita.jpg) no-repeat;
	text-decoration: none;
	float: left;
}

#menuKvalita a:hover{
	background: url(kvalitaO.jpg) no-repeat;
	text-decoration: none;
}




#menuKontakt{
	width: 122px;
	height: 53px;
	background: url(kontakt.jpg) no-repeat;
	float: left;
}

#menuKontakt a{
	width: 122px;
	height: 53px;
	background: url(kontakt.jpg) no-repeat;
	text-decoration: none;
	float: left;
}

#menuKontakt a:hover{
	background: url(kontaktO.jpg) no-repeat;
	text-decoration: none;
}







#menuStartEN{
	height: 53px;
	width: 132px;
	background: url(uvodEN.jpg) no-repeat;
	float: left;
}

#menuStartEN a{
	height: 53px;
	width: 132px;
	background: url(uvodEN.jpg) no-repeat;
	text-decoration: none;
	float: left;
}

#menuStartEN a:hover{
	background: url(uvodENO.jpg) no-repeat;
	text-decoration: none;
}


#menuOnasEN{
	height: 53px;
	width: 127px;
	background: url(onasEN.jpg) no-repeat;
	float: left;
}

#menuOnasEN a{
	height: 53px;
	width: 127px;
	background: url(onasEN.jpg) no-repeat;
	text-decoration: none;
	float: left;
}

#menuOnasEN a:hover{
	background: url(onasENO.jpg) no-repeat;
	text-decoration: none;
}


#menuProduktyEN {
	width: 126px;
	height: 53px;
	background: url(produktyEN.jpg) no-repeat;
	float: left;
}

#menuProduktyEN a{
	width: 126px;
	height: 53px;
	background: url(produktyEN.jpg) no-repeat;
	text-decoration: none;
	float: left;
}

#menuProduktyEN a:hover{
	background: url(produktyENO.jpg) no-repeat;
	text-decoration: none;
}

#menuPredajEN {
	width: 128px;
	height: 53px;
	background: url(predajEN.jpg) no-repeat;
	float: left;
}

#menuPredajEN a{
	width: 128px;
	height: 53px;
	background: url(predajEN.jpg) no-repeat;
	text-decoration: none;
	float: left;
}

#menuPredajEN a:hover{
	background: url(predajENO.jpg) no-repeat;
	text-decoration: none;
}


#menuKvalitaEN {
	width: 125px;
	height: 53px;
	background: url(kvalitaEN.jpg) no-repeat;
	float: left;
}

#menuKvalitaEN a{
	width: 125px;
	height: 53px;
	background: url(kvalitaEN.jpg) no-repeat;
	text-decoration: none;
	float: left;
}

#menuKvalitaEN a:hover{
	background: url(kvalitaENO.jpg) no-repeat;
	text-decoration: none;
}


#menuKontaktEN{
	width: 122px;
	height: 53px;
	background: url(kontaktEN.jpg) no-repeat;
	float: left;
}

#menuKontaktEN a{
	width: 122px;
	height: 53px;
	background: url(kontaktEN.jpg) no-repeat;
	text-decoration: none;
	float: left;
}

#menuKontaktEN a:hover{
	background: url(kontaktENO.jpg) no-repeat;
	text-decoration: none;
}



/* de  */
#menuStartDE{
	height: 53px;
	width: 132px;
	background: url(uvodDE.jpg) no-repeat;
	float: left;
}

#menuStartDE a{
	height: 53px;
	width: 132px;
	background: url(uvodDE.jpg) no-repeat;
	text-decoration: none;
	float: left;
}

#menuStartDE a:hover{
	background: url(uvodDEO.jpg) no-repeat;
	text-decoration: none;
}


#menuOnasDE{
	height: 53px;
	width: 127px;
	background: url(onasDE.jpg) no-repeat;
	float: left;
}

#menuOnasDE a{
	height: 53px;
	width: 127px;
	background: url(onasDE.jpg) no-repeat;
	text-decoration: none;
	float: left;
}

#menuOnasDE a:hover{
	background: url(onasDEO.jpg) no-repeat;
	text-decoration: none;
}


#menuProduktyDE {
	width: 126px;
	height: 53px;
	background: url(produktyDE.jpg) no-repeat;
	float: left;
}

#menuProduktyDE a{
	width: 126px;
	height: 53px;
	background: url(produktyDE.jpg) no-repeat;
	text-decoration: none;
	float: left;
}

#menuProduktyDE a:hover{
	background: url(produktyDEO.jpg) no-repeat;
	text-decoration: none;
}

#menuPredajDE {
	width: 128px;
	height: 53px;
	background: url(predajDE.jpg) no-repeat;
	float: left;
}

#menuPredajDE a{
	width: 128px;
	height: 53px;
	background: url(predajDE.jpg) no-repeat;
	text-decoration: none;
	float: left;
}

#menuPredajDE a:hover{
	background: url(predajDEO.jpg) no-repeat;
	text-decoration: none;
}


#menuKvalitaDE {
	width: 125px;
	height: 53px;
	background: url(kvalitaDE.jpg) no-repeat;
	float: left;
}

#menuKvalitaDE a{
	width: 125px;
	height: 53px;
	background: url(kvalitaDE.jpg) no-repeat;
	text-decoration: none;
	float: left;
}

#menuKvalitaDE a:hover{
	background: url(kvalitaDEO.jpg) no-repeat;
	text-decoration: none;
}


#menuKontaktDE {
	width: 122px;
	height: 53px;
	background: url(kontaktDE.jpg) no-repeat;
	float: left;
}

#menuKontaktDE a{
	width: 122px;
	height: 53px;
	background: url(kontaktDE.jpg) no-repeat;
	text-decoration: none;
	float: left;
}

#menuKontaktDE a:hover{
	background: url(kontaktDEO.jpg) no-repeat;
	text-decoration: none;
}

/* en */


h2 {
	font-size: 18px;
	color: #008A40;
	padding-bottom: 5px;
	padding-left: 5px;
	height: 50px;
	text-align: left;
}

/* CSS3 link na # */
h2:target {
	background-color:#C7C7FE;
}
	

h3 {
	color: #585858;
	font-size: 16px;
	text-align: left;
	padding-left: 5px;
}

h4, h5, h6 {
	color: #585858;
	font-size: 12px;
	text-align: left;
	padding-left: 5px;
}

td.bottom {
	background: url(footer.jpg) repeat-x;
	font-size: 9px;
	color: #696969;
	height: 52px;
	text-align: left;
}

td.header {
	background: url(header_bgr.jpg) repeat-x;
}

td.left {
	background: url(bgr_left.jpg) repeat-y;
	width: 19px;
}

td.right {
	background: url(bgr_right.jpg) repeat-y;
	width: 19px;
}

td.content_right {
	background-color: #DEDEDE;
	width: 193px;
   color: #696969;
}

td.content {
	background-color: #FFFFFF;
	vertical-align: top;
	background: url(content.jpg) repeat-y;
}
/*
Feb'10
*/
ul ul {
	padding-left:2em;
	margin:2px;
}

p.imgl a img {
	border: 1px solid #E0E0E0; 
	padding: 4px; 
	margin-left: 4px;
	margin-bottom: 4px;
	opacity: 0.7;
	filter: alpha(opacity = 70);

}

p.imgl a:hover img {
	border: 1px solid #81C5FC;	
	opacity: 1;
	filter: alpha(opacity = 100);
}

div.news {
	padding-top: 10px;
	clear: both;
}

div.news a img {
	padding: 2px;
	border: 1px solid gray;	
	opacity: 1;
	filter: alpha(opacity = 100);
}

div.news a:hover img {
	border: 1px solid #FCB4C2;	
}

ul.flist {
	margin: 0px;
	padding: 0px;
}

ul.flist li {
	background-image: url(../../images/new/stavy.jpg);
	float:left;
	display: block;
	width: 176px;
	height: 117px;
	margin-right: 4px;
	margin-bottom: 6px;
	overflow: hidden;
}

ul.flist a {
	display: block;
	top: 0px;
	left: 0px;
	height: 117px;
	width: 176px;
	background-color: transparent;
}

ul.plist {
	margin: 0px;
	padding: 0px;
}

ul.plist li {
	background-image: url(../../images/new/produkty.jpg);
	float:left;
	display: block;
	width: 176px;
	height: 117px;
	margin-right: 2px;
	margin-bottom: 6px;
	overflow: hidden;
}

ul.plist a {
	display: block;
	top: 0px;
	left: 0px;
	height: 117px;
	width: 176px;
	background-color: transparent;
}

div.fmain {

	height: 155px;
	clear: both;
	background-repeat: no-repeat;
	background-position: -2px 0px;
	background-image: url(../../images/new/main.jpg);
}

.coskoro {
	background: url(../../images/new/coskoro.gif) no-repeat top left;	
}

p.jablka a {
	font-weight:normal;
}

p.jablka a:hover {
	text-decoration: underline;
}

ul.kr li {
	margin-left: -18px; 
	padding-left: 0;
}

iframe {
	overflow-x: hidden;
	overflow-y: auto; 
}

.newsc {
	border-radius: 4px;
	-moz-border-radius: 4px;
	background-color: #d3d3d3;
	width: 530px;
	height: 50px;
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
}



.myc {
	border-radius: 4px;
	-moz-border-radius: 4px;
	background-color: #f29026;
	width: 530px;
	height: 260px;
	margin-bottom: 8px;
	position: relative;
}

.inner {
	position: absolute;
	top: 6px;
	left: 186px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	background-color: white;
	width: 338px;
	height: 248px;
	z-index: 5;
	display:none;
}

.innerleft {
	background: url(../../images/top/oleft.png);
	width: 11px;
	height: 248px;
	position:absolute;
	top: 6px;
	left:186px;
	z-index: 10;
}

.corner {
	position: absolute;
	top: 0px;
	right: 0px;
	background: url(../../images/top/ocorner.png);
	width: 116px;
	height: 134px;
	z-index: 10;
}

.innertext {
	position: relative;
	width: 338px;
	height: 60px;
	background-color: white;
	top: 188px;
}

.cornertext {
	position: absolute;
	top: 10px; /*22*/
	right: 2px;
	width: 100px;
	height: 45px;
	z-index: 15;
	color: white;
	font-size: 9px;
	letter-spacing: 0;
	text-align: center;
}

.cornertext div {
	color: white;
}

.mmenu {
	position: absolute;
	top:0; left: 0;
	width: 192px;
	height: 260px;
}

.atopc {
	float: left;
	border-radius: 4px;
	-moz-border-radius: 4px;
	background-color: #abc54a;
	width: 262px;
	height: 190px;
	margin-bottom: 6px;
	position: relative;
	font-family: Verdana, Tahoma, Helvetica, Arial;
}

.innergleft {
	background: url(../../images/top/gleft.png);
	width: 7px;
	height: 178px;
	position:absolute;
	top: 6px;
	left:14px;
	z-index: 10;
}

.innerg {
	position: absolute;
	border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;	
	background-color: white;
	top: 6px; 
	left: 14px;
	width: 242px;
	height: 178px;	
	/*IE6 Fillnut zelenou*/
	z-index: 5;
	display: none;
}

.gprice {
	position: absolute;
	top: 0px;
	right: 0px;
	background: url(../../images/top/gprice.png);
	width: 66px;
	height: 86px;
	z-index: 10;
}

.gpricetext {
	position: absolute;
	top: 16px;
	right: 0px;
	text-align: right;
	/*width: 60px;*/
	height: 45px;
	z-index: 15;
	color: white;
	font-size: 9px;
	letter-spacing: 0;
}

.gtext {
	position: absolute;
	bottom: 6px;
	left: 20px;
	font-size: 10px;
	z-index: 15;
}

.gtext img {
	opacity: 0.2;
}

.gtext div {
	width: 210px;
}


.geuro {
	font-size: 12px;
	color: white;
	top: -4px;
	right: -3px;
	position: absolute;
	z-index: 15;
}

.sum {
	font-size: 22px;
	margin-right: 3px;
}

.footc {
	width: 530px;
}

.footc a {
	font-weight: normal;
	color: #d13535;
}

.footc a:hover {
	text-decoration: underline;
	color: #d13535;
}

div.dots {
	background: url(../../images/top/dot.png) repeat-x white;
}

.mmenu {
	margin-top: 10px;
	overflow: hidden;
}

.subsub{		
	padding: 0;
	margin: 0 0 10px -10px;
	list-style: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: white;
	width: 170px;
}

.subsub div {
	height: 25px;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
}

.subsub div div {
	padding-top: 5px;
	font-weight: bold;
}

div.submain {
	/*text-align: center;	*/
	height: 40px;
	width: 180px;	
	background: url(../../images/top/oarrow.png) no-repeat white 157px -1px;
	cursor: pointer;	
}

.submain div {
	padding-top: 9px;
	padding-left: 40px;
	font-size: 14px;
	color: #b46714;	
	font-weight: bold;
}

.submid {
	height: 8px;
}

.barrow, .narrow {
	position: absolute;
	top: 100px;
	
	z-index: 15;
}

.narrow {
	right: 10px;	
}

.barrow {
	right: 30px;	
}

.barrow img, .narrow img {
	opacity: 0.2;
}

.items  {
	position: absolute;
}

.nit {
	height: 50px;
}
.nit div {
	float:left;
}

div.predajna {
	height: 80px; 
	margin-left: 5px;
}

div.predajna span {
	font-size: 14px; 
	font-weight:bold;
}

div.predajna a:hover{
	text-decoration:underline;
}

.kat .atopc {
	background-color: #83abe0;
}

.kat .innergleft {
	background: url(../../images/top/gleft2.png);
}

.kat .gprice {
	background: url(../../images/top/gprice2.png);
}

.pmain {
	
	width: 260px;
}


ul.rlist {
	margin: 0px;
	padding: 0px;
}

ul.rlist li {
	background-image: url(../../images/new/recepty.jpg);
	float:left;
	display: block;
	width: 176px;
	height: 117px;
	margin-right: 2px;
	margin-bottom: 6px;
	overflow: hidden;
}

ul.rlist a {
	display: block;
	top: 0px;
	left: 0px;
	height: 117px;
	width: 176px;
	background-color: transparent;
}