/*obecne tridy a znacky*/
body {
    border: none ;
    font-size: 90% ;
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
	line-height: 120% ;
	background-color: #fbfcff ; 
}
a:hover, a:focus {
	color: red ;
}
.konec {
    clear: both ;
}
.stred {
	text-align: center ;
}
.doprava {
	text-align: right;
}
.stredit {
	margin: 1em auto ;
}
.extra {
	color: red ;
	font-weight: bold ;
	text-align: center ;
}
table {
	border-collapse: collapse;
	margin: 1ex ;
}
td,th {
	border: solid black 1px ;
	padding: 0.5ex ;
	text-align: center ;
}
caption {
	font-weight: bold ;
	margin-top: 3em ;
}

table th {
    background-color: #C2E1F7;
}
table tr {
	background-color: #e5eff7 ;
}
table tr.sudy {
	background-color: #DBF0FF ;
}

img {
	border: solid black 1px ;
}
img.fotecka {
	float: left ;
	margin: 0 3ex 1em 1ex ;
}
h1 {
	font-size: 120% ;
	line-height: 120% ;
	text-align: center;
}

/*Pomucky pro nevidome a lidi ovladajici web klavesnici, popis hlavnich boxu stranky, skoky na navigaci atd.*/
.skryte {
	position: absolute;
	top: 0px ;
	left: -1000px ;
}
legend.skryte {
	display: none ;
}
a.skryte:focus, a.skryte:active {
	position: relative;
	top: 0px ;
	left: 0px ;
}

/*layout
- zde jsou jen a ciste definice pro rozlozeni, tedy zadne velikosti pismen, barvy textu, obrazky atd.
- Nutne mit sirku menu a praveho sloupce stejnou, jinak nebude stred strany uprostred ViewPortu
*/

body {
    margin: 100px 0 0 0;
    padding: 0 ;
    width: 100% ;
}

div#hlavicka {
    position: absolute ;
    top: 0 ;
    left: 0 ;
    height: 100px ;
    width: 100% ;
    margin: 0 ;
    padding: 0 ;
}

#menu {
	position: absolute ;
	top: 102px ;
	left: 0 ;
	width: 12em ; /*sirka menu*/
	margin: 0 ;
}

#obsah {
	margin: 0 12em 0 12em;
	padding: 0 ;
}

#pravy {
    position: absolute ;
    top: 102px ; /*vyska horniho boxu + sirka carz borderu vrchniho boxu*/
    right: 0 ;
    width: 12em ; /*sirka praveho sloupce*/
    margin: 0 ;
    padding: 0 ;
}

#paticka {
	/*Nutne pouzi stejny zpusob pozicovani jako u obsahu, jinak to muze obcas o par pixelu utect*/
	margin: 0 12em 0 12em;
	padding: 0 ;
	clear: both ;
}
/*hlavicka*/
div#hlavicka {
	/*background-color: red ;*/
    border-bottom: solid #d4dff1 2px ;

}
div#hlavicka ul#arealy {
	position: absolute ;
	bottom: 0 ;
	width: 100% ;
}
div#hlavicka img {
	border: none ;
}
div#hlavicka a#logo {
	position: absolute ;
	top: 0 ;
	left: 1ex ;
}
div#hlavicka ul {
    margin: 0 0 0 0 ;
    padding: 0.5ex 0 ;
	text-align: center ;
}
div#hlavicka ul#menu-jazyky {
	text-align: right ;
	margin: 1em 0 ;
}
div#hlavicka li {
    display: inline;
    list-style-type: none;
    padding: 0;
    margin: 0 0.5ex 0 0  ;
}

div#hlavicka li a {
    padding: 0.5ex ;
    margin: 0 ;
    color: black ;
    text-decoration: none ;
    font-weight: bold ;
    background-color: #b4ceff ;
}

div#hlavicka li a:hover,div#hlavicka li a:focus,div#hlavicka li a.aktivni {
    color: white ;
    background-color: #D93038 ;
    border-bottom: solid #2f488b 1px ;
    background-image: none;
}
/*Leve menu*/
div#menu {
    border-bottom: solid #d4dff1 2px ;
	border-right: solid #d4dff1 2px ;
	background-color: #EBEBFF;
}
div#menu img {
	border: none ;
}
div#menu div {
	margin: 1em auto ;
	width: 85%;
	text-align: center ;
}

div#menu ul {
	margin: 1em 0;
	padding: 0 ;
}

div#menu li {
    list-style-type: none;
	border-bottom: solid white 1px ;
}

div#menu li a {
    border-left: solid #ABABAB 5px ;
    display: block;
    padding: 0.5ex ;
}
div#menu li a:hover,div#menu li a:focus,div#menu li a.aktivni {
    border-color: #D93038;
}
div#menu h4 {
    padding: 0.5ex 0 0.5ex 1ex;
	margin: 0 ;
    color: black ;
    font-weight: bold;
    background-color: #b4ceff;
    border-top: solid #d4dff1 2px ;
	border-bottom: solid #d4dff1 2px ;
}
ul#aktuality {
	margin: 0 auto 1em auto ;
	padding: 0 ;
	width: 80% ;
}
ul#aktuality li {
	padding: 1em 0 0 0;
	font-size: 90% ;
	border-bottom: none;
}

/*Pravy*/
div#pravy {
	background-color: #EBEBFF;
	text-align: center;
    border-left: solid #d4dff1 2px ;
	border-bottom: solid #d4dff1 2px ;
}
div#pravy ul {
    padding: 0 ;
    margin: 0 0 1em 0;
}
div#pravy li {
    list-style-type: none;
    margin: 1em 0 0 0 ;
    padding-bottom: 1ex ;
}
div#pravy li a {
	line-height:200% ;
}
div#pravy img {
	border: solid #dbe8fb 2px ;
}

/*Obsah*/
div#obsah {
	padding-top: 1em ;
}
div#obsah h3 {
	margin: 1ex 0 0 1ex ;
}
div#obsah ul {
	margin: 0 ;
}
div#vstup {
	text-align: center ;
	margin: 1em 0 ;
}
div#obsah p {
	margin: 1ex ;
}
/*Formulare*/
form.stejne {
	width: 30em ;
	margin: 2em auto ;
}

form.stejne fieldset {
	border: solid #2f488b 1px ;
	margin-bottom: 1em ;
	padding: 1em ;
}
form.stejne fieldset legend {
	color: #2f488b ;
}
form.stejne label {
	display: block ;
	float: left ;
	margin: 0.5ex ;
}

.fotogalerie {
	margin: 1em ;
}
p.fotogalerie {
	margin-top: 0 ;
}
.fotogalerie img {
	margin: 1ex 2ex 1ex 0 ;
}
label.oramovat {
	border: solid red 1px ;
	padding: 0.5ex ;
	margin: 0.5ex ;
}
p.chyba {
	font-size: 120% ;
	font-weight: bold ;
	color: red ;
}

/*Paticka*/
div#paticka {
	margin-top: 1em ;
	border-top: solid gray 1px ;
	text-align: right;
	padding: 1ex ;
}