* { padding: 0; margin: 0; }

@font-face
{
	font-family: Ubuntu-Light;
	src: url("Ubuntu.ttf");
}

body {
	font-size: 16px;
	font-family: "Ubuntu-Light";
	background: #fff;
}

/*header kiegészítés*/

#header{
	margin: 0;
	height: auto;
	background: url("/images/background.jpg");
	background-size: cover;
}

	.top-bar{
		height: 60px;
		width: 100%;
		margin: 0 auto;
		background: #e7eeb8;
		border-bottom: 3px solid #b3d335;
	}
	
		.container{
			width: 1170px;
			margin: 0 auto;
		}
		
		.nav{
			float: left;
			height: 50px;
			font-family: 'Century Gothic';
		}
		
			.nav ul{
				height: 40px;
				padding: 4px 0 0;
			}
		
				.nav li {
					display: inline-block;
					padding: 0px;
					border-right: 1px solid #fff;
				}
				
					.nav li a{
						color: #6a8a22;
						font-weight: 900;
						font-size: 12px;
						text-decoration: none;
						padding: 4px 17px;
						display: block;
					}
					
					.nav li:last-child{
						border-right: none;
					}
					
					.nav li a:first-letter{
						color: #232323;
					}
					.nav li a:hover {
						color: #92a667;
					}
				
		.top-number{
			float: right;
			height: 70px;
		}
		
			.top-number p{
				color: #fff;
				font-weight: 900;
				font-size: 20px;
				padding: 25px 0 0;
				display: block;
			}
	
	#logo{
		width: 30%;
		text-align: left;
		float: left;
		margin-top: 50px;
	}
	
	#header_p{
		float: right;
		width: 50%;
		padding: 0 10%;
		margin-top: 50px;
	}
	
		#header_p p{
			color: #fff;
		}
		
	#header form{
		float: left;
		width: 100%;
		margin-top: 50px;
	}
	
		#header form input{
			border: 0px;
			border-radius: 10px;
			padding: 10px;
			height: 30px;
			background: #fff;
			opacity: 0.7;
			width: 41%;
			margin-right: 1%;
			font-size: 17px;
		}
		
		#header form button{
			background: #231f1f;
			border: 0px;
			border-radius: 0px;
			padding: 10px 30px;
			color: #fff;
			font-size: 18px;
			font-weight: 800;
			font-family: "Ubuntu";
		}
	
#feature{
	background: #fff;
	clear: both;
}

	#feature .content_h{
		background: #f6ca2b;
		height: 50px;
		padding-top: 20px;
	}
	
		#feature .content_h h1{
			color: #231f1f;
			font-size: 26px;
			font-weight: 900;
		}
	
	.content{
		width: 100%;
		margin: 0;
		height: auto;
	}
		
		.content .left{
			float: left;
			width: 70%;
			padding: 30px 0 20px;
		}

			.content .left h3{
				color: #657d90;
    				font-size: 24px;
   				margin: 20px 0;
			}
		
			.content .left .row{
				float: left;
				width: 50%;
			}
			
				.content .left .row .unit{
					margin: 10px 0;
				}
			
					.content .left .row .unit h3{
						color: #231f1f;
						font-size: 22px;
						margin-bottom: 3px;
					}
					
					.content .left .row .unit span{
						color: #657d90;
						font-size: 18px;
						margin-left: 5px;
					}
div#form-panel table th{
	color: #657d90;
    	padding-right: 10px;
    	text-align: right;
	font-weight: normal;
	min-width: 150px;
}
table th{
	color: #657d90;
    	padding-right: 10px;
    	text-align: right;
	font-weight: normal;
	min-width: 150px;
}



input[type="text"],input[type="password"], textarea, select{
	padding: 5px;
	border: 1px solid #ccc;
	min-width: 180px;
}
					
			/*listázás*/
			
			.content .left .list_item{
				border: 1px solid #d3d2d2;
				margin: 10px 0;
				width: 96%;
			}
			
				.content .left .list_item h3{
					margin: 0;
					padding: 10px 20px 0;
					color: #231f1f;
					font-size: 22px;

				}
				
				.content .left .list_item .category_span{
					margin: 5px 20px;
					color: #657d90;
					font-size: 14px;
				}
				
				.content .left .list_item .describe_item{
					width: 96%;
					clear: both;
					margin: 30px 10px 10px;
					min-height: 210px;
				}
				
					.content .left .list_item .describe_item .desc_img{
						width: 20%;
						float: left;
						text-align: center;
					}
					
						.content .left .list_item .describe_item .desc_img .rating_item{
							margin-top: 20px;	
						}
					
							.content .left .list_item .describe_item .desc_img .rating_item img{
								width: 80%;
								margin-bottom: 5px;
							}
							
							.content .left .list_item .describe_item .desc_img .rating_item span{
								color: #657d90;
								text-align: center;
								margin-bottom: 5px;
								width: 100%;
								display: block;
								font-size: 14px;
							}
							
							.content .left .list_item .describe_item .desc_img .rating_item a{
								color: #657d90;
								text-align: center;
								margin-bottom: 5px;
								width: 100%;
								display: block;
								font-size: 14px;
								font-weight: 700;
							}
					
					.content .left .list_item .describe_item .desc_inner{
						width: 80%;
						float: left;
					}
					
						.content .left .list_item .describe_item .desc_inner .info{
							margin-bottom: 10px;
						}
						
							.content .left .list_item .describe_item .desc_inner .info a{
								display: block;
								text-decoration: none;
								font-size: 20px;
								color: #da2323;
								font-weight: 700;
								margin-bottom: 10px;
							}
							
						.content .left .list_item .describe_item .desc_inner ul{
							list-style-type: none;
							margin-bottom: 10px;
						}
						
							.content .left .list_item .describe_item .desc_inner ul li{
								font-size: 14px;
								line-height: 20px;
								color: #4a7290;
								font-weight: 700;
							}
							
						.content .left .list_item .describe_item .desc_inner .short_desc{
							font-size: 14px;
							line-height: 20px;
							color: #414243;
							text-align: justify;
							margin-bottom: 10px;
						}
						
			/*kiválaszott hirdetés*/
			
			.content .left .item{
				border: 1px solid #d3d2d2;
				margin: 10px 0;
				width: 96%;
			}
			
				.content .left .item #item_top{
					background: #eee;
					height: 120px;
					padding-top: 20px;
				}
				
					.content .left .item #item_top #item_top_left{
						float: left;
						width: 80%;
					}
					
						.content .left .item #item_top #item_top_left ul{
							
						}
					
							.content .left .item #item_top #item_top_left ul li{
								display: inline;
								font-weight: 700;
								margin: 0 10px;
								font-size: 16px;
								color: #303233;
							}
							
						.content .left .item #item_top #item_top_left span{
							background: #5c82a1;
							text-align: center;
							width: 120px;
							padding: 10px 0;
							border-radius: 10px;
							display: block;
							margin: 20px 10px;
						}
					
							.content .left .item #item_top #item_top_left span a{
								color: #fff;
								text-decoration: none;
							}
					
					.content .left .item #item_top #item_top_right{
						float: left;
						width: 20%;
					}
					
				.content .left .item #item_bottom{
					padding: 20px 10px;
				}
				
					.content .left .item #item_bottom #item_buttons{
						width: 100%;
						clear: both;
						height: 60px;
						margin-bottom: 10px;
					}
					
						.content .left .item #item_bottom #item_buttons a{
							display: block;
							background: #eee;
							border: 1px solid #ddd;
							text-decoration: none;
							padding: 10px 20px;
							margin: 0 5px;
							color: #231f1f;
							width: 100px;
							float: left;
							text-align: center;
						}
						
					.content .left .item #item_bottom #item_desc{
						margin-bottom: 10px;
						padding-bottom: 10px;
						border-bottom: 1px solid #ddd;
					}
						
						.content .left .item #item_bottom #item_desc p{
							color: #777;
							text-align: justify;
							font-size: 14px;
						}
						
					.content .left .item #item_bottom #item_gallery{
						margin-bottom: 10px;
						padding-bottom: 10px;
						border-bottom: 1px solid #ddd;
						height: 140px;
					}
					
						.content .left .item #item_bottom #item_gallery h3{
							margin: 10px 0 20px;
						}
					
						.content .left .item #item_bottom #item_gallery img{
							float: left;
							margin: 0 10px;
						}
					
					.content .left .item #item_bottom #item_services{
						margin-bottom: 10px;
						padding-bottom: 10px;
						border-bottom: 1px solid #ddd;
					}
					
						.content .left .item #item_bottom #item_services h3{
							margin: 10px 0 20px;
						}
						
						.content .left .item #item_bottom #item_services ul{
							
						}
						
							.content .left .item #item_bottom #item_services ul li{
								display: inline;
								margin: 0 10px;
							}
							
					.content .left .item #item_bottom #item_ratings{
						margin-bottom: 10px;
						padding-bottom: 10px;
					}
					
						.content .left .item #item_bottom #item_ratings h3{
							margin: 10px 0 20px;
						}
						
						.content .left .item #item_bottom #item_ratings .item_rating{
							width: 100%;
							margin-bottom: 20px;
						}
						
							.content .left .item #item_bottom #item_ratings .item_rating img{
								float: left;
								width: 100px;
							}
							
							.content .left .item #item_bottom #item_ratings .item_rating .rating_date{
								float: left;
								color: #a3a5a6;
								margin: 3px 10px;
							}
							
							.content .left .item #item_bottom #item_ratings .item_rating .rating_preson{
								float: left;
								color: #5c82a1;
								margin: 3px 10px;
							}
							
							.content .left .item #item_bottom #item_ratings .item_rating .rating_desc{
								float: none;
								width: 100%;
								font-size: 14px;
							}
		
		.content .right{
			float: left;
			width: 30%;
			background: #ede9d8;
			height: 950px;
		}
			
			.right_banner{
				width: 90%;
				margin: 5%;

			}
			
			#banner1{
				background: #fff;
				text-align: center;
				padding: 10px 0 0;
			}
			
				#banner1 h2{
					color: #231f1f;
					font-size: 26px;
					font-weight: 900;
					margin: 20px 0 10px;
				}
				
				#banner1 p{
					color: #657d90;
					margin: 20px 0;
				}
				
				#banner1 img{
					width: 100%;
				}
			
			#banner2{
				background: url("/images/bg_banner2.jpg") no-repeat;
				background-size: cover;
				text-align: center;
				padding: 10px 0;
			}
			
				#banner2 h2{
					color: #231f1f;
					font-size: 26px;
					font-weight: 900;
					margin: 20px 0 10px;
				}
				
				#banner2 p{
					color: #231f1f;
					margin: 20px 0;
				}
				
				#banner2 button{
					background: #231f1f;
					color: #fff;
					font-weight: 900;
					font-size: 18px;
					border: 0px;
					border-radius: 0px;
					padding: 10px 0px;
					text-align: center;
					width: 90%;
					margin: 20px 5%;
					display: block;
				}
				
				#banner2 ul{
					font-size: 12px;
					text-align: left;
					width: 80%;
					margin: 0 10%;
				}
				
					#banner2 ul li{
						margin: 5px 0;
					}
		
#footer{
	background: none;
	width: 100%;
	padding: 30px 0;
	clear: both;
	height: auto;
}

	footer ul{
		list-style: none;
	}
	
	#footer_top_ul{
		margin-bottom: 30px;
	}
	
		#footer_top_ul li{
			display: inline-block;
			text-decoration: underline;
			font-weight: 700;
			line-height: 40px;
			padding: 0 5px;
		}
		
	.footer_rows{
		float: left;
		width: 25%;
		margin-bottom: 40px;
	}
	
		.footer_rows li{
			font-size: 13px;
			text-decoration: underline;
		}
	
	#footer_bottom_ul{
		width: 100%;
		float: left;
	}
	
		#footer_bottom_ul li{
			padding: 0 5px;
			display: inline-block;
			text-decoration: underline;
		}
	
div.form-login-panel {
	background: #e7eeb8;
	padding: 30px 30px;
	max-width: 300px;
	margin: 0 auto;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}


div.event-msg {
	background: #efdb00;
	color: #ab4000;
	font-style: italic;
	padding: 7px;
	margin: 3px 0;
}

a.pagebtn1, a.tablebtn1, input[type="submit"].tablebtn2 {
	padding: 5px 10px;
	text-align: center;
	background: #e64545;
	border: 0px;
	border-radius: 0px;
	color: #fff;
	font-family: "Ubuntu";
	font-size: 13px;
	font-weight: normal;
	cursor: pointer;
	text-decoration: none;
}

form {
	background: #e7eeb8;
	padding: 30px 30px;
	max-width: 300px;
	margin: 0 auto;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

/*
@media all and (max-width: 790px) {

	body{
	
	}
	
	#header{
		margin: 0;
		height: 590px;
		background: url("/images/background.jpg");
		background-size: cover;
	}

	.top-bar{
		height: 180px;
		width: 100%;
		margin: 0 auto;
		background: #e8bf2c;
		border-bottom: 1px solid #1d5375;
	}
	
		.container{
			width: auto;
			margin: 0 auto;
		}
		
		.nav{
			float: none;
			height: 140px;
		}
		
			.nav ul{
				height: auto;
				padding: 0;
			}
		
				.nav li {
					display: block;
					padding: 0px;
					border-right: 1px solid #f1d980;
					text-align: center;
				}
				
					.nav li a{
						color: #fff;
						font-weight: 900;
						font-size: 18px;
						text-decoration: none;
						padding: 10px 0;
						display: block;
					}
					
					.nav li:nth-child(3){
						border-right: none;
					}
					
					.nav li a:first-letter{
						color: #48647b;
					}
				
		.top-number{
			float: none;
			height: 70px;
			width: 100%;
			text-align: center;
		}
		
			.top-number p{
				color: #fff;
				font-weight: 900;
				font-size: 16px;
				padding: 0 0;
				display: block;
			}
	
	#logo{
		width: 100%;
		text-align: center;
		float: none;
		margin-top: 30px;
	}
	
	#header_p{
		float: none;
		width: 94%;
		padding: 0 3%;
		margin-top: 20px;
	}
	
		#header_p p{
			color: #fff;
			text-align: justify;
		}
		
	#header form{
		float: none;
		width: 100%;
		margin-top: 20px;
	}
	
		#header form input{
			border: 0px;
			border-radius: 10px;
			padding: 2%;
			height: 30px;
			background: #fff;
			opacity: 0.7;
			width: 90%;
			margin: 10px 3%;
			font-size: 17px;
		}
		
		#header form button{
			background: #231f1f;
			border: 0px;
			border-radius: 0px;
			padding: 10px 30px;
			color: #fff;
			font-size: 18px;
			font-weight: 800;
			font-family: "Ubuntu";
			width: 40%;
			margin: 0 30%;
		}
	
#feature{
	background: #fff;
	clear: both;
}

	#feature .content_h{
		background: #f6ca2b;
		height: 35px;
		padding: 20px;
	}
	
		#feature .content_h h1{
			color: #231f1f;
			font-size: 26px;
			font-weight: 900;
		}
	
	.content{
		width: 100%;
		margin: 0;
		height: auto;
	}
		
		.content .left{
			float: none;
			width: 96%;
			padding: 30px 2% 20px;
		}
		
			.content .left .row{
				float: none;
				width: 100%;
			}
			
				.content .left .row .unit{
					margin: 10px 0;
				}
			
					.content .left .row .unit h3{
						color: #231f1f;
						font-size: 22px;
						margin-bottom: 3px;
					}
					
					.content .left .row .unit span{
						color: #657d90;
						font-size: 18px;
						margin-left: 5px;
					}
					
			/*listázás*/
/*	
			.content .left .list_item{
				border: 1px solid #d3d2d2;
				margin: 10px 0;
				width: 100%;
			}
			
				.content .left .list_item h3{
					margin: 0;
					padding: 10px 20px 0;
					color: #231f1f;
					font-size: 22px;
					text-align: center;
				}
				
				.content .left .list_item .category_span{
					margin: 5px 0;
					color: #657d90;
					font-size: 14px;
					text-align: center;
					width: 100%;
					display: block;
				}
				
				.content .left .list_item .describe_item{
					width: 96%;
					clear: both;
					margin: 30px 10px 10px;
					min-height: 430px;
				}
				
					.content .left .list_item .describe_item .desc_img{
						width: 100%;
						float: none;
						text-align: center;
					}
					
						.content .left .list_item .describe_item .desc_img .rating_item{
							margin-top: 20px;	
						}
					
							.content .left .list_item .describe_item .desc_img .rating_item img{
								width: 100px;
								margin-bottom: 5px;
							}
							
							.content .left .list_item .describe_item .desc_img .rating_item span{
								color: #657d90;
								text-align: center;
								margin-bottom: 5px;
								width: 100%;
								display: block;
								font-size: 14px;
							}
							
							.content .left .list_item .describe_item .desc_img .rating_item a{
								color: #657d90;
								text-align: center;
								margin-bottom: 5px;
								width: 100%;
								display: block;
								font-size: 14px;
								font-weight: 700;
							}
					
					.content .left .list_item .describe_item .desc_inner{
						width: 100%;
						float: left;
					}
					
						.content .left .list_item .describe_item .desc_inner .info{
							margin-bottom: 10px;
						}
						
							.content .left .list_item .describe_item .desc_inner .info a{
								display: block;
								text-decoration: none;
								font-size: 20px;
								color: #da2323;
								font-weight: 700;
								margin-bottom: 10px;
								text-align: center;
							}
							
						.content .left .list_item .describe_item .desc_inner ul{
							list-style-type: none;
							margin-bottom: 10px;
							text-align: center;
						}
						
							.content .left .list_item .describe_item .desc_inner ul li{
								font-size: 14px;
								line-height: 20px;
								color: #4a7290;
								font-weight: 700;
							}
							
						.content .left .list_item .describe_item .desc_inner .short_desc{
							font-size: 14px;
							line-height: 20px;
							color: #414243;
							text-align: justify;
							margin-bottom: 10px;
						}
						
			/*kiválaszott hirdetés*/
/*			
			.content .left .item{
				border: 1px solid #d3d2d2;
				margin: 10px 0;
				width: 96%;
			}
			
				.content .left .item #item_top{
					background: #eee;
					height: auto;
					padding-top: 20px;
				}
				
					.content .left .item #item_top #item_top_left{
						float: none;
						width: 100%;
					}
					
						.content .left .item #item_top #item_top_left ul{
							
						}
					
							.content .left .item #item_top #item_top_left ul li{
								display: block;
								font-weight: 700;
								margin: 0 10px;
								font-size: 16px;
								color: #303233;
								text-align: center;
							}
							
						.content .left .item #item_top #item_top_left span{
							background: #5c82a1;
							text-align: center;
							width: 40%;
							padding: 10px 0;
							border-radius: 10px;
							display: block;
							margin: 20px 30%;
						}
					
							.content .left .item #item_top #item_top_left span a{
								color: #fff;
								text-decoration: none;
							}
					
					.content .left .item #item_top #item_top_right{
						float: none;
						width: 100%;
						text-align: center;
						padding-bottom: 10px;
					}
					
				.content .left .item #item_bottom{
					padding: 20px 10px;
				}
				
					.content .left .item #item_bottom #item_buttons{
						width: 100%;
						clear: both;
						height: 60px;
						margin-bottom: 10px;
					}
					
						.content .left .item #item_bottom #item_buttons a{
							display: block;
							background: #eee;
							border: 1px solid #ddd;
							text-decoration: none;
							padding: 10px 0px;
							margin: 0 5px;
							color: #231f1f;
							width: 30%;
							float: left;
							text-align: center;
						}
						
					.content .left .item #item_bottom #item_desc{
						margin-bottom: 10px;
						padding-bottom: 10px;
						border-bottom: 1px solid #ddd;
					}
						
						.content .left .item #item_bottom #item_desc p{
							color: #777;
							text-align: justify;
							font-size: 14px;
						}
						
					.content .left .item #item_bottom #item_gallery{
						margin-bottom: 10px;
						padding-bottom: 10px;
						border-bottom: 1px solid #ddd;
						height: auto;
						width: 100%;
					}
					
						.content .left .item #item_bottom #item_gallery h3{
							margin: 10px 0 20px;
						}
					
						.content .left .item #item_bottom #item_gallery img{
							float: none;
							margin: 10px 1%;
							width: 30%;
						}
					
					.content .left .item #item_bottom #item_services{
						margin-bottom: 10px;
						padding-bottom: 10px;
						border-bottom: 1px solid #ddd;
						width: 100%;
					}
					
						.content .left .item #item_bottom #item_services h3{
							margin: 10px 0 20px;
						}
						
						.content .left .item #item_bottom #item_services ul{
							
						}
						
							.content .left .item #item_bottom #item_services ul li{
								display: inline;
								margin: 0 10px;
							}
							
					.content .left .item #item_bottom #item_ratings{
						margin-bottom: 10px;
						padding-bottom: 10px;
					}
					
						.content .left .item #item_bottom #item_ratings h3{
							margin: 10px 0 20px;
						}
						
						.content .left .item #item_bottom #item_ratings .item_rating{
							width: 100%;
							margin-bottom: 20px;
						}
						
							.content .left .item #item_bottom #item_ratings .item_rating img{
								float: left;
								width: 100px;
							}
							
							.content .left .item #item_bottom #item_ratings .item_rating .rating_date{
								float: left;
								color: #a3a5a6;
								margin: 3px 10px;
							}
							
							.content .left .item #item_bottom #item_ratings .item_rating .rating_preson{
								float: left;
								color: #5c82a1;
								margin: 3px 10px;
							}
							
							.content .left .item #item_bottom #item_ratings .item_rating .rating_desc{
								float: none;
								width: 100%;
								font-size: 14px;
							}
		
		.content .right{
			float: none;
			width: 100%;
			background: #ede9d8;
			height: 950px;
			padding-top: 2%;
		}
			
			.right_banner{
				width: 90%;
				margin: 5%;
				

			}
			
			#banner1{
				background: #fff;
				text-align: center;
				padding: 10px 0 0;
			}
			
				#banner1 h2{
					color: #231f1f;
					font-size: 26px;
					font-weight: 900;
					margin: 20px 0 10px;
				}
				
				#banner1 p{
					color: #657d90;
					margin: 20px 0;
				}
				
				#banner1 img{
					width: 100%;
				}
			
			#banner2{
				background: url("/images/bg_banner2.jpg") no-repeat;
				background-size: cover;
				text-align: center;
				padding: 10px 0;
			}
			
				#banner2 h2{
					color: #231f1f;
					font-size: 26px;
					font-weight: 900;
					margin: 20px 0 10px;
				}
				
				#banner2 p{
					color: #231f1f;
					margin: 20px 0;
				}
				
				#banner2 button{
					background: #231f1f;
					color: #fff;
					font-weight: 900;
					font-size: 18px;
					border: 0px;
					border-radius: 0px;
					padding: 10px 0px;
					text-align: center;
					width: 90%;
					margin: 20px 5%;
					display: block;
				}
				
				#banner2 ul{
					font-size: 12px;
					text-align: left;
					width: 80%;
					margin: 0 10%;
				}
				
					#banner2 ul li{
						margin: 5px 0;
					}
		
#footer{
	background: #f6ca2b;
	width: 100%;
	padding: 30px 0;
	clear: both;
	height: auto;
}

	footer ul{
		list-style: none;
	}
	
	#footer_top_ul{
		margin-bottom: 30px;
	}
	
		#footer_top_ul li{
			display: inline-block;
			text-decoration: underline;
			font-weight: 700;
			line-height: 40px;
			padding: 0 5px;
		}
		
	.footer_rows{
		float: none;
		width: 100%;
		margin-bottom: 40px;
		text-align: center;
	}
	
		.footer_rows li{
			font-size: 13px;
			text-decoration: underline;
		}
	
	#footer_bottom_ul{
		width: 100%;
		float: none;
	}
	
		#footer_bottom_ul li{
			padding: 0 5px;
			display: inline-block;
			text-decoration: underline;
		}
	
}
*/