* {
    margin: 0;
    padding: 0;
    border: 0;
}
body {
    background-color: white;
    font-family: "Didact Gothic";
    font-weight: normal;
    font-size: 100%;
    color: #070980;
}
div.clear {
    clear: both;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.mt5 {
    margin-top: 5px;
}
.mt10 {
    margin-top: 10px;
}
.mt20 {
    margin-top: 20px;
}
.mb5 {
    margin-bottom: 5px;
}
.mb10 {
    margin-bottom: 10px;
}
.mb20 {
    margin-bottom: 20px;
}
.c {
    text-align: center;
}
.l {
    text-align: left;
}
.r {
    text-align: right;
}
a {
    color: #ff9c00;
    text-decoration: none;
}
    a:hover {
        text-decoration: underline;
    }
input.text {
    border: 1px solid #d0d0cf;
    padding: 5px;
    font-size: 75%;
    color: #aaa;
}
textarea {
    border: 1px solid #d0d0cf;
    padding: 5px;
    width: 300px;
    height: 80px;
    font-family: "Didact Gothic";
    font-size: 80%;
    color: #aaa;
}
button {
    background-color: #eee;
    border: 1px solid #d0d0cf;
    padding: 5px;
    font-size: 75%;
    color: #aaa;
}
form label {
    font-size: 95%;
}
form fieldset {
    border: 1px solid #d0d0cf;
    padding: 10px 20px;
}
.formsuccess {
    color: #189b33;
}
.formfieldmessage {
    color: #ff9c00;
    font-size:75%;
}
.formfieldinfo {
    font-size:75%;
}
.validation-summary-errors ul {
    margin-left: 14px;
    margin-bottom: 10px;
    color: #ff9c00;
}
div#wrapper {
    width: 1000px;
    margin: 0px auto;
    background-color: #fff;
}
header {
    /*height: 52px;*/
    padding: 10px 0px;
    /*border-bottom: 1px solid #d1cfcf;*/
}
section.slider {
    display: block;
}
.slicknav_menu {
	display:none;
}
#logo {
    float: left;
    width: 273px;
}
nav {
    float: right;
    width: 727px;
    margin-top: 15px;
}
    nav ul {
        list-style: none;
        float:right;
    }
        nav ul li {
            float: left;
            margin-left: 18px;
        }
            nav ul li a {
                color: #aaa;
                text-decoration: none;
                font-family: "News Cycle";
                font-size:105%;
            }
                nav ul li a:hover {
                    text-decoration: none;
                    color: #323030;
                    border-bottom: 3px solid #323030;
                    padding-bottom:5px;
                }
            nav ul li:last-child {
                margin-left:35px;
            }
                nav ul li:last-child a {
                    color: #fda827;
                }
                nav ul li:last-child a:hover {
                    color: #fda827;
                    border-bottom: 3px solid #fda827;
                }
section.content {
    overflow: hidden;
    margin-top: 30px;
    color: #777;
}
    section.content div.infoblock {
        width: auto;
        margin-bottom: 20px;
        overflow: hidden;
    }
        section.content div.infoblock div.item {
            float: left;
            width: 100%;
        }
            section.content div.infoblock div.item div.image {
                float: left;
                margin: 0px 5px;
                width: 140px;
            }
            section.content div.infoblock div.item div.content {
                float: left;
                width: 100%;
            }
                section.content div.infoblock div.item div.content h2 {
                    font-size: 130%;
                    border-bottom: 1px solid #d1cfcf;
                    padding-bottom: 5px;
                    margin-bottom: 5px;
                    letter-spacing: 1px;
                    color:#777;
                    font-weight: normal;
                    width: 100%;
                }
                section.content div.infoblock div.item div.content p {
                    font-size: 90%;
                    color: #777;
                    text-align: justify;
                }
                section.content div.infoblock div.item div.content p.more {
                    border-top: 1px solid #fda827;
                    margin-top: 10px;
                    padding-top: 5px;
                    text-align: right;
                }
                section.content div.infoblock div.item div.content p.more a {
                    color: #777;
                }
                    section.content div.infoblock div.item div.content p.more a:hover {
                        color: #fda827;
                        text-decoration: none;
                    }
    section.content.subpage h1 {
        margin-bottom:30px;
        font-size: 200%;
    }
    section.content.subpage p {
        margin-bottom:10px;
        font-size: 90%;
        text-align: justify;
    }
    section.content.subpage ul.onlinefiok {
        margin-right: 50px;
        float: left;
        margin-left: 20px;
        width: 300px;
        font-size: 90%;
    }

footer {
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 10px;
    border-top: 1px solid #d1cfcf;
    padding: 10px 23px 0px 23px;
}
    footer ul {
        /*float: left;*/
        list-style: none;
    }
        footer ul li {
            float: left;
            margin-left: 20px;
        }
        footer ul li:first-child {
            margin-left: 0px;
        }
            footer ul li a {
                color: #aaa;
                text-decoration: none;
                font-family: "News Cycle";
                font-size:105%;
            }
                footer ul li a:hover {
                    color: #323030;
                    text-decoration: none;
                    border-top: 3px solid #323030;
                    padding-top:7px;
                }
    footer p {
        float: right;
    }
        footer p a {
            margin-left: 10px;
        }

div.subpageimage {
    float: left;
    width: 45%;
    margin: 0px 20px 20px 0px;
}
    div.subpageimage img {
        max-width: 100%;
        height: auto;
    }

div.contactinfo {
    line-height: 150%;
    text-align: left;
}

div.contactinfo h2 {
    margin-bottom: 10px;
}

#id_Email, #id_Password {
    color: #ccc;
}


div.arrows {
    border-bottom: 1px solid #d1cfcf;
    text-align: right;
    padding-bottom: 15px;
}
    div.arrows span:first-child {
        margin-right: 10px;
    }
    div.arrows span img {
        vertical-align: middle;
    }
    div.arrows span img {
        margin-right: 10px;
        margin-left: 0px;
    }
    div.arrows span:first-child img {
        margin-left: 10px;
        margin-right: 0px;
    }
    div.arrows span a {
        color: #777;
        font-size: 80%;
    }
        div.arrows span a:hover {
            text-decoration: none;
            color: #fda827;
        }




@media only screen
and (max-width : 639px) {
    div#wrapper {
        width: 367px;
    }
	#menu {
		/*display:none;*/
	}
	.slicknav_menu {
		/*display:block;*/
	}
    #slider, div.arrows {
        /*display: none;*/
    }
    nav {
        border: none;
        margin: 0px;
    }
        nav ul {
            display: none;
        }
    footer {
        /*font-size: 80%;*/
    }
        footer ul {
            margin-bottom: 5px;
        }
            footer ul li {
                clear: both;
                float: none;
                margin: 0px 0px 5px 0px;
            }
        footer p {
            clear: both;
            float: none;
        }
}

div.login {
    width: 475px;
    overflow: hidden;
}
    div.login.loginadmin {
        margin-left: 50px;
    }
    div.login fieldset {
        height: 165px;
        overflow: hidden;
    }
        div.login td {
            padding: 5px;
        }
        div.login input.text {
            width: 300px;   
        }
        div.login fieldset a {
            font-size: 90%;
        }
div.reg {
    width: 750px;
    overflow: hidden;
}
    div.reg input.text {
        width: 380px;   
    }
    div.reg table tr td {
        padding: 5px;
        width: 400px;
    }
    div.reg table tr td:first-child {
        width: 350px;
    }

.player {
    display: block;
    width: 383px;
    height: 233px;
    text-align:center;
}



@media (max-width: 992px) {
    #slider {
        height: 400px !important;
    }
}

@media (max-width: 920px) {
    #slider {
        height: 500px !important;    
    }
}

#slider {
    /*width: 1000px; /* important to be same as image width */
    height: 400px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
    #slider .promotext {
        float: right;
        color: #777;
    }
        #slider .promotext .title {
            font-size: 200%;
        }
        #slider .promotext .subtitle a {
            font-family: "Didact Gothic";
            font-size: 200%;
            margin: 10px 0px;
            font-weight: bold;
        }
        #slider .promotext .subtitle a:hover {
            text-decoration: none;
        }
        #slider .promotext .content {
            font-size: 130%;
            text-align: right;
        }
#sliderContent {
   /* width: 1000px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
    width: 100%;
}
.sliderImage span {
    position: absolute;
    display: none;
    top:-1000;
    left: -1000;
}
    .sliderImage span .title {
        font-size:28px;
        line-height: 35px;
        padding-top:20px;
        padding-left:10px;
        font-weight:bold;
    }
    .sliderImage span .content {
        padding-top:20px;
        padding-left:30px;
        padding-right:30px;
        font-size:18px;
        line-height:30px;
        text-align:justify;
    }
#slider .top {
	top: 0;
	left: 0;
}
#slider .bottom {
	bottom: 0;
    left: 0;
}
#slider .left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 280px;
}
#slider .right {
	right: 80px;
	top: 20px;
	width: 340px !important;
	height: 230px;
}



/*
    Mobile Menu Core Style
*/

.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { display: block; cursor: pointer; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
	font-size:16px;
}
/* Button */
.slicknav_btn {
	margin: 5px 5px 6px;	
	text-decoration:none;	
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;  
	background-color: #222222;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {	
	color: #FFF;
	font-weight: bold;	
	text-shadow: 0 1px 3px #000;	
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #f5f5f5;
}
.slicknav_menu {
	background:#4c4c4c;
	padding:5px;
}
.slicknav_nav {
	color:#fff;
	margin:0;	
	padding:0;
	font-size:0.875em;
}
.slicknav_nav, .slicknav_nav ul {
	list-style: none;
	overflow:hidden;
}
.slicknav_nav ul {
	padding:0;
	margin:0 0 0 20px;
}
.slicknav_nav .slicknav_item {
	padding:5px 10px;
	margin:2px 5px;
}
.slicknav_nav a{
	padding:5px 10px;
	margin:2px 5px;
	text-decoration:none;
	color:#fff;
}
.slicknav_nav .slicknav_item a {
	padding:0;
	margin:0;
}
.slicknav_nav .slicknav_item:hover {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background:#ccc;
	color:#fff;	
}
.slicknav_nav a:hover{
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background:#ccc;
	color:#222;
}
.slicknav_nav .slicknav_txtnode {
     margin-left:15px;   
}

.jogszabalyok p{
	font-size: 100% !important;
}