/* -------------------------------------------------
Code: H.S.Laszlo 2009
http://www.xhtml2u.com
-------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img, table { border:0; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
a {outline: none;outline-style:none;}
html {height: 100%;}
body {font-family:Arial, sans-serif;background:#DDD url(../pics/bg.png) repeat-x top;
font-size:12px;color: #000;text-align:left;}

.clear { clear: both; width: 90%; height: 15px; }
.alignleft { text-align: left; }
.alignjustify { text-align: justify; }
.alignright { text-align: right; }
.aligncenter { text-align: center; }
.floatright{ float: right;}
.floatleft{	float: left;}
.italic{	font-style: italic;}
#head{width:960px;margin: 0 auto;background:transparent;text-align:left;clear:both;position:relative;}
#wrap-main{width:1000px;margin: 0 auto;padding:21px 0 0 0;background:transparent url(../pics/wrap-top.png) no-repeat top;text-align:left;clear:both;}
#wrap{width:1000px;margin: 0 auto;padding:0;background:transparent;text-align:left;clear:both;}
.left{float:left;width:373px;padding:0;background:#666666;padding-bottom:10px;}
.right{float:right;width:450px;padding:0;background: transparent;}
a.btn-red{background:#B60000;color:#fff !important;display:block;height:20px;padding:6px 10px 0 10px;text-align:center;width:80px;}
a.btn-green{background: url(../pics/btn-green.png) repeat-x top;color:#fff !important;display:block;height:20px;padding:6px 10px 0 10px;text-align:center;}
/* --------------- Headings -------------- */
h1{color:#AE0000;font:normal bold 34px/120% Arial, sans-serif;padding:10px 20px;}
h2 {padding: 15px 0 2px 15px;color: #666666;font:normal bold 22px/normal 'Arial', sans-serif;}
h3{padding: 15px 0 2px 15px;color: #AE0000;font:normal bold 16px/normal 'Arial', sans-serif;}
h4{padding: 15px 0 2px 15px;color:#FF0000;font:normal bold 22px/normal 'Arial', sans-serif;}
div.q10{
	width:250px;height:60px;padding:80px 0 0 0;background:transparent url(../pics/q10.png) no-repeat left top;font-size:27px;color:#A80000;}
.feature div.q10{margin:0 0 0 20px;}
/* ------------ Header ----------------- */
#top-main{height:140px;width:960px;margin: 0 auto;background:transparent url(../pics/head.jpg) no-repeat left;position:relative;clear:both;}
#top{height:109px;width:960px;margin: 0 auto;background:transparent url(../pics/head.jpg) no-repeat left;position:relative;clear:both;}
#logo{display:block;width:196px;height:161px;background:transparent url(../pics/logo.png) no-repeat;position:absolute;left:20px;top:0px;text-indent:-9999px;}
#top p, #top-main p{color:#fff;float:right;padding:10px 20px 0 0;}
#top p a, #top-main p a{color:#fff;font:normal bold 18px/100% Arial, sans-serif;text-decoration:none;padding-left:10px;}
#head.feature{height:440px;background:transparent/* url(../pics/bg-feature.png)no-repeat 200px 109px*/;}
/*
#head.feature{
	height:440px;
	background:url(../pics/bg-feature.png);
	background-position: 200px 109px;
	background-repeat: no-repeat;
}
*/
#head .q10{position:absolute;top:170px;left:20px;}
#head a.mq10{width:100px;position:absolute;top:330px;left:40px;height:28px;font-size:16px;font-weight:bold;}
a.flink{display:block;width:210px;height:325px;position:absolute;}
a.u35{top:114px;left:273px;}
a.u50{top:114px;left:483px;}
a.o50{top:114px;left:693px;}
a.flink:hover{opacity: .60; filter: alpha(opacity=60); -moz-opacity: .60;}
/* ------------ Navigation ----------------- */
#nav{width:670px;height:39px;background:transparent;position:absolute;top:48px;left:260px;}
#nav li{display:inline;}
#nav li a{display:block;width:131px;height:29px;text-align:center;float:left;color:#A80000;padding:10px 0 0 0;background:#fff;font-weight:bold;margin:0 2px 0 0;}
#nav li a:hover, #nav li a.current{color:#fff;background:url(../pics/nav-hover.png) repeat-x top;}
a.back{width:140px;float:right;margin:25px 25px 0 0;}
a.back2{width:90px;float:right;margin:25px 5px 0 0;}
/* ------------ Content ------------ */
#content-top{width:960px;float:left;/*height:150px;*/position:relative;}
#content-top h1{color:#AE0000;font:normal normal 34px/120% Arial, sans-serif;padding:5px 20px 10px 100px;float:left;}
#content-top h1.magas{padding:5px 20px 80px 100px;}
#content-top p.tt{width:650px;float:left;padding:5px 20px 5px 100px;font-size:14px;line-height:140%;}
#content-top p.ts{width:450px;float:left;padding:5px 20px 5px 100px;font-size:14px;line-height:140%;}
/**/
ul.inner-nav{float:left;width:310px;}
ul.inner-nav li{display:block; width:300px;float:left;}
ul.inner-nav li a{color:#fff;font:normal normal 24px/120% Arial, sans-serif;padding:6px;background:#A80000;
	float:left;margin:5px 0;text-decoration:none;display:block;}
ul.inner-nav li a:hover{background:#EB0000;}
img#j-img{position:absolute;top:-50px;left:600px;z-index:2;}

#content{float:left;width:960px;padding:0 20px;background:transparent url(../pics/bg-wrap.png) repeat-y;}
#content p{padding:10px 20px;font:normal normal 12px/140% Arial, sans-serif;color:#888;}

.entry{width:540px;padding:20px;float:right;}
#content .entry p{padding:10px;font:normal normal 14px/140% Arial, sans-serif;color:#888;}

div.f1{width:511px;float:left;background:#FCF4E1;margin:0 20px;_margin:0 10px;padding:0 0 10px 0;}
div.f1 h1{width:491px;height:37px;background:transparent url(../pics/f1-top.png) no-repeat top;padding:45px 0 0 20px;font:normal bold 22px/100% Arial, sans-serif;color:#fff;}
div.checklist{width:411px;padding:5px 10px 5px 90px;background:transparent url(../pics/check.png) no-repeat left;float:left;}
div.checklist a.btn-red{margin:4px 0 0 20px;}

div.f2{width:324px;_width:284px;float:left;background:#FCF4E1;margin:0 20px;_margin:0 10px;}
div.f2 h2{width:304px;height:37px;background:transparent url(../pics/f2-top.png) no-repeat top;padding:45px 0 0 20px;font:normal bold 18px/100% Arial, sans-serif;color:#fff;}
form#f2-form{width:240px;float:left;margin:0 22px 22px 22px;_margin:0 12px 22px 12px;background-color:#fff;padding:20px;_padding:10px;}
form#f2-form fieldset{width:240px;float:left;}
form#f2-form legend{color:#EDBC49;font-size:20px;line-height:110%;}
form#f2-form p{padding:5px 0;font-size:13px;font-weight:bold;}
form#f2-form input{width:110px;height:16px;padding:2px;}
a.btn-login{background-color:#97CF05;color:#fff;font:normal bold 16px/100% Arial, sans-serif;display:block;width:240px;height:25px;padding:10px 0 0 0;text-align:center;}
a.to-reg{background-color:#EDBC49;color:#fff;font:normal bold 16px/100% Arial, sans-serif;display:block;width:240px;height:25px;padding:10px 0 0 0;text-align:center;}
/* ---------- Sidebar -------------- */
.sidebar{background-color:#fff;width:340px;float:left;padding:0;margin:20px;}
.sidenav {text-align:left;margin:10px 0 20px 0;float:left;width:340px;}
.sidenav ul{float:left;width:310px;}
.sidenav ul li{display:block; width:300px;float:left;}
.sidenav a{color:#fff;font:normal bold 14px/120% Arial, sans-serif;padding:8px;background:#A80000;float:left;clear:left;margin:5px 0;display:block;}
.sidenav a:hover{background:#EB0000;}
.sidebar img{margin:10px auto 2px auto;}
.sidebar p{text-align:left;padding:8px 24px;}
.sidebar a.more{color:#31B9E3;font:normal bold 12px/normal 'Arial';padding:2px 12px 2px 8px;background: transparent url(../pics/arrow.jpg) no-repeat right 6px;}

div.f3{width:324px;float:left;background:#FCF4E1;margin:0 auto 20px auto;}
div.f3 h2{width:179px;height:37px;background:transparent url(../pics/f3-top.png) no-repeat top;padding:55px 0 0 145px;font:normal bold 18px/100% Arial, sans-serif;color:#fff;}
form#f3-form{width:240px;float:left;margin:0 22px 22px 22px;background-color:#fff;padding:20px;}
form#f3-form fieldset{width:240px;float:left;}
form#f3-form legend{color:#EDBC49;font-size:20px;}
form#f3-form p{padding:5px 0;font-size:13px;font-weight:bold;}
form#f3-form input{width:110px;height:16px;padding:2px;border:1px solid #ccc;}
a.to-reg2{background-color:#A80000;color:#fff;font:normal bold 16px/100% Arial, sans-serif;display:block;width:240px;height:25px;padding:10px 0 0 0;text-align:center;}

.login{width:310px;height:110px;background: url(../pics/bg_login.png) no-repeat;float:left;margin:20px 0 10px 0;padding:50px 0 0 0;}
.regbox{width:335px;float:left;margin:20px 0 20px 40px;border:1px solid #555;padding:50px 0 20px 20px;background:#555 url(../pics/regisztracio.png) no-repeat top;}
.form fieldset{padding:0;margin-bottom:10px;float:left;}
.form ol{width:290px;margin:0 0 0 10px;}
.form ol li{float:left;margin-bottom:8px;width:290px;}
.form li label {display: block;float:left;width:110px;line-height:20px;color:#fff;font-size:12px;}
.form li input{border:1px solid #DFDFDF;padding:2px;width:160px;height:14px;margin-left:10px;}
.form li input.chk{width:25px;float:right;}
.form span.required {color: red;font-weight: bold;display: inline;}
textarea#regtext{background-color: #EFEFEF;border:2px solid #DFDFDF;}
.form .submit-btn{float:right;width:80px;background:#D51D0F url(../pics/btn-blue.png) repeat-x top;padding:2px 4px;color:#fff;border:0;cursor:pointer;
	margin:5px 10px;font-weight:bold;font-size:14px;}
a.reg{float:left;color:#ccc;margin:8px 0 0 100px;}


.pagesect{padding:30px 0 10px 20px;float:left;width:300px;}
.pagesect a, span.paging_act{padding:0px 4px;border:1px solid #BDBCBD;text-decoration:none;line-height:100%;color:#FF0000;}
span.paging_act{background-color: #777;color:#fff;}
.pagesect a:hover, span.paging_act:hover{border:1px solid #FF0000;}
.pagesect a.nextp, .pagesect a.prevp{border:0 !important;font: normal normal bold 14px/18px Arial, Helvetica, sans-serif;text-decoration:underline;}
.pagesect a.nextp{background:url(../pics/next.png) no-repeat right;padding-right:8px;}
.pagesect a.prevp{background:url(../pics/prev.png) no-repeat left;padding-left:8px;}


#bottom{width:960px;float:left;}
.bottom-top{width:960px;float:left;}
#bottom h2{background:#B60000;color:#fff;display:block;height:34px;padding:6px 10px 0 10px;text-align:center;width:300px;font-size:24px;float:left;margin:0 0 0 55px;}
.item{width:193px;height:400px;float:left;margin:20px 0 0 35px;}
.item img{padding:13px;border:1px solid #ccc;width:155px;height:217px;}
.item h4{color:#AE0000;font:normal bold 12px/140% Arial, sans-serif;padding:4px 0;}
#content .item p{padding:4px;}
a.item-more{background:#B60000;color:#fff;display:block;height:20px;padding:6px 10px 0 10px;text-align:center;width:80px;font-size:12px;}

/* ----------- Footer ------------- */
#foot{width:100%;height:317px;margin: 0;background:#333 url(../pics/bg-foot.png) repeat-x top;text-align:left;clear:both;}
#footer{width:960px;height:317px;padding:0 20px;margin:0 auto;background:#333 url(../pics/bg-footer.png) no-repeat top;text-align:center;position:relative;clear:both;}
#footer-top{width:960px;height:88px;clear:both;float:left;position:relative;}
img#m1{position:absolute;bottom:16px;left:20px;z-index:1}

#footer a{color:#86D24D;}
#footer p{color:#fff;padding:4px 10px 5px 20px;font-size:14px;line-height:130%;float:left;text-align:left;}
#footer p span{font-size:18px;font-weight:bold;}
#footer img{margin:4px 20px;float:right;}

.tabs{width:528px;padding:0;float:left;margin:0;clear:both;}
.tabs .show{width:528px;float:left;}
ul.tabNavigation {width:528px;height:40px;padding:0;margin:0;}
ul.tabNavigation li{list-style-type:none;float:left;width:195px;height:40px;}
ul.tabNavigation li a.tab1, ul.tabNavigation li a.tab2{
	height:28px;margin:0;padding:12px 0 0 0; float:left;cursor:pointer;display:block;width:195px;font:normal bold 16px/100% Arial, sans-serif;color:#666666;text-decoration:none;text-align:center;}
ul.tabNavigation li a.tab1{background-color:#E4FDA6;}
ul.tabNavigation li a.tab2{background-color:#FCF4E1;}
ul.tabNavigation li a.tab1.selected, ul.tabNavigation li a.tab1:hover{background-color:#E4FDA6;}
ul.tabNavigation li a.tab2.selected, ul.tabNavigation li a.tab2:hover{background-color:#FCF4E1;}

form.tesztform ol{width:508px;padding:10px;float:left;}
form#teszt1.tesztform ol{background:#E4FDA6;}
form#teszt2.tesztform ol{background:#FCF4E1;}
form#jatek1.tesztform ol{background:#FCF4E1;}
form.tesztform ol li{padding:5px 0;width:508px;float:left;}
form.tesztform ol li.question{font-size:16px;font-weight:bold;}
form.tesztform ol li label{display:block;width:160px;padding:0 20px 0 40px;float:left;}
form.tesztform ol li label.wide{display:block;width:360px;padding:0 20px 0 40px;float:left;}
form#teszt2.tesztform ol li label {display:block;width:360px;padding:0 20px 0 40px;float:left;}
form.tesztform button{background-color:#90c505;color:#fff;font:normal bold 16px/100% Arial, sans-serif;display:block;width:114px;
height:35px;padding:0;text-align:center;border:0;cursor:pointer;margin:5px 0 0 0;float:left;}

h1.regh{margin:60px 0 10px 140px;}
#regform{float:left;margin:5px 0 20px 140px;_margin:5px 0 20px 40px;_width:654px;background-color:#FCF4E1;}
#regform ol{width:654px;padding:10px;float:left;}
#regform ol li{float:left;width:100%;padding:5px 0;}
#regform li label {display: block;float:left;width:160px;font-weight:bold;line-height:20px;color:#6F6F6F;font-size:12px;}
#regform li label.ins{width:80px;padding:0 10px;}
#regform li.wlabel{border-bottom:1px solid #e9e9e9;}
#regform li.wlabel label {width:460px;}
#regform li input{border:2px solid #DFDFDF;padding:2px;width:200px;height:14px;float:left;}
#regform li textarea{border:2px solid #DFDFDF;padding:2px;width:368px;height:32px;}
#regform li select{border:2px solid #DFDFDF;padding:1px;width:100px;height:22px;float:left;}
#regform li input.chk{width:25px;float:right;}
#regform li select.w200{width:200px;}
#regform li input.iw60{width:60px;}
#regform li select.iw70 {width:84px;}
#regform li input.mn, #regform li select.mn {margin:0 5px;}
#regform li input.iw300{width:368px;}
#regform span.required {color: red;font-weight: bold;display: inline;}
#regform span.error, span.error {color:#E21E10;font-weight:bold;}
textarea#regtext{background-color: #EFEFEF;border:2px solid #DFDFDF;}
#regform .submit-btn{background-color:#90c505;color:#fff;font:normal bold 16px/100% Arial, sans-serif;display:block;width:114px;
height:35px;padding:0;text-align:center;border:0;cursor:pointer;margin:5px 0 0 0;float:left;}