@media only screen and (min-width: 1000px) {
  
    body { background-image: url("/images/design/background/arcania.jpg"); }

    #logo
    {
        top: 5px;
        left: 20px;
        width: 381px;
        height: 216px;
    }

    #logo a { background-image: url("/images/design/logo_gothic4.png"); } 

    
    /* predmety */
    div.predmety-detail .image { float: left; width: 80px; margin-right: 10px; text-align: center; }
    div.predmety-detail .data { float: left; width: 840px; }
    div.predmety-detail .data td.th { width: 250px; }
    #colorbox-wrapper div.predmety-detail .data { width: 725px; }




    /* predmety barvy */

    span.arcania_zelena { font-weight: bold; color: #2cc22c; }
    span.arcania_zluta { font-weight: bold; color: #e7e24f; }

    div.npc_g4 p
    {
        width: 440px;
        padding: 10px;
        margin: 0;
        background: #111;
        margin: 0 auto;
        color: #aaa; 
        line-height: 1.3em; 
    }

    div.npc_g4 p:first-letter
    {
        display: block;
        float: left; 
        margin: 2px;
        font-size: 35px;
        font-family: Georgia, "Times New Roman", Times, serif;
        color: #ccc;

    }


    div.npc_g4 img
    {
        border: 5px solid #111; 
        

    }


    div.npc_seznam_g4 table
    {
        width: 100%;
        border-collapse: collapse;
        background: #0c0c0c;
    }


    div.npc_seznam_g4 table th
    {
        background: #151515; 
        padding: 10px 5px;
        border-bottom: 1px solid #444;
        font-variant: small-caps; 
        font-size: 14px;
        color: #fff;
    }

    div.npc_seznam_g4 table td
    {
        margin: 1px 0;
        padding: 7px 5px; 
        font-size: 12px;
    }

    div.npc_seznam_g4 table tr.row1
    {
        background: #151515;
    }

    div.npc_seznam_g4 div.filtr
    {
        margin-bottom: 5px;
        padding: 5px;
        background: #131109;
        border-radius: 7px;
        line-height: 20px;
        /*color: #ffe4a2;*/
        /*border: 1px solid #201700;*/
    }

    div.npc_seznam_g4 div.filtr span { 
        display: block; 
        float: left;  
        width: 100px; 
        border-radius: 3px; 
        background: #000;
    }

    div.npc_seznam_g4 ul.head, div.npc_seznam_g4 ul.body { margin: 0; padding: 0; list-style-type: none; }
    div.npc_seznam_g4 ul.body div.ajax { position: absolute; z-index: 5; width: 100%; height: 100%; min-height: 100px; background: #000 url("/images/ajax-loader.gif") no-repeat center 40px ; display: none;   filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;   }
    div.npc_seznam_g4 ul.body li.null { line-height: 50px; text-align: center; background: #090909; color: #bbb; font-size: 12px; 

    }

    div.mapa_argaan
    {
        width: 680px;
        height: 680px; 
        position: relative;
    }
    
    div.mapa_argaan img
    {
        width: 100%; 
    }

    div.mapa_argaan a
    {
        display: block;
        position: absolute;
        height: 29px;
        line-height: 23px;
        width: 140px;
        padding: 0 5px;
        background: #fff;
        border: 3px solid #000;
        text-align: center;
        color: #000;
        font-weight: bold;
        text-decoration: none;
        border-radius: 5px;
        opacity: 0.7; 
    }
    div.mapa_argaan a:hover { opacity: 0.9; }
    div.mapa_argaan a.stewark   { top: 160px; left: 60px; width: 100px; }
    div.mapa_argaan a.thorniara { top:  30px; left: 220px; width: 100px; }
    div.mapa_argaan a.dzungle   { top: 370px; left: 510px; width: 100px; }
    div.mapa_argaan a.panna     { top: 300px; left:  40px; width: 120px; }
    div.mapa_argaan a.krvave    { top: 230px; left: 210px; width: 110px; }
    div.mapa_argaan a.tooshoo   { top: 570px; left: 280px; width: 100px; }
    div.mapa_argaan a.klaster   { top: 550px; left: 460px; width: 100px; }
    div.mapa_argaan a.stribro   { top: 380px; left: 240px; width: 120px; }



    table.odmena { margin-left: 30px; border-collapse: collapse; }
    table.odmena td { line-height: 32px; font-size: 12px; font-variant: small-caps; padding: 0 5px; }
    table.odmena td.pocet { text-align: right; color: #fff; }
    table.odmena img { border: 1px solid #222; }




    ul.g4_npc_filtr 
    {
        padding: 0;
        margin: 0;
        list-style-type: none;
        display: block;
    }

    ul.g4_npc_filtr li
    {
        padding: 0; margin: 2px;
        list-style-type: none;
        display: block;
        float: left;
        height: 20px;
    }

    ul.g4_npc_filtr li a
    {  
        display: block; 
        padding: 0 3px; height: 20px;
        min-width: 14px;
        text-align: center;
        border-radius: 3px;
        background: #302b1c;
        text-decoration: none; 
    }

    ul.g4_npc_filtr li a:hover
    {  
        background: #5e5843;
        color: #ffea9f;
    }

    ul.g4_npc_filtr li a.active
    {  
        font-weight: bold;
        background: #ffe383;
        color: #1d1a0e;

    }


    table.g4_beast_gal img { border: 4px solid #151515; }
    table.g4_beast_gal img:hover { border: 4px solid #222; }

    #g4bestiar div.item
    { 
        width: 178px;  
        text-align: center;
        padding-bottom: 0.5rem;
        border-radius: 5px;
    } 

    #g4bestiar div.item:hover
    { 
        background-color: #222;
    } 

    #g4bestiar div.item:hover img
    { 
        opacity: 1;
    } 

    #g4bestiar div.item img
    { 
        margin-bottom: 0.5rem;
        border-radius: 5px;
        width: 170px;
        opacity: 0.6;
    } 

    #g4bestiar div.item span.beast-name
    {  
        font-weight: bold;
    }

    

    div.lokace_mapa { border: 8px solid #070707; background: #111; margin: 15px 0; text-align: left; }
    div.lokace_mapa img { border: 2px solid #151515; float: left; margin-right: 10px; }
    div.lokace_mapa p { margin: 5px  10px; color: #999;}
    div.lokace_mapa p span.head { font-size: 14px; color: #fff; font-variant: small-caps; }


}