*{
margin:0 auto;
padding:0;
}

html,body{
width:100%;
height:100%;
}

body{
background:url('/images/background.jpg') no-repeat top center scroll #000;
overflow:hidden;
}

ul{
list-style:none;
}
#container{
width:100%;
height:100%;
}
#kontakt{
margin:0 auto;
text-align:center;
padding:1%;
top:390px;
position:relative;
}
p.kontakt_info{
font-family: 'Oswald', sans-serif;
font-weight:400;
font-size:16px;
color:#fff;
text-transform:uppercase;
}

#cat{
	position:relative;
	top:281px;
	height:191px;
	width:160px;
}

#dci{
text-align:center;
position:relative;
top:375px;
}

#dci img{
margin:0 auto;

}

#soon{
text-align:center;
position:relative;
top:405px;
padding-bottom:20px;
}

#soon img{
margin:0 auto;
}

@media screen  and (max-height: 800px){
	body{
		background-position:center -250px;
	}
	#dci{
		top:100px;

	}
	
	#soon{
		text-align:center;
		position:relative;
		top:100px;
		padding-bottom:0px;
	}
	#cat{
	position:relative;
	top:31px;
	height:191px;
	width:160px;
}
	#kontakt{
		top:120px;
}
	
}


@media screen and (max-width:500px){
	#dci img{
		width:85%;
		padding:2% 5%;
	}	
	
	#kontakt{
		top:100px;
}
}

@media screen and (max-width:560px){	
		#soon img{
		width:85%;
		padding:2% 5% 5% 5%;
	}
	body{
	overflow-y:scroll;
}

}

/*--------------------------------menu test--------------------------------------------*/
#selectBox {
  width:30px;
  display:block;
  height:30px;
  cursor:pointer;
  margin:20px;
  position:absolute;
}

#selectBox:hover {
  cursor:pointer;
}

.selectBox {
 font-family: 'Bubblegum Sans', cursive;
  font-size:18px !important;
  margin:0 auto;
  width:100%;
  bottom:4px;
  position:relative;

}
.selectBoxWrap {
  z-index:99;
  margin:0 auto;
  top:0px;
  padding:0 !important;
  margin:0 !important;
  padding:0 !important;
  width:100%;
  position:absolute;
  text-align:center;
}

.selectBox ul {
  display:none;
  padding:0 !important;
  margin:0 !important;
}
.selectBox li {
  padding:20px !important;
  margin:0 auto;
  width:100px;
  height:30px;
  display:inline-block;
}
.selectBox li:hover {
}
.selectBox li.other {
  padding:0 0 !important;
  width:252px;
  background-color:#e0e0e0;
}

.selectBox li.last {
}


.selectBox li:hover span {
  color:#969b9f;
}
.selectBox li span {
  font-size:16px;
  color:#000;
}