* {
box-sizing: border-box; }

body {
font-family: 'BenchNine';
font-weight: 200;
-webkit-text-size-adjust: 100%;
text-align: left;
padding: 0;
margin: 0;
font-size: 1.3em;
line-height: 1.5em; }

.page {
padding: 0 1em;
max-width: 1100px;
margin: 0 auto; }

#header {
background-image: url('../img/hlavicka.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
height: 17em;
text-align: left; }

#line {
position: relative;
padding: 0;
background-color: #555;
background: url('../img/menu.png');
height: 3em; }

#logo {
float: left;
max-height: 4em;
width: auto;
margin-right: 1em; }

#logo2 {
text-decoration: none;
line-height: 1.0em;
font-weight: bold;
float: left;
color: white;
margin-top: 0.5em; }

/* uvod - kalendar a vystavy*/
#items .block {
padding: 1em 0;  }

#items .block span {
color: #999; }

#items .block a, #articles a {
transition-duration: 0.25s;
text-decoration: none;
color: #000; }

#items .block a:hover, #articles a:hover {
color: #9EB55B;
}

#items .block i {
display: block;
margin: 0.2em 0.5em 0 0;
float: left;
color: #9EB55B;
font-size: 3em; }

/* uvod - clanky */
#articles .page {
padding: 1em; }

.article {
margin-bottom: 1em; }

.article p {
color: #828283;
margin: 0; }

.article a {
color: #000; }

.article i {
margin-right: 0.3em;
color: #9eb55b; }

.article span {
margin-right: 1.5em; }

.article img {
display: none; }


/* uvod - odkazy */
#links {
background-color: #F4F8F9; }

#links .page {
padding: 2em 0; }

#links {
text-align: center;  }

#links h1 {
margin-top: 0;
font-weight: normal;
color: #939192;
text-align: center; }

#links .block {
 margin-bottom: 1em;
float: left;
width: 33.333333%;
text-align: center;  }

#links .block a {
position: relative;
display: block;
color: white;
width: 65%;
padding-bottom: 65%;
height: 0;
margin: 0 auto 5px auto;
text-align: center;
background-color: #9EB55B; }

#links .block a:hover {
color: #ddd; }

#links .block i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 2em; }

/* uvod - info */
#about {
background-color: #f8f6f9; }

#about .page {
padding: 0; }

#about .page .half:first-child {
padding: 2em; }

#about .page .half:nth-child(2) {
padding: 0;
position: relative; }

#about .page .half:nth-child(2) img {
float: right;
margin: -60px 20px 0 0;
height: auto;
max-width: 40%; }

/* important */
#important p {
margin: 1em 0;}

#important {
background-color: #9eb55b; }

#important .half:first-child {
padding: 2em;
color: white; }

#important .half:first-child h1 {
color: white;
margin-bottom: 5px;
font-size: 2.5em; }

#important .half:first-child h2 {
color: white;
font-size: 1.7em; }

#important .half:nth-child(2) {
display: none; }

/* paticka */
#footer {
color: #929293;
background-color: #413e48;
/* background: url('../img/menu.png'); */ }

#footer .page {
padding: 2em 2em 0 2em; }

#footer a {
text-decoration: none;
color: #929293; }

#footer a:hover {
text-decoration: underline; }

#footer strong {
color: #fff; }

#footer .block {
padding-bottom: 1em; }

#footer .block:last-child {
margin: 0; }

/* copyright */
#copyright {
color: #828283;
background-color: #413e48; }

#copyright .page {
text-align: center;
padding: 1em; }

/* galerie */
.fotky {
display: block;
box-sizing: border-box;
float: left;
text-align: center;
border: 1px solid transparent;
width: 50%;
padding-top: 50%;
overflow: hidden !important;
position: relative; }

.fotky:hover {
filter:opacity(70%);
grayscale(100%); }

.fotky img {
position: absolute;
top: 0%;
left: 50%;
transform: translate(-50%, 0%);
-webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);  }

.fotky .fopi {
position: absolute;
width: 100%;
bottom: 0;
display: block;
text-align: left;
color: white;
padding: 3px 6px;
overflow: hidden;
background-color: rgb(56,56,56,0.6);
}

/*
.fotka_vyska {
width: 110%;
xmargin-top: -10%;
border: 1px solid red;
height: auto !important; }

.fotka_sirka {
width: auto !important;
height: 110%; }

/*
- pokud chci tohle tak to musim upravit presneji aby mi to nebralo vsechny galerie
.fotky:nth-child(5),.fotky:nth-child(6) {
display: none; }
  */


.clear {
clear: both; }

h1 {
margin-bottom: 3px;
color: #9eb55b;
font-size: 1.2em; }

h2 {
color: #9eb55b;
margin-bottom: 2px;
font-size: 1.0em; }

.nomobile, .notablet {
display: none; }


.button {
transition-duration: 0.5s;
background-color: #63d08d;
border: 2px solid #63d08d;
color: white !important;
font-size: 0.8em;
font-weight: bold;
white-space: nowrap;
text-decoration: none;
min-width: 40%;
text-align: center;
display: inline-block;
padding: 0.5em 2em !important; }

.button:hover {
text-decoration: none !important;
border: 2px solid #43b06d;
background-color: #43b06d; }

.button_imp {
color: black !important;
border: 2px solid white;
background-color: white; }

.button_imp:hover {
color: black !important;
border: 2px solid #ddd;
background-color: #ddd; }

.center {
text-align: center; }

.center img {
margin: 0 auto;
max-width: 90%;
height: auto; }

.content {
font-size: 1.2em;
position: relative; }

.content .page {
padding: 2em 2em;
background-color: white;
position: relative; }

body.home .content .page {
padding: 0em 2em; }

.content a {
color: #9eb55b;
font-weight: normal;
text-decoration: none; }

.content a:hover {
text-decoration: underline; }

table.seznam {
width: 100%;
border-collapse: collapse; }

table.seznam th, table.seznam td {
border: 1px solid white;
vertical-align: top;
padding: 4px 7px; }

table.seznam tr:nth-child(odd) {
background-color: #dedede; }

table.seznam th {
font-weight: normal;
background-color: #9eb55b; }

form {
margin-bottom: 1em; }

label {
display: inline-block;
width: 120px;
white-space: nowrap; }

input, select, textarea {
padding: 4px 7px;
border: 1px solid #555;
min-width: 110px; }

strong {
font-weight: bold; }

.chyba {
color: red; }

.mensi {
font-size: 0.8em;
color: #888; }

.delsi {
min-width: 50%; }

.seda {
color: #888; }

.zelena {
color: green; }

.barva {
color: #cf8a3c; }

.cerna {
color: #222; }


/* rodokmen */
.gen_wrapper { box-sizing: border-box; float: left;  }
.rodo_cell {  width: 100%; background-color: #efefef; border: 1px solid white; padding: 0 1em; box-sizing: border-box; float: left; display: flex; }
.rodo_cell p {  margin: auto 0; white-space: nowrap; overflow: hidden; }
.rodo_g1 { height: 3em; }
.rodo_g2 { height: 6em; }
.rodo_g3 { height: 12em; }
.rodo_g4 { height: 24em; }
.rodo_g5 { height: 48em; }
.rodo_g9 { height: 96em; }
.rodo_g7 { height: 192em; }
.rodo_sirka2 { width: 50%; }
.rodo_sirka3 { width: 33.3333333%; }
.rodo_sirka4 { width: 25%; }
.rodo_sirka5 { width: 20%; }

#fiktivni .rodo_g5 {
display: none; }

#fiktivni .rodo_sirka5 {
width: 25%; }


/* clanky */
.clanek {
margin-bottom: 1em; }

.clanek a {
font-weight: bold;
color: #9eb55b !important;
}

.clanek_obr {
display: none; }

.clanek_obr img {
position: absolute;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
max-width: 100%; }

.vyska {
width: 110% !important;
height: auto; }

.sirka {
height: 110% !important;
width: auto; }

/* galerie */
.fotky {
display: block;
box-sizing: border-box;
float: left;
text-align: center;
border: 1px solid transparent;
width: 25%;
padding-top: 25%;
overflow: hidden !important;
position: relative; }

.fotky:hover {
filter:opacity(70%);
grayscale(100%); }

.fotky img {
position: absolute;
top: 0%;
left: 50%;
transform: translate(-50%, 0%);
-webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);  }

/* detail psa */
.detail_psa_foto {
float: right;
max-width: 25%;
height: auto; }

.data {
padding-bottom: 1em;
border-bottom: 1px solid #ddd;
margin-bottom: 1em; }

.zpet {
display: inline-block;
background-color: #9eb55b;
color: white !important;
padding: 0.3em 1em;
margin: 0.5em 0; }

.zpet:hover {
text-decoration: none !important;
background-color: #7e953b; }

.doprava {
text-align: right; }

.dulezite {
color: red; }

p {
margin-top: 3px; }

.vystavy_sponzor {
float: right;
max-height: 5em;
width: auto; }

.iko_foto {
float: right; }

.iko_foto2 {
color: red !important; }

.nelam {
white-space: nowrap; }

.min {
width: 10%; }

.polovina {
float: left;
width: 50%; }

.center {
text-align: center; }

hr {
height:1px;
border:none;
color:#888;
background-color:#888; }

#foto_psa {
max-width: 20%;
float: right; }

#foto_psa img {
box-sizing: border-box;
width: 50%;
height: auto;
float: left;
border: 2px solid white; }

#foto_psa .foto_prvni {
width: 100%;  }

.neuspech td {
color: #aaa;
}

.cervene {
color: red; }

.obr_pravy {
max-width: 25%;
height: auto;
margin: 30px 0 20px 20px;
float: right; }