body { font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; background-image: url(../images/pozadi-horni.gif); background-repeat: repeat-x; background-color: #E0ECB2; line-height: 0px; font-size: 11px; color: black; margin: 0px; padding: 0px; }

/* obecne */
h2 { margin: 0px;}
a, img { border: none; }
a { text-decoration: none; color: #B04052; }
a:hover { text-decoration: underline; color: #DF0024; }
p { margin: 2px 0px 0px 0px; }
input.submit { background-color: #8B081D; height: 21px; border: 1px solid #E00F35; color: white; font-size: 10px; vertical-align: top; padding: 0 10px 0 10px; }
.right { float: right; margin: 0 15px 15px 15px; }
.left { float: left; margin: 0 15px 15px 15px; }
.border { border: 1px solid #00A651; }
sup { font-size: 65%; }

/* design */
div#pozadi-stred { position: absolute; top: 189px; left: 0px; width: 100%; height: 55px; background-image: url(../images/pozadi-stred.gif); border-top: 1px solid white; }

div#stiny { position: absolute; _position: relative; z-index: 20; width: 966px; top: 22px; left: 50%; margin-left: -486px; _margin-left: -483px; background-image: url(../images/stiny/spodek.gif); background-repeat: repeat-y; }
div.stin-hd { position: relative; float: left; width: 966px; }
div#stin-levo { position: relative; float: left; width: 8px; height: 214px; background-image: url(../images/stiny/levy.gif); background-repeat: no-repeat; }
div#stin-pravo { position: relative; float: left; width: 8px; height: 214px; background-image: url(../images/stiny/pravy.gif); background-repeat: no-repeat; }

div#page { position: relative; float: left; z-index: 30; width: 948px; border: 1px solid white; background: white url(../images/pozadi-page.gif) repeat-y left; line-height: 13px;  }
div#header { position: relative; width: 948px; height: 212px; background-image: url(../images/pozadi-header.jpg); background-repeat: no-repeat; background-color: transparent; font-size: 25px; font-weight: bold; }
/*div#header h1 { display: none; }*/

div#menu { position: absolute; top: 140px; left: 26px; z-index: 100; }

div#flash1 { position: absolute; left: 50%; margin-left: -31px; top: -31px; width: 505px; height: 243px; background-image: url(../images/flash1.jpg); background-repeat: no-repeat; }


div#footer { position: relative; float: left; width: 966px; height: 22px; padding: 8px 20px 10px 20px; _padding-bottom: 40px; color: #009F3D; line-height: 14px; font-size: 11px; background-color: #E0ECB2;  }
div#footer span { margin-left: 30px; }
a.afilogo { position: absolute; display: block; width: 115px; height: 27px; background-image: url(../images/afilogo.gif); background-repeat: no-repeat; }
div#footer div#contact { position: absolute; width: auto; right: 60px; _right: 30px; top: 10px; font-size: 14px; color: #B04052; font-weight: bold; }

/* uvodni stranka */
div#left { position: relative; float: left; width: 157px; height: 309px; overflow-y: hidden; padding: 19px 30px 19px 26px; background: #B20F20 url(../images/pozadi-obsah-levo.jpg) no-repeat;  }
div#flash2 { position: relative; float: left; width: 735px; height: 347px; z-index: 50; }
#flash2swf { position: absolute; left: 0; top: 0; width: 735px; height: 348px; border: 0; margin: 0; z-index: 0; }
#akce { position: absolute; top: 0px; left: 512px; color: white; font-size: 40px; width: 180px; height: 154px; font-family: arial; line-height: 40px; z-index: 5; background-repeat: no-repeat; }
#akce.en {background: url(../images/sleva15_en.png); }
#akce.cz {background: url(../images/sleva15_cz.png); }
#akce span { display: none; }

#introtext {position: absolute;top:525px;left:250px;width:565px;z-index:100;color: gray;}
#introtext strong {font-weight: normal;}

/* podstranka */
div#obsah { position: relative; float: left; width: 540px; min-height: 571px; _height: 571px; background-image: url(../images/pozadi-obsah-2.jpg); background-repeat: no-repeat; background-color: white; }
div#inner-obsah { width: 485px; margin-left: 35px; margin-top: 25px; }
div#left-side { position: relative; float: left; width: 213px; }
div#mapa { position: relative; float: left; width: 213px; height: 224px; background-image: url(../images/pozadi-mapa.jpg); background-repeat: no-repeat; }
div#flash3 { position: relative; width: 159px; height: 174px; margin: 25px 0px 0px 26px; background-color: white; }

div#right-side { position: relative; float: left; width: 195px; min-height: 424px; _height: 424px; background-image: url(../images/pozadi-pravo.jpg); background-repeat: no-repeat; background-color: white; }
div#right-side.ru { background-image: url(../images/pozadi-pravo_ru.jpg);  }
div#byty { position: absolute; width: 159px; height: 174px; margin: 25px 0px 0px 26px; background-color: white; }
div#papir3 { position: relative; width: 159px; height: 174px; margin: 25px 0px 0px 26px; background-color: white; }
div#papir4 { position: relative; width: 159px; height: 174px; margin: 25px 0px 0px 26px; background-color: white; }

/* header */
#logo, #logo a, #logo span{position:absolute;left: 27px; top: 21px;display:block;width:182px;height:88px;margin:0;padding:0;overflow:hidden;}
#logo span{position:absolute;left:0;top:0;background: url(/images/logo.gif);cursor:pointer;}


a.jazyk { position: relative; left: 235px; top: 21px; font-size: 12px; color: #009F3D; }
#slogan { position: relative; left: 150px; text-align: right; top: 50px; width: 480px; display: block; height: 25px; letter-spacing: 1px; line-height: 25px; font-size: 22px; color: #DF0024; z-index: 5; margin: 0; }

/* menu */
div#menu a { display: block; height: 24px; float: left; margin-right: 21px; font-size: 14px; color: #009D3F; font-weight: bold; background-image: url(../images/menu/neaktivni.gif); background-repeat: repeat-x; background-position: left 20px; }
div#menu a:hover { color: #DF0024; background-image: url(../images/menu/aktivni.gif); background-repeat: repeat-x; text-decoration: none; }
div#menu a.active { color: #DF0024; background-image: url(../images/menu/aktivni.gif); background-repeat: repeat-x; }

/* lastest news */
div#left a { color: white; }
div#left p { color: white; font-size: 12px; margin: 0; padding: 0; }
div#left h2 { color: white; font-size: 18px; height: 15px; font-weight: normal; padding-left: 25px; background: url(../images/ok2.gif) no-repeat; line-height: 20px; }
div#left span { color: #00A550; font-weight: bold; }
div#left span.cara { position: relative; float: left; width: 157px; height: 5px; margin-top: 4px; margin-bottom: 6px; background-image: url(../images/cara.gif); background-repeat: no-repeat; font-size: 1px; }
div#left p img { float: left; margin-top: 20px; }

/* papirky */
#flash2 div.listy { position: absolute; width: 225px; height: 115px; background: transparent url(../images/sipka1_bg.gif) no-repeat 16px 10px; font-family: Tahoma; }
#flash2 div.listy h2 { color: #d70023; margin: 10px 0 0 60px; font-size: 21px; font-weight: normal; line-height: 20px; font-weight: bold; }
#flash2 div.listy p { color: black; margin: 0 0 0 60px; font-size: 17px; font-weight: bold; }
#flash2 div.listy form { margin-top: 5px; }
#flash2 div.listy select { font-size: 12px; float: left; margin: 5px 0 0 60px; }
#flash2 div.listy input { margin: 5px 0 0 10px; float: left; background-color: #01a651; border: 1px solid #31662c; font-size: 11px; line-height: 0px; height: 20px; font-size: 120%; text-transform: capitalize; width: 55px; }

#right-side div.listy { position: absolute; width: 132px; height: 135px; background-color: transparent; background: none; }
#right-side div.listy h2 { color: #231F20; font-size: 18px; font-weight: normal; line-height: 18px; }
#right-side div.listy p { color: #B00E1C; font-size: 12px; }
#right-side div.listy form { margin-top: 5px; }
#right-side div.listy select { font-size: 12px; }
#right-side div.listy input { margin-top: 5px; } 

div#volnych { position: absolute; left: 525px; top: 237px; width: 193px; text-align: right; }
div#cisla { position: relative; top: 12px; left: 2px; color: white; font-size: 40px; width: 70px; height: 40px; font-family: arial; font-weight: bold; line-height: 40px; text-align: right; float: left; }
div#cisla span { display: none; }

div#movie { position: absolute; right: 0px; top: 430px; width: 187px; height: 101px; background: url(../images/pozadi-3Dmovie.gif) no-repeat; padding-right: 10px; }
div#movie a { position: absolute; right: 20px; top: 33px; width: 65px; height: 48px; }

/* highlithslights */
div#inner-obsah ul#seznam { /*position: absolute; width: 270px; height: 110px; top: 190px; left: 280px; */ padding-left: 0; margin-left: 0; }
div#inner-obsah ul#seznam li { list-style-type: none; list-style-position: outside; color: #B00E1C; font-size: 13px; font-weight: normal; padding-left: 17px; background: url(../images/ok.gif) 0 0 no-repeat; letter-spacing: -0.2px; line-height: 1em; padding-bottom: 10px; }


/* obsah */
div#inner-obsah h1 { width: 485px; height: 50px; font-size: 18px; color: #009D3F; font-weight: normal; margin-bottom: 10px; line-height: 50px; padding-left: 60px; background-image: url(../images/nadpisy/tulipan.gif); background-repeat: no-repeat; }
div#inner-obsah h1#metro { background-image: url(../images/nadpisy/metro.gif); }
div#inner-obsah h1#domek { background-image: url(../images/nadpisy/domek.gif); }
obalka
jerab

div#inner-obsah span { float: right; margin-top: 0; }
div#inner-obsah h1 span { display: none; }
div#inner-obsah h1 img { margin-right: 5px; vertical-align: middle; }
div#inner-obsah h2 { margin: 16px 0 10px 0; font-size: 15px; color: #DF0024; font-weight: bold; text-transform: uppercase; }
div#inner-obsah h3 { margin: 15px 0 6px 0; font-size: 14px; color: #B04052; font-weight: bold; }
div#inner-obsah h3.bigger { font-size: 18px; }
div#inner-obsah h4 { margin: 10px 0 6px 0; font-size: 13px; font-weight: bold; }
div#inner-obsah ul { margin-top: 0; }
div#inner-obsah ol { margin-top: 0; }
div#inner-obsah p.odsad { text-indent: 12px; }
div#inner-obsah div#indent { margin-left: 28px; margin-bottom: 10px; color: black; font-size: 13px; line-height: 17px; }
div#inner-obsah p { margin-bottom: 10px; color: black; font-size: 13px; line-height: 17px; }
div#inner-obsah div#indent fieldset#cenik { border: 0; margin: 0; padding: 0; }
div#inner-obsah div#indent label {float: left;}
div#inner-obsah div#indent label span { font-weight: bold; width: 75px; height: 30px; display: block; float: left; margin-top: 2px; }
div#inner-obsah div#indent label select { width: 137px; height: 20px; margin-bottom: 10px; margin-right: 15px; }
div#inner-obsah .mini { font-size: 11px; line-height: 12px; border-top: 1px solid silver; padding-top: 10px; color: gray; }
div#inner-obsah .mini p { font-size: 11px; line-height: 12px; color: gray; }
div#inner-obsah a.galerie { float:left; width: 140px; margin: 0px 10px 10px 0px; text-decoration: none; }
div#inner-obsah a.galerie img { border: 1px solid #00A651; }
div#inner-obsah a.galerie p { float: left; width: 140px; font-size: 11px; }
div#inner-obsah div#floorplans { display: none; 
float: right; width: 200px; height: 200px; margin-bottom: 20px; }

div#inner-obsah ul { list-style-type: none; padding: 0; margin: 0 0 0 20px; }
div#inner-obsah li { background-image: url(../images/li.gif); background-repeat: no-repeat; background-position: 0 4px; padding-left: 18px; }

/* ukonceni */
div.ukonceni { position: relative; clear: both; height: 1px; font-size: 1px; line-height: 1px; }

/* tabulka s vypisem bytu */
table#byty { width: 470px; max-width: 470px; border-collapse: collapse; border: 0; }
table#byty tr td,table#byty tr th { vertical-align: top; text-align: center; border-bottom: 1px solid #D1D3D4; padding: 2px 6px 2px 6px; background-image: url(../images/carka.gif); background-repeat: no-repeat; background-position: right bottom; }
table#byty tr td.n, table#byty tr th.n { background-image: none;  }
table#byty tr th { color: #DF0024; border-bottom: 2px solid #009D3F; }
table#byty .r { text-align: right; }
table#byty .l { text-align: left; }
#promo {padding: 10px;border: 2px solid #009D3F;margin-bottom: 10px;font-size: 1.4em;color: #DF0024;}

/* kontakt */
table.loga { width: 100%; border: 0px; border-collapse: collapse; border-spacing: 0px; }
table.loga td { padding: 0 16px 0 0; text-align: center; }
table.loga td.last { padding: 0; }


#okno { display: none; 
position: absolute; top: 25px; width: 27em; height: 6.3em; text-align: center; margin-left: -175px; left: 50%; padding: 10px; color: white; border: 5px solid white; background-color: #ed1c24; z-index: 30; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; color: white; }
a #okno { text-decoration: none; }
#okno h1 { padding: 0; margin: 0; font-size: 1.7em; font-weight: normal; line-height: 1.2em; }
#okno h1 strong { color: #ffde00; }

#tooltip { position: absolute; left: 10px; top: 30px; z-index: 300; border: 1px solid #111; background-color: #eee; padding: 5px; opacity: 0.85; line-height: 1.1em;}
#tooltip h3, #tooltip div { margin: 0; }

div#vanoce { background: url(../images/pozadi_vanoce.jpg) no-repeat; width: 328px; height: 279px; padding: 10px; }
div#vanoce h2 { padding: 0; margin: 0; font-size: 14px; padding-bottom: 7px; }
div#vanoce table { width: 328px; height: 259px;  }
div#vanoce table td { width: 50%; color: black; padding-top: 0px; padding-bottom: 0px; }

#slideshow {
    position:relative;
    height:350px;
    width: 300px;
    height: 182px;
    float: right;
    margin-left: 10px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

.clear { clear: both; }