@font-face {
	font-family: nunito;
	src: url('/FONT/nunito.ttf');
}


body { background-image: url('/IMG/gray-repeat.jpg'); background-repeat: repeat; background-attachment: fixed; text-align: center; margin: 0px; font-family: ui-rounded, 'Hiragino Maru Gothic ProN', Quicksand, Comfortaa, Manjari, 'Arial Rounded MT', 'Arial Rounded MT Bold', Calibri, source-sans-pro, sans-serif;
	font-weight: normal;;  }

h1 { margin: 60px 10px 10px 25px; font-size: 2.5em; font-weight: normal; color: #aaa; text-shadow: 3px 2px 2px #ddd; }
h1:first-child { margin-top: 0px; }
h2 { margin: 10px 0px 10px 30px; font-size: 1.5em; font-weight: normal; color: #444; text-shadow: 2px 1px 2px #ddd; }

p { margin: 5px 20px 10px 30px; font-weight: bold; }

a { color: #25A; transition: 0.2s; text-decoration: none; }
a:hover { color: #29F; }

.main { width: 100%; height: 100%;
	background: linear-gradient(to bottom, #666 0px, #333 150px, #000 151px); background-size: auto 151px; background-repeat: repeat-x;
}
.top { font-size: 2em; color: WHITE; text-shadow: 1px 1px 3px BLACK; font-weight: bold; padding-top: 15px; }

.menu { display: none; }
.menu a {  }

.page { text-align: left; width: 70%; margin: 0px auto 20px auto; padding-top: calc(70%/3.6); border-radius: 10px; border: 2px solid WHITE; box-shadow: 2px 2px 10px BLACK;
	background-color: WHITE; background-image: url('/IMG/panorama_jaro.jpg'); background-repeat: no-repeat; background-size: contain;
}

.foot { padding: 10px; background: linear-gradient(to top, #444, #222); border-radius: 0px 0px 10px 10px; text-align: center; color: WHITE; font-weight: bold; font-size: .7em; text-shadow: 1px 1px 3px BLACK; }

.ceil_box { margin: 0px 0px 50px 25px; }

.kontakt { width: 200px; padding-left: 70px; background-position: left center; background-repeat: no-repeat; background-size: contain; }
.kontakt span { display: block; }
.adresa { background-image: url('/IMG/writing.png'); }
.osoba { background-image: url('/IMG/default-user.png');  display: inline-block; }
.osoba .jmeno { font-size: 1.1em; }
.osoba .telefon {  }
.osoba .funkce { font-size: .8em; color: GRAY; }

.file_ico { display: inline-block; width: 23%; margin: 3px; min-width: 100px; max-width: 150px; height: 150px; text-align: center; text-overflow: ellipsis; overflow: hidden; }
.file_ico img { display: block; margin: 0px auto; }

.file_list { display: table; }
.file_list img { width: 24px; margin-right: 8px; }

.file_ico, .file_list { color: #224; font-weight: bold; }
.file_ico:hover, .file_list:hover { color: #047; }