@font-face
{
    font-family: 'maven_pro_light_100';
    font-style: normal;
    font-weight: normal;
    src: url('../font/mavenprolight_100_webfont.eot');
    src: url('../font/mavenprolight_100_webfont.eot?#iefix') format('embedded-opentype'),
 url('../font/mavenprolight_100_webfont.woff') format('woff'),
 url('../font/mavenprolight_100_webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'maven_pro_light_200';
    font-style: normal;
    font-weight: normal;
    src: url('../font/mavenprolight_200_webfont.eot');
    src: url('../font/mavenprolight_200_webfont.eot?#iefix') format('embedded-opentype'),
 url('../font/mavenprolight_200_webfont.woff') format('woff'),
 url('../font/mavenprolight_200_webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'maven_pro_light_300';
    font-style: normal;
    font-weight: normal;
    src: url('../font/mavenprolight_300_webfont.eot');
    src: url('../font/mavenprolight_300_webfont.eot?#iefix') format('embedded-opentype'),
 url('../font/mavenprolight_300_webfont.woff') format('woff'),
 url('../font/mavenprolight_300_webfont.ttf') format('truetype');
}

body {
    -webkit-tap-highlight-color: transparent;
}
.page-title-header {
	position: absolute;
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
	display: block;
	text-indent: 20px;
	white-space: nowrap;
}

#wrapper
{
    font-family: 'Arial', sans-serif;
    width: 100%;
}
.wrapper
{
    margin: 0 auto;
    width: 940px;
}
ul li span
{
    color: #000;
}
form.userform
{
    float: right;
    margin-bottom: 15px;
    min-height: 85px;
    padding: 0;
    width: 100%;
}
form.userform label
{
    display: block;
    font-family: 'maven_pro_light_300';
    font-weight: normal;
    font-size: 24px;
    margin: 14px 0 8px;
}
form.userform label.checkbox-label
{
    display: inline;
    font-family: 'Arial';
    font-size: 14px;
    font-weight: bold;
}
form.userform div.text-input-wrapper
{
    float: left;
    width: 78%;
}
form.userform input[type="checkbox"]
{
    vertical-align: middle;
}
input.feedback_input_email_wrapper {
    background: #959595;
    background: linear-gradient(to bottom, #959595 0%,#b2b2b2 50%,#959595 100%);
    background: -moz-linear-gradient(top, #959595 0%, #b2b2b2 50%, #959595 100%);
    background: -ms-linear-gradient(top, #959595 0%,#b2b2b2 50%,#959595 100%);
    background: -o-linear-gradient(top, #959595 0%,#b2b2b2 50%,#959595 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#959595), color-stop(50%,#b2b2b2), color-stop(100%,#959595));
    background: -webkit-linear-gradient(top, #959595 0%,#b2b2b2 50%,#959595 100%);
    border-radius: 11px;
    box-sizing: border-box;
    color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#959595',GradientType=0 );
    font-size: 20px;
    font-weight: bold;
    height: 50px;
    margin: 0;
    -moz-box-sizing: border-box;
    outline: 0;
    padding: 0 62px;
    -webkit-box-sizing: border-box;
    width: 100%;
}


.feedback_input_body,
input.feedback_input_body:focus,
textarea.feedback_input_body:focus {
    background: #959595;
    background: linear-gradient(to bottom, #959595 0%,#b2b2b2 50%,#959595 100%);
    background: -moz-linear-gradient(top, #959595 0%, #b2b2b2 50%, #959595 100%);
    background: -ms-linear-gradient(top, #959595 0%,#b2b2b2 50%,#959595 100%);
    background: -o-linear-gradient(top, #959595 0%,#b2b2b2 50%,#959595 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#959595), color-stop(50%,#b2b2b2), color-stop(100%,#959595));
    background: -webkit-linear-gradient(top, #959595 0%,#b2b2b2 50%,#959595 100%);
    border-radius: 11px;
    box-sizing: border-box;
    color: #000;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#959595',GradientType=0 );
    font-size: 20px;
    font-weight: normal;
    height: 200px;
    margin: 0;
    -moz-box-sizing: border-box;
    outline: 0;
    padding:22px;
    -webkit-box-sizing: border-box;
    width: 100%;
}

.akhsortform .text-input-q,
.textarea-q,
form.userform input.text-input,
#fwtext
{
    background: #959595;
    background: url(../images/icon1.png) no-repeat 7px 6px, linear-gradient(to bottom, #959595 0%,#b2b2b2 50%,#959595 100%);
    background: url(../images/icon1.png) no-repeat 7px 6px, -moz-linear-gradient(top, #959595 0%, #b2b2b2 50%, #959595 100%);
    background: url(../images/icon1.png) no-repeat 7px 6px, -ms-linear-gradient(top, #959595 0%,#b2b2b2 50%,#959595 100%);
    background: url(../images/icon1.png) no-repeat 7px 6px, -o-linear-gradient(top, #959595 0%,#b2b2b2 50%,#959595 100%);
    background: url(../images/icon1.png) no-repeat 7px 6px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#959595), color-stop(50%,#b2b2b2), color-stop(100%,#959595));
    background: url(../images/icon1.png) no-repeat 7px 6px, -webkit-linear-gradient(top, #959595 0%,#b2b2b2 50%,#959595 100%);
    border-radius: 11px;
    box-sizing: border-box;
    color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#959595',GradientType=0 );
    font-size: 20px;
    font-weight: bold;
    height: 50px;
    margin: 0;
    -moz-box-sizing: border-box;
    outline: 0;
    padding: 0 62px;
    -webkit-box-sizing: border-box;
    width: 100%;
}
form.userform .text-input.hasDatepicker
{
    background: #959595;
    background: url(../images/icon5.png) no-repeat 7px 6px, linear-gradient(to bottom, #959595 0%,#b2b2b2 50%,#959595 100%);
    background: url(../images/icon5.png) no-repeat 7px 6px, -moz-linear-gradient(top, #959595 0%, #b2b2b2 50%, #959595 100%);
    background: url(../images/icon5.png) no-repeat 7px 6px, -ms-linear-gradient(top, #959595 0%,#b2b2b2 50%,#959595 100%);
    background: url(../images/icon5.png) no-repeat 7px 6px, -o-linear-gradient(top, #959595 0%,#b2b2b2 50%,#959595 100%);
    background: url(../images/icon5.png) no-repeat 7px 6px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#959595), color-stop(50%,#b2b2b2), color-stop(100%,#959595));
    background: url(../images/icon5.png) no-repeat 7px 6px, -webkit-linear-gradient(top, #959595 0%,#b2b2b2 50%,#959595 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#959595',GradientType=0 );
}
form.userform.searchform input.text-input,
#fwtext
{
    background: #959595;
    background: url(../images/icon4.png) no-repeat 7px 6px, linear-gradient(to bottom, #959595 0%,#b2b2b2 50%,#959595 100%);
    background: url(../images/icon4.png) no-repeat 7px 6px, -moz-linear-gradient(top, #959595 0%, #b2b2b2 50%, #959595 100%);
    background: url(../images/icon4.png) no-repeat 7px 6px, -ms-linear-gradient(top, #959595 0%,#b2b2b2 50%,#959595 100%);
    background: url(../images/icon4.png) no-repeat 7px 6px, -o-linear-gradient(top, #959595 0%,#b2b2b2 50%,#959595 100%);
    background: url(../images/icon4.png) no-repeat 7px 6px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#959595), color-stop(50%,#b2b2b2), color-stop(100%,#959595));
    background: url(../images/icon4.png) no-repeat 7px 6px, -webkit-linear-gradient(top, #959595 0%,#b2b2b2 50%,#959595 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#959595',GradientType=0 );
    float: left;
    width: 78%;
}
input.feedbackform-submit,
.link-back,
#red-button,
form.userform input.form-submit,
#window_body .findbtn
{
    border-radius: 11px;
    box-sizing: border-box;
    color: #fff;
    float: right;
    font-family: "maven_pro_light_300";
    font-size: 20px;
    font-weight: bold;
    height: 50px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 20%;
}
#content a.link-back
{
    color: #fff;
    float: left;
    padding: 14px 0;
}
.textarea-q,
.akhsortform .text-input
{
    box-sizing: border-box;
    height: 240px;
    -moz-box-sizing: border-box;
    padding: 20px 62px;
    -webkit-box-sizing: border-box;
}
#red-button
{
    background-color: #CA1E14;
    float: none;
    padding: 14px 12px;
    width: auto;
}
#fwtext
{
    float: none;
    width: 100%;
}
#window_body .findbtn
{
    float: left;
}
#header
{
    height: 93px;
    margin-top: 20px;
}
#helyesiras-logo
{
    display: block;
    float: left;
}
#nytud-logo
{
    display: block;
    float: right;
}
#statusbar
{
    background: #fff;
    border-bottom: 1px #c71d1d solid; /* WHY WAS THIS DISABLED??? */
    border-top: 0;
}
#statusbar .wrapper
{
    background: #c41e24;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.sf-menu .active
{
}
form.kulegyform .form-submit,
#sidebar-first ul li.link1 a:hover,
#sidebar-first ul li.link1.active a
{
    background: #0076a0;
    background: linear-gradient(to bottom, #0076a0 0%,#0084b4 50%,#0076a0 100%);
    background: -moz-linear-gradient(top, #0076a0 0%, #0084b4 50%, #0076a0 100%);
    background: -ms-linear-gradient(top, #0076a0 0%,#0084b4 50%,#0076a0 100%);
    background: -o-linear-gradient(top, #0076a0 0%,#0084b4 50%,#0076a0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0076a0), color-stop(50%,#0084b4), color-stop(100%,#0076a0));
    background: -webkit-linear-gradient(top, #0076a0 0%,#0084b4 50%,#0076a0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0076a0', endColorstr='#0076a0',GradientType=0 );
}
form.spellform .form-submit,
#sidebar-first ul li.link2 a:hover,
#sidebar-first ul li.link2.active a
{
    background: #9f9f00;
    background: linear-gradient(to bottom, #9f9f00 0%,#b3b300 50%,#9f9f00 100%);
    background: -moz-linear-gradient(top, #9f9f00 0%, #b3b300 50%, #9f9f00 100%);
    background: -ms-linear-gradient(top, #9f9f00 0%,#b3b300 50%,#9f9f00 100%);
    background: -o-linear-gradient(top, #9f9f00 0%,#b3b300 50%,#9f9f00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9f9f00), color-stop(50%,#b3b300), color-stop(100%,#9f9f00));
    background: -webkit-linear-gradient(top, #9f9f00 0%,#b3b300 50%,#9f9f00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f9f00', endColorstr='#9f9f00',GradientType=0 );
}
form.predictform input.form-submit,
#sidebar-first ul li.link4 a:hover,
#sidebar-first ul li.link4.active a
{
    background: #b41a11;
    background: linear-gradient(to bottom, #b41a11 0%,#ca1d13 50%,#b41a11 100%);
    background: -moz-linear-gradient(top, #b41a11 0%, #ca1d13 50%, #b41a11 100%);
    background: -ms-linear-gradient(top, #b41a11 0%,#ca1d13 50%,#b41a11 100%);
    background: -o-linear-gradient(top, #b41a11 0%,#ca1d13 50%,#b41a11 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b41a11), color-stop(50%,#ca1d13), color-stop(100%,#b41a11));
    background: -webkit-linear-gradient(top, #b41a11 0%,#ca1d13 50%,#b41a11 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b41a11', endColorstr='#b41a11',GradientType=0 );
}
form.morphform input.form-submit,
#sidebar-first ul li.link3 a:hover,
#sidebar-first ul li.link3.active a
{
    background: #c14510;
    background: linear-gradient(to bottom, #c14510 0%,#d94d12 50%,#c14510 100%);
    background: -moz-linear-gradient(top, #c14510 0%, #d94d12 50%, #c14510 100%);
    background: -ms-linear-gradient(top, #c14510 0%,#d94d12 50%,#c14510 100%);
    background: -o-linear-gradient(top, #c14510 0%,#d94d12 50%,#c14510 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c14510), color-stop(50%,#d94d12), color-stop(100%,#c14510));
    background: -webkit-linear-gradient(top, #c14510 0%,#d94d12 50%,#c14510 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c14510', endColorstr='#c14510',GradientType=0 );
}
form.numeralsform input.form-submit,
#sidebar-first ul li.link5 a:hover,
#sidebar-first ul li.link5.active a
{
    background: #65035f;
    background: linear-gradient(to bottom, #65035f 0%,#71036b 50%,#65035f 100%);
    background: -moz-linear-gradient(top, #65035f 0%, #71036b 50%, #65035f 100%);
    background: -ms-linear-gradient(top, #65035f 0%,#71036b 50%,#65035f 100%);
    background: -o-linear-gradient(top, #65035f 0%,#71036b 50%,#65035f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#65035f), color-stop(50%,#71036b), color-stop(100%,#65035f));
    background: -webkit-linear-gradient(top, #65035f 0%,#71036b 50%,#65035f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65035f', endColorstr='#65035f',GradientType=0 );
}
input.feedbackform-submit,
form.dateform input.form-submit,
#sidebar-first ul li.link6 a:hover,
#sidebar-first ul li.link6.active a
{
    background: #006d6e;
    background: linear-gradient(to bottom, #006d6e 0%,#007b7c 50%,#006d6e 100%);
    background: -moz-linear-gradient(top, #006d6e 0%, #007b7c 50%, #006d6e 100%);
    background: -ms-linear-gradient(top, #006d6e 0%,#007b7c 50%,#006d6e 100%);
    background: -o-linear-gradient(top, #006d6e 0%,#007b7c 50%,#006d6e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006d6e), color-stop(50%,#007b7c), color-stop(100%,#006d6e));
    background: -webkit-linear-gradient(top, #006d6e 0%,#007b7c 50%,#006d6e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006d6e', endColorstr='#006d6e',GradientType=0 );
}
form.akhsortform input.form-submit,
#sidebar-first ul li.link7 a:hover,
#sidebar-first ul li.link7.active a
{
    background: #40008f;
    background: linear-gradient(to bottom, #40008f 0%,#4800a1 50%,#40008f 100%);
    background: -moz-linear-gradient(top, #40008f 0%, #4800a1 50%, #40008f 100%);
    background: -ms-linear-gradient(top, #40008f 0%,#4800a1 50%,#40008f 100%);
    background: -o-linear-gradient(top, #40008f 0%,#4800a1 50%,#40008f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#40008f), color-stop(50%,#4800a1), color-stop(100%,#40008f));
    background: -webkit-linear-gradient(top, #40008f 0%,#4800a1 50%,#40008f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40008f', endColorstr='#40008f',GradientType=0 );
}
#sidebar-first ul li.active a
{
    color: #fff;
}
form.akhsortform input.form-submit
{
    float: left;
}
#page
{
    background: #eee;
}
#sidebar-first
{
    float: left;
    position: relative;
    width: 220px;
    z-index: 80;
}
#sidebar-first ul
{
    list-style: none;
    margin: 0;
}
#sidebar-first ul li
{
    border-bottom: 1px solid #d3d3d3;
    border-top: 1px solid #fcfcfc;
    padding: 4px;
}
#sidebar-first ul li.first
{
    border-top: 0px;
}
#sidebar-first ul li.last
{
    border-bottom: 0px;
}
#sidebar-first ul li a
{
    border-radius: 8px;
    color: #212121;
    display: block;
    font-family: "maven_pro_light_300";
    font-size: 22px;
    font-weight: normal;
    padding: 5px 8px;
}
#sidebar-first ul li a.active,
#sidebar-first ul li a:hover
{
    background: #6c0a66;
    color: #fff;
    text-decoration: none;
}
#content
{
    float: right;
    width: 670px;
}
#page.front h1.intro
{
    color: #000;
    font-family: 'maven_pro_light_300';
    font-size: 32px;
    text-align: center;
}
#page.front p.intro
{
    color: #525252;
    font-size: 14px;
    text-align: center;
<!--
        margin-bottom: 30px
-->
}
#front-icons
{
    text-align: center;
}
#content #front-icons .alink
{
    display: inline-block;
    text-decoration: none;
}
#front-icons .front-icon
{
    border-right: 1px solid #d3d3d3;
    box-shadow: 1px 0 0 #fcfcfc;
    display: inline-block;
    height: 252px;
    margin: 0 0 81px 7px;
    padding: 0 7px 0 0;
    position: relative;
    text-align: center;
    width: 220px;
}
#front-icons .front-icon#front-icon6
{
    border-right: 0;
    box-shadow: 0 0 0;
}
#front-icons .front-icon h3
{
    color: #222;
    font-family: 'maven_pro_light_300';
    font-size: 22px;
}
#front-icons .sample
{
    background: url(../images/front_icon_sample_bg.png) no-repeat left top;
    height: 84px;
    margin-top: 23px;
    width: 220px;
}
.sample span
{
    display: block;
}
.sample p
{
    margin: 0;
}
.sample .q1,
.sample .a1
{
    color: #525252;
    font-family: Arial;
    font-size: 10px;
    line-height: 14px;
    padding: 4px 0 0;
}
.sample .q2,
.sample .a2
{
    color: #000;
    font-family: 'maven_pro_light_300';
    font-size: 17px;
    font-weight: normal;
    line-height: 20px;
    padding-bottom: 3px;
}
.go
{
    background: #494949;
    border-radius: 8px;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    margin-top: 18px;
    padding: 1px 17px;
}
#front-icons .rollover
{
    height: 296px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 220px;
    margin-top: -10px;

}
#front-icon1 .rollover
{
    background: url(../images/icon1Act.png) no-repeat left top;
}
#front-icon2 .rollover
{
    background: url(../images/icon2Act.png) no-repeat left top;
}
#front-icon3 .rollover
{
    background: url(../images/icon3Act.png) no-repeat left top;
}
#front-icon4 .rollover
{
    background: url(../images/icon4Act.png) no-repeat left top;
}
#front-icon5 .rollover
{
    background: url(../images/icon6Act.png) no-repeat left top;
}
#front-icon6 .rollover
{
    background: url(../images/icon7Act.png) no-repeat left top;
}
#front-icon7 .rollover
{
    background: url(../images/icon5Act.png) no-repeat left top;
}
#front-icons .rollover h3
{
    color: #fff;
    height: 70px;
    margin: 14px 0 0 70px;
    text-align: center;
    width: 140px;
}
#front-icons .rollover p.rolloverline
{
    color: #fff;
    font-weight: bold;
    height: 100px;
    line-height: 17px;
    margin: 10px 10px 0;
    text-align: center;
    width: 200px;
}
#front-icons .rollover p.rolloverbutton
{
    color: #fff;
    font-weight: bold;
    height: 20px;
    margin: 34px 0 0;
    text-align: center;
    font-size: 11px;
}
.content-head
{
    height: 130px;
    margin-bottom: 14px;
    width: 670px;
}
.content-head h2
{
    color: #FFF;
    font-family: "maven_pro_light_300";
    font-size: 30px;
    padding: 30px 60px 0 180px;
    text-align: center;
    width: 420px;
}
.content-head p
{
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
    padding: 10px 60px 0 180px;
    text-align: center;
    width: 420px;
}
#content-head-kulonvagyegyben
{
    background: url(../images/head/01_kulonVagyEgyben.png) no-repeat left top;
}
#content-head-helyese
{
    background: url(../images/head/02_helyes_e.png) no-repeat left top;
}
#content-head-nevkereso
{
    background: url(../images/head/03_nevkereso.png) no-repeat left top;
}
#content-head-elvalasztas
{
    background: url(../images/head/04_elvalasztas.png) no-repeat left top;
}
#content-head-szamok
{
    background: url(../images/head/05_szamok.png) no-repeat left top;
}
#content-head-datum
{
    background: url(../images/head/06_datumok.png) no-repeat left top;
}
#content-head-abc
{
    background: url(../images/head/07_abcbe.png) no-repeat left top;
}
#content .error,
#content .error2
{
    background: #c01c1b url(../images/icon3.png) no-repeat 7px 6px;
    border-radius: 11px;
    box-sizing: border-box;
    color: #fff;
    float: left;
    margin: 0 0 3px;
    padding: 14px 18px 14px 75px;
    width: 100%;
}
#content .result-yellow
{
background: #b2b300;
background: url(../images/icon_11.png) no-repeat 7px 6px, linear-gradient(to bottom, #919000 0%,#b2b300 50%,#919000 100%);
background: url(../images/icon_11.png) no-repeat 7px 6px, -moz-linear-gradient(top, #919000 0%, #b2b300 50%, #919000 100%);
background: url(../images/icon_11.png) no-repeat 7px 6px, -ms-linear-gradient(top, #919000 0%,#b2b300 50%,#919000 100%);
background: url(../images/icon_11.png) no-repeat 7px 6px, -o-linear-gradient(top, #919000 0%,#b2b300 50%,#919000 100%);
background: url(../images/icon_11.png) no-repeat 7px 6px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#919000), color-stop(50%,#b2b300), color-stop(100%,#919000));
background: url(../images/icon_11.png) no-repeat 7px 6px, -webkit-linear-gradient(top, #919000 0%,#b2b300 50%,#919000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#919000', endColorstr='#919000',GradientType=0 );
    border-radius: 11px;
    box-sizing: border-box;
    color: #fff;
    float: left;
    margin: 0 0 3px;
    padding: 14px 18px 14px 75px;
    width: 100%;
}

#content .suggest_list {color: #fff; font-style:italic}






#content .result-kulegy2 {
    background: #0076a0;
    background: url(../images/icon_11.png) no-repeat 7px 6px, linear-gradient(to bottom, #0076a0 0%,#0084b4 50%,#0076a0 100%);
    background: url(../images/icon_11.png) no-repeat 7px 6px, -moz-linear-gradient(top, #0076a0 0%, #0084b4 50%, #0076a0 100%);
    background: url(../images/icon_11.png) no-repeat 7px 6px, -ms-linear-gradient(top, #0076a0 0%,#0084b4 50%,#0076a0 100%);
    background: url(../images/icon_11.png) no-repeat 7px 6px, -o-linear-gradient(top, #0076a0 0%,#0084b4 50%,#0076a0 100%);
    background: url(../images/icon_11.png) no-repeat 7px 6px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0076a0), color-stop(50%,#0084b4), color-stop(100%,#0076a0));
    background: url(../images/icon_11.png) no-repeat 7px 6px, -webkit-linear-gradient(top, #0076a0 0%,#0084b4 50%,#0076a0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0076a0', endColorstr='#0076a0',GradientType=0 );
    border-radius: 11px;
    box-sizing: border-box;
    color: #fff;
    float: left;
    margin: 0 0 3px;
    padding: 14px 18px 14px 75px;
    width: 100%;
}
#content .result-suggest2
{
    background: #9f9f00;
    background: url(../images/icon_11.png) no-repeat 7px 6px, linear-gradient(to bottom, #9f9f00 0%,#b3b300 50%,#9f9f00 100%);
    background: url(../images/icon_11.png) no-repeat 7px 6px, -moz-linear-gradient(top, #9f9f00 0%, #b3b300 50%, #9f9f00 100%);
    background: url(../images/icon_11.png) no-repeat 7px 6px, -ms-linear-gradient(top, #9f9f00 0%,#b3b300 50%,#9f9f00 100%);
    background: url(../images/icon_11.png) no-repeat 7px 6px, -o-linear-gradient(top, #9f9f00 0%,#b3b300 50%,#9f9f00 100%);
    background: url(../images/icon_11.png) no-repeat 7px 6px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9f9f00), color-stop(50%,#b3b300), color-stop(100%,#9f9f00));
    background: url(../images/icon_11.png) no-repeat 7px 6px, -webkit-linear-gradient(top, #9f9f00 0%,#b3b300 50%,#9f9f00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f9f00', endColorstr='#9f9f00',GradientType=0 );
    border-radius: 11px;
    box-sizing: border-box;
    color: #fff;
    float: left;
    margin: 0 0 3px;
    padding: 14px 18px 14px 75px;
    width: 100%;
}
#content .result-predict2
{
    background: #b41a11;
    background: url(../images/icon_11.png) no-repeat 7px 6px, linear-gradient(to bottom, #b41a11 0%,#ca1d13 50%,#b41a11 100%);
    background: url(../images/icon_11.png) no-repeat 7px 6px, -moz-linear-gradient(top, #b41a11 0%, #ca1d13 50%, #b41a11 100%);
    background: url(../images/icon_11.png) no-repeat 7px 6px, -ms-linear-gradient(top, #b41a11 0%,#ca1d13 50%,#b41a11 100%);
    background: url(../images/icon_11.png) no-repeat 7px 6px, -o-linear-gradient(top, #b41a11 0%,#ca1d13 50%,#b41a11 100%);
    background: url(../images/icon_11.png) no-repeat 7px 6px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b41a11), color-stop(50%,#ca1d13), color-stop(100%,#b41a11));
    background: url(../images/icon_11.png) no-repeat 7px 6px, -webkit-linear-gradient(top, #b41a11 0%,#ca1d13 50%,#b41a11 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b41a11', endColorstr='#b41a11',GradientType=0 );
    border-radius: 11px;
    box-sizing: border-box;
    color: #fff;
    float: left;
    margin: 0 0 3px;
    padding: 14px 18px 14px 75px;
    width: 100%;
}
#content .result-hyph2
{
    background: #c14510;
    background: url(../images/icon_11.png) no-repeat 7px 6px, linear-gradient(to bottom, #c14510 0%,#d94d12 50%,#c14510 100%);
    background: url(../images/icon_11.png) no-repeat 7px 6px, -moz-linear-gradient(top, #c14510 0%, #d94d12 50%, #c14510 100%);
    background: url(../images/icon_11.png) no-repeat 7px 6px, -ms-linear-gradient(top, #c14510 0%,#d94d12 50%,#c14510 100%);
    background: url(../images/icon_11.png) no-repeat 7px 6px, -o-linear-gradient(top, #c14510 0%,#d94d12 50%,#c14510 100%);
    background: url(../images/icon_11.png) no-repeat 7px 6px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c14510), color-stop(50%,#d94d12), color-stop(100%,#c14510));
    background: url(../images/icon_11.png) no-repeat 7px 6px, -webkit-linear-gradient(top, #c14510 0%,#d94d12 50%,#c14510 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c14510', endColorstr='#c14510',GradientType=0 );
    border-radius: 11px;
    box-sizing: border-box;
    color: #fff;
    float: left;
    margin: 0 0 3px;
    padding: 14px 18px 14px 75px;
    width: 100%;
}
#content .result-numerals2
{
    background: #65035f;
    background: url(../images/icon_11.png) no-repeat 7px 6px, linear-gradient(to bottom, #65035f 0%,#71036b 50%,#65035f 100%);
    background: url(../images/icon_11.png) no-repeat 7px 6px, -moz-linear-gradient(top, #65035f 0%, #71036b 50%, #65035f 100%);
    background: url(../images/icon_11.png) no-repeat 7px 6px, -ms-linear-gradient(top, #65035f 0%,#71036b 50%,#65035f 100%);
    background: url(../images/icon_11.png) no-repeat 7px 6px, -o-linear-gradient(top, #65035f 0%,#71036b 50%,#65035f 100%);
    background: url(../images/icon_11.png) no-repeat 7px 6px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#65035f), color-stop(50%,#71036b), color-stop(100%,#65035f));
    background: url(../images/icon_11.png) no-repeat 7px 6px, -webkit-linear-gradient(top, #65035f 0%,#71036b 50%,#65035f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65035f', endColorstr='#65035f',GradientType=0 );
    border-radius: 11px;
    box-sizing: border-box;
    color: #fff;
    float: left;
    margin: 0 0 3px;
    padding: 14px 18px 14px 75px;
    width: 100%;
}
#content .result-dates2
{
    background: #006d6e;
    background: url(../images/icon_11.png) no-repeat 7px 6px, linear-gradient(to bottom, #006d6e 0%,#007b7c 50%,#006d6e 100%);
    background: url(../images/icon_11.png) no-repeat 7px 6px, -moz-linear-gradient(top, #006d6e 0%, #007b7c 50%, #006d6e 100%);
    background: url(../images/icon_11.png) no-repeat 7px 6px, -ms-linear-gradient(top, #006d6e 0%,#007b7c 50%,#006d6e 100%);
    background: url(../images/icon_11.png) no-repeat 7px 6px, -o-linear-gradient(top, #006d6e 0%,#007b7c 50%,#006d6e 100%);
    background: url(../images/icon_11.png) no-repeat 7px 6px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006d6e), color-stop(50%,#007b7c), color-stop(100%,#006d6e));
    background: url(../images/icon_11.png) no-repeat 7px 6px, -webkit-linear-gradient(top, #006d6e 0%,#007b7c 50%,#006d6e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006d6e', endColorstr='#006d6e',GradientType=0 );
    border-radius: 11px;
    box-sizing: border-box;
    color: #fff;
    float: left;
    margin: 0 0 3px;
    padding: 14px 18px 14px 75px;
    width: 100%;
}
#content .result-akhsort2
{
    background: #40008f;
    background: url(../images/icon_11.png) no-repeat 7px 6px, linear-gradient(to bottom, #40008f 0%,#4800a1 50%,#40008f 100%);
    background: url(../images/icon_11.png) no-repeat 7px 6px, -moz-linear-gradient(top, #40008f 0%, #4800a1 50%, #40008f 100%);
    background: url(../images/icon_11.png) no-repeat 7px 6px, -ms-linear-gradient(top, #40008f 0%,#4800a1 50%,#40008f 100%);
    background: url(../images/icon_11.png) no-repeat 7px 6px, -o-linear-gradient(top, #40008f 0%,#4800a1 50%,#40008f 100%);
    background: url(../images/icon_11.png) no-repeat 7px 6px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#40008f), color-stop(50%,#4800a1), color-stop(100%,#40008f));
    background: url(../images/icon_11.png) no-repeat 7px 6px, -webkit-linear-gradient(top, #40008f 0%,#4800a1 50%,#40008f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40008f', endColorstr='#40008f',GradientType=0 );
    border-radius: 11px;
    box-sizing: border-box;
    color: #fff;
    float: left;
    margin: 0 0 3px;
    padding: 14px 18px 14px 75px;
    width: 100%;
}




#content .result-kulegy2 a,
#content .result-suggest2 a,
#content .result-predict2 a,
#content .result-hyph2 a,
#content .result-numerals2 a,
#content .result-dates2 a,
#content .result-akhsort2 a {color: #fff; font-size: 13px; text-decoration: underline;}









#content .result-noresult
{
background: #b2b300;
background: url(../images/icon_11.png) no-repeat 7px 6px, linear-gradient(to bottom, #006b95 0%,#0084b4 50%,#006b95 100%);
background: url(../images/icon_11.png) no-repeat 7px 6px, -moz-linear-gradient(top, #006b95 0%, #0084b4 50%, #006b95 100%);
background: url(../images/icon_11.png) no-repeat 7px 6px, -ms-linear-gradient(top, #006b95 0%,#0084b4 50%,#006b95 100%);
background: url(../images/icon_11.png) no-repeat 7px 6px, -o-linear-gradient(top, #006b95 0%,#0084b4 50%,#006b95 100%);
background: url(../images/icon_11.png) no-repeat 7px 6px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006b95), color-stop(50%,#0084b4), color-stop(100%,#006b95));
background: url(../images/icon_11.png) no-repeat 7px 6px, -webkit-linear-gradient(top, #006b95 0%,#0084b4 50%,#006b95 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006b95', endColorstr='#006b95',GradientType=0 );
    border-radius: 11px;
    box-sizing: border-box;
    color: #fff;
    float: left;
    margin: 0 0 3px;
    padding: 14px 18px 14px 75px;
    width: 100%;
}
#content  .result-noresult .alink {color: #c71b11;}
#content .toolname
{
    font-style: italic;
}
#content form .error,
#content form .error2
{
    margin-top: 10px;
}
.labelstyle
{
    display: block;
    font-family: 'maven_pro_light_300';
    font-size: 24px;
    margin: 0 0 8px;
}
.moretop
{
    margin-top: 30px;
}
.moretop.first
{
    margin-top: 60px;
}
#result_xhtml,
ul.result
{
/*    clear: right;*/
    list-style: none;
    margin: 0;
float: left;
width: 100%;
}
textarea.textarea-a,
ul.result li,
#result_xhtml .solution,
#txtHint ul li.short,
#txtHint ul li.short:nth-last-child(1),
#txtHint ul li.short:nth-last-child(2),
#txtHint ul li.short:nth-last-child(3),
#txtHint ul li.short:nth-last-child(4) { border-radius: 10px;
background: #00783c; /* Old browsers */
background: url(../images/icon2.png) no-repeat 7px 6px, -moz-linear-gradient(top, #00783c 0%, #008c46 50%, #00783c 100%); /* FF3.6+ */
background: url(../images/icon2.png) no-repeat 7px 6px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00783c), color-stop(50%,#008c46), color-stop(100%,#00783c)); /* Chrome,Safari4+ */
background: url(../images/icon2.png) no-repeat 7px 6px, -webkit-linear-gradient(top, #00783c 0%,#008c46 50%,#00783c 100%); /* Chrome10+,Safari5.1+ */
background: url(../images/icon2.png) no-repeat 7px 6px, -o-linear-gradient(top, #00783c 0%,#008c46 50%,#00783c 100%); /* Opera 11.10+ */
background: url(../images/icon2.png) no-repeat 7px 6px, -ms-linear-gradient(top, #00783c 0%,#008c46 50%,#00783c 100%); /* IE10+ */
background: url(../images/icon2.png) no-repeat 7px 6px, linear-gradient(to bottom, #00783c 0%,#008c46 50%,#00783c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00783c', endColorstr='#00783c',GradientType=0 ); /* IE6-8 */
 padding: 14px 18px 14px 75px; margin: 0 0 3px; color: #fff; list-style: none; font-size: 20px; font-weight: bold; opacity: 1.}
#content ul.result li a.alink, #result_xhtml .refid .alink {color: #bbb; text-decoration: underline;}

#txtHint > span {display: block}

ul.result li {float: right; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

textarea.textarea-a {
width: 100%; 
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

#txtHint ul li:nth-last-child(1) {
background: #bedacc; /* Old browsers */
background: url(../images/icon2.png) no-repeat 7px 6px, -moz-linear-gradient(top, #bfd4cb 0%, #bedacc 50%, #bfd4cb 100%); /* FF3.6+ */
background: url(../images/icon2.png) no-repeat 7px 6px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd4cb), color-stop(50%,#bedacc), color-stop(100%,#bfd4cb)); /* Chrome,Safari4+ */
background: url(../images/icon2.png) no-repeat 7px 6px, -webkit-linear-gradient(top, #bfd4cb 0%,#bedacc 50%,#bfd4cb 100%); /* Chrome10+,Safari5.1+ */
background: url(../images/icon2.png) no-repeat 7px 6px, -o-linear-gradient(top, #bfd4cb 0%,#bedacc 50%,#bfd4cb 100%); /* Opera 11.10+ */
background: url(../images/icon2.png) no-repeat 7px 6px, -ms-linear-gradient(top, #bfd4cb 0%,#bedacc 50%,#bfd4cb 100%); /* IE10+ */
background: url(../images/icon2.png) no-repeat 7px 6px, linear-gradient(to bottom, #bfd4cb 0%,#bedacc 50%,#bfd4cb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd4cb', endColorstr='#bfd4cb',GradientType=0 ); /* IE6-8 */
border-radius: 11px; padding: 14px 18px 14px 75px; margin: 0 0 3px; color: #fff; list-style: none; font-size: 20px; font-weight: bold;}

#txtHint ul li:nth-last-child(2) {
background: #91baa8; /* Old browsers */
background: url(../images/icon2.png) no-repeat 7px 6px, -moz-linear-gradient(top, #91baa8 0%, #8fc7ac 50%, #91baa8 100%); /* FF3.6+ */
background: url(../images/icon2.png) no-repeat 7px 6px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#91baa8), color-stop(50%,#8fc7ac), color-stop(100%,#91baa8)); /* Chrome,Safari4+ */
background: url(../images/icon2.png) no-repeat 7px 6px, -webkit-linear-gradient(top, #91baa8 0%,#8fc7ac 50%,#91baa8 100%); /* Chrome10+,Safari5.1+ */
background: url(../images/icon2.png) no-repeat 7px 6px, -o-linear-gradient(top, #91baa8 0%,#8fc7ac 50%,#91baa8 100%); /* Opera 11.10+ */
background: url(../images/icon2.png) no-repeat 7px 6px, -ms-linear-gradient(top, #91baa8 0%,#8fc7ac 50%,#91baa8 100%); /* IE10+ */
background: url(../images/icon2.png) no-repeat 7px 6px, linear-gradient(to bottom, #91baa8 0%,#8fc7ac 50%,#91baa8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91baa8', endColorstr='#91baa8',GradientType=0 ); /* IE6-8 */
border-radius: 11px; padding: 14px 18px 14px 75px; margin: 0 0 3px; color: #fff; list-style: none; font-size: 20px; font-weight: bold;}

#txtHint ul li:nth-last-child(3) {
background: #61a282; /* Old browsers */
background: url(../images/icon2.png) no-repeat 7px 6px, -moz-linear-gradient(top, #61a282 0%, #5eb389 50%, #61a282 100%); /* FF3.6+ */
background: url(../images/icon2.png) no-repeat 7px 6px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#61a282), color-stop(50%,#5eb389), color-stop(100%,#61a282)); /* Chrome,Safari4+ */
background: url(../images/icon2.png) no-repeat 7px 6px, -webkit-linear-gradient(top, #61a282 0%,#5eb389 50%,#61a282 100%); /* Chrome10+,Safari5.1+ */
background: url(../images/icon2.png) no-repeat 7px 6px, -o-linear-gradient(top, #61a282 0%,#5eb389 50%,#61a282 100%); /* Opera 11.10+ */
background: url(../images/icon2.png) no-repeat 7px 6px, -ms-linear-gradient(top, #61a282 0%,#5eb389 50%,#61a282 100%); /* IE10+ */
background: url(../images/icon2.png) no-repeat 7px 6px, linear-gradient(to bottom, #61a282 0%,#5eb389 50%,#61a282 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61a282', endColorstr='#61a282',GradientType=0 ); /* IE6-8 */
border-radius: 11px; padding: 14px 18px 14px 75px; margin: 0 0 3px; color: #fff; list-style: none; font-size: 20px; font-weight: bold;}

#txtHint ul li:nth-last-child(4) {
background: #318a5e; /* Old browsers */
background: url(../images/icon2.png) no-repeat 7px 6px, -moz-linear-gradient(top, #318a5e 0%, #30a068 50%, #318a5e 100%); /* FF3.6+ */
background: url(../images/icon2.png) no-repeat 7px 6px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#318a5e), color-stop(50%,#30a068), color-stop(100%,#318a5e)); /* Chrome,Safari4+ */
background: url(../images/icon2.png) no-repeat 7px 6px, -webkit-linear-gradient(top, #318a5e 0%,#30a068 50%,#318a5e 100%); /* Chrome10+,Safari5.1+ */
background: url(../images/icon2.png) no-repeat 7px 6px, -o-linear-gradient(top, #318a5e 0%,#30a068 50%,#318a5e 100%); /* Opera 11.10+ */
background: url(../images/icon2.png) no-repeat 7px 6px, -ms-linear-gradient(top, #318a5e 0%,#30a068 50%,#318a5e 100%); /* IE10+ */
background: url(../images/icon2.png) no-repeat 7px 6px, linear-gradient(to bottom, #318a5e 0%,#30a068 50%,#318a5e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#318a5e', endColorstr='#318a5e',GradientType=0 ); /* IE6-8 */
border-radius: 11px; padding: 14px 18px 14px 75px; margin: 0 0 3px; color: #fff; list-style: none; font-size: 20px; font-weight: bold;}




#txtHint ul li.selected.short,
#txtHint ul li.selected.short:nth-last-child(1),
#txtHint ul li.selected.short:nth-last-child(2),
#txtHint ul li.selected.short:nth-last-child(3),
#txtHint ul li.selected.short:nth-last-child(4),
#txtHint ul li.selected {
background: #009d50; /* Old browsers */
background: url(../images/icon2.png) no-repeat 7px 6px, -moz-linear-gradient(top, #009d50 0%, #00bc60 50%, #009d50 100%); /* FF3.6+ */
background: url(../images/icon2.png) no-repeat 7px 6px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009d50), color-stop(50%,#00bc60), color-stop(100%,#009d50)); /* Chrome,Safari4+ */
background: url(../images/icon2.png) no-repeat 7px 6px, -webkit-linear-gradient(top, #009d50 0%,#00bc60 50%,#009d50 100%); /* Chrome10+,Safari5.1+ */
background: url(../images/icon2.png) no-repeat 7px 6px, -o-linear-gradient(top, #009d50 0%,#00bc60 50%,#009d50 100%); /* Opera 11.10+ */
background: url(../images/icon2.png) no-repeat 7px 6px, -ms-linear-gradient(top, #009d50 0%,#00bc60 50%,#009d50 100%); /* IE10+ */
background: url(../images/icon2.png) no-repeat 7px 6px, linear-gradient(to bottom, #009d50 0%,#00bc60 50%,#009d50 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009d50', endColorstr='#009d50',GradientType=0 ); /* IE6-8 */
border-radius: 11px; padding: 14px 18px 14px 75px; margin: 0 0 3px; color: #fff; list-style: none; font-size: 20px; font-weight: bold;}
#txtHint li {cursor: pointer}
#txtHint span.tag {background-color: #fff; border-radius: 6px; margin: 0 3px 0 0; padding: 4px 14px; color: #000; font-size: 12px;}
#hintInfo {margin-top: 4px;}

.usrinp { font-size: smaller; color: grey; margin-bottom: 0.2em }

#result_xhtml .solution {margin-bottom: 20px;}
#result_xhtml .sol-summary,
#result_xhtml .summary {display: block; font-size: 24px; font-family: 'maven_pro_light_300'; margin: 0 0 8px;}
#result_xhtml .orderalert { font-weight: normal; font-size: smaller }
#result_xhtml .sol_id { font-weight: normal; font-size: smaller }
#result_xhtml .expl_header {background-color: #269d63; font-size: 14px; border-radius: 12px; padding: 0 10px; margin: 10px 0; cursor: pointer; font-weight: normal }
#result_xhtml .expl_header.active,
#result_xhtml .expl_header:hover {background-color: #4daf7e;}
#result_xhtml .expl_header_x {background-color: #269d63; font-size: 14px; border-radius: 12px; padding: 0 10px; margin: 10px 0; cursor: pointer; font-weight: normal }
#result_xhtml .expl_header_x.active,
#result_xhtml .expl_header_x:hover {background-color: #4daf7e;}
#result_xhtml .expl_body {font-size: 12px; padding: 0 10px; font-weight: normal; display: none;}
#result_xhtml .expl_body .expl_help {margin: 0 0 10px;}
#result_xhtml .expl_body .expl_step {margin: 0 0 10px;}
#result_xhtml .expl_body .expl_step .step_id {font-weight: bold;}
/*#result_xhtml .expl_body .expl_step .refid {color: #b2291f;}*/

.step_comment {font-family: "Courier New"}
.item_ortho {font-weight: bold;}
.item_pos {font-style: italic;}
.togglemore {display: inline-block; float: right;}


/* Table of contents on howitworks */

.tartfofejezet2 {font-family: 'maven_pro_light_300'; font-size: 22px; line-height: 22px; padding: 0 0 0 7px; border-bottom: 1px solid #d3d3d3; box-shadow: 0 1px 0 #fcfcfc; margin: 20px 0 0; text-transform: lowercase;}
.tartfofejezet2:first-letter {text-transform: uppercase;}

.tartfofejezet2 a {color: #000000;}

/*******************
/* CONTENT - MAGYAR HELYESIRAS SZABALYAI
/******************* 
*/
.tartfofejezet {font-family: 'maven_pro_light_300'; font-size: 22px; line-height: 22px; padding: 0 0 0 7px; border-bottom: 1px solid #d3d3d3; box-shadow: 0 1px 0 #fcfcfc; margin: 20px 0 0; text-transform: lowercase;}
.tartfofejezet:first-letter {text-transform: uppercase;}

.tartfejezet1 {font-weight: bold; font-size: 13px; line-height: 16px; padding: 7px 0 1px 7px; margin: 4px 0 0;}
.tartfejezet2 {font-weight: regular; font-size: 13px; line-height: 16px; margin: 0 0 4px 34px; border-bottom: 1px solid #d3d3d3; box-shadow: 0 1px 0 #fcfcfc; padding-bottom: 2px;}
.tartfejezet3 {font-weight: regular; font-size: 13px; line-height: 16px; margin: 0 0 4px 61px; border-bottom: 1px solid #d3d3d3; box-shadow: 0 1px 0 #fcfcfc; padding-bottom: 2px;}
.tartfejezet4 {font-style: italic; font-weight: regular; font-size: 13px; line-height: 16px; margin: 0 0 4px 88px; border-bottom: 1px solid #d3d3d3; box-shadow: 0 1px 0 #fcfcfc; padding-bottom: 2px;}


.tartfofejezet a {color: #000000;}
.tartfejezet1 a,
.tartfejezet2 a,
.tartfejezet3 a,
.tartfejezet4 a  {color: #525252;}


.cim_fofejezet {font-family: 'maven_pro_light_300'; font-size: 32px; line-height: 40px; background: url(../images/separator.png) no-repeat center top; padding-top: 40px; text-transform: lowercase;}
.cim_fofejezet:first-letter {text-transform: uppercase;}
.cim_fejezet1,
.cim_fejezet2 {font-size: 14px; color: #FFF; font-weight: bold; background: #999999; border-radius: 10px; padding: 2px 10px; margin: 20px 0 10px;}
.cim_fejezet2 {background-color: #bbb; margin: 20px 0 10px;}
.cim_fejezet3 {font-weight: bold; color: #525252; margin: 20px 0 4px;}
.cim_fejezet4 {font-style: italic; font-weight: bold; color: #525252; margin: 20px 0 4px 30px;}


.cim_fofejezet,
.cim_fejezet1 a,
.cim_fejezet2 a,
.cim_fejezet3 a,
.cim_fejezet4 a,
.bekezdesszid a,
.bekezdes a,
.bekezdesmegjegyzes a,
.bekezdesmegjegyzeselott a,
.bekezdesmegjegyzeselottutan a,
.bekezdesmegjegyzesutan a,
.bekezdesszalid a {color: #525252;}


.nolink,
.nolink:hover {text-decoration: none; cursor: default;}
#content .alink {color: #990000; text-decoration: none; font-weight: bold; font-size: 14px;}

.otherref {font-size: 14px; color: #fff ; font-weight: normal}

p.bekezdesszid {position: relative; padding-left: 30px;}
p.bekezdesszid span.szid {position: absolute; left: 0px;}
p.bekezdesszalid {position: relative; padding-left: 50px;}
p.bekezdesszalid span.szalid {position: absolute; left: 30px;}

p.bekezdes,
p.bekezdesmegjegyzes,
p.bekezdesmegjegyzeselott,
p.bekezdesmegjegyzeselottutan,
p.bekezdesmegjegyzesutan {position: relative; padding-left: 30px;}


.tipodolt {font-style: italic; font-weight: bold;}
.szid {font-weight: bold;}


table tr:nth-child(2n+0) td {background: #d5d5d5;}
table tr:nth-child(2n+0) td:first-child {border-top-left-radius: 10px; border-bottom-left-radius: 10px}
table tr:nth-child(2n+0) td:last-child {border-top-right-radius: 10px; border-bottom-right-radius: 10px}
table tr .tipodolt {font-weight: normal;}





/*******************
/* FOOTER ICONS  - CONTENT AREA
/******************* 
*/
#footer-icons {width: 100%; margin-top: 66px; background: url(../images/separator.png) no-repeat center 154px; min-height: 460px; float: left;}
#footer-icons .footer-icon {width: 33%; float: left; height: 230px; margin: 0 auto; text-align: center;}
#footer-icons .footer-icon p {padding-top: 8px;}
#footer-icons .footer-icon p a {font-family: 'maven_pro_light_300'; font-size: 24px; color: #212121; text-decoration: none; font-weight: normal;}
#footer-icons .footer-icon a img {width: 86px;}


/*#footer-icons #footer-icon1,
#footer-icons #footer-icon2,
#footer-icons #footer-icon4,
#footer-icons #footer-icon5 {background: url(../images/separator2.png) no-repeat right 2px;}*/




/*******************
/* SIDEBAR GYIK
/******************* 
*/
/* .gyik-page #content {max-width: 940px; padding-left: 0;} */
.gyik-page #content {max-width: 610px; width: auto; padding-left: 320px; position: relative; float: none;}
.gyik-page #sidebar-first {width: 300px;}
/* .gyik-page #gyik-container {max-width: 670px; width: auto; padding-left: 320px; position: relative; float: none;} */
.gyik-page #gyik-container {max-width: 100%; min-height: 500px;}


.gyik-page #sidebar-first {width: 300px;}
.gyik-page #sidebar-first form {line-height: 16px;}
.gyik-page #sidebar-first label {white-space: normal; font-family: 'maven_pro_light_300'; font-size: 16px; margin: 0; display: inline-block;}
.gyik-page #sidebar-first form span {font-family: 'maven_pro_light_300'; font-size: 12px;}
.gyik-page #sidebar-first form.userform input.form-submit {float: left; background-color: #ca1e14; width: 80px; margin-top: 10px;}

#gyik-container table {width: 100%}
#gyik-container h1 {font-family: 'maven_pro_light_300'; font-size: 32px; font-weight: normal;}
#gyik-container a {color: #960200;}

#gyik-container table thead td {background: #999999; color: #fff;}
#gyik-container table thead td:first-child {border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
#gyik-container table thead td:last-child {border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
#gyik-container table tbody td {color: #515151;}

#gyik-container table td:first-child {width: 30px;}
#gyik-container table td:last-child {width: 470px;}

/*******************
/* CONTENT GYIK
/******************* 
*/
/* General settings */
div.selector,
div.selector span,
div.checker span,
div.radio span,
div.uploader,
div.uploader span.action,
div.button,
div.button span {
  background-image: url("../images/select_bg1.png");
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased; }

.selector,
.checker,
.button,
.radio,
.uploader {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle; }

.selector select:focus,
.radio input:focus,
.checker input:focus,
.uploader input:focus {
  outline: 0; }

.selector,
.radio,
.checker,
.uploader,
.button,
.selector *,
.radio *,
.checker *,
.uploader *,
.button * {
  margin: 0;
  padding: 0; }

.highContrastDetect {
  background: url("../images/bg-input.png") repeat-x 0 0;
  width: 0px;
  height: 0px; }

/* Input & Textarea */
input.text,
input.email,
input.search,
input.tel,
input.url,
input.datetime,
input.date,
input.month,
input.week,
input.time,
input.datetime-local,
input.number,
input.color,
input.password,
select.uniform-multiselect,
textarea.uniform {
  padding: 3px;
  background: url("../images/bg-input.png") repeat-x 0 0;
  outline: 0; }

/* Remove default webkit and possible mozilla .search styles */
div.checker input,
input.search,
input.search:active {
  -moz-appearance: none;
  -webkit-appearance: none; }

input.text:focus,
input.email:focus,
input.search:focus,
input.tel:focus,
input.url:focus,
input.datetime:focus,
input.date:focus,
input.month:focus,
input.week:focus,
input.time:focus,
input.datetime-local:focus,
input.number:focus,
input.color:focus,
input.password:focus,
select.uniform-multiselect:focus,
textarea.uniform:focus {
  background: url("../images/bg-input-focus.png") repeat-x 0 0; }

/* Select */
div.selector {
  background-position: 0 0;
  line-height: 50px;
  height: 50px;
  padding: 0 0 0 10px;
  position: relative;
  overflow: hidden;
  margin: 10px 0; }

div.selector.fixedWidth {
  width: 190px; }

.gyik-page #sidebar-first form div.selector span,
div.selector span {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  background-position: -10px 0;
  height: 50px;
  line-height: 50px;
  padding-right: 25px;
  cursor: pointer;
  width: 100%;
  display: block; }

div.selector.fixedWidth span {
  width: 155px; }

div.selector select {
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  border: none;
  background: none;
  position: absolute;
  height: 50px;
  top: 0px;
  left: 0px;
  width: 100%; }

/*div.selector:active,
div.selector.active {
  background-position: 0 -156px; }

div.selector:active span,
div.selector.active span {
  background-position: right -26px; }

div.selector.focus,
div.selector.hover,
div.selector:hover {
  background-position: 0 -182px; }

div.selector.focus span,
div.selector.hover span,
div.selector:hover span {
  background-position: right -52px; }

div.selector.focus:active,
div.selector.focus.active,
div.selector:hover:active,
div.selector.active:hover {
  background-position: 0 -208px; }

div.selector.focus:active span,
div.selector:hover:active span,
div.selector.active:hover span,
div.selector.focus.active span {
  background-position: right -78px; }

div.selector.disabled,
div.selector.disabled:active,
div.selector.disabled.active {
  background-position: 0 -234px; }

div.selector.disabled span,
div.selector.disabled:active span,
div.selector.disabled.active span {
  background-position: right -104px; }*/

/* Checkbox */
div.checker,
div.checker span,
div.checker input {
  width: 19px;
  height: 19px; }

div.checker {
  position: relative; }

div.checker span {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  text-align: center;
  background-position: 0 -260px; }

div.checker input {
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  border: none;
  background: none;
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1; }

div.checker:active span,
div.checker.active span {
  background-position: -19px -260px; }

div.checker.focus span,
div.checker:hover span {
  background-position: -38px -260px; }

div.checker.focus:active span,
div.checker:active:hover span,
div.checker.active:hover span,
div.checker.focus.active span {
  background-position: -57px -260px; }

div.checker span.checked {
  background-position: -76px -260px; }

div.checker:active span.checked,
div.checker.active span.checked {
  background-position: -95px -260px; }

div.checker.focus span.checked,
div.checker:hover span.checked {
  background-position: -114px -260px; }

div.checker.focus:active span.checked,
div.checker:hover:active span.checked,
div.checker.active:hover span.checked,
div.checker.active.focus span.checked {
  background-position: -133px -260px; }

div.checker.disabled span,
div.checker.disabled:active span,
div.checker.disabled.active span {
  background-position: -152px -260px; }

div.checker.disabled span.checked,
div.checker.disabled:active span.checked,
div.checker.disabled.active span.checked {
  background-position: -171px -260px; }

/* Radio */
div.radio,
div.radio span,
div.radio input {
  width: 18px;
  height: 18px; }

div.radio {
  position: relative; }

div.radio span {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  text-align: center;
  background-position: 0 -279px; }

div.radio input {
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  border: none;
  background: none;
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  text-align: center; }

div.radio:active span,
div.radio.active span {
  background-position: -18px -18px -279px; }

div.radio.focus span,
div.radio:hover span {
  background-position: -36px -36px -279px; }

div.radio.focus:active span,
div.radio:active:hover span,
div.radio.active:hover span,
div.radio.active.focus span {
  background-position: -54px -279px; }

div.radio span.checked {
  background-position: -72px -279px; }

div.radio:active span.checked,
div.radio.active span.checked {
  background-position: -90px -279px; }

div.radio.focus span.checked,
div.radio:hover span.checked {
  background-position: -108px -279px; }

div.radio.focus:active span.checked,
div.radio:hover:active span.checked,
div.radio.focus.active span.checked,
div.radio.active:hover span.checked {
  background-position: -126px -279px; }

div.radio.disabled span,
div.radio.disabled:active span,
div.radio.disabled.active span {
  background-position: -144px -279px; }

div.radio.disabled span.checked,
div.radio.disabled:active span.checked,
div.radio.disabled.active span.checked {
  background-position: -162px -279px; }

/* Uploader */
div.uploader {
  background-position: 0 -297px;
  height: 28px;
  width: 190px;
  cursor: pointer;
  position: relative;
  overflow: hidden; }

div.uploader span.action {
  background-position: right -409px;
  height: 28px;
  line-height: 28px;
  width: 85px;
  text-align: center;
  float: left;
  display: inline;
  overflow: hidden;
  cursor: pointer; }

div.uploader span.filename {
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  float: left;
  cursor: default;
  height: 24px;
  margin: 2px 0 2px 2px;
  line-height: 24px;
  width: 82px;
  padding: 0 10px; }

div.uploader input {
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  border: none;
  background: none;
  position: absolute;
  top: 0;
  right: 0;
  float: right;
  cursor: default;
  width: 100%;
  height: 100%; }

div.uploader.focus,
div.uploader.hover,
div.uploader:hover {
  background-position: 0 -353px; }

div.uploader.focus span.action,
div.uploader.hover span.action,
div.uploader:hover span.action {
  background-position: right -437px; }

div.uploader.active span.action,
div.uploader:active span.action {
  background-position: right -465px; }

div.uploader.focus.active span.action,
div.uploader:focus.active span.action,
div.uploader.focus:active span.action,
div.uploader:focus:active span.action {
  background-position: right -493px; }

div.uploader.disabled {
  background-position: 0 -325px; }

div.uploader.disabled span.action {
  background-position: right -381px; }

/* Buttons */
div.button a,
div.button button,
div.button input {
  position: absolute;
  display: none; }

div.button {
  background-position: 0 -641px;
  height: 30px;
  cursor: pointer;
  position: relative; }

div.button span {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  line-height: 1;
  text-align: center;
  background-position: right -521px;
  height: 30px;
  margin-left: 13px;
  padding: 0; }

div.button.focus,
div.button:focus,
div.button:hover,
div.button.hover {
  background-position: 0 -701px; }

div.button.focus span,
div.button:focus span,
div.button:hover span,
div.button.hover span {
  background-position: right -581px; }

div.button.active,
div.button:active {
  background-position: 0 -671px; }

div.button.active span,
div.button:active span {
  background-position: right -551px;
  cursor: default; }

div.button.disabled {
  background-position: 0 -731px; }

/* Separate from above due to IE8 */
div.button:disabled {
  background-position: 0 -731px; }

div.button.disabled span {
  background-position: right -611px;
  cursor: default; }

/* Separate from above due to IE8 */
div.button:disabled span {
  background-position: right -611px;
  cursor: default; }



.hqa_pager {text-align: center;}
.hqa_thispage {padding: 0 6px;}



.clr {clear: both;}
.clr-r {clear: right;}
.clr-l {clear: left;}



#content a#share_f {
text-indent: -9999em;
display: block;
background: url("../images/f_logo.png") no-repeat left top;
width: 24px;
height: 24px;
float: right;
margin: 0 16px 0 0;
overflow: hidden; 
}

#content a#share_button {
  font-family: "maven_pro_light_300";
display: block;
background: url("../images/share.png") no-repeat left top;
height: 24px;
float: right;
overflow: hidden; 
padding: 0 0 0 30px;
color: #525252;
font-size: 18px;
font-weight: bold;
}




#shareblock {
  position: relative;
}

#sharebox {
  position: absolute;
  top: 29px;
  right: 0;
  width: 280px;
  height: 120px;
  background: url(../images/share_bg.png) no-repeat left top;
  display: none;
}
#sharebox input {
  display: block;
  background: transparent;
  border: 0;
  padding: 0;
  margin: 72px 0 0 57px;
  width: 190px;
}


#share_close {
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 16px;
  left: 247px;
  cursor: pointer;
}










#shareblock2 {height: 80px;}
#sharebox2 {
  position: absolute;
  top: 29px;
  right: 0;
  width: 280px;
  height: 120px;
  background: url(../images/share_bg.png) no-repeat left top;
  display: none;
}
#sharebox2 input {
  display: block;
  background: transparent;
  border: 0;
  padding: 0;
  margin: 72px 0 0 57px;
  width: 190px;
}
#share_close2 {
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 16px;
  left: 247px;
  cursor: pointer;
}
#content a#share_f2 {
text-indent: -9999em;
display: block;
background: url("../images/m_share_f.png") no-repeat left top;
background-size: contain;
width: 50px;
height: 50px;
float: right;
overflow: hidden; 
}

#content a#share_button2 {
display: block;
background: url("../images/m_share.png") no-repeat left top;
background-size: contain;
height: 50px;
width: 50px;
float: right;
overflow: hidden; 
margin: 0 16px 0 0;
padding: 0;
color: #525252;
font-size: 18px;
font-weight: bold;
text-indent: 50px;
}




#findwindow {border-radius: 16px; padding: 8px; }
#findwindow-head {font-size: 14px; color: white; font-weight: bold; background: #CA1E14; border-radius: 10px; padding: 3px 10px; margin: 6px;}
#findwindow-hide {position: absolute; top: 7px; right: 6px; border-radius: 10px; padding: 2px;}
#window_body .findbtn {background-color: #CA1E14; width: 145px; margin-top: 10px;}
#window_body .findbtn-last {float: right;}
#test {clear: both; padding: 10px;}

#test,
#window_body label {white-space: normal; font-family: 'maven_pro_light_300'; font-size: 13px;}

#fblike {margin: 10px 0 0 50px; float: left;}




#blog_manage {margin: 0 -260px;}

/*******************
/* BLOG
/******************* 
*/
h4.sidebar-title {
	font-size: 22px;
	border-bottom: 1px solid #d3d3d3;
}
div.sidebar-cats,
	div.sidebar-tags {
	border-top: 1px solid #fcfcfc;

}

div.sidebar-cats a {
	font-size: 13px;
	color: #525252;
	display: block;
}
div.sidebar-tags a {
	font-size: 13px;
	color: #525252;
}
.blog-list {
float: left;
padding-top: 15px;
border-bottom: 1px solid #d3d3d3;
border-top: 1px solid #fcfcfc;
}
	.blog-list.first {
		border-top: none;	
	}
	.blog-list.last {
		border-bottom: none;	
	}
.blog-list img {
	float: left;
}
.blog-lead-inner {
	float: right;
	width: 550px;	
	margin-left: 20px;
}
	.blog-cat-name {
		height: 34px;
	}
		.blog-cat-name span {
			float: left;
			display: block;	
			background: #d5d5d5;
			padding: 0 18px 0 13px;
			color: #fff;
			border-radius: 11px;
			text-shadow: 1px 1px 1px #bfbfbf;
			box-shadow: 2px 2px #b2b2b2;
		}
	
	.blog-lead-inner h2 {
		padding: 0;
	}
		#content .blog-lead-inner h2 a.alink {
			font-size: 24px;
			font-weight: normal;
			font-family: 'maven_pro_light_300';
		}
	.blog-lead-inner div.blog-date {
		color: #aaaaaa;
		font-size: 14px;
	}
	.blog-lead-inner div.blog-body {
		color: #525252;
		font-size: 14px;
	}
	.blog-lead-inner .blog-read-more {
		height: 40px;
		padding: 10px 0 0;
	}
		#content .blog-lead-inner .blog-read-more a.alink {
			background-color: #c71d1d;
			color: #fff;
			display: block;
			float: left;
			height: 22px;
			line-height: 22px;
			padding: 0 30px;
			border-radius: 11px;
			box-shadow: 2px 2px #921515;		
			font-size: 11px;
			font-weight: normal;	
		}
		
	
.blog-head {
margin-top: 12px;
border-top: 1px solid #d3d3d3;
border-bottom: 1px solid #fcfcfc;
}
	.blog-head h1 {
		border-top: 1px solid #fcfcfc;
		font-size: 26px;
		font-weight: normal;
		font-family: 'maven_pro_light_300';
		padding-bottom: 6px;
	}
	.blog-head .blog-cat-name {
		color: #c61b1c;
		font-size: 16px;
		height: 24px;
	}
	.blog-head div.blog-date {
		color: #aaaaaa;
		font-size: 15px;
		height: 24px;
		border-bottom: 1px solid #d3d3d3;
	}
.blog-social {
	margin: 12px 0;
}
.blog-index-image {
	float: left;
	margin: 0 10px 8px 0;
}

.blog-lead {
    font-weight: bold;
    font-size: 15px;
    line-height: 24px;
}
.blog-body {
    font-size: 15px;
    line-height: 24px;
}
.blog-body ul,
.blog-body ol,
.blog-body p {
	margin-bottom: 20px;
}
.blog-body ul ul {
	margin-bottom: 0;
}

.blog-body blockquote {
    margin: 5px 0;
    padding: 5px;
    background-color: #DDDDDD;
    width: 100%;
	overflow: hidden;
}

.blog-comments {}
.blog-comments h5 {
	background: #999999;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	padding: 3px 14px;
	border-radius: 8px;
}


.blog-comment {
	margin: 12px 0 0;
}
.blog-comment-head {
}
.blog-comment-head .name {
	color: #525252;
	font-weight: bold;
	padding: 0 8px 0 12px;
}
.blog-comment-head .date {
	color: #525252;
	font-weight: normal;
}
.blog-comment-body {
	background: url(../images/comment_top_arrow.png) no-repeat 20px 0;
	padding-top: 7px;
}
.blog-comment-body .blog-comment-body-inner {
	border-radius: 9px;
	background: #d5d5d5;
	padding: 4px 14px;
}


#blog-header-image {
	position: relative;
	display: block;
}
	#blog-header-image h3 {
		padding: 0;
		position: absolute;
		top: 32px;
		left: 204px;
		width: 238px;
		line-height: 17px;
		font-size: 13px;
		font-family: 'maven_pro_light_300';		
		color: #777777;		
		text-align: center;
	}
		#blog-header-image h3 em {
			font-size: 36px;
			line-height: 50px;
			font-style: normal;
		}

.blog-pager {
/*   margin: 1em 0; */
    text-align: center;
/*    overflow: hidden; */
}

.blog-pager-newer-link {
    float: left;
}

.blog-pager-older-link {
    float: right;
}


/*******************
/* WIDGET
/******************* 
*/
        helyesiras-widget-2 a,
        helyesiras-widget-2 img  {border: none;}
        
        #helyesiras-widget-2 {
            position: relative;
            right: -240px;
            top: 0;
            width: 300px;
            margin: 0;
            padding: 0;
            font-family: "Helvetica";   
        }
        #helyesiras-widget-2 dl {
        	border-bottom: 1px solid #d9d9d9;
        } 
        #helyesiras-widget-2 dl dt img {
            display: block;
        }       
        #helyesiras-widget-2 dl dt h2 {
            background: url('http://htp-devel.nytud.hu/helyesiras_webdev/static/widget/w2_300_head_bg.png');
            text-align: center;
            font-size: 22px;
			font-family: 'maven_pro_light_300';
            line-height: 26px;
            padding: 0 0 4px;
            cursor: pointer;
            display: block;
        }
        #helyesiras-widget-2 dl dd {
        }
        .helyesiras-widget-2-dd-inner {
            background: url('http://htp-devel.nytud.hu/helyesiras_webdev/static/widget/w2_300_content_bg.png');
        }
        .helyesiras-widget-2-dd-inner-top {
            background: url('http://htp-devel.nytud.hu/helyesiras_webdev/static/widget/w2_300_content_top.png') no-repeat left top;
            padding: 9px 10px;
        }
#helyesiras-widget-2 dl dd {display: none;}
#helyesiras-widget-2 dl dd.init-open {display: block;}



.m-i2,
.m-i1 {display: none;}
@media only screen and (max-width: 480px) {
.m-i2,
.m-i1 {
	display: inline-block;
}
    #content #front-icons .alink img.m-i1,
    #content #front-icons .alink img.m-i2 {
    float: none;
    }
    
    .sample .q1, .sample .a1 {display: none;}
    .line1, .line2 {
    	padding-top: 3px;
    	text-align: center;
    	line-height: 14px;
    }
    .sample .q2, .sample .a2 {
    	font-size: 12px;
    }



#front-icon1 .rollover
{
    background: url(../images/m_front_bg_01.png) no-repeat left top;
}
#front-icon2 .rollover
{
    background: url(../images/m_front_bg_02.png) no-repeat left top;
}
#front-icon3 .rollover
{
    background: url(../images/m_front_bg_03.png) no-repeat left top;
}
#front-icon4 .rollover
{
    background: url(../images/m_front_bg_04.png) no-repeat left top;
}
#front-icon5 .rollover
{
    background: url(../images/m_front_bg_06.png) no-repeat left top;
}
#front-icon6 .rollover
{
    background: url(../images/m_front_bg_07.png) no-repeat left top;
}
#front-icon7 .rollover
{
    background: url(../images/m_front_bg_05.png) no-repeat left top;
}


#front-icons .rollover {
margin-top: 0px;
background-size: 100%;
height: 85px;
width: 305px;
left: 0;
position: absolute;
top: 0;
opacity: 0;
}
    #front-icons .front-icon h3 {
    	padding: 0 0 0 70px;
    	text-align: center;
    }

#front-icons .rollover h3
{
    color: #fff;
  	margin:0;
   	padding: 13px 0 0 72px;
    height: 24px;
    text-align: center;
    width: 230px;
}
#front-icons .rollover p.rolloverline
{
    color: #fff;
    font-weight: normal;
    font-size: 11px;
    height: 90px;
    line-height: 13px;
    margin: 0;
    padding: 0 0 0 70px;
    text-align: center;
    width: 230px;
}
#front-icons .rollover p.rolloverbutton
{
    color: #fff;
    font-weight: bold;
    height: 20px;
    margin: 34px 0 0;
    text-align: center;
    font-size: 11px;
}


}


/*******************
/* RESPONSIVE
/******************* 
*/
.wrapper {max-width: 940px; width: auto; position: relative;}
#content {max-width: 670px; width: auto; padding-left: 260px; position: relative; float: none;}
.front #content {max-width: 960px; padding-left: 0;}
.content-head {width: 100%; background-size: contain; height: auto; min-height: 130px;}
.content-head h2,
.content-head p {width: auto;}

a:link,
a,
a:hover {
  background:  rgba(0,0,0,0);
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}


@media only screen and (max-width: 479px) {
    #shareblock {display: none;}
    .labelstyle {
    	text-align: center;
    	font-family: 'maven_pro_light_200';
    	border-bottom: 1px solid #d3d3d3;
	    box-shadow:0 1px 0px 0px #fcfcfc;
	    padding-bottom: 8px;
	    margin-top: 0;
    }
    .moretop.first.labelstyle {
    	margin-top: 0;
    }

}
@media only screen and (min-width: 480px) {
    #shareblock2 {display: none;}
}


@media only screen and (min-width: 960px) {
    #header .wrapper,
    #statusbar .wrapper,
    #footer .wrapper,
    #page .wrapper {width: 1258px; max-width: 1258px;}
    #page {padding: 0}
    #footer {}
    #footer {background: #eee; min-width: 1268px;}
    #page > .wrapper {
    	background: #eee;
    	padding: 24px 10px 30px 10px;
    }
    
    #header .wrapper {margin: 0 10px;}

    
/*    #page .wrapper {width: 940px; max-width: 940px; margin-left: 0;}*/
/*    #page #helyesiras-widget-2 {right: -240px;;}*/
    #page #helyesiras-widget-2 {
    	right: 0;
    	float: right;
    }
}
@media only screen and (min-width: 1298px) {
    #header .wrapper,
    #statusbar .wrapper,
    #page .wrapper {width: 1258px; max-width: 1258px; margin-left: auto;}
    #page #helyesiras-widget-2 {right: 0;}
    #header .wrapper {margin-right: auto}
}





#flashContent {
	margin: 0 auto;
	width: 200px;
}







@media only screen and (max-width: 960px) {
    #header .wrapper {margin: 0 10px;}
    
        .content-head h2 {
		width: auto;
		height: 60px;
		box-sizing: border-box;
		overflow: hidden;
    	line-height: 30px;
    }
    .content-head p {
     	padding-top: 6px;
		width: auto;
		height: 50px;
		box-sizing: border-box;
		overflow: hidden;
	}

    #helyesiras-widget-2 {display: none;}
    
    
}
@media only screen and (max-width: 800px) {
    #header #fblike {display: none;}    
}

@media only screen and (max-width: 767px) {
#sidebar-first {display: none}
#content {max-width: 670px; width: auto; padding-left: 0; position: relative; float: none;}
.gyik-page #content {max-width: 670px; width: auto; padding-left: 0; position: relative; float: none;}
form.userform input.form-submit {font-size: 16px;}  
}

@media only screen and (max-width: 660px) {
    #header #nytud-logo {display: none;}
    #statusbar {display: none;}
    #red-button.akh-search {display: none;}
}

@media only screen and (max-width: 480px) {
    #header {height: 70px;}
    #helyesiras-logo {float: none; margin: 0 auto; text-align: center;}
    #nytud-logo {display: none;}
    #statusbar {display: none;}
    #page {padding-top: 6px; border-top: 2px solid #c71d1d;}
    #page.front h1.intro {line-height: 130%; font-size: 22px; padding: 5px 0 0;}
    #page.front p.intro {padding: 0 0 12px; margin-bottom: 0;}
    #footer-icons .footer-icon {width: 50%; 170px;}
    #footer-icons, #footer-icons #footer-icon1, #footer-icons #footer-icon2, #footer-icons #footer-icon4, #footer-icons #footer-icon5 {background: none;}
    #front-icons .front-icon {
    	border: 0;
    	box-shadow: 0 0 0;
	    height: 85px;
   	 	width: 305px;
   	 	margin: 10px 0;
    	padding: 13px;
    	background: url('../images/m_front_bg_default.png') no-repeat left top;
    	background-size: 100% 100%;
    	overflow: hidden;
    	-webkit-box-sizing: border-box;
    	box-sizing: border-box;
    	text-align: left;
    }
    #content #front-icons .alink {
    	width: 100%;
    	height: 100%;
    }
    #content #front-icons .alink img {
    	float: left;
    }

    #front-icons .sample {
	    float: left;
		background: none;
		width: 210px;
	    margin-top: 0;
    }
    .line1,
    .line2 {
    	float: left;
    	width: 50%;
    	text-align: center;
    }
    .sample .q1,
    .sample .a1 {
    	
    }
    
    
    #header {height: 70px;}

    
    
    .mobile-clr-c {clear: right;}
    
    .mobile-clearfix {zoom: 1;}
    .mobile-clearfix:before,
    .mobile-clearfix:after {
		content: "\0020";
		display: block;
		height: 0;
		visibility: hidden;
	}
    .mobile-clearfix:after {
		clear: both;
	}
    
    
    
    form.userform label {white-space: normal; text-align: center; font-family: 'maven_pro_light_200';}
    .link-back, #red-button, form.userform input.form-submit, #window_body .findbtn,
    form.userform div.text-input-wrapper {float: none; width: 100%; margin-top: 6px;}
    .akhsortform .text-input-q, .textarea-q, form.userform input.text-input, #fwtext {padding-right: 10px;}
    
    
    .content-head {width: 300px; height: 100px; min-height: 100px; margin: 14px auto 0; background-size: 100%;}
    .content-head h2 {font-size: 20px; font-family: "maven_pro_light_300"; width: 100%; padding: 4px 0 0 65px; text-align: center; color: #FFF; height: 30px;}
    .content-head p {padding: 3px 10px 0 65px; font-size: 10px; font-weight: normal; line-height: 14px;}
     .content-head p br {display: none;}
    #content-head-kulonvagyegyben {background: url(../images/m_front_bg_01.png) no-repeat left top;background-size: contain;}
    #content-head-helyese {background: url(../images/m_front_bg_02.png) no-repeat left top;background-size: contain;}
    #content-head-nevkereso {background: url(../images/m_front_bg_03.png) no-repeat left top;background-size: contain;}
    #content-head-elvalasztas {background: url(../images/m_front_bg_05.png) no-repeat left top;background-size: contain;}
    #content-head-szamok {background: url(../images/m_front_bg_06.png) no-repeat left top;background-size: contain;}
    #content-head-datum {background: url(../images/m_front_bg_07.png) no-repeat left top;background-size: contain;}
    #content-head-abc {background: url(../images/m_front_bg_04.png) no-repeat left top;background-size: contain;}

    #result_xhtml .solution {padding: 14px}
    #result_xhtml .sol_summary {padding: 0 0 0 40px;}
    #result_xhtml .explanation {padding: 16px 0 0px 0;}
    #result_xhtml .sol-summary, #result_xhtml .summary {
    	text-align: center;
    	font-family: 'maven_pro_light_200';
    }
    #result_xhtml .expl_header {
    	margin: 0;
    }
    #result_xhtml .orderalert {
    	display: block;
    }
    
    
    ul.result li {float: none;}
    
    #content .error, #content .error2 {margin-bottom: 6px; margin-top: 6px;}
    
    
    
    
    .examples {
    	list-style: none;
    	margin: 0 0 10px;
    	padding: 0;
    }
    .examples li {
    	list-style: none;
    	float: left;
    	display: block;
    	padding: 0 4px 0 0;
    }
    #content .examples li .alink {
    	font-weight: normal;
    }
    
}


/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

    #sidebar-first {display: none}
    #content {max-width: 768px; width: auto; padding-left: 0; position: relative; float: none;}
    .content-head {width: 670px; margin: 0 auto;}
    form.userform input.form-submit {font-size: 16px;}  
    .gyik-page #content {padding-left: 0;}
    .gyik-page #sidebar-first {display: none;}

}


.ad-zone {
	color: #acacac;
	font-size: 9px;
}
.ad-zone-sidebar {
	width: 300px;
	
}

#ad-zone-1 {
	width: 970px;
	height: auto;
	margin: 8px auto 0;
}

#ad-zone-2 {
	width: 640;
	height: auto;
	margin: 3em auto 0;
}

.ad-zone-mobile {
    width: 300px;
    height: auto;
    margin: auto;
}

@media screen and (max-width: 969px) {
    #ad-zone-1 { display: none; }
}

@media screen and (max-width: 934px) {
    .ad-zone-935 { display: none; }
}

@media screen and (min-width: 800px) {
    .ad-zone-mobile {
        display: None;
    }
}

.goAdverticum
{text-align: center;}
