@import "http://fonts.googleapis.com/css?family=Raleway";


@media only screen and (max-width: 767px){
footer.lablec{
display: none !important;
}		
div#container{
width: 100% !important;
height: 400px;
margin: 105px auto;	
}
nav.fejlec{
background-color: #242424 !important;
color: white !important;
}
}

*{
padding: 0px;
margin: 0px;
}
body{
background-color: #242424;
font-family: Pacifico;
}

div#clear{
clear: both;	
}

div#container{
width: 1000px;
height: 400px;
margin: 105px auto;	
}



div#slider_border{
	width: 800px;
	height: 450px;	
	margin: 20px auto;
	padding: 10px;
	background-color: #020202;
	box-shadow: 5px -5px 15px #000;
}

div#slider{   
	background-color:black;
	width: 800px;
	min-width:800px;
	height: 450px;
	align: center;
	overflow: hidden;
	margin: auto;
	border: 1px solid #fff;
}

#slider img{
	position: absolute;
 	z-index: 1;
	max-width: 800px;
	max-height: 450px;
	margin: 0 auto 0 auto;
	display: none;
}

div#Group{
	position:relative;
	z-index: 2;
	width: 800px;
	height: 450px;	
}

div#Prev{
	position:relative;
	float: left;
	z-index: 2;
	width: 55px;
	height: 450px;
	background: url('../img/plus/prev.png') no-repeat 15% 53%;
	background-size: contain;
	background-color: rgba(65,65,65, 0.5);
	display: none;
}

div#Prev:hover{
	cursor: pointer;
	background-color: rgba(95,95,95, 0.5);
	}
	
div#Center{
	position:relative;
	float: left;
	z-index: 2;
	width: 690px;
	height: 450px;
	background-color: rgba(255,255,255, 0);
}

div#Next{
	position:relative;
	float: left;
	z-index: 2;
	width: 55px;
	height: 450px;
	background: url('../img/plus/next.png') no-repeat 85% 50%;
	background-size: contain;
	background-color: rgba(65,65,65, 0.5);
	display: none;
}

div#Next:hover{
	cursor: pointer;
	background-color: rgba(95,95,95, 0.5);	
}

div#Image_Text{
position: relative;
z-index: 2;
width: 600px;
height: 350px;
padding-left: 20px;
font-family: Pacifico;
text-shadow: 4px 4px 4px #000;
font-size:20px;
color: #fff;
line-height:670px;
vertical-align: bottom;
display: none;	
}

div#Image_Number{
position:relative;
z-index: 2;
float: right;
font-family: Pacifico;
text-shadow: 4px 4px 4px #000;
font-size: 20px;
color: #fff;
line-height:150px;
vertical-align: bottom;
width: 450px;
height: 100px;
}

.menubar {
position: fixed;
min-width: 180px;
margin:5px;
padding:5px;
left: 5px;;
top: 4px;
display: inline-block;
z-index:100;

}
nav.fejlec {
position: fixed;
top: 0px;
left: 0px;
min-width: 100%;
background-color: white;
padding: 0 0 0 37px;
min-height: 9%;
// background-color: rgba(255, 255, 255, 0.9);
color: black;
// display: flex;
justify-content: center;
align-items: center;
line-height: 1;
text-align: center;
font-size: 24px;
z-index: 10;
}

.dropbtn {
position: fixed;
left: 25px;
top: 13px;
padding: 1px 5px 0px 5px;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 4px;
cursor: pointer;
border: none;
z-index: 12;
display: none;
}
 
footer.lablec { 
position: fixed;
bottom: 0px;
width:100%;
min-height: 5%;
background-color: rgba(255, 255, 255, 0.9);
display: flex;
justify-content: center;
align-items: center;
color: black;
//font-family:'Raleway',sans-serif;
font-size: 18px;
text-align: center;
}

.menubar:hover .dropbtn {background-color: orange;}
}