@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700&subset=latin,latin-ext);


@media only screen and (max-width: 480px) {
	#mobile { display: block; }
	#nomobile {display: none; }
	
	body, td, th { font-size: 5vw; -webkit-tap-highlight-color:transparent; }
	h1 { font-size: 6.5vw;margin:0; padding:0;}
	h2 { font-size: 6.0vw;margin:0; padding:0;}
	h3 { font-size: 5.5vw;margin:0; padding:0;}
	input, textarea, select {font-size: 5vw; padding:2vw; }
	
	#slider { width:100%; height:100vh; position: absolute; background-image:url(img/back.jpg); background-position: top left; background-size: cover; z-index:-1;}
	#slider_szoveg { position: absolute; bottom: 15vh; width:90%; left:5%; right:5%; z-index:1100;}
	#slider_szoveg h1 { font-size: 10vw; font-weight: 700; color:#FFF; text-transform: uppercase;}	
	#slider_szoveg h2 { font-size: 6vw; font-weight: 300; color:#FFF;}
	
	#slider2 { width:100%; height:20vh; position: absolute; background-image:url(img/back_aloldal.jpg); background-position: center; background-size: cover; z-index:-1;}

	#menu_bg {width:100%; height:50px; background-color:rgba(81,88,88,0.9); position:fixed; z-index:1200;}
	#menu_index, #menu_aloldal { position: fixed; z-index:1000; width:100%; right:0;}
	#menu_index h1, #menu_aloldal h1 { 	height:15vw; line-height:18vw; display: block; background-color:rgba(222,238,4,0.8);}
	#menu_index h1 a, #menu_aloldal h1 a { font-size:8vw; font-weight:400!important; padding:0 2.0vw 0 2.0vw; color:#515858!important; }

	.menuicon { height:50px; padding-right: 5vw;}
	
	#logo_index { position: fixed; width:39vw; z-index:1010; top:0; }
	
	#content_container { padding: 0 5% 0 5%;}
	
	.tovabb, .tovabb a {padding: 2vw 8vw 2vw 8vw; line-height: 15vw; font-size: 5vw;  border: 1px solid #333333; }
	
	.nyil { width: 6vw;}
	
	.letoltes { width: 20%;}
	
	.hagie_yt {width:100%; height:300px;}
	
	#index_4es_container {width:100%;}
	#index_4es_item {width:100%; float:none; display:block; text-align:center;}
	#index_4es_item_szoveg {padding:1%; }
	#index_4es_item h3 {text-transform:uppercase; height: 15vw;}
	#index_4es_container img {width:100%; display: block;}

	#index_csoport { width:100%; height:65vh; background-image:url(img/index_img1.jpg); background-position: center; background-size: cover; z-index:-1;}
	#index_csoport_szoveg { position: absolute; height:50vh; width:60%; left:30%; right:0; z-index:1100; background-color:rgba(174,190,39,0.8); color:#FFF; padding: 10vh 5% 5vh 5%;}
	#index_csoport h1 { font-size:7vw; color:#FFF;}
	
	#index_hagie { width:100%;}
	#index_hagie img { width:100%; float:none; padding: 0 0 0 0;}
	#index_hagie div { padding:0 5% 0 5%;}
	
	#index_uzletagak { width:100%; height:65vh; background-image:url(img/index_img3.jpg); background-position: center left; background-size: cover; z-index:-1;}
	#index_uzletagak_szoveg { position: absolute; height:55vh; width:60%; right:30%; left:0; z-index:1100; background-color:rgba(0,0,0,0.8); color:#FFF; padding: 5vh 5% 5vh 5%;}
	#index_uzletagak h1 { font-size:7vw; color:#FFF;}
	#index_uzletagak a { color:#FFF;}
	#index_uzletagak a:hover { color:#aebe27;}
	
	#uzletagak { width:100%; height:65vh; background-image:url(img/uzletagak.jpg); background-position: center; background-size: cover; z-index:-1;}
	#uzletagak_szoveg { position: absolute; height:61vh; width:80%; right:10%; left:10%; z-index:1100; background-color:rgba(0,0,0,0.7); color:#FFF; padding: 2vh 0 2vh 0;}
	#uzletagak a { color:#FFF; font-size: 6vw; display:block; padding-left: 5%;}
	#uzletagak a:hover { color:#aebe27; background-color:rgba(255,255,255,0.2);}
	
	.letolteskereso { border:1px solid #CCC!important; width:70%; }
	#letoltes_abc a { margin:0 3% 2% 3%;}
	
	#footer { width:90%; padding:3vw 5% 3vw 5%; background-color:#5d6166; display:inline-table; margin: 5vw 0 0 0;}
	#footer, #footer h3 a { text-transform:uppercase; font-weight: 600; font-size: 4vw; color:#FFF;}
	#footer h3 a {line-height: 8vw; padding: 0 0 0.6vw 0; display:block;}
	#footer a:hover { color:#eb5a38;}
	#footer_menu {float:none; width: 100%; text-align:center; display:none;}
	#footer_adatok {float:none; width: 100%; margin: 5vw 0 0 0;}
	#footer_map { float:none; width: 100%; margin:5vw 0 0 0; }
	#footer_copyr { float:none; display: inline-block; width:100%; margin: 10vw 0 0 0;}
	.footermsbt {width:20vw;}
	
}


@media only screen and (min-width: 481px) {
	#mobile { display: none;  }
	#nomobile {display: block; }
	
	body, td, th { font-size: 1.8vw; }
	h1 { font-size: 2.2vw; margin:0; padding:0; }
	h2 { font-size: 2.0vw; margin:0; padding:0; }
	h3 { font-size: 1.9vw; margin:0; padding:0; }
	input, textarea, select {font-size: 1.6vw; padding:0.3vw; }
	
	#slider { width:100%; height:100vh; position: absolute; background-image:url(img/back.jpg); background-position: top center; background-size: cover; z-index:-1;}
	#slider_szoveg { position: absolute; bottom: 10vw; width:80%; left:10%; right:10%; z-index:1100;}
	#slider_szoveg h1 { font-size: 4vw; font-weight: 700; color:#FFF; text-transform: uppercase;}	
	#slider_szoveg h2 { font-size: 3vw; font-weight: 300; color:#FFF;}
	
	#slider2 { width:100%; height:20vh; position: absolute; background-image:url(img/back_aloldal.jpg); background-position: center; background-size: cover; z-index:-1;}
	
	#menu_index, #menu_aloldal { position: absolute; top:1vw; z-index:1000; width:60%; right:0;}
	#menu_index h1, #menu_aloldal h1 {	height:6vw; line-height:6vw; display: inline-block;}
	#menu_index h1 a, #menu_aloldal h1 a { font-size: 1.7vw; padding:0 2.0vw 0 2.0vw; }
	
	#logo_index { position: absolute; width:20vw; z-index:1010; top:1vw; left:2vw; }
	
	#logo_alatt_adatok {position: absolute; z-index:1010; top:9vw; left:2.8vw; color:#FFF; font-size: 1.5vw;}
	
	#index_udv { width:80%; padding:2vw 10% 2vw 10%;}
	
	#content_container { width:80%; padding: 0 10% 0 10%;}
	
	.tovabb, .tovabb a {padding: 0.5vw 2vw 0.5vw 2vw; line-height: 4vw; font-size: 1.4vw;  border: 2px solid #333333; }
	
	.nyil { width: 3vw;}
	
	.letoltes { width: 10%;}
	
	.hagie_yt {width:100%; height:600px;}
	
	#index_4es_container {width:100%;}
	#index_4es_item {width:25%; float:left; display:inline-block; text-align:center;}
	#index_4es_item_szoveg {padding:1%; }
	#index_4es_item h3 {text-transform:uppercase; height: 6vw;}
	#index_4es_container img {width:100%; display: block;}
	
	#index_csoport { width:100%; height:65vh; background-image:url(img/index_img1.jpg); background-position: center; background-size: cover; z-index:-1;}
	#index_csoport_szoveg { position: absolute; height:50vh; width:40%; left:50%; right:0; z-index:1100; background-color:rgba(174,190,39,0.8); color:#FFF; padding: 10vh 5% 5vh 5%;}
	#index_csoport h1 { font-size:3vw; color:#FFF;}
	
	#index_hagie { width:100%;}
	#index_hagie img { width:50%; float:left; padding: 0 2% 0 0;}
	#index_hagie div { padding:0 2% 0 0;}
	
	#index_uzletagak { width:100%; height:65vh; background-image:url(img/index_img3.jpg); background-position: center; background-size: cover; z-index:-1;}
	#index_uzletagak_szoveg { position: absolute; height:55vh; width:40%; right:50%; left:0; z-index:1100; background-color:rgba(0,0,0,0.8); color:#FFF; padding: 5vh 5% 5vh 5%;}
	#index_uzletagak h1 { font-size:3vw; color:#FFF;}
	#index_uzletagak a { color:#FFF; display:block;}
	#index_uzletagak a:hover { color:#aebe27;}

	#uzletagak { width:100%; height:75vh; background-image:url(img/uzletagak.jpg); background-position: center; background-size: cover; z-index:-1;}
	#uzletagak_szoveg { position: absolute; height:71vh; width:50%; right:25%; left:25%; z-index:1100; background-color:rgba(0,0,0,0.8); color:#FFF; padding: 2vh 0 2vh 0;}
	#uzletagak a { color:#FFF; font-size: 2.5vw; display:block; padding-left: 5%;}
	#uzletagak a:hover { color:#aebe27; background-color:rgba(255,255,255,0.2);}	
	
	#kapcsolat_bal { float:left; width:50%; display: inline-block;}
	#kapcsolat_bal { float:left; width:50%; display: inline-block;}
	
	.letolteskereso { border:1px solid #CCC!important; width:70%; }
	#letoltes_abc a { margin:0 1% 0 1%;}
	
	#footer { width:90%; padding:3vw 5% 3vw 5%; background-color:#aebe27; display:inline-table; margin: 2vw 0 0 0;font-weight: 300;}
	#footer, #footer h1 a { text-transform:uppercase; font-weight: 400; font-size: 1.4vw; color:#FFF;}
	#footer h1 a, #footer h1{ display: inline-block;padding:0 1.0vw 0 1.0vw;}
	#footer a:hover { color:#000!important;}
	#footer_menu {float:left; width: 70%;}
	#footer_adatok {float:left; width: 30%;}
	#footer_copyr { float:none; display: inline-block; width:100%; margin: 4vw 0 0 0;}
	#footer a { font-size: 1.4vw;}
	.footermsbt {width:8vw;}

}



/* CSS Document */

* {	outline: none;}

body  {	margin:0;	padding:0;	background-color: #fff;}
body,td,th {font-family: 'Oswald', sans-serif; color: #515858; font-weight: 300;	letter-spacing: }
	
#showmenu {display:none;}
#showmenu.o {display:block; z-index:5000;}
	
#slider{position: relative;}
#slider img{position:absolute;z-index:1;}
#slider img.elso{z-index:3;}


h1, h1 a {	color:#aebe27;	font-weight: 600;	transition-duration: 0.5s; }
h2, h2 a {	color:#aebe27;	font-weight: 600;	transition-duration: 0.5s; }
h3, h3 a {	color:#aebe27;	font-weight: 600;	transition-duration: 0.5s; }


a, a img {
	text-decoration: none;
	color:#aebe27;
	font-weight: 300;
	outline: none;
	padding:0;
	transition-duration: 0.9s;
}
a:hover, a img:hover {
	color: #000;
	transition-duration: 0.3s;
}
b { font-weight:600;}

input, textarea, select { color: #585453; background-color: #fff; font-family: 'Oswald', sans-serif; font-weight: 300;}

#menu_index { border-bottom: 1px solid #FFF;}
#menu_aloldal {border-bottom: 1px solid #FFF;}
#menu_index h1 a, #menu_aloldal h1 a {color: #fff; text-align: center; display: block; text-transform: uppercase; font-weight:300; white-space: nowrap; transition-duration: 0.5s; }
#menu_index h1 a:hover, #menu_aloldal h1 a:hover {	color: #aebe27; border-bottom: 4px solid #aebe27; transition-duration: 0.5s;}


#logo_index img { transform: scale(1.0,1.0); transition-duration: 0.4s;}
#logo_index img:hover { transform: scale(1.05,1.05); transition-duration: 0.3s;}


hr {border:none; border-bottom:1px solid #cfcfcf;}

.tovabb, .tovabb a { background-color: #fff; color: #333333; text-decoration: none;	font-weight: 300; transition-duration: 0.5s; text-transform:uppercase;}
.tovabb:hover {	background-color: #333333;	color:#fff;	transition-duration: 0.3s;}

#footer td, #footer a {
	color: #fff;
	text-decoration: none;
	transition-duration: 0.3s;
	font-weight:300;
}
#footer td a:hover {
	color:#fc5a0a;
}