@charset "UTF-8";

/* SpryMenuBarVertical.css - version 0.6 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
ul.MenuBarVertical
{
	list-style-type: none;
	cursor: default;
	width: 132px;
	padding: 0;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	float: left;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li
{
	padding: 0;
	list-style-type: none;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 130px;
	white-space: nowrap;
	overflow: hidden;
	margin: 0;
	height: 40px;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
{
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: absolute;
	z-index: 1020;
	cursor: default;
	left: -1000em;
	top: 0;
	margin: 0%;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
{
	float: none;
	width: 130px;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: auto;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
{
	display: block;
	cursor: pointer;
	color: #066;
	background-image: url(../images/pozad_tla.jpg);
	background-repeat: repeat-x;
	font-size: 12px;
	height: 30px;
	text-align: center;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	padding: 8px;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
{
	color: #000;
	background-image: url(../images/pozad_tla_b.jpg);
	font-size: 13px;
	background-repeat: repeat-x;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 7px;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
{
}
/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarVertical iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarVertical li.MenuBarItemIE
	{
	display: inline;
	f\loat: left;
	}
}
body  {
	margin: 0; /* Je vhodné nastavit nulový okraj a odsazení elementu body a umožnit tak použití různých výchozích hodnot prohlížeče. */
	padding: 0;
	text-align: center; /* Umístí kontejnery na střed v prohlížečích IE 5*. Text je nastaven na výchozí zarovnání vlevo v selektoru #container. */
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #0C9;
}
.zelenymustr #container {
	position: relative; /* Přidání nastavení position: relative umožňuje relativní umístění dvou postranních lišt vzhledem k tomuto kontejneru. */
	width: 800px;
	text-align: left; /* Dojde k potlačení zarovnání textu: zarovnání na střed u elementu body. */
	background-image: url(../images/pozad_telo.jpg);
	background-repeat: repeat-y;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-style: normal;
} 

/* Tipy pro absolutně umístěné postranní lišty se záhlavím a zápatím:
1. Absolutně umístěné (AP) elementy musí mít nastavenu horní a boční hodnotu, buď vlevo, nebo vpravo. (Ve výchozí podobě, není-li zadána žádná horní hodnota, bude element AP začínat bezprostředně za posledním elementem ve zdrojovém pořadí stránky. To znamená, že pokud jsou postranní lišty prvním elementem v tagu #container ve zdrojovém pořadí dokumentu, zobrazí se v elementu #container nahoře, aniž by byla nastavena horní hodnota. Pokud však později dojde z jakéhokoli důvodu k jejich přesunutí ve zdrojovém pořadí, bude nutné nastavit horní hodnotu požadovaného umístění.
2. Absolutně umístěné (AP) elementy jsou vyjmuty z toku dokumentu. To znamená, že elementy kolem nich nejsou vázány jejich existencí a nezohledňují je při nacházení vlastní polohy na stránce. Tag AP div proto používejte pouze jako postranní sloupec, pokud jste si jisti, že prostřední element #mainContent div bude vždy obsahovat nejvíce obsahu. Pokud bude některá z postranních lišt obsahovat více obsahu, bude tato lišta přesahovat spodní okraj nadřazeného tagu div, a v tomto případě i zápatí, a její obsah se nebude zobrazovat.
3. Pokud jsou výše uvedené podmínky splněny, absolutně umístěné postranní lišty představují snadný způsob ovládání zdrojového pořadí dokumentu.
4. Pokud dojde ke změně zdrojového pořadí. Musí horní hodnota odpovídat výšce záhlaví, jelikož tak dojde k vizuálnímu zarovnání sloupců se záhlavím.
*/
.zelenymustr #header {
	height: 120px;  /* Toto odsazení odpovídá zarovnání vlevo u elementů v tazích div, které se nacházejí pod ním. Pokud je v tagu #header použit obraz namísto textu, můžete chtít odsazení odstranit. */
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	margin: 0px;
} 
.zelenymustr #header h1 {
	margin: 0; /* Použitím odsazení namísto okraje umožníte ponechání elementu ve vzdálenosti od okrajů tagu div. */
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}
.zelenymustr #mainContent {
	margin-top: 0;
	margin-right: 212px;
	margin-bottom: 0;
	margin-left: 140px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
}
.zelenymustr #mainContent_zivocisna {
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 140px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	text-align: left;
}
.na_stred {
	text-align: center;
}
.zelenymustr #footer {
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
} 
.zelenymustr #footer p {
	margin: 0; /* Vynulováním okrajů prvního elementu v zápatí zabráníte možnému sbalení okraje – vzniku mezery mezi tagy div. */
	padding: 0px; /* Odsazení tohoto elementu vytvoří mezeru stejně jako okraj, avšak bez problému se sbalením okraje. */
}
.fltrt { /* Tuto třídu lze použít pro nastavení plovoucího elementu vpravo na stránce. Plovoucí element musí předcházet element, vedle kterého se má na stránce zobrazovat. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* Tuto třídu lze použít pro nastavení plovoucího elementu vlevo na stránce. */
	float: left;
	margin-right: 8px;
}
.zelenymustr #mainContent_1 {
	margin-top: 0;
	margin-right: 288px;
	margin-bottom: 0;
	margin-left: 140px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	width: 370px;
	font-style: normal;
}
.zelenymustr #mainContent_2 {
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 140px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.zelenymustr #mainContent_3 {
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-repeat: no-repeat;
	background-position: 0px;
}
.zelenymustr #mainContent_3_h2barv {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	background-image: none;
	color: #C30;
	line-height: 36px;
	font-weight: bold;
}
.zelenymustr #sidebar_1 {
	position: absolute;
	top: 120px;
	right: 0;
	width: 230px;
	margin-right: -10px;
	background-color: #0F9;
	border: thin solid #063;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	background-image: url(../1_infoofirme/post_holub.jpg);
	background-repeat: no-repeat;
	background-position: 156px 0px;
	font-style: normal;
	font-size: 14px;
}
.zelenymustr #sidebar_p_ram {
	position: absolute;
	top: 120px;
	right: 0;
	width: 160px;
	margin-right: -8px;
	background-color: #0F9;
	border: thin solid #063;
	padding-top: 40px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	background-image: url(../images/aktuinfo_t.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
}
.zelenymustr #container #sidebar_p_ram_textstred {
	text-align: center;
}
.zelenymustr #mainContent_in {
	margin-top: 0;
	margin-right: 176px;
	margin-bottom: 0;
	margin-left: 138px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-image: url(../images/krava_tit.jpg);
	background-repeat: no-repeat;
	background-position: 2px 0px;
}