/* global */
body {
background-image: url('../images/pozadi-mobile.jpg');
background-attachment: fixed;
background-size: 100% auto;
background-color: black;
background-repeat: no-repeat;
font-family: 'BenchNine', sans-serif;
font-size: 1.2em;
margin: 0px; }

.clear, .mobile {
clear:both; }

.page {
margin: 0 auto;
width: 100%;
padding: 0; }

#lane {
padding-top: 0.5em; }

#lane form {
margin: 10px 0 0 0;
padding: 0;
float: right;
border-bottom: 8px solid black;
border-left: 8px solid black;
height: 30px; }

#lane #slovo {
border: none;
color: #333;
float: left;
padding: 0 0.5em;
height: 30px; }

#jazyky {
margin-right: 1em;
float: right; }


#jk {
margin-top: 1em;
float: right; }

#header {
margin-top: -20px;
background-color: #e87b14; }

#header #logo {
margin: -15px 4em 0 15px; }

#header #nazev {
position: relative;
top: -10px; }

#menu {
margin-bottom: 1em;
background-color: #d9d9d9; }

#menu > ul {
margin: 0;
padding: 0; }

#menu > ul > li {
position: relative;
display: block;
float: left;
margin: 0;
padding: 0;
list-style-type: none; }

#menu > ul > li > a {
height: 2em;
line-height: 2em;
color: black;
padding: 0 0.6em;
text-transform: uppercase;
text-decoration: none;
display: block; }

#menu > ul > li:first-child > a {
padding-left: 1em; }


#menu > ul > li > a:hover, .aktivni {
color: white;
background-color: #e87b14; }

#menu ul > li > ul {
display: none; }

#plakat {
margin-bottom: 1em; }

#plakat img {
width: 100%;
height: auto; }

#data {
color: #333; }

#data h1 {
margin: 0 0 1em 0;
background: none;
color: #e87b14; }

#data h2 {
margin: 1.3em 0 0 0;
font-weight: normal;
font-size: 1.2em;
color: #e87b14; }

#data p {
margin-top: 0.3em; }

/*
#data > img {
max-width: 100%;
height: auto; }
  */
.blok {
font-size: 1.1em;
padding: 1em;
background-color: white;
margin-bottom: 1em; }

.blok h1 {
margin: 0;
font-size: 1.5em;
font-weight: normal;
background: url('../images/nadpis.gif') no-repeat 0% 100% #fff; }

#uvod img {
margin: 3.3em 0 0 1em;
float: right;
max-width: 40%;
height: auto; }

.tlacitko {
padding: 0.3em 1em;
text-transform: uppercase;
color: black;
text-decoration: none;
background-color: #efefef; }

.tlacitko:hover {
background-color: #ddd; }

#ikony strong, #ikony a {
font-weight: normal;
color: #e87b14; }

#ikony div {
margin-bottom: 1em; }

#ikony img {
margin-top: 1em;
margin-right: 1em;
margin-bottom: 1em;
float: left;
width: auto;
transition-duration: 0.8s;
max-height: 3em; }

#galerie div {
overflow: hidden;
width: 50%;
height: 8em;
border: 5px solid white;
float: left;
box-sizing: border-box; }

#galerie div img {
height: 110%;
width: auto; }

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

#galerie div img:hover {
-webkit-filter: grayscale(100%);
filter: grayscale(100%); }

.pocasi {
margin-top: 1em; }

.pocasi img{
margin-top: 0.3em;
margin-right: 0.5em;
margin-bottom: 1em;
float: left;
width: auto;
max-height: 3em; }

.pocasi p {
margin: 0; }

.weby {
margin-bottom: 1em;
color: white;
text-align: center;
padding: 2em; }

.weby a {
text-decoration: none;
color: white; }

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

.weby img {
margin: 0 auto;
max-width: 40%;
height: auto; }

.weby p {
text-align: left; }

#komety {
background-color: #010162; }

#planetky {
background-color: #e87b14; }

#komety ul,#planetky ul {
margin: 1em 0 0 0;
padding: 0; }

#komety li,#planetky li {
list-style-type: none;
margin: 0;
padding: 0; }

#paticka, #paticka a {
color: #bbb; }

#paticka img {
float: right;
margin-left: 10px; }

table {
border-collapse: collapse;
width: 100%;
margin: 1em auto; }

.table th, .table2 th {
text-align: left;
padding: 3px;
background-color: #dedede;
font-weight: normal;
border: 1px solid white; }

.table td {
padding: 3px;
background-color: #efefef;
border: 1px solid white; }

.table2 td {
padding: 3px;
border: 1px solid white; }

.obr_pravy {
float: right;
margin: 0 0 1em 1em;
max-width: 20% !important;
height: auto; }

.roz, .submenu {
display: inline-block;
margin-right: 1px;
margin-bottom: 3px;
padding: 0.3em 0.6em;
text-transform: uppercase;
color: black;
text-decoration: none;
background-color: #efefef; }

.vybrano, .roz:hover, .submenu:hover {
background-color: #dedede; }

.oranz {
color: #e87b14; }

.center {
text-align: center; }

.center img {
max-width: 100%;
height: auto; }

/* galerie */
.container {
display: inline-block;
border: 1px solid white;
position: relative;
width: 48%; }

.dummy {
padding-top: 100%; }

.element {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: silver;
overflow: hidden;
max-height: 100%; }

.element img {
margin: 0 auto;
filter: brightness(100%); }

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

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

.container:hover .element img {
filter: brightness(75%); }

#mapa {
width: 100%;
min-height: 15em; }

#submenu {
margin-bottom: 1.5em; }