/* zakladni prvky */
html, body, form, fieldset, label, legend, object { margin: 0; padding: 0; border: 0; font-size: 95% }
html, body { height: 100% }

body {font-family: Tahoma, Verdana, Helvetica, Helvetica-Narrow, sans-serif; font-size:10px}

body { text-align: center; color: #fff; background: black url(../img/sys/bg.jpg) no-repeat; background-position:top center;}
h1, h2, h3, h4, h5, h6 {padding: 0; color: #3399cc }
h1 { font-size: 180%; clear: both; margin: 0.2em 0 1em 0 }
h2 { font-size: 140%; margin: 1.1em 0 0.5em 0 }
h3 { font-size: 120%; margin: 2.1em 0 0.5em 0 }
h4 { font-size: 100%; margin: 1.1em 0 0.5em 0 }
input, select, textarea { vertical-align: middle; font-size: 103%}
input, textarea { border: solid 1px #3399cc }
a { color: #3399cc }
a:link { color: #3399cc }
a:hover { color: #3399cc; text-decoration: none }
p { margin: 1em 0 }
table { border-collapse: collapse }
caption { padding-bottom: 0.1em; font-weight: bold; text-align: justify; }
ul, ol { margin-top: 1em; margin-bottom: 1.2em }
hr { height: 0; border: none; border-bottom: 1px solid #d7d7d7 }
img { border: 0 }
small { font-size: 90% }


/* zakladni tridy */
.tal { text-align: left }
.tac { text-align: center }
.tar { text-align: right }
.taj { text-align: justify }
.vat { vertical-align: top }
.vam { vertical-align: middle }
.tac table { text-align: left; margin-left: auto; margin-right: auto }
.fl { float: left }
.fr { float: right }
.fli { float: left; margin: 0 1.3em 1em 0 }
.fri { float: right; margin: 0 0 1em 1.3em }
.clean { color: #000000; text-decoration: none }
.clear { clear: both; height: 0; font-size: 1px }
.cleaner { width: 100%; overflow: hidden }
.invisible, .no-css, .noscreen { display: none }
.no-border { border: none !important }
.border { border: 1px solid #aaa; padding: 3px }
.img-button, .button { border: none !important; margin: 0 !important; background: none !important }
.button { height: 19px !important }
.b-odebrat { width: 19px }
.b-odeslat { width: 70px }

.small { font-size: 90% }

/* layout - zaklad */
#main { width: 1000px; height: 100%; margin: 0 auto; text-align: left; position: relative; background: transparent url(../img/sys/bg_main.gif) repeat-y 0 0 }
html>body #main { min-height: 100%; height: auto }

#main-in { height: 1200px; background: transparent url(../img/sys/bg_main_in.png) repeat-y 0 0; behavior: url(iepngfix.htc) }
html>body #main-in { min-height: 1200px; height: auto }

#zahlavi { position: absolute; left: 0; top: 0; width: 1000px; background: transparent url(../img/sys/bg2_zahlavi.jpg) no-repeat 20px 0 }
#zahlavi-in { height: 400px; position: relative }

#content { float: right; width: 760px; overflow: hidden}
#content-in { padding: 400px 43px 240px 0; text-align:justify; font-size: 114%}

#panel { float: left; width: 219px; position: relative; z-index: 10 }
#panel-in { padding: 400px 0 110px 35px }

#zapati { position: absolute; left: 0; bottom: 0; width: 1000px; background: transparent url(../img/sys/bg2_zapati.jpg) no-repeat; background-position:center;}
#zapati-in { height: 171px; position: relative }

/* layout - special */
#logo, #logo span { display: block; position: relative; left: 330px; top: 200px; width: 350px; height: 90px; text-decoration: none; overflow: hidden; cursor: pointer }
#logo span { position: absolute; left: 0; top: 0; background: transparent url(../img/sys/logo.png) no-repeat 0 0 }

#menu { margin: 0 20px 0 0; padding: 0; list-style: none; height: 50px; position: absolute; right: 0; top: 50px }
#menu li { float: left }
#menu a { color: #9b9b9b; display: block; float: left; padding: 0 30px; height: 50px; line-height: 50px; text-decoration: none; text-transform: uppercase; background: transparent url(../img/sys/bg_menu_a.gif) no-repeat 0 0 }
#menu a:hover { color: #fff }

#top-info { color: #9b9b9b; text-transform: uppercase; position: absolute; right: 50px; top: 17px }
#top-info a { color: #9b9b9b }
#top-info img { margin: 0 0.3em 0 2em }

#top-info-left { position: absolute; left: 20px; top: 50px; height: 50px; z-index: 30 }
#top-info-left a { display: block; float: left; padding: 0 20px; height: 50px; line-height: 49px; text-transform: uppercase; text-decoration: none }
#top-info-left a:hover { color: #fff }

#top-links { color: #fff; position: absolute; left: 37px; top: 17px; z-index: 30 }
#top-links a { color: #9b9b9b; margin: 0 3px; text-transform: uppercase; font-weight: bold }
#top-links a:hover { color: #fff }

#login-form { position: absolute; left: 550px; top: 347px; width: 450px }
#login-form input { width: 150px; margin: 0 10px 0 0px; border: 1px solid #0e96b7; padding: 4px 1px 4px 2px; text-align: center; background: #fdfefe url(../img/sys/bg_input.gif) repeat-x 0 0 }
.b-login { width: 65px !important; height: 22px !important }

#kategorie {  }
#kategorie-in { padding: 0 0 2em 0; width: 100%; overflow: hidden }

#kategorie h3 { color: #3399cc; font-size: 100%; font-weight: normal; border: 1px solid #434343; margin: 0 0 0.5em 0; padding: 5px 10px; text-transform: uppercase; background-color: #2a2a2a }
#kategorie ul { margin: 0 0 30px 0; padding: 0; list-style: none }
#kategorie li { padding: 3px 0 4px 0; background: transparent url(../img/sys/bg_dashed.gif) repeat-x left bottom }
#kategorie .k-last { padding-bottom: 0; background: none }
#kategorie a { color: #fff; text-decoration: none; padding: 0 0 0 10px; display: block; width: 174px; font-size: 110%; background: transparent url(../img/sys/bullet.gif) no-repeat 0 6px }
#kategorie a:hover { color: #3399cc }
#kategorie ul a.active { color: #3399cc }

#kategorie ul ul { margin: 3px 0 0 0; padding: 5px 0; background: transparent url(../img/sys/bg_dashed.gif) repeat-x 0 0 }
#kategorie ul ul li { padding: 1px 0 3px 0; background: none }
#kategorie ul ul a { border: 0; padding: 0 0 0 20px; width: 164px; font-size: 100%; background: none }
#kategorie ul ul a:hover { border: 0 }
#kategorie ul ul a.active { border-left: none }

#search-form { width: 182px; overflow: hidden; padding: 0 0 5px 0; background-color: #1e1e1e; border: 1px solid #3e3e3e }
#search-form h3 { color: #3399cc; font-size: 100%; font-weight: normal; margin: 0.8em 0 0.8em 8px; text-transform: uppercase }
#search-form form { margin: 0.6em 0 0 0 }
#search-form input { margin: 0 0 4px 8px; width: 160px; font-size: 110%; border: 1px solid #000; padding: 4px 1px 4px 2px; background: #fdfefe url(../img/sys/bg_input.gif) repeat-x 0 0 }
.b-hledej { width: 65px !important; height: 22px !important; margin: 0 8px 0 0 !important }

#bannery { margin: 1em 0 0 0; text-align: center; width: 190px }

#copyright { margin: 0; position: relative; top: 155px; z-index: 20; text-align:center;}
#copyright a { color: #fff; text-decoration: none }
#copyright a:hover { text-decoration: underline }
#copyright b { color: #3399cc !important }

#links { position: absolute; left: 220px; top: 285px; z-index: 20; width: 720px; text-align: center; padding-top: 0.5em }
#toplist { position: absolute; left: -230px; top: 195px; z-index: 20; width: 720px; text-align: center }

#nej-produkty { position: absolute; left: 310px;}
#nej-produkty h3, #nej-produkty h3 span { margin: 0; display: block; position: relative; left: -58px; top: 20px; width: 180px; height: 12px; overflow: hidden }
#nej-produkty h3 span { position: absolute; left: 0; top: 0;}
#nej-produkty img { padding: 1em 0 0.4em 0 }
#nej-produkty b { font-size: 120% }
#nej-produkty .produkt { width: 135px; padding: 51px 20px 0 60px }

#zapati ul { margin: 0; padding: 0; list-style: none; position: absolute; left: 460px; top: 277px }
#zapati li { float: left; padding: 0 17px; height: 16px; line-height: 14px; background: transparent url(../img/sys/bg_line.gif) repeat-y right 0 }
#zapati .l-last { background: none }
#zapati ul a { text-transform: uppercase }
/* /layout - special */

/* ostatni tridy pro web */
#aktuality { width: 717px; overflow: hidden; padding: 0 5px 0 5px; border: 1px solid #3e3e3e; background: #1e1e1e url(../img/sys/bg_aktuality.gif) repeat-y 50% 0 }
.aktualita { float: left; width: 338px; display: inline; margin: 10px }
.aktualita em { font-style: normal; padding: 0 4px; background-color: #818181 }
.aktualita b, .aktualita strong { color: #3399cc; font-size: 120% }
.aktualita strong { font-size: 120% }
.aktualita p strong { font-size: 100% !important; color: #666 }
.aktualita p { color: #666; margin: 0.5em 0;}

#produkty { width: 100%; overflow: hidden }
#produkty .produkt { width: 349px; height: 170px; margin: 0 10px 10px 0; position: relative; background-color: #000 }
html>body #produkty .produkt { min-height: 170px; height: auto }
#produkty .produkt p { margin: 0.7em 0 1.5em 0; height: 2em; font-weight: normal }
#produkty .produkt form p { margin: 0.5em 0 0 0; font-weight: bold }
#produkty .produkt h3 { margin: 0 0 .5em 0; font-size: 100% }
#produkty img { position: absolute; left: 10px; top: 10px }

.cena { color: #3399cc; padding: 0 0 0 0.5em; font-size: 140% }
.b-kosik { width: 24px !important; height: 24px !important }

.produkt { float: left; font-weight: bold }
.produkt select { width: 70px; margin: 0 0.5em }
.produkt b, .produkt strong { color: #3399cc; padding: 0 0 0 0.5em }
.produkt a { font-size: 120%; font-weight: bold; text-decoration: none }
.produkt a:hover { text-decoration: underline }
/*.produkt .box { position: absolute; bottom: 15px }*/
/*.produkt p.anotace { height: 35px !important }*/
/*.produkt-in { padding: 10px 10px 10px 122px }*/
.produkt-in { width: 217px; float: right; padding: 10px 10px 10px 0 }

.strankovani { margin: 0 10px 0 0; color: #A6A6A6; text-align: right }
.strankovani a { color: #A6A6A6 }
.strankovani a:hover { color: #3399cc }
.strankovani b { color: #fff }

#filtr { margin: 10px 10px 10px 0; padding: 0.5em 10px; border: 2px solid #3e3e3e; background-color: #1e1e1e }
#filtr em { float: right; font-style: normal }
#filtr b { color: #3399cc }
#filtr select { width: 80px; margin: 0 0.5em 0 0.3em }
.b-asc, .b-desc { width: 11px !important; height: 9px !important; vertical-align: middle }

#detail { line-height: 150%; width: 100%; overflow: hidden; padding: 0 0 10px 0; background-color: #1e1e1e }
#detail h4 { color: #3399cc; margin-top: 1.7em }
#detail ul { margin: 0 0 1em 0; padding: 0; list-style: none }
#detail select { width: 130px; margin: 0 0.8em 0 0.5em }
#detail .p-cena { margin: 2em 0 }

.galerie-foto { float: left; width: 340px; text-align: center; margin: 3px; display: inline; border: 1px solid #3e3e3e; padding: 5px}
.galerie-foto p img { margin: 0 0.7em }
.galerie-foto .novinka { position: absolute; left: 2px; top: 2px }
.galerie-foto .akce { position: absolute; left: 61px; top: 2px }

/* /ostatni tridy pro web */

.tabulka { color: red }
.tabulka td, .tabulka th { padding: .1em .3em }
.tabulka td { background: #FFF }
.tabulka th { background: #9CAED6 }

#stranka { padding: 15px 15px 130px 15px; background: #000 url(../img/sys/bg_stranka.jpg) left bottom no-repeat }

.banner-velky { text-align: center; margin: 3em 0 1em 0 }

.znacky ul { list-style: none; margin: 0 }
.znacky ul li { float: left; width: 130px }
.znacky ul a { color: #FFF; font-size: 120%; text-decoration: none; line-height: 1.2em }
.znacky ul a:hover { text-decoration: underline }
.znacky h2 { background: #212421; margin: .5em 0 }
.param-filter { margin-left: 4em !important }


.nav1{margin:0 0 0 12px;}
.nav2{margin:0 0 0 8p;}
.nav3{margin:0 0 0 4px; font-size:12px; font-weight:bold;}
.nav4{text-transform:uppercase; font-weight:bold; font-size:15px}

.thumbpic {float:left;margin: 3px;}
.centrovani{text-align: center;}
.vpravo{text-align: right;}
.areatext{width:350px;}
.kominput{width:170px;}

.tabletop{width:100%; text-align:center;}
.photoadmintable{width:100%; text-align:center; margin: 5px;}