@import 'https://fonts.googleapis.com/css?family=Stalemate&subset=latin-ext';
@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800&subset=latin-ext';
@import 'https://fonts.googleapis.com/css?family=Clicker+Script&subset=latin-ext';
@import 'https://fonts.googleapis.com/css?family=Arsenal:300,400,700,800&subset=latin-ext';
@import url('https://fonts.googleapis.com/css?family=Dancing+Script:400,700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Bungee|Lobster|Playfair+Display:400,400i,700,700i|Ranchers|Spectral+SC:400,400i,700,700i|Ubuntu+Condensed&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Cinzel:400,700,900&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Raleway:400,700,900&subset=latin-ext');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Abril+Fatface|Berkshire+Swash|Bowlby+One+SC|Chonburi|Comfortaa:300,400,700|Great+Vibes|IBM+Plex+Sans:300,300i,400,400i,700,700i|Limelight|Noto+Sans:400,400i,700,700i|Noto+Serif:400,400i,700,700i|Open+Sans+Condensed:300,300i,700|Pacifico|Parisienne|Pirata+One|Poiret+One|Poppins:300,300i,400,400i,700,700i|Racing+Sans+One|Roboto+Condensed:300,300i,400,400i,700,700i|Roboto:300,300i,400,400i,700,700i|Rozha+One|Sacramento|Titan+One|Ubuntu:300,300i,400,400i,700,700i|Unna:400,400i,700,700i|Yeseva+One&subset=latin-ext');
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,500;0,900;1,500;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

body {
    background: #f1f1f1;
    font-family: 'Open Sans';
    font-size: 12px;
    min-width:1000px;
}

html, body, form, fieldset, img, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, a{border: 0 none;margin: 0;padding: 0;text-decoration:none; color:#3a5065; font-size:14px;}
a:active, a:focus,input:active, input:focus,button:focus {outline: 0;}
a:hover { text-decoration:none; }
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
*html[xmlns] .clearfix {display: block;}
*html .clearfix {height: 1%;}
input { background:#ffffff; border:1px solid #bfd1e3; padding:6px; font-family:'Open Sans'; font-size:14px; width:100%; position:relative; margin-top:10px;}
input[type="checkbox"] { background:#ffffff; border:1px solid #bfd1e3; font-family:'Open Sans'; font-size:14px; position:relative; width:auto; margin:0 5px; }
select { background:#ffffff; border:1px solid #bfd1e3; padding:6px; font-family:'Open Sans'; font-size:14px; width:100%; position:relative; margin-top:10px;}
textarea { background:#ffffff; border:1px solid #bfd1e3; padding:6px; resize:none; height:200px;font-family:'Open Sans'; font-size:14px; width:100%; position:relative; margin-top:10px;}
.mce-tinymce{width:760px!important; margin-top:10px!important;}
hr { margin:50px 0;width:100%; border:none; border-top:1px solid #bfd1e3; box-shadow:0px 0px 20px 1px #bfd1e3; }
h2 { font-size:16px; font-weight:bold; }


.gomb a { padding:5px 20px; color:#fff; font-size:14px; background:#5d7f9f; border:1px solid #84a4c2; webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; }
.gomb a:hover { background:#567794; color:#fff; webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; } 

span.gomb {margin-right:20px;}
span.gomb a {padding:10px 20px;}
span.gomb a:hover { background:#567794; }
span.gomb a.inaktiv { padding:10px 20px;; color:#bcbbbb; font-size:14px; background:#f1f1f1; border:1px solid #bcbbbb; webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; }
span.gomb a.inaktiv:hover { color:#bcbbbb; font-size:14px; background:#dbdbdb; border:1px solid #bcbbbb; webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; }

.gomb .zold { width:auto; padding:10px 20px; border:1px solid #557139; background:#99cc66;font-size:14px; text-align:center;color:#496130; cursor:pointer; webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.gomb .zold:hover { color:#496130;background:#8bba5c;.webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; }

#belepes {margin:auto;}
#belepes .belepes {background:#5d7f9f; height:80px;line-height:80px;text-align:center; }
#belepes .belepes p { color:#f1f1f1; font-weight:bold; text-align:center;  font-size:18px; }
#belepes .login { max-width: 460px; margin:20px auto;}
#belepes .login .logo { background:#e7ecf1; text-align:center;padding:10px 0;}
#belepes .login form { background:#fff; padding-bottom:20px;}
#belepes .login form .bevitel {width:80%; text-align:left; margin-left:30px;}
#belepes .login form input { border:1px solid #bfd1e3; background:#fff; ;padding:7px; width:100%; }
#belepes .login form input:hover { border:1px solid #5d7f9f; }

#belepes .login form .cim { color:#3a5065; font-size:14px; padding:30px 0 10px 30px;}
#belepes .login form .gomb {width:80%; text-align:right; margin:20px 0 0 44px;}

#belepes .login form input[type=submit] { border:1px solid #557139; background:#99cc66; width:80px; color:#496130; font-size:14px; text-align:center; cursor:pointer; webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#belepes .login form input[type=submit]:hover { background:#8bba5c;.webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; }

.header {position:fixed; height:90px; background:#5d7f9f; width:100%;z-index:100; min-width:1000px;}
.header .box { float:left; margin:35px 0 0 70px;padding:3px 10px;}
.header .box:first-child { margin:30px 0 0 10px; }
.header .box > p { color:#fff; font-size:14px;}
.header .box > a p { color:#fff; font-size:14px;}
.header .box > a { color:#fff; font-size:14px;webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.header .box > a:hover { color:#9fd0fe;webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.header .box span {color:#9fd0fe; font-size:14px; font-weighd:bold; }
.header .box.belepve {position:relative; top:-10px;}
.header .box.weboldal { background:#84a4c2; position:relative; top:-10px; webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.header .box.weboldal span {position:relative; top:2px; margin-left:10px; color:#fff;}
.header .box.weboldal:hover {background:#7896b1; webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.header .box.kerdes a { cursor:pointer;}
.header .box.kerdes .urlap { background:#f1f1f1; display:none; position:absolute; z-index:1000; border:1px solid #3a5065;  margin-top:20px;}
.header .box.kerdes #kerdesform { padding:20px;}
.header .box.kerdes #kerdesform textarea {width:98%;height:200px;}
.header .box.kerdes #kerdesform  p { color:#3a5065; }
.header .box.kerdes #kerdesform  p.gomb { color:#fff; margin-top:40px; text-align:right;}
.header .box.kerdes #kerdesform  p.gomb a { background:#99cc66;  border:1px solid #557139; color:#496130; padding:10px 20px;; webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; }
.header .box.kerdes #kerdesform  p.gomb a:hover { background:#8bba5c; webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; }
.header .box.kerdes #kerdesform span { text-align:center; color:green;}

#tartalom { padding-top:90px; position:relative; width:100%;background:#3a5065; }
#tartalom .rotate { cursor:pointer;}
#bal {float:left; width:190px; background:#3a5065; height:100%;}
#bal > ul { padding:20px 10px 10px 20px; border-bottom:1px solid #6d7e8e; }
#bal ul li {color:#bfd1e3; font-size:14px; font-weight:bold; text-transform:uppercase; list-style-type:none;}
#bal .gomb {text-align:center; margin:30px auto;}
#bal .gomb a { padding:5px 20px; color:#fff; font-size:14px; background:#5d7f9f; border:1px solid #84a4c2; webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; }
#bal .gomb a:hover { background:#567794; webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; } 
#bal ul .sub { margin:5px 0 0 0px; }
#bal ul .sub li a {color:#fff; font-size:14px; font-weight:normal; text-transform:none; padding:2px 10px; display:block;}
#bal ul .sub li a:hover { background:#5d7f9f; }
#bal ul .sub li.aktiv a { background:#5d7f9f; }
#jobb {min-height:1000px;background:url('/images/logobg.png') no-repeat top 170px right 10% #f1f1f1;margin-left:190px;padding:40px 0 0 40px;}

#jobb .focim { color:#3a5065; font-size:14px; font-weight:bold; text-transform:uppercase; margin-bottom:20px;}
#jobb .tartalom { width:100%;min-width:800px; max-width:1230px;background:#fff;}
#jobb .tartalom .fejlec { background:#e7ecf1; height:74px; line-height:74px; padding:0 20px; position:relative;}
#jobb .tartalom .fejlec .segitseg { position: absolute; right:20px; line-height:normal;top:17px;}
#jobb .tartalom .fejlec .segitseg p { color:#674e1d; font-size:14px; text-align:center; background:#ffcc66; border:1px solid #e0a736; padding:10px 20px; cursor:pointer; webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; }
#jobb .tartalom .fejlec .segitseg p:hover { background:#e7b95e; webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; }
#jobb .tartalom .fejlec .cim { color:#3a5065; font-size:14px; font-weight:bold; }
#jobb .tartalom form { background:#fff;padding:20px;}
 
#jobb .tartalom form p { margin:30px 0 0 0;}
#jobb .tartalom form img {position:relative; margin-top:10px;}
#jobb .tartalom form .mentes { text-align:right; }
#jobb .tartalom form .mentes input[type=submit] { width:auto; padding:10px 20px; border:1px solid #557139; background:#99cc66;font-size:14px; text-align:center;color:#496130; cursor:pointer; webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#jobb .tartalom form .mentes input[type=submit]:hover { background:#8bba5c;.webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; }
#jobb .tartalom ul {list-style-type:none; margin:10px 20px;}
#jobb .tartalom ul li { line-height:30px;} 

#jobb .tartalom form #nyelv {margin-bottom:50px;}
#jobb .tartalom form #nyelv p { margin:0; }

#dialog img {max-width:100%;}
    .mce-tinymce{max-width:1170px;width:100%!important;}