body {font-family : Arial, Helvetica, sans-serif; background: #000000;font-size:75%;}

body.index {font-family : Arial, Helvetica, sans-serif;margin: 10px 0 0 45px;padding: 2px 0 0 0; background: #000000 url(obr/back-main.jpg) top left repeat;font-size: 12px;}

body, html {scrollbar-track-color: #343434;scrollbar-face-color: #BEBABA;scrollbar-highlight-color: #BEBABA;scrollbar-3dlight-color: #000000;scrollbar-darkshadow-color: #000000;scrollbar-shadow-color: #BEBABA;scrollbar-arrow-color: #000000;}

.autor {font-size: 80%; color: #BEBABA; text-align: center; margin: 2px 0 2px 0; padding: 2px 0 2px 0;}
.autor a {color: #BEBABA; text-decoration: none;}
.autor a:hover {color: #BEBABA; text-decoration: underline;}
.prednacteni {position: absolute; top: -200px;}

strong {font-weight: normal;}

.pozice-krizek-close {position: relative; top: 14px; margin: -14px 0 0 0;}

.posun-bed-head {position: absolute; top: 90px; left: -60px;}
.posun-tigi {position: absolute; top: 25px; left: -85px;}
.posun-partner {position: absolute; top: 455px; left: -44px;}
.white-small {color: #ffffff; font-size: 80%;}

.mapa-posun {position: absolute; top: 320px; left: 224px;margin: 0 0 10px 0;}
.mapa-posun img {width: 270px;}
.mapa-posun:hover {position: absolute; top: 100px; left: 60px;}
.mapa-posun:hover img {width: 403px;}

.logo-hairgot {z-index: 50; position: absolute; top: 0; left: 0;border: 0px;}
#novinky-obal {font-size: 90%; z-index:1; padding: 0 17px 0 0; text-align: right; position: absolute; top: 427px; left: -36px; color: #DA268C; background: url("obr/pozadi-h2-novinky.gif") top right no-repeat;;}
.novinky {padding: 5px; height: 157px; width: 183px; overflow: auto; background: #ffffff; border: 2px solid #DA268C;}
.novinky {scrollbar-track-color: #ffffff;scrollbar-face-color: #E4C3D6;scrollbar-highlight-color: #dddddd;scrollbar-3dlight-color: #ffffff;scrollbar-darkshadow-color: #ffffff;scrollbar-shadow-color: #ffffff;scrollbar-arrow-color: #DA268C;}
.novinky strong {font-weight: bolder;}
#novinky-obal h2 {margin: 0; font-size: 150%; padding: 2px 5px 0 5px; background: #DA268C; color: #ffffff; font-weight: bolder; text-align: right;  width: 187px;}
.novinky h3 {margin: 0; font-size: 100%; display: inline; padding: 0 30px 0 0; color: #DA268C; font-weight: bolder; text-align: right; background: url(obr/kad-nuzky.gif) right center no-repeat;}
.novinky a, .novinky a:hover {margin: 0; font-size: 100%; padding: 0; color: #DA268C;}

table.formular input, table.formular textarea {color: #ffffff; background: #000000; border: 1px #BEBABA solid;}

table.formular textarea {width: 242px;}
table.formular .input {width: 155px;}
div.formular-posun {position: absolute; top: 90px; left: 250px;font-size: 100%;}
div.left-hairgot {float: left;}
td.sirka {margin: 0 0 0 0; padding: 0 10px 0 10px;}
table.formular .submit {cursor: hand; width: 158px;}

.bublina, .none {height: 0; width: 0; border-width: 0;border: 0px;}

.posun-tym, .posun-produkty, .posun-cenik, .posun-kontakt, .posun-darky, .posun-skola, .posun-klienti, .posun-foto, .posun-muzika, .posun-tisk, .posun-trendy, .posun-masaze {cursor:hand;}

div.oko-obal {position: absolute; top: 200px; left: 155px; z-index: 60;}
div.oko-obal a {display: block; border: 0px; text-decoration: none;height: 59px; width: 145px;}
div.oko-obal a:hover {background: url('obr/oko.gif') top left no-repeat; height: 59px; width: 145px; }
div.oko-obal a:hover img.bublina {position: absolute; top: 227px; left: -142px; height: 137px; width: 164px;}
.posun-tym {z-index: 89;position: absolute; top: -220px; left: -155px;} 

/* B"N?STYLOVN? */

span {z-index: 89;margin: 0 0 0 0;padding: 0 0 0 2px;border-left: 2px #000000 solid; font-weight: bold; text-decoration: none; background: #000000; color: #da268c;}
span.hover, span:hover {z-index: 89;color: #ffffff;text-decoration: none; border-left: 2px #BEBABA solid;}


/* STYLOVN?SPECIFICK?PRO IE: (m? by bt v separ??stylopisu) */

span /* IE:hover */ {
  background-color: expression(
    this.onmouseover = new Function("this.className += ' hover';"),
    this.onmouseout = new Function("this.className = this.className.replace(' hover', '')")
  );
}

.posun-masaze {z-index: 89;position: absolute; top: -270px; left: -386px;} 



div.vlasyprave-obal {position: absolute; top: 0px; left: 503px; z-index: 50;}
div.vlasyprave-obal a {display: block; border: 0px; text-decoration: none;height: 385px; width: 286px;}
div.vlasyprave-obal a:hover {background: url('obr/vlasy-prave.gif') top left no-repeat; height: 385px; width: 286px; }
div.vlasyprave-obal a:hover img.bublina {position: absolute; top: 427px; left: -490px; height: 137px; width: 164px;}
.posun-klienti {z-index: 89;position: absolute; top: -20px; left: -85px;} 

div.vlasy-obal {position: absolute; top: 0px; left: 353px; z-index: 50;}
div.vlasy-obal a {display: block; border: 0px; text-decoration: none;height: 358px; width: 198px;}
div.vlasy-obal a:hover {background: url('obr/vlasy.gif') top left no-repeat; height: 358px; width: 198px; }
div.vlasy-obal a:hover img.bublina {position: absolute; top: 427px; left: -340px; height: 137px; width: 164px;}
.posun-darky {z-index: 89;position: absolute; top: -20px; left: -80px;}

div.rty-obal {position: absolute; top: 5px; left: 400px; z-index: 51;}
div.rty-obal a {display: block; border: 0px; text-decoration: none;height: 53px; width: 68px;}
div.rty-obal a:hover {background: url('obr/rty.gif') top left no-repeat; height: 53px; width: 68px; }
div.rty-obal a:hover img.bublina {position: absolute; top: 422px; left: -387px; height: 137px; width: 164px;}
.posun-skola {z-index: 89;position: absolute; top: -25px; left: -253px;}

div.usta-obal {position: absolute; top: 210px; left: 567px; z-index: 52;}
div.usta-obal a {display: block; border: 0px; text-decoration: none;height: 125px; width: 79px;}
div.usta-obal a:hover {background: url('obr/usta.gif') top left no-repeat; height: 125px; width: 79px; }
div.usta-obal a:hover img.bublina {position: absolute; top: 217px; left: -554px; height: 137px; width: 164px;}
.posun-muzika {z-index: 89;position: absolute; top: -230px; left: -65px;}

div.ruka-obal {position: absolute; top: 250px; left: 477px; z-index: 51;}
div.ruka-obal a {display: block; border: 0px; text-decoration: none;height: 274px; width: 208px;}
div.ruka-obal a:hover {background: url('obr/ruka.gif') top left no-repeat; height: 274px; width: 208px; }
div.ruka-obal a:hover img.bublina {position: absolute; top: 177px; left: -464px; height: 137px; width: 164px;}
.posun-foto {z-index: 89;position: absolute; top: -270px; left: 70px;}

div.bodliny-obal {position: absolute; top: 0px; left: 200px; z-index: 50;}
div.bodliny-obal a {display: block; border: 0px; text-decoration: none;height: 156px; width: 199px;}
div.bodliny-obal a:hover {background: url('obr/bodliny.gif') top left no-repeat; height: 156px; width: 199px; }
div.bodliny-obal a:hover img.bublina {position: absolute; top: 427px; left: -187px; height: 137px; width: 164px;}
.posun-kontakt {z-index: 90;position: absolute; top: -20px; left: 527px;}

div.ruka-usta-obal {position: absolute; top: 25px; left: 10px; z-index: 49;}
div.ruka-usta-obal a {display: block; border: 0px; text-decoration: none;height: 221px; width: 217px;}
div.ruka-usta-obal a:hover {background: url('obr/ruka-usta.gif') top left no-repeat; height: 221px; width: 217px; }
div.ruka-usta-obal a:hover img.bublina {position: absolute; top: 402px; left: 3px; height: 137px; width: 164px;}
.posun-produkty {z-index: 89;position: absolute; top: -45px; left: 181px;}

div.vlasy-dole-obal {position: absolute; top: 379px; left: 607px; z-index: 60;}
div.vlasy-dole-obal a {display: block; border: 0px; text-decoration: none;height: 233px; width: 155px;}
div.vlasy-dole-obal a:hover {background: url('obr/vlasy-dole.gif') top left no-repeat; height: 233px; width: 155px; }
div.vlasy-dole-obal a:hover img.bublina {position: absolute; top: 48px; left: -594px; height: 137px; width: 164px;}
.posun-trendy {z-index: 89;position: absolute; top: -399px; left: -18px;}

div.lokna-obal {position: absolute; top: 0px; left: 10px; z-index: 48;}
div.lokna-obal a {display: block; border: 0px; text-decoration: none;height: 300px; width: 99px;}
div.lokna-obal a:hover {background: url('obr/lokna.gif') top left no-repeat; height: 300px; width: 116px; }
div.lokna-obal a:hover img.bublina {position: absolute; top: 427px; left: 3px; height: 137px; width: 164px;}
.posun-cenik {z-index: 90;position: absolute; top: -20px; left: 670px;}

div.drdol-obal {position: absolute; top: 341px; left: 457px; z-index: 60;}
div.drdol-obal a {display: block; border: 0px; text-decoration: none;height: 270px; width: 99px;}
div.drdol-obal a:hover {background: url('obr/drdol.gif') top left no-repeat; height: 270px; width: 99px; }
div.drdol-obal a:hover img.bublina {position: absolute; top: 86px; left: -444px; height: 137px; width: 164px;}
.posun-tisk {z-index: 89;position: absolute; top: -361px; left: 190px;}



div#content {position: absolute; top: 26px; left: 161px; right: 25px;
   color: #BAA; background: #22232F; padding: 10px; 
   border: solid 5px #444;}
div#content p {margin: 0 1em 1em;}
div#content h3 {margin-bottom: 0.25em;}

h1.podokno {margin: 40px 0 10px 20px; padding: 0 0 0 0; color: #E90189; letter-spacing: 0.5em; height: 28px;}
dt {font-weight: bold;}
dd {margin-bottom: 0.66em;}
div#content a:link {color: white;}
div#content a:visited {color: #BBC;}
div#content a:link:hover {color: #FF0;}
div#content a:visited:hover {color: #CC0;}
code, pre {color: #EDC;}


#obal-hlavni {margin: 20px auto 0 auto;height: 612px; width: 789px; position: relative;background:#000000 url('obr/loader-obrazek.gif') center center no-repeat;}

#page {height: 612px; width: 789px; background: url('obr/background.jpg') top left no-repeat;}

.neviditelny {border: 2px #BEBABA solid; display: none;position: absolute; top: 280px; left: 320px; overflow: hidden; height: 270px; width: 250px; margin: 0 0 0 0; background: #000000; color: #ffffff;font-size: 100%;}
.viditelny {border: 2px #BEBABA solid; position: absolute; top: 280px; left: 310px; overflow: hidden; height: 270px; width: 250px; margin: 0 0 0 0; background: #000000; color: #ffffff;font-size: 100%;}

.neviditelny-obr {border: 2px #BEBABA solid; display: none;position: absolute; left: 180px; overflow: hidden; margin: 0 0 0 0; padding: 10px 10px 10px 10px; background: #000000; color: #ffffff;}
.neviditelny-obr01 {border: 2px #BEBABA solid; display: none;position: absolute; left: 180px; top: 100px; overflow: hidden; margin: 0 0 0 0; padding: 10px 10px 10px 10px; background: #000000; color: #ffffff;}
.neviditelny-obr02 {border: 2px #BEBABA solid; display: none;position: absolute; left: 180px; top: 200px; overflow: hidden; margin: 0 0 0 0; padding: 10px 10px 10px 10px; background: #000000; color: #ffffff;}
.neviditelny-obr03 {border: 2px #BEBABA solid; display: none;position: absolute; left: 180px; top: 300px; overflow: hidden; margin: 0 0 0 0; padding: 10px 10px 10px 10px; background: #000000; color: #ffffff;}
.neviditelny-obr04 {border: 2px #BEBABA solid; display: none;position: absolute; left: 180px; top: 400px; overflow: hidden; margin: 0 0 0 0; padding: 10px 10px 10px 10px; background: #000000; color: #ffffff;}
.neviditelny-obr05 {border: 2px #BEBABA solid; display: none;position: absolute; left: 180px; top: 500px; overflow: hidden; margin: 0 0 0 0; padding: 10px 10px 10px 10px; background: #000000; color: #ffffff;}
.neviditelny-obr06 {border: 2px #BEBABA solid; display: none;position: absolute; left: 180px; top: 600px; overflow: hidden; margin: 0 0 0 0; padding: 10px 10px 10px 10px; background: #000000; color: #ffffff;}
.neviditelny-obr07 {border: 2px #BEBABA solid; display: none;position: absolute; left: 180px; top: 700px; overflow: hidden; margin: 0 0 0 0; padding: 10px 10px 10px 10px; background: #000000; color: #ffffff;}
.neviditelny-obr08 {border: 2px #BEBABA solid; display: none;position: absolute; left: 180px; top: 800px; overflow: hidden; margin: 0 0 0 0; padding: 10px 10px 10px 10px; background: #000000; color: #ffffff;}


.nahoru {border: 0px; margin: 0 0 0 3px; padding: 0 0 0 3px;}

.uvod-hairgot {margin: 70px 10px 10px 20px;}
.uvod-hairgot a {text-decoration: underline; color: #ffffff;}
.uvod-hairgot a:hover {text-decoration: none; color: #000000; background: #BEBABA;}

#oko-text {z-index: 89; background: url('obr/kontakt-horni.jpg') top left no-repeat; width: 250px;}
.right {float: right; display: inline;}
.noborder {border: 0px;}
.textoverflow {margin: 50px 0 0 0; padding: 0 10px 0 10px; overflow: auto; height: 320px; width: 430px;}


.znacky-01 {background: none url('obr/znacka-01.gif') 0 0 no-repeat; width: 51px; height: 38px;}
.znacky-01:hover {background-position: -51px 0;}


/*
.lista {width: 789px; position: absolute; top: 0px; left: 0px; z-index: 89;margin: 0 0 0 0; background: #000000; color: #ffffff;font-size: 80%;}
.lista a {margin: 0 0 0 0;padding: 0 0 0 2px;border-left: 2px #000000 solid; text-decoration: none; margin: 0 0 0 0; background: #000000; color: #BEBABA;font-size: 100%;}
.lista a:hover {color: #ffffff;text-decoration: none; border-left: 2px #BEBABA solid;}
*/
td.nazev, td.cena {border-bottom: 1px #BEBABA dotted;}
td.nazev {margin: 0 0 0 0; padding: 5px 5px 5px 0;}
td.cena {text-align: right;margin: 0 0 0 0; padding: 5px 0 5px 10px;}
.center {text-align: center; margin: 0 auto 0 auto;}
.left {float: left;}
.right {float: right;}
.noborder {border: 0px;}
.width-100-procent, table.100-procent {width: 100%; margin: 0 0 0 0; padding: 0 0 0 0;}
.width-95-procent-head {width: 95%; margin: 0 0 30px 0;}
.width-95-procent-head .left {margin: 0 0 30px 0;}

.width-100-procent-01 {width: 100%; margin: 0 0 5px 0; padding: 0 0 20px 0;}

.linka-lomitka {background: url('obr/linka-lomitka.gif') bottom left repeat-x; height: 21px;}

.foto {margin: 0 0 0 0; padding: 0 0 0 0; border: 1px #BEBABA solid;}
.foto-right {float: right; margin: 0 0 5px 5px; padding: 0 0 0 0; border: 1px #BEBABA solid;}
.produkt {border: 0px; margin: 0 10px 0 0; padding: 0 0 0 0;}
.width-95-procent-head h2.produkty {color: #E90189;font-size: 130%; margin: 0 0 0 0; padding: 0 0 0 0; display: inline;}
.width-95-procent-head h3.produkty {font-size: 100%; margin: 0 0 5px 0; padding: 0 0 0 0;}

#obal-podokno, #obal-podokno-prod {width: 544px; font-family : Arial, Helvetica, sans-serif;color: #ffffff;margin: 0 0 0 0; padding: 0 0 0 0;}
#obal-podokno h1, #obal-podokno-prod h1 {display: none;font-family : Arial, Helvetica, sans-serif;margin: 50px 0 0 0; padding: 50px 0 10px 20px; color: #E90189; letter-spacing: 0.25em;}

.navigacni-tlacitka {position: absolute; left: 450px; top: 50px;}

.text-darky, .text-skola, .text-produkty, .text-muzika {width: 300px; padding: 90px 0 0 20px;}
.text-tym {width: 350px; padding: 90px 0 0 20px;}

.sluzby-okno .text, .produkty-okno .text, .tym-okno .text, .darky-okno .text, .trendy-okno .text, .tisk-okno .text, .skola-okno .text, .klienti-okno .text, .muzika-okno .text, .foto-okno .text, .bedhead-okno .text, .catwalk-okno .text, .cenik-okno .text, .kontakt-okno .text {margin: 90px 10px 0 10px; padding: 0 10px 0 10px;}

.tym-okno {z-index: 89; background: url('obr/tym-horni.jpg') top left no-repeat;}

.produkty-okno {z-index: 89; background: url('obr/produkty-horni.jpg') top left repeat-x;}

.sluzby-okno {z-index: 89; background: url('obr/sluzby-horni.jpg') top left repeat-x;}

.right-foto {margin: 0 0 0 20px; float: right;}
.leva-foto {float: left; margin: 0 20px 0 0;border: 1px #BEBABA solid;}
.width-100 {width: 100%;}

.sluzby-okno, .produkty-okno, .tym-okno, .darky-okno, .trendy-okno, .tisk-okno, .skola-okno, .klienti-okno, .muzika-okno, .foto-okno,   .bedhead-okno, .catwalk-okno, .cenik-okno, .kontakt-okno {position: absolute; top: 0px; left: 0px; height: 54px; width: 544px; z-index: 89; }

.bedhead-okno {background: #000000 url('obr/bed-head-horni.jpg') top left repeat-x;}

.catwalk-okno {background: #000000 url('obr/catwalk-horni.jpg') top left repeat-x;}

.cenik-okno {background: #000000 url('obr/cenik-horni.jpg') top left repeat-x;}

.kontakt-okno {background: #000000 url('obr/kontakt-horni.jpg') top left repeat-x;}

.darky-okno {background: url('obr/darky-horni.jpg') top left repeat-x;}
.obr-pravy {width: 150px; height: 347px; background: url('obr/bespoke-01.jpg') top right no-repeat;margin: 75px 0 0 360px;}
.obr-pravy-01 {width: 150px; height: 347px; background: url('obr/bespoke-02.jpg') top right no-repeat;margin: 75px 0 0 360px;}
.obr-pravy-02 {width: 129px; height: 535px; background: url('obr/bespoke-03.jpg') top right no-repeat;margin: 75px 0 0 380px;}
.obr-pravy-03 {width: 166px; height: 241px; background: url('obr/bespoke-04.jpg') top right no-repeat;margin: 75px 0 0 380px;}

.skola-okno {background: url('obr/skola-horni.jpg') top left repeat-x;}

.klienti-okno {background: url('obr/klienti-horni.jpg') top left repeat-x;}

.foto-okno {background: url('obr/foto-horni.jpg') top left repeat-x;}

.muzika-okno {background: url('obr/muzika-horni.jpg') top left repeat-x;}

.tisk-okno {background: url('obr/tisk-horni.jpg') top left repeat-x;}

.trendy-okno {background: url('obr/trendy-horni.jpg') top left repeat-x;}

#obal-podokno a {text-decoration: underline; color: #ffffff;}
#obal-podokno a:hover {text-decoration: none; color: #000000; background: #BEBABA;}

#obal-podokno-prod a {text-decoration: underline; color: #ffffff;}
#obal-podokno-prod a:hover {text-decoration: none; color: #000000;}



.left-foto {float: left; width: 100%; margin: 0 0 15px 0;}


/* pouze pro bed-head a catwalk --- menici znacky :)) */
#obal-podokno-prod img {border: 0px;}
.menici01 {font-size: 50px; background: url('obr/head-kol-01.gif') top left no-repeat;}
.menici01:hover { z-index: 89; background: url('obr/head-kol-01-text.gif') top left no-repeat;}
.menici02 {font-size: 50px; background: url('obr/head-kol-02.gif') top left no-repeat;}
.menici02:hover { z-index: 89; background: url('obr/head-kol-02-text.gif') top left no-repeat;}
.menici03 {font-size: 50px; background: url('obr/head-kol-03.gif') top left no-repeat;}
.menici03:hover { z-index: 89; background: url('obr/head-kol-03-text.gif') top left no-repeat;}
.menici04 {font-size: 50px; background: url('obr/head-kol-04.gif') top left no-repeat;}
.menici04:hover { z-index: 89; background: url('obr/head-kol-04-text.gif') top left no-repeat;}
.menici05 {font-size: 50px; background: url('obr/head-kol-05.gif') top left no-repeat;}
.menici05:hover { z-index: 89; background: url('obr/head-kol-05-text.gif') top left no-repeat;}
.menici06 {font-size: 50px; background: url('obr/head-kol-06.gif') top left no-repeat;}
.menici06:hover { z-index: 89; background: url('obr/head-kol-06-text.gif') top left no-repeat;}
.menici07 {font-size: 50px; background: url('obr/head-kol-07.gif') top left no-repeat;}
.menici07:hover { z-index: 89; background: url('obr/head-kol-07-text.gif') top left no-repeat;}
.menici08 {font-size: 50px; background: url('obr/head-kol-08.gif') top left no-repeat;}
.menici08:hover { z-index: 89; background: url('obr/head-kol-08-text.gif') top left no-repeat;}
.menici09 {font-size: 50px; background: url('obr/head-kol-09.gif') top left no-repeat;}
.menici09:hover { z-index: 89; background: url('obr/head-kol-09-text.gif') top left no-repeat;}
.menici10 {font-size: 50px; background: url('obr/head-kol-10.gif') top left no-repeat;}
.menici10:hover { z-index: 89; background: url('obr/head-kol-10-text.gif') top left no-repeat;}
.menici11 {font-size: 50px; background: url('obr/head-kol-11.gif') top left no-repeat;}
.menici11:hover { z-index: 89; background: url('obr/head-kol-11-text.gif') top left no-repeat;}
.menici12 {font-size: 50px; background: url('obr/head-kol-12.gif') top left no-repeat;}
.menici12:hover { z-index: 89; background: url('obr/head-kol-12-text.gif') top left no-repeat;}
.menici13 {font-size: 50px; background: url('obr/head-kol-13.gif') top left no-repeat;}
.menici13:hover { z-index: 89; background: url('obr/head-kol-13-text.gif') top left no-repeat;}
.menici14 {font-size: 50px; background: url('obr/head-kol-14.gif') top left no-repeat;}
.menici14:hover { z-index: 89; background: url('obr/head-kol-14-text.gif') top left no-repeat;}
.menici15 {font-size: 50px; background: url('obr/head-kol-15.gif') top left no-repeat;}
.menici15:hover { z-index: 89; background: url('obr/head-kol-15-text.gif') top left no-repeat;}
.menici16 {font-size: 50px; background: url('obr/head-kol-16.gif') top left no-repeat;}
.menici16:hover { z-index: 89; background: url('obr/head-kol-16-text.gif') top left no-repeat;}

.podstranka .produkt-g a img {border: 0px;}
.podstranka strong {font-weight: bold;}

.foto-okno .dvojka, .foto-okno .dvojka:hover {font-weight: bold; font-size: 120%; color: white; margin: 0 0 0 0; padding: 0 0 0 0; border: 0px;}
.foto-okno .trojka, .foto-okno .trojka:hover {font-weight: bold; font-size: 80%; color: white; margin: 0 0 0 0; padding: 0 0 0 0;border: 0px;}

.radost { }
#radost {height: 134px; width: 258px;position: absolute; top: 23px; left: 310px; background: none; border: 0px;}


.podstrana-poz, .podstrana-poz-video {background: url("obr/pozadi-div-podstrana.gif") top left no-repeat; width: 105px; height: 612px; z-index: 91; position: absolute; top: 0px; right: 300px;}
.podstrana-poz-video {right: 440px;}
.podstranka, .podstranka-video {border-top: 10px solid #030607; border-bottom: 10px solid #030607;text-align: right; padding: 20px 20px 20px 0px; z-index: 91; position: absolute; background: #030607; color: #ffffff; top: 0px; right: -1px; width: 290px; height: 522px; overflow: auto;}
.podstranka-video {width: 430px;}
.podstranka a, .podstranka a:hover, .podstranka-video a, .podstranka-video a:hover {color: #ffffff;}
/*.podstranka, .podstranka-video {scrollbar-track-color: #343233;scrollbar-face-color: #030607;scrollbar-highlight-color: #030607;scrollbar-3dlight-color: #030607;scrollbar-darkshadow-color: #030607;scrollbar-shadow-color: #030607;scrollbar-arrow-color: #DA268C;}*/
.podstranka h1, .podstranka-video h1 {color: #DA268C; font-size: 250%; margin: 0 0 15px 0;}

.podstrana-pod, .podstrana-pod-video {font-size: 90%; height: 32px; padding: 0; margin: 0; width: 405px; background: #131315; color: #2F2F31; z-index: 92; position: absolute; top: 580px; right: -1px;}
.podstrana-pod-video {width: 545px;}
.podstrana-pod a, .podstrana-pod a:hover, .podstrana-pod-video a, .podstrana-pod-video a:hover {color: #2F2F31;}
.podstrana-pod .autor, .podstrana-pod-video .autor {color: #2F2F31; text-align: left; position: relative; top: 15px; left: 5px;}

.podstrana-pod .reklamy, .podstrana-pod-video .reklamy {float: right;}
.podstrana-pod .reklamy a, .podstrana-pod .reklamy img, .podstrana-pod-video .reklamy a, .podstrana-pod-video .reklamy img {border: 0px; float: left; }
.podstrana-pod .reklamy a, .podstrana-pod-video .reklamy a {display: block; margin: 5px 5px 0 0;}

#menu-tucne span {font-weight: bolder; color: #ffffff;}

ul.nabidka, ul.nabidka li {list-style-type:none;}
ul.nabidka li {padding: 2px 15px 2px 0; background: url("obr/ok-g.gif") right center no-repeat;}

.kontakt-form input, .kontakt-form textarea {width: 200px; margin: 2px 0 2px 0;}
.kontakt-form .submit {width: 100px;}
/*.kontakt-form {scrollbar-track-color: #ffffff;scrollbar-face-color: #ffffff;scrollbar-highlight-color: #ffffff;scrollbar-3dlight-color: #ffffff;scrollbar-darkshadow-color: #ffffff;scrollbar-shadow-color: #ffffff;scrollbar-arrow-color: #000000;}*/

table.galerie td {padding: 5px 0px 5px 20px;}
table.galerie a  {text-decoration: none;}
img {border-color: white;}

.hlaska-kontakt {background: #DA268C; color: #ffffff;padding: 5px; width: 200px;}




.ramecek-kadernictvi {z-index: 99; position: absolute; top: -5px; float: left; left: 0; padding: 0;	margin: 0;	visibility: hidden;	background: none;}
.ramecek-sluzby {z-index: 99; position: absolute; top: -5px; float: left; left: 190px; padding: 0;	margin: 0;	visibility: hidden;	background: none;}
.ramecek-foto {z-index: 99; position: absolute; top: -5px; float: left; left: 546px; padding: 0;	margin: 0;	visibility: hidden;	background: none;}
.ramecek-klienti {z-index: 99; position: absolute; top: -5px; float: left; left: 417px; padding: 0;	margin: 0;	visibility: hidden;	background: none;}
.ramecek-cenik {z-index: 99; position: absolute; top: -5px; float: left; left: 638px; padding: 0;	margin: 0;	visibility: hidden;	background: none;}
.ramecek-pr {z-index: 99; position: absolute; top: -5px; float: left; left: 588px; padding: 0;	margin: 0;	visibility: hidden;	background: none;}
.ramecek-kontakt {z-index: 99; position: absolute; top: -5px; float: left; left: 637px; padding: 0;	margin: 0;	visibility: hidden;	background: none;}

.polozka {behavior: url("hovermenu.htc"); /* IE */}
.polozkaHover .ramecek-kadernictvi, .polozka:hover .ramecek-kadernictvi {visibility: visible;}
.polozkaHover .ramecek-sluzby, .polozka:hover .ramecek-sluzby {visibility: visible;}
.polozkaHover .ramecek-pr, .polozka:hover .ramecek-pr {visibility: visible;}
.polozkaHover .ramecek-foto, .polozka:hover .ramecek-foto {visibility: visible;}
.polozkaHover .ramecek-cenik, .polozka:hover .ramecek-cenik {visibility: visible;}

/* hover menu ************************************************** */
ul.mainLeveMenu li {margin: 0;}
ul.mainLeveMenu li, ul.mainLeveMenu li a {width: 140px;background: #DA268C;}
ul.mainLeveMenu li ul li {margin: 0 0 0 20px;}
ul.mainLeveMenu li a { color: #ffffff;  text-decoration: none; margin: 0; display: block; padding: 5px 0 5px 10px;  border: 1px solid #000000; border-top: 0px none;}
ul.mainLeveMenu li a:hover {color: #ffffff; text-decoration: underline;background: #CA2382;}
ul.mainLeveMenu li.prvsni a {font-weight: bold; color: #BEBABA; background: #323232; text-decoration: none; margin: 0; display: block; padding: 5px 0 5px 10px;  border: 1px solid #000000; border-top: 0px none;}
ul.mainLeveMenu li.prvsni a:hover {color: #ffffff; text-decoration: underline;background: #3C3C3C;}
ul.mainLeveMenu, ul.mainLeveMenu li {border: 0px none; margin: 0px; padding: 0px;list-style-type:none;}
/* MENU ************************************************** */