/* Obsah 
---------------------    
	1. OBECNE PRVKY
	2. BODY
	3. TOP
	4. CONTENT 
	5. BOTTOM
	6. SiFR
--------------------- */ 
a:hover {color:#FFF;}
a {color:#F60;}


/* 1. OBECNE PRVKY:
- nastaveni
- styl odkazu a hoveru
- barvy textu, odkazu a hoveru
- ruzne
------------------------------------------------------------------- */
/*nastaveni*/
* {margin:0; padding:0;}
img, table, input {border:0px none;}
li {list-style-type:none;}
hr {display:none; clear:both;}
.clear {clear:both !important; height:0 !important; line-height:0 !important; font-size:0 !important; padding:0 !important;}
.cntr {text-align:center;}
.right {text-align:right;}
tr.orange th {color:#f60 !important;}
th.spacer1 {width:14px;}
th.spacer2 {width:40px;}
th.spacer3 {width:15px;}
.ir {position:relative;display:block;overflow:hidden;text-decoration:none;}
.ir span {display:block;position:absolute;width:100%;height:100%;top:0;left:0;z-index:10;}

/*konec*/

/*styl odkazu a hoveru - nekterych*/
a, a:hover, div.top li a:hover, div.left-panel a:hover {text-decoration:underline;}
div.top li a, div.left-panel a {text-decoration:none;}
a span, span.up span, span.down span {display:none;}
div.content a:hover {color:#F60;}
/*konec*/

/*barva textu, odkazu a hoveru*/
.white, div.seznam a {color:#FFF;}
a.color:hover, p.registrace a:hover, div.content h3 strong, h2.none-flash a, 
table.detail-hry h2.none-flash, div.kosik-on b.pocet, table.detail-hry td a:hover {color:#FFF !important;}
.orange, .color, div.top a:hover, div.seznam a:hover, h2.none-flash a:hover, p.koupit a:hover, table.detail-hry td a {color:#F60 !important;}
.grey-lighter, div.top p span, div.left-panel a, div.doublecol a, div.singlecol a, div.panel-228 a, div.panel-200 a,
div.zobrazit, div.zobrazit a, .bg-black a, table.detail-hry a, div.kosik b.pocet {color:#CCC;}
.grey, div.top, div.top a, p.cena, p.info a, div.width-100, input, table.detail td, p.koupit a, table.detail-hry td,
select, div.odkaz p.odkaz, div.kosik {color:#999;}
.grey-darker, p.registrace, p.nadpis  {color:#666 !important;}
div.bottom p, div.bottom a {color:#333;}
.black, div.kosik-on {color:#000;}
div.tip {color:#CDCDCD;}
.red {color:#FF0000;}
.b {font-weight:bold;}
.redorange {color:#FF5200 !important;}
.color-darker {color:#930;}
.color-psp {color:#099;}
.color-ps2 {color:#069;}
.color-ps3 {color:#900;}
.color-x360 {color:#390;}
.color-ds {color:#906;}
.color-wii {color:#960;}
.color-eg {color:#0a73fd;}

/*konec*/

/*ruzne*/
select, input {font-family:Tahoma,Arial,Verdana,sans-serif; font-size:100%;}
.float-left {float:left;}
.float-right {float:right;}
.font-smaller {font-size:90%;}
.b-top {border-top:1px solid #000 !important;}
.b-right {border-right:1px solid #090909 !important;}
.b-bottom {border-bottom:1px solid #000 !important;}
.botom1 {margin-bottom:1px;}
.botom4 {margin-bottom:4px;}
.botom8 {margin-bottom:8px;}
.botom17 {margin-bottom:17px;}
.marleft15 {margin-left:15px;}
.marleft10 {margin-left:10px;}
.martop0 {margin-top:0px!important;}
.marbot0 {margin-bottom:0px!important;}
.martop5 {margin-top:5px;}
.martop10 {margin-top:10px;}
.martop20 {margin-top:20px;}
.padbot30 {padding-bottom:30px;}
.marpad0 {margin:0!important;padding:0!important;}
.width60 {width:60px!important;}
.padside10 {padding:0 14px!important;}

/* 2. BODY:
- background stranky a vycentrovani na stred
- ALL -  dovycentrovani
--------------------------------------------------------------------------------------- */
body {
font-family:Tahoma,Verdana,sans-serif;
text-align:center; 
/*background: url(../images/bg-body-orange.jpg) top center no-repeat #FFF;*/ 
/*background: url(../images/bg-body-orange.jpg) top center no-repeat #000000;*/
/* default skin*/
background: url(../images/bg-body-orange.jpg) top center no-repeat #390800;
}

div.all {
width:940px; 
margin:0 auto; 
text-align:left; 
font-size:69%;
color:#CCC;
}
/*konec*/


/* 3. TOP:
- horni odkazy
- hlavni menu
- vyhledavani, kosik
--------------------------------------------------------------------------------------- */
div.top {height:26px; padding:14px 25px 0 18px;}
div.top p {float:left; margin-right:34px;}
div.top li {float:right; margin-left:26px;}

div.menu {padding-left:15px; clear:both;}
div.menu h1, div.menu p, div.menu li {float:left;}
div.menu a {display:block; height:90px;}
div.menu h1 a, div.menu p a {width:195px; background:url('../images/xzone.jpg');}
div.menu li a {width:104px; background:url('../images/menu.jpg');}

p.prihlaseny-uzivatel {background-color:#202020;padding:10px 8px; text-decoration:underline;}
p.prihlaseny-uzivatel a {color:#fff;}

div.menu li.psp a {background-position:-104px 0;}
div.menu li.ps2 a {background-position:-208px 0;}
div.menu li.ps3 a {background-position:-312px 0;}
div.menu li.xbox a {background-position:-416px 0;}
div.menu li.ds a {background-position:-520px 0;}
div.menu li.wii a {background-position:-624px 0;}
div.menu li.pc-on a, div.menu li.pc a:hover {background-position:0 -90px;}
div.menu li.psp-on a, div.menu li.psp a:hover {background-position:-104px -90px;}
div.menu li.ps2-on a, div.menu li.ps2 a:hover {background-position:-208px -90px;}
div.menu li.ps3-on a, div.menu li.ps3 a:hover {background-position:-312px -90px;}
div.menu li.xbox-on a, div.menu li.xbox a:hover {background-position:-416px -90px;}
div.menu li.ds-on a, div.menu li.ds a:hover {background-position:-520px -90px;}
div.menu li.wii-on a, div.menu li.wii a:hover {background-position:-624px -90px;}

div.top-panel {height:50px; clear:both; padding-bottom:10px; background:#353535;}
div.top-panel div {height:50px; border-bottom:1px solid #2A2A2A; float:left;}
div.jak-nakupovat a {display:block; width:151px; height:50px; background:url('../images/jak-nakupovat.jpg');}
div.hledat input {font-family:Arial,Verdana,sans-serif;}
div.hledat {width:549px; padding-left:14px; background:#404040 url('../images/bg-hledat-shadow.gif') repeat-x top left;}
input.hledat-field {float:left; width:419px; height:26px; font-size:17px; background:url('../images/bg-hledat-field.jpg'); margin-top:10px; font-weight:bold; padding-left:9px; padding-right:0; padding-top:4px; padding-bottom:0}
input.hledat-buton {float:left; width:106px; height:30px; margin-top:10px;}


/*kosik*/
div.kosik-on2 {width:201px; background:url('../images/bg-kosik-on.jpg'); padding-left:20px}
div.kosik-on, div.kosik {width:201px; background:url('../images/bg-kosik-on.jpg'); padding-left:25px}
div.kosik {background:url('../images/bg-kosik.jpg');}
div.kosik-on p, div.kosik-on2 p, div.kosik p {margin-top:19px;}
div.kosik a {color:#999;}
div.kosik-on b, div.kosik-on2 b, div.kosik b {font-family:Arial,Verdana,sans-serif; font-size:17px;}
div.kosik-on span, div.kosik-on2 span, div.kosik span {margin:0 8px 0 18px;}
div.kosik-on2 a {color:#000;}
div.kosik-on a {color:#000;}
/*konec*/


/* 4. CONTENT: 
- levy sloupec s menu, registraci a loginem
- obsah stranek
- pravy sloupec s top hrami
--------------------------------------------------------------------------------------- */
div.content {background:#2A2A2A url('../images/bg-content-bottom.gif') no-repeat bottom center; clear:both; padding-left:15px; padding-right:0; padding-top:0; padding-bottom:50px}

/*nadpisy*/
div.content h2.color, div.content h2.white, h3.color-orange {border-bottom:1px solid #3C3C3C; padding-bottom:6px; margin:23px 0 10px; text-transform:uppercase;}
h3.color-orange {margin: 23px 0 10px 10px;}
h3.orange {color: #F60; text-transform:uppercase; margin-bottom:10px;}
h3.white {color: #FFF; text-transform:uppercase; margin-bottom:10px;}
div.content h2, div.content h3 {font-family:Arial,Verdana,sans-serif; font-size:18px; font-weight:normal;}
div.content h2.none-flash {font-weight:bold;}
div.tip h3{line-height:150%; margin-bottom:5px;}
div.content h3.popis {margin-bottom:12px; padding-top:2px;}

/*konec*/

/*panel vlevo s menu*/
div.left-panel {float:left; width:135px; margin:-7px 15px 0 0;}
div.left-panel ul {line-height:220%; margin:-6px 0 5px;}
p.registrace {font-size:94%; line-height:190%;}
ul.registrace {margin-top:5px !important;}
input.prihlasit-field {width:126px; height:19px; background:url('../images/bg-prihlasit-field.gif');; margin-left:0; margin-right:0; margin-top:1px; margin-bottom:4px; padding-left:9px; padding-right:0; padding-top:7px; padding-bottom:0}
input.prihlasit-buton {width:82px; height:26px; font-weight:bold; background:url('../images/bg-prihlasit-buton.gif');; margin-left:0; margin-right:0; margin-top:1px; margin-bottom:8px}
input.prihlasit-buton2 {width:120px; height:26px; font-weight:bold; background:url('../images/bg-prihlasit-buton2.gif');; margin-left:0; margin-right:0; margin-top:1px; margin-bottom:8px}
input.prihlasit-buton3 {width:120px; height:26px; font-weight:bold; background:url('../images/bg-prihlasit-buton3.gif');; margin-left:0; margin-right:0; margin-top:1px; margin-bottom:8px}
/*konec*/

/*backgroundy, bordry, nektere sirky*/
div.gradient-bg {border-left:1px solid #000; border-right:1px solid #000; border-bottom:1px solid #000; border-top:0px none; background:#202020 url('../images/bg-div-gradient.gif') repeat-x top left; padding-left:9px; padding-right:9px; padding-top:10px; padding-bottom:10px}
div.bg-dark, div.bg-dark-p p {background:#000 url('../images/bg-dark-grad.gif') repeat-x bottom left; border:1px solid #000}
div.bg-light, div.bg-light-p p {border-left:1px solid #000; border-right:1px solid #000; border-top:0px solid #000; border-bottom:0px solid #000; background:#202020 url('../images/bg-light-grad.gif') repeat-x bottom left; }
div.bg-lighter {border-left:1px solid #000; border-right:1px solid #000; border-top:0px solid #000; border-bottom:0px solid #000; background:#202020 url('../images/bg-lighter-grad.gif') repeat-x bottom left; }
div.border-right {border-right: 1px solid #020202; background-color:#202020; padding-top:20px;}
div.border-right div.bg-light-p02 p {background:#202020 url('../images/bg-light-grad.gif') repeat-x bottom left;}
.bg-black {padding:8px 10px; background:#000; margin-bottom:1px;}
div.bg-grey {background-color:#202020; border-right:1px solid #000;}
div.bg-grey-dark {background-color:#101010; border-bottom:1px solid #000; padding:10px; color: #666;}
div.border-bot-gr {border-bottom: 1px solid #3c3c3c; padding-bottom: 10px; margin-bottom:10px;}
div.bg-dark-plain {background-color: #202020; border: 1px solid #000; padding:15px 12px 10px; margin-bottom:1px; }
div.bg-dark-plain p, div.bg-black p {line-height: 160%; margin-bottom:10px;}



div.panel-630 {float:left; width:630px; margin:-7px 15px 0 0;}
div.panel-455 {float:left; width:455px; margin:-7px 15px 0 0;}
div.panel-340 {float:left; width:340px; margin: -7px 15px 0 0;}
div.panel-340-02 {float:left; width:340px; margin: 0px 15px 0 0;}
div.panel-275 {float:left; width:275px; margin:-7px 15px 0 0;}
div.panel-275-02 {float:left; width:275px; margin: 0 0 0 0;}
div.panel-160 {float:left; width:160px; margin:-7px 15px 0 0;}
div.panel455 {float:left; width:455px; margin:-7px 0 0 ;}
div.panel-175 {float:left; width:175px; margin:-7px 0px 0px 0px;}
/*konec*/

/*filtr zobrazeni*/
div.panel-200, div.panel-228 {float:left; width:200px; line-height:180%;}
div.panel-228 {width:228px;}
div.panel-228 input, div.panel-200 input {margin-right:8px;}
/*konec*/

/*panel zobrazit a seradit*/
div.zobrazit {width:215px; height:49px; padding:9px 0 0 10px; margin-bottom:4px;}
p.nadpis {padding-bottom:11px;}
p.spodni {float:left; margin-right:40px;}
div.zobrazit input {margin:-2px 6px 0 0;}
a.up, a.down, span.up, span.down 
{display:block; width:15px; height:11px; float:left; background:url('../images/seradit.gif'); margin-left:0; margin-right:8px; margin-top:2px; margin-bottom:0}
a.up {background-position:0px -22px;}
a:hover.up, span.up {background-position:0px -33px;}
a:hover.down, span.down {background-position:0px -11px;}
.right16 {margin-right:16px;}
.right26 {margin-right:26px !important;}
/*konec*/

/*ruzne- TIP, odkazy co pripominaji button*/
div.tip {border-left:1px solid #151515; border-right:1px solid #151515;border-top:1px solid #191919; background:#202020 url('../images/bg-div-gradient.gif') repeat-x top left; margin-top:1px; line-height:160%; padding-left:9px; padding-right:9px; padding-top:10px; padding-bottom:10px}
div.cena {background:#111; margin-bottom:4px;}
p.cena {padding:8px 10px 9px 14px; float:left;}
div.odkaz {background:#181818;}
p.odkaz, p.odkaz02 {background:#161616 url('../images/bg-odkaz.gif') repeat-x bottom left; border-left:1px solid #0C0C0C; border-right:1px solid #101010; padding-left:15px; padding-right:18px; padding-top:8px; padding-bottom:9px}
p.odkaz02 {border: 1px solid #020202;}
p.odkaz-higher, p.odkaz-higher02 {background:#0B0B0B url('../images/bg-odkaz-higher.gif') repeat-x bottom left; border-left:1px solid #0C0C0C; border-right:1px solid #101010; line-height:150%; padding-left:15px; padding-right:18px; padding-top:8px; padding-bottom:9px}
p.odkaz-higher02 a {background:url('../images/ico-out.gif') no-repeat top right; padding-right:20px}

div.cena p.odkaz {border-left:1px solid #000; border-right:1px solid #000; border-top:1px solid #040404;}

/*konec*/

/*seznamy her v radce a detail v tabulce*/
div.doublecol, div.singlecol, div.seznam  {line-height:160%;}
div.doublecol  {padding:0 10px 0 8px;}
div.doublecol p {padding:5px 0 4px 0;}
div.singlecol p {padding:5px 9px 6px 9px;}
div.seznam  {padding:6px 10px 11px 8px; _padding-bottom:3px;}
div.seznam p {padding-top:3px;}

table.detail {margin-bottom:4px;}
table.detail td {background:#202020; border:solid #000; border-width:1px 1px 0px 1px; padding:6px 12px;}
table.detail td.header {padding:0px 12px;}
table.detail td.image {background:#202020 url('../images/bg-light-grad.gif') repeat-x bottom left; width:118px; text-align:center; border-left:1px solid #000; padding-left:0; padding-right:0; padding-top:10px; padding-bottom:10px}
table.detail td.cena {background:#202020 url('../images/bg-light-grad.gif') repeat-x bottom left;}
table.detail td.cena p.float-left {font-size:154%; font-family:Arial,Verdana,sans-serif; margin-top:2px;}

p.koupit {margin-left:35px; display:block; padding:0 !important; line-height:100% !important;}
p.koupit a {display:block; font-size:90%; background:url('../images/do-kosiku.gif') no-repeat 0 0;; padding-left:39px; padding-right:0; padding-top:7px; padding-bottom:3px}
p.koupit a:hover {background-position:0px -21px;}

p.info { padding:8px; background:#151515; border:1px solid #1B1B1B; margin-top:1px;}

.sirka180 {width:180px;}
.sirka200 {width:200px;}
.sirka260 {width:260px;}
.sirka270 {width:270px;}
/*konec*/

/*popis hry*/
table.detail-hry {margin-bottom:1px;}
table.detail-hry td {border-left:0px solid #000; border-right:1px solid #000; border-top:1px solid #000; border-bottom:0px solid #000; background:#202020; line-height:180%; padding-left:12px; padding-right:12px; padding-top:6px; padding-bottom:6px}
table.detail-hry td.header {padding:0px 12px; line-height:240%;}
table.detail-hry td.image {width:191px; padding:0; text-align:center; border-left:1px solid #000; background-color:#000;}
table.detail-hry td.bcgrd {background:#202020 url('../images/bg-light-grad.gif') repeat-x bottom left;}
table.detail-hry td.cena {font-size:154%; font-family:Arial,Verdana,sans-serif;}
table.detail-hry td.image a {display:block; width:191px; background-position: 0% 100%; background-repeat:no-repeat; background-image:url('../images/koupit-taska.jpg'); background-color:#202020; padding-left:0; padding-right:0; padding-top:9px; padding-bottom:161px}
table.detail-hry td.image a:hover {background-position:100% 100%; background-color:#FF7314;}

div.popis-hry {padding:9px 10px 1px 8px;}
div.obrazky {padding:9px 10px 1px 10px; border-top:1px solid #000;}
div.obrazky a {border:2px solid #666; display:block; margin-bottom:10px;}
div.obrazky a:hover {border-color:#F60;}
div.popis-hry p {padding-bottom:10px; line-height:160%;}
p.right-10 {margin-right:10px;}

p.odkaz {position:relative;}
p.odkaz span.ico-nazory {background:url('../images/ico-nazory-ctenaru.gif') no-repeat 0 1px;; padding-left:24px; padding-right:0; padding-top:0; padding-bottom:2px}
p.odkaz span.ico-recenze {background:url('../images/ico-recenze.gif') no-repeat 0 0px;; padding-left:24px; padding-right:0; padding-top:0; padding-bottom:2px}
p.odkaz span.ico-casopisy {background:url('../images/ico-casopisy.gif') no-repeat 0 0px;; padding-left:24px; padding-right:0; padding-top:0; padding-bottom:2px}
p.odkaz span.hvezdicky {display:block;position:absolute;z-index:1;top:7px;left:270px;_left:260px;width:180px; height: 14px;}
p.odkaz span.hvezdicky span {display:block; text-indent:-200px; background:url(../images/star.gif) center center no-repeat; width:13px; height:13px; float:left; overflow:hidden;}
p.odkaz span.hvezdicky span.pul {background:url(../images/star-half.gif);}
p.odkaz span.hvezdicky span.vyp {background:url(../images/star-off.gif);}
p.odkaz span.hvezdicky b {margin-left:5px; color:#FFFFFF;}

p.odkaz a.ico-rozbalit {padding-left:18px; background:url('../images/ico-rozbalit.gif') no-repeat 0 2px;}
p.odkaz span.ico-out {background:url('../images/ico-out.gif') no-repeat 0 0;; padding-left:21px; padding-right:0; padding-top:1px; padding-bottom:0}
table.detail-hry a.ico-out-clean {padding-right:22px; background:url('../images/ico-out-clean.gif') no-repeat top right;}

a.pocitacVyhovuje, a.pocitacNevyhovuje, a.pocitacOverit {position:relative;width:160px; height:100px; display:block;overflow:hidden;cursor:hand;}
a.pocitacVyhovuje span, a.pocitacNevyhovuje span, a.pocitacOverit span {position:absolute;width:160px; height:100px; display:block;z-index:1;top:0;left:0;}
a.pocitacVyhovuje span {background:url('../images/vas-pocitac-vyhovuje.gif') no-repeat 0 0;}
a.pocitacNevyhovuje span {background:url('../images/vas-pocitac-vyhovuje.gif') no-repeat 0 -100px;}
a.pocitacOverit span {background:url('../images/vas-pocitac-vyhovuje.gif') no-repeat 0 -200px;}

/*konec*/

/*tri a vice her vedle sebe plus popis */
div.width-100 {float:left; width:100px; line-height:140%;}
div.width-100 p, div.width-100 div {margin-bottom:7px;}
div.width-100 p.title {display:block; min-height:3.4em; _height:3.4em; margin-bottom:0 !important;}
div.right-10 {margin-right:10px;}
/*konec*/

/*panel dalsi, predchozi, pocet zaznamu a prejit na stranku */
div.prew, div.next {border:1px solid #000; float:left; margin-right:1px;}
div.next {margin:0;}
div.prew a, div.next a {display:block; width:58px; height:58px; background:url('../images/dalsi.gif');}
div.next a {background-position:0 -116px;}
div.prew a:hover {background-position:0 -58px;}
div.next a:hover {background-position:0 -174px;}
div.prejit, div.pocet {width:155px; height:49px; border:1px solid #000000; float:left; margin-right:1px; padding:9px 0 0 10px;}
div.pocet {width:153px;}
div.prejit select, div.pocet select {margin-top:8px; font-weight:bold; background:#000; width:47px;}

div.prejit2, div.pocet2 {width:242px; height:49px; border:1px solid #000000; float:left; margin-right:1px; padding:9px 0 0 10px;}
div.pocet2 {width:240px;}
div.prejit2 select, div.pocet2 select {margin-top:8px; font-weight:bold; background:#000; width:47px;}

/*konec*/

/*proc nakupovat u nas*/
div.number {border:solid #000; border-width:0px 1px 1px 0px;}
div.number p {margin-left:64px; padding:6px 12px 8px 12px; background:#202020; border-bottom:1px solid #303030; line-height:140%;}
div.jedna {background:#000 url('../images/jedna.gif') no-repeat top left;}
div.dva {background:#000 url('../images/dva.gif') no-repeat top left;}
div.tri {background:#000 url('../images/tri.gif') no-repeat top left;}
div.ctyri {background:#000 url('../images/ctyri.gif') no-repeat top left;}
div.pet {background:#000 url('../images/pet.gif') no-repeat top left;}

div.konfigurace-pc {background:#000 url('../images/konfigurace-pc.gif') no-repeat top left;}
div.kredity {background:#000 url('../images/kredity_icon.jpg') no-repeat top left;}
div.patche {background:#000 url('../images/patche.gif') no-repeat top left;}
div.prodejna {background:#000 url('../images/prodejna.gif') no-repeat top left;}
div.recenze {background:#000 url('../images/recenze.gif') no-repeat top left;}
div.zaklinac {background:#000 url('../images/zakl_icon.gif') no-repeat top left;}
div.cedok {background:#000 url('../images/cedok_icon.jpg') no-repeat top left;}
div.nevim-co-si-vybrat {background:#000 url('../images/nevim-co-si-vybrat.gif') no-repeat top left;}
/*konec*/

/*panel vpravo TOP HRY*/
div.panel-115 {float:left; width:115px; margin-top:-7px;}
div.top-hry-image {border-top:1px solid #191919;}
div.top-hry-image p {border-left:1px solid #191919; border-right:1px solid #191919; border-bottom:1px solid #191919; border-top:0px none; text-align:center; background:#323232; padding-left:0; padding-right:0; padding-top:5px; padding-bottom:5px}
/*konec*/

/* table zakaznicka sekce */
table.login {width:100%; border-collapse:0; border-spacing:0; }
table.login td {padding: 4px 0;}
table.login td input.text {background: #CCC url('../images/bg-input.gif') repeat-x 0 0; color: #202020; border:1px solid #989898; width:176px; font-weight:bold; padding-left:4px; padding-right:4px; padding-top:5px; padding-bottom:5px}
table.login td textarea {background: #CCC url('../images/bg-input.gif') repeat-x 0 0; color: #202020; border:1px solid #989898; font-weight:bold; padding-left:4px; padding-right:4px; padding-top:5px; padding-bottom:5px}
table.login td p input {margin:0 6px 0 0; vertical-align:middle;}
ul.sipky-orange li {background: url('../images/sipky-orange.gif') no-repeat 0 6px; padding-left:20px; line-height:160%; margin-bottom:10px}
/*konec*/

/* kosik a pokladna (castecne zakaznicka sekce - table.seznam) */

div.panel-645 {float:left; width:645px; margin: 0px 0 0 0; display:block; overflow:hidden;}

div.kosik3kroky {width:630px;height:64px; display:block; background: #000 url('../images/kosik-kroky.gif') no-repeat; }
div.kosik3kroky ul li {display:none;}
div.krok1 {background-position: 0 0;}
div.krok2 {background-position: 0 -64px;}
div.krok3 {background-position: 0 -128px;}

.kosik4kroky {width:630px; height:48px;position:relative;overflow:hidden;}
.kosik4kroky span {display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:url('../images/kosik-kroky2.gif') no-repeat;z-index:10}
.kroky li {float:left;display:block;width:157px;height:48px;}
.kroky li a {color:#fff;}
#step1, #step2, #step3, #step4 {display:block;width:157px;height:48px;position:absolute;top:0;z-index:50;}
#step1 {left:0;}
#step2 {left:157px;}
#step3 {left:314px;}
#step4 {left:471px;}
div.krok1 span {background-position: 0 0;}
div.krok2 span {background-position: 0 -48px;}
div.krok3 span {background-position: 0 -96px;}
div.krok4 span {background-position: 0 -144px;}

table.seznam {width:100%; border-collapse:collapse; border-spacing:0; margin-bottom:20px; font-family:Tahoma,sans-serif;}
table.seznam a {color:#FFF;}
table.seznam a:hover {color:#ff6600;}
table.seznam td {padding: 8px 0; border-bottom:1px solid #3b3b3b; line-height: 140%; }
tr.noborder td {border:none!important;}
table.seznam th {border-bottom:1px solid #000; padding: 10px 0px; color: #999; background-color:#161616;font-weight:normal;color:#666;}
input.pokracovat {background: url(../images/bg-input-orange.gif) repeat-x center center #f60; color: #000; padding:5px 3px; border:1px solid #f60; font-weight:bold; font-family:Arial,Verdana,sans-serif; font-size:160%;letter-spacing:-1px;margin:10px 0 10px 80px;}

table.seznam td.pocet-ks {width:50px;}
table.seznam td.pocet-ks input {background: url(../images/bg-input.gif) repeat-x 0 0 #CCC; color: #202020; padding:5px 4px; border:1px solid #989898; width:20px; font-weight:bold;text-align:center;}
table.seznam td.obnovit {width:30px;}
table.seznam td.obnovit a {width:20px; height:20px; position:relative; display:block; overflow:hidden; color:#f60; cursor:pointer; margin-bottom:5px;text-decoration:none;}
table.seznam td.obnovit a span {width:20px; height:20px; display:block; position:absolute; top:0; left:0; background: 0 0 no-repeat url(../images/ico-obnovit.gif); z-index:1;}
table.seznam td.obnovit a:hover, table.seznam td.obnovit a:hover span {background-position: 0 -20px;text-decoration:none;}
table.seznam td.hra-kosik a {font-weight:bold;line-height:150%;}
table.seznam td.cena, table.seznam th.cena {width:40px;text-align:right;padding-right:10px; color:#fff;}
table.seznam td.cen2a, table.seznam th.cena2 {width:600px;text-align:right;padding-right:10px; color:#fff;}
table.seznam td.smazat {width:30px!important;}
table.seznam td.skladem1, table.seznam td.skladem2 {text-align:center;font-weight:bold;}
table.seznam td.skladem1 {color:#0c0;}
table.seznam td.skladem2 {color:#f00;}
table.seznam td.smazat a {width:20px; height:20px; position:relative; display:block; overflow:hidden; color:#f60; cursor:pointer; margin-bottom:5px;}
table.seznam td.smazat a span {width:20px; height:20px; display:block; position:absolute; top:0; left:0; background: 0 0 no-repeat url(../images/ico-smazat.gif); z-index:1;}
table.seznam td.smazat a:hover, table.seznam td.smazat a:hover span {background-position: 0 -20px;}
table.seznam td input.text {background: url(../images/bg-input.gif) repeat-x 0 0 #CCC; color: #202020; padding:5px 4px; border:1px solid #989898; width:176px; font-weight:bold;}
/*konec*/

/* krok 1 */

.ico-sklad-ano {width:29px;height:14px;background:url(../images/ico-sklad1.gif) no-repeat center top;}
.ico-sklad-ne {width:29px;height:14px;background:url(../images/ico-sklad0.gif) no-repeat center top;}
.sklad-praha, .sklad-brno, .sklad-ostrava {padding:0 15px !important;}

.orangediv {padding:14px 10px !important;background:#f60;color:#000;font-weight:bold;font-size:13px;font-family:Tahoma,sans-serif;width:584px;}
.orangediv input {margin-right:8px;}
.orangediv .leftcheck, .leftcheck2 {float:left;width:375px;}
.leftcheck2 {width:350px;}
.orangediv .rightcheck {float:left;}

.rightcheck select {font-size:11px;color:#000;background:#fff;font-weight:normal;width:110px;margin:0 4px;}

.darkbutton, .loginbutton {height:26px;font-size:11px;color:#f60 !Important;font-weight:bold;border:1px solid #000 !important;background:url(../images/button-bg.gif) repeat-x !Important;padding:0 10px;cursor:pointer;}
.loginbutton {width:70px!important;}
* html .darkbutton, * html .loginbutton {padding:0!important;}

.kosik-pokracovat, .kosik-odeslat {margin:15px auto;width:206px;height:43px;border:0px!important;display:block;}


/* krok 2 */

.zpusobdopravy, .adresy, .nazvy-polozek, .zpusob-doruceni, .celkova-cena {border-top:0px solid #2a2a2a;margin-top:0px;padding:10px 6px;font-family:Tahoma,sans-serif;}
.nazvy-polozek, .zpusob-doruceni, .celkova-cena {border-color:#464646;}
.zpusobdopravy strong, .nazvy-polozek strong, .zpusob-doruceni strong, .celkova-cena strong, .adresy strong, .prihl-text strong, .udaje strong 
  {display:block;padding-left:20px;background:url(../images/arrowdown.gif) no-repeat 0 6px;margin:0px 0 10px;font-size:15px;color:#666;font-family:Arial,sans-serif;}
.udaje strong {margin:0;}
.zpusobdopravy input {margin-right:6px;}
.zd-left, .zd-right {float:left;}
.zd-left {width:360px;}

.tab-doprava {border:1px solid #313131;background:#141515;width:100%;}
.tab-doprava th, .tab-doprava td {padding:12px;white-space:normal;}
.tab-doprava th {padding-bottom:18px;}

.bline1 td {border-bottom:1px solid #282828;}
.bline2 td {border-bottom:1px solid #646464;}

#doprava_info div, #platba_info div {white-space:normal;}
#doprava_info div p, #platba_info div p {color:#999!important;}


/* krok 3 */

.prihlaseni {background:#141515;padding:1px;border:1px solid #373737;height:133px;overflow:hidden;}
.prihl-text {float:left;margin:8px;width:400px;}
.prihl-text p {line-height:200%!important;}
.prihl-login {float:right;width:182px;height:133px;overflow:hidden;background:url(../images/login-bg.jpg) no-repeat;font-weight:bold;color:#111;font-size:11px;}
* html .prihl-login {height:133px;width:182px;margin-left:-5px;}
.prihl-login a.small {font-weight:normal;color:#111;font-size:9px;}
.prihl-login input {border:1px solid #950;background:#fff;padding:3px 0;width:100px;color:#000;}
.prihl-login p {padding:0 12px 4px;}
.prihl-login label {display:block;width:50px;float:left;}

.udaje-left, .udaje-right {float:left;}
.udaje-left {width:310px;}
.udaje label {width:44px;display:block;float:left;line-height:24px;text-align:right;margin-right:6px;color:#fff;}
.udaje input {border:1px solid #950;padding:4px;width:176px;background:#fff;color:#000;}
.udaje div.small {color:#f60;font-size:11px;margin:0 0 16px 20px;}


/* krok 4 */

.adr-odberatel, .adr-dodaci, .adr-poznamka {float:left;width:220px;}
.adr-poznamka {width:140px;}
.adr-poznamka p {font-weight:normal!important;}
.adr-odberatel p, .adr-dodaci p, .adr-poznamka p {padding:10px 0 0 20px;line-height:200%!important;font-weight:bold;color:#fff;}
.adr-odberatel p a, .adr-dodaci p a {text-decoration:none;font-weight:normal}
.nazvy-polozek table th, .nazvy-polozek table td, .zpusob-doruceni table td, .celkova-cena table td {padding:8px 20px;color:#fff;vertical-align:top;font-family:Tahoma,sans-serif;}
.nazvy-polozek table a {font-weight:bold;}

table.login002 {width:100%; border-collapse:0; border-spacing:0; }
table.login002 td {padding: 4px 0;}
table.login002 td input.text {background: #CCC url('../images/bg-input.gif') repeat-x 0 0; color: #202020; border:1px solid #989898; width:45px; font-weight:bold; padding-left:4px; padding-right:4px; padding-top:5px; padding-bottom:5px}
table.login002 td textarea {background: #CCC url('../images/bg-input.gif') repeat-x 0 0; color: #202020; border:1px solid #989898; font-weight:bold; padding-left:4px; padding-right:4px; padding-top:5px; padding-bottom:5px}
table.login002 td p input {margin:0 6px 0 0; vertical-align:middle;}
ul.sipky-orange li {background: url('../images/sipky-orange.gif') no-repeat 0 6px; padding-left:20px; line-height:160%; margin-bottom:10px}



/*konec*/


/* 5. BOTTOM:
- spodek s logem xzone a odkazem na wdf
--------------------------------------------------------------------------------------- */
div.bottom {background:#000 url('../images/bg-bottom.jpg') no-repeat top center; font-size:69%}
div.bottom div {width:910px; margin:0 auto; padding:80px 15px 120px;}
p.xzone {text-align:center; padding-left:60px; margin-bottom:20px; font-size:90%;} 


/* 6. SiFR:
----------------------------- */
.sIFR-flash {visibility:visible !important; margin:0;}
.sIFR-replaced {visibility:visible !important;}
span.sIFR-alternate {position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden;}

.sIFR-hasFlash h2.white  {visibility:hidden; font-size:18px; letter-spacing:0;}
.sIFR-hasFlash h2.color  {visibility:hidden; font-size:18px; letter-spacing:0;}
.sIFR-hasFlash h3.popis  {visibility:hidden; font-size:18px; letter-spacing:0;}
.sIFR-hasFlash h3.white  {visibility:hidden; font-size:18px; letter-spacing:0;}
.sIFR-hasFlash h3.color-orange  {visibility:hidden; font-size:18px; letter-spacing:0;}
.sIFR-hasFlash h3.orange {visibility:hidden; font-size:18px; letter-spacing:0;}

/* 7. Nastenka:
------------------------------------------------------------------- */

#nastenka {background:url(../images/bg-nastenka-bot.jpg) bottom left no-repeat #202020; width:275px; display:block; overflow:hidden; padding-bottom:10px;}
#nastenka .inner_frame {background:url(../images/bg-nastenka.jpg) top left no-repeat; padding:30px 20px 10px 20px; color:#fff!important;}
#nastenka .inner_frame ul li {color:#ccc;}
#nastenka ul li span.date {color:#999; display:block!important; padding-bottom:5px;}

#nastenka2 {background:url(../images/bg-nastenka2-bot.jpg) bottom left no-repeat #202020; width:275px; display:block; overflow:hidden; padding-bottom:8px;}
#nastenka2 .inner_frame {background:url(../images/bg-nastenka2.jpg) top left no-repeat; padding:40px 20px 10px 13px; color:#fff!important;}
#nastenka2 .inner_frame ul li {color:#ccc;}
#nastenka2 ul li span.date {color:#999; display:block!important; padding-bottom:5px;}