html { 
		  margin: 0;
    width: 100%;
    height:99%;
			background-color: #333333; 
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
		}
		
ul {font-size: 0.8vw;
    margin-top: 0vw;
    margin-bottom: 0vw;}
.bug {
    list-style-type: none;
    padding-left: 2vw;
    background-image: url('../css/image/odrazka.png');
    background-size: 0.8vw;
    margin-top:1.2vw;
    margin-left:-2vw;
    background-repeat: no-repeat;
    font-family:light;
    font-size:0.8vw;
}

#primary{
position:absolute;
width: 100vw;
height: 100vh;
background-color:#ffffff;
display:block;
margin-left: 0vw;

}
#footer{
margin-left:67.5vw;
margin-top:0vh;
width: 30vw;
height: 4vh; 
font-family:light;
bottom:0vh;
display:block;
position:absolute;
background-color: none;

}


#prvnic{
position:absolute;
width: 20vw;
height: 80vh;
background-color:black;
display:block;
margin-left: 0vw;
position:absolute;
}

#lb{
position:absolute;
width: 14vh;
height: 14vh;
background-color:black;
margin-top:9vh;
margin-left:9vw;
display:block;
position:absolute;
    background: url('../css/image/lb.png')no-repeat 0 0;
    background-position: center;
    background-size:14vh 14vh;
}

#lc{
position:absolute;
width: 14vh;
height: 14vh;
background-color:black;
margin-top:9vh;
margin-left:9vw;
display:block;
position:absolute;
    background: url('../css/image/lc.png')no-repeat 0 0;
    background-position: center;
    background-size:14vh 14vh;
}
#lzz{
position:absolute;
width: 14vh;
height: 14vh;
background-color:black;
margin-top:9vh;
margin-left:9vw;
display:block;
position:absolute;
    background: url('../css/image/lzz.png')no-repeat 0 0;
    background-position: center;
    background-size:14vh 14vh;
}

#lz{
position:absolute;
width: 14vh;
height: 14vh;
background-color:black;
margin-top:9vh;
margin-left:9vw;
display:block;
position:absolute;
    background: url('../css/image/lz.png')no-repeat 0 0;
    background-position: center;
    background-size:14vh 14vh;
}
#prvniz{
position:absolute;
width: 20vw;
height: 80vh;
background-color:#AFCA0B;
display:block;
margin-left: 0vw;
position:absolute;
}
#prvnib{
position:absolute;
width: 20vw;
height: 80vh;
background-color:white;
display:block;
margin-left: 0vw;
position:absolute;
}

#druhyh{
position:absolute;
width: 80vw;
height: 80vh;
background-color:white;
display:block;
margin-left: 20vw;
position:absolute;
    background: url('../css/image/home.png')no-repeat 0 0;
    background-position: center;
    background-size:80vw 80vh;

}
#druhyc{
position:absolute;
width: 80vw;
height: 80vh;
background-color:#000000;
display:block;
margin-left: 20vw;
position:absolute;
}

#druhyz{
position:absolute;
width: 80vw;
height: 80vh;
background-color:#AFCA0B;
display:block;
margin-left: 20vw;
position:absolute;
}


#tretib{
position:absolute;
width: 20vw;
height: 20vh;
background-color:white;
display:block;
margin-left: 0vw;
margin-top:80vh;
position:absolute;
}

#tretic{
position:absolute;
width: 20vw;
height: 20vh;
background-color:#000000;
display:block;
margin-left: 0vw;
margin-top:80vh;
position:absolute;
}


#tretiz{
position:absolute;
width: 20vw;
height: 20vh;
background-color:#AFCA0B;
display:block;
margin-left: 0vw;
margin-top:80vh;
position:absolute;
}





#ctvrtyb{
position:absolute;
width: 80vw;
height: 20vh;
background-color:white;
display:block;
margin-left: 20vw;
margin-top:80vh;
position:absolute;

}

#ctvrtyc{
position:absolute;
width: 80vw;
height: 20vh;
background-color:black;
display:block;
margin-left: 20vw;
margin-top:80vh;
position:absolute;

}

#ctvrtyz{
position:absolute;
width: 80vw;
height: 20vh;
background-color:#AFCA0B;
display:block;
margin-left: 20vw;
margin-top:80vh;
position:absolute;

}

#ctvrtyr{
position:absolute;
width: 80vw;
height: 20vh;
background-color:#f7941e;
display:block;
margin-left: 20vw;
margin-top:80vh;
position:absolute;

}


#middle1{
position:absolute;
width: 20vw;
height: 60vh;
background-color:white;
display:block;
margin-left:45vw;
margin-top:40vh;
position:absolute;

}


#middlez{
position:absolute;
width: 20vw;
height: 60vh;
background-color:#AFCA0B;
display:block;
margin-left:45vw;
margin-top:40vh;
position:absolute;

}
#middle{
position:absolute;
width: 20vw;
height: 40vh;
background-color:none;
display:block;
margin-left:45vw;
margin-top:40vh;
position:absolute;

}

#middlei{
position:absolute;
width: 20vw;
height: 20vh;
background-color:#231f20;
display:block;
margin-left:vw;
margin-top:17vh;
position:absolute;

}

#middleb{
position:absolute;
width: 30vw;
height: 60vh;
background-color:black;
display:block;
margin-left:35vw;
margin-top:40vh;
position:absolute;
    background: url('../css/image/aktz.png')no-repeat 0 0;
    background-position: center;
    background-size:30vw 60vh;

}

#osa{
position:absolute;
width: 100vw;
height: 8vw;
display:block;
margin-left:-20vw;
margin-top:5vh;
position:absolute;
    background: url('../css/image/osa.png')no-repeat 0 0;
    background-position: center;
    background-size:100vw 8vw;

}

@font-face {font-family: "light";
  src: url("../font/c37920f95595038e0868564341c71133.eot"); /* IE9*/
  src: url("../font/c37920f95595038e0868564341c71133.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("../font/c37920f95595038e0868564341c71133.woff2") format("woff2"), /* chrome?firefox */
  url("../font/c37920f95595038e0868564341c71133.woff") format("woff"), /* chrome?firefox */
  url("../font/c37920f95595038e0868564341c71133.ttf") format("truetype"), /* chrome?firefox?opera?Safari, Android, iOS 4.2+*/
  url("../font/c37920f95595038e0868564341c71133.svg#Myriad Pro Light") format("svg"); /* iOS 4.1- */
}
  
  
@font-face {font-family: "boldik";
  src: url("../font/NeoSansPro-Bold.otf"); /* IE9*/
  src: url("../font/NeoSansPro-Bold.otf") format("embedded-opentype"), /* IE6-IE8 */
  url("../font/NeoSansPro-Bold.otf") format("woff2"), /* chrome?firefox */
  url("../font/NeoSansPro-Bold.otf") format("woff"), /* chrome?firefox */
  url("../font/NeoSansPro-Bold.otf") format("truetype"), /* chrome?firefox?opera?Safari, Android, iOS 4.2+*/
  url("../font/NeoSansPro-Bold.otf") format("svg"); /* iOS 4.1- */
}  
  
  
 
  div.contentWrap {
    height:441px;
    overflow-y:auto;
  }
  
  
 span { 
  line-height:1.4; 
  font-family:  boldik;
  font-weight: bold;
/* the overlayed element */
 }
  body {
  margin: 0;
  min-width: 100%;
  min-height: 97vh;
}
a:link, a:visited, a:focus{
    color: black;
    font-weight: bold;
    font-family:  boldik;
    text-decoration: none;
}

#text{
width:40vw;
  font-family:  boldik;
font-weight: 1200;
font-size:0.9vw;
margin-left:25vw;
margin-top:6vh;
display:block;
position:absolute;
text-align: right;
text-decoration:none;

}

#header{
width: 80vw;
height: 1.8vh; 
margin-top:0px;
background-color:#808285 ;
display:inline-block;
margin: 0 auto ; 
}


#fade-upper {
    display: block;
    position: absolute;
    margin-left:0vw;
    height: 100vh;
    width: 10vw;
    top:0;
    left:0;
    background: rgba(0, 0, 0, 0.5);
     z-index: 3;
}
#fade-top {
    display: block;
    position: absolute;
    margin-left:10vw;
    height: 12vh;
    width: 80vw;
    top:0;
    left:0;
    background: rgba(0, 0, 0, 0.5);
     z-index: 3;
}

#fade-right {
    display: block;
    position: absolute;
    margin-left:90vw;
    height: 100vh;
    width: 10vw;
    top:0;
    left:0;
    background: rgba(0, 0, 0, 0.5);
     z-index: 3;
}

#fade-upper1 {
    display: block;
    position: absolute;
    margin-left:0vw;
    height: 100vh;
    width: 10vw;
    top:0;
    left:0;
    background: rgba(0, 0, 0, 0.5);
     z-index: 3;
}
#fade-top1 {
    display: block;
    position: absolute;
    margin-left:10vw;
    height: 12vh;
    width: 80vw;
    top:0;
    left:0;
    background: rgba(0, 0, 0, 0.5);
     z-index: 3;
}

#fade-right1 {
    display: block;
    position: absolute;
    margin-left:90vw;
    height: 100vh;
    width: 10vw;
    top:0;
    left:0;
    background: rgba(0, 0, 0, 0.5);
     z-index: 3;
}


#fade-upper2 {
    display: block;
    position: absolute;
    margin-left:0vw;
    height: 100vh;
    width: 10vw;
    top:0;
    left:0;
    background: rgba(0, 0, 0, 0.5);
     z-index: 3;
}
#fade-top2 {
    display: block;
    position: absolute;
    margin-left:10vw;
    height: 12vh;
    width: 80vw;
    top:0;
    left:0;
    background: rgba(0, 0, 0, 0.5);
     z-index: 3;
}

#fade-right2 {
    display: block;
    position: absolute;
    margin-left:90vw;
    height: 100vh;
    width: 10vw;
    top:0;
    left:0;
    background: rgba(0, 0, 0, 0.5);
     z-index: 3;
}


#fade-wrapper {
    display: none;
    position: absolute;
    margin-left:-10vw;
    height: 100vh;
    width: 100vw;
    background: rgba(0, 0, 0, 0);
    top:0;
    left:0;
     z-index: 1;
}
#info { 
width: 80vw;
height: 84.2vh; 
display:block;
margin-left:10vw;
margin-top:12vh;
position:absolute;
z-index:3;
opacity: 1;
    background: url('../image/indu.png')no-repeat 0 0;
    background-position: center;
    background-size:80vw 84.2vh;

}
#txtcl { 
width: 20vw;
height: 30vh; 
display:block;
margin-left:10vw;
margin-top:-5vh;
}



#cz{
margin-left:67.5vw;
margin-top:4vh;
width: 2.7vh;
height: 2.7vh; 
position:absolute;
cursor:pointer;
    background: url('image/cz.jpg')no-repeat 0 0;
    background-position: center;
    background-size:2.7vh 2.7vh;
}
#en{
margin-left:69.5vw;
margin-top:4vh;
width: 2.7vh;
height: 2.7vh;
position:absolute;
cursor:pointer;
    background: url('image/en.jpg')no-repeat 0 0;
    background-position: center;
    background-size:2.7vh 2.7vh; 
}
#fcb{
margin-left:71.5vw;
margin-top:4vh;
width: 2.7vh;
height: 2.7vh; 
position:absolute;
cursor:pointer;
    background: url('image/fcb.jpg')no-repeat 0 0;
    background-position: center;
    background-size:2.7vh 2.7vh;
}

#menu{
width: 80vw;
height: 10vh; 
margin-top:-5px;
background-color: none;
display:block;
}