@charset "iso-8859-2";

html, body {
	height: 100%;
 	width: 100%;
  	padding: 0; 
	margin: 0;
}	
body {
	display: flex;
	flex-direction: column;
	min-width: 320px;
 	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	font-size: 15px;
	font-weight: 300;
	font-family: 'Open Sans', sans-serif;
	color: #333;
	background-color: #fff;
}
* {
	scrollbar-width: thin;	
}
div, img, td, ul, li, a {
	box-sizing: border-box;	
}
img, a {
	border: 0;
	outline: 0;
}
img, video {
	max-width: 100% !important;
	height: auto !important;
}
.adla img {
	max-width: 50% !important;
}
a {
	color: inherit;
	text-decoration: none;
}
.clear {
	clear: both;
}
:focus {
	outline: 0;
}
.top {
	flex: 1 0 auto;
}
.bot {
	flex-shrink: 0;
	position: relative;
}	



/* ÁLTALÁNOS KERET */
.kere {	
	margin: 0 auto;
}
.kont, .sor, .osz {
	position: relative;
	float: left;
	width: 100%;
}
.osz_100, .wi100 {
	width: 100%;
}
.osz_90 {
	width: 90%;
}
.osz_85 {
	width: 85%;
}
.osz_80 {
	width: 80%;
}
.osz_75, .wi75 {
	width: 75%;
}
.osz_70 {
	width: 70%;
}
.osz_66 {
	width: 66.666666%;
}
.osz_60, .wi60 {
	width: 60%;
}
.osz_50, .wi50 {
	width: 50%;
}
.osz_40 {
	width: 40%;
}
.osz_35 {
	width: 35%;
}
.osz_33 {
	width: 33.333333%;
}
.osz_30 {
	width: 30%;
}
.osz_25, .wi25 {
	width: 25%;
}
.osz_20 {
	width: 20%;
}
.osz_15 {
	width: 15%;
}
.osz_10 {
	width: 10%;
}
.flex {
	display: flex;
	align-items: center;
}
.flex_for {
	flex-direction: row-reverse;
}
.rel {
	position: relative;
}
.abs {
	position: absolute;
}
.fl_no {
	float: none !important;
	display: inline-block;
	vertical-align: top;
}
.fl_ri {
	float: right !important;
}
.txt_ce {
	text-align: center !important;
}
.txt_ri {
	text-align: right !important;
}
.txt_up {
	text-transform: uppercase;
}
strong, b, .bold {
	font-weight: 600;
}
.nopo, .nopa, .nopa > div {
	padding: 0 !important;
}
.nopa, .nopa > p {
	margin: 0 !important;
}
.noto, .notb, .notb > div {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.nota {
	padding-top: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.nott {
	padding-top: 0 !important;
}
.nobo {
	padding-bottom: 0 !important;
}
.nolo, .nolr, .nolr > div {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.noma {
	margin: 0 !important;
}
.fancybox-button {
	float: right;
}
.fancybox-inner div {
	float: none !important;	
}
.la, .las {
    font-family: 'Line Awesome Free' !important;
    font-weight: 900 !important;
}



/* EGYÉNÍTÉS */
.feje {
	background-color: #943445;
}
.laba {
	background-color: #666;
}
.kere {
	width: 90%;
	max-width: 1600px;
}
.kerf, .kerl {
	position: relative;
	background-size: 100% 100px;
	height: 100px;
	z-index: 10;
}
.kerf {
	background-color: #943445;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0wIDB2MTQwaDEyODBMMCAweiIgZmlsbC1vcGFjaXR5PSIuNSIvPjxwYXRoIGQ9Ik0wIDQydjk4aDEyODBMMCA0MnoiLz48L2c+PC9zdmc+);
	top: -40px;
	margin-bottom: 20px;
	transform: rotateY(180deg);
}
.kerl {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiM2NjYiPjxwYXRoIGQ9Ik0xMjgwIDE0MFYwSDBsMTI4MCAxNDB6IiBmaWxsLW9wYWNpdHk9Ii41Ii8+PHBhdGggZD0iTTEyODAgOThWMEgwbDEyODAgOTh6Ii8+PC9nPjwvc3ZnPg==);
	bottom: 0;
	transform: rotateX(180deg);
}
.kerfu {
	margin-bottom: 40px;
}
.kerlu {
	margin-top: 80px;
}
.sor {
	padding: 15px;
}
.osz {
	padding: 15px 30px;
}
.fejl, .labl {
	width: 100%;
	color: #fff;
}
.navi, .logo {
	width: 30%;
}

.labl * {
	font-size: 0.975em;	
	font-weight: 400;
}
.labl .bold {
	font-size: 1.15em;
	font-weight: 600;
}
.labl a {
	color: #eee;
	transition: all 0.5s ease-in;
}
.labl a:hover, .labl a:hover  i.la {
	color: #fff !important;
}

.menu {
	border-right: 1px solid #eee; 
}
.navi ul {
	padding: 0;
	margin: 0 0 2em;
	list-style: none;
	font-weight: 400;
}
.navi ul li {
	margin: 0 0 10px;
}
.navi ul li ul {
	padding: 0 0 0 2em;
	margin: 0;
}
.navi ul li ul li {
	margin: 5px 0;
}
.navi a {
	font-size: 1.05em;
	color: #333;
	transition: all 0.25s ease-in;
}
.navi a:hover, .navi a.akt {
	color: #943445;
}
.navi ul li a.akt {
	font-weight: 600;
}
.navi ul li ul li a.akt {
	font-weight: 400;
}

.logo {
	z-index: 11;
	margin: 10px 0 0;
}

.topi {
	width: 45%;
	text-align: center;
}
.topi, .user, .mobi {
	margin-top: 30px;
	font-weight: 400;
}

.user {
	width: 25%;
	margin-top: 30px;				
}
.user_ikon {
	position: absolute; 
	top: 10px;
	vertical-align: middle; 
}
.user_span {
	padding-left: 2.25em;
}
#pan_user {
	position: absolute;
	z-index: 102;
	width: auto;
	min-width: 280px;
	padding: 0.25em 1.5em;
	left: 0;
	top: 2.75em;
	color: #fff;
	background-color: #b88;
	text-align: left;
	box-shadow: 0px 10px 15px -10px rgba(0, 0, 0, 0.25);
}
#pan_user i.la {
	color: #fff !important;
}

.mobi, #pan_user {
	display: none;
}

.tart, form {
	width: 100%;
	color: #000;
	text-align: center;
}
.tart h1 {
	margin-top: 0;
	color: #943445;
	font-size: 1.5em;
	font-weight: 600;
}
.tart h1.kedv {
	color: #999;
}
.tart h2 {
	margin-top: 0;
	color: #555;
	font-size: 1.15em;
	font-weight: 600;
}
.tart h2.kedv {
	margin: 0.75em 0 0.5em;
	color: #943445;
	font-size: 1.35em;
	font-weight: 700;
}
.tart h2.kedv a {
	font-weight: 600 !important;
}
.tart h2.noma {
	color: #333;
}
.tart h3 {
	margin: 0.75em 0;
	color: #943445;
	font-size: 1.05em;
	font-weight: 700;
}
.tart ul {
	margin-top: 0;
}
.tart p {
	margin: 0 0 1em;
}
.tart hr {
	clear: both;
	float: left;
	width: 100%;
	height: 1px;
	margin-bottom: 1em;
	border: none;
	color: #eee;
	background-color: #eee;
}
.tart hr.hrmar {
	margin: 1em 0;
}
.tart a, .tart .narancslink {
	color: #943445 !important;
	font-weight: 500 !important;
}
.tart table {
	float: left !important;
	width: 100% !important;
	border: none;
	margin: 0 auto;
}
.tart table.keres {
	width: auto !important;
}
.tart table.list, .tart table.tabl {
	margin-top: 0.5em;
}
.tart table.list tr:nth-child(even), .tart table.keres tr:nth-child(even) {
	background-color: #fff;
}
.tart table.list tr:nth-child(odd), .tart table.keres tr:nth-child(odd) {
	background-color: #eee;
}
.tart table.list tr td {
	padding: 0.5em 1em !important;
}
.tart table.list tr:not(.trfej) {
	font-size: 0.9em;
}
.tart table.list tr.trfej td {
	padding: 0.65em 1em !important;
	color: #000;
	background-color: #eee;
	border-top: 2px solid #943445 !important;
	border-bottom: 2px solid #943445 !important;
	text-transform: uppercase;
}
.tart table.lisfel {
	width: 50% !important;
}

.tart table.bele {
	float: none !important;
	width: auto !important;
}
.tart table.bele tr td, .tart table.tabl tr td {
	padding: 0.5em 1em 0.5em 0;
}
.tart table.keres tr td {
	padding: 0.25em 0.5em;
}
.tart table.tabl tr td.labe {
	width: 20%;
	padding-top: 1em;
	text-align: right;
	vertical-align: top;
}
.tart table.tabl tr td.labe2 {
	width: 28%;
}
.tart table.tabl tr td.labe21 {
	width: 28%;
	padding-top: 0.75em;
}
.tart table.tabl tr td.labe3 {
	width: 32%;
}
.tart table.tabl tr td.td_gal {
	min-width: 40%;
	padding: 0 1em 1em 0 !important;
	text-align: left !important;
}
.wimin {
	min-width: 150px;
}

.prog {
	margin: 1em 0;	
}
.prog img {
	float: left;
	width: 250px;
}
.prog h2 {
	margin-bottom: 0.25em;
}
.prog p {
	margin-top: -1em;
}
.prog p::first-line {
	display: inline-block !important;
	line-height: 3em;
	font-weight: 600;
}
.absa {
	position: absolute;
	left: 280px;
}
.kiskep {
	position: relative;
	float: left;
	margin-bottom: 1em;
}
.iko {
	position: absolute;
	right: 0;
	bottom: 1em;
	padding: 0.75em 0.5em;
	color: #fff;
	background-color: #943445;
}
.nagyit {
	display: block;
	position: relative;
}
.nagyi {
	display: block;
	position: relative;
	float: right !important;
	margin: 0.25em 0 0.25em 1.5em !important;
	max-width: 50% !important;
}
.nagyi img {
	margin: 0 !important;
	max-width: 100% !important;
}
.ikot {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 0.75em 0.5em;
	color: #fff;
	background-color: #943445;
}

.mce-container {
	border: 1px solid #ccc !important;
}
.mce-container div {
	border: none !important;
}
.mce-toolbar {
	padding: 0.25em !important;
}
.mce-panel:not(.mce-floatpanel) {
	background-color: #c99 !important;
	background-image: none !important;
}
input, select, option, textarea, .mce-tiny-mce {
	box-sizing: border-box;	
	padding: 0.5em !important;
	color: #000 !important;
	background-color: #f9f9f9 !important;
	font-size: 1em !important;
	font-weight: 400 !important;
	font-family: 'Open Sans', sans-serif !important;
}
input, select, textarea, .mce-tiny-mce {
	border: 1px solid #ccc !important;
}
input:focus, select:focus, textarea:focus {
	background-color: #fcfcfc !important;
	border: 1px solid #bbb !important;
}
input[type="submit"], a.gomb {
	float: right;
	display: inline-block !important;
	padding: 0.65em 2.25em !important;
	font-size: 1.05em !important;
	font-weight: 600 !important;
	color: #fff !important;
	background-color: #943445 !important;
	border: 2px solid #943445 !important;
	cursor: pointer !important;
	transition: all 0.25s ease-in !important;
}
input[type="submit"]:hover, a.gomb:hover {
	background-color: #555 !important;
	border: 2px solid #555 !important;
}
.error, .vissza, .tovisz {
	display: inline-block !important;
	margin: 2em 0 !important;
	color: #943445;
	font-weight: 400;
}
.vissza {
	margin: 1em 1em 1em 0 !important;
}
.tart a.tovisz, .tart a.vissza {
	font-weight: 600 !important;
}
.tart a.tovisz {
	margin: 0 !important;
}
.tart a.tovi2 {
	float: right;
	margin: 0.5em 0.25em !important;
}
.partner_keret_szoveg {
	width: 50%;
}



/* NAGYOBB MÉRETEK */
@media screen and (min-width: 1600px) {
body {
	font-size: 18px;
}
}
@media screen and (min-width: 1800px) {
body {
	font-size: 21px;
}
}



/* KISEBB MÉRETEK */
@media screen and (max-width: 1200px) {

.kere {
	width: 98% !important;
}

}



@media screen and (max-width: 900px) {

.kerf, .kerl {
	background-size: 100% 60px;
	height: 60px;
}
.kerf {
    	top: 0;
    	margin-bottom: 0;
}
.navi {
	display: none;
}
.mobi {
	display: block;
}
.menu {
	border-right: none; 
}
.kere, .tart, .topi {
	width: 100% !important;
}
.mobi {
	width: 20%;
}
.user {
	width: 40%;
}
.logo {
	width: 40%;
	margin: 10px 0;
}
.user {
	text-align: right;
}
.topi {
	padding-top: 0 !important;
	padding-left: 20px !important;
	margin: 0 !important;
	text-align: left;
	font-size: 0.75em;
}
.sor {
	padding: 0;
}
.osz {
	padding: 15px;
}

.navi {
	position: absolute;
	z-index: 103;
	top: -140px;
	left: 0 !important;
	right: auto !important;
	width: auto !important;
	min-width: 320px;
	padding: 0;
	background-color: #a77;
}
.navi ul {
	float: left;
	width: 100%;	
	padding: 5px;
	margin: 1em 0;
}
.navi ul li {
	float: left;
	width: 100%;
	margin: 8px 15px 7px;
}
.navi a {
	color: #eee;
}
.navi a:hover, .navi a.akt {
	color: #fff;
}
.navi ul li a.akt {
	font-weight: 600;
}
#pan_user {
	left: auto;
	right: 0;
}
#pan_menu {
	left: 0 !important;
	right: auto !important;
	width: 320px !important;
}



@media screen and (max-width: 600px) {


.kerf, .kerl {
	background-size: 100% 40px;
	height: 40px;
}
.osz:not(.mobi, .user, .logo, .navi) {
	width: 100% !important;
}
.notb {
	padding: 0 !important;
}
.mobi, .user {
	margin-top: 20px;
}
.navi {
	top: -20vw;
}
.osz.ker_kep {
	width: 40% !important;
	padding-right: 20px !important;
}
.iko {
	right: 20px;
}
.osz.ker_txt {
	width: 60% !important;
}
.list {
	margin: 1em 0 !important;
}
.tart table.lisfel {
	width: 100% !important;
	margin-bottom: 0 !important;
}
.tart table.lisfel2 {
	margin-top: 0 !important;
}
.tart table.lisfel2 tr:nth-child(even) {
	background-color: #eee;
}
.tart table.lisfel2 tr:nth-child(odd) {
	background-color: #fff;
}
.trhid {
	display: none;
}
.labl {
	padding: 20px !important;
}
.tart table.tabno tr td {
	padding: 0.5em 0 !important;
}
.tart table.list tr td {
	padding: 0.5em !important;
}
.labl .osz {
	padding: 10px 20px !important;
}
.labl p {
	margin: 0.5em 0;
}
.tart_ table:not(.keres) tr, .tart_ table:not(.keres) tr td {
	display: block !important;
	width: 100% !important;	
}
.prog img, .tabl img {
    	width: 100%;
}
.absa {
    	left: 0;
    	bottom: 0;
}
#galeri {
	padding: 0 !important;	
}

}



@media screen and (max-width: 480px) {

.kerf, .kerl {
	background-size: 100% 30px;
	height: 30px;
}
.mobi, .user {
	margin-top: 20px;
}

}

