*, html {
	margin: 0;
	padding: 0;
}
.clear {
	clear: both; 
}
.clearing {
	clear: both;
	width: 100%;
	height: 2px;
	font-size: 2px;
	line-height: 2px;
}
html, body {
     height: 100%;
}
body {
	position: relative;
	color: #545454;
	text-align: center; 
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 1.25em;
	background: #dee0ec url("../obrazky/body-pozadi-stin.gif") top center repeat-x;
    min-height: 100%;
    _height: 100%;
}
ul {
	list-style: none;
}
h1, h2, h3, h4, h5, form, input, ul, table, tr, td, p {
	margin: 0;
	padding: 0;
	border: 0;
}
img {
	position:relative;
} 
table {
	border-collapse: collapse;
}
a, a:hover, a:visited {
	color: #336fa3;
}
a:hover {
	text-decoration: none;
}
a img {
	border: 0;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
.nastred {
	text-align: center;
}
p {
	padding: 0 0 15px 0; 
}
h1, h2 {
	font-family: Helvetica, Arial, sans-serif;	
	font-size: 28px;
	line-height: 35px;	
	padding: 8px 0px 7px 0px;
	border-bottom: 1px solid #d3d5d6;	
	font-weight: normal;
	color: #336fa3;
	margin-bottom: 12px;
}
h3 {
	font-family: Helvetica, Arial, sans-serif;	
	font-size: 18px;
	line-height: 1.25em;	
	font-weight: normal;
	color: #336fa3;
	margin-bottom: 10px;
}
#obsah ul {
	padding: 0 28px 12px 0px;
}
#obsah ul li {
	padding: 3px 0 3px 35px;	
	background: url("../obrazky/iko-li.gif") 20px 6px no-repeat;
}
#page {
	text-align: left;
	width: 1000px;
	margin: 0 auto;
	position: relative;
    min-height: 100%;
    _height: 100%;
}
#hlavicka {
	width: 1000px;
	height: 172px;
	overflow: hidden;
}
#hlavicka-obrazek {
	float: left;	
	width: 228px;
	height: 172px;	
	overflow: hidden;
}
#hlavicka-obrazek a {
	display: block;
	width: 228px;
	height: 172px;	
	position: relative;
	overflow: hidden;
}
#hlavicka-obrazek a span {
	display: block;
	width: 228px;
	height: 172px;	
	position: absolute;
	top: 0;
	left: 0;
	background: url("../obrazky/hlavicka-logo02.gif") top left no-repeat;
	cursor: pointer;	
}
#hlavicka-menu {
	width: 772px;
	height: 172px;
	float: left;
}
#menu {
	padding-top: 90px;
}
#menu li {
	float: left;
}
#menu a {
	display: block;
	position: relative;
}
#menu li a {
	display: block;
	height: 31px;
	position: relative;
	overflow: hidden;
}
#menu li a span {
	display: block;
	height: 31px;
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	cursor: pointer;	
}
#menu li.uvod, #menu li.uvod-aktivni, #menu li.uvod a, #menu li.uvod a span, #menu li.uvod-aktivni a, #menu li.uvod-aktivni a span {
	width: 71px;
}
#menu li.lokalita, #menu li.lokalita-aktivni, #menu li.lokalita a, #menu li.lokalita a span, #menu li.lokalita-aktivni a, #menu li.lokalita-aktivni a span {
	width: 86px;
}
#menu li.vybaveni, #menu li.vybaveni-aktivni, #menu li.vybaveni a, #menu li.vybaveni a span, #menu li.vybaveni-aktivni a, #menu li.vybaveni-aktivni a span {
	width: 89px;
}
#menu li.cenik, #menu li.cenik-aktivni, #menu li.cenik a, #menu li.cenik a span, #menu li.cenik-aktivni a, #menu li.cenik-aktivni a span {
	width: 78px;
}
#menu li.vyber-bytu, #menu li.vyber-bytu-aktivni, #menu li.vyber-bytu a, #menu li.vyber-bytu a span, #menu li.vyber-bytu-aktivni a, #menu li.vyber-bytu-aktivni a span {
	width: 145px;
}
#menu li.galerie, #menu li.galerie-aktivni, #menu li.galerie a, #menu li.galerie a span, #menu li.galerie-aktivni a, #menu li.galerie-aktivni a span {
	width: 81px;
}
#menu li.kontakt, #menu li.kontakt-aktivni, #menu li.kontakt a, #menu li.kontakt a span, #menu li.kontakt-aktivni a, #menu li.kontakt-aktivni a span {
	width: 86px;
}
#menu li.reference, #menu li.reference-aktivni, #menu li.reference a, #menu li.reference a span, #menu li.reference-aktivni a, #menu li.reference-aktivni a span {
	width: 109px;
}
#menu li.uvod a span, #menu li.uvod-aktivni a span {
	background-image: url("../obrazky/menu-uvod.gif");	
}
#menu li.lokalita a span, #menu li.lokalita-aktivni a span {
	background-image: url("../obrazky/menu-lokalita.gif");	
}
#menu li.vybaveni a span, #menu li.vybaveni-aktivni a span {
	background-image: url("../obrazky/menu-vybaveni.gif");	
}
#menu li.cenik a span, #menu li.cenik-aktivni a span {
	background-image: url("../obrazky/menu-cenik.gif");	
}
#menu li.vyber-bytu a span, #menu li.vyber-bytu-aktivni a span {
	background-image: url("../obrazky/menu-vyber-bytu.gif");	
}
#menu li.galerie a span, #menu li.galerie-aktivni a span {
	background-image: url("../obrazky/menu-galerie.gif");	
}
#menu li.kontakt a span, #menu li.kontakt-aktivni a span {
	background-image: url("../obrazky/menu-kontakt.gif");	
}
#menu li.reference a span, #menu li.reference-aktivni a span {
	background-image: url("../obrazky/menu-reference.gif");	
}
#menu li.uvod a span, #menu li.lokalita a span, #menu li.vybaveni a span, #menu li.cenik a span, #menu li.vyber-bytu a span, #menu li.galerie a span, #menu li.kontakt a span, #menu li.reference a span {
	background-position: 0px 0px;
}
#menu li.uvod a:hover span, #menu li.uvod-aktivni a span, #menu li.lokalita:hover a span, #menu li.lokalita-aktivni a span, #menu li.vybaveni a:hover span, #menu li.vybaveni-aktivni a span, #menu li.cenik a:hover span, #menu li.cenik-aktivni a span, #menu li.vyber-bytu:hover a span, #menu li.vyber-bytu-aktivni a span, #menu li.galerie a:hover span, #menu li.galerie-aktivni a span, #menu li.kontakt a:hover span, #menu li.kontakt-aktivni a span, #menu li.reference a:hover span, #menu li.reference-aktivni a span {
	background-position: 0px -31px;
}
#menu li:hover a span {
	background-position: 0px -31px;
}
#menu li.oddelovac {
	font-size: 0px;
	line-height: 0px;
	width: 1px;
	height: 31px;
	background: url("../obrazky/menu-mezera.gif") 0px 0px no-repeat;	
}
#mezera {
	width: 1000px;
	height: 6px;
	background: url("../obrazky/mezera.gif") top center no-repeat;	
}
#obrazek-pod-menu {
	width: 1000px;
	height: 199px;
	background: url("../obrazky/obrazek-pod-menu.jpg") top center no-repeat;	
}
#uvod-flash-obal {
	padding: 0px 10px 8px 10px;
	width: 980px;
	height: 365px;
}
#uvod-flash {
	width: 980px;
	height: 365px;	

}

#obsah {
	min-height: 100px;
	_height: 100px;
	padding: 0px 10px 0 10px;	
	background: url("../obrazky/obsah-pozadi-p.gif") top center repeat-y;	
}
#obsah2 {
	min-height: 100px;
	_height: 100px;
	padding: 0px 10px 0 10px;	
	background: url("../obrazky/obsah-pozadi2.gif") top center repeat-y;	
}
#obsah-in-deleny {
	min-height: 100px;
	_height: 100px;
	background: url("../obrazky/obsah-in-deleny.png") top left repeat-y;
}
#obsah-in-cely {
	min-height: 100px;
	_height: 100px;
	background: url("../obrazky/obsah-in-cely.png")top left repeat-y;	
	padding: 14px;
}
#levy {
	width: 690px;
	float: left;
}
#levy-in {
	padding: 0px 18px 0px 20px;
}
#levy-in2 {
	padding: 0px 8px 0px 10px;
}
#levy-in3 {
	padding: 0px 18px 0px 20px;
}
#pravy {
	width: 290px;
	float: left;
}
#paticka-fotky {
	width: 1000px;
	height: 196px;	
	background: url("../obrazky/pozadi-pata-fotky.gif") top center no-repeat;
}
#paticka-fotky-in {
	padding: 20px 79px 0 79px;
}
#paticka-fotky-in table#obal {
	width: 822px;
}
#paticka-fotky-in table#obal td {
	padding: 8px 0 0 2px;
	margin: 0;	
	width: 179px;
	height: 153px;	
	vertical-align: top;
	background: url("../obrazky/pozadi-pata-fotky.png") 14px 0px no-repeat;
}
#paticka-fotky-in table#obal td:hover {
	padding: 8px 0 0 2px;
	margin: 0;
	width: 179px;
	height: 153px;	
	background: url("../obrazky/pozadi-pata-fotky2.png") 14px -191px no-repeat;
}
#paticka-fotky-in table#obal td img {
	border: 1px solid #ffffff;
}
#paticka-fotky-in table#obal td:hover img {
	border: 1px solid #aaaaaa;
}

#prodejce, #prodejce2, #form-cenik-obal {
	padding: 0 19px 0 20px;
}
#nadpis-prodejce, #nadpis-prodejce2, .form-nadpis {
	font-family: Helvetica, Arial, sans-serif;	
	font-size: 28px;
	line-height: 35px;	
	padding: 8px 0px 8px 0px;
	font-weight: normal;
	color: #336fa3;
	margin-bottom: 11px;
	background: url("../obrazky/prodejce-linka.gif") bottom left no-repeat;	
}
#text-prodejce {

}
#prodejce span, #prodejce2 span {
	font-size: 18px;
	line-height: 1.25em;
	color: #f97f18;
}
.no-border h3 {
	font-size: 18px;
	line-height: 1.25em;
	color: #f97f18;
}
#paticka {
	padding: 0 19px 20px 19px;
}
/*#paticka-leva {
	float: left;
	width: 619px;
	height: 135px;		
}
#paticka-prava {
	font-size: 12px;
	line-height: 1.25em;	
	float: left;
	padding: 20px 0 0 0;
	width: 323px;
	height: 115px;	
	text-align: right;
	background: url("../obrazky/pata-logo.gif") 0px 0px no-repeat;	
}*/
#paticka-leva {
	float: left;
	width: 600px;
	height: 90px;		
	font-size: 12px;
	line-height: 1.5em;	
	padding: 20px 0 0 19px;
}
#paticka-prava {
	float: left;
	width: 323px;
	height: 90px;	
	text-align: right;
	background: url("../obrazky/pata-logo.gif") bottom left no-repeat;	
}
#paticka-nadpis {
	font-family: Helvetica, Arial, sans-serif;	
	font-size: 28px;
	line-height: 35px;	
	padding: 13px 0px 12px 0px;
	border-bottom: 1px dotted #555454;	
	font-weight: normal;
}
#paticka-finance-logo-1, #paticka-finance-logo-2, #paticka-finance-logo-3, #paticka-finance-logo-4 {
	height: 75px;
	float: left;
	overflow: hidden;
}
#paticka-finance-logo-1 a, #paticka-finance-logo-2 a, #paticka-finance-logo-3 a, #paticka-finance-logo-4 a {
	display: block;
	height: 75px;
	position: relative;
	overflow: hidden;
}
#paticka-finance-logo-1 a span, #paticka-finance-logo-2 a span, #paticka-finance-logo-3 a span, #paticka-finance-logo-4 a span {
	display: block;
	height: 75px;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;	
}
#paticka-finance-logo-1, #paticka-finance-logo-1 a, #paticka-finance-logo-1 a span {
	width: 129px;
}
#paticka-finance-logo-2, #paticka-finance-logo-2 a, #paticka-finance-logo-2 a span {
	width: 181px;
}
#paticka-finance-logo-3, #paticka-finance-logo-3 a, #paticka-finance-logo-3 a span {
	width: 137px;
}			
#paticka-finance-logo-4, #paticka-finance-logo-4 a, #paticka-finance-logo-4 a span {
	width: 172px;
}
#paticka-finance-logo-1 a span {
	background: url("../obrazky/paticka-finance-logo-1.jpg") top left no-repeat;	
}
#paticka-finance-logo-2 a span {
	background: url("../obrazky/paticka-finance-logo-2.jpg") top left no-repeat;	
}
#paticka-finance-logo-3 a span {
	background: url("../obrazky/paticka-finance-logo-3.jpg") top left no-repeat;	
}			
#paticka-finance-logo-4 a span {
	background: url("../obrazky/paticka-finance-logo-4.jpg") top left no-repeat;	
}

/*tooltip*/
a.tooltip { 
position:relative; /*this is the key*/
z-index:24;
}

a.tooltip:hover {
z-index:25;
}

a.tooltip span {
display: none;
}

a.tooltip:hover span { /*the span will display just on :hover state*/
font-weight: normal;
text-align: left;
display: block;
position: absolute;
top: 25px;
left: 0;
width: 130px;
background-color: #ffffe5;
color: #000;
padding: 3px;
border: 1px solid #cc9;
white-space: normal !important;
}
/* cenik */

#cenik table {
	width: 648px;
	font-size: 12px;
	border-collapse: collapse;
	border: 1px solid #d6deeb;	
	margin-bottom: 15px;
}
#cenik table th {
	color: #1f3d71;
	border: 1px solid #d6deeb;	
	vertical-align: middle;
	text-align: center;
	height: 42px;
	padding: 2px 2px;
	background: #fdfdfd url("../obrazky/pozadi-cenik-tr.gif") bottom left repeat-x;		
}

#cenik table td {
	border: 1px solid #d6deeb;	
	padding: 1px 2px;
	/*background-color: #fff3eb;*/
}

/* formular ceniku*/

div#form-cenik-obal-in {
	background: url("../obrazky/pozadi-vyhledavani.gif") bottom left repeat-x;
	padding: 0 0 10px 0;
}
div#form-cenik-obal table {
	margin: 0;
}
#form-cenik {
	border-collapse: collapse;
	width: 251px;	
}
#form-cenik td {
	padding-bottom: 2px;	
	padding-top: 2px;	
	vertical-align: middle;
}
#form-cenik td.policko {
	padding-top: 3px;
	padding-right: 8px;	
}
#form-cenik td.form-cenik-suda {
	padding-bottom: 3px;	
	padding-top: 3px;
}
#form-cenik td.policko2 {
	padding-top: 8px;	
	padding-left: 5px;	
	padding-bottom: 8px;
}
#form-cenik td.policko3 {
	padding: 8px 10px 8px 10px;	
	text-align: right;
}
#form-cenik select {
	width: 150px;
	font-size: 12px;
	padding: 5px;
	border: 1px solid #a5acb2;
}
#form-cenik label {
	padding-left: 16px;	
	padding-top: 5px;
	height: 19px;
	display: block;
}
#form-cenik label.form-iko-1 {
	background: url("../obrazky/form-ikona1.gif") 0px 9px no-repeat;
}
#form-cenik label.form-iko-2 {
	background: url("../obrazky/form-ikona2.gif") 0px 9px no-repeat;
}

.form-cenik-vyhledat, .form-cenik-vyhledat-hover {
	padding: 6px 0 6px 0;
	width: 120px;	
	font-weight: normal;
	color: #ffffff;
	text-align: center;	
	background-color: #397cb6;
    border: none;
	cursor: pointer;
	font-size: 14px;	
}
.form-cenik-vyhledat:hover, .form-cenik-vyhledat-hover {
	background-color: #649ccd;
}
.podmenu {
	height: 30px;
	position: relative;
	padding-top: 15px;
	padding-left: 5px;
	font-size: 12px;	
	background: url("../obrazky/pozadi-strankovac.gif") 0 0 no-repeat;		

}
#podmenu-vnitrni {
	position: absolute;
	top: 15px;
	right: 15px;
	margin: 0;
	color: #f97f18;
}
.podmenu a, .podmenu a:hover, .podmenu a:visited {
	color: #ffffff;
}
table.form tr.licha {
	background-color: #ffffff;
}

table.form tr.suda {
	background-color: #ebf2f7;
}
table.form tr.aktivni {
	background-color: #3c82c0;
	color: #ffffff;
	cursor: pointer;
}

#obsah ul.odkazy-cenik { 
	list-style: none;
	
}
#obsah ul.odkazy-cenik li { 
	background: url("../obrazky/iko-li.gif") 8px 6px no-repeat;	
	padding: 0px 0 3px 20px;		
	float: left;
	
}
#cenik-neni { 
	padding: 15px 0px 15px 0px;
	min-height: 250px;
	_height: 250px;
	
}
#cely-flash { 
	padding: 0px 0px 0px 0px;
	min-height: 673px;
	_height: 673px;
	background: url("../obrazky/cely-flash-pozadi.gif") 0px 0px repeat-y;		
	
}
#cely-flash2 { 
	padding: 0px 0px 0px 0px;
	min-height: 673px;
	_height: 673px;
	background: url("../obrazky/cely-flash-pozadi-2.gif") 0px 0px repeat-y;		
	
}
#levy-flash { 
	width: 738px;
	float: left;	
	
}
#pravy-flash { 
	width: 242px;
	float: left;	
	
}
#pravy-flash table {
	width: 200px;
}
#pravy-flash table td {
	padding: 3px 0 3px 0;
}

#pravy-flash ul {
	padding-left: 0px;
	padding-top: 0px;
    padding-bottom: 20px;
}

#pravy-flash ul li {
	padding: 5px 0 5px 15px;	
	background: url("../obrazky/iko-li.gif") 0px 10px no-repeat; 
}
.cedulka-obal {
	padding: 20px;
}
.nadpis-cedulka {
	font-family: Helvetica, Arial, sans-serif;	
	font-size: 28px;
	line-height: 35px;	
	padding: 8px 0px 8px 0px;
	font-weight: normal;
	color: #336fa3;
	margin-bottom: 11px;
	background: url("../obrazky/prodejce-linka.gif") bottom left no-repeat;	
}
.nadpis-cedulka h3 {
	font-family: Helvetica, Arial, sans-serif;	
	font-size: 20px;
	line-height: 25px;	
	font-weight: normal;
	color: #336fa3;
}

/* prepinani obrazku */
#uvod-top-loga {
    padding: 0px;
	width: 980px;
	height: 365px;
    overflow: hidden;
    position: relative;
}
#ut-log-1, #ut-log-2, #ut-log-3, #ut-log-4, #ut-log-5, #ut-log-6, #ut-log-7, #ut-log-8, #ut-log-9, #ut-log-10, #ut-log-11, #ut-log-12, #ut-log-13, #ut-log-14, #ut-log-15 {
	position: absolute;
	top: 0;
	width: 980px;
	height: 365px;
}
.ovladac {
	width: 380px;
	height: 19px;
	position: absolute;
	top: 295px;
	left: 825px;	
}
.ovladac div {
	width: 20px;
	height: 19px;
	float: left;
	margin-right: 8px;
	background: url("../obrazky/tlacitko-bila.png") 0px 0px no-repeat;	
	cursor: pointer;
}
#ut-log-1 .ovladac div.naprvni, #ut-log-2 .ovladac div.nadruhou, #ut-log-3 .ovladac div.natreti, #ut-log-4 .ovladac div.nactvrtou, #ut-log-5 .ovladac div.napatou, #ut-log-6 .ovladac div.nasestou, #ut-log-7 .ovladac div.nasedmou, #ut-log-8 .ovladac div.naosmou, #ut-log-9 .ovladac div.nadevatou, #ut-log-10 .ovladac div.nadesatou, #ut-log-11 .ovladac div.najedenactou, #ut-log-12 .ovladac div.nadvanactou, #ut-log-13 .ovladac div.natrinactou, #ut-log-14 .ovladac div.nactrnactou, #ut-log-15 .ovladac div.napatnactou {
	background: url("../obrazky/tlacitko-cerna.png") 0px 0px no-repeat;	
}

/* obsah - tabulka s obrazky praci */

.galerie {
	padding: 0px;
}
.galerie table {
	width: auto;
}
table.male-obrazky {
	border: 0;
	border-collapse: collapse;
	/*margin-bottom: 10px;	*/
}

.male-obrazky td { 
	text-align: center;
	vertical-align: middle;
	border: 0;
	width: 162px;	
	height: 130px;
	padding-bottom: 5px;	
}
.male-obrazky td.poz { 
}
.male-obrazky td.obal-mini { 
	padding: 0;		
	/*padding-top: 1px;*/
	margin: 0;		
	text-align: center;
	vertical-align: middle;
	width: 153px;	
	height: 120px;
	background: url("../obrazky/pozadi-obrazek.gif") center top no-repeat;			
}
td.tab-popis { 
	padding: 0 5px 5px 5px;
	vertical-align: top;
	height: auto;
}
td.tab-mezera { 
	width: 2px;
}
table.male-obrazky img {
	margin-bottom: 0px;
	border: 0;
}


#nestaly-obsah {
	width: 673px;	
	height: 608px;
	overflow: hidden;
}
#skryty-stredni, #skryty-maly, #skryty-orto, #skryty-detail {
	display: none;
}
.mapa1 { 
	width: 400px;
	height: 249px;
	float: left;
}
.vlevo-big { 
	width: 188px;
	height: 348px;
	float: left;
}
.big { 
	width: 485px;
	height: 348px;
	float: left;
}
.horni-cast { 
	width: 672px;
	height: 246px;
	overflow: hidden;
}

.thu1, .thu1-hover {
	margin-top: 103px;	
	width: 137px;
	height: 142px;
	float: left;
	overflow: hidden; 
	position: relative;	
}
.thu1 a span, .thu1-hover a span {
	width: 137px;
	height: 142px;
	display: block; 
	position: absolute; 
	top: 0;
	left: 0;	
	background: url("../obrazky/thu1-cely.jpg") no-repeat;
	*cursor: hand;
}
.thu1 a span {
	background-position: 0 0;
}
.thu1:hover a span {
	background-position: 0 -142px;
}
.thu1-hover a span {
	background-position: 0 -142px;
}
.thu2, .thu2-hover {
	margin-top: 103px;	
	width: 135px;
	height: 142px;
	float: left;
	overflow: hidden; 
	position: relative;	
}
.thu2 a span, .thu2-hover a span {
	width: 135px;
	height: 142px;
	display: block; 
	position: absolute; 
	top: 0;
	left: 0;	
	background: url("../obrazky/thu2-cely.jpg") no-repeat;
	*cursor: hand;
}
.thu2 a span {
	background-position: 0 0;
}
.thu2:hover a span {
	background-position: 0 -142px;
}
.thu2-hover a span {
	background-position: 0 -142px;
}
.thu3, .thu3-hover {
	width: 187px;
	height: 115px;
	float: left;
	overflow: hidden; 
	position: relative;	
}
.thu3 a span, .thu3-hover a span {
	width: 187px;
	height: 115px;
	display: block; 
	position: absolute; 
	top: 0;
	left: 0;	
	background: url("../obrazky/thu3-cely.jpg") no-repeat;
	*cursor: hand;
}
.thu3 a span {
	background-position: 0 0;
}
.thu3:hover a span {
	background-position: 0 -115px;
}
.thu3-hover a span {
	background-position: 0 -115px;
}
.thu4, .thu4-hover {
	width: 187px;
	height: 115px;
	float: left;
	overflow: hidden; 
	position: relative;	
}
.thu4 a span, .thu4-hover a span {
	width: 187px;
	height: 115px;
	display: block; 
	position: absolute; 
	top: 0;
	left: 0;	
	background: url("../obrazky/thu4-cely.jpg") no-repeat;
	*cursor: hand;
}
.thu4 a span {
	background-position: 0 0;
}
.thu4:hover a span {
	background-position: 0 -115px;
}
.thu4-hover a span {
	background-position: 0 -115px;
}