body { margin: 0; padding: 0; background-color: #fff2d3; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; font-size: small; }

#kostra { width: 100%; height: auto; background: url(../images/pozadi_home.jpg) repeat-x 987px top; }
#kostra.subpage { background-image: url(../images/pozadi_subpage.jpg); }

#lista { position: absolute; top: 15px; left: 750px; width: 230px; height: 30px; margin-left: auto; margin-right: auto; line-height: 10px; z-index: 10; }
#lista a { color: #009F3D; text-decoration: none; }
#lista a:hover { text-decoration: underline; }
#lista #domu { float: left; display: block; top: 5px; line-height: 20px; background: url(../images/domu.gif) no-repeat left; text-indent: 15px; }
#lista #kontakt { float: left; display: block; margin-left: 20px; line-height: 20px; background: url(../images/kontakt.gif) no-repeat left; text-indent: 15px; }
#lista #jazyk { float: left; display: block; margin-left: 20px; line-height: 20px; background: url(../images/sipcicka.gif) no-repeat left; text-indent: 15px; }

#hlavicka { width: 987px; height: 373px; background: #5f9dd8 url(../images/vizual_home.jpg) no-repeat top left; margin: 0; padding: 0; }
#hlavicka h1 { position: absolute;  left: 54px; top: 3px; margin:0; padding:0; width:224px; height:143px; font-size: 20px; overflow:hidden; z-index: 30; text-indent: 40px; font-size: 6px; line-height: 100px; }
#hlavicka a { color: white; }
#hlavicka h1 span { display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 224px; height: 143px; margin: 0; padding: 0; background: url(../images/logo.png) top left no-repeat; cursor: pointer; }

#flash { 
width: 987px; height: 373px; position: absolute; top: 0; left: 0; z-index: 5; }

h2#slogan { display: block; position: absolute; left: 80px; top: 160px; width: 240px; color: white; font-weight: normal; font-size: 20px; line-height: 22px; margin: 0; padding: 0; }
h2#slogan span { display: block; margin-left: 25px; }

h3#prouzek { display: block; position: absolute; left: 0px; top: 0px; width: 247px; height: 214px; background: url(../images/stuha_vzorovy-byt.png) no-repeat left top; z-index: 
10; margin: 0; padding: 0; }
h3#prouzek.en { background-image: url(../images/ribbon_showflat.png); }
h3#prouzek span { display: none; }

p#novinkovypruh { position: absolute; left: 0px; top: 559px; width: 888px; height: 156px; padding: 127px 0 0 20px; margin: 0; background: url(../images/news_ticker.gif) no-repeat 3px top; line-height: 20px; color: white; font-size: 15px; font-weight: normal; }

#telo { width: 948px; min-height: 529px; height: auto; position: relative; }
#telo.home { background: url(../images/pozadi_telo.jpg) no-repeat top left; }
#obsah { position: relative; width: 987px; padding-top: 25px; min-height: 310px; height: auto; _height: 310px; color: #9ea48d; }

	ul#menu { margin: 0 0 0 300px; padding: 0; position: relative; z-index: 5; display: block; height: 50px; }
	ul#menu li { width: auto; height: 51px; padding: 0; text-align: center; line-height: 22px; list-style-type: none; font-size: 16px; color: #9ea48d; font-weight: normal; float: left; position: relative; text-transform: uppercase; }
	ul#menu li a { color: #9ea48d; text-decoration: none; padding: 10px 10px 10px 10px; display: block; }
	ul#menu li.active a { background: url(../images/menu_active.gif) no-repeat center top; }
	ul#menu li a:hover { color: #616457; }

ul#menu li ul { /* second-level lists */
  background-color: #fff7e2;
	position: absolute;
	width: 150px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin: 0;
	padding: 0;
}
ul#menu li:hover ul, ul#menu li.sfhover ul { /* lists nested under hovered list items */
	left: 0px;
	top: 43px;
	width: 150px;
	margin: 0 1px 1px 1px;
	border-left: 1px solid white;
	border-bottom: 1px solid white;
	border-right: 1px solid white;
}
ul#menu li ul li {
  text-transform: none;
	letter-spacing: 0px;
	height: 30px;
	min-width: 100px;
	_width: 130px;
	text-align: left;
  font-size: 14px;
  line-height: 30px;
  padding: 0;
  margin: 0;
}
ul#menu li ul li { padding: 2px 0 2px 10px; }
ul#menu li ul li a, ul#menu li.active ul li a { padding: 0; margin: 0; font-weight: normal; background: none; }


/*	#texthome { width: 365px; margin: 0; padding: 20px 5px 0 25px; color: #007A27; float: left; } 
	#text { width: 687px; margin: 0; padding: 20px 0 20px 25px; color: #007A27; float: left; }*/
	#obsah h1 { margin: 20px 0 15px 0; font-size: 28px; color: #0072BC; font-weight: normal; }
  #obsah h2 { margin: 20px 0 5px 0; font-size: 20px; color: #0072BC; font-weight: normal; }
	#obsah h3 { font-size: 15px; }
	#obsah h3.bigger { font-size: 19px; }
	#obsah h4 { font-size: 12px; margin-left: 24px; text-decoration: underline; margin-bottom: 5px; }
	#obsah p { margin: 0 0 12px 0; }
	#obsah a { color: #00AA50; text-decoration: none; }
	#obsah a:hover { text-decoration: underline; }
	#obsah ul { margin-top: 0; margin-bottom: 0; }

/*	#obsah img { border: 0; border-bottom: 6px solid #0072BC; padding-bottom: 1px; }*/
	#obsah img.nob { border: none; }

	#obsah .mini { font-size: 11px; line-height: 12px; padding-top: 10px; color: gray; /* border-top: 1px solid silver; */ }
	#obsah .mini p { font-size: 11px; line-height: 12px; color: gray; }
	#obsah div.sety img { border: 0; }
	#obsah #set1 { position: absolute; left: 25px; top: 141px; border: 0; }
	#obsah #set2 { position: absolute; left: 340px; top: 138px; border: 0; }
	#obsah #set3 { position: absolute; left: 290px; top: 323px; border: 0; }

	img.right { float: right; margin: 5px 0 5px 15px;  }
	img.left { float: left; margin: 5px 15px 5px 0; }

	#obsah div.press img { border: 0; margin-bottom: 20px; float: left; vertical-align: top; margin-right: 10px; }

	#obsah form fieldset#hledani { border: 0; margin: 0; padding: 0; }
	#obsah form label span { font-weight: bold; width: 100px; height: 30px; display: block; float: left; margin-top: 2px; }
	#obsah form label select { height: 20px; margin-bottom: 10px; }
	input.submit { background-color: #00A651; height: 21px; border: 1px solid #0072BC; color: white; font-size: 12px; vertical-align: top; padding: 0 10px 0 10px; }
	/* tabulka s vypisem bytu */
	table#byty { width: 637px; max-width: 637px; border-collapse: collapse; border: 0; }
	table#byty tr td,table#byty tr th { vertical-align: bottom; 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 #0072BC; }
	table#byty .r { text-align: right; }
	table#byty .l { text-align: left; }

	table#loga { width: 100%; }
	
	table#kontakty { width: 100%; border: 0; margin: 0; padding: 0; }
	table#kontakty tr td { vertical-align: top; width: 33%; }
	table#kontakty tr td h3 { padding-top: 0; margin-top: 0; }

 	#afi { width: 115px; height: 27px; position: absolute; left: 25px; bottom: 15px; }
	#afi div { width: 115px; height: 27px; margin: 0; padding: 0; position: relative; overflow: hidden; }
	#afi div span { display:block; position: absolute; left:0; top:0; z-index:1; width: 115px; height: 27px; margin:0; padding:0; background:url(../images/afilogo.gif) top left no-repeat; cursor: pointer; }

  #mapa a { position: absolute; left: 0px; top: 299px; width: 300px; height: 265px; margin: 0; background: url(../images/mapa.jpg) no-repeat left top; z-index: 10; }
  #ikonky { position: absolute; left: 0px; top: 525px; width: 299px; height: 175px; margin: 0; text-indent: 100px; line-height: 100px; z-index: 10; }
  #ikonky.cz { background: url(../images/ikonky_3d_cz.png) no-repeat left top;  }
  #ikonky.en { background: url(../images/ikonky_3d_en.png) no-repeat left top;  }
  a#movie { position: absolute; top: 30px; left: 20px; display: block; width: 140px; height: 115px; }
  a#movie span { display: none; }
  a#showflat { position: absolute; top: 20px; left: 160px; display: block; width: 139px; height: 115px; }
  a#showflat span { display: none; }

	#duvody { position: absolute; left: 315px; width: 310px; margin: 0; color: #9ea48d; }
	#duvody a { color: #9ea48d; text-decoration: none; }
	#duvody a:hover { color: #9ea48d; font-weight: bold; text-decoration: none; }
	#duvody #seznam { margin-left: 10px; }
	#duvody ol { padding: 0 0 5px 0; margin: 0; }
	#duvody ol li { font-size: 16px; padding-left: 20px; margin: 0 0 10px 0px; list-style: decimal outside; list-style-type: none; font-weight: normal; background: url(../images/li.gif) no-repeat 0 top; }

  #obrazek { position: absolute; right: 0; width: 308px; height: 174px; background: url(../images/obrazek_home.jpg) no-repeat; }
  #obrazek span { display: none; }

a.galerie { float:left; margin: 0px 8px 8px 0px; text-decoration: none; width: 150px; }
a.galerie img { border: none; }
a.galerie p { float: left; text-indent: 10px; width: 140px; font-size: 11px; }

	#tulipan { width: 73px; height: 175px; position: absolute; bottom: 0px; left: 409px; background: url(../images/tulipan.gif) no-repeat 0px 25px; }
	#banner { width: 140px; height: 273px; float: right; }

#pravy { width: 212px; height: auto; background: url(../images/pozadi_novinky.jpg) no-repeat; overflow: hidden; position: relative; float: left; }
#pravy.home { height: 230px; }

#volnych { display: block; position: absolute; left: 803px; top: 53px; width: 132px; height: 75px; background: no-repeat left top; padding: 0; margin: 0; z-index: 10; background-image: url(../images/bytu-k-dispozici_cz.gif); }
div h3#volnych.en { background-image: url(../images/bytu-k-dispozici_en.gif); }
#volnych #cislo1 { position: absolute; top: 29px; left: 5px; display: block; width: 24px; height: 33px; }
#volnych #cislo2 { position: absolute; top: 26px; left: 19px; display: block; width: 24px; height: 33px; }
#volnych #cislo3 { position: absolute; top: 22px; left: 36px; display: block; width: 24px; height: 33px; }
#volnych span.n0 { background: url(../images/cisla/0.gif) no-repeat; }
#volnych span.n1 { background: url(../images/cisla/1.gif) no-repeat; }
#volnych span.n2 { background: url(../images/cisla/2.gif) no-repeat; }
#volnych span.n3 { background: url(../images/cisla/3.gif) no-repeat; }
#volnych span.n4 { background: url(../images/cisla/4.gif) no-repeat; }
#volnych span.n5 { background: url(../images/cisla/5.gif) no-repeat; }
#volnych span.n6 { background: url(../images/cisla/6.gif) no-repeat; }
#volnych span.n7 { background: url(../images/cisla/7.gif) no-repeat; }
#volnych span.n8 { background: url(../images/cisla/8.gif) no-repeat; }
#volnych span.n9 { background: url(../images/cisla/9.gif) no-repeat; }
#volnych_txt { display: none; }

#overvolnytext { display: block; position: absolute; left: 803px; top: 53px; width: 141px; height: 104px; background: no-repeat left top; padding: 0; margin: 0; z-index: 12; background-image: url(../images/8sleva.png); }
#overvolnytext.en { background-image: url(../images/8sleva_EN.png); }
#overvolnytext span#imgbox9 { display: block; position: absolute; left: 0; top: 0; width: 141px; height: 104px; background: no-repeat left top; padding: 0; margin: 0; z-index: 13;  }



#novinky { width: 175px; height: 185px; padding: 20px 15px 0 15px; overflow: hidden; color: white; clear: both; }
#novinky a { color: white; text-decoration: none; }
#novinky h2 { margin: 0; font-size: 16px; color: white; font-weight: bold; background: url(../images/sipka-modra.gif) no-repeat; text-indent: 30px; }
#novinky ul { padding: 0; margin: 0; }
#novinky ul li { padding: 0 0 8px 0; margin: 8px 0 0 0px; list-style: decimal outside; list-style-type: none; font-weight: normal; font-size: 12px; line-height: 12px; background: url(../images/linka.gif) no-repeat bottom; }

#paticka { width: 987px; height: 50px; position: relative; }
#paticka p { display: none; }
#paticka img { border: 0; float: right; }
#paticka a { color: #0072bc; }

#okno { display: none;
position: absolute; top: 50px; width: 21.5em; height: 5.2em; text-align: center; margin-left: -47px; left: 50%; padding: 10px; color: white; border: 5px solid white; background-color: #308b2b; 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.4em; font-weight: normal; }
#okno h1 strong { color: #ffde00; }

#kostra.subpage #hlavicka { height: 236px; background-image: url(../images/vizual_subpage.jpg); }
#kostra.subpage #hlavicka h1 { left: 40px; top: 15px; width: 175px; height: 118px; z-index: 30; }
#kostra.subpage #hlavicka h1 span { background-image: url(../images/logo_subpage.png); }
#kostra.subpage ul#menu { margin: 0 0 0 37px; }
#kostra.subpage h2#slogan { left: 570px; top: 55px; }
#kostra.subpage #mapa a { left: 688px; top: 141px; background-image: url(../images/mapa_subpage.jpg); }
#kostra.subpage #formular { position: absolute; left: 688px; top: 404px; width: 247px; height: 162px; background: url(../images/formular_kontakt.gif) no-repeat left top; z-index: 10; padding: 25px 0 0 13px; margin-left: 28px; }
  #kostra.subpage #formular p { font-weight: bold; line-height: 25px; margin: 0; padding: 10px 0 5px 0; }
  #kostra.subpage #formular form { margin: 0; padding: 0; }
  #kostra.subpage #formular label { font-size: 11px; width: 100px; float: left; line-height: 10px; margin-top: 5px; }
  #kostra.subpage #formular input { width: 120px; border: 1px solid silver; margin-bottom: 2px; }
  #kostra.subpage #formular input#submit { width: 80px; padding: 0; border: 1px solid silver; margin-bottom: 2px; border: none; background-color: #F3F0E9; position: absolute; bottom: 15px; left: 40px; color: #00A651; font-weight: bold; }
#kostra.subpage #ikonky { left: 688px; top: 575px; }
#kostra.subpage #telefon800 { position: absolute; left: 688px; top: 742px; width: 182px; height: 135px; margin: 0; background: url(../images/telefon800.gif) no-repeat left top; padding-left: 118px; line-height: 15px; color: #9ea48d; }
#kostra.subpage #telefon800 span { font-size: 25px; color: #00A651; display: block; line-height: 30px; font-weight: bold; margin-left: 5px; }
#kostra.subpage #telefon800 a { display: block; font-size: 15px; font-weight: bold; margin: 12px 0 0 7px; color: #0374BD; }
#kostra.subpage #obsah { width: 637px; margin-left: 50px; padding-top: 0px; min-height: 600px; }
#kostra.subpage #paticka { width: 956px; }
#kostra.subpage #paticka p { display: block; float: left; margin-left: 50px; font-size: 11px; color: #9ea48d; display: inline; }

.clear { clear: both; }
#preload { display: none; }
#shadowbox {position: absolute; top: -500px;}

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; color: #d70023; font-weight: bold; }
div#vanoce table { width: 328px; height: 259px;  }
div#vanoce table td { width: 50%; color: black; padding-top: 0px; padding-bottom: 0px; }