.obchod-layout
{
    margin: 0px auto;
}

/* ***************************************************************** */
/* ROZCESTNÍK VŠECH OBCHODŮ */

.shop-title
{
    padding: 15px 0px;
    font-family: 'Berkshire Swash';
    font-size: 30px;
    text-align: center;
}


ul.shops-erbs li
{
    width: 150px;
    height: 159px;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    background-size: cover;
}

ul.shops-erbs li a
{
    display: block;
    width: 124px;
    height: 151px;
}


ul.shops-erbs  li.erb_banka{
    background: url('../media/shops/signboards/erb_banka-off.png');
}
ul.shops-erbs  li.erb_banka:hover{
    background: url('../media/shops/signboards/erb_banka-on.png');
}
ul.shops-erbs  li.erb_darky{
    background: url('../media/shops/signboards/erb_darky-off.png');
}
ul.shops-erbs  li.erb_darky:hover{
    background: url('../media/shops/signboards/erb_darky-on.png');
}
ul.shops-erbs  li.erb_drak{
    background: url('../media/shops/signboards/erb_drak-off.png');
}
ul.shops-erbs  li.erb_drak:hover{
    background: url('../media/shops/signboards/erb_drak-on.png');
}
ul.shops-erbs  li.erb_dvojcata{
    background: url('../media/shops/signboards/erb_dvojcata-off.png');
}
ul.shops-erbs  li.erb_dvojcata:hover{
    background: url('../media/shops/signboards/erb_dvojcata-on.png');
}
ul.shops-erbs  li.erb_elfka{
    background: url('../media/shops/signboards/erb_elfka-off.png');
}
ul.shops-erbs  li.erb_elfka:hover{
    background: url('../media/shops/signboards/erb_elfka-on.png');
}
ul.shops-erbs  li.erb_kovarna{
    background: url('../media/shops/signboards/erb_kovarna-off.png');
}
ul.shops-erbs  li.erb_kovarna:hover{
    background: url('../media/shops/signboards/erb_kovarna-on.png');
}
ul.shops-erbs  li.erb_mapa{
    background: url('../media/shops/signboards/erb_mapa-off.png');
}
ul.shops-erbs  li.erb_mapa:hover{
    background: url('../media/shops/signboards/erb_mapa-on.png');
}
ul.shops-erbs  li.erb_mind{
    background: url('../media/shops/signboards/erb_mind-off.png');
}
ul.shops-erbs  li.erb_mind:hover{
    background: url('../media/shops/signboards/erb_mind-on.png');
}
ul.shops-erbs  li.erb_rasy{
    background: url('../media/shops/signboards/erb_rasy-off.png');
}
ul.shops-erbs  li.erb_rasy:hover{
    background: url('../media/shops/signboards/erb_rasy-on.png');
}
ul.shops-erbs  li.erb_skritci{
    background: url('../media/shops/signboards/erb_skritci-off.png');
}
ul.shops-erbs  li.erb_skritci:hover{
    background: url('../media/shops/signboards/erb_skritci-on.png');
}
ul.shops-erbs  li.erb_souboje{
    background: url('../media/shops/signboards/erb_souboje-off.png');
}
ul.shops-erbs  li.erb_souboje:hover{
    background: url('../media/shops/signboards/erb_souboje-on.png');
}
ul.shops-erbs  li.erb_troll{
    background: url('../media/shops/signboards/erb_troll-off.png');
}
ul.shops-erbs  li.erb_troll:hover{
    background: url('../media/shops/signboards/erb_troll-on.png');
}
ul.shops-erbs  li.erb_vetes{
    background: url('../media/shops/signboards/erb_vetes-off.png');
}
ul.shops-erbs  li.erb_vetes:hover{
    background: url('../media/shops/signboards/erb_vetes-on.png');
}
ul.shops-erbs  li.erb_zvirata{
    background: url('../media/shops/signboards/erb_zvirata-off.png');
}
ul.shops-erbs  li.erb_zvirata:hover{
    background: url('../media/shops/signboards/erb_zvirata-on.png');
}
ul.shops-erbs  li.erb_odevy{
    background: url('../media/shops/signboards/erb_odevy-off.png');
}
ul.shops-erbs  li.erb_odevy:hover{
    background: url('../media/shops/signboards/erb_odevy-on.png');
}

/* ***************************************************************** */
/* PŘEDSTRÁNKA OBCHODU */


@media screen and (max-width: 1899px) {

    .obchody-predstranka-popis
    {
        margin: 5px auto;
        text-align: justify;
        font-size: 11px;
    }
    ul.shops-erbs
    {
        margin: 0px;
        padding: 0px;
        margin: 30px auto;
        list-style: none;
  
    }
    .obchody-zbozi-nazev
    {
        font-weight: bold;
        font-size: 12px;
        padding-bottom: 10px;
        color: #C0C0C0;
    }

    .obchody-zbozi-popis
    {
        font-style: italic;
        padding-bottom: 10px;
        font-size: 11px;
    }

    ul.obchody-zbozi-attr
    {
        margin: 0px;
        padding: 0px;
        list-style: none;
        font-size: 11px;
    }
}

@media screen and (min-width: 1900px) {
    .obchody-predstranka-popis
    {
        margin: 5px auto;
        text-align: justify;
        font-size: 14px;
    }
    ul.shops-erbs
    {
        margin: 0px;
        padding: 0px;
        margin: 30px auto;
        list-style: none;
        width: 850px;
    
    }
    .obchody-zbozi-nazev
    {
        font-weight: bold;
        font-size: 15px;
        padding-bottom: 10px;
        color: #C0C0C0;
    }

    .obchody-zbozi-popis
    {
        font-style: italic;
        padding-bottom: 10px;
        font-size: 14px;
    }

    ul.obchody-zbozi-attr
    {
        margin: 0px;
        padding: 0px;
        list-style: none;
        font-size: 14px;
    }
}
    ul.shop-button-set
    {
        list-style: none;
        margin: 40px auto;
        padding: 0px;
    }

    ul.shop-button-set li
    {
        float: left;
    }


.shop-button
{
    background: url("../media/shops/button_wood-off.png");
    background-repeat: no-repeat;
    width: 212px;
    height: 59px;
    display: block;
    background-position: 0px 5px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    line-height: 69px;
    margin: 0px auto;
    text-decoration: none;
    transition: 0.1s ease-in-out; 
}

.shop-button .icon
{
    padding-right: 5px;
    color: #14546D;
}

button.shop-button
{
    height: 69px;
    padding: 0px;
    cursor: pointer;
}

.shop-button.disabled
{
    background: url("../media/shops/button_wood-off.png");
    color: white;
    cursor: not-allowed;
    filter: grayscale(100%);
}

.shop-button.season
{
    background: url("../media/shops/button_wood-on.png");
    color: white;
}

.shop-button.pozemky
{
    background: url("..../media/shops/button_wood-on.png");
    color: white;
}

.shop-button:hover
{
    background: url("../media/shops/button_wood-on.png");
    background-position: 0px 5px;
    background-repeat: no-repeat;
    text-decoration: none;
    transition: 0.1s ease-in-out;
}

.shop-button:active
{
    background: url("../media/shops/button_wood-on.png");
}

h2.obchody-chat
{
    padding-top: 50px;
    padding-bottom: 5px;
    width: 350px;
    border-bottom: 1px solid;
    margin: 0px auto;
}
.shop-submit{
    width: 100px;
    height: 43px;
    color: #e1a972;
    text-shadow: 2px 2px black;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    border: 0px;
    background: url("../media/shops/button_submit-off.png");
}
.shop-submit:hover{
    background: url("../media/shops/button_submit-on.png");
}
.shop-submit:active{
    background: url("../media/shops/button_submit-on.png");
}
/*.obchody-obchod-left input[type="number"] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}
.obchody-obchod-left input[type=number]::-webkit-inner-spin-button, 
.obchody-obchod-left input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none;
}
*/
.shop-input-number{
    width: 79px;
    height: 43px;
    color: #e1a972;
    text-align: right;
    border: 0px;
    padding-right: 25px;
    background: url("../media/shops/form.png");
}

/* ***************************************************************** */
/* VNITŘEK OBCHODU */


.obchody-obchod-left > ul.obchody-obchod-zbozi
{
    margin: 0px;
    padding: 0px;
    list-style: none;
    margin-bottom: 50px;
}

.obchody-obchod-left > ul.obchody-obchod-zbozi > li
{
    padding: 10px;
    border-color: #25180C;
    border-top: 1px solid;
    text-align: left;
}

.obchody-obchod-left > ul.obchody-obchod-zbozi > li table tr td
{
    vertical-align: top;
}

.obchody-obchod-left > ul.obchody-obchod-zbozi > li table tr td img.obchody-obchod-zbozi-obrazek
{
    width: 60px;
    margin-right: 5px; 
    border: 2px ridge #cd853f; 
}

.obchody-obchod-left > ul.obchody-obchod-zbozi > li table tr td:first-child
{
    width: 70px;
}

.obchody-obchod-left > ul.obchody-obchod-zbozi > li:nth-child(even)
{
    background-color: #190E04;
}

.obchody-obchod-left > ul.obchody-obchod-zbozi > li:last-child
{
    border-bottom: 1px solid;
}




.obchody-zbozi-koupit
{
    text-align: right;
    padding-top: 20px;
}

.obchody-obchod-hrac-zlate
{
    text-align: left;
    padding: 20px 0px;
}

.obchody-banka
{
    text-align: left;
    padding-top: 10px;
    border-color: #25180C;
    border-top: 1px solid;
}

.obchody-trh
{
    padding-top: 10px;
    border-color: #25180C;
    border-top: 1px solid;
}

.inventory-character
{
    width: 281px;
    height: 350px;
    float: left;
    position: relative;
    z-index: 1;
}

.inventory-character .inventory-empty-spot
{
    width: 60px;
    height: 60px;
    position: absolute;
    z-index: 10;
}

.inventory-character .inventory-empty-spot.inventory-spot-hlava { top: 7px; left: 7px;  }
.inventory-character .inventory-empty-spot.inventory-spot-hrud { top: 76px; left: 7px;  }
.inventory-character .inventory-empty-spot.inventory-spot-pasek { top: 145px; left: 7px;  }
.inventory-character .inventory-empty-spot.inventory-spot-nohy { top: 214px; left: 7px;  }
.inventory-character .inventory-empty-spot.inventory-spot-boty { top: 283px; left: 7px;  }
.inventory-character .inventory-empty-spot.inventory-spot-pruka { top: 214px; left: 76px;  }
.inventory-character .inventory-empty-spot.inventory-spot-lruka { top: 214px; left: 145px;  }
.inventory-character .inventory-empty-spot.inventory-spot-obouruc { top: 283px; left: 76px;  }
.inventory-character .inventory-empty-spot.inventory-spot-hulka { top: 283px; left: 145px;  }
.inventory-character .inventory-empty-spot.inventory-spot-pprsten { top: 214px; left: 214px;  }
.inventory-character .inventory-empty-spot.inventory-spot-rukavice { top: 283px; left: 214px;  }
.inventory-character .inventory-empty-spot.inventory-spot-lprsten { top: 145px; left: 214px;  }
.inventory-character .inventory-empty-spot.inventory-spot-krk { top: 76px; left: 214px;  }
.inventory-character .inventory-empty-spot.inventory-spot-ramena { top: 7px; left: 214px;  }

.inventory-item
{
    width: 60px;
    height: 60px;
    position: relative;
    z-index: 10;

}

.inventory-item.inventory-item-notput
{
    float: left;
    margin-left: 7px;
    margin-top: 7px;
    cursor: pointer;
    border: 2px outset;
    border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
}

.inventory-items-can{
    width: 500px;
    min-height: 360px;
    float: left;
    margin-left: 20px;
    padding-top: 5px;
}

.inventory-items-other{
    min-height: 360px;
    float: left;
    margin-left: 20px;
    padding-top: 5px;
}

.rewards-line{
    display: flex;
}

.reward-container{
    flex: 1;
}

.reward-image{
    width: 60px;
}
.reward-image img{
    max-width:100%;
    max-height:100%;
    
}        
.reward-description{
    
}