html,body{font-family:'Roboto', sans-serif;width:100%;height:100%}html,body,div,ul,ol,li,canvas,h1,h2,h3,h4,h5{margin:0;padding:0}#soup{margin:0 auto;width:100% !important;overflow:hidden}div#game-options{z-index:500;position:relative;padding:10px 20px}div#game-options a{background-color:#FFF;border-radius:8px;display:block;line-height:1.5rem;text-align:center;text-decoration:none;font-weight:bold;color:#000;transition:all .5s}div#game-options a:hover,div#game-options a:focus{text-decoration:none;color:#404040;background-color:#e6e6e6}#html5-wordsearch-timer{width:90px}#html5-wordsearch-score{width:130px;display:block;text-align:center}#modal-window #save-score-form .button{float:none;clear:both}#save-score-input{border:1px solid #eee;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:1px 1px 4px #000 inset;-moz-box-shadow:1px 1px 4px #000 inset;box-shadow:1px 1px 4px #000 inset;outline:none;padding:5px}html.lt-ie8 #soup{padding-top:50px}html.lt-ie9 #html5-wordsearch{margin-top:50px}html.lt-ie8 #font-size-down small{font-size:12px}html.lt-ie7 #download-puzzle span{display:none}.loading .html5-wordsearch,.loading div#game-options{visibility:hidden}.wordsearch{position:relative;background-image:url("../images/bg.jpg");background-repeat:no-repeat;background-size:cover;background-position:top center;min-height:100%;height:auto}.loading .wordsearch,.loading.wordsearch{background-image:url(../images/loader.gif);background-repeat:no-repeat;background-position:center 30%}body.hide-form #save-score-form{display:none}.img-fluid{display:block;height:auto !important}.img-fluid.titulo{width:90%;max-width:800px;margin:auto}.img-fluid.bottom{width:50%;max-width:400px;margin:auto}.img-titulo{padding-top:20px}.img-bottom{padding-top:25px;padding-bottom:25px}h1.loading{text-align:center;padding-top:50px;color:#4a63ad}.html5-wordsearch canvas,.html5-wordsearch ul,.html5-wordsearch div{font-family:'Roboto', sans-serif;font-size:13px;margin:0;padding:0}.html5-wordsearch{position:relative;transition:opacity .5s linear;height:100%}.html5-wordsearch canvas{cursor:pointer;position:absolute;top:0;left:20px}.html5-wordsearch canvas.grid{background:rgba(255,255,255,0.8);border-radius:15px}.html5-wordsearch div.description{position:absolute;font-size:13px;font-weight:bold;margin:0 10px}.html5-wordsearch .description span.word{background:#050;color:#fff;padding:2px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.html5-wordsearch .list{background:rgba(255,255,255,0.8);border-radius:15px;position:absolute;top:0;right:0;overflow:auto;left:20px !important;right:20px !important;height:100%;padding:2rem 20px;transition:all .75s;text-align:center}.html5-wordsearch .list.hide{top:-120%}.html5-wordsearch .list .palabra,.html5-wordsearch .list .crossed{font-size:1rem;padding:.15rem;text-align:center}.html5-wordsearch .list .palabra.good,.html5-wordsearch .list .crossed.good{color:#049204}.html5-wordsearch .list .palabra.good:before,.html5-wordsearch .list .crossed.good:before{width:1rem;height:1rem;display:inline-block;content:" ";background-image:url("../images/estrella.png");background-repeat:no-repeat;background-size:contain;margin-right:.25rem;background-position:center center}.html5-wordsearch .list #palabras-close{font-size:.75rem;background-color:#4a63ad;color:#FFF;border:0;border-radius:5px;padding:.25rem .5rem;transition:all .5s;margin-top:1rem}.html5-wordsearch .list #palabras-close:hover,.html5-wordsearch .list #palabras-close:focus{background-color:#3b4f89}.html5-wordsearch .list li{position:relative;padding:4px 30px;line-height:21px;color:#333;border-bottom:1px solid #eee}.html5-wordsearch .list li a{outline:none;color:#676f7f;font-size:11px;padding:2px 8px;background:#f1f0f0;border-radius:3px;text-decoration:none;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;border-radius:3px;-webkit-text-shadow:0 1px #fff;-moz-text-shadow:0 1px #fff;text-shadow:0 1px #fff}.html5-wordsearch .list li.crossed a,body.disable-hints .html5-wordsearch .list li a{visibility:hidden}.html5-wordsearch .list li.crossed{background-repeat:no-repeat;background-position:10px center}.html5-wordsearch .list li.crossed.bad{background-image:url(../images/bad-icon.png)}.html5-wordsearch .list li.crossed.good{background-image:url(../images/check-icon.png)}#download-puzzle{position:absolute;right:20px;display:none}#download-puzzle span{text-decoration:underline;font-weight:bold;-webkit-text-shadow:0 -1px 0 #aaa;-moz-text-shadow:0 -1px 0 #aaa;-ms-text-shadow:0 -1px 0 #aaa;text-shadow:0 -1px 0 #aaa}.crossed{text-decoration:line-through}div#modal-window.help li{list-style:circle;margin:10px}div#modal-window.help #puzzle-description.hide{display:none}div#modal-window.help #puzzle-description{background:#efefef;color:#666666;font-size:14px;font-weight:bold;text-align:justify;padding:4px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}a.button,b.button{color:#6e6e6e;font:bold 12px Helvetica, Arial, sans-serif;outline:none;text-decoration:none;padding:7px 12px;position:relative;display:inline-block;zoom:1;*display:inline;text-shadow:0 1px 0 #fff;-webkit-transition:border-color .218s;-moz-transition:border .218s;-o-transition:border-color .218s;transition:border-color .218s;background:#f3f3f3;background:-webkit-gradient(linear, 0% 40%, 0% 70%, from(#f5f5f5), to(#F1F1F1));background:-moz-linear-gradient(linear, 0% 40%, 0% 70%, from(#f5f5f5), to(#F1F1F1));border:solid 1px #dcdcdc;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;margin-right:10px}a.button:hover{color:#333;border-color:#999;-moz-box-shadow:0 2px 0 rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2);box-shadow:0 1px 2px rgba(0,0,0,0.15)}a.button:active{color:#000;border-color:#444}a.left{-webkit-border-top-right-radius:0;-moz-border-radius-topright:0;border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-moz-border-radius-bottomright:0;border-bottom-right-radius:0;margin:0}a.middle{border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;border-left:solid 1px #f3f3f3;margin:0;border-left:solid 1px rgba(255,255,255,0)}a.middle:hover,a.right:hover{border-left:solid 1px #999}a.right{-webkit-border-top-left-radius:0;-moz-border-radius-topleft:0;border-top-left-radius:0;-webkit-border-bottom-left-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0;border-left:solid 1px #f3f3f3;border-left:solid 1px rgba(255,255,255,0)}a.help{background:url(../images/help.png) 10px 6px no-repeat #f3f3f3;padding-left:30px}