body{margin:0;padding:0}.clr{clear:both}.clra:after{clear:both;content:".";display:block;height:0;visibility:hidden}#frame{max-width:1450px;width:auto;padding:15px 5px 5px;background:#FFFCF5;border-bottom-left-radius:4px;-moz-border-bottom-left-radius:4px;border-bottom-right-radius:4px;-moz-border-bottom-right-radius:4px;margin:auto;-webkit-box-shadow:2px 2px 6px 0 rgba(0,0,0,0.5);-moz-box-shadow:2px 2px 6px 0 rgba(0,0,0,0.5);box-shadow:2px 2px 6px 0 rgba(0,0,0,0.5)}#frame #head{margin-bottom:10px;max-width:100%;width:auto;height:auto}#frame #head #headSlide{display:block;z-index:2}#frame #head #rowContainer{width:100%}#frame #head #rowContainer .row{display:table;width:100%}#frame #head #rowContainer .row .buttonContainer{display:table-cell;width:40%;vertical-align:middle;text-align:right;padding-right:10px}#frame #head #rowContainer .row .buttonContainer .checkButton{padding:8px 15px;text-decoration:none;min-width:130px;text-align:center;display:inline-block;font-family:Verdana;font-size:18px;color:#333333}#frame #head #rowContainer .row:nth-child(1) #taskName{display:table-cell;width:50%;height:55px;vertical-align:middle;padding-left:10px}#frame #head #rowContainer .row:nth-child(1) #taskName label{margin-right:30px;font-family:Verdana;font-size:18px;font-weight:bold;color:#333333;text-transform:uppercase;vertical-align:middle}#frame #head #rowContainer .row:nth-child(1) #taskName #taskLevels{display:inline-block}#frame #head #rowContainer .row:nth-child(1) #taskName #taskLevels .level{width:35px;height:38px;display:inline-block;vertical-align:middle;background-image:url('img/level.png');background-repeat:no-repeat;background-size:cover;background-position:center center;margin-right:5px}#frame #head #rowContainer .row:nth-child(1) .rightButtonCont{float:right}#frame #head #rowContainer .row:nth-child(1) .buttonContainer{vertical-align:middle;width:25%}#frame #head #rowContainer .row:nth-child(1) .checkButton{border-radius:0;display:block;float:left;color:#333333;font-family:Verdana;font-size:18px;width:auto;min-width:0;padding:0}#frame #head #rowContainer .row:nth-child(1) .checkButton:first-child{border-right:1px solid #333333;padding-right:10px;margin-right:10px}#frame #head #rowContainer .row:nth-child(2) #taskText{display:table-cell;width:46%;height:55px;vertical-align:middle;padding:0 10px;font-family:Verdana;font-size:18px;color:#333333;text-transform:uppercase}#frame #head #rowContainer .row:nth-child(2) #taskProcess{display:table-cell;width:14%;vertical-align:middle;text-align:center;font-family:Verdana;font-size:18px;color:#333333;text-transform:uppercase}#frame #head #rowContainer .row:nth-child(2) .checkButton{background:#AACA4F;border-radius:4px;-moz-border-radius:4px;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.5);-moz-box-shadow:0 1px 2px 0 rgba(0,0,0,0.5);box-shadow:0 1px 2px 0 rgba(0,0,0,0.5);text-shadow:0 1px 0 #bfdf53}#frame #openHead{display:none;width:170px;height:30px;position:absolute;left:50%;top:0;margin-left:-85px;cursor:pointer;text-align:center;opacity:.8;background-color:#FFFCF5;box-shadow:0 3px 3px 0 rgba(50,50,50,0.3);border-bottom-left-radius:6px;-moz-border-bottom-left-radius:6px;border-bottom-right-radius:6px;-moz-border-bottom-right-radius:6px;background-image:url('img/arrow_down.png');background-repeat:no-repeat;background-position:center center;z-index:1}#frame #closeHead{display:none;width:170px;height:30px;margin:auto;cursor:pointer;text-align:center;background-color:#FFFCF5;box-shadow:0 3px 3px 0 rgba(50,50,50,0.3);border-bottom-left-radius:6px;-moz-border-bottom-left-radius:6px;border-bottom-right-radius:6px;-moz-border-bottom-right-radius:6px;background-image:url('img/arrow_up.png');background-repeat:no-repeat;background-position:center center}#frame #content #taskContainer{max-width:100%;width:auto;height:683px;background:#FFFFFF;text-align:center;border-radius:4px;-moz-border-radius:4px}#frame #content #taskContainer iframe{margin:0;padding:0;border:none}#frame #content #taskContainer #result{width:100%;height:100%;background-image:url('img/result_bg.png');background-repeat:no-repeat;background-position:right bottom;background-size:auto 60%}#frame #content #taskContainer #result h1{font-family:Verdana;font-weight:bold;font-size:18px;color:#383838;text-transform:uppercase}#frame #content #taskContainer #result #resultTable{width:460px;margin:40px auto 0}#frame #content #taskContainer #result #resultTable td{font-family:Verdana;font-size:18px;color:#383838;text-transform:uppercase;border-bottom:1px solid #CBCBCB;padding:5px 0}#frame #content #taskContainer #result #resultTable td:first-child{text-align:left}#frame #content #taskContainer #result #resultTable td:last-child{text-align:right}#frame #content #taskContainer #result #resultTable td #finalResultTable{background:#9FC434;border-radius:5px;margin-top:30px}#frame #content #taskContainer #result #resultTable td #finalResultTable td{border:none;padding:10px;color:#383838;font-family:Verdana;font-weight:bold;font-size:22px}#frame #content #taskContainer #result #resultTable tr:last-child td{border:none}.infobox{position:absolute;top:0px;left:0px;background-color:white;width:400px;max-width:480px;height:auto;max-height:320px;padding:40px;border-radius:4px;-moz-border-radius:4px;display:none;z-index:800;-webkit-box-shadow:0 3px 7px 0 rgba(0,0,0,0.25);-moz-box-shadow:0 3px 7px 0 rgba(0,0,0,0.25);box-shadow:0 3px 7px 0 rgba(0,0,0,0.25);font-family:Verdana;font-size:18px;color:#262626}.infobox a{width:11px;height:11px;padding:10px 15px 10px;position:absolute;right:0px;top:0px;background-image:url('img/close.png');background-repeat:no-repeat;background-size:10px auto;background-position:center center}.showResult{position:absolute;top:0px;left:0px;width:400px;max-width:480px;height:auto;max-height:320px;border-radius:20px;display:none;font-family:Roboto;color:#FFFFFF}.showResult .content{text-align:center;margin-top:10px;margin-bottom:10px}.showResult .content .title{font-size:30px}.showResult .content .subtitle{font-size:25px}.showResult .content .pont{font-size:25px;font-style:italic}.showResult.success{background:#a3c623}.showResult.fail{background:#ff1d24}#countdown{display:inline-block;margin-left:30px;vertical-align:middle}#clock{font-family:Verdana;display:inline-block}.warn{color:#ff1d24;font-size:18px;font-weight:bold}.ok{color:#333333;font-size:18px;font-weight:bold}#wrongOrientation{display:none;position:absolute;background-color:#9FC434;color:white;width:100%;height:100%;top:0;bottom:0;left:0;right:0;font-size:80px;text-align:center;background-image:url('img/wrongorientation.png');background-repeat:no-repeat;background-position:center center;background-size:50% auto}#matek_frameCont #frame #taskName #taskLevels .level.ready,#matek_3_4_frameCont #frame #taskName #taskLevels .level.ready,#matek_5_8_frameCont #frame #taskName #taskLevels .level.ready{background-image:url('img/matek_level_ready.png') !important}#termeszetismeret_frameCont #frame #taskName #taskLevels .level.ready{background-image:url('img/termeszetismeret_level_ready.png') !important}#kornyezet_frameCont #frame #taskName #taskLevels .level.ready{background-image:url('img/kornyezet_level_ready.png') !important}#biologia_frameCont #frame #taskName #taskLevels .level.ready,#biologia_7_8_frameCont #frame #taskName #taskLevels .level.ready,#kis_biologia_frameCont #frame #taskName #taskLevels .level.ready{background-image:url('img/biologia_level_ready.png') !important}#fizika_frameCont #frame #taskName #taskLevels .level.ready,#fizika_7_8_frameCont #frame #taskName #taskLevels .level.ready{background-image:url('img/fizika_level_ready.png') !important}#foldrajz_frameCont #frame #taskName #taskLevels .level.ready,#foldrajz_7_8_frameCont #frame #taskName #taskLevels .level.ready{background-image:url('img/foldrajz_level_ready.png') !important}#kemia_frameCont #frame #taskName #taskLevels .level.ready,#kemia_7_8_frameCont #frame #taskName #taskLevels .level.ready{background-image:url('img/kemia_level_ready.png') !important}@media only screen and (min-width:1200px) and (max-width:1499px){#frame #head #rowContainer .row:nth-child(2) .buttonContainer .checkButton{min-width:110px;padding:8px 10px}}@media only screen and (min-width:925px) and (max-width:1199px){#frame #head #rowContainer .row:nth-child(1) #taskName label{font-size:17px}#frame #head #rowContainer .row:nth-child(2) #taskText,#frame #head #rowContainer .row:nth-child(2) #taskProcess{font-size:17px}#frame #head #rowContainer .row:nth-child(1) #taskName #taskLevels .level{width:30px;height:33px}#frame #head #rowContainer .row:nth-child(2) .buttonContainer .checkButton{min-width:100px;padding:8px 8px;font-size:16px}}@media only screen and (max-width:925px){#frame #openHead,#frame #closeHead{display:block}#frame #head #headSlide{position:absolute;left:0;width:100%;display:none}#rowContainer{-webkit-box-shadow:0 5px 5px 0 rgba(50,50,50,0.3);-moz-box-shadow:0 5px 5px 0 rgba(50,50,50,0.3);box-shadow:0 5px 5px 0 rgba(50,50,50,0.3);background:#FFFCF5;border-bottom-left-radius:8px;-moz-border-bottom-left-radius:8px;border-bottom-right-radius:8px;-moz-border-bottom-right-radius:8px}}@media only screen and (min-width:700px) and (max-width:925px){#frame #head{margin-bottom:0}#frame #head #rowContainer .row:nth-child(1) .rightButtonCont{text-align:center}#frame #head #rowContainer .row:nth-child(1) #taskName{width:82%;height:45px}#frame #head #rowContainer .row:nth-child(1) #taskName label{font-size:14px}#frame #head #rowContainer .row:nth-child(1) #taskName #taskLevels .level{width:26px;height:27px}#frame #head #rowContainer .row:nth-child(1) .checkButton{font-size:14px;float:none}#frame #head #rowContainer .row:nth-child(1) .checkButton:first-child{border-bottom:1px solid #333333;border-right:none;margin:0 0 2px 0;padding:0 0 2px 0}#frame #head #rowContainer .row:nth-child(1) .buttonContainer{width:18%}#frame #head #rowContainer .row:nth-child(2) .buttonContainer{width:20%}#frame #head #rowContainer .row:nth-child(2) .buttonContainer .checkButton{font-size:14px;min-width:100%;padding:6px 0;margin-bottom:3px}#frame #head #rowContainer .row:nth-child(2) #taskText{font-size:14px;height:45px;width:63%}#frame #head #rowContainer .row:nth-child(2) #taskProcess{font-size:14px;width:17%;padding-right:5px}}@media only screen and (min-width:460px) and (max-width:699px){#frame #head{margin-bottom:0}#frame #head #rowContainer .row:nth-child(1) .rightButtonCont{text-align:center}#frame #head #rowContainer .row:nth-child(1) #taskName{width:82%;height:45px}#frame #head #rowContainer .row:nth-child(1) #taskName label{font-size:12px}#frame #head #rowContainer .row:nth-child(1) #taskName #taskLevels .level{width:23px;height:24px}#frame #head #rowContainer .row:nth-child(1) .checkButton{font-size:12px;float:none}#frame #head #rowContainer .row:nth-child(1) .checkButton:first-child{border-bottom:1px solid #333333;border-right:none;margin:0 0 2px 0;padding:0 0 2px 0}#frame #head #rowContainer .row:nth-child(1) .buttonContainer{width:18%}#frame #head #rowContainer .row:nth-child(2) .buttonContainer{width:20%}#frame #head #rowContainer .row:nth-child(2) .buttonContainer .checkButton{font-size:12px;min-width:100%;padding:6px 0;margin-bottom:3px}#frame #head #rowContainer .row:nth-child(2) #taskText{font-size:12px;height:45px;width:63%}#frame #head #rowContainer .row:nth-child(2) #taskProcess{font-size:12px;width:17%;padding-right:5px}.infobox{width:340px;padding:15px;font-size:11px}.infobox a{padding:7px}#frame #content #taskContainer #result h1{font-size:16px;margin-bottom:5px}#frame #content #taskContainer #result #resultTable{width:360px;margin-top:0}#frame #content #taskContainer #result #resultTable td{font-size:10px}#frame #content #taskContainer #result #resultTable td #finalResultTable{margin-top:3px}#frame #content #taskContainer #result #resultTable td #finalResultTable td{padding:4px;font-size:14px}}