body { color: #666; font-family: sans-serif; height: 100%; font-size: 62.5%; padding: 0; margin: 0; background-color: #fff; background-image: url(imgs/sroh.gif); background-repeat: no-repeat; background-position: left top; }
html { height: 100%; font: 1em; }
.bgrd1 { color: #666; font-family: sans-serif; background-color: white; background-image: url(imgs/sroh.gif); background-repeat: no-repeat; background-position: left top; }
.bgrd2 { color: #666; font-family: sans-serif; background-color: white; background-image: url(imgs/sroh2.gif); background-repeat: no-repeat; background-position: left top; }
.bgrd3 { color: #666; font-family: sans-serif; background-color: #ccc; background-image: url(imgs/sroh3.gif); background-repeat: no-repeat; background-position: left top; }
a:link { color: #666; text-decoration: none; }
a:visited { color: #666; text-decoration: none; }
a:hover { color: black; text-decoration: none; }
a:active { color: #666; text-decoration: none; }
a:hover img { filter:alpha(opacity=40, style=0); opacity:0.4 }
p { font-size: 1em; font-family: sans-serif; line-height: 1.3em; }
/*.perex { color: #999; font-size: 1em; font-family: sans-serif; background-color: #333; line-height: 1.3em; position: relative; padding: 5px; margin: 0px; }*/
h1 { font-size: 2.6em; font-family: sans-serif; }
h2 { font-size: 1.8em; font-family: sans-serif; }
h3 { font-size: 1.4em; font-family: sans-serif; }
h4 { font-size: 1.2em; font-family: sans-serif; }
img { border-width: 0; }
.navigcara { position: absolute; top: 200px; left: 20px; width: 5px; height: 300px; border-left: 1px solid #666; }
/*navigace*/
#navigation {left: 20px; top: 280px; position: absolute; width:15em; font-size: 1em; z-index: 20; }
#navigation ul {margin:0px; padding:0px; }
#navigation ul li { height:25px; line-height:21px; list-style:none; padding-left:10px; width:15em; border-bottom: 1px solid #999; cursor:pointer; }  
#navigation ul li:hover {background-color:#A9A29A; position:relative;}
#navigation ul ul { display:none; position:absolute; left:75px; top:15px; border-left:#ccc solid; border-width:1px; background-color:#A9A29A; }  
#navigation ul li:hover ul {display:block;}
#navigation ul ul li {border:none; width:11em; float:left; display:inline;}
#navigation ul ul li:hover {text-decoration:underline; border:none;}

#navigation img { padding-top: 7px; }  
/*.navig { font-size: 1em; width: 150px; left: 20px; top: 280px; position: absolute; visibility: visible; padding: 0px; margin: 0px; }
.navig ul { margin: 0; padding: 0; }
.navig li { list-style-type: none; margin: 0; }
.navig a { text-decoration: none; padding: 5px 5px 5px 10px; width: 150px; border-bottom: 1px solid #999; display: block; }
.navig a:hover { color: #000; background-color: #cc0; display: block; }*/
.bgrdnav { font-size: 1em; color: #000; padding: 0 0 0 10px; width: 150px; background-color: #cc0; display: block; } 
.bgrdnav2 { font-size: 1em; color: #000; padding: 0 0 0 10px; width: 150px; background-color: #A9A29A; display: block; } 
/*.navig2 { font-size: 1em; width: 150px; left: 20px; top: 280px; position: absolute; visibility: visible; padding: 0px; margin: 0px; }
.navig2 ul { margin: 0; padding: 0; }
.navig2 li { list-style-type: none; margin: 0; }
.navig2 a { text-decoration: none; padding: 5px 5px 5px 10px; width: 150px; border-bottom: 1px solid #999; display: block; }
.navig2 a:hover { color: #666; background-color: #A9A29A; display: block; }

.bgrdnav2 { font-size: 1em; color: #000; padding: 5px 5px 5px 10px; width: 150px; background-color: #A9A29A; display: block; } 
.bgrdnav3 { font-size: 1em; color: #000; padding: 5px 5px 5px 10px; width: 150px; background-color: #A9A29A; display: block; } 
.bgrdnav3 a { font-size: 1em; color: #000; padding: 0; width: 150px; background-color: #A9A29A; display: block; } 

/*.navig { font-size: 1em; font-family: sans-serif; width: 280px; margin: 0; padding: 0; }*/
/*.navig ul { text-indent: 10px; position: relative; top: 24px; width: 100%; margin: 0; padding: 0 0 0 0; }
.navig li { list-style-type: none; margin: 0; padding: 0; line-height: 12px; }
.navig ul li a { display: block; padding: 7px 6px 7px 12px; width: 180px; border-bottom: 1px solid #999; background-color: transparent; }
.navig ul li a:link, .navig ul li a:visited { color: #999; text-decoration: none; }
.navig ul li a:hover { background-color: #cc0; color: 999; }
.navig ul ul li a { display: block; padding: 7px 6px 7px 32px; width: 180px; background-color: transparent; }
.navig ul ul li a:link, .navig ul li a:visited { color: #999; text-decoration: none; }
.navig ul ul li a:hover { background-color: #cc0; color: #999; }*/

.blok { position: absolute; top: 150px; left: 250px; width: 730px; }
.blok2 { position: absolute; top: 200px; left: 250px; width: 750px; }
.blok2 h1 { color: #cc0; font-size: 2.5em; font-family: sans-serif; font-style: normal; }
.blok h1 { color: #a4a4a4; font-size: 2em; font-family: sans-serif; font-style: normal; }
.logo { text-align: right; margin-top: 20px; margin-right: 20px; }
li { font-size: 1em; font-family: sans-serif; list-style-type: disc; line-height: 1.2em; }
.vystavabox { color: white; font-style: normal; font-size: 13px; font-family: sans-serif }
/*.navrcholu { height: 14px; width: 14px; position: fixed; _position: absolute; right: 0; bottom: 0; visibility: visible; }*/
.barva { color: #cc0; }
.barva4 { color: #906; }
.barva5 { color: #000; }
.barva1 { color: #f60; background-color: transparent; }
.barva2 { color: #cc0; background-color: transparent; }
.barva3 { color: #903; background-color: transparent; }
a.externi:visited { background-image: url(imgs/linkout.gif); background-repeat: no-repeat; background-position: right top; margin-right: 3px; padding-right: 12px; }
a.externi:link { background-image: url(imgs/linkout.gif); background-repeat: no-repeat; background-position: right top; margin-right: 3px; padding-right: 12px; }
a.mail:visited { background-image: url(imgs/linkmail.gif); background-repeat: no-repeat; background-position: right top; margin-right: 3px; padding-right: 12px; }
a.mail:link { background-image: url(imgs/linkmail.gif); background-repeat: no-repeat; background-position: right top; margin-right: 3px; padding-right: 12px; }
.odkazsestakkont { color: white; font-size: 80%; background-color: transparent; position: absolute; top: 750px; left: 0; width: 120px; height: 360px; }
.odkazsestakkont a { color: white; font-size: 0.9em; background-color: transparent; }
.odkazsestak1 { background-image: url(imgs/showroom_link.jpg); background-repeat: no-repeat; background-position: left top; padding: 60px 0 0 5px; position: absolute; top: 0; left: 0; width: 120px; height: 120px; float: right; }
.odkazsestak2 { background-image: url(imgs/podlahy_link.jpg); background-repeat: no-repeat; background-position: left top; position: absolute; top: 120px; left: 0; width: 120px; height: 120px; float: right; padding: 60px 0 0 5px; }
.odkazsestak3 { background-image: url(imgs/jsj_link.jpg); background-repeat: no-repeat; background-position: left top; position: absolute; top: 240px; left: 0; width: 120px; height: 120px; padding: 60px 0 0 5px; }
.odkazsestak4 { background-image: url(imgs/balterio_link.jpg); background-repeat: no-repeat; background-position: left top; padding: 60px 0 0 5px; position: absolute; top: 0; left: 0; width: 120px; height: 120px; }
#sticker1 { position: absolute; top: -20px; right: -100px; width: 240px; height: 300px; z-index: 10; }
#sticker2 { position: absolute; top: 0px; right: -180px; width: 240px; height: 300px; z-index: 9; }
#sticker1 p, #sticker2 p { color: #000; line-height: 1em; background-color: transparent; position: absolute; top: 0; left: 0; padding: 8px; }
#sticker1 a, #sticker2 a { color: #000; }
#sticker1 a:hover, #sticker2 a:hover { color: #fff; }
#sticker1:hover, #sticker2:hover { z-index: 100; }
/*img, div { border-width: 0; behavior: url(iepngfix.htc)  }*/
.blokzoom  { position:absolute; top:150px; left:250px; width:400px; }
.blokzoom2  { position:absolute; top:150px; left:250px; width: 500px; border-right: #999 solid 1px; }
/*.blokzoom2 img { border: #999 solid 1px; }*/
.blokzoom2 p { position: relative; }
.blokzoom2 gal { position: relative; top: 8px; }

.blokzoom3  { position:absolute; top:190px; left:250px; width: 740px; }
.blokzoom3 img { padding: 0 1px 1px 0; }
.blokzoom3 a:hover img { filter:alpha(opacity=40, style=0); opacity:0.4 }
/*.blokzoom3 p { clear:both; }*/
.bloktext { clear:both; position: relative; margin-top: 5px; padding-top: 5px; }
.blokfoto { padding-left: 0; margin-top: 5px; float: left; display: block; position: relative; }

.blokgal1  { font-size: 0.8em; position:absolute; top:150px; left:650px; width:230px; padding-left: 15px; border-left: 1px solid #999; }
.blokgal2 { font-size: 0.8em; padding-left: 0; position: absolute; top: 150px; left: 650px; width: 230px; border-left: 1px solid #999; }
.blokgal4 { font-size: 0.8em; padding-left: 0; position: absolute; top: 0; left: 400px; width: 370px; border-left: 1px solid #999; }
.blokgal4 p { margin-top: 0; margin-bottom: 2px; padding-left: 60px; }
.blokgal4 h1 { font-size: 14px; font-family: sans-serif; }
.blokgal4 h2 { font-size: 10px; font-family: sans-serif; margin-top: 2px; margin-bottom: 0; padding-left: 60px; }
.blokgal5 { font-size: 0.8em; padding-left: 0; position: absolute; top: 0; left: 400px; width: 370px; border-left: 1px solid #999; background-image: url(imgs/bgrdgal.gif); background-repeat: repeat-y; }
.blokgal5 p { margin-top: 0; margin-bottom: 2px; padding-left: 60px; }
.blokgal5 h1 { font-size: 14px; font-family: sans-serif; }
.blokgal5 h2 { font-size: 10px; font-family: sans-serif; margin-top: 2px; margin-bottom: 0; padding-left: 60px; }
.blokgal2b { font-size: 0.8em; padding-left: 15px; position: absolute; top: 150px; left: 650px; width: 300px; border-left: 2px dashed #666; }
.blokgal3 { font-size: 0.8em; padding-left: 15px; position: absolute; top: 150px; left: 750px; width: 230px; border-left: 1px solid #999; }
.blokinfo { color: #fff; font-size: 0.8em; padding-right: 10px; padding-left: 10px; border: solid 1px #c0c0c0; background-color: #433A32; }
.blokinfo h1 { color: #fff; font-size: 1.1em; text-transform: uppercase; background-color: transparent; background-image: url(imgs/navsipka.gif); background-repeat: no-repeat; background-position: left center; padding-left: 20px; }
.blokinfo2 { color: #fff; padding: 2px 10px 10px 10px; background-color: #333; }
.blokinfo2 a { color: #fff; }
.h1h2 h1 { font-size: 1.2em; font-weight: normal; background-color: transparent; background-image: url(imgs/navsipka.gif); background-repeat: no-repeat; background-position: left top; padding-left: 20px; }
.blokinfo3 { color: #fff; font-size: 0.8em; padding-right: 10px; padding-left: 10px; border: solid 1px #C30; background-color: #C30; }
.blokinfo3 h1 { color: #fff; font-size: 1.1em; text-transform: uppercase; }
.blokinfo6 { color: #fff; font-size: 0.8em; padding-right: 10px; padding-left: 10px; width: 730px; height: 463px; background-image: url(imgs/stoly-zidle-sleva.jpg); background-position: left top; background-repeat: no-repeat; margin-top: 30px; }
.blokinfo6 h1 { color: #000; font-size: 2em; text-transform: uppercase; }
.blokinfo6 p { color: #000; font-size: 1em; }
.blokinfo6 strong { color: #CC0; }
.blokinfo7 { color: #fff; font-size: 0.8em; padding: 10px 10px 0 10px; position: relative; width: 340px; height: 360px; background-image: url(imgs/nastenne-hodiny-nomon.jpg); background-position: left top; background-repeat: no-repeat; margin: 10px 10px 0 0; float: left; }
.blokinfo7 h1 { color: #000; font-size: 2em; text-transform: uppercase; }
.blokinfo7 p { color: #000; font-size: 1em; }
.blokinfo7 strong { color: #CC0; }
.blokinfo8 { color: #fff; font-size: 0.8em; padding: 10px 10px 0 10px; margin-top: 10px; width: 340px; height: 360px; background-image: url(imgs/sedaci-vaky-fatboy.jpg); background-position: left top; background-repeat: no-repeat; float: left; }
.blokinfo8 h1 { color: #fff; font-size: 2em; text-transform: uppercase; }
.blokinfo8 p { color: #fff; font-size: 1em; }
.blokinfo8 strong { color: #CC0; }
.blokinfo9 { color: #fff; font-size: 1em; padding: 10px; margin-top: 10px; width: 710px; background-color: #555; }
.blokinfo9 h1 { color: #fff; font-size: 2em; text-transform: uppercase; }
.blokinfo9 p { color: #fff; font-size: 1em; }
.blokinfo9 strong { color: #CC0; }
.line { padding-bottom: 3px; border-bottom: 2px solid #cc0; }
.line2 { padding-bottom: 3px; border-bottom: 1px solid #666; }
.line3 { position: relative; padding-bottom: 3px; border-bottom: 1px dotted #666; }
.linegal { margin-left: 0; padding-bottom: 5px; border-bottom: 2px solid #cc0; }
.linegalwhit { margin-left: 0; padding-bottom: 5px; border-bottom: 30px solid #fff; }
.hlavicka { position: absolute; top: 5px; left: 200px; width: 800px; }
.hlavicka h1 { font-size: 1em; font-weight: normal; position: absolute; top: 5px; left: 200px; background-color: transparent; background-image: url(imgs/zahlavi.gif); background-repeat: no-repeat; background-position: left 3px; padding-left: 35px; }
.hlavicka_sed { font-size: 0.8em; line-height: 1em; position: absolute; top: 5px; left: 350px; width: 800px; }
.hlavicka_sed2 { font-size: 0.8em; font-weight: normal; line-height: 1em; position: absolute; top: 5px; left: 350px; width: 500px; background-color: transparent; background-image: url(imgs/zahlavi-sed2.gif); background-repeat: no-repeat; background-position: left 3px; margin-bottom: 0; padding-left: 35px; }
.hlavicka_odkaz { font-size: 0.8em; font-weight: normal; line-height: 1em; background-color: transparent; background-image: url(imgs/zahlavi-sed2.gif); background-repeat: no-repeat; background-position: left 3px; margin-bottom: 0; padding-left: 35px; position: absolute; top: 40px; left: 350px; width: 500px; }
.hlavicka_sed h2 { font-size: 0.8em; font-weight: normal; line-height: 1em; background-color: transparent; background-image: url(imgs/zahlavi-sed.gif); background-repeat: no-repeat; background-position: left 3px; margin-bottom: 0; padding-left: 35px; }
.hlavicka_sed ul { font-size: 0.8em; font-weight: normal; line-height: 1em; background-color: transparent; background-image: url(imgs/zahlavi-sed.gif); background-repeat: no-repeat; background-position: left 3px; margin-bottom: 0; padding-left: 35px; }
.hlavicka_sed p { line-height: 1em; margin-top: 3px; padding-left: 35px; }
.hlavicka_sed li { line-height: 1em; margin-top: 3px; padding-left: 10px; list-style-type: none; }
.hlavicka_nab { position: absolute; top: 5px; left: 200px; width: 800px; }
.hlavicka_nab h1 { font-size: 0.8em; font-weight: normal; background-color: transparent; background-image: url(imgs/zahlavi-nab.gif); background-repeat: no-repeat; background-position: left 3px; padding-left: 35px; position: absolute; top: 5px; left: 200px; }
#akce { font-size: 12px; font-weight: bold; background-color: transparent; text-transform: uppercase; position: absolute; top: 0; left: 280px; width: auto; height: auto; z-index: 10; padding: 2px 15px; }
.galcislo { color: #fff; font-size: 30px; font-weight: bold;line-height: 30px; }
.galcislo2 { color: #999; font-size: 30px; font-weight: bold;line-height: 30px; }
.galcislo3 { color: #999; font-size: 26px; font-weight: bold;line-height: 26px; padding-left: 8px; }
.paticka3 { text-align: right; font-size: 0.8em; position: relative; top: 30px; border-top: #999 solid 1px; padding-top: 10px; padding-bottom: 10px; }
.partneri { font-style: italic; }
.tech { color: #999; background-color: #333; position: absolute; top: 0px; left: 500px; width: 120px; padding: 8px; }
.tech2 { color: #fff; font-weight: bold; font-size: 15px; line-height: 16px; background-color: #F60; position: absolute; top: 150px; left: 500px; width: 120px; padding: 8px; }
.gal { position: relative; top: 10px; }
.uvozovky { background-color: transparent; background-image: url(imgs/uvozovky.gif); background-repeat: no-repeat; background-position: left 0px; }
.perex { font-size: 1.2em; font-family: sans-serif; line-height: 1.4em; }
.clear { clear:both }
.new { background-image: url(imgs/new.gif); background-repeat: no-repeat; background-position: right 0; padding-right: 35px; }