/* global */
body {
background-image: url("../pozadi.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 #222;
border-left: 8px solid #222;
height: 30px; }

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

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

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

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

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

#header #nazev {
position: relative;
max-width: 100%;
height: auto; }

#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; }

.roz, .submenu {
display: inline-block;
margin-right: 1px;
margin-bottom: 3px;
padding: 0.2em 0.4em;
font-size: 0.9em;
text-transform: uppercase;
text-decoration: none;
color: black !important;
text-decoration: none;
background-color: #efefef; }

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

#submenu {
margin-bottom: 1em; }

#data {
color: #333; }

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

#data a {
font-weight: 100;
text-decoration: none;
color: #5555ff; }

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

#data .cast h2 {
margin: 0;
height: 3em;
line-height: 3em; }

#data .cast h2 img {
margin-right: 15px;
vertical-align: middle; }

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

#aktualne h2 {
font-size: 1.0em; }

#aktualne h2 a {
/* margin: 1.3em 0 0 0; */
font-weight: normal;
/* font-size: 1.2em; */
color: #e87b14; }


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

.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; }

.supertlacitko {
padding: 0.3em 1em;
margin: 0 auto;
text-transform: uppercase;
color: white;
text-decoration: none;
background-color: #e87b14; }

.supertlacitko:hover {
background-color: #b85b04; }


#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; }

#ikony p {
margin: 0 2em 0 0; }

#paticka {
padding: 0 2em 1em 2em;
margin: 0; }

#paticka, #paticka a {
background: transparent;
text-shadow: 2px 2px 2px #000000;
color: #eee; }

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

#paticka .blok {
padding: 0 2em; }

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

table2 {
border-collapse: collapse;
margin: 1em auto;
width: 100% !important; }

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

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

.table2 td {
vertical-align: top; }

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

.obr_levy {
float: left;
margin: 0 1em 1em 0;
max-width: 40% !important;
height: auto; }

.oranz {
color: #e87b14; }

.center {
text-align: center; }

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

/* galerie */
.fotky {
display: block;
box-sizing: border-box;
float: left;
text-align: center;
border: 2px solid #eee;
width: 33%;
padding-top: 33%;
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%);  }

.fotka_vyska {
width: 100%;
margin-top: -20%;
height: auto !important; }

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

/*
.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, #prohlidka3d {
width: 100%;
min-height: 15em;
border: 0; }

.doprava {
text-align: right; }

h3 {
color: #888;
font-size: 0.9em;
margin-bottom: 0px; }

#data p {
margin-top: 0; }

#data img.obr_levy, #data img.obr_pravy {
content:"";
display:table;
clear:both; }

.cast, .cast2 {
box-sizing: border-box;
margin-bottom: 5px;
background-color: #efefef;
padding: 1em 2em; }

.cast2 .fotky {
margin: 0 1em 0em 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; }

.iko {
margin: 0.5em 1em  0.5em 0; }


.plakat {
float: right;
margin: 0 0 2em 3em; }

#mesic {
/*
width: 256px;
margin: 0 auto;
min-width: 200px;
padding:2px;
text-align: center; */}

.ctvrtina {
padding-top: 0.5em; }

.ctvrtina img {
margin: 0 0 1em 0; }

.ctvrtina .fotky {
margin-right: 1em;
}


.ctvrtinka {
box-sizing: border-box;
width: 50%;
padding: 2em 10px 0 10px;
float: left; }

.ctvrtinka img {
width: 100%;
height: auto; }