@charset "utf-8";
/* CSS Document */
@media only screen and (min-width: 480px) {

#fomenu {
	width:100%;
	max-height:200px;
	height:auto;
	}

#fomenu .fomenu_first {
	margin-left:2%;}

	#fomenu .fomenu_polo {
		width:6.85%;
		float:left;
		background: url(../fomenu/polo_1.png) top left no-repeat;
		background-size:100%;box-shadow: 0 5px 5px #999;}
	
		#fomenu .fomenu_polo:hover {
			background:url(../fomenu/polo_2.png) top left no-repeat;
			background-size:100%;}
	

	#fomenu .fomenu_galleros {
		width:6.85%;
		float:left;
		background: url(../fomenu/galleros_polo_1.png) top left no-repeat;
		background-size:100%;
		background-size:100%;box-shadow: 0 5px 5px #999;}
	
		#fomenu .fomenu_galleros:hover {
			background: url(../fomenu/galleros_polo_2.png) top left no-repeat;
			background-size:100%;}
	

	#fomenu .fomenu_ing {
		width:6.85%;
		float:left;
		background: url(../fomenu/ing_1.png) top left no-repeat;
		background-size:100%;
		background-size:100%;box-shadow: 0 5px 5px #999;}
	
		#fomenu .fomenu_ing:hover {
			background:url(../fomenu/ing_2.png) top left no-repeat;
			background-size:100%;}
	

	#fomenu .fomenu_pulover {
		width:6.85%;
		float:left;
		background: url(../fomenu/pulover_1.png) top left no-repeat;
		background-size:100%;
		background-size:100%;box-shadow: 0 5px 5px #999;}
	
		#fomenu .fomenu_pulover:hover {
			background:url(../fomenu/pulover_2.png) top left no-repeat;
			background-size:100%;}
	

	#fomenu .fomenu_melleny {
		width:6.85%;
		float:left;
		background: url(../fomenu/melleny_1.png)top left no-repeat;
		background-size:100%;
		background-size:100%;box-shadow: 0 5px 5px #999;}
	
		#fomenu .fomenu_melleny:hover {
			background:url(../fomenu/melleny_2.png) top left no-repeat;
			background-size:100%;}
	

	#fomenu .fomenu_kabat {
		width:6.85%;
		float:left;
		background: url(../fomenu/kabat_1.png) top left no-repeat;
		background-size:100%;
		background-size:100%;box-shadow: 0 5px 5px #999;}
	
		#fomenu .fomenu_kabat:hover {
			background:url(../fomenu/kabat_2.png) top left no-repeat;
			background-size:100%;}
	

	#fomenu .fomenu_soft_shell {
		width:6.85%;
		float:left;
		background: url(../fomenu/soft_shell_1.png) top left no-repeat;
		background-size:100%;
		background-size:100%;box-shadow: 0 5px 5px #999;}
	
		#fomenu .fomenu_soft_shell:hover {
			background:url(../fomenu/soft_shell_2.png) top left no-repeat;
			background-size:100%;}
	

	#fomenu .fomenu_nadrag {
		width:6.85%;
		float:left;
		background: url(../fomenu/nadrag_1.png) top left no-repeat;
		background-size:100%;
		background-size:100%;box-shadow: 0 5px 5px #999;}
	
		#fomenu .fomenu_nadrag:hover {
			background:url(../fomenu/nadrag_2.png) top left no-repeat;
			background-size:100%;}
	

	#fomenu .fomenu_sapka_sal {
		width:6.85%;
		float:left;
		background: url(../fomenu/sapka_sal_1.png) top left no-repeat;
		background-size:100%;
		background-size:100%;box-shadow: 0 5px 5px #999;}
	
		#fomenu .fomenu_sapka_sal:hover {
			background:url(../fomenu/sapka_sal_2.png) top left no-repeat;
			background-size:100%;}
	

	#fomenu .fomenu_wellness {
		width:6.85%;
		float:left;
		background: url(../fomenu/wellness_1.png) top left no-repeat;
		background-size:100%;
		background-size:100%;box-shadow: 0 5px 5px #999;}
	
		#fomenu .fomenu_wellness:hover {
			background:url(../fomenu/wellness_2.png) top left no-repeat;
			background-size:100%;}
	

	#fomenu .fomenu_taska {
		width:6.85%;
		float:left;
		background: url(../fomenu/taska_1.png) top left no-repeat;
		background-size:100%;
		background-size:100%;box-shadow: 0 5px 5px #999;}
	
		#fomenu .fomenu_taska:hover {
			background:url(../fomenu/taska_2.png) top left no-repeat;
			background-size:100%;}
	

	#fomenu .fomenu_alsoruhazat {
		width:6.85%;
		float:left;
		background: url(../fomenu/alsoruhazatl_1.png) top left no-repeat;
		background-size:100%;
		background-size:100%;box-shadow: 0 5px 5px #999;}
	
		#fomenu .fomenu_alsoruhazat:hover {
			background:url(../fomenu/alsoruhazatl_2.png) top left no-repeat;
			background-size:100%;}
	
	#fomenu .fomenu_kiegeszito {
		width:6.85%;
		float:left;
		background: url("../fomenu/covid-19_1.png") top left no-repeat;
		background-size:100%;box-shadow: 0 5px 5px #999;}
	
		#fomenu .fomenu_kiegeszito:hover {
			background:url("../fomenu/covid-19_2.png") top left no-repeat;
			background-size:100%;}
	
	#fomenu .fomenu_egyeb {
		width:6.85%;
		float:left;
		background: url(../fomenu/egyeb_1.png) top left no-repeat;
		background-size:100%;box-shadow: 0 5px 5px #999;}
	
		#fomenu .fomenu_egyeb:hover {
			background:url(../fomenu/egyeb_2.png) top left no-repeat;
			background-size:100%;}
}

				@media only screen and (max-width: 480px) {
				#fomenu {
					width:100%;
					height:auto;
					}
				
				#fomenu .fomenu_first {
					margin-left:0%;}
				
					#fomenu .fomenu_polo {
						width:14.28%;
						float:left;
						background: url(../fomenu/polo_1.png) top left no-repeat;
						background-size:100%;box-shadow: 0 5px 5px #999;}
					
						#fomenu .fomenu_polo:hover {
							background:url(../fomenu/polo_2.png) top left no-repeat;
							background-size:100%;}
					
				
					#fomenu .fomenu_galleros {
						width:14.28%;
						float:left;
						background: url(../fomenu/galleros_polo_1.png) top left no-repeat;
						background-size:100%;
						background-size:100%;box-shadow: 0 5px 5px #999;}
					
						#fomenu .fomenu_galleros:hover {
							background: url(../fomenu/galleros_polo_2.png) top left no-repeat;
							background-size:100%;}
					
				
					#fomenu .fomenu_ing {
						width:14.28%;
						float:left;
						background: url(../fomenu/ing_1.png) top left no-repeat;
						background-size:100%;
						background-size:100%;box-shadow: 0 5px 5px #999;}
					
						#fomenu .fomenu_ing:hover {
							background:url(../fomenu/ing_2.png) top left no-repeat;
							background-size:100%;}
					
				
					#fomenu .fomenu_pulover {
						width:14.28%;
						float:left;
						background: url(../fomenu/pulover_1.png) top left no-repeat;
						background-size:100%;
						background-size:100%;box-shadow: 0 5px 5px #999;}
					
						#fomenu .fomenu_pulover:hover {
							background:url(../fomenu/pulover_2.png) top left no-repeat;
							background-size:100%;}
					
				
					#fomenu .fomenu_melleny {
						width:14.28%;
						float:left;
						background: url(../fomenu/melleny_1.png)top left no-repeat;
						background-size:100%;
						background-size:100%;box-shadow: 0 5px 5px #999;}
					
						#fomenu .fomenu_melleny:hover {
							background:url(../fomenu/melleny_2.png) top left no-repeat;
							background-size:100%;}
					
				
					#fomenu .fomenu_kabat {
						width:14.28%;
						float:left;
						background: url(../fomenu/kabat_1.png) top left no-repeat;
						background-size:100%;
						background-size:100%;box-shadow: 0 5px 5px #999;}
					
						#fomenu .fomenu_kabat:hover {
							background:url(../fomenu/kabat_2.png) top left no-repeat;
							background-size:100%;}
					
				
					#fomenu .fomenu_soft_shell {
						width:14.28%;
						float:left;
						background: url(../fomenu/soft_shell_1.png) top left no-repeat;
						background-size:100%;
						background-size:100%;box-shadow: 0 5px 5px #999;}
					
						#fomenu .fomenu_soft_shell:hover {
							background:url(../fomenu/soft_shell_2.png) top left no-repeat;
							background-size:100%;}
					
				
					#fomenu .fomenu_nadrag {
						width:14.28%;
						float:left;
						background: url(../fomenu/nadrag_1.png) top left no-repeat;
						background-size:100%;
						background-size:100%;box-shadow: 0 5px 5px #999;}
					
						#fomenu .fomenu_nadrag:hover {
							background:url(../fomenu/nadrag_2.png) top left no-repeat;
							background-size:100%;}
					
				
					#fomenu .fomenu_sapka_sal {
						width:14.28%;
						float:left;
						background: url(../fomenu/sapka_sal_1.png) top left no-repeat;
						background-size:100%;
						background-size:100%;box-shadow: 0 5px 5px #999;}
					
						#fomenu .fomenu_sapka_sal:hover {
							background:url(../fomenu/sapka_sal_2.png) top left no-repeat;
							background-size:100%;}
					
				
					#fomenu .fomenu_wellness {
						width:14.28%;
						float:left;
						background: url(../fomenu/wellness_1.png) top left no-repeat;
						background-size:100%;
						background-size:100%;box-shadow: 0 5px 5px #999;}
					
						#fomenu .fomenu_wellness:hover {
							background:url(../fomenu/wellness_2.png) top left no-repeat;
							background-size:100%;}
					
				
					#fomenu .fomenu_taska {
						width:14.28%;
						float:left;
						background: url(../fomenu/taska_1.png) top left no-repeat;
						background-size:100%;
						background-size:100%;box-shadow: 0 5px 5px #999;}
					
						#fomenu .fomenu_taska:hover {
							background:url(../fomenu/taska_2.png) top left no-repeat;
							background-size:100%;}
					
				
					#fomenu .fomenu_alsoruhazat {
						width:14.28%;
						float:left;
						background: url(../fomenu/alsoruhazatl_1.png) top left no-repeat;
						background-size:100%;
						background-size:100%;box-shadow: 0 5px 5px #999;}
					
						#fomenu .fomenu_alsoruhazat:hover {
							background:url(../fomenu/alsoruhazatl_2.png) top left no-repeat;
							background-size:100%;}
					
					#fomenu .fomenu_kiegeszito {
						width:14.28%;
						float:left;
						background: url("../fomenu/covid-19_1.png") top left no-repeat;
						background-size:100%;box-shadow: 0 5px 5px #999;}
					
						#fomenu .fomenu_kiegeszito:hover {
							background:url("../fomenu/covid-19_2.png") top left no-repeat;
							background-size:100%;}
					
					#fomenu .fomenu_egyeb {
						width:14.28%;
						float:left;
						background: url(../fomenu/egyeb_1.png) top left no-repeat;
						background-size:100%;box-shadow: 0 5px 5px #999;}
					
						#fomenu .fomenu_egyeb:hover {
							background:url(../fomenu/egyeb_2.png) top left no-repeat;
							background-size:100%;}
				
				}