html{
	width:100%;
	height:100%;
}

body {
	background-color: #5f9045;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	width:100%;
	height:100%;
	color:#333;
	overflow-x:hidden;
}

div{
  margin:0;
  padding:0;
}

img{
  border:0;
}



a{

  text-decoration:none;
  color:#000;
  
}

a:hover{
  text-decoration:underline;
  color:#333;
}

h1{
	margin-top:0;
	font-size:20px;
} 	
	H1 SPAN{
		font-size:inherit;
		font-weight:normal;
	}
h2{
	font-size:18px;
} 
h3{
	font-size:16px;
} 

h4{
	font-size:14px;
	margin:0px 0px 3px 0px;
}

body , p , span ,  td, a {

}


.clear{

  clear:both;
}

#Container{
	width:1000px;
	min-height:500px;
	margin:0 auto;
	height:auto;
}
	#pageHeader{
		height:321px;
		background:url(../images/mekom_header.jpg);
		background-repeat:no-repeat;
	}
		#flags{
			float:right;
			margin:0px;
		}
		
		.hu img, .en img, .de img{
			width:30px;
		}
		.hu, .en, .de{
			padding-top:10px;
		}
		
			.hu{
				float:left;
				margin:0px;
				width:33px;
				height:40px;			
			}
			.en{
				float:left;
				margin:0px;
				width:33px;
				height:40px;	
			}
			.de{
				float:left;
				margin:0px;
				width:33px;
				height:40px;			
			}
		#youtubeifr{
			width:400px;
			margin-left:40px;
		}
	#pageBody{
	
	}
	#leftSide{
		background:url(../images/mekom_bg_left.jpg);
		background-repeat:repeat-y;	
		width:246px;
		min-height:200px;
		float:left;
	}
		#menuContainer ul{
	
			list-style-type: none;
			margin:0;
			padding:0;
	
		}
/*
font-family: 'Montserrat Alternates', sans-serif;	
font-family: 'Roboto', sans-serif;	font-family: 'Arimo', sans-serif;
font-family: 'Marmelad', sans-serif;
*/		
			#menuContainer ul li a{
				display:table-cell;
				
				height:33px;
				width:246px;
				padding-left:60px;
				background:url(../images/mp_inaktiv.jpg);
				font-family: 'Marmelad', sans-serif;text-shadow:1px 1px #cecece;
				color:#436F2B;
				font-size:13pt;
				font-weight:normal;
				vertical-align:middle;
				text-decoration:none;
			}
			#menuContainer ul li a:hover, #menuContainer ul li a.Aktiv{
				background:url(../images/mp_aktiv.jpg);
			}
			
			
			#menuContainer ul li a.termekek_link{
					display:inline;
					background:none;
					font-family:arial;
					color:#333;
					padding-left:0;
					text-shadow:0px 0px #fff;
					font-size:12px;
					font-weight:bold;
			}
			#menuContainer ul li a.termekek_link:hover{
			
					color:#000;
					text-decoration:underline;
			}			
			#menuContainer ul li #First{

				background:url(../images/mp_inaktiv_first.jpg);
			}
			#menuContainer ul li #First:hover, #menuContainer ul li #First.Aktiv_first{
				background:url(../images/mp_aktiv_first.jpg);
			}	
			
			#menuContainer ul li #Second{

				background:url(../images/mp_inaktiv_second.jpg);
			}
			#menuContainer ul li #Second:hover, #menuContainer ul li #Second.Aktiv_second{
				background:url(../images/mp_aktiv_second.jpg);
			}			
	#rightSide{
		background:url(../images/mekom_bg_right.jpg);
		background-repeat:repeat-y;	
		width:754px;
		height:100%;
		float:right;
		
	}
		#rightSideContainer{
			margin:0 20px 0px 15px;
		}
		
	#pageFooter{
		height:129px;
		background:url(../images/mekom_footer.jpg);
		background-repeat:no-repeat;	
			
	}
	
		#pageFooter ul{
			position:relative;
			top:43px;
			list-style-type:none;
			margin-top:0;
		}
			#pageFooter ul li{
				margin-right:30px;
				display:inline;
			}
	
			#pageFooter ul li a{
			
				display:inline;
				color:#fff;
				font-family: 'Marmelad', sans-serif;font-size:14pt;
				text-shadow:1px 1px #333;
			}
	

/* ajánlatkérés */

		 label {
			font-size:12px;
			font-weight:bold;
		}
		.infoszoveg{
			color:#333;
			font-size:12px;
			font-weight:bold;
		}
		.upp{
			text-transform:uppercase;
		}		

.text0{
      width:310px;
      border:1px solid #cecece;
	  margin-bottom:10px;
}
.text1{
      width:200px;
      border:1px solid #cecece;
}
.text2{
      width:100px;
      border:1px solid #cecece;
}
.text3{
      width:50px;
      border:1px solid #cecece;
}
.text4{
      width:30px;
      border:1px solid #cecece;
}



.text0:focus{
     
      border:1px solid #1B8DBB;
}
.text1:focus{
     
      border:1px solid #1B8DBB;
}
.text2:focus{
      
      border:1px solid #1B8DBB;
}
.text3:focus{
      
      border:1px solid #1B8DBB;
}
.text4:focus{
      
      border:1px solid #1B8DBB;
}

.zoldgomb, .pirosgomb, .kekgomb{
  
  width:77px;
  height:35px;
  border:0;
  color:#fff;
   font-weight:bold;
}

.zoldgomb{
  background:url(../images/zoldgomb.png);
  
}
.pirosgomb{
  background:url(../images/pirosgomb.png);
  
}
.kekgomb{
  background:url(../images/kekgomb.png);
  
}

.ak_bal{
	float:left;
	width:200px;
}
.ak_jobb{
	float:left;
	
}

#muszaki, #down{
	width:400px;
	list-style-type:none;
}
#muszaki li, #down li{
	border-bottom:1px dotted #333;	
}
#muszaki li:hover, #down li:hover{
	background:#f0f0f0;	
}
.ba{
	float:left;
	padding:5px;
}
.jo{
	float:right;padding:5px;
	
}