@font-face {
font-family: arsenal;
  src: url('Arsenal-Regular.eot'); /* IE9 Compat Modes */
  src: url('Arsenal-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
 url("Arsenal-Regular.otf") format("opentype");
}
@font-face {
font-family: arsenali;
  src: url('Arsenal-Italic.eot'); /* IE9 Compat Modes */
  src: url('Arsenal-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
 url("Arsenal-Italic.otf") format("opentype");
}
@font-face {
font-family: arsenalbi;
  src: url('Arsenal-BoldItalic.eot'); /* IE9 Compat Modes */
  src: url('Arsenal-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
 url("Arsenal-BoldItalic.otf") format("opentype");
}
@font-face {
font-family: arsenalb;
  src: url('Arsenal-Bold.eot'); /* IE9 Compat Modes */
  src: url('Arsenal-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
 url("Arsenal-Bold.otf") format("opentype");
}
@font-face {
font-family: abril;
src: url("AbrilFatface-Regular.otf") format("opentype");
}
@font-face {
font-family: comfortaa;
  src: url('Comfortaa_Regular.eot'); /* IE9 Compat Modes */
  src: url('Comfortaa_Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
 url("Comfortaa_Regular.ttf") format("truetype");
}
@font-face {
font-family: comfortaab;
  src: url('Comfortaa_Bold.eot'); /* IE9 Compat Modes */
  src: url('Comfortaa_Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
 url("Comfortaa_Bold.ttf") format("truetype");
}
@font-face {
font-family: comfortaat;
  src: url('Comfortaa_Thin.eot'); /* IE9 Compat Modes */
  src: url('Comfortaa_Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
src: url("Comfortaa_Thin.ttf") format("truetype");
}


@font-face {
font-family: erseksegfont;
src: url("font.otf") format("opentype");
}
@font-face {
font-family: doxpollitfont;
src: url("DoxPolLit.otf") format("opentype");
}


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

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

body
{
	background-color:#2c2a2b;
}



.hatter_lelkiatya { background-image:url(pic/lelkiatya.jpg); background-attachment: fixed;background-repeat:repeat-x; width:100%;background-size:100%; height:100%;}
/* .hatter_hirek { background-image:url(images/hirek_hatter.jpg); background-attachment: fixed;background-repeat:repeat-x; width:100%;background-size:100%; height:100%;} */
.hatter_hirek { background: url("images/d-bg.png"); background-size: 6em; background-position: center top;}
.hatter_liturgia { background-image:url(images/liturgia_bg.jpg); background-attachment: fixed;background-repeat:repeat-x; width:100%;background-size:100%; height:100%;}
.hatter_oldalterkep { background-image:url(images/oldalterkep_bg.jpg); background-attachment: fixed;background-repeat:no-repeat; width:100%;background-size:50%; height:100%; background-position:center center; background-color:#241b1b}
.hatter_media { background-image:url(images/media-videotar_gb.jpg); background-attachment: fixed;background-repeat:repeat-x; width:100%;background-size:100%; height:100%; background-color:#2c1e1b;}
.hatter_media-cimkek { background-color:#2c1e1b;}
.hatter_visszajelzes { background-image:url(toll.png); background-attachment: fixed;background-repeat:no-repeat; width:100%;background-size:70%; height:100%; background-color:#241b1b; background-position:center top;}
.hatter_kapcsolat { background-color:#241b1b;}
.hatter_rolunk { background-color:#696057;}
.hatter_adattar { background-color:#efe7e7;}
.hatter_media_kategoriak { background-color:#2c1e1b;}

.hatter_aloldal { background-color:#2c2a2b;background-size:100%; height:100%;}


/* .login_form_button { display:inline-block; font-size:18px; line-height:20px; min-width:20px; padding:10px 20px; color:#FFF; text-align:center; border:1px solid #08480e; background:#308eda; border-radius:10px; text-decoration:none; float:none; font-family:"Times New Roman", Times, serif; cursor:pointer; }
.login_form_button:hover { color:#000; background:#20f5ee; float:none; }
.sz_menu { text-decoration:none; cursor:pointer; background-color:#c9c7c6; padding:10px; float:left; color:#ffffff; font-family:Verdana, Geneva, sans-serif; font-weight:bold; border-radius:6px; font-size:12px;}
.sz_menuakt { text-decoration:none; cursor:pointer; background-color:#eb811f; padding:10px; float:left; color:#ffffff; font-family:Verdana, Geneva, sans-serif; font-weight:bold; border-radius:6px; font-size:12px;}
.sz_menu:hover { background-color:#eb811f}
.button_fel { display:inline-block; font-size:20px; line-height:20px; min-width:20px; padding:15px 25px; color:#FFFFFF; text-align:center; border:4px solid #FFFFFF; background:#FF7030; border-radius:20px; text-decoration:none; float:none; font-family:"Times New Roman", Times, serif; cursor:pointer; }
.button_fel:hover { color:#FFFFFF; background:#FF8141; float:none }
.button2 { display:inline-block; font-size:20px; line-height:20px; min-width:20px; padding:10px 20px; color:#FFFFFF; text-align:center; border:1px solid #6a7c39; background:#3f7fb3; border-radius:10px; text-decoration:none; float:none; font-family:"Times New Roman", Times, serif; cursor:pointer; }
.button2:hover { color:#fff; background:#2f6fa2; float:none }
.button_kepek { display:inline-block; font-size:20px; line-height:20px; min-width:20px; padding:10px 20px; color:#FFFFFF; text-align:center; border:1px solid #54004d; background:#7454D5; border-radius:10px; text-decoration:none; float:none; font-family:"Times New Roman", Times, serif; cursor:pointer; }
.button_kepek:hover { color:#fff; background:#cd26bf; float:none }
.button { display:inline-block; font-size:18px; line-height:20px; min-width:20px; padding:10px 20px; color:#FFFFFF; text-align:center; border:1px solid #5aa332; background:#7f923f; border-radius:10px; text-decoration:none; float:none; font-family:"Times New Roman", Times, serif; cursor:pointer; }
.button:hover { color:#fff; background:#729C24; float:none }
.buttonlap { display:inline-block; font-size:16px; line-height:16px; min-width:20px; padding:5px 5px; color:#FFFFFF; text-align:center; border:1px solid #6a7c39; background:#a87a41; border-radius:10px; text-decoration:none; float:none; font-family:"Times New Roman", Times, serif; cursor:pointer; }
.buttonlap:hover { color:#fff; background:#755235; float:none }
.buttonlapakt { display:inline-block; font-size:16px; line-height:16px; min-width:20px; padding:5px 5px; color:#FFFFFF; text-align:center; border:1px solid #6a7c39; background:#977457; border-radius:10px; text-decoration:none; float:none; font-family:"Times New Roman", Times, serif; cursor:pointer; }

.buttonlap_hir { display:inline-block; font-size:16px; line-height:16px; min-width:20px; padding:5px 5px; color:#FFFFFF; text-align:center; text-decoration:none; float:none; cursor:pointer; }
.buttonlap_hir:hover { color:#fff; float:none }
.buttonlapakt_hir { display:inline-block; font-size:16px; line-height:16px; min-width:20px; padding:5px 5px; color:#FFFFFF; text-align:center; text-decoration:none; float:none; cursor:pointer; }

.kepek { display:inline-block; font-size:20px; padding:10px 10px; margin:10px 0px 10px 0px; border:1px solid #926541; background:#fffbee; border-radius:6px; }
.fokep { display:inline-block; font-size:20px; padding:10px 10px; margin:10px 0px 10px 0px; border:1px solid #926541; background:#ba8748; border-radius:6px; } */


/* .naptar_nap_piros {width:100px; height:100px; position:relative; display:inline-block; background-color:#990021; text-align:center; font-size:36px; color:#fff; line-height:40px; float:left; margin:0px 10px 10px 0px;}
.naptar_nap_szurke {width:100px; height:100px; position:relative; display:inline-block; background-color:#f4e5de; text-align:center; font-size:36px; color:#000; line-height:40px; float:left; margin:0px 10px 10px 0px;} */



.urlnoline {text-decoration:none; color:#333;}
.kereso {width:200px; vertical-align:top;height:23px;; padding-left:25px; background-image:url(images/ikon_keres.svg); background-position: left; background-repeat:no-repeat; background-size:21px; min-height:20px; border-radius:6px; border:2px #990021 solid; background-color:#e4e4e4; color:#999; font-family:arsenal;}
#keresoc .kereso{vertical-align: middle;}
.kereso_archiv {width:200px; vertical-align:top;height:23px; padding-left:25px; background-image:url(images/ikon_keres.svg); background-repeat:no-repeat; background-size:21px; min-height:20px; border-radius:1px; border:2px #3e3d45 solid; background-color:#fefefe; color:#999; font-family:arsenal;}

#oldalalja{text-align:center; width:100%; display:inline-block; font-family:comfortaa;}
#oldalalja #ugrasfel{padding:10px 0px 10px 0px; color:#fff; cursor:pointer; z-index:9999;}
#oldalalja_menu{background-color:white;padding:10px 0px 10px 0px; color:#000; margin:0 auto;}
.oldalalja_menudiv_nev { text-decoration:underline; font-size:16px;}
.oldalalja_menudiv {
	font-size:14px;
	display: inline-block;
	vertical-align: top;
	padding:0.5em 0.5em;
}
#oldalalja #lab_aloldal a,
#oldalalja #lab_aloldal a:hover{
	color:white;
}
#oldalalja #lab_aloldal div {
    margin-top: 1em;
}

/* .cimke {text-align:center; padding-left:2px; padding-right:2px; text-transform:uppercase; background-color:#b7a7a7; margin-left:5px; margin-bottom:5px; float:left; color:#fff; cursor:pointer;}
*/
.nyil {opacity: 0.2;filter: alpha(opacity=2); height:70px;}
.nyil:hover { opacity: 0.6;filter: alpha(opacity=6);}

.adattar_cont {width:235px; margin:0px 0px 10px 10px; padding:0px; height:235px;  cursor:pointer; display:inline-block;}
.adattar_cont_left {width:235px; margin:0px 0px 10px 10px; padding:0px; height:235px;  cursor:pointer; display:inline-block;}
.adattar_cont img,
.adattar_cont_left img{width:235px;}

.adattar_papjaink_szoveghatter {background-color:#8c0018; height:30px; position:relative; transform: translateY(-30px);opacity: 0.8;filter: alpha(opacity=80);}
.adattar_papjaink_szoveg {color:#fff; height:30px; position:relative; margin-top:-60px; font-size:18px; text-transform:uppercase;}
.adattar_intezmeny_szoveghatter {background-color:#8c0018; height:70px; position:relative; transform: translateY(-70px);opacity: 0.8;filter: alpha(opacity=80);}
.adattar_intezmeny_szoveg {color:#fff; height:70px; position:relative; margin-top:-140px; font-size:14px; text-transform:uppercase; line-height: 16px;}
.adattar_sor {margin-top:10px; display:inline-block;}
#papjaink .aloldal_cim{margin-left:10px;}



/* .kathizmak_cella {background-color:#f8f8f8; width:40px; height:16px; padding:5px; float:left; margin:2px;}
.kathizmak_balcella {background-color:#f8f8f8; width:70px; height:16px; padding:5px; float:left; margin:2px;}
.kathizmak_jobbcella {background-color:#f8f8f8; width:90px; height:16px; padding:5px; float:left; margin:2px;}
.kathizmak_cim{text-align:center; width:100%; font-family:comfortaa; font-size:24px; color:#f8f8f8;} */

.keres_kateg {width:100%; font-family:abril; text-align:center; font-size:22px; padding-top:20px; cursor:pointer;}

/* .media_cim {font-size:50px; font-family:comfortaa; background-color:#912305; width:590px; margin:auto; text-align:left; padding:15px 0px 10px 20px;} */

/* .napi_url{ cursor:pointer; color:#f8f8f8; text-decoration:none;}
.napi_url:hover { text-decoration:none; color:#f8f8f8;} */


/**************************************/


#tartalom{
	font-family: comfortaa;
	text-align: center;
	margin:0 auto;
	margin-bottom:3.5em;
}
.aloldal_cim{
	font-size: 50px;
	color:#efe7e7;
	background-color: #a50029;
	text-align: left;
	padding: 0.2em 0.3em;
	margin: 0em auto;
}
.aloldal_cim_border{
	background-color: #8c0018;
	height: 1.8em;
	line-height: 1.8em;
	margin-left: -2%;
	text-align:right;
	padding:0 3em;
	color:white;
}
.aloldal_cim_border div{display:inline-block;}
.aloldal_cim_border a{color:white;}
.aloldal_cim_border a:hover{text-decoration:none;}

.fej{
	color: #333;
	background-color: #fff;
	padding: 2em 1em;
	border-bottom: 4px solid #8c0018;
}
.fej input.kereso{width:18em;}


#tartalom{padding-top:8em;}

@media only screen and (min-width: 340px) {
	/* .aloldal_cim{margin-top:0.5em;} */
	/* #tartalom{padding-top:8em;} */
}
@media only screen and (min-width: 603px) {
	/* .aloldal_cim{margin-top:2em;} */
	/* #tartalom{padding-top:8em;} */
}
@media only screen and (min-width: 771px) {
	/* .aloldal_cim{margin-top:3em;} */
	#tartalom{padding-top:10em;}
}
@media only screen and (min-width: 1020px){
	/* .aloldal_cim{margin-top:4em;} */
	#tartalom{padding-top:11em;}
}


div.clear{clear:both;}


.lapozo{
	text-align:center;
	color:#f8f8f8;
	font-family:comfortaab;
	z-index:999;
	margin-top:1em;
}
.lapozo .buttonlap_hir{
	margin:0 1%;
	color:#f8f8f8;
}
.lapozo .buttonlapakt_hir{
	margin:0 1%;
	display:inline-block;
	color:#990021;
}

/********************* HIRFOLYAMOK ************************/

.hir{
	float: left;
	width: 100%;
	min-width: 220px;
	max-height:220px;
	/* padding: 3rem 2.2rem; */
	/* padding: 0% 2.2%; */
	margin:6% 0;
	font-size: 16px;
	/* line-height:1.4em; */
	font-family: arsenal;
}
.hir.cl {
    clear: left;
}
.hir .hirtartalom{
	margin-right: 1%;
	display: inline-block;
	text-align: left;
	width: 100%;
	color: black;
	background-color: rgba(255, 255, 255, 0.6);
}
.hir.fohir .hirtartalom{
	color:#fff;
	/* background-color: rgba(154, 0, 34, 0.70); */
	background-color: rgba(150, 0, 10, 0.70);
}

/* .hir .hirtartalom .hirkepc{
	padding: 1% 0;
	margin: -2% 0;
	border-right: 5.5px solid #9a0022;
	display: inline-block;
	vertical-align: middle;
	width: 46%;
	max-width: 200px;

	position:relative;
	padding-top:46%;
	overflow:hidden;
} */
.hir .hirtartalom .hirkepc{
	display: inline;
}
/* .hir .hirtartalom .hirkep{
    width: 100%;
    position: absolute;
    top: 2%;
} */
.hir .hirtartalom .hirkep{
    width: 46%;
    max-width: 200px;
    border-right: 5.5px solid #9a0022;
    display: inline-block;
    vertical-align: middle;
    padding: 1% 0;
    margin: -2% 0;
}
.hir .hirszoveg {
	display: inline-block;
	vertical-align: middle;
	padding-left: 3%;
	width: 50%;
}
.hir .hirbevezeto{
	display:none;
}

@media only screen and (min-width: 603px) {
	/* .hir {
		width: 50%;
		margin:3% 0;
	} */
	.hir {
		width: 50%;
		padding:3rem 2.2rem;
		min-width:220px;
		margin:0;
		max-height:none;
	}
	.hirszoveg {
    	font-size: 1.9vw;
	}
}
@media only screen and (min-width: 401px) and (max-width:602.99px) {
	.hir{font-size:18px;}
}
@media only screen and (min-width: 771px) {
	.hir {
		max-height:none;
		font-size:18px;
	}
	.hirszoveg{font-size:18px;}
}
/* TODO */
.nyilak{}
@media only screen and (max-width: 1019.99px) {
	.nyilak{display:none;}
}

/******************* adattarak ********************/

#adattar-parokiak{color:#fff; font-family:comfortaa;text-align:center;}

#parokiak{
	font-size: 14px;
	color: #333;
	font-family: comfortaa;
	min-height: 400px;
	background-color: #efe7e7;
	text-align: center;
	padding: 20px 0px 20px 0px;
	margin-left:-10px;
}

/****************** adattar *********************/

.aloldal_cim{
	text-transform:uppercase;
}

#kep-terkep{
	display:block;
	float:right;
}
.kep-terkep{
	margin-top:20px;
	border-width:14px;
	border-style:solid;
	width:322px;
	height:322px;
}
.kep-terkep.kep{
	border-color:#a6032c;
}
.kep-terkep > img{width:294px; height:294px;}
.kep-terkep.terkep{
	border-color:#d1cbc5;
}
#adatok{
	background-color:#f8f8f8;
	color:#333;
	padding:20px 20px 20px 20px;
	font-family:arsenal;
	font-size: 16px;
	min-height:684px;
	margin-right: 342px;
}
.adattar_sor{
	display:block;
	text-align:left;
}
.f200{
	width:200px;
	float:left;
}
.f400{
	margin-left:200px;
}
.adattar_sor .jelenleg,
#adatok span.jelenleg{
	color:#a6032c;
	font-weight:bold;
}
.adattar_sor .tolig{
	float:left;
	width:5.5em;
}
.adattar_sor .szolgal{
	margin-left: 5.5em;
}


@media only screen and (max-width: 770.99px) {
	#kep-terkep{float:none;}
	.kep-terkep{
		display: inline-block;
		vertical-align: middle;
	}
	.kep-terkep.kep{margin-right:20px;}
	#adatok{
		margin-right:0;
		margin-top:20px;
		min-height:100px;
	}
}
@media only screen and (max-width: 667.99px) {
	.kep-terkep.kep{margin-right:0px;}
}
@media only screen and (max-width: 602.99px) {
	#adatok{
		font-size:14px;
		margin-top:20px;
	}
	.f200{
		font-weight:bold;
		float:none;
	}
	.f400{
		margin-left:3em;
	}
}
@media only screen and (min-width: 771px) and (max-width: 980.99px) {
	.f200{
		font-weight:bold;
		float:none;
	}
	.f400{
		margin-left:3em;
	}
}
@media only screen and (max-width: 322.99px) {
	.kep-terkep{
		width:320px;
		height:320px;
	}
}


/**************************************/

#espker{font-size:14px; margin-top:10px;}

.adattar_szovegc {
    color: #fff;
    height: 70px;
    position: relative;
    font-size: 18px;
    text-transform: uppercase;
    display: block;
    margin-top: -70px;
    line-height: 70px;
    /* background-color: #8c0018;
    opacity: 0.8;
	filter: alpha(opacity=80); */
	background-color:rgba(154,0,0,0.8)
}
.adattar_szoveg{
	line-height: normal;
	position: absolute;
	width:100%;
	top: 50%;
	transform: translateY(-50%);
}
#intezmenyek .adattar-szoveg{
	font-size:14px;
}
.cen{
	position: absolute;
	width:100%;
	top: 50%;
	transform: translateY(-50%);
}


#papjaink{margin-left:-10px;margin-top:1em;}

#intezmenyek{margin-left:-10px;margin-top:1em;}

#alapitvanyok{
	background-color:#f7f7f7;
	color:#333;
	line-height:150%;
	padding:2em;
}
#alapitvanyok h2{
	font-weight:bold;
	padding-top:2em;
	line-height:150%;
}

#beruhazasok{
	text-align:left;
	color:#333;
	background-color:#f7f7f7;
	padding:3em;
	line-height: 150%;
}



@media only screen and (max-width: 770.99px) {
	.aloldal_cim{ font-size:40px; }
}
@media only screen and (max-width: 379.99px) {
	.aloldal_cim{font-size:36px;}
}
@media only screen and (min-width: 1020px){
	#tartalom{width:970px;}
	.aloldal_cim_border{
		width: 104%;
	}
}



.tablazat-altalanos  td{
	color:black;
	background-color:white;
	padding:0.1em 0.8em;
}

.tablazat-altalanos tr:first-child td:first-child {
	border-radius: 0.5em 0 0 0;
}
.tablazat-altalanos tr:first-child td:last-child {
	border-radius: 0 0.5em 0 0;
}
.tablazat-altalanos tr:last-child td:first-child {
	border-radius: 0 0 0 0.5em;
}
.tablazat-altalanos tr:last-child td:last-child {
	border-radius: 0 0 0.5em 0;
}

@media only screen and (max-width: 602.99px) {
	.tablazat-altalanos{
		font-size:10px;
	}
}




/******************************* ADATTAR ******************************/

.adattar .tartalom{
	text-align: justify;
	padding: 5%;
	line-height: 2em;
}


/******************************* KAPCSOLAT ******************************/

.kapcsolat{
	color:#fff;
	background-color:#241b1b;
	width:60%;
	margin:0 auto;
	text-align:center;
}
@media only screen and (max-width: 770.99px) {
	.kapcsolat{
		width:80%;
		min-width:320px;
	}
}
.kapcsolat a,
.kapcsolat a:hover{
	color:#fff;
}
.kapcsolat .aloldal_cim{
	background-color:transparent;
	text-align:center;
	color:#fff;
}
.kapcsolat .aloldal_cim_border{
	height:3px;
	margin-bottom:2em;
	margin-right:-2%;
}


/******************************* LITURGIA ******************************/

.bullet {
    color: #990021;
    margin: 0px 6px 0px 3px;
}

.liturgia{
	max-width: 650px;
	margin: 0 auto;
}
@media only screen and (max-width: 675.99px) {
	.liturgia{width:100%; max-width:100%;}
}
@media only screen and (min-width: 676px) {
	.liturgia .aloldal_cim_border{margin-right:-2%;}
}
.liturgia .aloldal_cim{
	background-color:#956a1b;
}
.liturgia .aloldal_cim_border{
	background-color:#573e00;
	height: auto;
	min-height:1.8em;
}
.liturgia .tartalom{
	/* background-color:#f8f8f8;
	opacity:0.9; */
	background-color:rgba(248,248,248,0.9);
	text-align: justify;
	padding: 5%;
	line-height: 2em;
}

/******************************* MEDIA ******************************/

.mediatar{
	max-width: 650px;
	margin: 0 auto;
}
.mediatar .aloldal_cim{
	background-color:#912305;
}
.mediatar .aloldal_cim_border{
	background-color:#541818;
}

@media only screen and (max-width: 675.99px) {
	.mediatar{width:100%; max-width:100%;}
}
@media only screen and (min-width: 676px) {
	.mediatar .aloldal_cim_border{margin-right:-2%;}
}

.mediatar .tartalom{
	/* background-color:#f8f8f8;
	opacity:0.9; */
	background-color:rgba(248,248,248,0.9);
	text-align: left;
	padding: 5%;
	line-height: 2em;
}