#mipuzzle,#tablero{
    position:relative;
    width:100%;
    background: transparent !important;
}
#mipuzzle,#tablero,div#canvas-wrap,div#game-options,footer{
    width:100%
}
#submit-btn,.btn a,.navbar .navbar-nav>li>a,a,div.caption h3 a{
    text-decoration:none
}
.pagination,.pagination-centered,div#congrat,div.rating-text,div.stars-img{
    text-align:center
}

.thumbnails{
    overflow:hidden;
    margin:0
}

.badge{
    font-size:11px;
    background:#888
}



.intro a,.widget h4{
    color:#fff
}
.rating-text{
    margin-bottom:20px
}
.well.crear{
    background:#DFDEDC
}
.widget h4{
    background:#1FBBA6;
    padding:8px 10px;
    margin-bottom:0;
    border-radius:4px 4px 0 0
}
.thumbnails,div.thumbnail{
    padding:0;
    border:0
}
img.img-polaroid{
    padding:0;
    max-width:95%
}
div.caption span{
    display:block;
    width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    margin:0;
    font-size:15px;
    font-weight:700
}
.well h3{
    margin-top:0;
    padding-top:0
}
.starbox{
    padding-bottom:20px;
    float:left
}
.share{
    float:left
}
.mipu{
    margin-top:10px;
    margin-bottom:10px
}
.comosejuega li{
    font-size:14px;
    line-height:20px;
    margin-bottom:8px
}

.affix{
    position:fixed
}
.label a{
    color:#fff
}
.thumbnail h4 a{
    color:#222
}
#submit-btn{
    color:#222;
    font-weight:700
}

.layers .info-img{
    display:block;
    position:relative;
    z-index:10
}
.layers{
    height:207px
}
.info-hover{
    background:#fff;
    margin:1px;
    height:35px;
    z-index:20;
    width:100px;
    padding:0;
    position:relative;
    top:-38px;
    left:170px
}
.info-hover a{
    position:absolute;
    bottom:10px;
    right:10px;
    display:block;
    font-weight:700
}
#fb-root,.pagination span.disabled{
    display:none
}
.fb_iframe_widget,.fb_iframe_widget span,.fb_iframe_widget span iframe[style]{
    width:100%!important
}
.fb-like{
    width:120px!important
}


#q{
    padding:6px
}
.misearch{
    padding-right:0
}
.pagination a,.pagination span.current{
    padding:10px 14px;
    border:0;
    margin:0 2px;
    text-decoration:none
}
.pagination a{
    background:#fff
}
.pagination span.current{
    background:#EBA87D;
    color:#fff
}
.pagination{
    height:36px;
    display:block;
    padding-left:0;
    margin:20px 0;
    border-radius:0
}
b.button span {
    padding:7px 10px;
    display: block;
}
 b.button {
    cursor: pointer;
}

b.button{
    z-index: 100;
     color:#6e6e6e;
    font:700 14px Arial,sans-serif;
    outline:0;
    text-decoration:none;
    position:relative;
    display:inline-block;
    text-shadow:0 1px 0 #fff;
    background:#f3f3f3;
    border:1px solid #dcdcdc;
    border-radius:2px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    margin-right: 3px;
    padding: 0;
}

#dnd,#image-error,.hide{
    display:none
}
a.button:hover{
    color:#333;
    border-color:#999;
    -moz-box-shadow:0 2px 0 rgba(0,0,0,.2);
    -webkit-box-shadow:0 2px 5px rgba(0,0,0,.2);
    box-shadow:0 1px 2px rgba(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;
    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(data:image/png;
    base64,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) 10px 6px no-repeat #f3f3f3;
    padding-left:30px
}
canvas{
    margin:0;
    padding:0
}
.clear{
    clear:both
}
canvas#buffer,canvas#canvas,canvas#image-preview{
    position:absolute;
    top:0;
    left:0
}
canvas#canvas{
    z-index:100
}
canvas#canvas.loading{
    background:url(loader.gif) center no-repeat
}
canvas#buffer{
    z-index:70
}
canvas#image-preview.show{
    left:50%;
    opacity:.5;
    z-index:40
}

div#game-options{
    z-index:500;
    border:0;
    padding:5px 0;

}

div#game-options div.styled-select select{
    padding: 2px 4px;
     outline:0;
    background:0 0;
    font-size:12px;
    font-weight:700;
    border:none;
    width: 80px;
    height:28px;
    -webkit-appearance:none
}
div#game-options div.styled-select{
    width:90px;
    height:28px;
    margin-right:10px;
    overflow:hidden;
    background:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9wCFA8UGU0K3fQAAAC9SURBVDjL3ZFLSgRBEEQz08+IguBKBRcepLv6SH20og7lDXTcVMZz0y0KM0yjGzEgIQnyE0QYEPZDAGf2dwH4lrmjQ5Iel3ZvZq8RkQt/4+57d+fgYmZeTtOEmX2rUgqLstOmt9Zelg+f1VpD0hNwcfJAZu6+qhjHkcy8lrTbZGDv/bbWyqqi1oqkbZlLciCAu1IKwzAAPBxL5fxAfFfuLuB9nueVe4sINinITJcUq9uA997d/jGA51/s3n8A/ISD9bFHikwAAAAASUVORK5CYII=) right no-repeat #f3f3f3;
    border:1px solid #333
}
#image-error{
    color:red;
    margin:0 10px
}
div#overlay{
    background:#000;
    opacity:.5;
    width:100%;
    height:100%;
    position:fixed;
    z-index:700;
    top:0;
    left:0;
    cursor:pointer
}
div.mimodal{
    top:100px;
    left:50%;
    transform: translate(-50%);
    z-index:1000;
    border:5px solid #000;
    background:#fff;
    box-shadow:0 0 8px #000;
    -webkit-box-shadow:0 0 8px #000;
    -moz-box-shadow:0 0 8px #000;
    -o-box-shadow:0 0 8px #000;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    padding:20px;
    position:absolute
}
div.mimodal a.close{
    position:absolute;
    top:5px;
    right:5px;
    font-weight:700;
    text-decoration:none;
    padding:0 3px;
    color:#000;
    display:block
}
.enhorabuena,.resuelto{
    font-weight:500;
    line-height:1.1;
    display:block
}
div#help{
    top:50px;
    width: 100%;
    max-width:400px;
    font-size:15px
}
div.fallback label,div.rating-flash{
    position:relative;
    top:-4px
}
div#help li{
    margin:10px
}

div.rating-flash,div.rating-text{
    padding-left:5px;
    white-space:nowrap
}
.enhorabuena{
    margin:20px 0 10px;
    font-size:36px
}
.resuelto{
    margin-top:20px;
    margin-bottom:10px;
    font-size:30px
}
div.rating{
    font-size:8pt;
    white-space:nowrap
}
div.rating-text{
    display:block;
    color:#545454
}
div.rating-notext{
    display:none
}
div.fallback,div.fallback form,div.rating label.fallback,div.rating-flash{
    display:inline
}
img.rating{
    cursor:pointer
}
img.rating-disabled{
    cursor:default
}
img.rating-user{
    cursor:pointer
}
img.rating-user-disabled{
    cursor:default
}
div.fallback label{
    display:inline
}
div.fallback input[type=submit]{
    position:relative;
    top:-4px;
    left:5px
}

 .dropdown-menu h3 {
     padding: 0;
     margin: 2px 0 1px;
     font-size: 14px;
}
 .dropdown-menu>li {
     padding: 7px 0 7px 12px;
}
div#help ul{
    padding: 0;
}
