@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
}

#wrapper {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
}
#main {
	display: table;
	margin: 0;
	padding: 0;
	width:100%;
}
#main > ul {
	display: table-cell;
	margin: 0;
	padding: 0;
	width: 100%;
}
#main > ul > li {
	display: inline-block;
	list-style: none;
	padding: 10px;
	margin: 0px;
	width: calc(50% - 22px);
	text-align: center;
	vertical-align: top;
}
#main ul > li.irodatechnika {
	/* IE10+ */ 
	background-image: -ms-linear-gradient(top, #E1E1E1 0%, #F5F5F5 70%, #FFFFFF 100%);
	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #E1E1E1 0%, #F5F5F5 70%, #FFFFFF 100%);
	
	/* Opera */ 
	background-image: -o-linear-gradient(top, #E1E1E1 0%, #F5F5F5 70%, #FFFFFF 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E1E1E1), color-stop(70, #F5F5F5), color-stop(100, #FFFFFF));
	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #E1E1E1 0%, #F5F5F5 70%, #FFFFFF 100%);
	
	/* W3C Markup */ 
	background-image: linear-gradient(to bottom, #E1E1E1 0%, #F5F5F5 70%, #FFFFFF 100%);
}
#main ul > li.szerviz {
	/* IE10+ */ 
	background-image: -ms-linear-gradient(left, #E1E1E1 0%, #F5F5F5 70%, #FFFFFF 100%);
	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(left, #E1E1E1 0%, #F5F5F5 70%, #FFFFFF 100%);
	
	/* Opera */ 
	background-image: -o-linear-gradient(left, #E1E1E1 0%, #F5F5F5 70%, #FFFFFF 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #E1E1E1), color-stop(70, #F5F5F5), color-stop(100, #FFFFFF));
	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(left, #E1E1E1 0%, #F5F5F5 70%, #FFFFFF 100%);
	
	/* W3C Markup */ 
	background-image: linear-gradient(to right, #E1E1E1 0%, #F5F5F5 70%, #FFFFFF 100%);
}
#main ul > li.tonerek {
	/* IE10+ */ 
	background-image: -ms-linear-gradient(right, #E1E1E1 0%, #F5F5F5 70%, #FFFFFF 100%);
	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(right, #E1E1E1 0%, #F5F5F5 70%, #FFFFFF 100%);
	
	/* Opera */ 
	background-image: -o-linear-gradient(right, #E1E1E1 0%, #F5F5F5 70%, #FFFFFF 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #E1E1E1), color-stop(70, #F5F5F5), color-stop(100, #FFFFFF));
	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(right, #E1E1E1 0%, #F5F5F5 70%, #FFFFFF 100%);
	
	/* W3C Markup */ 
	background-image: linear-gradient(to left, #E1E1E1 0%, #F5F5F5 70%, #FFFFFF 100%);
}
#main ul > li.kesek {
	/* IE10+ */ 
	background-image: -ms-linear-gradient(bottom, #E1E1E1 0%, #F5F5F5 70%, #FFFFFF 100%);
	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(bottom, #E1E1E1 0%, #F5F5F5 70%, #FFFFFF 100%);
	
	/* Opera */ 
	background-image: -o-linear-gradient(bottom, #E1E1E1 0%, #F5F5F5 70%, #FFFFFF 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #E1E1E1), color-stop(70, #F5F5F5), color-stop(100, #FFFFFF));
	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(bottom, #E1E1E1 0%, #F5F5F5 70%, #FFFFFF 100%);
	
	/* W3C Markup */ 
	background-image: linear-gradient(to top, #E1E1E1 0%, #F5F5F5 70%, #FFFFFF 100%);
	
	
}
#main ul > li.center-logo {
    width: auto;
    position: absolute;
}
#main ul > li.center-logo img {
    position: relative;
    top: -117px;
    left: -194px;
}
#main ul > li > a {
    display: block;
    margin: 0;
    padding: 0;
	
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
	
	opacity: 0.5;
}
#main ul > li > a:hover {
    opacity: 1;
	
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}
#main ul > li > a > img {
    max-height: 455px;
}
.mobile {
	display: none;
}
.none-mobile {
	/*display: none;*/
}
@media screen and (max-width: 800px) {
	.none-mobile {
		display: none !important;
	}
	.mobile {
		display: block;	
	}
	#main {
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	#main ul {
		display: block;
		margin: 0;
		padding: 0px;
		width: 100%;
	}
	#main ul > li.center-logo {
		display: none;
	}
	#main ul > li {
		display: block;
		width: calc(100% - 20px);
	}
	/*
	#main ul > li.irodatechnika:before, #main > ul > li.szerviz:before, #main > ul > li.tonerek:before, #main > ul > li.kesek:before {
		display: block;
		content: ' ';
		background: url(arrow.png) bottom left no-repeat;
		width: 20px;
		height: 100px;
		position: absolute;
		background-size: 100%;
	}
	*/
	#main ul > li > a > img {
		width: 100%;
		height: auto !important;
	}
	#main > .mobile img {
		width: 100%;
	}
}
@media screen and (max-width: 400px) {
	#main > .mobile img {
		width: 100%;
	}
}