/************************************************************************************
MEDIA QUERIES
*************************************************************************************/



@media screen and (max-width: 940px) {
	
	.siteinner{
		width: 625px;
	}
	
	#top .left{
		width: 150px;
	}
	
	#top .left img{
		width: 150px;
		height: auto;
		margin-top: 10px;
	}
	
	#top_profil_link{
		right: 75px;
		font-size: 11px;
	}

	
	#top .right{
		width: 470px;
	}
	
	#menu{
		width: 470px;
	}
	
	#menu a{
		font-size: 13px;
		margin-left: 3px;
		padding: 16px 5px 12px;
	}
	
	#menu a.last{
		width: 65px;
		background-position: top center;
		font-size: 13px;
	}
	
	
	#header{
		padding-top: 10px;
		background-image: url("../images/header_bg_sub3.jpg");
		height: 189px;
	}
	
	.home #header h1 a{
		font-size: 26px;
		line-height: 28px;
	}
	
	.home #header p a{
		font-size: 13px;
		line-height: 15px;
		max-width: 340px;
		display: block;
	}
	
	#boxok .box{
		margin-bottom: 20px;
	}
	
	#boxok .box.second{
		margin-right: 0;
	}
	
	.gradient_bg{
		height: 220px;
	}
	
	.gradient_bg p{
		font-size: 12px;
		line-height: 14px;
	}
	
	
	.gradient_bg img{
		width: 300px;
		height: auto;
		padding: 0 10px 10px 0 !important;
	}
	
	.kapcsolat_form{
		float: left !important;
	}
	
	.tpl_jarmuvek #header{
		height: 250px;
	}
	
	.subpage.tpl_jarmuvek #content{
		top: -85px;
	}
	
	.tpl_jarmuvek .cats .button{
		font-size: 14px;
		width: 105px;
		height: 25px;
		padding-top: 5px;
		margin-bottom: 10px;
	}
	
	.mobilMenuRow{
		display: none;	
	}

	
}




@media screen and (max-width: 625px) {
	
	.showOnMobil{
		display: block;
	}

	.siteinner{
		width: 309px;
	}	
	
	#top .right{
		display: none;
	}
	
	
	.mobil_top_menu_icon{
		position: absolute;
		top: 30px;
		right: 0px;
		background: none;
		border: none;
	}
	
	.mobilMenuRow{
		background: #1E4382;
	}
	
	.mobilMenuRow table, td{
		border: 1px solid white;
		border-collapse: collapse;
	}
	
	.mobilMenuRow a{
		display: block;
		padding: 10px 0 10px 10px;
		color: white;
		font-weight: bold;
		text-transform: uppercase;
	}
	
	.home #header p{
		max-width: 309px;
	}
	
	.home #header p a{
		font-size: 12px;
		text-shadow: 1px 1px #000000;
		max-width: 309px;
	}
	
	.gradient_bg{
		height: 400px;
	}
	
	
	#bottom_row{
		min-height: 13px;
	}
	
	#footer{
		padding-top: 10px;
		height: 50px;
	}
	
	h1{
		font-size: 30px;
	}
	
	.kapcsolat_form, .kapcsolat_left_div{
		width: 309px !important;
	}
	
	.kapcsolat_form h2{
		font-size: 22px;
		line-height: 24px;	
	}
	
	iframe{
		max-width: 309px;
	}
	
	
	.tpl_login .content_inner{
		width: 309px;
	}
	
	.tpl_login .box{
		margin-bottom: 20px;
	}
	
	.tpl_jarmuvek .cats .button{
		margin-right: 10px;
		font-size: 12px;
		width: 90px;
	}
	
	.jarmu_box, .jarmu_box img{
		max-width: 309px;
	}
	
	.jarmu_box .pic_inner{
		height: 207px;
	}
	
	.jarmu_box .inner{
		width: 269px;
	}
	
	.jarmu_box .priceDiv{
		font-size: 14px;
	}
	
	.subpage #h1Div{
		top: -150px;
	}
	
	
	.frontend_table, .frontend_table a{
		font-size: 11px;
		line-height: 16px;
	}	
	
	.frontend_table img{
		height: 100px !important;
		width: auto;
	}
	
	.frontend_table td, .frontend_table th{
		padding: 4px 5px;
	}	
	
}