@charset "utf-8";
/* CSS Document */
.sudoku-grid {background: linear-gradient(45deg, #A7C6D8  0%, rgb(102,102,102) 100%);}
.sudoku-grid td{ color:rgb(51,51,51); text-decoration:underline; font-size:.5em; width:15px; height:15px; font-weight:bold; box-sizing:border-box; }
.nagyon-nehez{margin-top:-7px; margin-bottom:-5px;}
.nagyon-nehez:first-letter{text-transform: capitalize;}
.szurke{background:#CCC;}
.sudoku-szabalyai{ width:100%; max-width:360px; height:370px; margin:auto; text-align:center; background:url(design-sudoku/sudoku.jpg);background-repeat: no-repeat;  background-size: auto; font-size:2em; color:#fff;}
.sudoku-row{max-width:360px; height:45px; background:rgb(255,0,0, 0.8); position:relative; z-index:2; margin:auto; margin-bottom:-45px; text-align:center;}
.sudoku-column{width:370px; height:45px; background:rgb(0,102,204, 0.8); position:relative; z-index:3;  transform: rotate(-90deg); margin-left:152px;margin-top:163px;}
.sudoku-block{width:120px; height:120px; background:rgb(0,204,153, 0.8); position:relative; z-index:4; float:left; box-sizing:border-box; padding-top:2em; font-size:.8em; margin-top:43px;}
.sudoku-app{max-width:350px; margin:auto;}
.sudoku-reklam{max-width:665px; min-height:300px; border:1px dotted #999999; }
.sudoku-focim{color:#666;}
.sudoku-lablec-betet{display:table; margin:auto; text-align:center;}
.sudoku-megoldas-menu-keret{border:1px solid #633;}
.nyomtathato-sudoku{font-size:22px; width:100%; text-align:center;}
.sudoku-nyomtathato-tabla-div{max-width:500px; margin:auto; text-align:center;}
.sudoku-nyomtathato-cella{border:1px solid #999; font-size:26px; text-align:center; height:100px; box-sizing:border-box; padding-top:30px;  }
.sudoku-nyomtathato-cella:hover{ background:#CCC;}
.sudoku-felett{max-width:440px; margin:auto; height:40px;}
.sudoku-meretezes{ float:right;  width:auto; height:10px; /* Safari -webkit-transform: rotate(-90deg);/* Firefox -moz-transform: rotate(-90deg);/* IE -ms-transform: rotate(-90deg);/* Opera -o-transform: rotate(-90deg); */ }
.sudoku-toplista{clear:both; margin:auto; }
.sudoku-verseny{background: linear-gradient(to bottom, rgba(203,213,212,1), rgba(167,167,167,1)); border-radius:7px; font-size:1.2em; box-sizing:border-box; padding:5px; color:rgb(51,51,51); border-bottom-right-radius:17px; }
.sudoku-megoldas-nehezseg{ margin:auto; text-align:center; background:#C9BEAF; max-width:1024px; }
.sudoku-hoember{  z-index:1; position:absolute; margin-left:230px; margin-top:-40px; background:url(design-sudoku/susoku-hoember.png) no-repeat; width:72px; height:90px;
-webkit-animation-name: sudoku-hoember-; /* Chrome, Safari, Opera */
-webkit-animation-duration: 15s; /* Chrome, Safari, Opera */
-webkit-animation-iteration-count:3; /* Chrome, Safari, Opera */
animation-name: sudoku-hoember-;
animation-duration: 15s;
animation-iteration-count:3;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes sudoku-hoember- {
0%   { margin-top:-0px;}
5% { margin-top:-60px;}
10% { margin-top:-0px;}
100% { margin-top:-0px; }
}

.napi-feladvany{margin-left:55px;}
.cookie-eu{ position:fixed; bottom:0px; width:100%; background-color: rgba(60, 94, 139, 0.8); padding:7px; text-align:center; color:#FFF; font-size:1.2em; margin:auto;}
.cookie-gomb{ color:#DF3245; cursor:pointer; 	
background: -moz-linear-gradient(top, #FBE31D, #B9AA30 50%) no-repeat #B9AA30;
background:  -webkit-gradient(linear, center bottom, center top, from(#B9AA30), to(#FBE31D)) no-repeat #FBE31D; border:1px solid #DF3245; border-radius:3px; font-size:1.2em; padding:7px; 	}
a{color:inherit;}
.sudoku-jegyzet{height:10px; width:35px; border:none;  margin-bottom:-5px; margin-top:-10px;}
.sudoku-megosztas{width:95%;  clear:both;  box-sizing: border-box; text-align:center;}
.sudokurol{ box-shadow:#666 2px 2px 2px; border-radius:15px; border:1px solid #666;  margin:15px; padding:15px; box-sizing: border-box;}
.sudoku-lablece{margin-left:20px;  margin-right:20px; float:left; text-decoration:none;}
.sudoku-lablec{width:100%; display:table;   background:#444444;  background: -webkit-linear-gradient(top, #444444 , #000000); text-align:center; clear:both; color:#fff; padding:20px; box-sizing: border-box;   }
.sudoku-toplista-nev{text-transform:uppercase; font-size:.8em; }
.sudoku-toplista-megoldas-ido{float:right;}
.szudoku{width:100%; text-align:center; color:#666;  letter-spacing:.3em;}
h2{font-size:2em; margin:auto; width:100%; text-align:center; margin-bottom:0px; margin-top:15px;}
body{margin:0px; color:#333; font-family:papyrus;}
h1{font-size:128px; color:#333; width:100%; text-align:center; margin:0px; font-family:papyrus; font-weight:bold; padding:0px; margin-bottom:-30px; margin-top:-20px;}
.sudoku-ja{border-top:1px solid #666; border-left:1px solid #666; border-bottom:2px solid #666; border-right:2px solid #666;}
.sudoku-a{border-top:1px solid #666; border-left:1px solid #666; border-bottom:2px solid #666; }
.sudoku-ba{border-top:1px solid #666; border-left:2px solid #666; border-bottom:2px solid #666; }
.sudoku-j{border-top:1px solid #666; border-left:1px solid #666; border-right:2px solid #666;}
.sudoku-k{border-top:1px solid #666; border-left:1px solid #666; }
.sudoku-b{border-top:1px solid #666; border-left:2px solid #666; }
.sudoku-jf{border-top:2px solid #666; border-left:1px solid #666; border-right:2px solid #666;}
.sudoku-f{border-top:2px solid #666; border-left:1px solid #666;}
.sudoku-bf{ border-left:2px solid #666; border-top:2px solid #666;}
.sudoku-toplista-nr{ padding-left:5px;  padding-right:5px; border:1px solid #000; border-radius:100px; color:#fff; color:#000; margin-right:10px; float:left; }
.sudoku-toplista-sor{ padding:3px;  background:#A7C6D8; width:320px; margin:auto; margin-bottom:2px; margin-top:2px; text-transform:lowercase;}
.sudoku-gomb{border:1px solid #666; font-size:1.4em; border-radius:4px; margin:7px; background:#A7C6D8;}
.sudoku-szam{border:1px solid #999 ; font-size:1.7em; border-radius:4px;  background:#fff; font-weight:normal;  padding:7px; box-sizing:border-box; width:32px; margin:0px; }
.sudoku-dupla-szam{border:1px solid #999 ; font-size:1.7em; border-radius:4px;  background:#fff; font-weight:normal;  padding:3px; box-sizing:border-box; width:40px; margin:0px; text-align:center; }
.zold{box-shadoW:0px 0px 100px #C1FFC1 inset; }
.sudoku-szovegmezo{border:1px solid #666; font-size:1.4em; border-radius:4px;}
.sudoku-uzenet{box-shadow:0px 3px 6px #999999; border-radius:3px; border-top:4px solid #090;  border-bottom:4px solid #090; margin-top:1em; ; margin-bottom:1em; clear:both; text-align:center; padding:7px; line-height:2em; box-sizing:border-box; }
.sudoku-tabla{ margin:auto;  background:#FFF; clear:both;}
.sudoku-bf, .sudoku-f, .sudoku-jf, .sudoku-b, .sudoku-k, .sudoku-j, .sudoku-ba, .sudoku-a, .sudoku-ja{width:35px; height:35px;margin:0px;}
.sudoku-mezo, .sudoku-mezo-hiba{width:95%; margin:0px; border:none; text-align:center; font-size:25px; line-height:0px; }
.sudoku-mezo-hiba{box-shadoW:0px 0px 100px #A7C6D8 inset;}

@media screen and (min-width: 1024px) {
.sudoku-bill, .sudoku-bill-mezo, .sudoku-uzenet-mobil{display:none; pointer-events: none;}	
.sudoku-tartalom{width:1024px; margin:auto;}
.sudokurol{ margin:14px; width:25%; box-sizing:border-box;}
.sudoku{float:right; margin:14px; width:65%; box-sizing:content-box; text-align:center; font-family:arial; display:table; z-index:2;}
}

@media screen  and (max-width: 1023px) {
.sudoku-bill-alap-mezo{display:none; pointer-events: none;}	
.sudoku-bill{margin:auto; max-width:360px;}
.sudoku-bill, .sudoku-bill-mezo{display:block;}	
.sudoku-reklam{width:100%;}
.sudoku-hoember{  margin-left:140px; margin-top:-40px; width:100%; box-sizing:border-box; background-position:center; }
.sudoku-tartalom{width:100%; margin:auto;}
.sudoku-toplista-sor{margin:auto; text-align:left; margin-top:4px;}
.sudoku-alap{ width:100%; }
}

@media screen  and (max-width: 830px) {
.sudoku{float:none; margin:14px; margin:auto; box-sizing:inline-box; text-align:center;}
.sudokurol{float:none; margin:14px; width:100%; margin:auto; box-sizing:inline-box; margin-bottom:10px;}
.sudoku-hoember{display:none;}
}

@media screen  and (max-width: 768px) {
.sudoku-meretezes{ display:none;}
.sudoku-lablece{line-height:2em;}
}

@media screen  and (max-width: 500px) {
h1{font-size:80px; margin-bottom:0px;}	
.sudoku-lablece{float:none; width:100%; text-align:center; margin-top:10px; line-height:1.7em;}
}

@media screen  and (max-width: 359px) {
.sudoku-hoember{  margin-left:100px; margin-top:-40px; width:100%; box-sizing:border-box; background-position:center; }
.sudoku-bf, .sudoku-f, .sudoku-jf, .sudoku-b, .sudoku-k, .sudoku-j, .sudoku-ba, .sudoku-a, .sudoku-ja{width:25px; height:25px; font-size:.6em;}
}
.sudoku-meret{font-size:37px; width:37px; height:37px;}