body {
	margin: 5px 0px 0px 0px;	
	color:#000;
	font-family: Verdana, arial; 
	font-weight: normal; 
	font-size: 80%; 
	line-height: 130%; 
	text-align: center;
	background: url('../images/bg.jpg') repeat;
	}

td {
	line-height: 130%; 
}

a {
	text-decoration: underline; 
	color: #bf2101; 
	font-weight: normal;
	}
a:link {}
a:visited {}
a:active {}
a:hover {text-decoration: none;}

img { border:0px;padding:0px;margin:0px; }

#c1
{
	margin-left: auto;
	margin-right: auto;
	width:950px;
	padding:0px;		
	text-align:left;	
}

#head1 {		
	width:950px;
	height:111px;
	background: url('../images/bg_head.jpg') no-repeat;
	margin:0px;
}

#head2 {		
	width:950px;
	/*height:190px;*/
	background: url('../images/ladi-igyvedi-iroda.jpg') no-repeat #ffffff;
	margin:0px;
}

#head3 {		
	width:950px;	
	background: url('../images/bg_content.jpg') no-repeat bottom;
	margin:0px;
}

#top {
	float:right;
	text-align:right;
	color:#888;
	font-size:11px;
	line-height: 135%; 
	padding: 30px 15px 0px 0px;
}

#t1 {
	float:left;
	color:#ffffff;
	padding:6px 0px 0px 20px;
	font-size:100%;
	width:450px;
}



#menu {		
	background: #b40c01;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	float:right;
	margin:132px 15px 0px 0px;
	text-align:center;
	line-height: 130%;
	padding:3px 0px 10px 0;
	font-size:90%;
	-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.25);
	
}

#top-menu {
	color:#ffffff;
	padding-top:10px;
	padding-left:20px;
	padding-bottom:8px;
	text-align:left;
	font-size:13px;
}

#top-menu  a {
	text-decoration: none; 
	color:#ffffff; 
	font-weight: normal;
	
	}
#top-menu  a:link {}
#top-menu  a:visited {}
#top-menu  a:active {}
#top-menu  a:hover {text-decoration: underline;}


#menu2 {		
	padding: 0px 0px 0px 5px;
	margin-right:1px;
	text-align:center;	
	color:#ffffff;
	border: 0px solid yellow;
	
}

#menu3 {		
	border-top:1px solid #c23d36;
	width:201px;	
	background:#b40c01;
	text-align:left;	
	color:#ffffff;
	font-size:13px;
	
}

.menu-text {	
	padding:5px 0px;
	border-bottom:1px solid #c23d36;
}

.menu-text  a {
	text-decoration: none; 
	color:#ffffff; 
	font-weight: normal;
	
	}
.menu-text  a:link {}
.menu-text  a:visited {}
.menu-text  a:active {}
.menu-text  a:hover {text-decoration: underline;}

.m4 {
	padding:0px 10px 0px 15px;
}

.m5 {
	padding:0px 10px 0px 35px;
}


#content {		
	padding:185px 0px 25px 20px;
	width:680px;
	text-align:left;
	font-family: verdana; 
	color:#555048;
	line-height:1.3;
	font-size:13px;
}

#content h1 {
	color:#9c0d04;
	font-size:26px;
	font-family: georgia; 
	font-weight: normal; 
	margin-bottom: 27px;
	margin-top: 5px;
	padding:0px;
}

#content h2, #content h2 b {
	color:#9c0d04;
	font-size:19px;
	font-family: georgia; 
	font-weight: normal; 
	margin-bottom: 0px;
	margin-top: 5px;
	padding:0px;
}


#footer {
	
}

#footer-inner {
	text-align:center;
	padding:10px 0px;
	color: #7c7871; 
	font-family: verdana; 
	font-weight: normal; 
	font-size: 80%; 
}

#footer-inner a {
	text-decoration: none; 
	color:#7c7871; 
	font-weight: normal;
	}
#footer-inner a:link {}
#footer-inner a:visited {}
#footer-inner a:active {}
#footer-inner a:hover {text-decoration: underline;}



.upper {
	text-transform: uppercase;
	font-size:115%;
	line-height:120%;
}


.img {
	margin: 0px 0px 0px 0px;
	border: #efefef 3px solid;
	padding: 1px;
}

.img-termek {
	margin: 0px 0px 0px 0px;
	border: #ccc 3px solid;
	padding: 1px;
}

p {
	margin:7px 0px 0px 0px; 
}

form {
	margin:0px; 
}


div.sep {				
	height: 1px; display:block; clear:both;	margin:auto;
}



#menu-icon-png { display:none; }


.foto {
	width:250px;
	float:right;margin:0 0 20px 40px; -webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.2);
}

.open11 { display: none; }


@media screen and (max-width: 1024px) {
		




		body {
			margin: 5px 0px 0px 0px;	
			color:#000;
			font-family: Verdana, arial; 
			font-weight: normal; 
			font-size: 14px; 
			line-height: 130%; 
			text-align: center;
			background: url('../images/bg.jpg') repeat;
			}

		td {
			line-height: 130%; 
		}

		a {
			text-decoration: underline; 
			color: #bf2101; 
			font-weight: normal;
			}
		a:link {}
		a:visited {}
		a:active {}
		a:hover {text-decoration: none;}

		img { border:0px;padding:0px;margin:0px; }

		#c1
		{
			margin-left: auto;
			margin-right: auto;
			width: 100%;
			padding:0px;		
			text-align:left;	
		}

		#head1 {		
			width: auto;
			height:111px;
			background: url('../images/bg_head.jpg') no-repeat;
			margin:0px;
		}

		#head2 {		
			width: auto;
			/*height:190px;*/
			background: #ffffff url('../images/ladi-igyvedi-iroda2.jpg') no-repeat;
			margin:0px;
		}

		#head3 {		
			width: auto;	
			background: url('../images/bg_content.jpg') no-repeat bottom;
			margin:0px;
		}
			
		#top {
			float:right;
			text-align:right;
			color:#888;
			font-size:11px;
			line-height: 135%; 
			padding: 30px 15px 0px 0px;
		}

		#t1 {
			float:none;
			color:#ffffff;
			padding:0px 0px;
			background:rgba(0,0,0,0.3);
			font-size:100%;
			width:auto;
		}
		
			
		#t1 .in {
			
			padding:10px 20px;
		}


		
		#menu-icon-png {
			display:block; float:right; 
			width:30px; height:auto; 
			background:#b40c01; 
			padding:10px; 
			margin:33px 15px  0 15px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius:3px;

		}


		#menu {		
			display:none;
			width:auto;
			position:absolute;
			top:100px;
			left:2px;
			right:2px;
			float:none;
			margin:0 0px 0px 0px;
			text-align:center;
			line-height: 1.5;
			padding:10px;
			font-size:90%;
			
		}

		#top-menu {
			color:#ffffff;
			padding:10px 15px;
			text-align:left;
			font-size:19px;
		}

		#top-menu  a {
			text-decoration: none; 
			color:#ffffff; 
			font-weight: normal;
			
			}
		#top-menu  a:link {}
		#top-menu  a:visited {}
		#top-menu  a:active {}
		#top-menu  a:hover {text-decoration: underline;}


		#menu2 {		
			padding: 0px 0px 0px 5px;
			margin-right:1px;
			text-align:center;	
			color:#ffffff;
			border: 0px solid yellow;
			
		}

		#menu3 {		
			border-top:1px solid #c23d36;
			width:auto;	
			background:#b40c01;
			text-align:left;	
			color:#ffffff;
			font-size:19px;
			
		}

		.menu-text {	
			padding:5px 0px;
			border-bottom:1px solid #c23d36;
		}

		.menu-text  a {
			text-decoration: none; 
			color:#ffffff; 
			font-weight: normal;
			
			}
		.menu-text  a:link {}
		.menu-text  a:visited {}
		.menu-text  a:active {}
		.menu-text  a:hover {text-decoration: underline;}

		.m4 {
			padding:0px 10px 0px 15px;
		}

		.m5 {
			padding:0px 10px 0px 35px;
		}


		#content {		
			padding:170px 20px 30px 20px;
			width:auto;
			text-align:left;
			font-family: verdana; 
			color:#555048;
			line-height:1.3;
			font-size:15px;
		}

		#content h1 {
			color:#9c0d04;
			font-size:30px;
			font-family: georgia; 
			font-weight: normal; 
			margin-bottom: 27px;
			margin-top: 5px;
			padding:0px;
		}

		

		#content h1.open {
			font-size:27px;
		}

		#content h2, #content h2 b {
			color:#9c0d04;
			font-size:22px;
			font-family: georgia; 
			font-weight: normal; 
			margin-bottom: 0px;
			margin-top: 5px;
			padding:0px;
		}
		

		.foto {
			width:40%;
			float:right;
			margin:0 0 20px 30px;
			-webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.2);
		}


		#footer {
			
		}

		#footer-inner {
			text-align:center;
			padding:10px 20px;
			color: #7c7871; 
			font-family: verdana; 
			font-weight: normal; 
			font-size: 80%; 
		}

		#footer-inner a {
			text-decoration: none; 
			color:#7c7871; 
			font-weight: normal;
			}
		#footer-inner a:link {}
		#footer-inner a:visited {}
		#footer-inner a:active {}
		#footer-inner a:hover {text-decoration: underline;}



		.upper {
			text-transform: uppercase;
			font-size:115%;
			line-height:120%;
		}


		.img {
			margin: 0px 0px 0px 0px;
			border: #efefef 3px solid;
			padding: 1px;
		}

		.img-termek {
			margin: 0px 0px 0px 0px;
			border: #ccc 3px solid;
			padding: 1px;
		}

		p {
			margin:7px 0px 0px 0px; 
		}

		form {
			margin:0px; 
		}


		div.sep {				
			height: 1px; display:block; clear:both;	margin:auto;
		}



}




@media screen and (max-width: 550px) {

	#top {
		display:none;
	}
	.open11 { display: block; }
	
	hr { margin:25px 0; }
}


@media screen and (max-width: 470px) {

	#content {		
			padding:150px 20px 30px 20px;
	}
}