table { font-size: 1em;}

h1 { margin: 15px 0; font-weight: normal; font-size: 2em; color: #FF6600; line-height: 1em;}
h1 span { color: #828282; #171717; font-style: normal;}
h2 { font-size: 1.5em; font-weight: normal; text-align: left; margin: 0 15px 4px 0;}
h3 { font-size: 1.3em; font-weight: normal; margin: 0 0 5px 0; padding: 0;}

.mapa { border: 2px solid #E5E5E5; float: right;}
address { font-style: normal;}

.q { clear: both;}
.r { text-align: right;}
div[class="q"] { height: 1px;}

#text hr { display: none;}
.detail p { text-align: left;}

/* detaily */
div.materialy { width: 100px; float: right;}
div.detail { text-align: center;}
div.detail img { margin: auto; margin-top: 10px; margin-bottom: 10px;}
div.detail ul { text-align: left;}

/* tabulky */
table { border-collapse: collapse; margin: auto; margin-top: 10px; margin-bottom: 10px; text-align: center;}
th { background: #efefef; font-weight: bold; text-align: center;}
th, td { border: 1px solid #dcdcdc; padding: 4px 10px;}
tr:hover { background: #f5f5f5;}

table.katalog { line-height: normal;}
table.katalog td.n { padding: 0;}
table.katalog .m { font-size: 0.8em; padding: 6px; text-align: right;}
table.katalog td a { display: block; padding: 6px 10px;}

.v hr, .v h2 span, .v .mat span { display: none;}
.v { margin: 20px 0 20px 0; clear: both; border: 5px solid #f5f5f5; padding: 10px;}
.v:hover { border-color: #E5E5E5; #828282; background: #f5f5f5;}
.v h3 { text-align: left; font-size: 1.2em; font-weight: bold;}
.v h2 { background-position: left center; background-repeat: no-repeat; margin-left: 0;}
.v img { border: 2px solid #E5E5E5;}
.v p img { border: none;}
.v div { padding: 0 0 0 20px; text-align: center; position: relative; border-left: 1px solid #E5E5E5; margin-left: -1px;}
.v div.b { border: none; border-right: 1px solid #E5E5E5; margin-left: 0; padding: 0 20px 0 0;}

.v img { margin: 5px auto; float: right;}
.v p img { margin: 0; float: none;}
.v p { text-align: left; font-size: 0.85em; margin: 0;}
.v p.detail { margin: 4px 0; padding: 0.2em 0; border-top: 1px solid #E5E5E5; clear: both; text-align: right; height: 1.7em;}
.v p.detail a { font-weight: bold; text-decoration: none; background: #FF6600 url(images/detail.png) 5px 50% no-repeat; color: #fff; text-transform: uppercase; padding: 2px 5px 2px 20px; float: right;}
.v p.detail a:hover { background-color: #000;}

@media screen,projection,tv {
body { font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; font-size: 0.8em; background: #EFEFEF url(images/body.png) 0 0 repeat-x; text-align: center; padding: 0; margin: 0; color: #171717; line-height: 1.5em;}
a { color: #FF6600; text-decoration: underline;}
a:hover { color: #171717; text-decoration: none;}

h2 a { color: #FF6600; text-decoration: underline; display: block;}
h2 a:hover { color: #171717;}

#obsah li { list-style: none; background: url(images/odrazka.png) no-repeat 0px 0.5em; padding-left: 10px; margin: 0;}
#obsah ul.nula { margin: 0; padding: 0;}

p.up { text-align: right; color: #FF6600;}

fieldset { padding: 10px; border: 1px solid #dcdcdc; background: #f5f5f5;}
legend { font-weight: bold; padding: 0 0.5em;}

.search p { margin: 5px 0; padding: 0;}
input.s { width: 100%;}

#menu ul, #menu li, #hlavicka ul, #hlavicka li { margin: 0; padding: 0;list-style-type: none;}

#vrsek, #page, #hlavicka div { width: 754px; margin: auto;}

#vrsek { background: url(images/adresa.png) 0 0 no-repeat; height: 37px;}
#page { text-align: left; position: relative; padding: 0 7px; _width: 768px; _wid\th: 754px; background: #fff; background-image: url(images/page.png);}
#obsah { padding: 0 15px;}

#hlavicka { border-bottom: 1px dotted #828282; height: 100px; background: #DCDCDC url(images/hlavicka.png) center repeat-y;}
#hlavicka div { position: relative; height: 100px; background-image: url(images/lista.jpg); background-position: 205px 5px; background-repeat: no-repeat;}
#hlavicka h2 { background: url(images/logo.png) left center no-repeat; width: 750px; height: 100px; display: block; float: left; margin: 0 0 0 0; padding: 0;}
#hlavicka h2 a { height: 100px; width: 750px;}
#hlavicka h2 span { display: none;}
#hlavicka ul { text-align: right; position: absolute; right: 0; bottom: 0; line-height: normal;}
#hlavicka li { display: inline; background: #E5E5E5 url(images/upmenu.png) 0 0; float: left;}
#hlavicka li a { display: block; float: left; background: url(images/upmenu-left.png) 0 0 no-repeat; font-weight: bold; text-decoration: none;}
#hlavicka li a span { background: url(images/upmenu-right.png) right top no-repeat; display: block; padding: 5px 15px;}
#hlavicka li.active { background: #828282 url(images/upmenu-active.png) 0 0;}
#hlavicka li.active a { color: #fff; background-image: url(images/upmenu-left-active.png);}
#hlavicka li.active span { background-image: url(images/upmenu-right-active.png);}
#hlavicka .q { border-top: 1px solid #E5E5E5;}

#loga { width: 413px; height: 35px; background: lime url(images/loga.png) right center no-repeat; position: absolute; right: 0; top: 35px; z-index: 10;}

#text { width: 545px; margin-right: 5px; float: right; display: inline;}

#hornimenu { text-align: right; line-height: normal; margin: 5px 0 5px 0; padding: 0.3em 5px; background: #DCDCDC url(images/menu-nadpis.png); min-height: 2.15em; _height: 2.14em; line-height: 1.45em;}
#hornimenu li { display: inline;}
#hornimenu a { display: block; float: left; color: #828282;font-weight: bold; text-decoration: none; padding: 0.35em 1.5em; margin-right: 5px;}
#hornimenu a:hover { background: #efefef; color: #000; text-decoration: underline;}
#hornimenu li.active a { color: #FF6600; background-color: #fff;}

#paticka { clear: both; border-top: 5px solid #fff; color: #f5f5f5; padding-top: 1px; font-size: 0.85em; background: #FF6600; text-align: right;}
#paticka p { _width: 744px; afloat: right; margin: 0; padding: 5px; border-top: 2px solid #fff;}

#filtr { border: 1px solid #FF6600; margin: 10px 0 10px 0; padding: 0; background: #FFE8D9;}
#filtr p { margin: 10px;}

.v h2 a { padding-left: 42px;}

/* katalog */
#katalog { background: #828282; color: #fff; padding: 5px; text-align: right; margin: 0;}
#katalog p { margin: 0; padding: 0;}
#katalog span { float: left;}
#katalog a { color: #fff; font-weight: bold; padding: 2px;}
#katalog a:hover { background: #fff; color: #000; text-decoration: none;}

/* vyrobci */
.vyrspit { background: url(images/vyrobce-spit.png) 50% 0 no-repeat;}
.vyrfischer { background: url(images/vyrobce-fischer.png) 50% 0 no-repeat;}
.vyrkress { background: url(images/vyrobce-kress.png) 50% 0 no-repeat;}
.vyrpaslode { background: url(images/vyrobce-paslode.png) 50% 0 no-repeat;}
.vyrwhkote { background: url(images/vyrobce-whkote.png) 50% 0 no-repeat;}


/* menu */
#menu { float: left; width: 190px; padding: 0 0 0 5px; color: #575757;}
#menu h3 { border-top: 5px solid #fff; border-bottom: 2px solid #fff; color: #828282; font-size: 1em; font-weight: bold; margin: 0 0 10px 0; padding: 0.6em 1.2em; background: #DCDCDC url(images/menu-nadpis.png);}
#menu ul { padding: 0;}
#menu ul li { margin: 0 7px;}
#menu ul a { display: block; padding: 3px 14px 3px 18px; border-top: 1px solid #E5E5E5; color: #575757; background: url(images/menu-odrazka.png) 3% 50% no-repeat; text-decoration: none;}
#menu ul a.active { font-weight: bold;}
#menu ul ul { border: none; padding: 0; border-bottom: 2px solid #E5E5E5;}
#menu ul ul a, #menu ul ul a:hover { color: #000; background-color: #F3F3F3; background-image: url(images/menu-subodrazka.png); border: none;}
#menu ul ul a:hover { background-position: 5% 50%;}
#menu ul a:hover { color: #fff; background-color: #FF6600; background-image: url(images/menu-odrazka-on.png); text-decoration: underline;}
#menu ul a:active, #menu ul ul a:active { background: #FFDAC2; color: #000;}
#menu hr { visibility: hidden; height: 14px; _height: 1px; margin: 0; padding: 0;}
#menu p { margin: 0; padding: 0 8px;}
#menu input[type="text"] { width: 100%;}
}

@media print {
body { font-family: sans-serif; font-size: 0.8em; padding: 0; margin: 0; line-height: 1.5em; color: #171717;}
a { color: #171717;}
h1 { font-weight: bold;}
h1 span { font-weight: normal;}
.up, p.detail a, #katalog, #menu, #hornimenu, #paticka { display: none;}
p.detail { clear: both; height: 1px; overflow: hidden;}
.v { page-break-inside: avoid;}
#hlavicka h2 { padding: 10px 0; border-bottom: 5px solid #efefef; font-weight: normal; float: right;}
#hlavicka h2 a { text-decoration: none;}
#page { clear: both;}
}