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

    #logo
    {
        top: 15px;
        left: -20px;
        width: 435px;
        height: 182px;
    }

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


    /* bestiar */
    div.g3bestiar-detail .image { float: left; width: 450px; margin-right: 10px; }
    div.g3bestiar-detail .data { float: left; width: 470px; }
    #colorbox-wrapper div.g3bestiar-detail .data { width: 355px; }    
    
    /* npc */
    div.g3npc-detail .image { float: left; width: 450px; margin-right: 10px; }
    div.g3npc-detail .data { float: left; width: 470px; }
    #colorbox-wrapper div.g3npc-detail .data { width: 408px; }

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

    
    
    /* jednorucni */
    div.predmety-detail.g3-jednorucni-zbrane .image { float: left; width: 450px; margin-right: 10px; }
    div.predmety-detail.g3-jednorucni-zbrane .data { float: left; width: 470px; }
    #colorbox-wrapper div.predmety-detail.g3-jednorucni-zbrane .data { width: 355px; }
    
    /* obourucni */
    div.predmety-detail.g3-obourucni-zbrane .image { float: left; width: 450px; margin-right: 10px; }
    div.predmety-detail.g3-obourucni-zbrane .data { float: left; width: 470px; }
    #colorbox-wrapper div.predmety-detail.g3-obourucni-zbrane .data { width: 355px; }
       
    /* hole */
    div.predmety-detail.g3-hole .image { float: left; width: 450px; margin-right: 10px; }
    div.predmety-detail.g3-hole .data { float: left; width: 470px; }
    #colorbox-wrapper div.predmety-detail.g3-hole .data { width: 355px; }
       
    /* luky */
    div.predmety-detail.g3-luky .image { float: left; width: 450px; margin-right: 10px; }
    div.predmety-detail.g3-luky .data { float: left; width: 470px; }
    #colorbox-wrapper div.predmety-detail.g3-luky .data { width: 355px; }
       
    /* kuse */
    div.predmety-detail.g3-kuse .image { float: left; width: 450px; margin-right: 10px; }
    div.predmety-detail.g3-kuse .data { float: left; width: 470px; }
    #colorbox-wrapper div.predmety-detail.g3-kuse .data { width: 355px; }
       
    /* helmy */
    div.predmety-detail.g3-helmy .image { float: left; width: 150px; margin-right: 10px; }
    div.predmety-detail.g3-helmy .data { float: left; width: 770px; }
    div.predmety-detail.g3-helmy .data td.th { width: 200px; }
    #colorbox-wrapper div.predmety-detail.g3-helmy .data { width: 655px; }
       
    /* stity */
    div.predmety-detail.g3-stity .image { float: left; width: 200px; margin-right: 10px; }
    div.predmety-detail.g3-stity .data { float: left; width: 720px; }
    div.predmety-detail.g3-stity .data td.th { width: 200px; }
    #colorbox-wrapper div.predmety-detail.g3-stity .data { width: 605px; }
       
    /* zbroje */
    div.predmety-detail.g3-zbroje .image { float: left; width: 150px; margin-right: 10px; }
    div.predmety-detail.g3-zbroje .data { float: left; width: 770px; }
    div.predmety-detail.g3-zbroje .data td.th { width: 200px; }
    #colorbox-wrapper div.predmety-detail.g3-zbroje .data { width: 655px; }
     
    /* amulety */
    div.predmety-detail.g3-amulety .image { float: left; width: 80px; margin-right: 10px; text-align: center; }
    div.predmety-detail.g3-amulety .data { float: left; width: 840px; }
    div.predmety-detail.g3-amulety .data td.th { width: 250px; }
    #colorbox-wrapper div.predmety-detail.g3-amulety .data { width: 725px; }
     
    /* prsteny */
    div.predmety-detail.g3-prsteny .image { float: left; width: 80px; margin-right: 10px; text-align: center; }
    div.predmety-detail.g3-prsteny .data { float: left; width: 840px; }
    div.predmety-detail.g3-prsteny .data td.th { width: 250px; }
    #colorbox-wrapper div.predmety-detail.g3-prsteny .data { width: 725px; }
     
    /* trofeje */
    div.predmety-detail.g3-trofeje .image { float: left; width: 80px; margin-right: 10px; text-align: center; }
    div.predmety-detail.g3-trofeje .data { float: left; width: 840px; }
    div.predmety-detail.g3-trofeje .data td.th { width: 250px; }
    #colorbox-wrapper div.predmety-detail.g3-trofeje .data { width: 725px; }
     
    /* teleporty */
    div.predmety-detail.g3-teleporty .image { float: left; width: 80px; margin-right: 10px; text-align: center; }
    div.predmety-detail.g3-teleporty .data { float: left; width: 840px; }
    div.predmety-detail.g3-teleporty .data td.th { width: 250px; }
    #colorbox-wrapper div.predmety-detail.g3-teleporty .data { width: 725px; }


    /* predmety alternativni vyvazeni */
    table.g3table span.g3cp_alt {
        font-size: 10px;
        color: #aaa;     
        cursor: help;
    }
    
    div.jdialog_detail span.g3cp_alt {    
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
        padding: 3px;
        color: #ccc;
        font-size: 10px;
        padding-right: 20px;
        background: #333 url("/images/g3/g3aa.png") right center no-repeat;
        cursor: help;
        
    
    }
    
    
    
    div.kniha-kouzel {
        padding: 10px;
        background: #101010;
        width: 100%;
        border-radius: 5px;
        margin: 20px auto;
        position: relative;
    }
    
    div.kniha-kouzel h3 {
        margin: 0;
        color: #bbb;
        font-variant: normal;
        font-family: Georgia, serif;
    }
    
    
    div.kniha-kouzel ul li span {
        display: none;
        position: absolute;   
        bottom: -15px;
        left: -30px;
        width: 130px;
        padding: 8px 5px;
        border-radius: 5px;
        border: 1px solid #ccc;
        background: #aaa;
        color: #000;
        font-weight: bold;
        opacity: 0.8;
        z-index: 50;
        text-align: center;
        line-height: 13px;
        
    
    }
    
    div.kniha-kouzel ul {
        display: block;
        list-style-type: none;
        float: left;
        margin-left: 2px;
        line-height: 0;
    }
    div.kniha-kouzel ul li {
        display: block;
        position: relative;
        list-style-type: none;
        float: left;  
    
    }
    div.kniha-kouzel ul li a {
        display: block;     
        width: 64px;
        height: 64px;
        background-image: url("/images/g3/kouzla_bw.png");  
    }
    
    div.kniha-kouzel a#ohnivy-sip { background-position: -1px -1px; }
    
    
    
    
    
    .g3map { 
        width: 680px; 
        height: 713px; 
        position: relative; 
        background: url("/images/g3/mapa690.jpg") no-repeat;
        background-position: center center; 
    }
    
    
    .g3map div { position: absolute; text-align: center; line-height: 15px; font-weight: bold; }
    .g3map div a { display: block; line-height: 0; font-size: 0; text-decoration: none; position: relative; }
    .g3map div a img { margin: 2px; width: 27px; height: 27px; border: 2px solid transparent; }
    .g3map div a:hover { color:#fff; }
    .g3map div a:hover img { border: 2px solid #fff !important;}  
    .g3map div a:hover span { background-color: #fff !important;}  
    .g3map div a span { display: block; clear: both; background: #F5D568; color: #000; padding: 0 3px; line-height: 16px; font-size: 11px; }
    body.mobile .g3map div a span { line-height: 25px; font-size: 20px; }  
    
    .g3map div.hlavni { left: 60px; top: 195px; width: 80px; }
    .g3map div.ostatni { left: 60px; top: 255px; width: 80px; }
    .g3map div.al-shedim { left: 310px; bottom: 70px; } 
    .g3map div.al-shedim a span { background-color: #D0A330; }
    .g3map div.al-shedim a img { border-color: #D0A330; }
    .g3map div.ardea { left: 561px; bottom: 321px; }      
    .g3map div.ardea a span { background-color: #D5C862; }
    .g3map div.ardea a img { border-color: #D5C862; }
    .g3map div.bakaresh { left: 465px; bottom: 175px; }
    .g3map div.bakaresh a span { background-color: #D9B43F; }
    .g3map div.bakaresh a img { border-color: #D9B43F; }
    .g3map div.ben-erai { left: 320px; bottom: 233px;  }  
    .g3map div.ben-erai a span { background-color: #F5D66C; }
    .g3map div.ben-erai a img { border-color: #F5D66C; }
    .g3map div.ben-sala { left: 380px; bottom: 180px; } 
    .g3map div.ben-sala a span { background-color: #EFD05C; }
    .g3map div.ben-sala a img { border-color: #EFD05C; }
    .g3map div.braga { left: 250px; bottom: 253px; }  
    .g3map div.braga a span { background-color: #F3D261; }  
    .g3map div.braga a img { border-color: #F3D261; }  
    .g3map div.cape-dun { left: 478px; bottom: 295px; }   
    .g3map div.cape-dun a span { background-color: #D7C24F; position: absolute; top: 8px; left: -65px; width: 60px; }
    .g3map div.cape-dun a img { border-color: #D7C24F; }
    .g3map div.faring { left: 505px; bottom: 440px; }  
    .g3map div.faring a span { background-color: #B8B776; }
    .g3map div.faring a img { border-color: #B8B776; }
    .g3map div.geldern { left: 290px; bottom: 415px; }     
    .g3map div.geldern a span { background-color: #B8B16D; }
    .g3map div.geldern a img { border-color: #B8B16D; }
    .g3map div.gotha { left: 455px; bottom: 423px; }     
    .g3map div.gotha a span { background-color: #BBBA77; }
    .g3map div.gotha a img { border-color: #BBBA77; }
    .g3map div.ishtar { left: 50px; bottom: 70px; }
    .g3map div.ishtar a span { background-color: #C69A31; }
    .g3map div.ishtar a img { border-color: #C69A31; }
    .g3map div.klan-kladiva { left: 505px; top: 95px; }   
    .g3map div.klan-kladiva a span { background-color: #FEE8D1;  position: absolute; top: 8px; right: -80px; width: 75px; }
    .g3map div.klan-kladiva a img { border-color: #FEE8D1; }
    .g3map div.klan-ohne { left: 445px; top: 35px; }  
    .g3map div.klan-ohne a span { background-color: #F5DDC1; position: absolute; top: 8px; right: -65px; width: 60px; }
    .g3map div.klan-ohne a img { border-color: #F5DDC1; }
    .g3map div.klaster { left: 410px; top: 60px; }    
    .g3map div.klaster a span { background-color: #FAE2C6; }
    .g3map div.klaster a img { border-color: #FAE2C6; }
    .g3map div.montera { left: 415px; bottom: 372px; }  
    .g3map div.montera a span { background-color: #C6B172; }
    .g3map div.montera a img { border-color: #C6B172; }
    .g3map div.mora-sul { left: 225px; bottom: 93px; }   
    .g3map div.mora-sul a span { background-color: #DEB849; }
    .g3map div.mora-sul a img { border-color: #DEB849; }
    .g3map div.nemora { left: 260px; bottom: 345px; }   
    .g3map div.nemora a span { background-color: #C9B751; }
    .g3map div.nemora a img { border-color: #C9B751; }
    .g3map div.lago { left: 370px; bottom: 245px;  } 
    .g3map div.lago a span { background-color: #F2D263; }
    .g3map div.lago a img { border-color: #F2D263; }
    .g3map div.okara { left: 390px; bottom: 450px; }         
    .g3map div.okara a span { background-color: #C3B866; }
    .g3map div.okara a img { border-color: #C3B866; }
    .g3map div.reddock { left: 510px; bottom: 304px;  } 
    .g3map div.reddock a span { background-color: #D7C152; }
    .g3map div.reddock a img { border-color: #D7C152; }
    .g3map div.silden { left: 340px; bottom: 465px; }   
    .g3map div.silden a span { background-color: #B2AB65; }
    .g3map div.silden a img { border-color: #B2AB65; }
    .g3map div.trelis { left: 323px; bottom: 352px; }    
    .g3map div.trelis a span { background-color: #CFB546; }
    .g3map div.trelis a img { border-color: #CFB546; }
    .g3map div.vengard { left: 544px; bottom: 400px; }  
    .g3map div.vengard a span { background-color: #BBBA77; }
    .g3map div.vengard a img { border-color: #BBBA77; }
    .g3map div.vlci-klan { left: 470px; top: 140px; }  
    .g3map div.vlci-klan a span { background-color: #F7DECA; }
    .g3map div.vlci-klan a img { border-color: #F7DECA; }
    
    
      

    ul.g3-lokace-side {
        margin: 0 !important; 
        padding: 0;
    } 

    ul.g3-lokace-side li {
        list-style-type: none;
        display: block;
        float: left;
        width: 50%;
    } 

    ul.g3-lokace-side li a {
        display: block;
        padding-left: 20px;
        padding-top: 1px;
        padding-bottom: 1px;
        background-repeat: no-repeat;
        background-size: 16px 16px;
        background-position: left center;
    } 
      
    ul.g3-lokace-side li a.prehled { background-image: url("/images/g3/lokace/icons/hlavni.gif"); font-weight: bold; }
    ul.g3-lokace-side li a.al-shedim { background-image: url("/images/g3/lokace/icons/al-shedim.gif"); }
    ul.g3-lokace-side li a.ardea { background-image: url("/images/g3/lokace/icons/ardea.gif"); }
    ul.g3-lokace-side li a.bakaresh { background-image: url("/images/g3/lokace/icons/bakaresh.gif"); }
    ul.g3-lokace-side li a.ben-erai { background-image: url("/images/g3/lokace/icons/ben-erai.gif"); }
    ul.g3-lokace-side li a.ben-sala { background-image: url("/images/g3/lokace/icons/ben-sala.gif"); }
    ul.g3-lokace-side li a.braga { background-image: url("/images/g3/lokace/icons/braga.gif"); }
    ul.g3-lokace-side li a.cape-dun { background-image: url("/images/g3/lokace/icons/cape-dun.gif"); }
    ul.g3-lokace-side li a.faring { background-image: url("/images/g3/lokace/icons/faring.gif"); }
    ul.g3-lokace-side li a.geldern { background-image: url("/images/g3/lokace/icons/geldern.gif"); }
    ul.g3-lokace-side li a.gotha { background-image: url("/images/g3/lokace/icons/gotha.gif"); }
    ul.g3-lokace-side li a.ishtar { background-image: url("/images/g3/lokace/icons/ishtar.gif"); }
    ul.g3-lokace-side li a.klan-kladiva { background-image: url("/images/g3/lokace/icons/klan-kladiva.gif"); }
    ul.g3-lokace-side li a.klan-ohne { background-image: url("/images/g3/lokace/icons/klan-ohne.gif"); }
    ul.g3-lokace-side li a.klaster { background-image: url("/images/g3/lokace/icons/klaster.gif"); }
    ul.g3-lokace-side li a.lago { background-image: url("/images/g3/lokace/icons/lago.gif"); }
    ul.g3-lokace-side li a.montera { background-image: url("/images/g3/lokace/icons/montera.gif"); }
    ul.g3-lokace-side li a.mora-sul { background-image: url("/images/g3/lokace/icons/mora-sul.gif"); }
    ul.g3-lokace-side li a.nemora { background-image: url("/images/g3/lokace/icons/nemora.gif"); }
    ul.g3-lokace-side li a.okara { background-image: url("/images/g3/lokace/icons/okara.gif"); }
    ul.g3-lokace-side li a.reddock { background-image: url("/images/g3/lokace/icons/reddock.gif"); }
    ul.g3-lokace-side li a.silden { background-image: url("/images/g3/lokace/icons/silden.gif"); }
    ul.g3-lokace-side li a.trelis { background-image: url("/images/g3/lokace/icons/trelis.gif"); }
    ul.g3-lokace-side li a.vengard { background-image: url("/images/g3/lokace/icons/vengard.gif"); }
    ul.g3-lokace-side li a.vlci-klan { background-image: url("/images/g3/lokace/icons/vlci-klan.gif"); }
    
    
    
    
    
    
    
    
    /* centrování na střed */
    div#centr {
        width: 560px;
        margin-top: 0;
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
        text-align: center; }
    
    div#obal {width:600px; background-color:#333; border: 1px solid #fff; margin:10px 0;}
    
    div#obsah {}
    div#obsah h1{font-size:20px; font-variant:small-caps; margin:30px 30px 5px 30px; padding:0; font-family: verdana, sans-serif; color:#fff; text-align:center;}
    div#obsah h2{background-color:#333; font-size:14px; font-variant:small-caps; margin:0; padding:5px 40px; font-family: verdana, sans-serif; color:#fff; text-align:center;}
    div#obsah h3{ font-variant:small-caps; font-size:16px; margin:10px 0 0 0; padding:0px 20px; font-family: verdana, sans-serif; color:#fff; text-align:left;}
    div#obsah h4{background-color:#222; font-size:16px; margin:10px 0 0 0; padding:0 5px; font-family: verdana, sans-serif; color:#fff; text-align:center;}
    div#obsah h5 {font-size:12px; margin: 0; padding:0 80px; font-weight:100; text-align:left;}
    div#obsah h5 a {font-size:12px; text-decoration:none; color:#999;}
    div#obsah h5 a:hover {text-decoration:underline; color:#fff;}
    div#obsah p {font-size:11px; margin: 0; text-align:right;}
    div#obsah a {text-decoration:none;}
    div#obsah img.az {text-decoration:none; border: 2px solid #333;}
    div#obsah img.az:hover {text-decoration:none; border: 2px solid #fff;}*/
    
    div#obsah ul {text-align:left;}
    div#obsah li {list-style-type:none; font-size:14px; margin:0 10px 0 70px; text-indent:-10px; text-align:left;}
    div#obsah li a {font-size:11px; text-decoration:none; color:#aaa;}
    div#obsah li a:hover {color:#fff;}
    /*div#obsah img {margin:3px 0 0 0; border:0; vertical-align: middle;}*/
    a.top {font-size:10px; text-decoration:none; color:#999; font-weight:100;;}
    a.top:hover {text-decoration:underline; color:#fff;}
    
    
    /******************* Tablo ****************************/
    
    div.tap {position: relative; margin: 0 auto; margin-bottom: 35px; width: 490px; height: 401px; border:0;
            background: url('/images/g3/perky/perky.jpg') no-repeat; _text-align: center;}
    
    div.tap div { position: absolute; text-align:center; line-height: 15px; font-weight: bold; }
    div.tap div a { font-size:10px; color:#000;}
    div.tap div a img {margin: 2px; border:0;}
    div.tap div a:hover { color:#fff; border:0; }
    div.tap div a:hover img {border: 2px solid #fff; margin: 0px; }
    
    div.tap_01 { left:  24px ; top:  50px;} /* Boj s mečem I */
    div.tap_02 { left:  60px ; top:  50px;} /* Boj s mečem II */
    div.tap_03 { left:  96px ; top:  50px;}  /* Boj s mečem III */
    div.tap_04 { left:  131px ; top:  50px;}  /* Boj se dvěma zbraněmi I */
    div.tap_05 { left: 167px ; top:  50px;}  /* Boj se dvěma zbraněmi II */
    div.tap_06 { left: 202px ; top:  50px;}  /* Boj se skřety */
    div.tap_07 { left:  24px ; top:  86px;} /* Boj s těžkými zbraněmi I */
    div.tap_08 { left:  60px ; top:  86px;} /* Boj s těžkými zbraněmi II */
    div.tap_09 { left:  96px ; top:  86px;}  /* Boj s těžkými zbraněmi III */
    div.tap_10 { left:  131px ; top:  86px;}  /* Střelba z kuše I */
    div.tap_11 { left: 167px ; top:  86px;}  /* Střelba z kuše II */
    div.tap_12 { left: 202px ; top:  86px;}  /* Střelba z kuše III */
    div.tap_13 { left:  24px ; top: 121px;}  /* Krytí štítem I */
    div.tap_14 { left:  60px ; top: 121px;}  /* Krytí štítem II */
    div.tap_15 { left:  96px ; top: 121px;}   /* Boj se zlem */
    div.tap_16 { left:  131px ; top: 121px;}   /* Regenerace života */
    div.tap_17 { left:  24px ; top: 193px;}  /* Střelba z luku I */
    div.tap_18 { left:  60px ; top: 193px;}  /* Střelba z luku II */
    div.tap_19 { left:  96px ; top: 193px;}   /* Střelba z luku III */
    div.tap_20 { left:  131px ; top: 193px;}   /* Lov I */
    div.tap_21 { left: 167px ; top: 193px;}   /* Lov II */
    div.tap_22 { left: 202px ; top: 193px;}   /* Lov skřetů */
    div.tap_23 { left:  24px ; top: 228px;}  /* Tichý lov */
    div.tap_24 { left:  60px ; top: 228px;}  /* Stahování kůže zvířat */
    div.tap_25 { left:  96px ; top: 228px;}   /* Stahování kůže plazů */
    div.tap_26 { left:  131px ; top: 228px;}   /* Vyjmutí drápů, rohů a zubů */
    div.tap_27 { left:  24px ; top: 300px;}  /* Boj s holí I */
    div.tap_28 { left:  60px ; top: 300px;}  /* Boj s holí II */
    div.tap_29 { left:  96px ; top: 300px;}   /* Boj s holí III */
    div.tap_30 { left:  131px ; top: 300px;}   /* Používání magické hole */
    div.tap_31 { left: 167px ; top: 300px;}   /* Vylepšení roucha */
    div.tap_32 { left: 202px ; top: 300px;}   /* Rychlé učení */
    div.tap_33 { left:  24px ; top: 336px;}  /* Mistrovská transformace */
    div.tap_34 { left:  60px ; top: 336px;}  /* Mistrovská Magie ohně */
    div.tap_35 { left:  96px ; top: 336px;}   /* Mistrovská Magie vody */
    div.tap_36 { left:  131px ; top: 336px;}   /* Mistrovská Magie temnoty */
    div.tap_37 { left: 167px ; top: 336px;}   /* Regenerace many */
    div.tap_38 { left: 256px ; top:  50px;}  /* Kovářství I */
    div.tap_39 { left: 291px ; top:  50px;}  /* Kovářství II */
    div.tap_40 { left: 327px ; top:  50px;}  /* Kovářství III */
    div.tap_41 { left: 363px ; top:  50px;}  /* Dolování */
    div.tap_42 { left: 398px ; top:  50px;}  /* Broušení ostří */
    div.tap_43 { left: 434px ; top:  50px;}  /* Vylepšení zbroje */
    div.tap_44 { left: 256px ; top: 121px;}   /* Otevírání zámků I */
    div.tap_45 { left: 291px ; top: 121px;}   /* Otevírání zámků II */
    div.tap_46 { left: 327px ; top: 121px;}   /* Otevírání zámků III */
    div.tap_47 { left: 363px ; top: 121px;}   /* Kapsářství I */
    div.tap_48 { left: 398px ; top: 121px;}   /* Kapsářství II */
    div.tap_49 { left: 434px ; top: 121px;}   /* Kapsářství III */
    div.tap_50 { left: 256px ; top: 157px;}   /* Smlouvání */
    div.tap_51 { left: 291px ; top: 157px;}   /* Vymlouvání */
    div.tap_52 { left: 327px ; top: 157px;}   /* Sražení */
    div.tap_53 { left: 363px ; top: 157px;}   /* Vražda */
    div.tap_54 { left: 398px ; top: 157px;}   /* Mistrovské zlodějství */
    div.tap_55 { left: 256px ; top: 228px;}   /* Výroba léčivých lektvarů */
    div.tap_56 { left: 291px ; top: 228px;}   /* Výroba lektvarů many */
    div.tap_57 { left: 327px ; top: 228px;}   /* Výroba lektvarů s trvalým účinkem */
    div.tap_58 { left: 363px ; top: 228px;}   /* Výroba jedu */
    div.tap_59 { left: 398px ; top: 228px;}   /* Výroba lektvarů transformace */
    div.tap_60 { left: 434px ; top: 228px;}   /* Otrávení ostří */
    div.tap_61 { left: 256px ; top: 264px;}   /* Příprava otrávených šípů */
    div.tap_62 { left: 291px ; top: 264px;}   /* Příprava ohnivých šípů */
    div.tap_63 { left: 327px ; top: 264px;}   /* Příprava výbušných šípů */
    div.tap_64 { left: 256px ; top: 336px;}   /* Akrobacie */
    div.tap_65 { left: 291px ; top: 336px;}   /* Vlčí výdrž */
    div.tap_66 { left: 327px ; top: 336px;}   /* Odolnost proti chladu */
    div.tap_67 { left: 363px ; top: 336px;}   /* Odolnost proti horku */
    div.tap_68 { left: 398px ; top: 336px;}   /* Odolnost proti chorobám */
    div.tap_69 { left: 434px ; top: 336px;}   /* Odolnost proti jedům */
    
    /******************* Tabulky ****************************/
    
    
    
    
    
    /* PERKY */
    


    /* kniha kouzel */
    
    #g3-schopnosti  { margin: 20px 0; width: 930px; }

    #g3-schopnosti  ul { 
        display: block; 
        list-style-type: none; 
        margin: 0 !important;
    }
    
    #g3-schopnosti li,     
    #g3-schopnosti ul { 
        display: block; 
        list-style-type: none; 
    }

    #g3-schopnosti > ul > li { 
        width: 425px; 
        margin: 0 20px;
        float: left; 
    }

    #g3-schopnosti > ul > li:nth-child(odd) { 
        clear: both; 
    }

    #g3-schopnosti > ul > li h3 { 
        clear: both; 
        border: 0; 
        font-size: 18px; 
        font-weight: bold;
        margin: 5px; 
        text-align: center; 
    }

    #g3-schopnosti > ul > li > ul > li { 
        display: block; 
        float: left; 
        text-align: center; 
        width: 68px; 
        height: 130px; 
        margin: 1px; 
        font-size: 0.8rem;
        line-height: 1.15;
    }

    #g3-schopnosti > ul > li > ul > li > a { 
        color: #ddd;
    }

    #g3-schopnosti > ul > li > ul > li img { 
        width: 66px; 
        height: 66px;  
        background: #790204;
        border: 2px solid #998465;
    }


    #g3-schopnosti > ul > li > ul > li:hover img { 
        border: 2px solid #fff;
    }

 
    #g3-schopnosti li, #g3schopnosti ul { display: block; list-style-type: none; margin: 0; padding: 0;}
    
    #g3-schopnosti>div>ul>li { width: 384px; }
    #g3-schopnosti>div>ul>li h3 { clear: both; border: 0; font-size: 18px; margin: 5px; text-align: center; }
    #g3-schopnosti>div>ul>li>ul>li { display: block; float: left; width: 62px; height: 62px; margin: 1px;  }
    
    
    h3.g3-schopnosti { display: none; }
    #colorbox-wrapper h3.g3-schopnosti { display: block; }
    div.g3-schopnosti-detail .navigation { display: none; }
    #colorbox-wrapper div.g3-schopnosti-detail .navigation { display: block; }
    
    div.g3-schopnosti-detail .f_left { width: 70px; }
    div.g3-schopnosti-detail .data { width: 440px; }
    
    div.g3-schopnosti-detail th { width: 150px !important; }
    
    
    /* zbroje */
    
    div.gothic3-zbroj-detail { width: 400px; }
    div.gothic3-zbroj-detail img { float: left;}
    div.gothic3-zbroj-detail p { float: left; margin: 0 0 2px 5px; padding: 7px; color: #C6BCB4; border-top: 7px solid #111;  background: #222; width: 230px; }
    div.gothic3-zbroj-detail table { margin: 0 0 2px 5px; color: #C6BCB4; background: #222; width: 244px; float: left; }
    div.gothic3-zbroj-detail table th, 
    div.gothic3-zbroj-detail table td { padding: 3px 3px 3px 7px; } 
    div.gothic3-zbroj-detail table th { text-decoration: underline; font-weight: normal; }
    div.gothic3-zbroj-detail table td { color: #ddd; padding-left: 20px; }  


    /* questy */
    div.g3-quest-category {
        margin: 2em 0;
        padding: 1em;
        background: #1c1c1c;
        border-radius: 1em;
    }

    div.g3-quest-category th.npc-giver {
        width: 25%;
    }
    
    
}