@charset "windows-1250";
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background: #003446;
	margin: 0;
	padding: 0;
	color: #6a686e;
}

/* Obecná nastavení */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	
	padding-right: 15px;
	padding-left: 15px; 
}

h1 {
	
	font-size: 1.8em;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;}
	
	
	h2 {
	
	font-size: 1.4em;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;}
	
	
	
	h3 {
	
	font-size: 1.2em;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	}
	

	h4 {
	
	font-size: 1.1em;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	}

a img {
	border: none;
}


a:link {
	color: #42413C;
	text-decoration: underline; 
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}

/* Hlavní obsah */
.container {
	width: 1050px;
	background: #FFF;
	margin: 0 auto; 
	margin-top: 20px;
	padding: 30px;
}


.header {
	background: #fff;
	 margin-bottom: 20px;
}


#menu {
	background-color: #900;
	
	}
	
.menu{
    width: 100%;

    background-color: #333; }
	
.menu ul{
    margin: 0; padding: 0;
    float: left;
	}
 
.menu ul li{
    display: inline;}
 
.menu ul li a{
	float: left;
	text-decoration: none;
	color: white;
	padding: 10.5px 30px;
	background-color: #333;
	font-size: 22px;

}
 
.menu ul li a:visited{
    color: white;}
 
.menu ul li a:hover, .menu ul li .current{
    color: #fff;
    background-color:#00aeef;}	






/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop3.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* style the outer div to give it width */
.menu2 {font-size:22px;padding-bottom:0px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu2 ul {padding:0;margin:0;list-style-type:none; height:2.5em; background:#333333;}

/* style the sub-level lists */
.menu2 ul ul {width:15em;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu2 ul li {float:left;height:2.5em;line-height:2.5em;}

/* style the sub level list items */
.menu2 ul ul li {display:block;width:12em;height:auto;position:relative;line-height:1em;}

/* style the links for the top level */
.menu2 a, .menu2 a:visited {display:block;float:left;height:100%;font-size:1em;text-decoration:none;color:#fff;background:#333333;padding:0 30px 0 30px;}

/* style the highlighted links for the top level */
.menu2 a.current, .menu2 a:visited.current {background:#666;}

/* style the sub level links */
.menu2 ul ul a, .menu2 ul ul a:visited {display:block;background:#00aeef; color:#fff;width:12em;height:100%;line-height:1em; padding:0.5em 1em;font-size: 0.8em;}
.menu2 ul table ul a, .menu2 ul table ul a:visited  {width:14em; w\idth:12em;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu2 table {position:absolute; left:0; top:0; font-size:1em; z-index:-1;}
.menu2 ul ul table {lef\t:-1px;}
.menu2 ul ul table ul.left {margin-lef\t:2px;}

.menu2 li:hover {position:relative;}
* html .menu2 a:hover {position:relative;}

/* style the third level background */
.menu2 ul ul ul a, .menu2 ul ul ul a:visited {background:#00AEEF;}
/* style the fourth level background */
.menu2 ul ul ul ul a, .menu2 ul ul ul ul a:visited {background:#00AEEF;}
/* style the sub level 1 background */
.menu2 ul :hover a.sub1 {background:#333333;}
/* style the sub level 2 background */
.menu2 ul ul :hover a.sub2 {background:#333333;}

/* style the level hovers */
/* first */
.menu2 a:hover {color:#fff;background:#00aeef;}
.menu2 :hover > a {color:#fff;background:#00aeef;}
/* second */
.menu2 ul ul a:hover{color:#eee;background:#555;}
.menu2 ul ul :hover > a {color:#eee;background:#555;}
/* third */
.menu2 ul ul ul a:hover {background:#333333;}
.menu2 ul ul ul :hover > a {background:#333333;}
/* fourth */
.menu2 ul ul ul ul a:hover {background:#333333;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu2 ul ul {visibility:hidden;position:absolute;height:0;top:2.5em;left:0;width:14em;}

/* position the third level flyout menu */
.menu2 ul ul ul{left:11em;top:0;width:11em;}

/* position the third level flyout menu for a left flyout */
.menu2 ul ul ul.left {left:-11em;}


/* make the second level visible when hover on first level list OR link */
.menu2 ul li:hover ul, .menu2 ul a:hover ul {visibility:visible; height:auto; padding-bottom:2.5em; background:transparent url(css/images/trans.gif);}
/* keep the third level hidden when you hover on first level list OR link */
.menu2 ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu2 ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu2 ul :hover ul :hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
.menu2 ul :hover ul :hover ul :hover ul {visibility:visible;}




	

/* ~~ Sloupce rozvržení ~~ 

1) Odsazení je použito pouze v horní a/nebo spodní části elementu div. Elementy v elementu div vnořené obsahují odsazení po stranách. Tímto způsobem není třeba „počítat“ rámečkový model. Je třeba si uvědomit, že pokud k samotnému elementu div přidáte boční odsazení nebo okraj, budou tyto hodnoty spolu se zadanou šířkou použity k určení *celkové* šířky. Postupovat můžete také takovým způsobem, že z elementu div odstraníte hodnotu odsazení a přidáte do něj druhý element div bez zadané šířky a s odsazením, které ve vašem návrhu chcete použít.

2) Všechny sloupce jsou plovoucí a neobsahují tedy žádné okraje. Pokud je přidání okrajů nezbytné, nevkládejte je ve směru, ve kterém budou plout (např. pravý okraj u elementu div, který bude plout vpravo). V mnoha případech lze místo toho použít odsazení. V případě elementů div, kde toto pravidlo nelze dodržet, použijte v pravidlech elementu div příkaz „display:inline“. Zabráníte tak výskytu chyby, která u některých verzí prohlížeče Internet Explorer způsobuje zdvojení okrajů.

3) Vzhledem k tomu, že třídy mohou být v dokumentu použity několikrát (stejně tak několik tříd může být použito na jeden element), jsou sloupce označeny názvem třídy namísto ID. Např. dva elementy div pro boční sloupce můžete podle potřeby vrstvit na sebe. Pokud vám více vyhovuje označení pomocí ID, můžete toto nastavení snadno změnit s podmínkou, že každé ID bude v dokumentu použito pouze jednou.

4) Chcete-li navigační prvky umístit po pravé straně namísto po levé, stačí nechat tyto sloupce plout v opačném směru (všechny vlevo, ne vpravo). Budou tak zobrazeny v opačném pořadí a není potřeba elementy div přesouvat ve zdrojovém kódu HTML.

*/


.promo{
    width: 100%;
    background-color: #555;
	background-image:url(img/mainimg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	min-height: 325px;
	clear:left; }

.sidebar1 {
	float: right;
	width: 300px;
	background: #eee;
	/**padding-bottom: 10px;**/
}
.sidebar1 img {

	margin-bottom: 20px;
}
.content {

	padding: 30px 0;
	width: 750px;
	float: right;
}

/* ~~ Tato skupina selektorů slouží k vytvoření seznamů v oblasti elementu .content. ~~ */
.content ul, .content ol { 
	padding: 0 15px 15px 40px; /* Toto odsazení imituje vzhled pravého odsazení ve výše uvedeném pravidle záhlaví a odstavce. Odsazení se nachází ve spodní části, aby v prostoru mezi ostatními elementy v seznamech a v levé části vytvořilo odrážku. Toto nastavení může být podle potřeby upraveno. */
}

/* ~~ Styly navigačních seznamů (pokud se rozhodnete použít předem připravenou rozbalovací nabídku Spry) ~~ */
ul.nav {
	list-style: none; /* Slouží k odebrání značky v seznamu. */
	border-top: 1px solid #666; /* Slouží k vytvoření horního okraje odkazů – ostatní jsou vytvořeny pomocí spodního okraje definovaného v elementu LI. */
	margin-bottom: 15px; /* Slouží k vytvoření prostoru mezi prvky navigace a dalším obsahem umístěným níže. */
	
    float: left;
	width: 780px;
}
ul.nav li {
	border-bottom: 1px solid #666; /* Slouží k vytvoření mezery mezi tlačítky. */
	display: inline;
}
ul.nav a, ul.nav a:visited { /* Při seskupování těchto selektorů dbejte, aby si odkazy zachovaly vzhled tlačítka i po otevření. */
	padding: 5px 5px 5px 15px;
	display: block; /* Umožňuje přiřadit odkazu vlastnosti bloku, čímž způsobí, že odkaz vyplní celý prostor položky seznamu definované elementem LI. Celá oblast tak bude reagovat na klepnutí tlačítkem myši. */
	width: 160px;  /*Zadáním této šířky zajistíte, že v prohlížeči IE6 bude celá oblast tlačítka reagovat na klepnutí tlačítkem myši. Pokud není podpora prohlížeče IE6 zapotřebí, můžete ji odstranit. Správnou šířku určíte odečtením velikosti odsazení odkazu od šířky kontejneru bočních sloupců. */
	text-decoration: none;
	background: #C6D580;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* Slouží ke změně pozadí a barvy textu u navigačních prvků pro myš i klávesnici. */
	background: #ADB96E;
	color: #FFF;
}

/* ~~ Zápatí ~~ */
.footer {
	padding: 10px 0;
	background: #a8a9ad;
	position: relative;/* Umožňuje řádné vyčištění rozvržení (parametr hasLayout) v prohlížeči IE6. */
	clear: both; /* Díky této vlastnosti čištění může třída .container určit, kde sloupce končí, a poté je obsáhnout. */
	text-align: right;
}

/* ~~ Různé třídy plovoucích elementů, vymazání elementů ~~ */
.fltrt {  /* Tuto třídu můžete použít k umístění plovoucího elementu v pravé části stránky. Plovoucí element se musí nacházet před elementem, vedle kterého má být na stránce umístěn. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* Tuto třídu můžete použít k umístění plovoucího elementu v levé části stránky. Plovoucí element se musí nacházet před elementem, vedle kterého má být na stránce umístěn. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* Pokud je z kontejneru odebrán element .footer, můžete tuto třídu aplikovat na prázdný element div nebo <br /> jako konečný element po posledním plovoucím elementu div (v rámci kontejneru). */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}



/* Logo  */
.logo {
	margin:0 0;
	position:relative;
	text-align:left;
	width:224px;
	height:122px;
	display:block;
	font-family:arial, sans-serif;
	font-size:0.8em;
}
.logo span {
	display:block;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	cursor:pointer;
}
.bglogo {
	background-image:url('img/pfd-logo.gif');
}
.viktor {
	
	clear:left;
	}
	
	th {
		text-align:left;
		border-bottom: 1px grey solid;}
		
		
		
		a.button{
/**background:url(img/button.jpg);**/
display:block;
color:#555555;
font-weight:bold;
height:30px;
line-height:69px;
margin-bottom:14px;

width:491px;
}
a:hover.button{

}


.pdf{
background:url(img/pdf.jpg) no-repeat 10px 8px;
text-indent:80px;
display:block;
}

.sm {
	font-size: 80%;}
	
img.fl {
	
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;}
	
img.fr {
	
	float: right;
	margin-right: 15px;
	margin-bottom: 15px;}