*{
padding:0;
margin:0;
}
html, body{
font-family:"Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
font-size:16px;
height:100%;
width:100%;
/* needed for Firefox */
overflow:hidden;
/*transform*/
-webkit-transform:translate3d(0, 0, 0);
   -moz-transform:translate3d(0, 0, 0);
    -ms-transform:translate3d(0, 0, 0);
     -o-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0);
}
input::-moz-focus-inner { 
  border: 0; 
}
a{
text-decoration:none;
color:black;
width:auto;
outline: 0;
}
a:active{
color:#BBAEA6;
}
a:hover{
color:#BBAEA6;
}
ul li{
color:black;
cursor:default;
z-index:3;
}
ul li:hover{
color:#BBAEA6;
}
#obraz{
width:26%;
height:26%;
position:absolute;
margin:auto;
top:0;
left:0;
bottom:5px;
right:0;
background:none;
/*transition*/
-webkit-transition:1s;
   -moz-transition:1s;
     -o-transition:1s;
        transition:1s;
}
#obraz2{
width:26%;
height:26%;
position:absolute;
margin:auto;
top:-1600px;
left:0;
bottom:0;
right:0;
background:none;
/*transition*/
-webkit-transition:0s;
   -moz-transition:0s;
     -o-transition:0s;
        transition:0s;
}
#logo{
width:188px;
height:300px;
background-color:white;
position:absolute;
top:-310px;
left:-195px;
z-index:4;
border-width:3px;
border-style:solid;
border-color:white;
/*box-shadow*/
-webkit-box-shadow:0px 0px 2px 2px white;
   -moz-box-shadow:0px 0px 2px 2px white;
        box-shadow:0px 0px 2px 2px white;
}
#logo img{
position:absolute;
bottom:0px;
right:0px;
cursor:pointer;
}
#menusk, #menuen{
width:120px;
height:200px;
position:absolute;
top:-172px;
left:-127px;
visibility:hidden;
/*transition*/
-webkit-transition:1s;
   -moz-transition:1s;
     -o-transition:1s;
        transition:1s;
}
.menu{
}
.menu > ul{
display:block;
list-style:none;
vertical-align:baseline;
line-height:1,5;
margin:0;
padding:0px;
color:black;
float:right;
position:relative;
}
.menu > ul li{
display:block;
text-align:right;
position:relative;
margin:0;
padding:0;
width:100%;
}
.menu > ul li a{
text-decoration:none;
color:black;
width:auto;
display:block;
position:relative;
margin:0;
}
.menu > ul li>a:hover,.menu > ul li:hover>a{
color:#BBAEA6;
}
.menu > ul ul{
position:absolute;
top:-9999px;
left:100%;
background-color:white;
padding-left:7px;
padding-right:2px;
opacity:0;
white-space:nowrap;
}
.menu > ul ul li{
display:block;
text-align:left;
background-color:white;
}
.menu > ul li:hover>ul{
top:0;
opacity:1;
}
#dolnemenu > ul li:hover>ul{
top:0;
opacity:1;
}
#dolnemenu{
width:90px;
height:43px;
position:absolute;
bottom:110%;
left:-97px;
text-align:right;
/*transition*/
-webkit-transition:1s;
   -moz-transition:1s;
     -o-transition:1s;
        transition:1s;
background:none;
visibility:hidden;
}
#dolnemenu ul{
display:block;
list-style:none;
vertical-align:baseline;
line-height:1,5;
margin:0;
padding:0px;
color:black;
float:right;
position:relative;
}
#dolnemenu > ul li{
display:block;
text-align:right;
position:relative;
margin:0;
padding:0;
width:100%;
}
#dolnemenu > ul li>a:hover{
color:#BBAEA6;
}
#jazyk{
color:black;
}
#dolnemenu > ul ul{
position:absolute;
top:-9999px;
left:100%;
background-color:white;
padding-left:7px;
padding-right:2px;
opacity:0;
white-space:nowrap;
}
.mid{
display:none;
}
#cesta{
width:230px;
height:26px;
background:none;
position:absolute;
top:-25px;
right:0px;
text-align:right;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
color:#BBAEA6;
}
#cesty *{
display:none;
}
#popis{
width:350px;
height:205px;
left:120%;
position:absolute;
background:none;
text-align:left;
vertical-align:text-bottom;
top:-210px;
/*transition*/
-webkit-transition:1s;
   -moz-transition:1s;
     -o-transition:1s;
        transition:1s;
}
#text{
position:absolute;
bottom:0px;
white-space:pre;
}
#text:first-line{
color:#BBAEA6;
}
#nahlady{
position:absolute;
left:0px;
right:0px;
height:60px;
background:none;
bottom:-567px;
}
.id{
display:none;
}
.nazovsk{
display:none;
}
.nazoven{
display:none;
}
.popissk{
display:none;
}
.popisen{
display:none;
}
.obrazok{
display:inline-block;
vertical-align:top;
opacity:0.5;
}
.nahlad{
width:60px;
height:60px;
margin-right:0px;
}
.obrazok:hover{
opacity:1;
}
.blok{
display:inline-block;
position:absolute;
/*transition*/
-webkit-transition:0s;
   -moz-transition:0s;
     -o-transition:0s;
        transition:0s;
background:white;
}
#bloky{
position:absolute;
left:0px;
}
#nahlady2{
position:absolute;
top:110%;
width:100%;
height:60px;
/*transition*/
-webkit-transition:1s;
   -moz-transition:1s;
     -o-transition:1s;
        transition:1s;
background:none;
}
#nahladyobr{
height:100%;
width:100%;
font-size:0;
white-space:nowrap;
overflow:hidden;
position:relative;
left:0px;
background:none;
}
#nahladyobr img{
height:100%;
}
#rychlemeno{
height:22px;
width:200px;
bottom:-23px;
position:absolute;
background:none;
/*transition*/
-webkit-transition:1s;
   -moz-transition:1s;
     -o-transition:1s;
        transition:1s;
color:#BBAEA6;
}
#copyright{
height:22px;
width:200px;
bottom:-23px;
position:absolute;
background:none;
/*transition*/
-webkit-transition:1s;
   -moz-transition:1s;
     -o-transition:1s;
        transition:1s;
color:#BBAEA6;
left:120%;
}
.vybrany{
opacity:1;
}
.vybrane{
color:#BBAEA6;
}
#preload{
visibility:hidden;
display:none;
}