@font-face {
font-family: bein;
src: url("Beinetcn.ttf") format("opentype");
}
body {font-family:bein;}

.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:#197f99; text-align:center; font-size:36px; color:#000; line-height:40px; float:left; margin:0px 10px 10px 0px;}
.cen
{
	position:relative; top: 50%; transform: translateY(-50%); text-align:center;
}

.aloldalgomb {width:33%; float:left; border:solid thin #FFC; cursor:pointer; height:50px; text-align:center; font-size:16px; font-weight:bold;}
.aloldalgomb:hover {background-color:#e9b714;}

.header
{
	margin:auto; height:30px; position:fixed; top:0px; width:100%; z-index:998;
			background: #939696; /* Old browsers */
	background: -moz-linear-gradient(left, #939696 0%, #ffffff 50%, #939696 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #939696 0%,#ffffff 50%,#939696 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #939696 0%,#ffffff 50%,#939696 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#939696', endColorstr='#939696',GradientType=1 ); /* IE6-9 */	
}
.menusav
{
	margin:auto; height:60px; position:fixed; top:30px; width:100%; z-index:998;
	background: #057490; /* Old browsers */
	background: -moz-linear-gradient(left, #057490 0%, #ffffff 50%, #057490 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #057490 0%,#ffffff 50%,#057490 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #057490 0%,#ffffff 50%,#057490 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#057490', endColorstr='#057490',GradientType=1 ); /* IE6-9 */
}
.kereso {width:200px; margin:4px 20px 0px 50px; vertical-align:top; padding-left:25px; background-image:url(images/nagyito-ikon.png); background-repeat:no-repeat; background-size:21px; height:15px; border-radius:6px; border:1px #edc833 solid; background-color:#e4e4e4; color:#999; z-index:2000;}

.menuurl { cursor:pointer; color:#000; text-shadow: 1px 2px 3px #666; text-decoration:none; font-size:22px; margin:0px 50px 0px 0px; font-family:bein; }
.menuurl:hover { color:#edc833;cursor:pointer; }
.menubal
{
	position:relative; top: 50%; transform: translateY(-50%); text-align:right; height:60px; width:calc(50% - (90px)); left:0px; float:
}
.menujobb
{
	position:relative; transform: translateY(-100%); text-align:left; height:60px; width:calc(50%); left:calc(50% + (140px));
}
.menutartalom_bal
{
	position:fixed; width:calc(50% - (167px)); left:0px; top: 90px; background-color:#e6f1f4; height:400px;	border-color:#057490; border-width:2px; border-style:solid; opacity: 0.95;filter: alpha(opacity=95);
	padding:20px;
	z-index:1999;
}
.menutartalom_bal_tartalom
{
	position:fixed; width:calc(50% - (167px)); left:0px; top: 90px; height:400px; opacity: 1;filter: alpha(opacity=100);
	padding:20px;
	z-index:2001;
}
.logindiv
{
	position:fixed; width:200px; right:0px; top: 30px; background-color:#e6f1f4; height:300px;	border-color:#057490; border-width:2px; border-style:solid; opacity: 0.95;filter: alpha(opacity=95);
	padding:0px; padding:0px 0px 0px -4px;
	z-index:1999;
}
.logindiv_tartalom
{
	position:fixed; width:200px; right:0px; top: 40px; height:300px; opacity: 1;filter: alpha(opacity=100);
	padding:0px; margin:0px;
	z-index:2001;
}
.profilurl { cursor:pointer; color:#000; text-shadow: 1px 2px 3px #666; text-decoration:none; font-size:14px; font-family:bein; }
.profilurl:hover { color:#edc833;cursor:pointer; }
.profil_link {width:calc(100% - 4px); padding:5px 0px 5px 0px; text-align:center; cursor:pointer;}
.profil_link:hover {background-color:#FC0;}

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

.hirszoveg_hatter
{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.58+51,0.84+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.58) 51%, rgba(0,0,0,0.84) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.58) 51%,rgba(0,0,0,0.84) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.58) 51%,rgba(0,0,0,0.84) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#d6000000',GradientType=0 ); /* IE6-9 */

	position:absolute; z-index: 1000;top: 100%; transform: translateY(-50px); margin:0px 0px 0px 0px; width:150px; height:50px;
}
.hirszoveg
{
	position:absolute; z-index: 1001;top: 100%; transform: translateY(-45px); padding:0px 3px 0px 3px; margin:0px 0px 0px 0px;  line-height:12px; width:150px; height:46px; font-size:12px; text-align:center;color:#FFF;text-transform:normal; opacity: 1.0;filter: alpha(opacity=100);
}

.hirslide_hatter
{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.58+51,0.84+100 */
background: -moz-linear-gradient(bottom,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.58) 51%, rgba(0,0,0,0.84) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.58) 51%,rgba(0,0,0,0.84) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(bottom to,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.58) 51%,rgba(0,0,0,0.84) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

	position:absolute; z-index: 1;top: 90px; transform: translateY(0px); margin:0px 0px 0px 0px; width:50%; height:150px; left:50%;
}
.hirslideszoveg
{
	position:absolute; z-index: 2;top: 90px; transform: translateY(0px); padding:0px 3px 0px 3px; margin:15px 0px 0px 0px; left:calc(50% + 140px); line-height:22px; width:calc(50% - 150px); height:100px; font-size:20px; text-align:center;color:#FFF;text-transform:normal; opacity: 1.0;filter: alpha(opacity=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; }
.button_admin { display:inline-block; font-size:18px; line-height:18px; min-width:15px; padding:7px 5px; color:#21759b; text-align:center; border:1px solid #c2c2c2; background:#f3f2f2; border-radius:6px; text-decoration:none; float:none }
.button_admin:hover { color:#d54e21; background:#f6f6f6; float:none }
.button_adminakt { display:inline-block; font-size:18px; line-height:18px; min-width:15px; padding:7px 5px; color:#d54e21; text-align:center; border:1px solid #c2c2c2; background:#f6f6f6; border-radius:6px; text-decoration:none; float:none }

.tartalom_slider {margin:auto; width:1000px; position:absolute; top:530px; left:calc(100%/2 - 500px);}
.tartalom_noslider {margin:auto; width:1000px; position:relative; top:90px;}

.logo_nagy {margin:auto; height:200px; width:200px; position:fixed; top:15px; left: calc(50% - (200px/2));z-index: 999; background-position:center center;}
.logo_kicsi {margin:auto; height:90px; width:90px; position:fixed; top:2px; left: calc(50% - (90px/2));z-index: 999; background-position:center center;}

.cimke {text-align:center; padding-left:6px; padding-right:6px; text-transform:uppercase; background-color:#b7a7a7; margin-left:5px; margin-bottom:5px; float:left; color:#fff; cursor:pointer; height:32px;} 

.hirheader {background-color:#e9b714; text-align:left; padding:10px 10px 10px 30px; color:#fff; font-size:24px; margin-top:20px;}
.hirekkiir_hirek6 {background-image:url(fejlec_felso.svg); text-align:center;display:inline-block; width:100%; padding-bottom:5px; padding-top:5px; margin-left:10px;}
.hirdiv
{
	margin:0px 5px 0px 5px;
	width:150px;
	height:150px;
	text-align:center;
	float:left;
	position:relative;
	overflow:hidden;
	cursor:pointer;
}

.oldal_header {text-align:right; padding:30px 20px 25px 20px; height:50px;}
.oldal_cim {text-align:left; float:left }
.oldal_tartalom {width:1000px; display:inline-block; line-height:24px; text-align:justify;}
.media_box {display:inline-block; width:600px; margin:10px 0px 20px 200px; border-bottom-style:solid; border-bottom-color:#e6f1f4; cursor:pointer;}
.media_box:hover {background-color:#e6f1f4;}
.foto_box {display:inline-block; width:100%; margin:10px 0px 20px 0px; border-bottom-style:solid; border-bottom-color:#e6f1f4; cursor:pointer;}
.foto_box:hover { background-color:#e9b714;}

.foto_kep
{
	margin:15px 5px 5px 5px;
	width:310px;
	height:310px;
	text-align:center;
	float:left;
	position:relative;
	overflow:hidden;
	cursor:pointer;
}
.foto_kep_hatter
{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.58+51,0.84+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.58) 51%, rgba(0,0,0,0.84) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.58) 51%,rgba(0,0,0,0.84) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.58) 51%,rgba(0,0,0,0.84) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#d6000000',GradientType=0 ); /* IE6-9 */

	position:absolute; top: 100%; transform: translateY(-200px); margin:0px 0px 0px 0px; width:310px; height:100px;
}
.foto_kep_szoveg
{
	position:absolute; z-index: 901;top: 100%; transform: translateY(-180px); padding:0px 3px 0px 3px; margin:0px 0px 0px 0px;  line-height:12px; width:310px; height:100px; font-size:12px; text-align:center;color:#FFF;text-transform:normal; opacity: 1.0;filter: alpha(opacity=100);
}
.gomb2 {background-color:#da6d17; border:1px solid #fff; padding:8px; text-align:center; color:#fff; border-radius:6px; text-decoration:none; font-size:20px; cursor:pointer}
.gomb2:hover {background-color:#B1B7E9; border:1px solid #fff; padding:8px; text-align:center; color:#fff; border-radius:6px; text-decoration:none; font-size:20px; cursor:pointer}