@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */
@media only screen and (max-width: 480px) {
	
#kosaram_tartalma {
		width: 9.0%;
		position: fixed;
		z-index:99999;
		float:right;
		margin-left:91%;
		margin-top:10.0em;
		}
		
	#kosaram_tartalma img {
		width:100%;}
		
	#kosaram_tartalma:hover {
		margin-left:91%;
		cursor:pointer;}


.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 98%;
	padding-left: 1.0%;
	padding-right: 1.0%;
	margin: auto;
	background: url(../image/bg_wh.png) top left repeat;
	min-height:80.0em;
}

				
.logo{
	width:95%;
	margin: auto  auto  auto auto;
	padding:1.0em;
	background:#FFF;}
				

		#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 {
			width:98%;
			max-width:98%;
			height:100%;
			float: none;
			margin:1.0%;}
			
			
.fejlec {
	width: 90%;
	font-family: 'Poppins', sans-serif;
	font-size:0.9em;
	color:#333;}

	.fejlec .keressen {
		visibility:hidden;}
	
	.fejlec .search-box {
		width:100%;
		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.0%;
		cursor:pointer;
		}
	
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#LayoutDiv1 #nagy_gombok {
	height:1.0em;}
	
	#LayoutDiv1 #nagy_gombok .akcio_gomb {
	visibility: hidden;}
		
		#LayoutDiv1 #nagy_gombok .akcio_gomb img.kep_gomb {
	visibility: hidden;}

		#LayoutDiv1 #nagy_gombok .akcio_gomb:hover {
	visibility: hidden;}
		
	#LayoutDiv1 #nagy_gombok .kifuto_gomb {
	visibility: hidden;}
			
		#LayoutDiv1 #nagy_gombok .kifuto_gomb img.kep_gomb {
	visibility: hidden;}

		#LayoutDiv1 #nagy_gombok .kifuto_gomb:hover {
	visibility: hidden;}
			
	#LayoutDiv1 #nagy_gombok .ujdonsag_gomb {
	visibility: hidden;}
			
		#LayoutDiv1 #nagy_gombok .ujdonsag_gomb img.kep_gomb {
	visibility: hidden;}

		#LayoutDiv1 #nagy_gombok .ujdonsag_gomb:hover {
	visibility: hidden;}

.tartalom {
	width:68%;
	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 0.8em 0;
	font-weight:normal;
	font-family: 'Poppins', sans-serif;	
	font-size:0.7em;
	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');
	}
	
iframe.terkep {
	width: 100%;
	max-height:150px;}

.vissza {
	height:3.0em;
	width:100%;
	}
	
	.vissza img {
		float:left;
		height:2.5em;
		margin-left:2.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:0.5em;
	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:0.9em;
	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.0em;
	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:0.6em;
	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.0em;
	width:auto;
	text-align: left;
	color: #C00;
	font-weight:lighter;
	}
	

h4 {
	font-family: 'Poppins', sans-serif;	
	font-size:0.8em;
	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.6em;
	text-align:right;
	color:#333;
	margin: auto;
	font-weight:lighter;}

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



#footer {
	width:100%;
	border-top:2px solid #CCC;
	height:2em;
	background:#333;
	}
	
	#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;}