/*SZÍNEK: sötétkék:#003c54, világoskék:#a8bfcf*/
*{ font-family: 'ArialRegular',Arial ;}
body{
	margin:0 auto;
	border: px solid red;
	background-image:url(pics/bg_top.jpg);
	background-repeat:repeat-x;
	background-color: #003c54;
	}

#content_page{
box-shadow:0 0 30px #000;
background-color:#FFFFFF;
margin-top:5px;}		
	
li{list-style-type:none;}	
/*MAIN PLACEHOLDERS STYLE*/	
/*HEADER*/
a{ text-decoration:none;}
.cont_general{
	border:px solid #930;
	/*border-right:none;
	border-bottom:none;*/
	/*background-color:#930;*/
	background-image:url(image s/background_mod.png);
	background-repeat:repeat;
	box-shadow:0px px 10px #ddd  ;
	
}
.cont_general h2{
}
.cont_general h2 em{ font-size:18px;}
#header{
/* margin-bottom:95px;		 */
}
	#header_bg{
		width:100%;	
		position:relative;	
	}
	#header_bg #header_bg_img{
		width:100%;
	}
	#header_bg #logo{
		position:absolute;
		bottom:0;
		left:0;
		width: 100%;
		max-width: 350px;
	}
	
	#header_cont{
		border-bottom:0px solid #ec6;
		border-top:0px solid #ec6;
		background-color:#fff;
		padding:0px;
		margin-bottom:0px;
	}
	#header_cont_1{
		background-color:#fff;
		background-image: linear-gradient(-50deg,#fff,#d8e3e9);
		padding:20px 0 10px 30px;
	}
	#header_cont_2{
		background-color:#fff;
		/*background-image: linear-gradient(0deg,#fff,#a8bfcf);*/
		padding:20px 30px 10px 30px;
	}
	
	#header_cont h1{
	
		font-size:22px;
		font-weight:bold;
		line-height:35px;
		margin:auto;
		text-align:left;
		color: #005a84;
		text-transform:uppercase;
	}
	#header_cont h2{
		font-size:22px;
		font-weight:bold;
		line-height:35px;
		margin:auto;
		text-align:left;
		color: #005a84;
		text-transform:uppercase;
	}
	#header_cont h3{
		font-size:16px;
		margin:auto;
		text-align:left;
		color: #000;
	}
	
	#header_cont p{
		font-size: 12px;
line-height: 18px;

font-family: text-align:justify;
color: #444444;
	}
		
	


	
/*CONTENT*/
#content{
	position: relative;
	overflow:hidden;
}
	
	#content_left{
	border: px solid green;
	/*background-color:#930;*/
	background-image:url(images/bg_stone%20m%C3%A1solata.png);
	background-repeat:repeat;
	background-color:#930;
	border-top-left-radius:300px 5px;
	}
	
	#container_left{
	border: px solid blue;
	
	}
	#container_body{
	
	background-color:#fff;
	padding:10px 20px 10px 0px;
	}
	#container_body h3{
	font-weight:bold;
		font-size:16px;
		margin:auto;
		text-align:left;
		color: #fff;
		margin-bottom:5px;
		background-color:#00243c;
		padding:2px;
			font-size:16px; 
	color: #fff;
	background-color:#00243c;
	padding:15px 15px 8px 15px;
		
	}
	#container_body h3:hover{
	color:#c5d6e0		
	}
	#container_body p{
	font-size:14px;
		margin:auto;
		text-align:left;
		color: #000;
		margin:10px;
		
	}
	.fuvokak{
	background-image: linear-gradient(-15deg,#fff,#c5d6e0);
	padding-bottom:5px;
	margin-bottom:15px;}
/**********************MAIN PAGE*************************/	
.main_page_cikk{
padding:10px;

border-bottom:2px groove #ec6;
}
	.main_page_cikk h3{
	padding:3px;
	}
	.main_page_szoveg{
	/*background-color:#fff;*/
	border:px groove #fff;
	padding:10px;
	}
	
	.main_page_footer{
	text-align:right;
	color:#999999;
	}
	.main_page_footer p{
	display:inline;
	
	}
	.m_p_date{ padding:0 20px;}
	.m_p_admin{ padding:0 20px;}
	
	#korabbi_cikk{
		text-align:center;
	}
	#korabbi_cikk a{
		color:#930;
		font-size:20px;
	}
	#korabbi_cikk a:hover{
		margin-left:10px;
	}
	#bovebben{
	color:#930;
	font-style:normal;
	background-color:#ec6;
	padding:0 10px;
	text-align:right;

	}
	#bovebben:hover{
	margin-right:-30px;
	padding-left:40px;
	

	
	}	
/**********************SUB PAGE*************************/			
/* #back_to_mp{
	color:#930;
	font-style:normal;
	background-color:#ec6;
	padding:0 10px;
}
#back_to_mp:hover{
margin-left:-30px;
padding-right:40px;

}

		.sub_page_cikk{
		padding:10px;
		border-bottom:2px groove #ddd;
		}
			.sub_page_cikk h3{
			padding:3px;
			}
			.sub_page_szoveg{
			background-color:#F7F7F7;
			padding:10px;
			}
			
			.sub_page_footer{
			text-align:right;
			color:#999999;
			}
			.sub_page_footer p{
			display:inline;
			
			}
			.s_p_date{ padding:0 20px;}
			.s_p_admin{ padding:0 20px;}	
		
	#container_right{
	text-align:left;
	padding:10px;
	background-color:#930;
		display:inline-block;
	} */
/**********************************RIGHT*************************************/	
	#content_right{
	
	
	background-color:#fff;
	
	}
	#container_right_pics{
		margin-top:40px;
		text-align:center;
		overflow: hidden;
	}
	#container_right_pics img{
		width:180px;
		margin-bottom:20px;
		
	}
	#container_right a h4{
	font-size:18px;
	color:#ec6;
	
	}
	.right_border{
	border-bottom:3px groove #ec6;
	height:20px;
	margin-bottom:10px;
	}	
#content div{}
#kapcsolat{
background-image: linear-gradient(-15deg,#fff,#c5d6e0);

}
#kapcsolat h5{ 
	font-size:16px; 
	color: #fff;
	background-color:#00243c;
	padding:15px 15px 8px 15px;
	    margin: 0;
	}
#kapcsolat h5:hover{
	color:#c5d6e0		
	}	
#kapcsolat h5 img{
margin:2px 0 -2px 5px;}	
#kapcsolat h6{
	color:#003c54;
	font-size:20px;
	margin:5px;
	font-weight:bold;
	
	}
#kapcsolat p{
font-size:14px;
margin:5px;}

/**************************************LEFT******************************** */
/* #sub_page_nav{ padding:20px; text-align:right;}
#sub_page_nav h3{
text-align:center;
	color:#ecd990;
	border-bottom:2px groove #ecd990;
	margin-bottom:5px;
	}
#sub_page_nav ul li{
	color:#930;
	background-image:url(images/hatter_sarga90.png);
	background-repeat:repeat;
	font-size:16px; 
	font-weight:bold; 
	padding:5px; 
	border:1px solid #930;
	border-bottom-right-radius:30px 10px;
	border-bottom-left-radius:30px 10px;
	border-top-right-radius:30px 10px;
	border-top-left-radius:30px 10px;
	text-align:center;
	
	}
#sub_page_nav ul li:hover{
	margin-left:3px;
	-webkit-transform: rotate(-1deg);
	-ms-transform: rotate(-1deg);
	-moz-transform: rotate(-1deg);
	}*/
/*****************galéria********************/
/*	
#images{
overflow:hidden;
}
.gal_item{
	background-image:url(images/gal_pic.png);
	background-position:left;
	background-repeat:no-repeat;
}
.galeri_img{
	height:100px;
}
.galeri_div{
	text-align:center;
	float:left;
	width:100px;
	height:100px;
	overflow: hidden;
	border:5px solid #930;
	border-radius:5px;
	margin:10px;
	box-shadow:0px 5px 10px #333;
	background-color:#000000;
}
.galeri_div:hover{
	-webkit-transform: rotate(2deg);
	border:8px solid #930;
	margin:7px;
	box-shadow:0px 5px 15px #333;
}*/
/*****************DOCS*********************/
/*
#docs ul li{
padding:5px;
margin-left:15px;
}
#docs ul li a{
	color:#930;
	
	}
#docs ul li a:hover{
font-weight:bold;
margin-left:-3px;}
*/
/*****************CSATORNAKIOSZTÁS*********************/
/*.chanel_list{
margin:5px auto;
font-size:16px;

}

.chanel_list tr td h3{
	-webkit-transform: rotate(-90deg);
	text-align:center;
}

#chanel_list{
overflow:hidden;
}

.mini{ background-color: #ec6;}
.mini_plus{ background-color: #CC9933;}
.alap{ background-color:#930; color:#FFFFFF;}	
 */
/*******************************FOOTER****************************/
#footer{
background-color:#fff;
background-image: linear-gradient(0deg,#fff,#a8bfcf);
overflow:hidden;	
}

#footer_cont a{color:#930;}
#footer_cont a:hover{color:#666;}

#footer_cont{
padding:10px;
margin-top:10px;
}
#footer_cont strong{
text-align:left;

}
#footer_cont em{
float:right;
}
#footer h2{ font-size:18px; text-align:center;}
#footer p{ font-size:18px; text-align:center; padding:0 20px}

#social{
text-align:center;
}

/**********************************MAIN MENU HORIZONTAL**************************************/
/* *{margin:0; padding:0;}
#main_menu{
	width:100%;
	height:auto;
	margin:10px 0;
	padding:10px 0;
	position:absolute;
	width:100%;
	left:0;
	
	background-color:#930;
	background-image:url(images/bg_stone%20m%C3%A1solata.png);
	background-repeat:repeat;
	border-bottom-right-radius:100px 5px;
	border-bottom-left-radius:100px 5px;
	border-top-right-radius:100px 5px;
	border-top-left-radius:100px 5px;
	box-shadow: 0px 5px 25px #444;	
}
	#main_menu ul{
	margin:auto;
	padding:0 30px;
	width:1000px;
		
	}
	
	#main_menu ul li ul{
	margin:auto;
	padding:0;
		
	}
	
	#main_menu ul li{
	cursor:pointer;
	}
	
.menupont{ display:inline-block;  margin:0 ;
	

}
.menupont h3 a{
	color:#930;
		
	}
.menu { padding:7px ;  background-image:url(images/hatter_sarga90.png);
	background-repeat:repeat; margin:0 4px;
	border-bottom-right-radius:30px 5px;
	border-bottom-left-radius:30px 5px;
	border-top-right-radius:30px 5px;
	border-top-left-radius:30px 5px;
	box-shadow: 0px 3px 5px #222;	
	}
.menu:hover, .akt_menu{
background-image:none;
	background-color:#eeb;
	box-shadow: 0px 0px 0px #222;
	bottom:-5px;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px;
	}
.almenu{
 	position:absolute;
	z-index:100;
	border:px solid #930; 
	border-bottom:none; 
	margin:0 4px; 
	min-width:200px; 
	overflow:hidden;
	width:300px;
	border-radius:0 0px 5px 5px;
	border-top-right-radius:30px 5px;
	border-bottom-right-radius:30px 5px;
	border-bottom-left-radius:30px 5px;
}
.almenu ul{ border:px solid #930; padding:0;}
.almenu ul li{
	margin:px 0 ; 
	padding:5px; 
	
	font-size:18px; 
	border-bottom:px groove #999; 
	width:100%;
	color:#930; 
	background-color:#eeb; }
.almenu ul li:hover{
	color:#eeb;
	background:none;
	background-image:url(images/hatter_barna80.png);
	background-repeat:repeat;
	 
	}
	
.menu h3{ width:100px; border:px solid #930;
}
.menu ul li{margin:px; }
#menu_email{ float:right; } */


/****************************************LEFT MENU VERTICSL***********************************************/
0{ margin:0; padding:0; list-style-type:none;}
body{ font-family:Verdana, Arial, Helvetica, sans-serif;}

#main_menu_vertical{width:auto; padding: 10px ; margin:0 auto;}
.fomenu h3{ color:#930;   font-size:20px; font-weight:bold; padding:5px; border:1px solid #b95d0f;
border-bottom-right-radius:30px 10px;
	border-bottom-left-radius:30px 10px;
	border-top-right-radius:30px 10px;
	border-top-left-radius:30px 10px;
	background-image:url(images/hatter_sarga90.png);
	background-repeat:repeat;
}
.fomenu h3:hover{ margin-left:3px;
	-webkit-transform: rotate(-1deg);
	-ms-transform: rotate(-1deg);
	-moz-transform: rotate(-1deg); }
 .akt{ background-color:#eeb;}	
.fomenu h3{border:px solid #333; border-radius: px; padding:5px; cursor:pointer; }
.fomenu ul{ }
.fomenu ul li{padding:10px  25px ; color:#ec6}
.fomenu ul li:hover{ font-weight:bold;}		


/********************************SEOKEY LOGO***************************************/
#seokey_logo{
font-family:Calibri, Arial;
	background-image: url(pics/seokey_logo_link.png);
	background-repeat:no-repeat;
	background-position:right;
	color:#999;
	padding:5px;
	width:310px;
	float:right;
	}
#seokey_logo:hover{
color:#0f7788;
color:#333333;

background-image:url(pics/seokey_logo_link_hover.png)}	



@media only screen
and (max-width : 800px) {
	header{
		
	}
	#header_bg{
		
	}
	#header_bg img{
		
	}
	#content_right {
		width: 100%;
		float: none;
	}
	#content_body {
		width: 100%;
		float: none;
	}
	#container_body {
		padding:5px 0;
	}
	#container_right {
		padding:5px 0;
	}
	#container_right_pics img {
		width: 33.33%;
		float: left;
	}
}

@media only screen
and (max-width : 480px) {
	#header_cont_1 {
		padding: 10px 5px;
		text-align: center;
	}
	#header_cont_1 h1{text-align:center; font-size:20px; word-wrap: break-word;}
	#header_cont_1 h2{text-align:center; font-size:20px; word-wrap: break-word;}
	#header_cont_1 h3{text-align:center;}
	#header_cont p {text-align:justify;}
#container_right_pics {  box-sizing: border-box;padding: 0 0 0 20px;}
}