/*
  Autor: leemon.cz
*/

body
{
background: #fafafa url(image/zahlavi_pozadi.png) repeat-x top;
font-size: 12px;
font-family: verdana, "trebuchet ms", "helvetica", "sans-serif";
color: #4e4e4e;
margin: 20px auto 0 auto;
height: 100%;
}

#podklad
{
background: #259F50 url(img/podklad.gif) repeat-x top;
margin: 20px auto 0 auto;
}

#podklad1
{
background: #259F50 url(img/indexpod.jpg) repeat-x top;
margin: 20px auto 0 auto;
}

#spodek
{
text-align: center;
width: 100%;
height: auto;
position: absolute;
margin: auto;
bottom: 0px;
}

#paticka
{
color: #FFFFFF;
font-size: 10px;
margin: auto;
text-align: center;
width: 900px;
height: 100%;
}

#paticka a
{
color: #FFFFFF;
text-decoration: none;
}

#paticka a:hover
{
color: #FFFFFF;
text-decoration: underline;
}

#odsazeni
{
position: absolute; 
top: 50%; 
left: 50%; 
margin: -100px 0px 0px -450px;
}

h1
{
margin: 0;
padding: 0;
}

h1 span
{
display: none;
}

#obsah h2
{
margin: 0;
padding: 20px 0 10px 0;
font-size: 20px;
font-weight: normal;
}

#obsahvelky h2
{
margin: 0;
padding: 20px 0 10px 0;
font-size: 15px;
font-weight: bold;
}

#obsah h3, #obsahvelky h3
{
font-size: 14px;
background-color: #2e2e2e;
width: 450px;
color: #ffffff;
padding: 4px 20px 4px 20px;
margin: 0 0 10px 0;
font-weight: bold;
text-align: center;
}

#obsah h3 .nadpis, #obsahvelky h3 .nadpis
{
font-size: 14px;
background-color: none;
padding: 4px 20px 4px 20px;
margin: 0 0 10px 0;
font-weight: bold;
text-align: left;
}

#obsah a
{
color: #4e4e4e; 
}

#obsah a:hover
{
color: #3a9f5d; 
text-decoration: none;
}

ul
{
padding: 0 30px 0 30px;
margin: 10px 0 20px 0;
line-height: 20px;
}

li a
{
color: #4e4e4e; 
}

li a:hover
{
color: #3a9f5d; 
text-decoration: none;
}

ul .podseznam
{
padding: 0 30px 0 30px;
margin: 5px 0 5px 0;
line-height: 20px;
}
width: 140px;
}

.hr
{
position: relative;
margin: 10px auto 15px;
width: 140px;
}

hr
{
width: 140px;
height: 1px;
color: #dddddd;
background-color: #dddddd; 
border: 0px solid #dddddd;
}

#zahlavi
{
margin: 0 auto;
width: 900px;
height: 162px;
}

#logo
{
float: left;
width: 179px;
height: 162px;
border: none;
}

#obrlogo
{
width: 179px;
height: 162px;
border: none;
}

#banner
{
float: right;
background: url(img/banner.jpg) no-repeat top;
width: 721px;
height: 162px;
}

#podzahlavi
{
clear: both;
margin: 0 auto;
padding: 0;
width: 900px;
height: 34px;
}

#jmb_zeleny
{
float: left;
background: url(img/jmb_zelene.jpg) no-repeat top;
margin: 0;
width: 179px;
height: 34px;
}

#zeleny_pruh
{
float: left;
background: url(img/zeleny_pruh.jpg) repeat-x top;
margin: 0;
width: 542px;
height: 34px;
}

#hlavni
{
clear: both;
margin: 0 auto;
padding: 0;
background: #333b3e url(img/pozadi.png) repeat-y top;
width: 900px;
}

#levy_sloupec
{
float: left;
overflow: visible;
margin: 0 auto;
background: #333b3e url(img/pozadi_menu.jpg) repeat-x top;
width: 179px;
}

#levy_sloupec_dlouhy
{
float: left;
overflow: visible;
margin: 0 auto;
background: #333b3e url(img/pozadi_menu.jpg) repeat-x top;
width: 179px;
}

#menu{
	list-style-type: none;
	margin: 3px 0;
	padding: 0;
	width: 140px;
	border-bottom-width: 0;
	margin-top: 10px;
	margin-left: 10px;
}

#menu li a{
	background: url(image/mtl_pas.jpg) no-repeat;
	font-weight: bold;
  font-size: 12px;
	text-align: left;
	color: #ffffff;
	display: block;
	width: 140px;
	padding: 0 0 0 15px;
	text-decoration: none;
	line-height: 34px;
	height: 34px;
}

* html .menu li a
{
	width: 140px;
}

#menu li a:active{
	color: #930207;
}

#menu li a:hover{
	background: url(img/tl_akt.gif) no-repeat center;
	font-weight: bold;
	color: #2e2e2e;
}

#menu li .aktivni{
	background: url(img/tl_akt.gif) no-repeat center;
	font-weight: bold;
	color: #2e2e2e;
}

#obsah
{
position: relative;
background: #fefefe url(img/podkl.jpg) no-repeat 200px bottom;
vertical-align: top;
left: 3px;
margin: 0 auto;
width: 496px;
min-height: 650px;
_height: 650px;
padding: 0 20px 10px 20px;
}

#obsahvelky
{
float: left;
background: #fefefe;
margin: 0;
width: 701px;
padding: 0 0 0 20px;
}

#obsahvelky table
{
margin: 0 0 0 15px;
border-collapse: colapse;
border: #7e7e7e 2px solid;
}

#obsahvelky td
{
border: #fafafa 1px solid;
}

#obsahvelky .odd
{
background: #f2f2f2;
}

#obsahvelky .odd2
{
background: #dedede;
}

#obsah p, #obsahvelky p
{
padding: 0;
margin: 0;
line-height: 20px;
color: #5e5e5e;
}

#pravy_sloupec
{
float: right;
background: url(img/pozadi_menu.jpg) repeat-x top;
color: #FFFFFF;
margin: 0 auto;
width: 179px;
min-height: 500px;
_height: 500px;
}

#pravy_sloupec h2
{
margin: 0;
padding: 0;
font-size: 15px;
font-weight: bold;
}

#pravy_sloupec p
{
font-size: 9px;
padding: 0 0 0 20px;
}

#pravy_sloupec p a
{
color: #FFFFFF;
text-decoration: none;
}

#pravy_sloupec p a:hover
{
text-decoration: underline;
}

#pravy_sloupec p strong
{
font-size: 11px;
}

#sedy_pruh
{
position: relative;
float: left;
background: url(img/sedy_pruh.jpg) repeat-x top;
margin: 0;
text-align: center;
width: 179px;
height: 34px;
}

#pravy_sloupec h2
{
margin: 20px 0 0 20px;
padding: 0;
font-weight: bold;
}

#zapati
{
background: url(img/zapati.jpg) repeat-x top;
color: #FFFFFF;
font-size: 10px;
clear: both;
margin: 0 auto;
text-align: center;
padding-top: 8px;
width: 900px;
height: 26px;
}

#zapati a
{
color: #FFFFFF;
text-decoration: none;
}

#zapati a:hover
{
color: #FFFFFF;
text-decoration: underline;
}

.certifikat_nahled
{
height: 250px;
width: 200px;
border: 5px #d5d5d5 solid;
margin: 0 0 0 25px;
}


/*
  Vlajecky
*/


.vlajka
{
padding: 0;
border: 0;
height: 16px;
width: 16px;
}

#cze_aktiv
{
position: absolute;
left: 35px;
top: 10px;
background: url(img/cze.png) no-repeat top;
height: 16px;
width: 16px;
}

#cze a
{
position: absolute;
left: 35px;
top: 10px;
background: url(img/cze_sede.png) no-repeat top;
height: 16px;
width: 16px;
}

#cze a:hover
{
background: url(img/cze.png) no-repeat top;
}

#uk_aktiv
{
position: absolute;
left: 65px;
top: 10px;
background: url(img/uk.png) no-repeat top;
height: 16px;
width: 16px;
}

#uk a
{
position: absolute;
left: 65px;
top: 10px;
background: url(img/uk_sede.png) no-repeat top;
height: 16px;
width: 16px;
}

#uk a:hover
{
background: url(img/uk.png) no-repeat top;
}

#ger_aktiv
{
position: absolute;
left: 95px;
top: 10px;
background: url(img/ger.png) no-repeat top;
height: 16px;
width: 16px;
}

#ger a
{
position: absolute;
left: 95px;
top: 10px;
background: url(img/ger_sede.png) no-repeat top;
height: 16px;
width: 16px;
}

#ger a:hover
{
background: url(img/ger.png) no-repeat top;
}

#fra_aktiv
{
position: absolute;
left: 125px;
top: 10px;
background: url(img/fra.png) no-repeat top;
height: 16px;
width: 16px;
}

#fra a
{
position: absolute;
left: 125px;
top: 10px;
background: url(img/fra_sede.png) no-repeat top;
height: 16px;
width: 16px;
}

#fra a:hover
{
background: url(img/fra.png) no-repeat top;
}


/*
  Formuláře
*/


form
{
width: 490px;
margin: 0;
padding: 0;
}

fieldset
{
border: 1px solid #e6e6e6;
color: #6e6e6e;
padding: 10px 0 10px 0;
margin: 10px 0 10px 0;
background: #f9f9f9;
}

form label
{
width: 120px;
float: left;
display:block;
margin: 3px 30px 0 20px;
}

input, textarea, select
{
margin: 0 0 10px 0;
color: #6e6e6e;
}

input, textarea
{
padding: 0 3px;
}

.tlacitko_odeslat
{
color: #FFFFFF;
font-weight: bold;
font-size: 14px;
margin-left: 170px;
width: 100px;
height: 25px;
border: none;
background: url(img/zeleny_pruh.jpg) repeat-x top;
text-align: center;
cursor:pointer;
}


/*
  Tabulky
*/


.tabulka
{
width: 490px;
border-collapse: collapse;
background: #dedede;
border: #cecece 1px solid;
margin: 0 0 10px 0;
}

.tabulka tr
{
text-align: center;
}

.tabulka img
{
margin: 5px 0 0 0;
height: 16px;
width: 16px;
}

.tabulka td
{
padding: 2px 0;
width: 30px;
}

.odd 
{
background-color: #f0f0f0;
}

.tabulka .zahlavi
{
background-color: #6e6e6e;
color: #ffffff;
}

.tabulka2
{
width: 500px;
border-collapse: collapse;
background: #dedede;
border: #cecece 1px solid;
margin: 0 0 10px 0;
}

.tabulka2 tr
{
text-align: center;
}

.tabulka2 td
{
padding: 2px 2px;
width: 30px;
font-size: 9px;
}

.tabulka2 .zahlavi
{
background-color: #6e6e6e;
color: #ffffff;
}

.legenda
{
height: 16px;
width: 16px;
padding: 0;
margin: 5px 0 0 20px;
}

.legenda_text
{
line-height: 10px;
font-size: 12px;
padding: 0 0 0 10px;
}

.indexpoz
{
background-color: ; 
width: 900px; 
height: 580px; 
position: absolute; 
top: 50%; 
left: 50%; 
margin: -290px 0px 0px -450px;
}