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

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */



@media only screen and (min-width: 480px) and (max-width: 767px) {
	
#kosaram_tartalma {
		width: 3%;
		position: fixed;
		z-index:99999;
		float:right;
		margin-left:97.5%;
		margin-top:10.0em;
		}
		
	#kosaram_tartalma img {
		width:100%;}
		
	#kosaram_tartalma:hover {
		margin-left:97%;
		cursor:pointer;}


.gridContainer {
	width: 94%;
	max-width: 1300px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
	background: url(../image/bg_wh.png) top left repeat;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}


		#LayoutDiv1 img.nagy {
			float:right;
			margin:1.0%;
			width:50%;}
			
		#LayoutDiv1 img.left {
			width:25%;
			float:left;
			margin:1.0%;}

		#LayoutDiv1 img.little {
			width:10%;
			float:right;
			margin:1.0%;}

		#LayoutDiv1 img.right {
			width:25%;
			float:right;
			margin:1.0%;}

		#LayoutDiv1 img.full {
			max-width:98%;
			height:auto;
			float: none;
			margin:1.0%;}
			
				
.logo{
	width:95%;
	margin: auto  auto  auto auto;
	padding:1.0em;
	background:#FFF;}
				
.fejlec {
	width: 70%;
	float:left;
	font-family: 'Poppins', sans-serif;
	font-size:0.9em;
	font-weight:lighter;
	color:#333;}

	.fejlec .keressen {
		width:50%;
		float:left;
		text-align: right;
		margin:2px;}
	
	.fejlec .search-box {
		float:left;
		width:40%;
		background: #CCC;}
	
		.search-box input {
			background-color: #fff;
			border:1px solid #CCC;
			width:80%;
			float:right;
			margin: 2%;
			font-family: 'Poppins', sans-serif;
			font-size:0.8em;
			font-weight:lighter;
			}
			
	.fejlec .nagyito {
		float:right;
		margin: 2%;
		max-width:7%;
		cursor:pointer;
		}
	

#nagy_gombok {
	width:100%;
	height: auto;
	margin-left: 1%;
	}
	
	#nagy_gombok .akcio_gomb {
		width:33%;
		float:left;
		background:url(../image/akcio_icon.png) top left no-repeat;
		background-size:100%;}
		
		#nagy_gombok .akcio_gomb img.kep_gomb {
			width:100%;}

		#nagy_gombok .akcio_gomb:hover {
			opacity:0.8;
			cursor:pointer;}
		
	#nagy_gombok .kifuto_gomb {
		width:33%;
		float:left;
		background:url(../image/kifuto_icon.png) top left no-repeat;
		background-size:100%;}
			
		#nagy_gombok .kifuto_gomb img.kep_gomb {
			width:100%;}

		#nagy_gombok .kifuto_gomb:hover {
			opacity:0.8;
			cursor:pointer;}
			
	#nagy_gombok .ujdonsag_gomb {
		width:33%;
		float:left;
		background:url(../image/ujdonsag_icon.png) top left no-repeat;
		background-size:100%;}
			
		#nagy_gombok .ujdonsag_gomb img.kep_gomb {
			width:100%;}

		#nagy_gombok .ujdonsag_gomb:hover {
			opacity:0.8;
			cursor:pointer;}
	

/* tartalom */	
.tartalom {
	width:78%;
	float:left;
	min-height:50em;
	height:auto;
	border-left:0px solid #999;
	margin-top: 0;
	padding-left:1%;
	}	

.tartalom ul {
	text-align:left;
	margin: 0em auto 1.0em 8%;
	font-weight:normal;
	font-family: 'Poppins', sans-serif;	
	font-size:1.0em;
	width: 80%;
	text-align:justify;
	color:#fff;
	font-weight:lighter;
	list-style:none;
	box-shadow: 3px 3px 5px #999;
		-moz-box-shadow: 3px 3px 5px #999;
		-ms-box-shadow: 3px 3px 5px #999;
		-o-box-shadow: 3px 3px 5px #999;
		-webkit-box-shadow: 3px 3px 5px #999;
	border-left:12px solid #999;
		filter:progid:DXImageTransform.Microsoft.dropshadow(Color='#aacccccc', OffX=25, OffY=10, Positive='true');background-image:linear-gradient(right,#FF0000,#7B0909); 
		background-image:-moz-linear-gradient(right,#FF0000,#7B0909); 
		background-image:-ms-linear-gradient(right,#FF0000,#7B0909); 
		background-image:-o-linear-gradient(right,#FF0000,#7B0909); 
		background-image:-webkit-linear-gradient(right,#FF0000,#7B0909); 
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0000', endColorstr='#7B0909');
	}

.vissza {
	height:3.0em;
	width:100%;
	}
	
	.vissza img {
		float:left;
		height:2.5em;
		margin-left:3.0em;
		opacity:0.8;}

	.vissza img:hover {
		margin-left:2.6em;
		opacity:1.0;
		}

	.vissza a {
		border:none;}

.pdf img{
		width: 10%;
		margin:1.0%;
		float:left;}
	
	.pdf img:hover {
		opacity: 0.8;
		cursor:pointer;}
	
p {
	margin:0 ;
	font-family: 'Poppins', sans-serif;	
	font-size:1.0em;
	width: 95%;
	line-height:1.3em;
	text-align:justify;
	color:#333;
	padding: 1.0em;
	font-weight:lighter;}

h1 {
	font-family: 'Poppins', sans-serif;	
	font-size:2.0em;
	font-weight: 300;
	padding-left:1.0%;
	color: #333;
	margin:0em auto 0.8em 0px;
	font-weight:lighter;
	text-align:left;}

h2 {
	font-family: 'Poppins', sans-serif;	
	font-size:1.9em;
	background-color: #C00;
	padding:0.5%;
	color:#fff;
	margin: auto;
	border-radius: 2.0em 2.0em 0 0;
		-moz-border-radius: 2.0em 2.0em 0 0;
		-ms-border-radius: 2.0em 2.0em 0 0;
		-o-border-radius: 2.0em 2.0em 0 0;
		-webkit-border-radius: 2.0em 2.0em 0 0;
	text-shadow:2px 2px 5px #333333;
		-moz-text-shadow:2px 2px 5px #333333;
		-ms-text-shadow:2px 2px 5px #333333;
		-o-text-shadow:2px 2px 5px #333333;
		-webkit-text-shadow:2px 2px 5px #333333;
	font-weight:lighter;
	filter:progid:DXImageTransform.Microsoft.dropshadow(Color='#aacccccc', OffX=25, OffY=10, Positive='true');background-image:linear-gradient(top,#FF0000,#7B0909); 
	background-image:-moz-linear-gradient(top,#FF0000,#7B0909); 
	background-image:-ms-linear-gradient(top,#FF0000,#7B0909); 
	background-image:-o-linear-gradient(top,#FF0000,#7B0909); 
	background-image:-webkit-linear-gradient(top,#FF0000,#7B0909); 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0000', endColorstr='#7B0909');
	}
		

h3 {
	font-family: 'Poppins', sans-serif;	
	font-size:1.0em;
	font-weight:100;
	color: #fff;
	background:#999;
	margin:0 auto 1.0em auto;
	font-weight:lighter;
	text-align: justify;
	padding-left:4%;
	padding-right:2%;
	padding-bottom:1%;
	padding-top:1%;
	line-height:1.2em;}

h5 {
	font-family: 'Felipa', cursive;	
	font-size:1.8em;
	width:auto;
	text-align: left;
	color: #C00;
	font-weight:lighter;
	}
	

h4 {
	font-family: 'Poppins', sans-serif;	
	font-size:1.3em;
	width: 95% !important;
	line-height:1.0em;
	text-align: left;
	color:#333;
	font-weight:normal;
	margin: auto auto auto 0;
	padding: 1.0em;
	font-weight:lighter;}


h6 {
	font-family: 'Poppins', sans-serif;	
	font-size:0.8em;
	text-align:right;
	color:#333;
	margin: auto;
	font-weight:lighter;}

address {
	font-family: 'Poppins', sans-serif;	
	font-size:0.6em;
	font-weight:lighter;
	color:#333;
	margin:1.5em auto 1.5em auto;
	text-align:left;}
		
/* footer */	

#footer {
	width:100%;
	border-top:2px solid #CCC;
	height:2em;
	background:#333;
	padding:2.0em 0;
	}
	
	#footer .webasz {
		text-align:center;
		width:auto;
		font-family: 'Oxygen', sans-serif;
		font-size:1.0em;
		color:#fff;
		}
	#footer .webasz a {
		color:#FFF;
		text-decoration:none;}


}