body {background:#26384E url("/o/bonusweb_n4/background-bw.jpg") no-repeat top center}
a {color:#007396}
a:hover {color:#CC7F06}

/*pozadi*/
.body-online {background:#D2D2D2 url("/o/bonusweb_n4/bg/bg_mobilnihry.jpg") no-repeat top center }

#slip-out, #manager-bar {background:#54555A;}
#slip-out, #manager-bar a {color:#CCC;}
#manager-bar a:hover {color:#EEE;}

/*portal*/
button.webz-bg {border-color:#051C33; background:#268CBF url("/u/portal/bon/button-bg.gif") 0 100% repeat-x;}
button.webz-bg:hover {border-color:#081726;}

/*portalovka pro n4 1.1 (nahradi stavajici portal)*/
#portal #emblem .emblem-1 {top:20px}
#portal #p-bon, #portal #p-bon a {position:relative; color:#FFF; background:#2FACEA url("/u/portal/bon2/active.gif") 0 100% repeat-x;}
#webs2 {overflow-x:hidden; background:#2FAAE8 url("/u/portal/bon2/normal2.gif") repeat-x;}
#webs2 a:hover {background:#2D95BE url("/u/portal/bon2/hover2.gif") repeat-x;}
#webs2 li {display:inline-block; background-image:url("/u/portal/bon2/linka2.gif")}
#webs2 li.act, #webs2 li.act a, #webs2 li.act a:hover {background:#FFF url("/u/portal/bon2/active2.gif") repeat-x}
#p-dwn .w-top {z-index:2}

/*webs2-in*/
#webs2 ul {display:inline-block; float:left; border:none; background:#FE9800 url("/u/portal/bon2/normal2-in.gif") repeat-x}
#webs2 ul li {background-image:url("/u/portal/bon2/linka2-in.gif")}
#webs2 ul a {font-weight:normal}
#webs2 ul a:hover {background-image:url("/u/portal/bon2/hover2-in.gif"); background-color:#D80}
#webs2 .act-dart {position:relative; z-index:1; padding:0 0 0 1px;}
#webs2 .dart, #webs2 .dart:hover {position:relative; z-index:1; padding:0 25px 1px 0.56em; background:#2FAAE8 url("/u/portal/bon2/active2-dark.gif") repeat-x}
#webs2 .dart span {position:absolute; z-index:1; right:-1px; top:0; display:block; width:16px; height:100%; _height:22px; background:#FE9800 url("/u/portal/bon2/arrow.gif") no-repeat}
#webs2 ul li.act, #webs2 ul li.act a, #webs2 ul li.act a:hover {color:#000; background:#FFF url("/u/portal/bon2/active2-in.gif") repeat-x}

li li.new-slot span {top:0; right:1px; display:block; width:30px; height:100%; _height:30px; background:url("/u/portal/zpr/webs2-new-gold.gif") no-repeat;}
/*portalovka pro n4 1.1 konec*/

/*title*/
#karta h1, #vypis-hledani h1, .col-a #list-games h2 {margin:0 0 8px; font-size:217%; font-weight:700;}
#karta h2, #online-hry h2, #vypis-hledani h2 {margin:0 0 10px; font-size:150%; font-weight:700}

/*art*/
.art .percent {float:right; margin:-5px -10px 5px 5px; padding:10px; font-size:134%; font-weight:700; background:#EEE; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;}
.opener .percent {padding:15px; margin-top:0}
.art-info .time, .time {color:#CC7F06}
.art .perex {margin-bottom:.5em}
.art .perex a {white-space:nowrap}
.art .list {list-style:none; font-size:117%;}
.art .ico-ph a {display:inline-block; min-height:20px; line-height:1.4}
.art .list li {float:left; padding:0 7px 0 8px; white-space:nowrap; background:url("/o/bonusweb_n4/oddelitko.gif") no-repeat 0 55%}
.art .list .first {padding:0 7px 0 0; background:none}
#art-text font {color:#000 } /* co a kde to je? 24.3.14 CC */
.list-percent .art h3, .list-percent .art .perex {padding:0 80px 0 0}
.art-rating h3, .art-rating .perex {padding:0 80px 0 0}

/*ico plne hry*/
.ico-adventury, .ico-akcni, .ico-arkady, .ico-eroticke, .ico-logicke, .ico-rpg, .ico-simulatory, .ico-strategie {padding:0 0 0 32px; background-position:left center; background-repeat:no-repeat}
.ico-adventury {padding:0 0 0 26px; background-image:url("/o/bonusweb_n4/ico/adventury.gif")} 
.ico-akcni {padding:0 0 0 20px; background-image:url("/o/bonusweb_n4/ico/akcni.gif")}
.ico-arkady {padding:0 0 0 20px; background-image:url("/o/bonusweb_n4/ico/arkady.gif")} 
.ico-eroticke {padding:0 0 0 20px; background-image:url("/o/bonusweb_n4/ico/eroticke.gif")}
.ico-logicke {padding:0 0 0 22px; background-image:url("/o/bonusweb_n4/ico/logicke.gif")}
.ico-rpg {background-image:url("/o/bonusweb_n4/ico/rpg.gif")}
.ico-simulatory {background-image:url("/o/bonusweb_n4/ico/simulatory.gif")}
.ico-strategie {padding:0 0 0 40px; background-image:url("/o/bonusweb_n4/ico/strategie.gif")}

/*flag*/
.flag-en, .flag-cz, .flag-cz, .flag-jp, .flag-de, .flag-sk {padding:0 0 0 26px; background-position:left center; background-repeat:no-repeat}
.flag-en {background-image:url("/o/bonusweb_n4/flag/gbr.gif")}
.flag-cz {background-image:url("/o/bonusweb_n4/flag/cze.gif")}
.flag-jp {background-image:url("/o/bonusweb_n4/flag/jpn.gif")}
.flag-de {background-image:url("/o/bonusweb_n4/flag/ger.gif")}
.flag-sk {background-image:url("/o/bonusweb_n4/flag/svk.gif")}

/*ico*/
.ico a span, .ico-r a span {background-color:#008BCF}
.ico a:hover span, .ico-r a:hover span {background-color:#C90}

/*b-box*/
.b-box h2, .b-box h2 a {color:#CC7F06}

/*b-grey*/
.a-grey {background:#EEE url("/u/n4/box-edge.png") no-repeat -3384px 0; _background-image:url("/u/n4/box-edge.gif");}
.a-grey .bg {background:url("/u/n4/box-edge.png") no-repeat -4014px 100%; _background-image:url("/u/n4/box-edge.gif");}

/*b-grey*/
.b-grey {background:#EEE url("/u/n4/box-edge.png") no-repeat -384px 0; _background-image:url("/u/n4/box-edge.gif");}
.b-grey .bg {background:url("/u/n4/box-edge.png") no-repeat -684px 100%; _background-image:url("/u/n4/box-edge.gif");}

/*list-news*/
.list-news li {margin-bottom:5px}

/*list-games*/
#list-games h3 {padding:0 0 0 10px; font-weight:700}
#list-games .a-grey, #list-games .b-grey {margin-bottom:10px}
#list-games .bg {padding:10px 10px 5px}
#list-games li {margin-bottom:5px; list-style:none}
#list-games li span {font-weight:700}

.col-a #list-games {margin-left:10px}

.game-card {margin-left:70px; font-size:134%}
.list-art .game-card {margin:0}
.game-card p {margin-bottom:1em}

/*list-alphabet*/
.list-alphabet {margin-bottom:1em; text-align:center; font-size:117%; font-weight:700}
.list-alphabet h3 {float:left; width:50px; padding:0 5px 0 0; font-weight:700; text-align:right}
.list-alphabet .plus {width:120px;}
.list-alphabet a {float:left; margin:0 0 5px 0; text-decoration:none; text-transform:uppercase}
.list-alphabet ul {float:left; width:160px; padding:0 5px; margin:0 0 5px; text-align:left; list-style:none}
.list-alphabet ul a {float:none; padding:0; font-weight:normal; text-transform:none}
.list-alphabet .platform a {font-weight:normal}
.list-alphabet .act a, .list-alphabet .platform .act, .list-alphabet .act {color:#000; font-weight:700}

/*list-alphabet2 nahrazuje list-alphabet*/
.list-alphabet2 {margin-bottom:1em; text-align:center; font-size:117%; font-weight:700}
.list-alphabet2 h3 {float:left; width:50px; padding:0 5px 0 0; font-weight:700; text-align:right}
.list-alphabet2 .plus {width:120px;}
.list-alphabet2 a {float:left; margin:0 4px 5px; text-decoration:none; text-transform:uppercase}
.list-alphabet2 .genre {padding:3px 0 0}
.list-alphabet2 ul {float:left; width:160px; padding:0 5px; margin:0 0 5px; text-align:left; list-style:none}
.list-alphabet2 ul li {clear:both}
.list-alphabet2 ul a {display:block; line-height:26px; padding:0; margin:-3px 0 5px; text-transform:none}
.list-alphabet2 ul span {float:left; margin:0 2px 0 0; cursor:pointer}
.list-alphabet2 .act a, .list-alphabet .platform .act, .list-alphabet .act {color:#000;}

/*top-card*/
.top-card {width:100%; margin:0 0 1em}
.top-card .w2-a {float:left; width:172px;}
.top-card .w2-b {float:right; width:440px;}
.top-card .equip table {width:100%}
.top-card .score {position:relative; width:189px}
.top-card .score li {float:left; display:inline-block; width:74px; padding:10px 3px; margin:0 11px 10px 0; text-align:center; font-size:117%; background:#EEE; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;}
.top-card .score span {display:block; font-size:142%; font-weight:700} 
.top-card .w2-b table {width:100%; margin-bottom:1em; border-collapse:collapse; font-size:134%}
.top-card .w2-b th, .top-card .w2-b td {padding:4px 5px 4px 0; vertical-align:top}
.top-card .w2-b th {width:40%}
.top-card .w2-b p {margin:0 0 1em; font-size:134%}
.top-card .pluses, .top-card .minuses {padding:0 0 0 38px; margin-bottom:1em; list-style:none; font-size:134%}
.top-card .pluses {background:#7EDF00 url("/o/bonusweb/plus.png") no-repeat 10px 50%}
.top-card .minuses {background:#DF0000 url("/o/bonusweb/minus.png") no-repeat 10px 50%}
.top-card .pluses li, .top-card .minuses li {padding:2px 0 2px 10px; background:#FFF}
.top-card .butt {margin-bottom:10px}
.top-card .butt img {background-position:0 0; background-repeat:none}
.top-card :hover.butt img {background-position:0 -42px; background-repeat:none}
.img-download {width:105px; height:42px; background-image:url("/o/bonusweb_n4/bttn-stahni.gif")}
.img-play {width:128px; height:42px; background-image:url("/o/bonusweb_n4/bttn-spustit-hru.gif")}

/*top-grey*/
.top-grey {position:relative; width:640px; padding:10px; margin:0 0 1em -10px; background:#EEE; border-radius:8px}
.top-grey .top-card {margin:0}
.top-grey .score li {background:#FFF}
.top-grey .pluses li, .top-grey .minuses li {background:#EEE} 

/*karta*/
#karta {margin:0 0 0 10px}
#karta .list {margin-bottom:1em}
#karta .list ul {margin-bottom:1em; font-size:117%; list-style:none}
#karta .list li {margin-bottom:0.5em}
#karta .list span {padding:0 0 0 5px}

.r-jrc {width:300px; margin:0 0 9px;}
.r-jrc a {display:block; height:24px; line-height:24px; font-size:117%; font-weight:700}
.r-jrc a span {float:left; display:block; width:53px; height:24px; margin:0 10px 0 0; background:url("/o/bonusweb_n4/game_logo_53x24.jpg") no-repeat}

/*ico-menu*/
.ico-menu {overflow:hidden; width:630px; margin:0 0 1em 10px}
.ico-menu ul {width:110%; padding:0 0 0 5px; list-style:none}
.ico-menu li {overflow:hidden; float:left; height:70px; line-height:70px; margin:0 26px 0 0}
.ico-menu a {position:relative; display:block; width:100%; height:100%; text-align:center; font-weight:700}
.ico-menu span {position:absolute; z-index:1; top:0; left:0; display:block; width:100%; height:100%; cursor:pointer; background-image:url("/o/bonusweb_n4/on-line-bar.gif");}
.ico-menu .akcni {width:35px}
.ico-menu .akcni span {background-position:0 0}
.ico-menu .akcni a:hover span {background-position:0 -70px}
.ico-menu .arkady {width:46px}
.ico-menu .arkady span {background-position:-65px 0}
.ico-menu .arkady a:hover span {background-position:-65px -70px}
.ico-menu .ceske {width:49px}
.ico-menu .ceske span {background-position:-149px 0}
.ico-menu .ceske a:hover span {background-position:-149px -70px}
.ico-menu .eroticke {width:53px}
.ico-menu .eroticke span {background-position:-227px 0}
.ico-menu .eroticke a:hover span {background-position:-227px -70px}
.ico-menu .logicke {width:45px}
.ico-menu .logicke span {background-position:-312px 0}
.ico-menu .logicke a:hover span {background-position:-312px -70px}
.ico-menu .postrehove {width:71px}
.ico-menu .postrehove span {background-position:-379px 0}
.ico-menu .postrehove a:hover span {background-position:-379px -70px}
.ico-menu .simulatory {width:70px}
.ico-menu .simulatory span {background-position:-461px 0}
.ico-menu .simulatory a:hover span {background-position:-461px -70px}
.ico-menu .strategie {width:70px}
.ico-menu .strategie span {background-position:-548px 0}
.ico-menu .strategie a:hover span {background-position:-548px -70px}
.ico-menu .rpg {width:62px}
.ico-menu .rpg span {background-position:-640px 0}
.ico-menu .rpg a:hover span {background-position:-640px -70px}
.ico-menu .adventury {width:66px}
.ico-menu .adventury span {background-position:-717px 0}
.ico-menu .adventury a:hover span {background-position:-717px -70px}

#online-hry .ico-menu {margin-left:10px}

/*table-sort*/
#table-sort {margin:0 0 22px 10px;}
#table-sort table {width:100%; /* border-collapse:collapse*/}
#table-sort th {width:25%; padding:5px 5px 5px 10px; background:#EEE; border-radius:5px; /*border:3px solid #FFF*/}
#table-sort th span {float:left;}
#table-sort th a {float:right; width:19px; height:17px;}
#table-sort th a span {margin:2px 1px}
#table-sort th a.ico-des {right:20px}
#table-sort th a.ico-asc {right:2px;}

/*table-sort*/
#table-sort2 {margin:0 0 22px 10px;}
#table-sort2 table {width:100%; border-collapse:collapse; border-bottom:1px solid #DEDEDE}
#table-sort2 th {width:148x; min-height:21px; line-height:21px; padding:0 0 3px; font-weight:normal; vertical-align:middle}
#table-sort2 .big {width:185px; font-size:117%}
#table-sort2 th a {float:left; width:21px; height:21px; margin:0 0 0 2px}
#table-sort2 th a span {margin:0}
#table-sort2 .name {line-height:21px; padding:0 0 0 8px; font-size:117%; font-weight:700;}

/*online-hry*/
#online-hry {margin:0 0 0 10px}

.list-game h2 {margin:0 0 .5em; font-weight:700; font-size:150%; color:#2199D5 }
.list-game .box {overflow:hidden; width:100%; margin-bottom:1em;}
.list-game ul {width:110%; margin:0 0 1em; list-style:none}
.list-game li {display:block; float:left; width:140px; margin:0 25px 2em 0;}
.list-game a {font-size:125%;}
.list-game img {display:block; margin:0 0 5px; vertical-align:middle}

/*popupbox*/
#popup-box {background:#FFF}
#popup-box #main {width:300px; padding:10px; margin:0 auto}
#popup-box h1 {float:left; margin-bottom:10px}
#popup-box .ico-r {margin:2px 0 0}
#popup-box .box {padding:10px; margin-bottom:1em; background:#EEE; border-radius:5px;}
#popup-box h2 {margin-bottom:8px; font-size:150%; font-weight:700}
#popup-box p {margin-bottom:0.5em; font-size:117%;}
#popup-box p a {font-weight:700}
#popup-box table {width:100%; font-size:107%; border-collapse:collapse}
#popup-box th {text-align:right}

/*evaluation-game*/
#evaluation-game {width:560px; margin:0 0 0 70px}
#evaluation-game .entry {float:left; width:180px}
#evaluation-game p {margin-bottom:0.5em}
#evaluation-game strong {font-size:142%; font-weight:700}
#evaluation-game .people {padding:6px 0 0; margin-bottom:10px; font-size:92%}
#evaluation-game .inp {width:40px; padding:0; text-align:right; font-size:158%; font-weight:700; border:none; background:none}
/*slider*/
#slider {float:left; width:125px; height:12px; margin:6px 8px 0 0; background:url("/o/bonusweb_n4/slider.png") no-repeat}
#slider img {position:relative; top:-4px; left:0; cursor:pointer}

/*vypis-hledani*/
#vypis-hledani {margin:0 0 0 10px}
#vypis-hledani .perex {margin-bottom:1em; font-size:134%;}
.list-search {margin-bottom:1em}
.list-search ul {margin-bottom:1em; font-size:117%; list-style:none}
.list-search li {margin-bottom:0.5em}
.list-search span {padding:0 0 0 5px}

#vypis-hledani .list {float:left; margin-bottom:22px; list-style:none}
#vypis-hledani .list li {float:left; padding:0 7px 0 8px; background:url("/o/bonusweb_n4/oddelitko.gif") no-repeat 0 55%}
#vypis-hledani .list .first {padding-left:0; background:none}

#vypis-hledani .search-art h2 {margin:0; color:#CC7F06}
#vypis-hledani .search-art p {margin:0 0 1em; font-size:117%;}

/* === Upravy N4 1.1 === */
.bbox-border {width:300px; margin:0 0 22px; background:url("/o/bonusweb_n4/pattern.gif");}
.bbox-border .bg-line, .bbox-border .box-in {background:url("/o/bonusweb_n4/bbox.png") no-repeat;}
.bbox-border .bg-line {background-position:0 0; background-repeat:repeat-y}
.bbox-border h2 {min-height:53px; _height:53px; line-height:42px; padding:0 10px; font-size:200%; font-weight:700; color:#FFF; text-shadow:1px 1px 0.2em #B46800; background:url("/o/bonusweb_n4/bbox-top.png") no-repeat;}
.bbox-border h2 a, .bbox-border h2 a:hover {color:#FFF; text-shadow:1px 1px 0.2em #B46800; text-decoration:none }
.bbox-border .box-in {min-height:80px; _height:80px; padding:0 10px 10px; background-position:-300px 100%;}
.bbox-border a {text-decoration:none}
.bbox-border ul {list-style:none}

/*.border-box*/
.border-box {display:block}
.border-box .bg, .border-box .bg-t, .border-box .bg-b {display:block; background:url("/o/bonusweb_n4/ramecek.png") no-repeat;}

/*art-procenta*/
.art-percent {position:absolute; z-index:1; top:0; right:-10px; width:78px;}
.art-percent .bg-t {}
.art-percent .bg {background-position:-78px 0; background-repeat:repeat-y}
.art-percent .bg-b {min-height:43px; _height:43px; line-height:43px; color:#FFF; font-size:183%; font-weight:700; text-shadow:1px 1px 0.2em #000; text-align:center; background-position:-156px 100%;}
.low-percent {background:#C23131 url("/o/bonusweb_n4/bg-red.gif") repeat-x;}
.mid-percent {background:#C90 url("/o/bonusweb_n4/bg-orange.gif") repeat-x;}
.hig-percent {background:#693 url("/o/bonusweb_n4/bg-green.gif") repeat-x;}

/*card-box*/
.card-box {width:630px; margin:0 0 22px 10px; background:url("/o/bonusweb_n4/pattern.gif");}
.art-full .card-box {margin-left:0}
.card-box .cbg, .card-box .cbg-t, .card-box .cbg-b {background:url("/o/bonusweb_n4/box.png") no-repeat;}
.card-box .cbg-t {background-position:0 0;}
.card-box .cbg {background-position:-630px 0; background-repeat:repeat-y}
.card-box .cbg-b {padding:15px 15px 5px; min-height:100px; background-position:-1260px 100%;}
.card-box h1, .card-box h2 {font-size:216%; font-weight:700; margin:0 0 8px}
.card-box h3 {margin:0 0 .25em; font-size:133%; font-weight:700;}
.card-box ul {margin:0 0 1.25em; list-style:none; font-size:133%}
.card-box .w2-a {float:left; width:142px}
.card-box .w2-b {float:right; width:449px}
.card-box .date {margin:0 0 9px}
.card-box .hr {height:2px; line-height:2px; margin:0 0 9px; font-size:0; background:url("/o/bonusweb_n4/bg/hr.png") no-repeat;}
.card-box .info-game {width:100%; margin:0 0 .32em; border-collapse:collapse; font-size:133%; color:#333}
.card-box .info-game th, .card-box .info-game td {padding:4px 5px; text-align:left; vertical-align:top}
.card-box .info-game th {width:36%; font-weight:normal}
.card-box .info-game td {font-weight:700;}
.table-score {margin:0 0 9px}
.table-score table {width:100%; border-collapse:collapse;}
.table-score th {width:156px; padding:14px 0}
.table-score td {padding:5px 0}
.table-score .bg-t, .table-score .bg-b {height:3px; line-height:3px; font-size:0; background:url("/o/bonusweb_n4/bg/plusminus.png") no-repeat 60px 0;}
.table-score .plus table {background:url("/o/bonusweb_n4/bg/plus.png") no-repeat 60px 50%;}
.table-score .plus .bg-b {background-position:60px -3px}
.table-score .minus .bg-t {background-position:60px -6px}
.table-score .minus table {background:url("/o/bonusweb_n4/bg/minus.png") no-repeat 60px 50%;}
.table-score .minus .bg-b {background-position:60px -9px}
.table-score ul {margin:0; line-height:1.5; list-style:none; font-size:133%; color:#333}
.card-box p {margin:0 0 .64em 5px; font-size:133%; color:#333}
.card-box .foto, .card-box .galery {width:135px; padding:2px; margin:0 0 10px; border:1px solid #A7A7A7; border-radius:3px; background:#FFF}
.card-box .galery {width:139px; padding:2px 0; margin:-7px 0 10px}
.card-box .foto img, .card-box .galery img {vertical-align:middle}
.card-box .galery a {display:block}
.card-box .galery img {float:left; margin:0 0 0 2px}
.card-box .more {background:url("/o/bonusweb_n4/bg/btn_gal.png") no-repeat}
.card-box a:hover .more {background-position:0 -36px} 
.card-box .ico-genre-small th, .card-box .ico-genre-small td {padding:1px 5px; vertical-align:middle;}
.card-box .ico-genre-small td {padding-right:0}
.card-box .ico-genre-small img, .card-box .ico-genre-small span {float:left; line-height:26px; font-size:69%}
.card-box .ico-genre-small span {padding:1px 4px 0 0}
.card-box .buy-game {margin:0}
.card-box .list {color:#333}

/*do clanku*/
.card-box-art {width:560px;}
.art-full .card-box-art {margin:0 0 22px 70px}
.card-box-art .cbg, .card-box-art .cbg-t, .card-box-art .cbg-b {background:url("/o/bonusweb_n4/box560.png") no-repeat;}
.card-box-art .cbg-t {background-position:0 0;}
.card-box-art .cbg {background-position:-560px 0; background-repeat:repeat-y}
.card-box-art .cbg-b {background-position:-1120px 100%;}
.card-box-art .w2-a {width:107px}
.card-box-art .w2-b {width:414px}

/*pro card-box*/
/*box-score*/
.bb-score {width:142px; margin:0 0 7px; background:#2995CA url("/o/bonusweb_n4/hodnoceni-bg.png") no-repeat top center;}
.bb-score .bg-t {background-position:-234px 0;}
.bb-score .bg {background-position:-376px 0; background-repeat:repeat-y;}
.bb-score .bg-b {padding:2px 0; text-align:center; color:#FFF; text-shadow:1px 1px 0.2em #185674; background-position:-518px 100%;}
.bb-score h4 {min-height:30px; _height:30px; line-height:2.14em; font-size:117%; font-weight:700;}
.bb-score .box-in {min-height:55px; _height:55px; line-height:55px; font-size:333%; font-weight:700;}

.card-box-art .bb-score {width:107px}
.card-box-art .bb-score .bg-t {background-position:-1800px 0;}
.card-box-art .bb-score .bg {background-position:-1907px 0;}
.card-box-art .bb-score .bg-b {background-position:-2014px 100%;}
.card-box-art .bb-score .box-in {font-size:250%;}

/*box-setscore*/
.bb-setscore {width:298px; margin:0 0 7px; background:#D27300 url("/o/bonusweb_n4/hodnoceni-bg2.png") no-repeat top center;}
.bb-setscore .bg-t {background-position:-660px 0;}
.bb-setscore .bg {background-position:-958px 0; background-repeat:repeat-y;}
.bb-setscore .bg-b {padding:2px 0; text-align:center; color:#FFF; text-shadow:1px 1px 0.2em #B46800; background-position:-1256px 100%;}
.bb-setscore h4 {min-height:30px; _height:30px; line-height:2.14em; font-size:117%; font-weight:700; text-shadow:1px 1px 0.2em #643f01 }
.bb-setscore .box-in {overflow:hidden; height:55px}
.bb-setscore .inp {float:left; line-height:55px; font-size:333%; font-weight:700; text-align:left}
.bb-setscore .inp input {width:75px; height:55px; line-height:55px; font-size:40px; font-weight:700; color:#FFF; text-shadow:1px 1px 0.2em #B46800; text-align:center; background:none; border:none }
.bb-setscore .slider {float:right; width:159px; min-height:40px; _height:40px; padding:10px 0 0; margin:0 10px 0 0; text-align:left}
.bb-setscore .submit {display:block; width:159px; height:25px; cursor:pointer; background:url("/o/bonusweb_n4/hodnoceni.png") no-repeat 0 -100px;}
.bb-setscore .submit:hover {background-position:0 -126px;}

/*hodnoceni hry*/
#box-hodnoceni-hry .people {margin:0 0 .5em; font-size:100%; text-align:right}

/*slider*/
 #slider2 {width:159px; height:7px; margin:0 0 8px; background:url("/o/bonusweb_n4/hodnoceni.png") no-repeat}
 #slider2 img {position:relative; top:-6px; left:-4px; cursor:pointer; width:48px; height:18px; background:url("/o/bonusweb_n4/hodnoceni.png") no-repeat 0 -11px;}
 #slider2 img:hover {background-position:-51px -11px;}

/*nové hodnocení hry, náhrada za box-setscore, hodnoceni hry a slider*/ 
.bb-sendscore {width:298px; margin:0 0 7px; background:#D27300 url("/o/bonusweb_n4/hodnoceni-bg2.png") no-repeat top center;}
.bb-sendscore .bg-t {background-position:-660px 0;}
.bb-sendscore .bg {background-position:-958px 0; background-repeat:repeat-y;}
.bb-sendscore .bg-b {padding:2px 0; text-align:center; color:#FFF; text-shadow:1px 1px 0.2em #B46800; background-position:-1256px 100%;}
.bb-sendscore h4 {min-height:30px; _height:30px; line-height:2.14em; font-size:117%; font-weight:700; text-shadow:1px 1px 0.2em #643f01 }
.bb-sendscore .box-in {overflow:hidden; min-height:55px; height:55px; font-size:333%; font-weight:700; line-height:55px;}
.bb-sendscore label {width:130px; float:left; position:relative }
.bb-sendscore .range {width:164px; height:8px; margin:0; background:url("/o/bonusweb_n4/hodnoceni-slider.png") no-repeat 3px 0; position:absolute; top:10px; left:127px }
.bb-sendscore .range span {position:absolute; width:48px; height:18px; top:-5px; left:0; background:url("/o/bonusweb_n4/hodnoceni-slider.png") no-repeat 0 -11px;}
.bb-sendscore .range span:hover, .bb-sendscore .range span.act {background-position:-50px -11px }
.bb-sendscore .range input {display:none }
.bb-sendscore .submit {float:left; width:159px; height:25px; cursor:pointer; background:url("/o/bonusweb_n4/hodnoceni-slider.png") no-repeat 0 -100px; margin:25px 0 0 0 }
.bb-sendscore .submit:hover {background-position:0 -126px;}
 
 /*buttony*/
.but-card {display:inline-block; width:140px; height:40px; line-height:38px; margin:0 0 9px; vertical-align:middle; margin:0; padding:0; white-space:nowrap; text-align:left; font-weight:700; font-size:108%; text-decoration:none; cursor:pointer; overflow:visible; /*box-shadow:0 0 3px #C60; */ border:1px solid #C60; border-radius:3px; color:#FFF; text-shadow:1px 1px 0.2em #B46800; background:#C60 url("/o/bonusweb_n4/btn-bg-hover.gif") repeat-x;}
.but-card:hover {/*border:1px solid #CCC; border-radius:3px; */ color:#333; /*box-shadow:0 0 3px #333; */ text-shadow:none; border-color:#999; background:#C9C9C9 url("/o/bonusweb_n4/btn-bg.gif") repeat-x;}
.but-card span {display:inline-block; line-height:1.6666em; vertical-align:middle; padding:0 10px 0 0; margin:0 0 0 -4px;}
.but-card img {width:32px; margin:0 8px; vertical-align:middle; background-image:url("/o/bonusweb_n4/btn_ikonky.png"); background-repeat:no-repeat} 

.but-game-card {background-position:-32px 0}
.but-card:hover .but-game-card {background-position:0 0}
.but-download {background-position:-32px -32px}
.but-card:hover .but-download {background-position:0 -32px}
.but-play-game {background-position:-32px -64px}
.but-card:hover .but-play-game {background-position:0 -64px}

/*pro card-box konec*/

/*mobilni hry*/
#mh-nav {margin:0 0 22px 10px}
#mh-nav ul {width:100%; list-style:none}
#mh-nav li {overflow:hidden; position:relative; float:left; display:block; width:208px; height:59px; line-height:59px;}
#mh-nav .act {background-position:0 0}
#mh-nav a {display:block; width:100%; height:100%; text-align:center; font-size:117%; font-weight:700;}
#mh-nav span {position:absolute; z-index:1; top:0; left:0; display:block; width:100%; height:100%; cursor:pointer}
#mh-nav .bg {background:url("/o/bonusweb_n4/bg/tabs_mh.png") no-repeat -210px 0}
#mh-nav .platform {background-image:url("/o/bonusweb_n4/bg/ico_tabs_mh.png"); background-repeat:no-repeat;}
#mh-nav .act {width:210px; background-color:#ECECEC}
#mh-nav .act .bg {background-position:0 0}
#mh-nav .android {background-position:50% 0}
#mh-nav a:hover .android {background-position:50% -100px}
#mh-nav .act .android, #mh-nav .act a:hover .android {background-position:50% -200px}
#mh-nav .apple {background-position:50% -300px}
#mh-nav a:hover .apple {background-position:50% -400px}
#mh-nav .act .apple, #mh-nav .act a:hover .apple {background-position:50% -500px}
#mh-nav .windows {background-position:50% -600px}
#mh-nav a:hover .windows {background-position:50% -700px}
#mh-nav .act .windows, #mh-nav .act a:hover .windows {background-position:50% -800px}

/*ico zanr*/
.art .ico-genre-small {margin:0 0 5px}
.opener .ico-genre-small {margin:0 0 10px}
.art .ico-genre-small img {position:inherit; =position:relative; float:left; margin:0 3px 0 0}
.art .ico-genre-small .i-text, .art .ico-genre-small .i-date, .art .ico-genre-small .i-discussion, .i-brisc {float:left; display:inline-block; line-height:26px; margin:0 6px 0 3px; font-size:117%}
.art .ico-genre-small .i-date {color:#CC7F06}
.art .ico-genre-small .i-discussion {width:34px; height:26px; line-height:20px; text-align:center; text-decoration:none; color:#FFF; background:url("/o/bonusweb_n4/ico/diskuse.png") no-repeat}
.art .ico-genre-small .i-discussion:hover {background-position:-35px 0}
.art .ico-genre-small .i-brisc {padding:0 5px; font-weight:700; color:#FFF; background:#B9151C; border-radius:3px}

.ico-genre-small .i-logicke, .ico-genre-small .i-online, .ico-genre-small .i-arkady, .ico-genre-small .i-simulatory, .ico-genre-small .i-rpg, .ico-genre-small .i-eroticke, .ico-genre-small .i-adventury, .ico-genre-small .i-akcni, .ico-genre-small .i-sportovni, .ico-genre-small .i-strategie, .ico-genre-small .i-bojove, .ico-genre-small .i-zavodni, .ico-genre-small .i-ostatni, .ico-genre-small .i-ceske, .ico-genre-small .i-postrehove
{display:inline-block; width:26px; height:26px; background-image:url("/o/bonusweb_n4/ico/ico_zanry-small.png");}
.ico-genre-small .divider {display:inline-block; width:4px; height:26px; background:url("/o/bonusweb_n4/ico/svislik.gif") no-repeat;}
.ico-genre-small .i-logicke {background-position:0 0}
.ico-genre-small a:hover .i-logicke {background-position:0 -26px} 
.ico-genre-small .act .i-logicke {background-position:0 -52px}
.ico-genre-small .i-online {background-position:-26px 0}
.ico-genre-small a:hover .i-online {background-position:-26px -26px}
.ico-genre-small .act .i-online {background-position:-26px -52px}
.ico-genre-small .i-arkady {background-position:-52px 0}
.ico-genre-small a:hover .i-arkady {background-position:-52px -26px} 
.ico-genre-small .act .i-arkady {background-position:-52px -52px}
.ico-genre-small .i-simulatory {background-position:-78px 0}
.ico-genre-small a:hover .i-simulatory {background-position:-78px -26px} 
.ico-genre-small .act .i-simulatory {background-position:-78px -52px}
.ico-genre-small .i-rpg {background-position:-104px 0}
.ico-genre-small a:hover .i-rpg {background-position:-104px -26px} 
.ico-genre-small .act .i-rpg {background-position:-104px -52px}
.ico-genre-small .i-eroticke {background-position:-130px 0}
.ico-genre-small a:hover .i-eroticke {background-position:-130px -26px}
.ico-genre-small .act .i-eroticke {background-position:-130px -52px}
.ico-genre-small .i-adventury {background-position:-156px 0}
.ico-genre-small a:hover .i-adventury {background-position:-156px -26px}
.ico-genre-small .act .i-adventury {background-position:-156px -52px}
.ico-genre-small .i-akcni {background-position:-182px 0}
.ico-genre-small a:hover .i-akcni {background-position:-182px -26px}
.ico-genre-small .act .i-akcni {background-position:-182px -52px}
.ico-genre-small .i-sportovni {background-position:-208px 0}
.ico-genre-small a:hover .i-sportovni {background-position:-208px -26px}
.ico-genre-small .act .i-sportovni {background-position:-208px -52px}
.ico-genre-small .i-strategie {background-position:-234px 0}
.ico-genre-small a:hover .i-strategie {background-position:-234px -26px}
.ico-genre-small .act .i-strategie {background-position:-234px -52px}
.ico-genre-small .i-bojove {background-position:-260px 0}
.ico-genre-small a:hover .i-bojove {background-position:-260px -26px}
.ico-genre-small .act .i-bojove {background-position:-260px -52px}
.ico-genre-small .i-zavodni {background-position:-286px 0}
.ico-genre-small a:hover .i-zavodni{background-position:-286px -26px}
.ico-genre-small .act .i-zavodni {background-position:-286px -52px}
.ico-genre-small .i-ostatni {background-position:-312px 0}
.ico-genre-small a:hover .i-ostatni {background-position:-312px -26px}
.ico-genre-small .act .i-ostatni {background-position:-312px -52px}
.ico-genre-small .i-ceske {background-position:-338px 0}
.ico-genre-small a:hover .i-ceske {background-position:-338px -26px}
.ico-genre-small .act .i-ceske {background-position:-338px -52px}
.ico-genre-small .i-postrehove {background-position:-364px 0}
.ico-genre-small a:hover .i-postrehove {background-position:-364px -26px}
.ico-genre-small .act .i-postrehove {background-position:-364px -52px}

/*ico zanr big*/
.ico-genre-big .i-logicke, .ico-genre-big .i-online, .ico-genre-big .i-arkady, .ico-genre-big .i-simulatory, .ico-genre-big .i-rpg, .ico-genre-big .i-eroticke, .ico-genre-big .i-adventury, .ico-genre-big .i-akcni, .ico-genre-big .i-sportovni, .ico-genre-big .i-strategie, .ico-genre-big .i-bojove, .ico-genre-big .i-zavodni, .ico-genre-big .i-ostatni, .ico-genre-big .i-ceske, .ico-genre-big .i-postrehove 
{display:inline-block; width:63px; height:83px; background-image:url("/o/bonusweb_n4/ico/ico_zanry.png");}
.ico-genre-big .i-logicke {background-position:0 0}
.ico-genre-big a:hover .i-logicke {background-position:0 -83px} 
.ico-genre-big .act .i-logicke {background-position:0 -166px}
.ico-genre-big .i-online {background-position:-63px 0}
.ico-genre-big a:hover .i-online {background-position:-63px -83px}
.ico-genre-big a.act .i-online {background-position:-63px -166px}
.ico-genre-big .i-arkady {background-position:-126px 0}
.ico-genre-big a:hover .i-arkady {background-position:-126px -83px} 
.ico-genre-big .act .i-arkady {background-position:-126px -166px} 
.ico-genre-big .i-simulatory {background-position:-189px 0}
.ico-genre-big a:hover .i-simulatory {background-position:-189px -83px} 
.ico-genre-big .act .i-simulatory {background-position:-189px -166px}
.ico-genre-big .i-rpg {background-position:-252px 0}
.ico-genre-big a:hover .i-rpg {background-position:-252px -83px} 
.ico-genre-big a.act .i-rpg {background-position:-252px -166px} 
.ico-genre-big .i-eroticke {background-position:-315px 0}
.ico-genre-big a:hover .i-eroticke {background-position:-315px -83px}
.ico-genre-big .act .i-eroticke {background-position:-315px -166px}
.ico-genre-big .i-adventury {background-position:-378px 0}
.ico-genre-big a:hover .i-adventury {background-position:-378px -83px}
.ico-genre-big .act .i-adventury {background-position:-378px -166px}
.ico-genre-big .i-akcni {background-position:-441px 0}
.ico-genre-big a:hover .i-akcni {background-position:-441px -83px}
.ico-genre-big .act .i-akcni {background-position:-441px -166px}
.ico-genre-big .i-sportovni {background-position:-504px 0}
.ico-genre-big a:hover .i-sportovni {background-position:-504px -83px}
.ico-genre-big .act .i-sportovni {background-position:-504px -166px}
.ico-genre-big .i-strategie {background-position:-567px 0}
.ico-genre-big a:hover .i-strategie {background-position:-567px -83px}
.ico-genre-big .act .i-strategie {background-position:-567px -166px}
.ico-genre-big .i-bojove {background-position:-630px 0}
.ico-genre-big a:hover .i-bojove {background-position:-630px -83px}
.ico-genre-big .act .i-bojove {background-position:-630px -166px}
.ico-genre-big .i-zavodni {background-position:-693px 0}
.ico-genre-big a:hover .i-zavodni{background-position:-693px -83px}
.ico-genre-big .act .i-zavodni{background-position:-693px -166px}
.ico-genre-big .i-ostatni {background-position:-756px 0}
.ico-genre-big a:hover .i-ostatni {background-position:-756px -83px}
.ico-genre-big .act .i-ostatni {background-position:-756px -166px}
.ico-genre-big .i-ceske {background-position:-819px 0}
.ico-genre-big a:hover .i-ceske {background-position:-819px -83px}
.ico-genre-big .act .i-ceske {background-position:-819px -166px}
.ico-genre-big .i-postrehove {background-position:-882px 0}
.ico-genre-big a:hover .i-postrehove {background-position:-882px -83px}
.ico-genre-big .act .i-postrehove {background-position:-882px -166px}

/*ico platforma*/
.ico-genre-small .i-android, .ico-genre-small .i-apple, .ico-genre-small .i-winphone {display:inline-block; width:26px; height:26px; background-image:url("/o/bonusweb_n4/ico/ico_os-small.png");}
.ico-genre-small .i-apple {background-position:0 0}
.ico-genre-small a:hover .i-apple {background-position:0 -26px} 
.ico-genre-small .i-android {background-position:-26px 0}
.ico-genre-small a:hover .i-android {background-position:-26px -26px}
.ico-genre-small .i-winphone {background-position:-52px 0}
.ico-genre-small a:hover .i-winphone {background-position:-52px -26px}

/*ico-flag*/
.ico-genre-small .i-cz, .ico-genre-small .i-en, .ico-genre-small .i-de {display:inline-block; width:26px; height:26px; background-image:url("/o/bonusweb_n4/ico/flags_small.png");}
.ico-genre-small .i-cz {background-position:0 0}
.ico-genre-small a:hover .i-cz {background-position:0 -26px} 
.ico-genre-small .i-en {background-position:-26px 0}
.ico-genre-small a:hover .i-en {background-position:-26px -26px}
.ico-genre-small .i-de {background-position:-52px 0}
.ico-genre-small a:hover .i-de {background-position:-52px -26px}

/*ico-nav*/
.ico-nav {overflow:hidden; margin:0 0 22px 10px}
.ico-nav .box-in {width:110%}
.ico-nav img {float:left; margin:0 16px 0 0}

/*id boxy*/
#top5 .box-in {padding:0 10px 1px}
#top5 ul {list-style:none}
#top5 li {position:relative; display:block; min-height:40px; _height:40px; margin:0 0 12px; padding:0 70px 0 0}
#top5 h3 {font-size:117%}
#top5 h3 a {text-decoration:none}
#top5 .score {position:absolute; z-index:1; top:0; right:0; display:block; min-width:70px; _width:70px; min-height:40px; _height:40px; color:#000; font-size:200%; font-weight:700; text-align:right;}
#top5 .date {margin:-6px 0 12px; text-align:right}

/*hot-news*/
#hot-news li {margin:0 0 15px; font-size:117%}
#hot-news li a {display:inline}

/*b-diskuse*/
#b-diskuse li {margin:0 0 5px; font-size:117%}

/*jizdni-rad*/
#jizdni-rad .hr {height:2px; line-height:2px; margin:0 0 9px; font-size:0; background:url("/o/bonusweb_n4/bg/hr.png") no-repeat;}
#jizdni-rad table {margin:0 0 5px; border-collapse:collapse}
#jizdni-rad td, #jizdni-rad th {padding:2px 5px 2px 0; font-size:117%; font-weight:normal; color:#333}
#jizdni-rad th {font-size:134%}
#jizdni-rad .date {text-align:right}
/* === Konec upravy N4 1.1 === */

/*kolotoc*/
#eyes li h3 a, #najdete li h3 a {color:#CC7F06}

/*footer*/
#foot a {color:#FFF}
#foot #f-emblem a {background-image:url("/u/loga-n4/foot-logo-white.png");}
#foot #f-webs li, #foot #f-ilink li {background:none}
#foot #f-iservis li {background-image:url("/u/n3/dot-foot-white.gif")}
#foot #clink {border:none}
#foot #copyright /*, #foot #copyright a*/ {color:#999}

/* reklama pod clankem */
.col-a .m202 {margin-left:10px;}