@charset "UTF-8";
/* CSS Document */

* { margin:0; padding:0; border:0; background:none; color:#630; font: bold 12px Verdana, Geneva, sans-serif; list-style:none }
body { overflow-x: hidden;  background: url(https://www.puzzlesjunior.com/images/bg.jpg) center top }
h1, h2, h3, h4, h5, h6 { font-family: Verdana, Geneva, sans-serif; cursor:default }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-family: Verdana, Geneva, sans-serif }
img { border:none }
a { text-decoration:none }

article, aside, details, figcaption, figure, footer, header, group, menu, nav, section { display:block; }

#wrap { max-width:1000px; margin:0 auto; padding:0 10px 30px 10px; position:relative; background:url(https://www.puzzlesjunior.com/images/wrap_bg.png) repeat-y }

header { width:inherit; position:relative }
header .wrap {  max-width:1000px; margin:0 auto; padding:0 10px; background:url(https://www.puzzlesjunior.com/images/wrap_bg.png) center repeat-y; }
header .desk { position:relative; height:190px; background:url(https://www.puzzlesjunior.com/images/sprites-new.jpg) no-repeat 0 0; margin:0 -10px; padding:0 10px }
header .logo { background:url(https://www.puzzlesjunior.com/images/oncoloring_logo-header.jpg) no-repeat top center; width:700px; height:93px; margin:0 auto; text-align: right; }
header .logo a { display:block; height:inherit; text-align: right; text-shadow: 0 0 0.2em #BFC, 0 0 0.2em #BFC, 0 0 0.2em #BFC; }

/*nav .icon h2 span { display:none }*/
nav .icon { position:absolute }
nav .icon h2 { display:block; cursor:pointer }
nav .icon h2 .open, nav .icon h2 .close { width:inherit; height:inherit; display:block; }
nav .icon h2 .close { display:none }
nav .web { top:6px; left:41px; }
nav .language { top:60px; left:173px; }
nav .search { top:93px; left:577px; }
nav .facebook { top:100px; left:744px; }
nav .twitter { top:100px; left:835px; }
nav .web h2, nav .language h2, nav .search h2, nav .facebook h2 a, nav .twitter h2 a { background:url(https://www.puzzlesjunior.com/images/sprites-new.jpg) no-repeat; display:block }
nav .web h2 { width:130px; height:170px;  background-position:0 -190px }
nav .language h2 { width:90px; height:120px; background-position:-260px -190px }
nav .search h2 { width:160px; height:75px; background-position:-440px -190px }
nav .facebook h2 a { width:85px; height:80px;  background-position:-600px -190px }
nav .twitter h2 a { width:80px; height:80px;  background-position:-685px -190px }
nav .web:hover h2 { background-position:-130px -190px }
nav .language:hover h2 { background-position:-350px -190px }
nav .search:hover h2 { background-position:-440px -265px }
nav .facebook:hover h2 a { background-position:-600px -270px }
nav .twitter:hover h2 a { background-position:-685px -270px }

nav .icon h2 span { display:none; background:url(https://www.puzzlesjunior.com/images/sprites-new.png) no-repeat; font-size:11px; font-weight:normal; text-align:center; padding:13px 5px 15px 0; position:absolute; width:130px; top:-40px; font:14px Verdana, Geneva, sans-serif; z-index:10; color:#FFF; text-shadow:0 -1px 1px rgba(0,0,0,0.5) }
nav .web h2 span { left:-50px; background-position:-880px 0; width:130px; padding:13px 5px 15px 0 }
nav .language h2 span { left:50px; background-position:-880px -60px; width:130px; padding:13px 5px 15px 0 }
nav .search h2 span { left:-30px; background-position:-880px -120px; width:90px; padding:13px 5px 17px 5px }
nav .facebook h2 span { background-position:-880px -180px; width:90px; padding:14px 0 20px 0 }
nav .twitter h2 span { left:-10px; background-position:-880px -240px; width:90px; padding:12px 0 20px 0 }
nav .web ul, nav .language ul { position:absolute; background:url(https://www.puzzlesjunior.com/images/sprites-new.png) -520px 0 no-repeat; padding:30px 5px 3px 80px; z-index:100 }
nav .web ul { top:-300px; left:300px; width:160px; }
nav .web h3, nav .language h3 { color:#FFF; text-shadow:0 1px 1px #583b10; font: 16px Verdana, Geneva, sans-serif; margin-bottom:10px; padding-left:10px }
nav .web li { margin-bottom:3px }
nav .web a, nav .language a { display:block; background:rgba(240,225,209,0.8); text-align:center; font:14px Verdana, Geneva, sans-serif; text-shadow:0 1px 1px #FFF; padding:7px 0 7px 5px; -moz-border-radius:10px; border-radius:10px; -webkit-border-radius:10px; -webkit-box-shadow:0 1px 1px 0 rgba(255,255,255,0.4), inset 0 1px 10px 0 rgba(209,184,157,0.5); -moz-box-shadow:0 1px 1px 0 rgba(255,255,255,0.4), inset 0 1px 10px 0 rgba(209,184,157,0.5); box-shadow:0 1px 1px 0 rgba(255,255,255,0.4), inset 0 1px 10px 0 rgba(209,184,157,0.5); }
nav .web a:hover, nav .language a:hover { background: url(https://www.puzzlesjunior.com/images/green_bg.png); -webkit-box-shadow:0 1px 1px 0 rgba(255,255,255,0.4), inset 0 1px 10px 0 rgba(101,121,5,0.8); -moz-box-shadow:0 1px 1px 0 rgba(255,255,255,0.4), inset 0 1px 10px 0 rgba(101,121,5,0.8); box-shadow:0 1px 1px 0 rgba(255,255,255,0.4), inset 0 1px 10px 0 rgba(101,121,5,0.8); color:#FFF; text-shadow:0 1px 2px rgba(0,0,0,0.5) }
nav .language ul { width:270px; padding:30px 0 0 80px; top:-400px; left:120px; }
nav .language li { margin-bottom:5px; margin-right:5px; float:left; width:130px }
nav .language .icon { background:url(https://www.puzzlesjunior.com/images/sprites-new.png) 0 -190px no-repeat; display:block; width:25px; height:25px; float:left; margin-top:-5px; }
nav .language .icon.spa { background-position:-200px -300px }
nav .language .icon.cat { background-position:0 -260px }
nav .language .icon.eng { background-position:-39px -260px }
nav .language .icon.por { background-position:-79px -260px }
nav .language .icon.ita { background-position:-119px -260px }
nav .language .icon.fre { background-position:-158px -260px }
nav .language .icon.ger { background-position:-198px -260px }
nav .language .icon.cze { background-position:-238px -260px }
nav .language .icon.pol { background-position:0 -300px }
nav .language .icon.tur { background-position:-40px -300px }
nav .language .icon.ner { background-position:-80px -300px }
nav .language .icon.rus { background-position:-120px -300px }
nav .language .icon.gre { background-position:-160px -300px }
nav .search .box { background:url(https://www.puzzlesjunior.com/images/sprites-new.png) no-repeat -240px 0; width:280px; height:140px; position:absolute; left:142px; top:-230px; z-index:10; }
nav .search .box input[type="text"] { height:25px; width:160px; position:absolute; top:40px; left:20px }
nav .search .box input[type="button"] { height:90px; width:70px; position:absolute; top:30px; left:200px; background:url(https://www.puzzlesjunior.com/images/sprites-new.png) no-repeat -440px -30px }
nav .search .box input[type="button"]:active { background-position:-238px -150px }

.submitButton { cursor:pointer }
.clear { clear:both; }

footer { clear:both; width:100%; background:url(https://www.puzzlesjunior.com/images/sprites-new.jpg) center -1300px no-repeat }
footer .wrap { width:1000px; padding:0 10px 20px; margin:0 auto; position:relative; background:inherit; }
footer .fb-like { padding:0 20px; margin-bottom:130px }
footer .fb-like .pypus { background:url(https://www.puzzlesjunior.com/images/sprites-new.png) no-repeat -780px -440px; width:220px; height:170px; display:inline-block; position:absolute; z-index:10 }
footer .fb-like .content { -moz-box-shadow:0 2px 2px 0 rgba(0,0,0,0.2); -webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.2); box-shadow:0 2px 2px 0 rgba(0,0,0,0.2); background:#FFF; -moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius:10px; position:relative; padding-left:160px;  }
footer .fb-like .content span { float:right; display:block; padding:20px }
footer .fb-like .content .msjfoot { font-size:12px; color:#990; border-right:1px solid #eee1d5; padding:20px; height:50px; }
footer .fb-like .content p { color:#990; margin-bottom:5px; font-weight: normal; }
footer .fb-like .content strong { color:#990; font-weight:bold }
footer .center a, footer .link a { color:#FFF }
footer .center a:hover, footer .link a:hover { color:#E3BC7A }
footer .center, footer .link { text-shadow:0 1px 1px rgba(0,0,0,0.3); color:#E3BC7A; display:block }
footer .center { text-align:center; font-weight: normal;}
footer .underground { clear:both; width:100%; -webkit-box-shadow:inset 0 30px 30px rgba(0,0,0,0.3); }
footer .underground .wrap { width:1000px; margin:0 auto; position:relative; padding:10px; clear:both; background:none }
footer .underground .pressed { display:block; color:#000; text-shadow:0 1px 1px #6a4c15; font-weight:bold; text-align:center }

.desk-front { height:130px; clear:both; position:relative; background:url(https://www.puzzlesjunior.com/images/sprites-new.jpg) no-repeat -10px -360px }
.drawer { overflow:hidden; width:230px; height:110px; position:relative; top:20px; left:10px;  }
.drawer .shadow { position:absolute; top:0; right:0; width:200px; height:100px; background:url(https://www.puzzlesjunior.com/images/sprites-new.png) no-repeat -30px -110px;  }
.drawer a { height:40px; width:205px; background:url(https://www.puzzlesjunior.com/images/sprites-new.png) no-repeat 0 0; position:absolute; top:-10px; left:10px; padding:60px 20px 0 5px; text-align:center }
.drawer .wrap { padding:7px 15px; -moz-border-radius:10px; border-radius:10px; -webkit-border-radius:10px; color:#FFF; text-shadow:0 1px 2px rgba(0,0,0,0.5); font-size:18px; -webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.3), inset 0 10px 20px rgba(84,49,0,0.6); -moz-box-shadow: 0 1px 1px rgba(255,255,255,0.3), inset 0 10px 20px rgba(84,49,0,0.6); box-shadow: 0 1px 1px rgba(255,255,255,0.3), inset 0 10px 20px rgba(84,49,0,0.6); -moz-border-radius: 40px; border-radius: 40px; -webkit-border-radius:40px; background:none; font-family:inherit }
.desk-front .banner { width:728px; height:90px; position:absolute; left:250px; top:0; padding:20px 10px 10px 10px }
.desk-front .banner i { position:absolute; left:22px; top:6px; overflow:hidden; height:15px; width:80px; font-size:10px; text-align:center; text-shadow:0 -1px 1px #000; font-style:normal; color:#FFF }

#featured { background:url(https://www.puzzlesjunior.com/images/sprites-new.jpg) no-repeat 0 -490px; height:180px; position:relative; margin:0 -10px; padding:0 10px }
#featured .featured-canvas { width:700px; height:170px; position:absolute; top:10px; right:0; }
#featured .canvas { float:left; width:140px; height:116px; overflow:hidden; padding:16px 10px 10px 10px; margin-right:6px; display:block; }

#featured .pypus-tweet { position:relative; width:260px; height:170px; padding-left:20px }
#featured .pypus-tweet .img { background:url(https://www.puzzlesjunior.com/images/sprites-new.png) no-repeat -380px -160px; display:block; width:130px; height:170px; position:relative; z-index:10; }
#featured #tweet li, #featured #tweet p { -moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.2); -webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.2); box-shadow:0 1px 1px 0 rgba(0,0,0,0.2); border-top:1px solid rgba(255,255,255,0.3); background:rgba(244,233,223,0.8); -moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius:10px; padding:6px 10px; position:absolute; width:130px; top:10px; right:0  }
#featured #tweet li, #featured #tweet a, #featured #tweet p { font:12px Verdana, Geneva, sans-serif; line-height:18px }
#featured .pypus-tweet img { z-index:10; position:relative; }

#contentWrap { background:url(https://www.puzzlesjunior.com/images/wrap_bg.png) repeat-y center #f4e9df; position:relative; z-index:50 }

.list h1, .create-puzzle h1 { background:url(https://www.puzzlesjunior.com/images/sprites-new.png) no-repeat 0 -350px; color:#FFF; text-shadow:0 2px 1px rgba(0,0,0,0.3); font-size:20px; margin:0 -10px; padding:15px 30px 25px; text-align:center }

.list ul { float:left; padding-top:20px }
.list li { float:left; position:relative }
.list .left, .list .center, .list .right { width:333px; margin-bottom:20px; }
.list h2 { display:block; overflow:hidden; height:20px; padding:10px 5px 0 5px; }
.list .extended h2 { padding:0 5px; height:35px }
.list h2 a { display:block; font-size:14px; text-shadow:0 1px 0 #f8e7c6; text-align:center }

.list .banner, .list .left .banner { width:300px; height:600px; margin: 15px 1px 45px 1px; background:none; position:relative; }
.list .squareBanner{ width:300px; height:250px; margin: 15px 1px 45px 1px; background:none;}
.list .squareBanner i{ position:relative; left:20px;}

.list .center .banner { background-position:-1363px -505px }
.list .right .banner { background-position:-1696px -505px }
.list .banner span { display:block; padding:12px 0 0 19px; }
.list .banner i { display:block; text-align:center; font:12px Verdana, Geneva, sans-serif; text-shadow:0 -1px 0 #630; font-style:normal }
.list .center .banner i { padding-left:14px; }
.list .right .banner i { padding-left:19px; }

.large-size li { width:333px; height:330px; background:url(https://www.puzzlesjunior.com/images/sprites-new.jpg) no-repeat -1030px 0; }
.large-size li img { width:300px; height:250px }
.large-size .left li { background-position:-1030px 0 }
.large-size .center li { background-position:-1363px 0 }
.large-size .right li { background-position:-1696px 0 }
.large-size span { display:block; padding:12px 0 9px 19px; }
.large-size .left span { padding-left:19px; }
.large-size .center span { padding-left:15px; }
.large-size .right span { padding-left:14px; }

.medium-size li { width:333px; height:165px; background:url(https://www.puzzlesjunior.com/images/sprites-new.jpg) no-repeat 0 -980px; }
.medium-size .left li { background-position:-1030px -330px }
.medium-size .center li { background-position:-1363px -330px }
.medium-size .right li { background-position:-1696px -330px }
.medium-size span { display:block; padding:35px 0 30px 19px; }
.medium-size .left span { padding-left:19px; }
.medium-size .center span { padding-left:15px; }
.medium-size .right span { padding-left:14px; }

.list .decoration { position:absolute; width:110px; height:45px; left:10px; background:url(https://www.puzzlesjunior.com/images/sprites-new.png) no-repeat; padding:0  }
.large-size .decoration { bottom:50px; }
.medium-size .decoration { bottom:40px; }
.list .decoration.varation1, .list .decoration.varation2, .list .decoration.varation3, .list .decoration.varation4 { background-position:0 -425px }
.list .decoration.varation5, .list .decoration.varation6, .list .decoration.varation7, .list .decoration.varation8 { background-position:0 -485px; left:200px }
.list .decoration.varation9 { background-position:-130px -595px }
.list .decoration.varation10 { background-position:-270px -595px }
.list .decoration.varation11 { background-position:-410px -595px }
.list .decoration.varation12 { background-position:-550px -595px }
.list .decoration .item { position:absolute; width:120px; height:50px; padding:0; background:url(https://www.puzzlesjunior.com/images/sprites-new.png) no-repeat; bottom:0; left:0; -webkit-transition:-webkit-transform 0.2s ease-in-out, bottom 0.2s ease-in-out; -webkit-transform: rotate(0deg); -moz-transition:-webkit-transform 0.2s ease-in-out, bottom 0.2s ease-in-out; -moz-transform: rotate(0deg); -o-transition:-webkit-transform 0.2s ease-in-out, bottom 0.2s ease-in-out; -o-transform: rotate(0deg); transition:-webkit-transform 0.2s ease-in-out, bottom 0.2s ease-in-out; transform: rotate(0deg); }
.list .decoration.varation1 .item { background-position:-130px -420px }
.list .decoration.varation2 .item { background-position:-270px -420px }
.list .decoration.varation3 .item { background-position:-410px -420px }
.list .decoration.varation4 .item { background-position:-550px -420px }
.list .decoration.varation5 .item { background-position:-130px -480px }
.list .decoration.varation6 .item { background-position:-270px -480px }
.list .decoration.varation7 .item { background-position:-410px -480px }
.list .decoration.varation8 .item { background-position:-550px -480px }
.list .decoration.varation9 .item { background-position:-130px -550px }
.list .decoration.varation10 .item { background-position:-270px -550px }
.list .decoration.varation11 .item { background-position:-410px -550px }
.list .decoration.varation12 .item { background-position:-550px -550px }
.list li:hover .varation1 .item, .list li:hover .varation2 .item, .list li:hover .varation3 .item, .list li:hover .varation4 .item, .list li:hover .varation9 .item, .list li:hover .varation10 .item, .list li:hover .varation11 .item, .list li:hover .varation12 .item { -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -o-transform: rotate(20deg); transform: rotate(20deg); bottom:10px }
.list li:hover .varation5 .item, .list li:hover .varation6 .item, .list li:hover .varation7 .item, .list li:hover .varation8 .item { -webkit-transform: rotate(-20deg); -moz-transform: rotate(-20deg); -o-transform: rotate(-20deg); transform: rotate(-20deg); bottom:20px }

.breadcrumb { float:left; width:100% }
.breadcrumb ul { width:960px; float:left; padding:5px 10px; margin:0 10px 10px; -moz-box-shadow:0 1px 1px 0 rgba(255,255,255,0.4), inset 0 1px 10px 0 rgba(209,184,157,0.5); -webkit-box-shadow:0 1px 1px 0 rgba(255,255,255,0.4), inset 0 1px 10px 0 rgba(209,184,157,0.5); box-shadow:0 1px 1px 0 rgba(255,255,255,0.4), inset 0 1px 10px 0 rgba(209,184,157,0.5); background:rgba(240,225,209,0.8); -moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius:10px }
.breadcrumb li { background:none; width:auto; height:auto; margin:0 5px 0 0; float:left; font-weight: normal; }
.breadcrumb li a { background:url(https://www.puzzlesjunior.com/images/list-type-arrow.gif) center right no-repeat; padding:0 20px 0 0; opacity:0.5 }
.breadcrumb li a:hover { opacity:1 }

.page, .historial { width:980px; float:left; margin:0; text-align:center; padding:20px 10px 0 }
.historial { padding-top:40px }
.page a { background:url(https://www.puzzlesjunior.com/images/sprites-new.jpg) no-repeat -1470px -910px; width:60px; height:26px; padding:17px 0; margin:0; display:inline-block; font:18px Verdana, Geneva, sans-serif; text-align:center; }
.page a.current, .page a:hover { background-position: -1530px -910px; color:#FFF; text-shadow:0 1px 2px rgba(0,0,0,0.5) }
.historial .back { display:inline-block; font:18px Verdana, Geneva, sans-serif; text-align:center; width:auto; height:auto; margin:0 140px 30px 140px; padding:10px 20px; -moz-box-shadow:0 1px 1px 0 rgba(255,255,255,0.4), inset 0 1px 10px 0 rgba(209,184,157,0.5); -webkit-box-shadow:0 1px 1px 0 rgba(255,255,255,0.4), inset 0 1px 10px 0 rgba(209,184,157,0.5); box-shadow:0 1px 1px 0 rgba(255,255,255,0.4), inset 0 1px 10px 0 rgba(209,184,157,0.5); background:rgba(240,225,209,0.8); -moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius:10px; text-shadow:0 1px 1px rgba(255,255,255,0.7) }
.historial .back a { font:18px Verdana, Geneva, sans-serif; }
.historial img, .historial .img { width:120px; height:100px; margin:-45px 20px -50px 0; float:left; background:url(https://www.puzzlesjunior.com/images/sprites-new.jpg) no-repeat -1030px -910px; padding:5px 0 10px 5px; -webkit-transition:-webkit-transform 0.2s ease-in-out; -webkit-transform: rotate(-3deg); -moz-transition:-moz-transform 0.2s ease-in-out; -moz-transform: rotate(-3deg); -o-transition:-o-transform 0.2s ease-in-out; -o-transform: rotate(-3deg); transition:transform 0.2s ease-in-out; transform: rotate(-3deg) }
.historial .back-category img { background-position:-1170px -910px }
.historial .back-subcategory .img { background-position:-1310px -910px; width:135px; margin-top:-50px }
.historial .back:hover { background:#adba25 url(https://www.puzzlesjunior.com/images/green_bg.jpg); -webkit-box-shadow:0 1px 1px 0 rgba(255,255,255,0.4), inset 0 1px 10px 0 rgba(101,121,5,0.8); -moz-box-shadow:0 1px 1px 0 rgba(255,255,255,0.4), inset 0 1px 10px 0 rgba(101,121,5,0.8); box-shadow:0 1px 1px 0 rgba(255,255,255,0.4), inset 0 1px 10px 0 rgba(101,121,5,0.8) }
.historial .back:hover, .historial .back:hover a { color:#FFF; text-shadow:0 1px 2px rgba(0,0,0,0.5) }
.historial .back:hover img, .historial .back:hover .img { -webkit-transform: rotate(1deg); -moz-transform: rotate(1deg); -o-transform: rotate(1deg); transform: rotate(1deg) }

.board { width:1020px; float:left; margin:0 -10px;  position:relative }
.board .top { width:100%; padding-top:20px; background:url(https://www.puzzlesjunior.com/images/sprites-new.png) no-repeat 0 -660px }
.board .bottom { width:1000px; padding-top:20px; margin:0 10px; background:url(https://www.puzzlesjunior.com/images/sprites-new.jpg) no-repeat -10px -1260px }
.board .wrap { background:url(https://www.puzzlesjunior.com/images/sprites-new.jpg) no-repeat 0 -670px; height:540px; padding:25px 30px }
.board .left { float:left; width:580px; margin:0 30px 0 0 }
.board .right { float:left; width:350px; }

.featured-paint { position:relative; padding:10px 0 0 50px; margin:0 0 20px 0 }
.featured-paint .titulh1 { font-size:18px; text-shadow:0 1px 1px #f8e7c6; font-weight: bold; margin:0 0 10px 0 }
.featured-paint .slides_container, .featured-paint .hero { overflow:hidden; height:210px; width:520px; }
.featured-paint .item { float:left; width:150px; height:180px; margin:0 20px 10px 0; padding:10px 0 0 0; position:relative }
.featured-paint .item img { padding:5px; margin:0; width:140px; height:116px }
.featured-paint .item img, .featured-paint .item h2 a, .featured-paint .submitButton { background:#f4e9df; -webkit-box-shadow: 0 3px 3px rgba(84,49,0,0.6), inset 0 -5px 5px rgba(255,255,255,0.6); -moz-box-shadow: 0 3px 3px rgba(84,49,0,0.6), inset 0 -5px 5px rgba(255,255,255,0.6); box-shadow: 0 3px 3px rgba(84,49,0,0.6), inset 0 -5px 5px rgba(255,255,255,0.6); border-top:1px solid #FFF }
.featured-paint .item h2 a { padding:5px; display:block; margin:0 }
.featured-paint .prev, .featured-paint .next { background:url(https://www.puzzlesjunior.com/images/sprites-new.png) no-repeat -30px -690px; width:50px; height:0; padding-top:50px; overflow:hidden; position:absolute; top:42%; left:0 }
.featured-paint .next {  background-position:-80px -690px; left:545px }
.featured-paint .prev:active {  background-position:-30px -689px }
.featured-paint .next:active {  background-position:-80px -689px }
.featured-paint .pagination { position:absolute; z-index:10; bottom:-10px; right:150px}
.featured-paint .pagination li { float:left; list-style:none }
.featured-paint .pagination li a { display:block;  float:left; overflow:hidden; padding:5px 10px; font:12px Verdana, Geneva, sans-serif; text-shadow:0 1px 1px #f8e7c6 }
.featured-paint .pagination li.current a { background: url(https://www.puzzlesjunior.com/images/sprites-new.png) 0 -690px no-repeat  }
.featured-paint .submitButton { padding:5px 10px; text-align:center; display:inline-block; position:absolute; bottom:-10px; right:40px; z-index:15; font:14px Verdana, Geneva, sans-serif; text-shadow:0 1px 1px #f8e7c6 }
.featured-paint .scotch { background:url(https://www.puzzlesjunior.com/images/scotch_horizontal-bg.png) no-repeat; width:80px; height:25px; display:block; position:absolute; top:0; left:50%; margin-left:-40px; z-index:10; }

.rotation-left { -webkit-transition:-webkit-transform 0.2s ease-in-out; -webkit-transform: rotate(1deg); -moz-transition:-moz-transform 0.2s ease-in-out; -moz-transform: rotate(1deg); -o-transition:-o-transform 0.2s ease-in-out; -o-transform: rotate(1deg); transition:transform 0.2s ease-in-out; transform: rotate(1deg); }
.rotation-right { -webkit-transition:-webkit-transform 0.2s ease-in-out; -webkit-transform: rotate(-1deg); -moz-transition:-moz-transform 0.2s ease-in-out; -moz-transform: rotate(-1deg); -o-transition:-o-transform 0.2s ease-in-out; -o-transform: rotate(-1deg); transition:transform 0.2s ease-in-out; transform: rotate(-1deg); }
.rotation-left:hover { -webkit-transform: rotate(-1deg); -moz-transform: rotate(-1deg); -o-transform: rotate(-1deg); transform: rotate(-1deg) }
.rotation-right:hover { -webkit-transform: rotate(1deg); -moz-transform: rotate(1deg); -o-transform: rotate(1deg); transform: rotate(1deg) }

.board .fb-api { padding:155px 0 55px 27px; width:323px; height:270px; margin-top:65px }

.app { padding-top:20px }
.app .object { position:relative; margin-bottom:-10px; text-align:center }
.app .object object { margin:0 auto }
.app h1 { padding:5px; margin: 15px 10px 20px 10px; font-size:15px; text-shadow:0 0px 3px #f8e7c6,0 0px 3px #f8e7c6; text-align:center; position:relative; overflow:visible; line-height:18px; background-color:#f1d6b0; border-radius:10px; box-shadow:inset 0 0 10px #ae9a7f; }

.create-puzzle .steps { margin-left:20px; width:960px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -webkit-box-shadow:0px 1px 1px #fff; -moz-box-shadow:0px 1px 1px #fff; box-shadow:0px 1px 1px #fff; overflow:hidden; background:url(https://www.puzzlesjunior.com/images/create_puzzle-sprite.jpg) no-repeat bottom }
.create-puzzle .steps h1 { background:url(https://www.puzzlesjunior.com/images/create_puzzle-sprite.jpg) no-repeat #c93; margin:0; padding:0; text-align:center; height:45px; padding-top:15px}
.create-puzzle .steps ul li { float:left; width:320px; }
.create-puzzle .steps ul li { background:url(https://www.puzzlesjunior.com/images/create_puzzle-sprite.jpg) no-repeat }
.create-puzzle .steps ul .step1 { background-position:0 -260px }
.create-puzzle .steps ul .step2 { background-position:-320px -260px }
.create-puzzle .steps ul .step3 { background-position:-640px -260px }
.create-puzzle .steps ul .step1.current { background-position:0 -60px }
.create-puzzle .steps ul .step2.current { background-position:-320px -60px }
.create-puzzle .steps ul .step3.current { background-position:-640px -60px }
.create-puzzle .steps ul h3 { width:320px; padding:163px 0 13px 0; text-align:center; color:#630; text-shadow:0 1px 1px #fc6; font-size:18px; display:block }
.create-puzzle .steps ul h3.extended { padding:153px 0 3px 0 } 
.create-puzzle .steps.contracted li.current h3 { color:#FFF; text-shadow:0 1px 1px #630 }
.create-puzzle .form-wrap { width:630px; background:url(https://www.puzzlesjunior.com/images/paper_bg.jpg); margin:20px auto 10px auto; padding-top:10px; -webkit-box-shadow:0 1px 2px #8a8379, 0 0 5px #dbd0c0, inset 0 1px 3px #FFF, inset 0 0 10px 2px #d5c9b9; -moz-box-shadow:0 1px 2px #8a8379, 0 0 5px #dbd0c0, inset 0 1px 3px #FFF, inset 0 0 10px 2px #d5c9b9; box-shadow:0 1px 2px #8a8379, 0 0 5px #dbd0c0, inset 0 1px 3px #FFF, inset 0 0 10px 2px #d5c9b9; position:relative }
.create-puzzle .form-wrap .scotch { position:absolute; top:-15px; left:50%; margin-left:-42px; }
.create-puzzle .form-wrap .paper-bottom { position:absolute; left:0; bottom:-25px; width:100%; height:30px; background:url(https://www.puzzlesjunior.com/images/sprites.png) -400px -750px }
.create-puzzle .form-wrap .label-wrap { padding:15px 5px; position:relative; background:url(https://www.puzzlesjunior.com/images/noise_hr.gif) repeat-x bottom }
.create-puzzle .form-wrap .textinput { -webkit-box-shadow:inset 0px 2px 7px #bab4ad; -moz-box-shadow:inset 0px 2px 7px #bab4ad; box-shadow:inset 0px 2px 7px #bab4ad; border:1px solid rgba(189,182,173,0.5); padding:10px; font:14px 'Aller_Bd', Verdana, Geneva, sans-serif; color:#b8ad9f; text-shadow:0 1px 1px #FFF }
.create-puzzle .form-wrap .textinput.description { width:588px; text-align:center; color:#8a4600; }
.create-puzzle .form-wrap .textinput.email { width:300px; color:#8a4600;}
.create-puzzle .form-wrap .label-wrap label[for="email"] { display:inline-block; width:35px; height:35px; background:url(https://www.puzzlesjunior.com/images/icons_sprites.png) no-repeat -5px -260px; margin:0 10px -15px 0; }
.create-puzzle .type-option, .create-puzzle .number-option, .create-puzzle .rotation-option, .create-puzzle .piece-option { text-align:center }
.create-puzzle .piece-option strong { display:block; font:16px 'Aller_Bd', Verdana, Geneva, sans-serif; margin:0 0 10px 0 }
.create-puzzle .note { margin:0 auto; width:630px; font:12px 'Aller_Bd', Verdana, Geneva, sans-serif; color:#706254; z-index:10; }
.create-puzzle .label-wrap .note { position:absolute; top:10px; left:400px; margin:0; padding-right:10px; width:auto }
.create-puzzle input[type=radio] { opacity:0 }
.create-puzzle .piece-option input[type=radio] + label, .create-puzzle .buttons input { display:inline-block; font:14px 'Aller_Bd', Verdana, Geneva, sans-serif; text-align:center; width:auto; height:auto; margin:0; padding:10px 20px; -moz-box-shadow:0 1px 1px 0 rgba(255,255,255,0.4), inset 0 1px 10px 0 rgba(209,184,157,0.5); -webkit-box-shadow:0 1px 1px 0 rgba(255,255,255,0.4), inset 0 1px 10px 0 rgba(209,184,157,0.5); box-shadow:0 1px 1px 0 rgba(255,255,255,0.4), inset 0 1px 10px 0 rgba(209,184,157,0.5); background:url(https://www.puzzlesjunior.com/images/paper_bg.jpg); -moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius:10px; text-shadow:0 1px 1px rgba(255,255,255,0.7); position:relative; z-index:10; margin:0 10px 0 -15px; cursor:pointer; border:1px solid #c2b9ac; margin-bottom: 10px; }
.create-puzzle .number-option input[type=radio] + label { display:inline-block; padding:0; margin:0; background:url(https://www.puzzlesjunior.com/images/paper_bg.jpg); -moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius:10px; text-shadow:0 1px 1px rgba(255,255,255,0.7); position:relative; z-index:10; cursor:pointer; }
.create-puzzle .rotation-option input[type=radio]:checked + label,.create-puzzle .piece-option input[type=radio]:checked + label, .create-puzzle .type-option input[type=radio]:checked + label, .create-puzzle .buttons input:hover { -webkit-box-shadow:inset 0 0 150px rgba(0,0,0,0.5); -moz-box-shadow:inset 0 0 150px rgba(0,0,0,0.5); box-shadow:inset 0 0 150px rgba(0,0,0,0.5); color:#FFF; text-shadow:0 0px 1px rgba(255,255,255,0.5); border-color: #000; padding: 10px 20px; border-radius: 10px;  border: thin solid black; }
.create-puzzle .piece-option input[type=radio]:checked + label{padding:5px;}
.create-puzzle .number-option { padding-bottom:20px!important; line-height: 50px; }
.create-puzzle .piece-option { padding:10px 0  10px 15px!important }
.create-puzzle .file { padding:20px 10px!important }
.create-puzzle label { font:16px 'Aller_Bd', Verdana, Geneva, sans-serif; }
.create-puzzle label .img { background:url(https://www.puzzlesjunior.com/images/icons_sprites.png) no-repeat 0 0; display:inline-block; width:50px; height:50px; margin:-20px 0 -20px -10px; }
.create-puzzle label[for="public"] .img { background-position:0 -50px }
.create-puzzle label[for="hor"] .img { background-position:0 -100px }
.create-puzzle label[for="rotdisable"] .img { background-position:0 -150px }
.create-puzzle label[for="rotenable"] .img { background-position:0 -200px }
.create-puzzle .piece-option input[type=radio] + label { width:80px; padding:5px }
.create-puzzle .piece-option label .img { margin:0 0 10px 0; display:block; width:40px; height:40px; background:url(https://www.puzzlesjunior.com/html5desktop/img/barra.png) no-repeat; border-radius:10px; position:relative; top:10px; left:20px; }
.create-puzzle .piece-option label[for="basic"] .img { background-position:-260px -8px }
.create-puzzle .piece-option label[for="classic"] .img { background-position:-304px -8px }
.create-puzzle .piece-option label[for="triangular"] .img { background-position:-347px -8px }
.create-puzzle .piece-option label[for="rectangular"] .img { background-position:-261px -53px }
.create-puzzle .piece-option label[for="oval"] .img { background-position:-305px -53px }
.create-puzzle .piece-option label[for="star"] .img { background-position:-348px -53px }

.create-puzzle .number-option label .img.piece {  display:block; width:40px; height:40px; background:url(https://www.puzzlesjunior.com/html5desktop/img/barra.png) no-repeat; border-radius:10px;box-shadow:0 0 2px rgba(0,0,0,0.5); border: 1px solid grey;}
.create-puzzle .number-option label{backgroun-color:#aaa;}
.create-puzzle .number-option label[for="pieces6"] .img { background-position:-23px -8px }
.create-puzzle .number-option label[for="pieces12"] .img { background-position:-67px -8px }
.create-puzzle .number-option label[for="pieces20"] .img { background-position:-111px -8px }
.create-puzzle .number-option label[for="pieces30"] .img { background-position:-155px -8px }
.create-puzzle .number-option label[for="pieces48"] .img { background-position:-199px -8px }
.create-puzzle .number-option label[for="pieces54"] .img { background-position:-24px -53px }
.create-puzzle .number-option label[for="pieces63"] .img { background-position:-68px -53px }
.create-puzzle .number-option label[for="pieces70"] .img { background-position:-112px -53px }
.create-puzzle .number-option label[for="pieces80"] .img { background-position:-156px -53px }
.create-puzzle .number-option label[for="pieces99"] .img { background-position:-200px -53px }

.create-puzzle .number-option input[type=radio]:checked + label .img{width:40px;height:40px;overflow:visible; padding:0; margin:0;  -webkit-box-shadow:inset 0 0 150px rgba(0,0,0,0.5); -moz-box-shadow:inset 0 0 150px rgba(0,0,0,0.5); box-shadow:inset 0 0 150px rgba(0,0,0,0.5); position: relative; top: 20px; left: -5px; margin: 0 -5px;}

.create-puzzle .piece-option label{padding:10px 5px;}
.create-puzzle .buttons { width:630px; margin:0 auto; text-align:center; padding:10px 0; }
.custom-select-style { width:60px; height:30px }
.custom-select { border:1px solid #d2c9bb; -moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius:10px; background: #f2ede7; background: -moz-linear-gradient(top, #f2ede7 0%, #e7dfd5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2ede7), color-stop(100%,#e7dfd5)); background: -webkit-linear-gradient(top, #f2ede7 0%,#e7dfd5 100%); background: -o-linear-gradient(top, #f2ede7 0%,#e7dfd5 100%); background: -ms-linear-gradient(top, #f2ede7 0%,#e7dfd5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2ede7', endColorstr='#e7dfd5',GradientType=0 ); background: linear-gradient(top, #f2ede7 0%,#e7dfd5 100%); cursor:pointer; width:60px; height:30px; overflow:hidden; margin:0 0 -10px 0 }
.custom-select.changed {}
.custom-select-inner { background:url(https://www.puzzlesjunior.com/images/arrow_select_bg.jpg) no-repeat center right; padding:8px 30px 8px 8px; width:22px!important }
.create-puzzle form.step1 { display:none }
.create-puzzle .link h2 { font-size:22px; padding:15px 0; text-align:center }
.create-puzzle .link strong { padding:30px 0 10px 0; display:block; font:12px 'Aller_Bd', Verdana, Geneva, sans-serif; text-align:center; }
.create-puzzle .link .note { position:static; padding-top:10px }
.create-puzzle .link div.textinput { color:#990 }
.create-puzzle .social-media { position:absolute; bottom:10px; right:10px; z-index:10; }
.create-puzzle .social-media a { width:30px; height:0; padding-top:30px; overflow:hidden; background:url(https://www.puzzlesjunior.com/images/icons_sprites.png) -10px -310px; display:inline-block; margin-left:5px }
.create-puzzle .social-media .twitter { background-position:-10px -360px }
.create-puzzle table { margin-bottom:20px }
.create-puzzle th, .create-puzzle td { padding:20px; text-align:center; font:14px 'Aller_Bd', Verdana, Geneva, sans-serif; background:url(https://www.puzzlesjunior.com/images/noise_hr.gif) repeat-x bottom }
.create-puzzle th { font-size:16px }
.create-puzzle th.varation1 { width:15% }
.create-puzzle th.varation2 { width:60% }
.create-puzzle th.varation3 { width:25% }


/* added for coloring flash */
.noscriptcaption {
	font: sans-serif;
	color: black;
	font-style: italic;
	font-size: medium;
	font-weight: bold;
}
#ad{

	position:relative;
	left:200px;
	/*width:300px;
	height:350px;*/
	width:640px;
	height:560px;
	text-align:center;

}
#game{
	display:none;
}

/* ------------- RESPONSIVE -------------- */

.mobileShow{
	display:none;
}

.pageDescription{
	padding:10px 20px;
	text-align:justify;
	font-weight: normal;
	float:left;
}

.list ul{
	float:none;
}
.list .banner{
	width:330px;
	text-align:center;
}
.list .center{
	width:1000px;
	margin:auto;
}

.board, .board .bottom{
	width:auto;
}

.bottomAd{
	text-align:center;
	padding-top:15px;
}

.historial .back{
	margin:auto;
	margin-bottom:20px;
	padding-right:10px;
}

.page, .historial{
	width:95%;
	margin: 10px auto;
}

.breadcrumb ul{
	height:15px;
}

.featuredMobileWrapper{
	margin:auto;
	width:100%;
}

.featuredMobile{
	margin:0 auto;
	max-width:600px;
}

.featuredMobile .item{
	float:left;
	padding:0 4px;
}

.featuredMobile .item img{
	box-shadow: 3px 3px 8px grey;
}

.list .squareBanner{
	margin: 5px 10px 20px 20px;
	float: left;
}

.showOnSmallScreen{
	display:none;
}

.featured-paint .item {
	width: 140px;
	padding: 10px 5px 0 0;
	margin:auto;
}
	
.featured-paint{
	padding:5px;		
}

.featured-paint .titulh1 {
	margin: 10px 0 10px 0;
}

.featured-paint .item img{
	padding:0px;
}

.boardWrapper {
	margin: auto;
	max-width: 600px;
}
.featured-paint .submitButton {
	position:initial;
}
.board .left{
	width:auto;
	margin:auto;
}
.board .right{
	width:370px;
	height:1px;	
}
.board .fb-api{
	padding: 0 0 0 0;
	width: 300px;
	height: 300px;
	margin: 0px;
	position: absolute;
	top:260px;
	left:670px;
}

#contentWrap{
	margin-top:5px;
}

#wrap .bannerTopWrapper{
	width:100%;
	margin:0 auto 10px auto;
	text-align:center;
	clear:both;
}

.bannerTopWrapper .banner{
	margin:auto;
}

#wrap{
	padding-top:-50px;		
}

header{
	max-width: 1000px;
	margin: 0 auto;
	height:50px;
	padding:5px;
}
header .logo{
	float:left;
	background:none;
	width:auto;
	height:auto;
	position: relative;
	top: -5px;
}

header .logo .headerlogomini{
	float:left;
	display:none;
	width:90px;
	height:60px;
	background: url(https://www.puzzlesjunior.com/images/sprites-new.png) no-repeat -895px -598px;
}

header .logo .headerlogo{
	float:left;
}

.searchbox{
	float:right;
}

.searchbox .searchtext{
	font-size:18px;	
	width:200px;
	background-color:white;
	border:1px black solid;
	border-radius: 5px;
	padding-left:5px;
	float:left;
	margin-right:5px;
	height: 50px;
}

.searchbox .submitButton{
	font-size:24px;	
	width:50px;
	height:50px;
	background: url(https://www.puzzlesjunior.com/images/sprites-new.png) no-repeat -725px -604px;
	float:left;
	border-radius: 5px;
}

.createpuzzle{
	float:right;
	padding:5px;
	height:40px;
	width:220px;
}

.createpuzzle .puzzlebutton{
	float:left;
	background: url(https://www.puzzlesjunior.com/images/sprites-new.png) no-repeat -240px -690px;
	height:50px;
	width:220px;
}
.createpuzzle .puzzlebuttontext{
	font-size:18px;
	text-shadow: 0 0 0.2em white, 0 0 0.2em white, 0 0 0.2em white;
	font-weight:bold;
	color:#630;
	position:relative;	
	top:-48px;
	width:200px;
	text-align: center;
	vertical-align: middle;
	overflow:hidden;
	left:5px;
}

.piecesfeatured{
	background: url(https://www.puzzlesjunior.com/images/sprites-new.png) no-repeat -7px -540px;
	position:absolute;
	width: 100px;
	height: 110px;
	top:120px;
	left:40px;
}
.pypusfeatured{
	background: url(https://www.puzzlesjunior.com/images/sprites-new.png) no-repeat -670px -420px;
	position:absolute;
	width: 105px;
	height: 120px;
	top:120px;
	right:40px;
}
footer .fb-like .content span{
	padding: 30px 10px 10px 10px;
	width: 300px;
}
footer .fb-like .pypus{
	height:150px;
}
.create-puzzle .steps{
	overflow:visible;
}
.create-puzzle .form-wrap {
	width: 635px;
}
.create-puzzle .label-wrap .note {
	position: absolute;
	top: -5px;
}
.create-puzzle .file .note{
	top: 10px;
}
.custom-select-style {
	border: solid 2px;
}
.create-puzzle .footer{
	padding:10px;
}
.create-puzzle .historial .create-puzzle .img{
	background: url(https://www.puzzlesjunior.com/images/sprites-new.png) no-repeat -880px -230px;
}
.label-wrap.link span{
	font-size: 12px;
	line-height: 20px;
	color:#66513c
}
	
.create-puzzle .steps{
	margin:10px;
	width:auto;
	background-image:none;
	box-shadow:none;
}
.create-puzzle .steps h1{
	background:url(https://www.puzzlesjunior.com/images/sprites-new.png) no-repeat 0 -350px;
	margin: 0 -20px;
}
.create-puzzle .steps ul h3{
	width: auto;
	font-size: 15px;
	padding: 3px 5px 10px 5px;
	background: url(https://www.puzzlesjunior.com/images/sprites-new.png) no-repeat -20px -360px;
	width: 240px;
	height: 30px;
	position: relative;
	top: 170px;
	border-radius:10px;
	text-shadow: 0 0 0.2em #eae2d7;
}
.create-puzzle .steps ul li{
	background:url(https://www.puzzlesjunior.com/images/sprites-new.png) no-repeat;
	height: 170px;
	width: 250px;
	margin:5px 5px 60px 5px;
}
.create-puzzle .steps .stepsWrap{
	width:800px;
	margin:auto;
}
.create-puzzle .steps ul .step1{ background-position: -30px -180px; }
.create-puzzle .steps ul .step2{ background-position: -280px -180px; }
.create-puzzle .steps ul .step3{ background-position: -540px -180px; }

.create-puzzle .steps ul .step1.current{ background-position: -30px -1px; }
.create-puzzle .steps ul .step2.current{ background-position: -280px -1px; }
.create-puzzle .steps ul .step3.current{ background-position: -540px -1px; }

.historial{
	padding-top:3v0px;
}

.ranking th, .ranking td{
	font-weight:bold;
}

.sharing { display: -webkit-box; display: flex;  margin-left: auto; margin-right: auto; margin-top: 20px; width: 60%;}
.sharef { background: url(https://www.puzzlesjunior.com/images/sprites-new.jpg) no-repeat -1050px -1147px; display: block; relative: absolute; width: 144px; height: 37px; margin-right: 5px; }
.sharet { background: url(https://www.puzzlesjunior.com/images/sprites-new.jpg) no-repeat -1199px -1147px; display: block; relative: absolute; width: 144px; height: 37px; margin-right: 5px; }
.shareg { background: url(https://www.puzzlesjunior.com/images/sprites-new.jpg) no-repeat -1348px -1147px; display: block; relative: absolute; width: 144px; height: 37px; margin-right: 5px; }
.shared { background: url(https://www.puzzlesjunior.com/images/sprites-new.jpg) no-repeat -1497px -1147px; display: block; relative: absolute; width: 144px; height: 37px; margin-right: 5px; }

.desktopAd{ position:relative; top:-150px;}

.verticalAdLeft, .verticalAdRight{
	width:0px;
 	height:0px;
	display:inline-block;
	position:relative;
}
.verticalAdLeft{
	left: -450px;
}

.verticalAdRight{
	left:190px;
}

/*.safari-mac .verticalAdLeft{
	left: -230px;
}

.safari-mac .verticalAdRight{
	left: 70px;
}*/

@media (min-width: 1600px) {

	.safari-mac .loader{
		left: 550px;
	}
	
	.safari-mac .countdown{
		left: 600px;
	}

}
@media (max-width: 1599px) {							
	.verticalAdLeft, .verticalAdRight{
		display:none;	
	}
} 

@media (max-width: 1020px) {
	.mobileShow{
		display:block;
	}
	.drawer {
		float:right;
		top: 80px;
		left: -30px;
		position:relative;
	}
	
	header .desk{
		margin:auto;
	}
		
	footer{
		position:relative;
		top:-30px;	
	}
	footer .center{
		padding-right:20px;
	}
	footer .fb-like{
		padding:25px 20px 0 10px;
	}
	
	footer .wrap{
		width:auto;
	}
	.list h1{
		font-size: 1.8em;
		height: 30px;
	}	
	.mobilehide{
		display:none;
	}
	
	nav .search{
		left:500px;
	}	
	.breadcrumb ul{
		height:15px;
		width:95%;
	}
	.list .center{
		width:670px;
		margin:auto;
	}
	header{
		margin: 0 5px 0 10px;
	}
	.searchbox .searchtext{
		width:150px;
	}
}

@media (max-width: 990px) {
	body{
		margin-left:-10px;
	}
	.board{
		margin:0 -10px 0 -25px;
	}
}

@media (max-width: 945px) {	
	header .logo .headerlogo{
		display:none;
	}
	header .logo .headerlogomini{
		display:block;
	}
	.searchbox .searchtext{
		width:200px;
	}
	.board .fb-api{
		display:none;
	}
}

@media (max-width: 920px) {
	.board .fb-api{
		display:none;
	}
}

@media (max-width: 890px) {
	.piecesfeatured{
		left:15px;
	}
	.pypusfeatured{
		right:5px;
	}
}

@media (max-width: 800px) {
	footer .fb-like .content span{
		padding: 10px;
		width: 100px;
	}
	.piecesfeatured, .pypusfeatured{
		display:none;
	}	
	.create-puzzle .steps .stepsWrap {
		width: 520px;
	}
	.create-puzzle .steps ul .step3 {
		position: relative;
		left: 125px;
		top: -5px;
	}
}

@media (max-width: 730px) {
	.mobilehide730{
		display:none;
	}
	.create-puzzle .steps h1{
		padding:5px 15px 5px 15px;
	}
}

@media (max-width: 675px) {
	.breadcrumb ul{
		height:30px;
	}
	.hideOnSmallScreen, .upto675{
		display:none;
	}
	.showOnSmallScreen{
		display:block;
	}
	.board{
		margin:auto auto auto -15px;
	}
	.board .left{
		width:95%;
		margin:15px 5px 5px 25px;
	}
	.board .wrap{
		padding:0px;
		height:590px;
	}
	
	.list .center{
		width:335px;
	}
	.list h1{
		font-size:1.7em;
		padding:5px 5px 30px 5px;		
	}
	.board .wrap {
		margin-left: -15px;	
	}
	.searchbox .searchtext{
		width:150px;
	}
	.create-puzzle .form-wrap, .create-puzzle .note, .create-puzzle .buttons { 
		width:auto;
		overflow:hidden;
	}
	.create-puzzle .form-wrap .textinput.description {
		width: 90%;
	}
	.create-puzzle input[type=radio] + label {
		margin-bottom: 10px;
	}
	.create-puzzle .form-wrap {
		width: 400px;
		margin: auto;
	}
	.create-puzzle .form-wrap .rotation-option{
		width: 300px;
  	line-height: 50px;
	  margin-left: 40px;
	}
	.create-puzzle .label-wrap .note{
		position:initial;
		padding-top:5px;
	}
	.create-puzzle .form-wrap .footer{
		padding:10px;
	}
	.create-puzzle .form-wrap .textinput.email{
		width:80%;
	}
	.create-puzzle .link strong{
		text-align:left;
	}
	.create-puzzle .link h2{
		font-size: 18px;
	}
	.create-puzzle .form-wrap .label-wrap{
		padding:5px;
	}
	.create-puzzle .form-wrap .label-wrap.type-option{
		padding:15px;
	}
}

@media (max-width: 610px){
	.boardElement4, .socialnetworkstext{
		display:none;
	}
	.boardWrapper {
		max-width:450px;
	}
	.featuredMobile{
		max-width:300px;
	}
	.searchbox .searchtext{
		width:100px;
	}
}

@media (max-width: 530px) {
	.createpuzzle {
		margin-right: 50px;
	}
	.searchbox .submitButton {
		position: absolute;
		right: 1px;
	}
	.searchbox .searchtext {
		position: absolute;
		right: 50px;
		z-index: 5;
		width: 150px;
		display:none;
	}	
	.create-puzzle .steps h1 {
		font-size: 16px;
	}
	.create-puzzle .steps .stepsWrap {
		width: 260px;
	}
	.create-puzzle .steps ul .step1 {
		margin:-10px 5px 50px 5px;
	}
	.create-puzzle .steps ul .step2 {
		margin:1px 5px 50px 5px;
	}
	.create-puzzle .steps ul .step3 {
		margin:1px 5px 60px 5px;
		position:relative;
		left: auto;
		top:auto;
	}
}

@media (max-width: 465px){
	.boardElement3{
		display:none;
	}
	.boardWrapper {
		max-width:300px;
	}
	.searchbox .searchtext{
		width:130px;
	}
	header .logo .headerlogomini{
		width:76px;
	}
	.create-puzzle .form-wrap {
		width: 370px;
	}
	.create-puzzle .form-wrap .label-wrap{
		left:5px;
	}
	.create-puzzle .form-wrap .textinput.email{
		width:77%;
	}
}

@media (max-width: 370px){
	.breadcrumb ul{
		height:35px;
	}
	.historial img, .back-home .img{
		display:none;
	}
	.drawer{
		float:none;
		position:absolute;
		left:100px;
	}
	.list h1{
		font-size:1.5em;
		padding:10px 5px 20px 5px;
	}
	body{
		zoom:80%;	
	}	
	footer .fb-like .content span{
		zoom: 125%;
		padding: 1px;
		width: 80px;
		overflow:hidden;
	}
	#wrap .bannerTopWrapper{
		zoom:125%;
	}
	.list .center .banner{
		zoom: 125%;
		width: inherit;
		position: relative;
		left: -30px;
	}
}

.countdown{
	position: absolute;
  left: 450px;
	font-size:70px;
}

.loader {
  font-size: 10px;
  margin: 5em auto;
  text-indent: -9999em;
  width: 20em;
  height: 20em;
  border-radius: 50%;
  background: #630;
  background: -moz-linear-gradient(left, #630 10%, rgba(100, 50, 0, 0) 42%);
  background: -webkit-linear-gradient(left, #630 10%, rgba(100, 50, 0, 0) 42%);
  background: -o-linear-gradient(left, #630 10%, rgba(100, 50, 0, 0) 42%);
  background: -ms-linear-gradient(left, #630 10%, rgba(100, 50, 0, 0) 42%);
  background: linear-gradient(to right, #630 10%, rgba(100, 50, 0, 0) 42%);
  position: absolute;
  top: 50px;
  left: 400px;
  -webkit-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.loader:before {
  width: 50%;
  height: 50%;
  background: #630;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}
.loader:after {
  background: #eae2d7;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}