/*		pravidla pro tisk		*/

@media print {
	body {
		font-family: "Times New Roman", Times, serif;
		font-size: 12px;
		color: #000;
		background: #fff;
	}
	a {text-decoration: underline;}
	a:after {content: " [" attr(href) "] ";}
	#top {display: none;}
	#menu {display: none;}
	#submenu {display: none;}
	#bottom {display: none;}
}



/*		pravidla pro monitor		*/

body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #324400;
	background: #8EC200 url(img/bg_dark.gif) repeat-y center;
}
a { color: #5EA11E; font-weight: bold; /*color: #007F0E;*/ text-decoration: none;}
a:hover { /*color: #8EC200;*/ text-decoration:underline; }
h1 {
	text-align: right;
	font-size: 12px; font-weight: bold;
	margin: 0; margin-bottom: 12px;
}
h2 { font-size: 12px; /*font-weight: normal;*/}
p { text-align: justify;}
input,td { font-size: 11px;}


.pruhDark {
	width: 100%;
	background: #8EC200 url(img/bg_dark.gif) repeat-y center;
	text-align: center;
}
.pruhLight {
	width: 100%;
	background: #B5D759 url(img/bg_light.gif) repeat-y center;
	text-align: center;
}

#top {
	width: 770px; height: 189px;
	position: relative;
	margin-left: auto; margin-right: auto;
	background: #fff url(img/bg_top.gif) repeat-x;
}

#menu {
	width: 770px; height: 27px;
	position: relative;
	margin-left: auto; margin-right: auto;
	background: #fff;
	border-bottom: 1px solid #fff;
}

#main {
	width: 770px;
	position: relative;
	margin-left: auto; margin-right: auto;
	text-align: left;
}
#obsah {
	float: left;
	padding: 05px 25px 25px 25px;
	width: 516px;
	_width: 566px;
}
#submenu {
	float: left;
	padding: 10px;
	width: 184px;
	_width: 204px;
}
#submenu ul {margin: 0; padding: 0; list-style: none;}
#submenu ul li {padding-bottom: 5px;}
#submenu ol {margin-left:22px; color: #2979B5; padding: 0;}/*#8EC200*/
#submenu ol li {padding-bottom: 5px;}
#submenu a { font-weight: bold; color: #2979B5;}
#submenu a:hover { color: #003366; text-decoration: none;}
#submenu a.active { color: #003366; text-decoration: none;}

#submenu p {padding:0px; margin: 0px;}

/*
#submenu a { font-weight: bold; color: #8EC200;}
#submenu a:hover { color: #007F0E; text-decoration: none;}
#submenu a.active { color: #007F0E; text-decoration: none;}
*/
#bottom {
	width: 770px; height: 106px;
	position: relative;
	margin-left: auto; margin-right: auto;
	background: url(img/bg_bottom.gif) repeat-x;
	text-align: left;
	font-size: 12px;
}




/*		 prvky v topu		 */
img#motiv { position: absolute; left: 57px; top: 0px; }
img#podporuji { position: absolute; left: 316px; top: 132px; }
img#podporuji01 { position: absolute; left: 410px; top: 122px; }
img#podporuji02 { position: absolute; left: 530px; top: 135px; }
img#podporuji03 { position: absolute; left: 667px; top: 135px; }
img#cistaobec { position: absolute; right: 43px; top: 0px; }
img#soutezcistaobec { position: absolute; right: 230px; top: 12px; }
img#nikita { position: absolute; right: 200px; top: 70px; }
img#rohtop { position: absolute; right: 0px; top: 115px; }




/*		polozky menu		*/
#menu ul { list-style: none; margin: 0; padding: 0;}
#menu ul li {
	display: inline;
	background: url(img/bg_menu.gif) repeat-x;
	padding-top: 7px; padding-bottom: 6px;
}
#menu a {
	font-size: 12px; font-weight: bold; text-decoration: none; color: #fff;
	_background: url(img/bg_menu.gif) repeat-x;
	_height: 27px;
	_padding: 20px;
	padding: 0 20px;
	line-height: 27px;
}
#menu a:hover { background: url(img/bg_menu_over.gif) repeat-x;}
#menu a.active { background: url(img/bg_menu_over.gif) repeat-x;}
#menu01 { position: absolute; left: 3px;	top: 0;}
#menu02 { position: absolute; right: 3px; top: 0;}




/*		prvky v bottomu	*/
img#zelenybod { position: absolute; left: 104px; top: 0px; }
img#textbottom { position: absolute; left: 173px; top: 33px; }
img#popelnice { position: absolute; left: 393px; top: 11px; }
img#rohbottom { position: absolute; right: 0px; top: 0px; }
a#tisk { position: absolute; left: 10px; top: 8px; }
a#jaktridit { position: absolute; right: 105px; bottom: 53px; color:#fff; }
form#hledej {
	position: absolute;
	right: 26px;
	top: 5px;
	margin: 0; padding: 0;
}




.cleaner {
	clear: both;
	font-size: 1px;
	border: none;
	background: transparent;
}

.nazev {
	color: #007f0e;
	font-weight: bold;
	font-size: 14px;
}

.iBorder {
	border: 1px solid #007f0e;
}

/*MENU*/
/*Hlavni prvni uroven*/
#MenuBox {width:770px; height:32px; background-image:url(./menuboxbg.gif); background-repeat:repeat-x; margin-top:1px;}
#MenuBox UL {float: left;  margin-top:10px; _margin-top:6px;}
#MenuBox UL LI {display:inline; margin:0 0  0 12px;}
#MenuBox UL LI A {font-size:11px; color:#FFFFFF; text-decoration:none; padding:4px 7px 2px 7px; height:10px;}
#MenuBox UL LI A:hover {background-color:#FFFFFF; color:#FF6300;}

/*Hlavni druha uroven*/
#MenuBox UL LI UL.submenu {border: white 0px solid; background: #FF6600; width: 160px; padding: 0px; z-index: 10; position:absolute; top: 200px; _top: 205px; left: auto; margin-left: 12px; _margin-left: -99px;}
#MenuBox UL LI UL.submenu LI {padding: 0px; margin: 0px; _margin-top: -2px; _margin-bottom: -4px; display: block;  background: #FF6300; width:160px; float:none; clear:left;list-style-type: none; border-bottom:solid 1px #fff;border-top:solid 1px #fff;}
#MenuBox UL LI UL.submenu LI A {display: block; color: #fff; margin: 0px; padding: 4px 10px 4px 10px; text-align: left; height: auto; width:140px _width:160px; text-decoration:none; background: #FF6600;}
#MenuBox UL LI UL.submenu LI A:hover {background: #FFFFFF; text-decoration:none; color:#FF6600;}

#MenuBox UL LI.off UL.submenu {visibility: hidden;}
#MenuBox UL LI.on UL.submenu {visibility: visible;}

/*Hlavni treti uroven*/
#MenuBox UL.submenu LI UL.submenu2 {border: white 0px solid; background: #FF6600; width: 140px; padding: 0px; z-index: 10; position:absolute; top: 38px; left: auto; margin-left: 160px;}
#MenuBox UL.submenu LI UL.submenu2 LI {padding: 0px; margin: 0px; _margin-top: -2px; _margin-bottom: -4px; display: block;  background: #FF6300; width:140px; float:none; clear:left;list-style-type: none; border-bottom:solid 1px #fff;border-top:solid 1px #fff;}
#MenuBox UL.submenu LI UL.submenu2 LI A {display: block; color: #fff; margin: 0px; padding: 4px 10px 4px 10px; text-align: left; height: auto; width:140px; text-decoration:none; background: #FF6600;}
#MenuBox UL.submenu LI UL.submenu2 LI A:hover {background: #FFFFFF; text-decoration:none; color:#FF6600;}

#MenuBox  UL.submenu LI.off UL.submenu2 {visibility: hidden;}


/* 1 UROVEN */
ul.Menu {
  left: 0;
  top: 132px;
  font-size: 11px;
  width: 746px;
  height: 32px;
  background-color: #FF6600;
  background-image:url(../img/menuboxbg.gif);
  background-repeat:repeat-x;
  color: #FFFFFF;
  margin: 1px 0 0 0;
  padding:  0 0 0 24px;
 
  cursor: default;
  /* visibility: hidden; */
}

ul.Menu li {
  float: left;
  position: relative;
  list-style-type: none;
  padding: 2px 5px;
  z-index: 10;
	margin:6px 15px 0 0;
  /* MSIE 5.0+ */
  behavior: url("menuitem.htc");
}


ul.Menu li:hover,
ul.Menu li.MenuItemHover{
  background-color:#FFDCC5;
  color: #FF6600;
}

ul.Menu li:hover a,
ul.Menu li.MenuItemHover a{
  background-color:#FFDCC5;
  color: #FF6600;
}


/* 2 UROVEN */
ul.Menu ul {
  position: absolute;
  /*left: -0.5em; doesn't work in opera*/
  /* left: 0px; */
  top: 18px;
  
  z-index: 10;
  width: 120px;
  margin: 0;
  margin-left:-5px;
  _margin-left:-4px;
  padding:0;
  background-color: #FF6600;
  color: #FFFFFF;
  text-align: left;
  border: solid white 1px;
  visibility: hidden;
}

ul.Menu li:hover ul li a,
ul.Menu li.MenuItemHover ul li a{
  background-color:#FF6600;
  color: #FFFFFF;
}

ul.Menu li ul li:hover a,
ul.Menu li ul li.MenuItemHover a{
  background-color:#FFDCC5;
  color: #FF6600;
}


/* 3 UROVEN */
ul.Menu ul ul {
  position: absolute;
  /*left: -0.5em; doesn't work in opera*/
  /* left: 0px; */
  top: 10px;
  
  z-index: 10;
  width: 120px;
  margin: 0;
  margin-left:100px;
  padding:0;
  background-color: #FF6600;
  color: #FFFFFF;
  text-align: left;
  border: solid white 1px;
  visibility: hidden;
}


ul.Menu li:hover ul li ul li a,
ul.Menu li.MenuItemHover ul li ul li a{
  background-color:#FF6600;
  color: #FFFFFF;
}

ul.Menu li ul li ul li:hover a,
ul.Menu li ul li ul  li.MenuItemHover a{
  background-color:#FFDCC5;
  color: #FF6600;
}


/* Dodacne */

ul.Menu a:hover
 {
 background-color: #FFFFFF;
  text-decoration: none;
  color: #FF6600;
}
ul.Menu a
 {
  text-decoration: none;
  color: #FFFFFF;
 }

ul.Menu > li:hover ul,
ul.Menu li.MenuItemHover ul /* MSIE 5.5+ (doesn't work either) */ {
  visibility: visible;
  
}

ul.Menu > li:hover ul ul,
ul.Menu li.MenuItemHover ul ul /* MSIE 5.5+ (doesn't work either) */ {
  visibility: hidden;
 }

ul.Menu > li ul li:hover ul,
ul.Menu li ul li.MenuItemHover ul /* MSIE 5.5+ (doesn't work either) */ {
  visibility: visible;
  
}

ul.Menu ul li {
  float: none;
  width: auto;
  padding: 2px 5px;
  border-bottom:1px white solid;
  margin:0;
}
ul.Menu ul a
 {
  text-decoration: none;
  color: #FFFFFF;
  background-color:#FF6600;
  padding:0;

}