h1, #obsah h2, #obsah h3, table { margin: 10px 0 5px 0;}
h1 { color: #003399; font-size: 2em; font-weight: normal; margin-top: 3px !important; margin-bottom: 13px; line-height: 1em;}
h2 { font-size: 1.4em; font-weight: normal;}
h3 { font-size: 1.1em; font-weight: bold;}
#text p { margin: 5px 0;}
#text ul, #text ol { margin-left: 40px;}

#novinky { /*padding: 0 0 0px 15px;*/ border-top: 2px solid #fff; background: #f2f5fa url(images/prechod-nejsvetlejsi-modra2.png) 0 100% repeat-x; border-bottom: 2px solid #d4e0f7}
#novinky div { width: 31%; padding: 0 1%;}
#novinky div.fr { padding-left: 0;}
#novinky div.q2 { float: none; width: auto; padding: 0;}
#novinky p { padding: 5px 20px 5px 0; color: #002677;}
#novinky p.c { padding: 0; margin: 0 !important;}
#novinky ins { text-decoration: none; font-weight: bold; color: #0055FF;}
#novinky h2 { margin-bottom: 0;}
/*#novinky h3 { margin-top: 0;}*/
#novinky img {border: 2px solid #E1E7F3;}

#seznam { border-bottom: 2px solid #d4e0f7; background: url(images/rozdeleni-produkty.gif) 33% 0 repeat-y;}
#seznam-rozdeleni2 { background: url(images/rozdeleni-produkty.gif) 66% 0 repeat-y;}
#seznam fieldset { width: 31%; /*_width: 33%; _width: 31%;*/ padding: 0 1%; float: left; overflow: auto; border: none; font-size: 0.9em; line-height: 1.4em;}
#seznam div { clear: both; border-top: 2px solid #d4e0f7; _height: 1px;}
#seznam div div { border: none;}
#seznam div div div { _height: auto;}
.m, .modra { background: #F2F5FA url(images/rozdeleni-produkty.gif) 33% 0 repeat-y;}
.m2 { background: url(images/rozdeleni-produkty.gif) 66% 0 repeat-y;}
#seznam h2 { font-size: 1.2em; font-weight: bold; margin: 0 !important; padding: 7px 0 0 0 !important;}
#seznam h2 a { padding-left: 11px; background: url(images/kategorie-hover.gif) 0 0.3em no-repeat; _float: left;}
#seznam h2 a:visited { color: #0055FF;}
#seznam h2 a:visited:hover { background-image: url(images/vlevo.gif);}
#seznam h2 a:hover { background-image: url(images/kategorie.gif);}
#seznam div div div img, img.foto, .foto img { background: #EDF1F8; padding: 3px; border: 2px solid #E1E7F3; margin: 3px 0 5px 10px;}
#seznam div div div img {float: right;}

#seznam form { clear: right; padding-bottom: 5px;}
#seznam form, #seznam p.k { text-align: right; clear: both; padding-right: 5px;/*padding-top: 10px;*/}
#seznam input, #seznam img { /*margin-right: 5px;*/ vertical-align: middle;}

#produkt-foto { float: left; margin: 0 !important; width: 195px; padding-bottom: 10px; color: #003399; border-right: 1px solid #e6eaf5; text-align: center; font-size: 0.8em; overflow: auto; line-height: normal;}
#produkt-foto img { background: #EDF1F8; padding: 3px; border: 2px solid #E1E7F3; margin-bottom: 5px;}
#produkt-foto a { position: relative; /*height: 100%;*/ line-height: 1em; display: block;}
#produkt-foto span { position: absolute; display: block; height: 23px; width: 26px; bottom: 10px; _bottom: 33px; right: 0; background: url(images/lupa.gif) 0 0 no-repeat; z-index: 5;}
#produkt-foto a:hover span { visibility: hidden;}

#produkt-popis-float { margin-left: 210px;}
#produkt ul, #produkt ol { padding-left: 15px;}
#produkt dt {font-weight: bold;}

.zprava { padding: 15px; background: #e5eaf5; border: 1px solid #d4e0f7;}
.fotky { background: #edf1f8; border-width: 2px 0; padding: 5px 0; margin: 10px 0; width: 100%;}
.fotky td {text-align: center; padding: 5px 0 1px 0;}
.fotky img {border: 3px solid #e1e7f3;}
.fotky2 { float: right; margin-left: 10px; max-width: 400px; background: #edf1f8; padding: 10px; border: 5px solid #fff; border-width: 0 0 8px 8px; text-align: center;}
.fotky2 img { border: 2px solid #e1e7f3; _display: block;}
.fotky2 a:hover img {border-color: #fff;}

.foto-100 {background: #edf1f8; text-align: center; padding: 10px 0;}
.foto-100 img {margin: auto;}

.fl {float: left; margin-right: 0.5% !important;}
.fr {float: right; /*margin-left: 10px;*/}
.cr {clear: right;}
.cl {clear: left;}
.w45 {width: 45%;}
.w30 {width: 29.5%;}
.norightmargin { margin-right: 0 !important;}

.input-nevyplneno { color: #BF0000;}

.box { background: #edf1f8; border: 2px solid #e1e7f3; padding: 1.3%; line-height: normal;}
.box a { display: block;}

.strong {font-weight: bold;}

.line {height:2px;border:none;background:none;background:#d4e0f7;color:#d4e0f7;}

.cenik {width:100%;}
.cenik td, .cenik-maly td {background:#fff;; vertical-align: top;}
.cenik th, .cenik-maly th {text-align:left;}
.cenik .r {background:#edf1f8;font-weight:bold; border-left: 1px solid #e5eaf5; width: 30%;}
.cenik .l, .cenik-maly .m {background:#edf1f8; border-right: 1px solid #e5eaf5; font-weight: bold; width: 3em;}
.cenik-maly .m { width: auto;}
.cenik-maly td, .cenik-maly th { padding-right: 30px !important;}
.cenik-maly td.r { padding-right: 7px !important; padding-left: 30px !important;}
.cenik-maly td.middle { vertical-align: middle;}
.cenik-maly td.c { padding-right: 7px !important;}
.cenik-maly td.border-top { border-top: 2px solid #d4e0f7;}

.fulltext span { display: block; float: left; width: 170px; text-align: center;}
.fulltext img { background: #EDF1F8; padding: 3px; border: 2px solid #E1E7F3;}
.fulltext hr, .fulltext h2 { margin: 0 !important; padding: 0 !important;}
.fulltext h2 { padding-top: 5px !important;}

table.kosik {width:100%;}
table.kosik .nazev { line-height: normal;}

table.info-vyrobek th { text-align: left; vertical-align: top;}
table.info-vyrobek td { padding-right: 30px;}

fieldset { border: 1px solid #003399; border: 2px solid #d4e0f7; padding: 0 10px;}
legend { font-weight: bold; color: #003399; padding: 0 9px;}
form p label span { display: block; width: 150px; float: left;}
form p { clear: both;}

address {font-style: normal; margin: 10px 0;}

.c, .center { text-align: center;}
.r, .right { text-align: right;}
.l, .left { text-align: left;}
.q { clear: both;}
.q2 { clear:both; display:block; height:1px; overflow:hidden;}
h2.q {padding-top:10px;}
#seznam .cena { font-size: 0.9em; line-height: normal;}
.cena strong { font-size: 1.3em;}
.str { text-align: right;}
.w, .w * {width: auto !important;}
.fr { float: right;}
.ods, dd { padding-left: 30px;}
.indent { text-indent: 1.5em;}

.fl50 {width:45%;float:left;}
.fr50 { width: 45%;float:right;}

.sloupec-fotky-l { clear: left; float: left; width:220px; border-right: 1px solid #e6eaf5; margin-right: 10px  !important; font-size: 0.85em; line-height: normal;}
.sloupec-fotky-r { clear: right; float: right; width:220px; border-left: 1px solid #e6eaf5; margin-left: 10px !important; font-size: 0.85em; line-height: normal;}

.none {display: none !important;}

div.w250 { width: 250px;}
div.w200 { width: 200px;}

.line-14 {line-height: 1.4em !important;}

#obsah hr { border: none; background: #e1e7f3; border-bottom: 1px solid #e1e7f3; margin: 15px 0; height: 1px; display: block; clear: both;}
#text ul li { list-style-image: url(images/ul-odrazka.gif);}

table { border-collapse: collapse; border: 2px solid #d4e0f7; font-size: 1em;}
table th, table td { padding: 3px 7px; border-bottom: 1px solid #d4e0f7; border-right: 1px solid #fff;}
table thead th, .cenik th, .cenik-maly th { background: #E1E7F3; color: #003399; padding: 6px; border-right-color: #e5eaf5; border-bottom-color: #C2CEE7;}
.tmave td { background: #EDF1F8;}
table.thead th {text-align: left;}

input.i { width: 3em;}
input { vertical-align: middle;}
input.butt { padding: 1px 14px;_padding:1px 0;margin:5px 0;}
.w300 input, input.w300 {width: 200px;}
.w500 input, input.w500 { width: 450px;}
select { padding: 1px 14px;}

#kroky-objednavky { width: 80%; margin: auto; text-align: center; color: #728ec7;}
#kroky-objednavky li { width: 30%; margin-right: 1%; display: block; float: left;}
#kroky-objednavky strong { background: #e1e7f3 url(images/objednavka-kroky.gif) 100% 50% no-repeat; color: #003399;}
#kroky-objednavky strong, #kroky-objednavky em { display: block; padding: 5px 0; padding-right: 1%;}

.pujcovna-foto { width: 90px; float: left; margin-right: 15px !important;}

@media screen,projection,tv {
body {font-family:Arial,sans-serif;font-size:0.8em;text-align:center; line-height: 1.5em; padding: 0 10px;}
* {padding:0;margin:0;}
#page {max-width: 1100px; min-width: 500px; margin: auto; text-align: left; _width: expression(document.body.clientWidth > 1100? "1100px" : "auto" );}
#hlavicka { height: 80px; background: #002677 url(images/hlavicka-pozadi.png) 0 100% repeat-x; color: #fff; position: relative; font-family: serif;}

#hlavicka div { position: absolute; bottom: 4px; left: 0; z-index: 10;}
#hlavicka div a { display: block; color: #fff; text-decoration: none;}

#hlavicka div#logo { left: 2px; top: 1px; width: 341px; height: 79px; background: url(images/logo-nove.png) 0 0 no-repeat; z-index: 15;}
#hlavicka div#logo a { display: block; width: 341px; height: 79px;}
#hlavicka h2 { font-size:2.8em; width: 10em; text-align: center; font-weight:normal; font-weight: bold;letter-spacing: -2px; line-height: 0.8em; float: left;}
#hlavicka h2 span { display: block; font-size: 0.55em; text-transform: uppercase;}
#hlavicka h3 { font-size: 1.1em; font-weight: bold; float: left; position: relative;}
#hlavicka h3 a { padding: 5px 5px 5px 20px; border-left: 1px solid #d4e0f7;}
#hlavicka h3 span { position: absolute; display: block; width: 286px; height: 54px; z-index: 15; bottom: 0; left: 0; background: url(images/header-slogan.png?2) 0 0 no-repeat;;}
#hlavicka div#posuvka { display: block; width: 189px; height: 91px; position: absolute; left: auto; right: 120px; top: 0; background: url(images/hlavicka-metr.png) 0 0 no-repeat; z-index: 15;}

#hlavicka form { position: absolute; right: 4px; bottom: 4px; line-height: 1em; font-size: 0.9em; /*background: url(images/hlavicka-pozadi.png) 0 100% repeat-x;*/ z-index: 20; padding: 10px 0 0 10px;}
#hlavicka form .butt { font-size: 0.9em; padding: 3px 0; width: 60px;}
#hlavicka form #ihledat { width: 135px;}
#hlavicka label { color: #B3C4E6; font-weight: bold; display: block; font-family: sans-serif;}

#jazyky { position: absolute; z-index: 20; top: 5px; right: 5px;}
#jazyky img { border: 1px solid #fff; margin-right: 3px;}
#jazyky a img { border-color: #003399;}
#jazyky a:hover img { border-color: #fff;}

input:focus { outline: 1px dotted #000;}

a { color: #003399;}
a:hover { color: #996100;}
a img { border: none;}

/*#uvod { background: #003398 url(images/uvod-pozadi2.gif) 100% 0 repeat-y;}
#uvod-laborator { width: 263px; float: right;}
#uvod-firma { margin-right: 266px; border-top: 2px solid #d4e0f7; background: #003398 url(images/prechod-tmave-modra.png) 0 0 repeat-x;}*/
#uvod-laborator { min-height: 110px; _height: 110px; background: #845300 url(images/uvod-vsechny-tri-bannery.png) -295px 0 no-repeat; width: 33%; margin-left: 0.5%; float: left;}
#uvod-firma { min-height: 110px; _height: 110px; background: #003398 url(images/uvod-vsechny-tri-bannery.png) 0 0 no-repeat; width: 33%; float: left; border-top: 2px solid #d4e0f7;}
#uvod-akce { min-height: 110px; _height: 110px; background: #aa0d00 url(images/uvod-vsechny-tri-bannery.png) -590px 0 no-repeat; width: 33%; float: right; border-top: 2px solid #ffd0cc;  color: #fff;}
#uvod-akce a { color: #fff;}
#uvod-firma-nadpis { border-bottom: 2px solid #d4e0f7; margin: 0 !important; padding-bottom: 5px;}
#uvod-laborator { /*background: #855400 url(images/uvod-laborator2.png) 100% 0 repeat-x;*/ color: #fff; border-top: 2px solid #f7ead4;}
#uvod-laborator h2, #uvod-akce h2 { margin: 0 !important; border-top: 1px solid #fff; padding: 10px 15px 0 15px;}
#uvod-laborator p, #uvod-akce p { padding: 0 15px 10px 15px;}
#uvod-firma p { /*background: #003398 url(images/uvod-podklad-mb.png) 100% 0 no-repeat;*/ padding: 15px; border-top: 1px solid #fff; margin-top: 0;font-size: 0.9em; font-weight: bold; color: #fff;}
#uvod-firma strong, #uvod-firma a { color: #B3C4E6;}
#uvod-firma a:hover { color: #fff;}
#uvod-firma .fr { font-weight: normal;}
#uvod-firma h2 { border-bottom-color: #e5eaf5;}

#obsah { border-top: 5px solid #d4e0f7; position: relative;}

#text, #paticka { margin-left: 216px; clear: both;}
#text-padding { width: 100%;} /* kvuli IE */

#podkategorie { background: #EDF1F8; border-bottom: 2px solid #d4e0f7; padding: 5px 15px; display: block;}
#podkategorie h3 { font-size: 1em; margin-bottom: 0 !important;}
#podkategorie a { color: #003399;}
#podkategorie a:hover { color: #996100;}
#podkategorie ul, #podkategorie li { list-style: none; margin: 0 !important;}
#podkategorie li { float: left; list-style: none !important; background: url(images/vlevo.gif) 0 50% no-repeat; padding: 0 10px 0 12px; white-space: nowrap;}
#podkategorie hr { clear: both; visibility: hidden;}

#vlevo { width: 200px; position: absolute; top: 0; left: 0; /*_left: -215px; _lef\t: 0;*/ line-height: normal;}
#vlevo h3 { font-size: 1.3em; color: #003399; border-bottom: 2px solid #003399; font-weight: normal; margin-bottom: 0; padding-bottom: 2px;}
#vlevo li { border-top: 1px solid #fff;}
#vlevo ul, #vlevo p { background: #E5EAF5;}
#vlevo ul {_height: 1px;}
#vlevo p { padding: 2px 4px; line-height: 1.5em;}
#vlevo ul, #vlevo li { list-style: none;}
#vlevo ul a, #vlevo ul strong { color: #003399; background: url(images/vlevo.gif) 5px 0.6em no-repeat; text-decoration: none; font-weight: bold; padding: 0.3em 5px 0.3em 18px; display: block;}
#vlevo ul a:hover { background-image: url(images/vlevo-hover.gif); background-color: #003399; color: #fff; text-decoration: underline;}
#vlevo ul strong { background-color: #D4E0F7; color: #728ec7;}
#vlevo ul#zakaznik {line-height: 1.5em; padding: 2px 0;}
#vlevo ul#zakaznik a { display: inline; font-weight: normal; text-decoration: underline;}
#vlevo ul#zakaznik a:hover {background: url(images/vlevo.gif) 5px 50% no-repeat; color:#996100;}
#vlevo ul#zakaznik li { border: none;}

#kategorie h3 { color: #996100; border-bottom-color: #996100;}
#kategorie ul { background: #F7EAD4; _height: 1px;}
#kategorie ul ul { background: #EAEFFB;/*FBF5EA;*/}
#kategorie ul a { color: #996100; background-image: url(images/kategorie.gif);}
#kategorie ul a:hover, #kategorie ul ul a { color: #003399; background-image: url(images/kategorie-hover.gif); background-color: transparent;}
#kategorie ul ul li { padding-left: 10px;}
#kategorie ul ul li a { background-image: url(images/vlevo.gif); font-weight: normal; text-decoration: underline;}
#kategorie ul ul li a:hover, #kategorie ul ul em a { color: #001645; /*#001E5E;*/ background-image: url(images/kategorie-hover.gif);}
#kategorie ul strong, #kategorie ul li a.rodic { background-image: url(images/kategorie-hover.gif); color: #003399;}
#kategorie ul ul strong { background-color: #eaeffb;}
#kategorie ul li a.rodic { background-color: #D4E0F7; text-decoration: underline;}

#vlevo a.sipka { background: url(images/vlevo.gif) 5px 50% no-repeat; padding-left: 18px;}

#drobecky { font-size: 0.85em; text-align: right; margin: 4px !important;}
#drobecky, #drobecky a { color: #003399;}
#drobecky a:hover { color: #000;}

#kosik { float: right; padding: 0 10px 0 20px; background: url(images/kosik.gif) 0 50% no-repeat; color: #fff;}
#kosik a:hover { text-decoration: underline;}

a:hover .foto, #produkt-foto a:hover img, #seznam a:hover img {background: #fff; border-color: #d4e0f7;}

#paticka { background: #e5eaf5; border-top: 2px solid #d4e0f7; padding: 10px 15px; margin-top: 10px; font-size: 0.85em; color: #003399;}

#pd { float: right;}

#menu { background: #996100; color: #CCB080; padding: 8px 0 8px 20px; border: 1px solid #fff; border-width: 1px 0;}
#menu li { display: inline; padding: 3px 5px 3px 16px; background: url(images/menu.gif) 0 50% no-repeat; white-space: nowrap;}
#menu a { color: #fff; padding: 3px 0px 3px 0px; text-decoration: none;}
#menu a:hover { color: #f7ead4; text-decoration: underline;}
#menu strong { font-weight: normal;}

.msg { border: 1px solid #ffd700; padding: 10px; background: #ffffdd; font-weight: bold;}

.clickable tr:hover td {background: #ffffdd;}
.clickable tr:hover a {color: #996100;}
}
@media print{
#menu,#vlevo,#kosik,#paticka,#hlavicka form,#jazyky,#drobecky,.str,#podkategorie {display: none;}
#hlavicka h2, #hlavicka h3 {margin: 0; padding: 0;}
body {padding-top:0;margin-top:0;}
#obsah {clear: both; border-top: 3px solid #C8C8C8;padding-top:10px; line-height: 1.5em;}
a {text-decoration: none; color: #000 !important;}
#hlavicka h2 { font-size:2em; text-align: center; font-weight:normal; letter-spacing: -2px; line-height: 0.8em; float: left;}
#hlavicka h3 { font-size: 1.1em; font-weight: normal; float: right; padding-bottom: 10px;}
h1 {color: #202020; font-size: 1.4em; padding: 10px 0; line-height: normal; font-weight: bold;}
#seznam, #seznam div {border: 0; background: none !important;}
#seznam .r, #seznam .k, #seznam form {display: none;}
#seznam fieldset {width: 47%; padding-left: 0;}
#seznam div {clear: both;}
#seznam div.m, #seznam div div {clear: none;}
/*#seznam div.q {clear: both;}*/
#seznam .pbr {clear:left;}
#seznam h2 {line-height: normal;}
#seznam h2 a {padding: 0; background: none;}
.m, .modra, .tmave td, .box, .fotky, .fotky2 {background: none !important;}
table td, table th {color: #000 !important;}
#seznam div div div img, img.foto, .foto img { padding: 3px; border: 2px solid #EAEAEA; background: #F2F2F2; margin: 3px 0 5px 10px;}
* {border-color: #EAEAEA !important;}
#produkt-foto span, #produkt-popis-float form {display: none;}
#produkt-popis-float p {line-height: 1.4em;}
table thead th, .cenik th {background-color: #EAEAEA;}
h1 {font-size:1.5em;font-weight:bold;}
h2 {font-size:1.2em;font-weight:bold;}
#novinky {background: none; padding: 0;}
#novinky p, #novinky ins {color:#000;}
.cenik .l, .cenik .r { background: none;}
}