@import url("layout.css");
body{
	font-family:Helvetica, Verdana, Geneva, sans-serif;
	font-size:90%;
}

h1, h2, h3{
	color:#444;
}

h1{
	margin:10px 0px 5px;
	font-size:150%;
}

h2{
	margin:8px 0px 4px;
	font-size:120%;
}

h3{
	margin:7px 0px 3px;
}

a{
	color:#DB9001;
}

p{
	line-height:130%;
	color:#444;
	margin:5px 0px 13px;
	font-size:80%;
}

a:hover{
	color:#666;
}

sub, sup {
	vertical-align:baseline;
	position:relative;
}

sub {
	top:0.4em;
}

sup {
	bottom:0.4em;
}

ol.a-typ{
	list-style-type:lower-alpha;
}

ol li{
	line-height:120%;
	margin-bottom:1em;
	color:#ffa810;
	font-weight:bold;
}

ul li{
	color:#444;
	line-height:120%;
	margin-bottom:1em;
}

.odpoved, .odpoved ol li{
	color:#444;
	font-weight:normal;
}

#page{
	background:top left url(../graph/page-bg.jpg) no-repeat;
}

#zahlavi{
	height:110px;
	width:100%;
}

#logo{
	margin:0px;
	padding:0px;
	position:absolute;
	top:51px;
	left:755px;
	width:154px;
	height:63px;
	overflow:hidden;
}

#logo span{
	margin:0px;
	padding:0px;
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	background:top left url(../graph/logo.jpg) no-repeat;
	width:154px;
	height:63px;
}

#jazyky{
	color:#ababab;
	position:absolute;
	top:25px;
	right:48px;
	z-index:99;
}

#jazyky a{
	font-weight:bold;
	color:#fff;
}

#jazyky a:hover{
	color:#febe3f;
}

#jazyky a.active{
	color:#bbb;
}

#levy{
	margin:0px 633px 0px 0px;
	min-height:500px;
	background:top left url(../graph/levy-bg.jpg) no-repeat;
}

#pravy{
	background:top left url(../graph/pravy-bg.jpg) no-repeat;
	float:right;
	width:633px;
	min-height:500px;
}

#zapati{
	height:85px;
	width:100%;
	background:bottom center url(../graph/zapati-bg.jpg) no-repeat;
	padding:0px;
	text-align:right;
	color:#999;
	font-size:80%;
}

#zapati p{
	margin:15px 60px 0px 0px;
}

ul#menu{
	list-style:none;
	margin:0px 0px 0px 70px;
	padding:40px 0px 0px 0px;
	background:top right url(../graph/menu-bg.jpg) no-repeat;
}

ul#menu li{
	width:200px;
	height:25px;
	margin:0px 0px 10px 0px;
}

ul#menu li a{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	display:block;
	position:relative;
}

ul#menu li a span{
	position:absolute;
	top:0px;
	left:0px;
	width:200px;
	height:25px;
	margin:0px;
	cursor:pointer;
	display:none;
}

ul#menu a span#katalog_cs{ background:center right url(../graph/menu/katalog_cs.jpg) no-repeat;}
ul#menu a:hover span#katalog_cs{ background:center left url(../graph/menu/katalog_cs.jpg) no-repeat;}

ul#menu a span#sluzby_cs{ background:center right url(../graph/menu/sluzby_cs.jpg) no-repeat;}
ul#menu a:hover span#sluzby_cs{ background:center left url(../graph/menu/sluzby_cs.jpg) no-repeat;}

ul#menu a span#faq_cs{ background:center right url(../graph/menu/faq_cs.jpg) no-repeat;}
ul#menu a:hover span#faq_cs{ background:center left url(../graph/menu/faq_cs.jpg) no-repeat;}

ul#menu a span#napiste-nam_cs{ background:center right url(../graph/menu/napiste-nam_cs.jpg) no-repeat;}
ul#menu a:hover span#napiste-nam_cs{ background:center left url(../graph/menu/napiste-nam_cs.jpg) no-repeat;}

ul#menu a span#reg-info_cs{ background:center right url(../graph/menu/reg-info_cs.jpg) no-repeat;}
ul#menu a:hover span#reg-info_cs{ background:center left url(../graph/menu/reg-info_cs.jpg) no-repeat;}

ul#menu a span#kontakt_cs{ background:center right url(../graph/menu/kontakt_cs.jpg) no-repeat;}
ul#menu a:hover span#kontakt_cs{ background:center left url(../graph/menu/kontakt_cs.jpg) no-repeat;}


ul#menu a span#katalog_en{ background:center right url(../graph/menu/katalog_en.jpg) no-repeat;}
ul#menu a:hover span#katalog_en{ background:center left url(../graph/menu/katalog_en.jpg) no-repeat;}

ul#menu a span#sluzby_en{ background:center right url(../graph/menu/sluzby_en.jpg) no-repeat;}
ul#menu a:hover span#sluzby_en{ background:center left url(../graph/menu/sluzby_en.jpg) no-repeat;}

ul#menu a span#faq_en{ background:center right url(../graph/menu/faq_en.jpg) no-repeat;}
ul#menu a:hover span#faq_en{ background:center left url(../graph/menu/faq_en.jpg) no-repeat;}

ul#menu a span#napiste-nam_en{ background:center right url(../graph/menu/napiste-nam_en.jpg) no-repeat;}
ul#menu a:hover span#napiste-nam_en{ background:center left url(../graph/menu/napiste-nam_en.jpg) no-repeat;}

ul#menu a span#reg-info_en{ background:center right url(../graph/menu/reg-info_en.jpg) no-repeat;}
ul#menu a:hover span#reg-info_en{ background:center left url(../graph/menu/reg-info_en.jpg) no-repeat;}

ul#menu a span#kontakt_en{ background:center right url(../graph/menu/kontakt_en.jpg) no-repeat;}
ul#menu a:hover span#kontakt_en{ background:center left url(../graph/menu/kontakt_en.jpg) no-repeat;}

/*----------------------------------------------------------------------
					VYHLEDANI NEMOVITOSTI
----------------------------------------------------------------------*/
form#search{
	margin:70px 0px 0px 50px;
}

input#hledat, input#radit{
	margin:0px 0px -7px 0px;
}

select{
	background:left center url(../graph/select-bg.jpg) repeat-y #fff;
	border:1px solid #ececec;
	width:120px;
	margin-right:15px;
}

select option{
	background-color:#FFF;
}

#tipy{
	margin:10px;
}

.tip{
	width:184px;
	height:232px;
	float:left;
	margin:20px 0px 0px;
	text-align:center;
	position:relative;
}

#tip1{	background:top center url(../graph/tip1.jpg) no-repeat;}
#tip2{	background:top center url(../graph/tip2.jpg) no-repeat;}
#tip3{	background:top center url(../graph/tip3.jpg) no-repeat;}

a.dalsi-info{
	position:absolute;
	bottom:30px;
	left:30px;
	padding:0px 0px 0px 10px;
	text-decoration:none;
	color:#FEBE3F;
	font-size:80%;
	font-weight:bold;
	background:left center url(../graph/dalsi-info.gif) no-repeat;
}

a:hover.dalsi-info{
	color:#666;
}

p#rychly-kontakt{
	width:276px;
	height:215px;
}

/* --------------------------------------------------------------------------------
								STRANKOVANI
 ----------------------------------------------------------------------------------*/
.strankovani{
	height:2em;
	padding:3px;
	margin:10px 10px 10px 80px;
	text-align:right;
	width:500px;
}
 
.strankovani a.navig, .strankovani strong{
 	padding:3px 5px;
	font-size:70%;
	border:1px solid #d1d1d1;
	background-color:#fff;
	text-decoration:none;
	color:#1396CF;
	height:1em;
}

.strankovani a.r-sipky, .strankovani span.r-sipky{
	margin-left:10px;
}

.strankovani a.l-sipky, .strankovani span.l-sipky{
	margin-right:10px;
}

.strankovani strong{
	padding:3px 6px;
	font-size:70%;
	border:1px solid #1396CF;
	background-color:#1396CF;
	text-decoration:none;
	color:#fff;
}

.strankovani span{
	color:#216697;
	font-size:90%;
	font-weight:bold;
}

.cisla{
	float:left;
	margin-top:0px;
}

.NavigationSelect{
	margin-left:350px;
}

.NavigationSelect select{
	border:1px solid #d1d1d1;
	color:#000;
	width:3em;
}

.NavigationSelect label{
	color:#1396CF;
	width:100px;
}

.invisible{
	visibility:hidden;
}
/*----------------------------------------------------------------------
					KATALOG NEMOVITOSTI
----------------------------------------------------------------------*/
.nemovitost{
	float:left;
	width:156px;
	height:185px;
	padding:5px 5px 25px;
	margin:5px 0px 10px 20px;
	text-align:center;
	position:relative;
	background:top center url(../graph/polozka-katalog-bg.jpg) no-repeat #fff;
}

.tip .nemovitost{
	float:left;
	width:156px;
	height:185px;
	padding:5px 0px 25px;
	margin:10px 0px 10px 15px;
	text-align:center;
	position:relative;
	background:none;
}

.nemovitost h3{
	text-align:left;
	padding-left:15px;
	margin-bottom:5px;
}

.nemovitost h3 a{
	text-decoration:none;
}

.nemovitost h3 a span{
	color:#444;
}

.nemovitost p{
	text-align:left;
	padding-left:15px;
	font-size:80%;
	line-height:140%;
}

.nemovitost a.vice{
	position:absolute;
	bottom:13px;
	right:15px;
}

/*----------------------------------------------------------------------
					DETAIL NEMOVITOSTI
----------------------------------------------------------------------*/
.nemovitost-detail{
	color:#4f4f4f;
}

.nemovitost-detail p{
	line-height:130%;
	margin:0.3em 0em 0.7em;
}

.nemovitost-detail p span{
	font-weight:bold;
}

.nemovitost-detail h2{
	font-size:110%;
	margin:1em 0em 0.2em;
}

.nemovitost-detail h3{
	font-size:100%;
	margin:0em 0.2em 0em 0em;
}

.hlavni-foto{
	float:right;
	margin:0px 15px 15px 0px;
}

h1 span, h2 span{
	color:#febe3f;
}

/*----------------------------------------------------------------------
					KONTAKTNI FORMULAR
----------------------------------------------------------------------*/
#kontaktform label{
	float:left;
	width:8em;
	color:#444;
}

#kontaktform input, #kontaktform textarea{
	margin-bottom:5px;
	border:1px solid #444;
}

#kontaktform textarea{
	width:300px;
	height:120px;
}

#kontaktform input.send{
	border:none;
}

/*----------------------------------------------------------------------
					KONTAKT - MAPY
----------------------------------------------------------------------*/
.kancelar p{
	margin:10px 300px 30px 0px;
}

a.mapa img, a:hover.mapa img{
	border:none;
	float:right;
	width:200px;
	padding:0px;
	margin:0px 100px 0px 0px;
}
/*----------------------------------------------------------------------
					KONTAKT - MAPY
----------------------------------------------------------------------*/

p#cena{
	font-size:140%;
	color:#FEBE3F;
}

p#cena span{
	color:#444;
}

#sort{
	width:300px;
	float:right;
	margin:0px 0px 10px 10px;
}

#sort label{
	color:#1396CF;
}