BODY {
  margin           : 0px 0px 0px 0px;
  color            : #000000;
  font-family 		 : Verdana, Arial, Helvetica, sans-serif;
  background-color: #E7E1CF;
}

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: 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;
}

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;
}

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;	
}