/* CSS Document */

html,body {
	margin:0; height:100%; border:none;
	background:url(../grafika/index_hatter.png) repeat-x;
	background-color:#fff; 
	color:#766e6e;
	font-family: Tahoma, Geneva, sans-serif;
	}
a {color:#766e6e;text-decoration:none;}
a:hover {color:#C30;text-decoration:underline;}
.cim {font-size:20px;}
h1 {font-size:60px;margin:0px;text-align:center;font-variant:small-caps;color:#BBB;font-weight:normal;}
h2 {font-size:45px;margin:0px 0px 20px 0px;font-variant:small-caps;color:#BBB;font-weight:normal;}
h3 {font-size:30px;margin:0px 0px 10px 0px;font-variant:small-caps;color:#BBB;font-weight:normal;}
h4 {font-size:24px;margin:0px 0px 10px 0px;font-variant:small-caps;color:#BBB;font-weight:normal;}
h5 {font-size:16px;margin:0px;color:#BBB;font-weight:normal;}
.bekezdes {line-height:200%;text-align:justify;margin:20px 80px 10px 0px;}
.bekezdesfele {line-height:160%;text-align:justify;margin:20px 80px 10px 0px;width:50%;}
.behuzas {text-align:justify;line-height:200%;margin:0px;padding:0px;margin-left:40px;font-size:14px;}
.kisbetu {font-size:11px;line-height:120%;}
.sor {margin:10px 0px 10px 0px;}
.videocimek {line-height:150%;margin:0px;padding-left:20px; font-size:11px;}
.piros {color:#F44;}
.zold {color:#5F5;}
.sotetzold {color:#0B0;}
.jel_right_input {BORDER: #949ba2 1px solid;}
.jel_right_input_hiba {BORDER: #ff0000 1px solid; BACKGROUND-COLOR: #ffefdf;}
.gomb30 {display:block;background:url(../grafika/gomb30.png) repeat-x;padding:5px;margin:10px 0px 0px 0px;font-size:14px;width:200px;}
.gomb30lennt {display:block;background:url(../grafika/gomb30.png) repeat-x;padding:5px;margin:5px 0px 2px 5px;font-size:14px;text-align:center;}
.gomb30:hover, .gomb30lennt:hover {cursor:pointer;background:url(../grafika/gomb30_over.png) repeat-x;color:#FFF}
.cegek {margin:20px 0px 0px 30px;font-size:13px;}
div#keret {position:relative;margin:auto;width:1222px;height:675px;}
div#preloaded-images {position: absolute;overflow: hidden;left: -9999px;top: -9999px;height: 1px;width: 1px;}
div#logo {position:absolute;height:90px;width:424px;background:url(../grafika/logo.png) no-repeat;}
div#nyitolap {width:420px;height:68px;float:right;}
div#nyitolap:hover {background:url(../grafika/logo_hover.png) no-repeat right top;cursor:pointer;}
div#felsomenu {position:absolute;top:92px;left:0px;height:30px;width:1222px;font-size:22px;}
div#felsomenupont {position:relative;height:26px;float:left;padding:4px 20px 0px 10px;}
div#felsomenupont_aktiv {position:relative;height:26px;float:left;padding:4px 20px 0px 10px;color:#E00;}
div#felsomenupont_admin {position:relative;height:26px;float:left;padding:4px 20px 0px 10px;}
div#felsomenupont_admin:hover {color:#900;cursor:pointer;}
div#bejelentkezes {position:relative;height:22px;float:right;padding:10px 10px 0px 0px;font-size:13px;}
div#felsomenupont:hover, div#bejelentkezes:hover {cursor:pointer;text-decoration:underline;}
  #bejelentkezes .popup {
	 position: fixed;
	 width: 100%;
	 opacity: 0.7;
	 top:0px;
	 left:0px;
	 min-height:200px;
	 height:100%;
	 z-index: 199;
	 background: #000;
	 font-size: 20px;
	 text-align: center;
	 display:none;
  }
  #bejelentkezes #login_form {
	  position:absolute;
	  width:200px;
	  top:0px;
	  right:130px;
	  background-color:#DDD;
	  padding:10px;
	  border:1px solid #AAA;
	  display:none;
	  z-index:200;
		border-radius: 10px;
		box-shadow: 0 0 10px rgba(0,0,0,0.4);
	  -moz-border-radius: 10px;
	  -moz-box-shadow: 0 0 10px #aaa;
	  -webkit-border-radius: 10px;
	  -webkit-box-shadow: 0 0 10px #aaa;
  }
  #bejelentkezes #login_form .beviteli {width:80px;}
  #bejelentkezes #login_form .gomb {width:90px;height:30px;}
  #bejelentkezes #login_form .pipa {color:#999;}
  #bejelentkezes #login_form .pipa:hover {color:#222;}
div#betolto {width:100%;padding:150px 0px 0px 0px;text-align:center;}
div#threemenu {position:relative;height:30px;width:30px;float:left;margin:4px 20px 0px 5px;
	background-image:url(../grafika/3menu.png);background-repeat:no-repeat;cursor:pointer;}
div#threemenu:hover {background-image:url(../grafika/3menu_over.png)}
div#threemenuclick {position:relative;height:30px;width:30px;float:left;margin:4px 20px 0px 5px;
	background-image:url(../grafika/3menu_over.png);background-repeat:no-repeat;cursor:pointer;}
div#temamenu {position:absolute;top:0px;left:5px; width:200px;height:510px;}
div#baldoboz {position:absolute;top:150px;left:0px;width:205px; padding:10px 0px 0px 0px;line-height:30px;}
  #baldoboz a:hover {text-decoration:underline;}
  #baldoboz ul, #baldoboz ul li {list-style: none;font-size:14px;line-height:150%;margin:0;padding:0;}
  #baldoboz ul .videonev {font-size:12px;margin:2px 0px 0px 18px;}
  #baldoboz ul .videonevaktiv {font-size:12px;margin:2px 0px 0px 18px;text-decoration:underline;}

.tavkerdesstilus {border:#ccc 1px solid;background-color:#eee;color:#777;font-size:12px;
							position:absolute; top:0px; left:0px; width:194px; height:460px; padding:0px;
							}
div#uzenetdoboz {position:absolute;bottom:25px;left:0px;width:194px;height:25px;text-align:left;font-size:16px;}
div#uzenetdoboz .piros {color:#F00;}
div#uzenetdoboz .zold {color:#0F0;}
div#alsobardoboz {position:absolute;bottom:0px;left:2px;width:194px;height:20px;}
div#bardobozka_piros {position:relative;float:left;width:13px;height:13px;background-color:#F77;margin:1px;border: solid 2px #eee;}
div#bardobozka_zold {position:relative;float:left;width:13px;height:13px;background-color:#7F7;margin:1px;border: solid 2px #eee;}
div#bardobozka_ures {position:relative;float:left;width:13px;height:13px;background-color:#CCC;margin:1px;border: solid 2px #eee;}
div#alsobardoboz .aktiv {border-color:#999;}
div#tavkerdes .kerdes {margin:0px;color:#09C;margin:4px 0px 10px 4px;font-size:16px;line-height:150%}
div#tavkerdes #fejezetvalasz {position:relative;float:left;width:194px;padding:5px 0px 5px 0px;margin-bottom:10px;cursor:pointer;line-height:180%}
div#tavkerdes #fejezetvalasz:hover {color:#000;background-color:#EDC;}
div#tavkerdes #fejezetvalasztext {position:relative;float:right;width:170px;font-size:16px;}
div#tavkerdes #fejezetjovalasz {position:relative;float:left;width:174px;margin:10px;line-height:180%;color:#00B000;font-size:16px;}

div#tesztdoboz {position:absolute;top:140px;left:205px;width:812px;height:482px;}
div#videodoboz {position:absolute;top:150px;left:205px;width:812px;height:462px;}
	#videodoboz div#fomenu_bal,#videodoboz div#fomenu_jobb,#videodoboz div#fomenu_kozep {
		position:relative;width:320px;border:#BBB 1px solid;background-color:#DDE;font-size:30px;
		text-align:center;padding: 10px 0px 10px 0px;margin-top:30px;
		border-radius: 10px;
		box-shadow: 0 0 10px rgba(0,0,0,0.4);
		-moz-border-radius: 10px;
	  -moz-box-shadow: 0 0 10px #aaa;
	  -webkit-border-radius: 10px;
	  -webkit-box-shadow: 0 0 10px #aaa;
}
	#videodoboz div#fomenu_bal {float:left;margin-left:60px;}
	#videodoboz div#fomenu_jobb {float:right;margin-right:60px;}
	#videodoboz div#fomenu_kozep {float:left;margin-left:230px;}
  #videodoboz div#videokeret {width:800px;height:450px;text-align:center;padding:5px;border:#888 1px solid;background-color:#eee;}
	#videokeret div#nincselofizetve {background:url(../grafika/nincselofizetve.png) no-repeat; position:absolute; top:0px; left:0px;width:812px;height:462px;}
	#videokeret div#nemaktiv {background:url(../grafika/nemaktiv.png) no-repeat; position:absolute; top:0px; left:0px;width:812px;height:462px;}
	#videokeret div#nemaktiv div#nemaktivuzenet {	border:#C00 3px solid;background:url(../grafika/szurke60.png);color:#DDD;font-size:24px;position:absolute;top:180px;left:150px;width:512px;padding:20px;}
  #videodoboz .bekezdesbemutat {line-height:200%;text-align:justify;margin:20px 50px 0px 0px;}
  #videodoboz ol {line-height:200%;}
  #videodoboz ul {font-size:12px;line-height:140%;}
	#videodoboz .kinekajanljuk {font-size:16px;line-height:200%;padding:30px 0px 0px 150px;}
	#videodoboz div#videoeredmenyek {position:absolute;left:456px;top:289px;border:#999 solid thin;width:208px;height:172px;font-size:14px;padding:5px;}
		#videodoboz div#videoeredmenyek p {line-height:100%;margin:3px 0px 3px 12px;display:inline;}
		#videodoboz div#videoeredmenyek p:hover {color:#555;}
		#videodoboz div#videoeredmenyek ul,#videodoboz div#videoeredmenyek li {list-style:none;text-decoration:none;margin:0px;padding:0px;}
	#videodoboz div#stepbox,#videodoboz div#sikerregbox {float:left;margin:10px;background-color:#eaefF0;width:240px;height:180px;
	border-top:#999 thin solid;border-left:#999 thin solid;border-bottom:#ddd thin solid;border-right:#ddd thin solid;border-radius: 10px;
		box-shadow: 0 0 4px rgba(0,0,0,0.4);-moz-border-radius: 10px;-moz-box-shadow: 0 0 10px #aaa;-webkit-border-radius: 10px;-webkit-box-shadow: 0 0 5px #CCC;}
	#videodoboz div#sikerregbox:hover {background-color:#e0e0d0;cursor:pointer;border-top:#555 thin solid;border-left:#555 thin solid;border-bottom:#999 thin solid;border-right:#999 thin solid;}
	#videodoboz #oriasleft {float:left;font-size:110px;margin:0px 4px 0px 4px;line-height:100%;float:left;color:#CCC;font-family:Arial, Helvetica, sans-serif}
	#videodoboz #stepbox .kepdoboz, #videodoboz #sikerregbox .kepdoboz {width:160px;height:100px;margin-top:8px;}
	#videodoboz #stepbox .bekezdes, #videodoboz #sikerregbox .bekezdes {font-size:13px;margin:10px;line-height:140%;}
	#videodoboz #szintmero-tema {position:absolute;right:60px;top:289px;font-size:12px;}
	#videodoboz #merokeret2 {border:#999 solid thin;padding:5px 0px 0px 0px;width:70px;height:177px;color:#FFF}
	#videodoboz #merokeret2 #merocim2 {text-align:center;font-size:11px;height:35px;line-height:110%;margin-top:0px;}
	#videodoboz #szintek {float:left;text-align:center;padding:9px 0px 0px 10px;margin:0px;}
	#videodoboz #szintek p {width:38px;display:block;margin:0px;padding-top:2px;height:23px;}
	#videodoboz .level1, #videodoboz .level2, #videodoboz .level3, #videodoboz .level4, #videodoboz .level5 {color:#000;position:absolute;}
	#videodoboz .level1 {background-color:#FFFF00;bottom:12px;}
	#videodoboz .level2 {background-color:#EEEE00;bottom:36px;}
	#videodoboz .level3 {background-color:#DDDD00;bottom:61px;}
	#videodoboz .level4 {background-color:#CCCC00;bottom:86px;}
	#videodoboz .level5 {background-color:#BBBB00;bottom:111px;}
	#videodoboz #szintdobozlogin {float:left;margin-right:8px;border:#FFF 1px solid;min-width:150px;}
	#videodoboz #szintdoboz {float:left;margin-right:8px;border:#FFF 1px solid;min-height:170px;}
	#videodoboz #szintdoboz:hover {background-color:#DDD;}
	#videodoboz div#tanusitvanyletolt,#videodoboz div#tanusitvanytema {text-align:center;padding:6px;border:#FFF 1px solid;font-size:12px;}
	#videodoboz div#tanusitvanyletolt:hover {border:#000 1px solid;}
	#videodoboz div#hitelesitbal {position:absolute;top:80px;left:0px;width:370px;padding:10px;}
	#videodoboz div#hitelesitjobb {position:absolute;top:80px;right:20px;width:370px;padding:10px;}
	#videodoboz div#hitelesitbal p, #videodoboz div#hitelesitjobb p {margin:8px;font-size:16px}
	#videodoboz div#hitelesitlennt {position:absolute;bottom:0px;left:0px;width:770px;height:240px;padding:10px;}
	#videodoboz div#hitelesitlennt div#modulpercent {position:relative;float:left;width:40px;height:27px;background-size:contain;margin-bottom:10px;color:#FFF;text-align:center;padding-top:13px;font-size:11px}
	#videodoboz div#hitelesitlennt div#modulnev {margin:4px 0px 0px 50px;}
	#videodoboz div#hitelesitlennt div#videok {position:relative;font-size:10px;float:left;margin-left:10px;}
	#videodoboz div#siket {width:530px;height:130px;position:absolute;top:158px;left:32px;padding:15px;font-size:27px;color:#000}
div#jobbdoboz {position:absolute;top:144px;right:-10px;width:211px;height:480px;padding:0px;margin:0px;line-height:180%;font-size:12px;z-index:1;}
  div#temacim {font-size:16px;margin:4px 0px 4px 0px;font-weight:bold;width:225px;clear:both;}
  div#verzio {font-size:14px;margin:0px;color:#06C}
  #jobbdoboz div#videocim {font-size:14px;margin:0px;border:#ccc 1px solid;background-color:#eee;color:#777;text-align:center;width:209px;}
	#jobbdoboz .szoftvernev {font-size:16px; font-weight:bold;line-height:100%}
  #jobbdoboz ul {font-size:12px;margin:0px;line-height:190%;}
  #jobbdoboz table a {color:#FFF;}
  #jobbdoboz table a:hover {text-decoration:underline;}
	#jobbdoboz div#videoadatok {text-align:center;padding:6px;}
	#jobbdoboz div#szakaszok {margin: 5px 0px 10px 0px;font-size:11px;text-align:left;padding-left:0px;width:210px;}
	#jobbdoboz #szakaszok .jatszva {background-color:#D9D9E3;}
	#jobbdoboz #szakaszok .fejezetcim {}
	#jobbdoboz #szakaszok .fejezetcim_piros {color:#F00;}
	#jobbdoboz #szakaszok .fejezetcim_piros:hover {color:#A00;}
	#jobbdoboz #szakaszok .fejezetcim_zold {color:#3A0;}
	#jobbdoboz #szakaszok .fejezetcim_zold:hover {color:#060;}
	#szakaszok div {display:block;}
	#szakaszok div:hover {color:#000;cursor:pointer;}
	#jobbdoboz .document {background: url(../grafika/documentikon.png) no-repeat;padding-left:20px;font-size:13px;}
	#jobbdoboz #lennt {position:absolute;left:0px;bottom:10px;width:211px;text-align:center;font-size:11px;line-height:100%;}
	#jobbdoboz #lennt a {color:#000;}
	#jobbdoboz #lennt a:hover {color:#fff;}
	#jobbdoboz div#ertekeles {width:190px;height:35px; margin-left:10px; border:#CCC 1px solid;padding:4px; background-color:#EEE}
		#jobbdoboz #ertekeles .manko {width:20px;padding:3px; float:left;margin:0px 0px 6px 10px;}
		#jobbdoboz #ertekeles .manko:hover {cursor:pointer;background-color:#CCF;}
	#jobbdoboz #lennt #jegyzet {position:relative;float:left;width:48px;height:33px;background: url(../grafika/alap_jegyzet.png) no-repeat;margin-left:10px;padding-top:5px;}
	#jobbdoboz #lennt #nyers {position:relative;float:left;width:48px;height:33px;background: url(../grafika/alap_nyers.png) no-repeat;margin-left:3px;padding-top:5px;}
	#jobbdoboz #lennt #kesz {position:relative;float:left;width:48px;height:33px;background: url(../grafika/alap_kesz.png) no-repeat;margin-left:3px;padding-top:5px;}
	#jobbdoboz #lennt #gyak {position:relative;float:left;width:48px;height:33px;background: url(../grafika/alap_gyak.png) no-repeat;margin-left:3px;padding-top:5px;}
	#jobbdoboz #szintmero-szoftver {position:absolute;left:0px;bottom:0px;}
	#jobbdoboz #siketlogo {background:url(../grafika/siketlogo.png) no-repeat;width:68px;height:68px;margin-left:90px;}
	#jobbdoboz #siketlogo:hover {background-image:url(../grafika/siketlogo_hover.png);cursor:pointer}
div#alsodoboz {position:absolute;top:642px;left;0px;width:1222px;text-align:center;font-size:14px;}
  #alsodoboz a {margin:10px}
  #alsodoboz a:hover {margin:10px}

/*modul.php*/
div#balfele {position:relative;float:left;width:400px;text-align:justify;line-height:200%;margin:0px;padding:0px;}
div#jobbfele {position:relative;float:right;text-align:center;margin:40px 60px 0px 0px;padding:5px;border:#888 1px solid;background-color:#eee;}

/*Kereséshez:*/
.container{
	position:absolute;top:40px;right:10px;width:300px;
}
#searchInput
{
width:300px;
border:solid 1px #dedede;
padding:3px;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
-moz-border-top-right-radius: 6px;
-moz-border-top-left-radius: 6px;
box-shadow: 0px 0px 5px #999;
border-width: 1px 1px 0px;
border-style: solid;
border-color: #efefef #DEDEDE #DEDEDE;
background-color: white;
}
#divResult
{
position:absolute;
right:0px;
z-index:2000;
width:300px;
display:none;
margin-top:-1px;
border:solid 1px #dedede;
border-top:0px;
overflow:hidden;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
-moz-border-bottom-right-radius: 6px;
-moz-border-bottom-left-radius: 6px;
box-shadow: 0px 0px 5px #999;
border-width: 0px 1px 1px;
border-style: solid;
border-color: #eeeeee #DEDEDE #DEDEDE;
background-color: white;
}
#divResult a {color:#666;}
#divResult a:hover {color:#fff;}
#divResult ul {list-style::none;margin:0pt;padding:0pt;}
#divResult ul li{padding:4px; border-top:solid 1px #dedede; height:40px;}
#divResult ul li:hover{cursor: pointer;background:#1BA1E2;color:white;color:#FFF;}
#divResult ul li.selected{background:#1BA1E2;color:#FFFFFF;cursor:pointer;color:#FFF;}
#divResult div#search-footer{height: 15px;text-align: center;padding: 5px 0 10px 0;background-color:#e2e2e2;}
#divResult ul li img.profile_image{width:40px; height:40px; float:left; margin-right:6px;}
#divResult ul li .szoftver{font-size:11px;}
#probakeret {position:relative; margin:auto; width:750px; height:462px; background:url(../grafika/teszt_hatter_1px.png) repeat-x;
	border:#FFF thin solid; }
.tesztnev {line-height:140%;margin-bottom:10px;font-size:13px;}
#kerdesdoboz {
	position:absolute;
	top:9px;
	left:14px;
	width:720px;
	height:180px;
	background-color:#d3dfd6;
	color:#666;
	border-top:#444 1px solid;
	border-left:#444 1px solid;
	border-bottom:#EEE 1px solid;
	border-right:#EEE 1px solid;
	font-size:20px;
}
#valaszkeret {
	position:absolute;
	bottom:5px;
	left:15px;
	width:720px;
	height:260px;
	text-align:center;
}
#valaszdoboz {
	position:relative;
	float:left;
	width:342px;
	height:114px;
	padding:3px;
	margin:5px;
	text-align:left;
	border:#aaa 1px solid;
	background-color:#e3dfd6;
	font-size:18px;
	cursor:pointer;
}
#valaszdoboz li {
	list-style:none;
	}
#valaszdoboz:hover, #valaszdoboz li:hover {
	color:#000;
	background-color:#CCC;
	}
#kepdoboz {clear:both;}
#tanusitvany {
	position:relative;
	background-image:url(../grafika/oklevel.png);
	background-repeat:no-repeat;
	border: #666 1px solid;
	width:300px;
	height:442px;
	text-align:center;
	font-size:11px;
	color:#333;
	padding:10px;
}
#tanusitvany #hitelesseg {
	position:absolute;
	top:4px;
	right:4px;
	width:130px;
	height:40px;
	border: #999 solid 1px;
	padding:2px;
	background: url(../grafika/szurke10.png);
	font-size:8px;
	text-align:left;
	}
div#videoajanlat {
	position:absolute;
	top:100px;
	margin:auto;
	width:330px;
	height:340px;
	padding:10px;
	background-color:#f1f1f1;
	border: 1px solid #ccc;
}
#videoajanlat td {border:1px solid #CCC;}
div#sikeresfizetes {margin:auto;width:400px;padding:30px;border:#CCC thin solid;text-align:center;background-color:#222;font-size:24px;}
#sikeresfizetes a {color:#BBB;}
#sikeresfizetes a:hover {color:#FFF;}
div#szerzodesnyelve {position:absolute;bottom:0px;right:0px;width:230px;min-height:140px;
	font-size:10px;margin-right:20px;padding:0px 5px 0px 5px;line-height:140%;
	background-color:#fcfcfc;
	border: 1px solid #ccc;
}
/* Admin rész */
div#kezdobox {float:left;margin:10px;background-color:#eaefF0;
	width: 380px;height:180px;
	border-top:#999 thin solid;
	border-left:#999 thin solid;
	border-bottom:#ddd thin solid;
	border-right:#ddd thin solid;
		border-radius: 10px;
		box-shadow: 0 0 4px rgba(0,0,0,0.4);
    -moz-border-radius: 10px;
    -moz-box-shadow: 0 0 10px #aaa;
    -webkit-border-radius: 10px;
    -webkit-box-shadow: 0 0 5px #CCC;
}
div#kezdobox:hover {background-color:#e0e0d0;cursor:pointer;
	border-top:#555 thin solid;
	border-left:#555 thin solid;
	border-bottom:#999 thin solid;
	border-right:#999 thin solid;
}
div#kezdobox .boxcim {font-size:16px;margin:20px 0px 10px 0px;}
div#kezdobox .bekezdes {font-size:12px;line-height:200%;text-align:left;margin:0px;}
div#kezdobox #oriasleft {font-size:180px;margin:5px 4px 0px 4px;line-height:100%;float:left;color:#CCC;font-family:Arial, Helvetica, sans-serif}
#jobbbox {float:right;margin:10px;}
#jobbtext ol {font-size:12px;line-height:130%;margin:10px 0px 0px 30px;padding:0px;}
#jobbtext li {padding:4px;}
#jobbtext ul {font-size:12px;line-height:120%;margin:0px 0px 0px 50px;padding:0px;}
.solidkeret {border:#BBB thin solid;background-color:#e2e2f8;height:150px;}