/* Hlavni styly, nastaveni prvku napric HTML */
body {font-family: Georgia, sans-serif; text-transform: uppercase; font-size: 1em; color: #000; background-color: #FFF;}
html, body {height: 100%;}
a {color: #000;}
form {margin-bottom: 5px;}
input[type="text"], input[type="password"], select, textarea {width: 200px; height: 20px; padding: 2px 5px; border: 1px solid #000;}
select {width: 212px; height: 26px;}
textarea {height: 60px;}
input[type="reset"], input[type="submit"] {padding: 0px 25px; height: 30px; line-height: 30px; border: none; background-color: #FFF; cursor: pointer; float: left; margin-top: 10px; border-radius: 5px; box-shadow: 0px 0px 3px 0px #CCC;}
input[type="reset"] {clear: left;}
h1, h2, h3, h4, h5, h6 {text-transform: uppercase; font-weight: bold;}
h1 {font-size: 1.5em;}
h2 {font-size: 1.9em;}
h1 {text-align: center; padding: 1em 0em;}
h3 {font-size: 1.7em;}
h4 {font-size: 1.5em;}
main {display: block;}

/* Wrapper na postrankach */
#wrapper {min-height: 100%;}

/* Bezne pouzivane tridy */
.f-left {float: left;}
.f-right {float: right;}
.clear-before {clear: both;}
.clear-after:after {content: ""; display: block; width: 100%; height: 1px; clear: both;}
.required {font-weight: bold;}
.required:before {content: "*\A0"; color: #C00;}
.content {width: 980px; padding: 0px 70px; margin: 0px auto;}

/* Hlavicka */
body > header, #wrapper > header {position: fixed; top: 0px; left: 0px; width: 100%; height: 85px; text-align: center; background-color: #FFF; z-index: 49;}
body > header:before, #wrapper > header:before, body > header:after, #wrapper > header:after {content: ""; display: block; width: 50%; width: calc(50% - 10px); height: 10px; position: absolute; bottom: -10px; left: 0px; background-color: #FFF; border: 0px solid #FFF;}
body > header:after, #wrapper > header:after {left: auto; right: 0px;}
header .logo {position: absolute; top: 0px; left: 20%; left: calc(50% - 560px); display: block; height: 85px; line-height: 85px;}
header .logo:before {content: ""; display: block; width: 0px; height: 0px; position: fixed; top: 75px; left: 50%; left: calc(50% - 10px); border: 10px solid #FFF; border-bottom-color: transparent;}

/* Hlavni navigace stranek */
nav {height: 85px; position: absolute; top: 0px; right: 20%; right: calc(50% - 560px); background-color: #FFF; z-index: 29;}
nav > ul {text-align: center; height: 85px; white-space: nowrap;}
nav > ul > li {display: inline-block; height: 85px; line-height: 85px; position: relative;}
nav > ul > li:before {content: ""; display: inline-block; width: 14px; height: 20px; background: transparent url('../images/menu_separator.png') 50% 50% no-repeat; vertical-align: -6px; margin: 0px 5px;}
nav > ul > li:first-child:before {content: none;}

/* Obsah stranek */
main {height: 100%; min-height: 100%;}
main article {min-height: 100%; min-height: calc(100% - 110px); min-width: 1120px; padding-bottom: 110px; text-align: justify; position: relative;}
main article:before {content: ""; display: block; width: 23px; height: 48px; background: transparent url('../images/arrow_white.png') 50% 50% no-repeat; position: absolute; left: 50%; left: calc(50% - 11px); bottom: 31px;}
main article:nth-child(2n):before {background-image: url('../images/arrow_black.png');}
main article.page7:before {content: none;}
main article > a:first-child, main article .content > a:first-child, footer > a:first-child {width: 100%; height: 100px; display: block; background: transparent;}
main article h1, main article h2, footer h2 {margin: 15px 0px 25px 0px;}
main article p, main article table {font-size: 1.25rem; line-height: 1.75rem; margin-bottom: 2rem;}

main article.page1 {background: transparent url('../images/bg_page_1.jpg') 50% 50% no-repeat; background-size: cover; text-align: center;}
main article.page2 {background: transparent url('../images/bg_page_2.png') 50% 50% repeat;}
main article.page3 {background: transparent url('../images/bg_page_3.jpg') 50% 50% no-repeat; background-size: cover; color: #F8F6D8;}
main article.page4 {background: transparent url('../images/bg_page_4.jpg') 50% 50% no-repeat; background-size: cover;}
main article.page5 {background: transparent url('../images/bg_page_5.png') 50% 50% repeat; text-align: center;}
main article.page6 {background: transparent url('../images/bg_page_6.jpg') 50% 50% no-repeat; background-size: cover;}
main article.page7 {background: transparent url('../images/bg_page_7.jpg') 50% 50% no-repeat; background-size: cover; color: #F8F6D8;}
main article.page3 a, main article.page7 a {color: #F8F6D8;}

main article.page1 h1 {margin-top: 3rem;}
main article.page1 h1 + h2 {margin-top: 14rem;}
main article.page1 h1 + h2 img {visibility: hidden;}
main article.page1 h1 + h2 + h2 p {color: #F8F6D8; display: inline-block; vertical-align: -33px; font-size: 1.2em; margin-left: 15px; font-weight: normal;}
@media (min-width: 1919px) {
	main article.page1 h1 {position: relative; left: -560px; top: 685px;}
	main article.page1 h1 + h2 + h2 {position: relative; left: 550px; top: 125px; text-align: right; width: 745px;}
}
main article .languages {margin: 6rem 0rem 2rem 0rem; position: relative; z-index: 9;}
main article .languages a {color: #FFF; font-size: 1.3rem; margin: 0px 10px;}
main article .languages a:hover, main article .languages a.active {color: #F8F6D8; text-decoration: underline;}
main article h2 {margin: 2rem 0rem 4rem 0rem;}

.resources {height: 160px; line-height: 160px; text-align: center;}
.resources .resource {display: inline-block; width: 190px; border-left: 1px solid #CCC;}
.resources .resource:first-child {border-left: 0px;}

main article.page6 table td {padding: 1rem 3rem; border-top: 1px solid #000; white-space: nowrap;}
main article.page6 table tr:first-child td {border: none;}

main article.page7 h2 {text-align: center; margin-bottom: 0px;}
main article.page7 form {float: left; width: 45%;}
main article.page7 p {float: right; width: 45%;}
main article.page7 script + * {padding-top: 230px;}

.form.kontaktni-formular {padding-top: 230px; background: transparent url('../images/arrow_form.png') 0% 0% no-repeat;}
.form.kontaktni-formular label {display: none;}
.form.kontaktni-formular input[type="text"], .form.kontaktni-formular textarea {width: 445px; height: 30px; line-height: 30px; padding: 10px 20px; border: none; float: left; margin-bottom: 10px; font-family: Georgia, serif; font-size: 1.25em;}
.form.kontaktni-formular textarea {height: 72px;}
.form.kontaktni-formular input[placeholder="Telefon"], .form.kontaktni-formular input[placeholder="E-mail"] {width: 197px;}
.form.kontaktni-formular input[placeholder="Telefon"] {margin-right: 11px;}
.form.kontaktni-formular input::-webkit-input-placeholder, .form.kontaktni-formular textarea::-webkit-input-placeholder {text-transform: uppercase;}
.form.kontaktni-formular input::-moz-placeholder, .form.kontaktni-formular textarea::-moz-placeholder {text-transform: uppercase;}
.form.kontaktni-formular input:-ms-input-placeholder, .form.kontaktni-formular textarea:-ms-input-placeholder {text-transform: uppercase;}
.form.kontaktni-formular input[type="reset"] {display: none;}
.form.kontaktni-formular input[type="submit"] {display: block; width: 485px; height: 60px; line-height: 60px; padding: 0px 105px 0px 0px; margin: 0px; font-family: Georgia, serif; font-size: 1.25em; text-align: right; border-radius: 0px; box-shadow: none; color: #3A2927; position: relative; top: -10px; text-transform: uppercase; cursor: pointer; background: #FFF url(../images/arrow_submit.png) 96% 50% no-repeat;}

#message, #formerror, #response {display: block; width: 500px; height: auto; position: fixed; left: 50%; left: calc(50% - 250px); top: 50%; top: calc(50% - 50px); background-color: #3A2927; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); display: none; text-align: center; line-height: 25px; font-size: 1.2em; color: #F8F6D8; border-top: 5px solid #F8F6D8; padding: 50px 0px;}
#formerror {line-height: 20px;}
.click-close:before {content: "x"; display: block; width: 35px; height: 35px; background-color: #F8F6D8; font-family: "Arial Black", Gadget, sans-serif; position: absolute; top: 5px; right: 5px; color: #3A2927; cursor: pointer;  line-height: 33px;}

/* Vypis alb */
.album_div {float: left; width: 49%; margin-bottom: 15px;}
.album_div:nth-child(2n+1) {clear: left; padding-right: 2%;}
.album_div .header {font-size: 2em; padding-left: 5px; text-decoration: none; display: block; margin-bottom: 10px;}
.album_div .header:hover {text-decoration: none;}
.album_div .image {float: left; border: 1px solid #FFF; box-shadow: 0px 0px 0px 1px #333; margin-right: 10px; transition: all 0.5s; -webkit-transition: all 0.5s; width: 150px; max-height: 150px; text-align: center; overflow: hidden;}
.album_div .image img {max-width: 150px; max-height: 150px; vertical-align: top; transition: all 0.5s; -webkit-transition: all 0.5s;}
.album_div:hover .image {box-shadow: 0px 0px 0px 1px #999; transition: all 0.5s; -webkit-transition: all 0.5s;}
.album_div .image:hover img {transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transition: all 0.5s; -webkit-transition: all 0.5s;}
.album_div .album_text {font-size: 1.1em; line-height: 26px;}

/* Album */
.album_content {width: 962px; margin: 0px auto;}
.album_photo {float: left; margin: 0px 0px 1px 1px; display: block; width: 320px; height: 240px; text-align: center; vertical-align: middle; line-height: 240px;}
.album_photo:nth-child(3n+1) {margin-left: 0px; clear: left;}

/* Navigace alba */
.album_navigation .paging {text-align: center; font-size: 1.1em; line-height: 1.8em; padding: 1em 0;}
.album_navigation .paging a, .album_navigation .paging strong {text-decoration: none; display: inline-block; width: 20px; height: 20px; background-color: #EEE;}
.album_navigation .paging a:hover, .album_navigation .paging strong {background-color: #666; color: #FFF;}

/* Paticka */
footer {background-color: #3A2927; color: #F8F6D8; position: relative; text-align: center; padding-top: 50px; height: 160px; line-height: 4rem; font-size: 1.1rem;}