ul,li,dl,dd,dt,ol,h1,h2,h3,h4,h5,h6,form, body, html,p, fieldset { margin:0; padding:0; list-style-type:none; }

img { border:0; }
hr.hr { display:none; }
.clear { display:block; height:1px; overflow:hidden; margin-bottom:-1px; clear:both; float:none !important; }
.blind, .anchor { position:absolute; left:-100000px; }


#footer div, .hraci, content-page, #main, .events-list, #content, .produkt, .filtr, .sady div.text div, .sady .text, .galerie, .povrchy,
.prodejce,
.cf { min-height:1%; _height: 1%; }
#footer div:after, .hraci:after, .content-page:after, #main:after, .events-list:after, #content:after, .produkt:after, .filtr:after, .sady div.text div:after, .sady .text:after, .galerie:after, .povrchy:after,
.prodejce:after,
.cf:after { content:'.'; display:block; height:0; overflow:hidden; clear:both; visibility:hidden; }


html{ font-family:georgia,verdana,sans-serif; font-size:87%; line-height:1.5em; background:#0b0b05; color:white; }
body { text-align:center; position:relative; }

#container { width:100%; background:url(img/bg2.jpg) center top #181b11; }

#header { height:180px; background:url(img/hr.gif) left bottom repeat-x; overflow:hidden; }
#header div { height:180px; background:url(img/header.gif) left top no-repeat; }

#logo { width:293px; height:129px; position:relative; overflow:hidden; display:block; line-height:129px; text-align:center; font-size:4em; font-weight:bold; color:black; outline:0; }
#logo span { width:293px; height:129px; position:absolute; background:url(img/header.gif) left top no-repeat; left:0; top:0; }
a#logo span { cursor:pointer; }

#main { padding:0 0 90px; margin:0 auto; width:960px; text-align:left; position:relative; }
          #content { padding:74px 0 0; float:right; width:649px; position:relative; }
.wide     #content { float:none; width:100%; }
.homepage #content { padding-top:30px; float:none; width:100%; }
.bici-hp #content { top:-50px; }
.bici-hp #content h2 span { left:18px; position:relative; }
.hardware-hp h1 em { display:none; }

#side { float:left; width:289px; padding:57px 0 0; }

#footer { padding:25px 0 100px; color:#47473a; font-family:verdana; font-size:.85em; width:100%; position:relative; }
#footer div { margin:0 auto; width:960px; text-align:left; color:#666; }
#footer div a { color:#ab936c; }
#footer div p.links { float:left; background:url(img/rss.gif) left center no-repeat; }
#footer div p.links a { padding:0 5px; }
#footer div p.links a.rss { padding-left:31px; }
#footer div p.copy { float:right; text-align:right; }
#footer p.decor { height:8px; width:100%; overflow:hidden; background:url(img/footer.gif) center top repeat-x; position:absolute; left:0; top:-8px; }

input, textarea, select { font-size:1em; }

a { text-decoration:none; color:#ab936c; }
a:hover { text-decoration:underline; }

#klin { float:left; width:1px; height:500px; margin-right:-1px; overflow:hidden; display:none; }

#content p { padding:0 0 1em; }
#content h1 { color:#996; padding:0 0 1em; font-weight:normal; font-size:1.9em; line-height:1.2em; }
#content h2 { color:#996; padding:0 0 1em; font-weight:normal; font-size:1.4em; }

#content ul { padding:0 0 1em; }
#content ul li { padding:0 0 0 14px; background:url(img/li.gif) 1px 10px no-repeat; }


.homepage .content-page { width:420px !important; position:relative; left:20px; float:left !important; margin-bottom:-15px; }
h2.home-novinky,
h2.home-akce { background:url(img/hr.gif) left 19px repeat-x; clear:both; padding:0 0 0 18px; height:65px; font-weight:normal; font-size:1.5em; }
h2.home-novinky span,
h2.home-akce span { display:block; text-align:center; color:#f4f4c3; }
h2.home-novinky { line-height:59px; }
h2.home-akce { line-height:56px; }
h2.home-novinky span { width:193px; background:url(img/home-novinky.gif) 0 0 no-repeat; }
h2.home-akce span { width:168px; background:url(img/home-akce.gif) 0 0 no-repeat; }
.homepage .home-flash { width:513px; height:305px; background:url(img/home-flash.gif) center center no-repeat; float:right; position:relative; top:-38px; left:10px; margin-bottom:-65px; }
.homepage .home-flash #home-flash { width:422px; height:220px; position:relative; top:49px; left:46px; overflow:hidden; }
.home-flash .amina-top-toolbar { margin:40px 40px 1em !important; }
.home-flash ul { margin:0 40px 1em !important; }

.paper-title1 { width:193px; background:url(img/home-novinky.gif) 0 0 no-repeat; display:block; line-height:59px !important; text-align:center; color:#ffc !important; font-size:1.5em !important; font-weight:normal; position:absolute; left:18px; top:-20px; padding:0 !important; z-index:3 }
.paper-title1 em { width:75px; height:44px; background:url(img/home-novinky.gif) right bottom no-repeat; position:absolute; right:-100px; bottom:-33px; }
.paper-title2 { width:195px; background:url(img/paper-title2.gif) 0 0 no-repeat; display:block; line-height:39px; text-align:center; color:#ffc !important; font-size:1.2em !important; font-weight:normal; position:absolute; left:18px; top:-16px; padding:0 !important; height:39px; z-index:5; }
.page .paper-title1 { left:-293px; }
.page .paper-title2 { left:-124px; }

a.thickbox img { border:5px solid #323228; display:block; }
a.thickbox:hover img { border-color:#434339; }
.sady .text img { border:5px solid #323228; }






.prodejce h2 { position:absolute; left:-100000px }
.prodejce h3 { color:#996; font-size:1.4em; padding:5px 0; font-weight:normal; }

#prodejci-mapa { margin:0 0 20px; }

.hraci { padding:30px 19px; position:relative; background:url(img/hr.gif) left bottom repeat-x; }
.hraci h2 { padding:0 0 5px !important; }
.hraci a.thickbox { float:left; }
.hraci div.cont { float:right; width:353px; min-height:130px; height:auto !important; height:130px; }
.hraci div.cont ul li { background:url(img/srovnat.gif) left 2px no-repeat; padding:0; }
.td div.cont { background:url(img/top-drummer.gif) right top no-repeat; }
.last { background:none !important; }

.list li { position:relative; padding:0 0 10px; }

/* PRODEJCI */
.prodejce { position:relative; padding:0 0 12px; }
.prodejce .info { float:left; width: 320px; }
.prodejce .info em { font-style:normal; color:#7e7e67; }
.prodejce .galerie { float:right; width:310px; padding:33px 0 0; }

/* PRODUKTY */
.produkt { padding:30px 19px; position:relative; background:url(img/hr.gif) left bottom repeat-x; }
.produkt h2 { padding:0 0 5px !important; }
.produkt div.ico { float:left; width:180px; }
.produkt div.ico .player { position:relative; left:-7px; }
.produkt div.text { float:right; width:401px; }
.produkt div.text em { color:#7e7e67; font-style:normal; }
.produkt div.text .cena { color:#7e7e67; }
.produkt div.text .cena strong { color:#fff; font-weight:normal; }
.produkt div.text .cena big { color:#c93; font-size:1.1em; font-weight:bold; }
.produkt div.text ul { padding:0 0 1em }
.last { background:none !important; }
.first { padding-top:0; }

/* FILTR */
.filtr { padding:30px 19px; position:relative; background:url(img/hr.gif) left bottom repeat-x; }
.filtr li { width:203px; float:left; }
.filtr li strong { display:block; font-size:1.4em; color:#996; font-weight:normal; padding:0 0 20px; }
.filtr li ul li { width:auto; float:none; height:34px; line-height:50px; padding:0 0 0 40px; cursor:pointer; color:#ab936c; }
.filtr li ul li { background:url(img/filtr-li.gif) left -150px no-repeat; }
.filtr li ul li.active { background-position:left 0; }

/* GALERIE */
.galerie span { position:relative; display:block; float:left; margin:0 5px 5px 0; }
.galerie span a img { display:block; width:90px; height:90px; border:3px solid #323228; }
.galerie span a:hover img { border-color:#434339; }
.galerie span .amina-toolbar a { float:left; width:auto; height:auto; border:none; background:none; }
.galerie span .amina-toolbar a:hover { background:white; }

.produkt .galerie { width:190px; padding:3px 0 0; text-align:right; overflow:hidden !important; }
.produkt .galerie span { margin:0 3px 3px 0; }
.produkt .galerie span a img { width:52px; height:52px; }
.produkt .ico span.more-photo { display:block; text-align:right; margin:0; }
.produkt .ico span.more-photo small { color:#c93; font-family:tahoma; cursor:pointer; }

.produkt .ico .close { height:119px; overflow:hidden !important; }

.wide .galerie,
.like-events-detail .galerie { width:325px; float:left; padding:5px 0 0; }
.like-events-detail .galerie span { margin:0 10px 10px 0; }

/* NOVINKY */
.events-list { padding:0 0 2.5em; width:310px; float:left; margin:0 10px 0 0; }
.events-list div.text { float:right; width:200px; }
.events-list h2,
.events-list h3 { font-size:1.3em !important; font-weight:bold; font-size:1em; padding:0 !important; font-weight:normal; }
.events-list h2 a,
.events-list h3 a { color:#996; }
.events-list p { padding:0 0 .5em !important; }
.events-list a.img { display:block; float:left; }
.events-list a.img img { border:5px solid #323228; display:block; width:90px; height:90px; background:white; }
.events-list a.img:hover img { border-color:#434339; }

.events-detail,
.wide .content-page { width:629px; float:right; padding:0 0 20px; }
.content-2 { padding:0 20px 20px; }
.content-2 h2 { padding:1em 0 .5em !important; }

.content-edice { float:left; width:270px; position:relative; left:20px; }
.edice-flash { width:312px; height:321px; background:url(img/edice-flash.gif) 0 0 no-repeat; float:right; position:relative; right:20px; }
.edice-flash #edice-flash { width:275px; height:286px; position:relative; left:18px; top:18px; }

#tabs { background:url(img/hr.gif) left 20px repeat-x; clear:both; padding:20px 0 0; }
#tabs ul.navi { height:53px; background:url(img/zalozky-bot.gif) left bottom no-repeat; padding:0 !important; }
#tabs ul.navi li { height:33px; padding:0 !important; background:none !important; float:left; margin:0 10px 0 0; position:relative; left:19px; top:20px; }
#tabs ul.navi li a { display:block; height:33px; text-align:center; line-height:33px; background:url(img/zalozky.gif) 0 0 no-repeat; }
#tabs ul.navi li.sady, #tabs ul.navi li.sady a { width:80px; background-position:-19px 0; }
#tabs ul.navi li.bubny, #tabs ul.navi li.bubny a { width:152px; background-position:-107px 0; }
#tabs ul.navi li.povrchy, #tabs ul.navi li.povrchy a { width:162px; background-position:-269px 0; }
#tabs ul.navi li.varianty, #tabs ul.navi li.varianty a { width:159px; background-position:-440px 0; }
#tabs ul.navi li.disable { overflow:hidden; background:url(img/hr.gif) left bottom repeat-x !important; }
#tabs ul.navi li.disable a { display:none; }

#tabs h2 { padding:20px 0 10px; }
#tabs .tabs-hide { display:none; }
#tabs .tabs-container { padding:20px; }
#tabs .tabs-container h2 { position:absolute; top:-10000px; }
#tabs ul.navi li.tabs-selected.sady a { background-position:-19px -33px; }
#tabs ul.navi li.tabs-selected.bubny a { background-position:-107px -33px; }
#tabs ul.navi li.tabs-selected.povrchy a { background-position:-269px -33px; }
#tabs ul.navi li.tabs-selected.varianty a { background-position:-440px -33px; }

a.more { color:#ab936c; background:url(img/more.gif) left center no-repeat; padding:5px 0 4px 34px; }
a.more:hover { color:#cfb283; background-position:-1000px center; }
a.back { color:#ab936c; background:url(img/back.gif) left center no-repeat; padding:5px 0 4px 34px; }
a.back:hover { color:#cfb283; background-position:-1000px center; }

/* FAQ */
.faq h2 { color:#c30; font-size:1em; padding:1em 0 .5em; }
.faq div.text { padding:0 0 0 10px }

#mainmenu { position:absolute; right:-12px; top:65px; }
#mainmenu li { position:absolute; text-align:center; }
#mainmenu li a { color:white; display:block; right:0 !important; top:0 !important; color:#c3c3a4; text-align:center; outline:0; }
#mainmenu li a strong { display:block; background:url() center center no-repeat; font-weight:normal; }
#mainmenu li.active a { font-weight:bold; }
#mainmenu li#menu-uvod { display:none; }
#mainmenu li#menu-bici,           #mainmenu li#menu-bici a,           #mainmenu li#menu-bici strong           { line-height:25px; width:63px; height:25px; right:319px; top:6px; }
#mainmenu li#menu-hardware,       #mainmenu li#menu-hardware a,       #mainmenu li#menu-hardware strong       { line-height:28px; width:99px; height:32px; right:218px; top:5px; }
#mainmenu li#menu-obaly,          #mainmenu li#menu-obaly a,          #mainmenu li#menu-obaly strong          { line-height:29px; width:68px; height:33px; right:136px; top:4px; }
#mainmenu li#menu-prislusenstvi,  #mainmenu li#menu-prislusenstvi a,  #mainmenu li#menu-prislusenstvi strong  { line-height:37px; width:124px; height:33px; right:0px; top:0px; }

#mainmenu li#menu-bici a,
#mainmenu li#menu-hardware a,
#mainmenu li#menu-obaly a,
#mainmenu li#menu-prislusenstvi a { color:#ab936c; font-size:109%; font-weight:bold; }

#mainmenu li#menu-bici a strong,
#mainmenu li#menu-hardware a strong,
#mainmenu li#menu-obaly a strong,
#mainmenu li#menu-prislusenstvi a strong { font-size:109%; }

#mainmenu li#menu-novinky,        #mainmenu li#menu-novinky a,        #mainmenu li#menu-novinky strong        { line-height:30px; width:90px; height:32px; right:426px; top:43px; }
#mainmenu li#menu-o-mapexu,       #mainmenu li#menu-o-mapexu a,       #mainmenu li#menu-o-mapexu strong       { line-height:28px; width:96px; height:27px; right:338px; top:44px; }
#mainmenu li#menu-firemni-hraci,  #mainmenu li#menu-firemni-hraci a,  #mainmenu li#menu-firemni-hraci strong  { line-height:38px; width:126px; height:38px; right:220px; top:39px; }
#mainmenu li#menu-prodejci,       #mainmenu li#menu-prodejci a,       #mainmenu li#menu-prodejci strong       { line-height:46px; width:90px; height:35px; right:136px; top:35px; }
#mainmenu li#menu-faq,            #mainmenu li#menu-faq a,            #mainmenu li#menu-faq strong            { line-height:24px; width:74px; height:29px; right:74px; top:46px; }
#mainmenu li#menu-kontakty,       #mainmenu li#menu-kontakty a,       #mainmenu li#menu-kontakty strong       { line-height:24px; width:84px; height:24px; right:0px; top:45px; }
#mainmenu li#menu-akce-a-slevy,	  #mainmenu li#menu-akce-a-slevy a,   #mainmenu li#menu-akce-a-slevy strong   { line-height:38px; width:126px; height:38px; right:0px; top:75px; }

#mainmenu li#menu-bici strong           { background-image:url(img/menu-bici.gif); }
#mainmenu li#menu-hardware strong       { background-image:url(img/menu-hardware.gif); }
#mainmenu li#menu-obaly strong          { background-image:url(img/menu-obaly.gif); }
#mainmenu li#menu-prislusenstvi strong  { background-image:url(img/menu-prislusenstvi.gif); }

#mainmenu li#menu-novinky strong        { background-image:url(img/menu-novinky.gif); }
#mainmenu li#menu-o-mapexu strong       { background-image:url(img/menu-o-mapexu.gif); }
#mainmenu li#menu-akce-a-slevy strong,
#mainmenu li#menu-firemni-hraci strong  { background-image:url(img/menu-firemni-hraci.gif); }
#mainmenu li#menu-prodejci strong       { background-image:url(img/menu-prodejci.gif); }
#mainmenu li#menu-faq strong            { background-image:url(img/menu-faq.gif); }
#mainmenu li#menu-kontakty strong       { background-image:url(img/menu-kontakty.gif); }

#sitemap ul li ul { padding:0 0 0 20px; }

#side .side {  }
#side .side .side-top { display:block; height:70px; background:url(img/side.gif) 0 0 no-repeat; }
#side .side .side-in { padding:0 36px 90px 46px; background:url(img/side.gif) 0 bottom no-repeat; }
#side .side ul li { line-height:30px; padding:0 0 0 40px; }
#side .side ul li.active { background:url(img/side-ul-li.gif) left center no-repeat; }
#side .side ul li a { outline:0; }
#side .side ul li a:hover,
#side .side ul li.active a { color:#996; }

ul.audio li { padding:0 0 0 30px !important; position:relative; line-height:15px; height:30px; }
ul.audio li .pidiflash { position:absolute; left:0; top:0; width:15px; height:15px; }
ul.audio li .amina-toolbar { left:50px; }

.table { position:relative; background:url(img/hr.gif) left top repeat-x; padding:5px 20px; }
.table.first { background:none; }
.table h3 { font-size:1em !important; padding:0 !important; position:absolute; left:20px; top:5px; color:#996; }
.table span.pozn { display:block; padding:0 120px 0 140px; }
.table big.cena { color:#c93; position:absolute; right:20px; top:5px; }

/* POVRCHY */
.povrchy { padding:0; }
.povrchy span.img { position:relative; display:block; float:left; margin:0 5px 5px 0; overflow:hidden; width:116px; }
.povrchy span.img a img { display:block; width:110px; height:90px; border:3px solid #323228; }
.povrchy span.img a:hover img { border-color:#434339; }
.povrchy span.img span.info { position:absolute; left:3px; bottom:3px; color:white; padding:3px 0 0; background:#434339; font-size:.9em; font-family:tahoma; line-height:1.2em; width:110px; }
.povrchy span.img span.info strong { display:block; font-size:1.1em; text-transform:uppercase; padding:0 2px 3px; }
.povrchy span.img span.info span { display:none; }
.povrchy span.img span.info em { font-style:normal; display:block; padding:0 2px 2px; }

.hack-produkty #content h1 { padding-left:19px !important; }
.hack-produkty #content h1.paper-title1 { padding:0 !important; } 

#mmk { position:absolute; z-index:10; width:193px; height:48px; line-height:48px; color:#ffc; font-size:1.5em; text-align:center; left:16px; top:106px; }
#mmk em { position:absolute; z-index:10; width:193px; height:48px; left:0; top:0; background:url(img/mmk.gif) 0 0 no-repeat; }

.hack-mmk #content .content-page { background:url(img/hr.gif) left bottom repeat-x; padding:0 0 1em; margin:0 0 2em; }
