*{font-family:'Century Gothic', "Trebuchet MS", Calibri, 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:#FFF;margin:5px 0;}
li{list-style-type:none}
a{text-decoration:none;}
#feedback{position:fixed;left:0;width:94%;margin:3%;z-index:100;background:rgba(255,255,255,0.9);text-align:center;padding:20px 0px;box-shadow:0 0 25px #000;border:3px solid #00243c;}
#feedback #close{cursor:pointer;float:right;margin:0 20px;}
#feedback p{color:#00243c;font-size:20px;}
#header{margin-bottom:95px}
#header_bg{position:relative;}
#logo{position:absolute;bottom:0px;display:none;}
#header_bg_img{width:100%;}
#header_bg p{position:absolute;bottom:2px;left:370px;color:#00243c;font-size:16px;font-weight:bold;}
#header_cont{border-bottom:0 solid #ec6;border-top:0 solid #ec6;background-color:#fff;padding:10px 0;margin-bottom:0}
#header_cont_1{background-color:#fff;padding:20px 0 10px 30px}
#header_cont_2{background-color:#fff;padding:20px 30px 10px}
#header_cont h1{    margin: auto;
    text-align: center;
    font-size: 20px;
    background: #333;
    color: #fff;
    padding: 10px;}
#header_cont h2{text-align:center;color:#005a84;}
#header_cont h3{font-size:22px;font-weight:700;margin:10px 0;text-align:center;color:#005a84;text-transform:uppercase}
#header_cont h4{font-size:26px;font-weight:700;margin:20px 0;text-align:center;color:#005a84;text-transform:uppercase}
#header_cont p{font-size:16px;line-height:18px;font-family:text-align:justify;color:#444}
#content{overflow:hidden}
.cont_general{border:px solid #930;background-image:url(images/background_mod.png);background-repeat:repeat;box-shadow:0 px 10px #ddd}
.cont_general #articles{}
.cont_general #articles article{margin:10px;position:relative;text-align:left;min-height:70px;}
.cont_general #articles article:nth-child(2n+2){text-align:right;}
.cont_general #articles article h2{position:absolute;top:5px;left:2%;color:#fff;font-size:20px;text-transform:uppercase;text-shadow:2px 2px 5px #000;}
.cont_general #articles article:nth-child(2n+2) h2{left:12%;}
.cont_general #articles article img{opacity:0.9;width:90%;}
.cont_general #articles article img:hover{box-shadow:0 0 10px #222;opacity:1;transition:all 400ms;}
.cont_general #about_us{text-align:center;}
.cont_general #about_us h2{text-align:center;color:#005a84;}
.cont_general #about_us p{text-align:center;}
.cont_general #about_us p a{font-weight:bold;color:#005a84;text-decoration:underline;}
.cont_general h2 em{font-size:18px}
#content_left{border:px solid green;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 #00f}
#container_body{background-color:#fff;padding:10px 0px 10px 0}
#container_body h3{
	font-size:20px;
	background:#333;
	color:#fff;
	padding:10px;
	text-align:center;
}
/* #container_body h3:hover{color:#c5d6e0} */
#container_body p{font-size:16px;text-align:left;color:#000;margin:10px}
#container_body p.hightlight{font-size:18px; font-weight:bold;color:#333;}

.fuvokak{background-image:linear-gradient(-15deg,#fff,#c5d6e0);padding-bottom:5px;margin-bottom:15px}
#container_body h6{
	
}
#container_body ul{
	text-align:left;
	padding-left:30px;
}
#container_body ul li{
	list-style-type:disc;
	list-style-position:inside;
	line-height: 26px;
}
.main_page_cikk{padding:10px;border-bottom:2px groove #ec6}
.main_page_cikk h3{padding:3px}
.main_page_szoveg{border:px groove #fff;padding:10px}
.main_page_footer{text-align:right;color:#999}
.main_page_footer p{display:inline}
.m_p_admin,.m_p_date{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}
#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:#999}
.sub_page_footer p{display:inline}
.s_p_admin,.s_p_date{padding:0 20px}
#container_right{text-align:left;padding:10px}
#content_right{background-color:#fff}
#container_right_pics{margin-top:40px;text-align:center}
#container_right_pics img{width:200px;margin-bottom:20px}
#container_right a h4{font-size:18px;color:#ec6}
.show_pic{
	position:absolute;
	top:110%;
	left: 0;
	padding:5px 0;
	font-size:1.1em;
	background:rgba(0, 36, 60, 0.8);
	width:100%;
	transform: scale(0,0);
	transition:all 800ms;
	color:#fff;
}
.show_pic:hover{
	background:rgba(0, 36, 60, 0.9);
}

#container_right_pics .pic_box{
	text-align:center;
	display:inline-block;
	width:210px;
	height:auto;
	overflow: hidden;
	/*border:5px solid #f4e8d1;*/
	transition:all 800ms;
	margin:10px;
	position:relative;
	/*box-shadow:inset 0px 0px 50px #eee;
	background-color:#000000;*/
}
#container_right_pics .pic_box:hover .show_pic{
	display:block;
	transform: scale(1,1);
	top:10%;
	transition:all 400ms;
}


.right_border{border-bottom:3px groove #ec6;height:20px;margin-bottom:10px}
#border{width:80%;margin:0 10%;border-bottom:2px groove #777;}
#kapcsolat{}
/* #kapcsolat h5{font-size:16px;color:#fff;background-color:#00243c;padding:15px 15px 8px;}
 */
#kapcsolat h5 img{margin:2px 0 -2px 5px}
#kapcsolat h6, #kapcsolat h5{text-align:center;color:#003c54;font-size:20px;margin:5px;font-weight:700}
#kapcsolat p{font-size:14px;margin:5px}
#footer{background-color:#fff;overflow:hidden;}
#footer_cont a{color:#930}
#footer_cont a:hover{color:#666}
#footer_cont{padding:10px;margin-top:10px;overflow:hidden;}
#footer_cont article{width:33%;float:left;}
#footer_left{}
#footer_left iframe{width:100%!important;box-shadow:0 0 5px #111;}
#footer_cont strong{text-align:left}
#footer_cont em{float:right}
#footer h2{font-size:18px;text-align:center}
#footer p{text-align:center;padding:0 20px}
#social{text-align:center}*{margin:0;padding:0}
.gen_contact_form{text-align:left;margin:auto;max-width:400px;}
#gen_contact_form_group_left{overflow:hidden;}
#gen_contact_form_group_right{}
.gen_contact_form label{width:34%;display:inline-block;color:#003c54;margin:10px 0;}
.gen_contact_form input[type="text"]{width:64%;margin:10px 0;padding:5px 0px;border:none;background:#ccc;background:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background:-o-linear-gradient(top, #fff 0%, #eee 50%);background:-moz-linear-gradient(top, #fff 0%, #eee 50%);background:linear-gradient(to bottom, #fff 0%, #eee 50%);box-shadow:inset 2px -2px 3px rgba(10,10,10,0.4), 0px 0px 2px rgba(10,10,10,0.4);}
.gen_contact_form textarea{padding:3px 0;border:none;margin:0px 0 0 0%;width:100%;height:100px;background:#ccc;background:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background:-o-linear-gradient(top, #fff 0%, #eee 50%);background:-moz-linear-gradient(top, #fff 0%, #eee 50%);background:linear-gradient(to bottom, #fff 0%, #eee 50%);box-shadow:inset 2px -2px 3px rgba(10,10,10,0.4), 0px 0px 2px rgba(10,10,10,0.4);}
.gen_contact_form input[type="button"]{background:#00243c;color:#fff;font-size:20px;border:none;width:100%;padding:5px 0;box-shadow:4px 4px 5px #111;transition:all 400ms;cursor:pointer;}
.gen_contact_form input[type="button"]:hover{box-shadow:1px 1px 5px #fff;}
#error_box, .error_box, #error_box_contact{color:#e11717;text-align:left;font-size:14px;padding:10px;}
.empty_val{border:1px solid #e11717;box-shadow:inset 0 0 5px #e11717 !important;}
#message_switch{text-align:center;}
#message_switch span{cursor:pointer;color:#367b8d;text-decoration:underline;}
#message_switch span:hover{color:#333;text-decoration:none;}
#custom_message{margin-top:20px;text-align:center;position:relative;}
#custom_message p{}
#custom_message textarea{padding:3px;margin:0px;width:95%;height:105px;background:#ccc;background:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background:-o-linear-gradient(top, #fff 0%, #eee 50%);background:-moz-linear-gradient(top, #fff 0%, #eee 50%);background:linear-gradient(to bottom, #fff 0%, #eee 50%);box-shadow:inset 0px 0px 2px rgba(10,10,10,0.4);}
#more_answer{text-align:center;position:relative;}
#more_answer p{display:none;color:#01d64b;font-size:16px;}
#more_answer input[type="button"]{width:40%;margin:20px auto;}
#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;transition:all 300ms;}
#seokey_logo:hover{color:#0f7788;color:#333;background-image:url(pics/seokey_logo_link_hover.png)}

@media only screen
and (min-width:0px)
and (max-width:800px){
	.cont_general #articles article img{width:100%;}
.cont_general #articles article:nth-child(2n+1) h2, .cont_general #articles article:nth-child(2n+2) h2{left:5px;font-size:18px;text-shadow:0px 0px 10px #000;background:rgba(0,0,0,0.5);text-align:left;}
#footer_cont article{width:100%;float:none;}
#header_bg p{top:10px;text-align:center;font-size:20px;left:auto;right:10px;background:rgba(255,255,255,0.8);height:20px;padding:3px;}


}
@media only screen
and (min-width:0px)
and (max-width:480px){#logo{width:300px;}
#header_bg p{top:10px;text-align:center;font-size:14px;right:10px;background:rgba(255,255,255,0.8);height:20px;padding:0;}
}
@media only screen
and (min-width:0px)
and (max-width:320px){.cont_general #articles article img{display:none;}
.cont_general #articles article h2{position:relative;text-align:center!important;}
.cont_general #articles article h2:hover{background:none repeat scroll 0% 0% rgba(0, 0, 0, 0.8);}
.cont_general #articles article{min-height:0px;}
#logo{width:250px;}
}