@font-face {
    font-family: 'neosansce';
    src: url('neosance-webfont.eot?20150616');
    src: url('neosance-webfont.eot?#iefix') format('embedded-opentype'),
         url('neosance-webfont.woff?20150616') format('woff'),
         url('neosance-webfont.ttf?20150616') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'neosansce';
    src: url('neosacei-webfont.eot');
    src: url('neosacei-webfont.eot?#iefix') format('embedded-opentype'),
         url('neosacei-webfont.woff') format('woff'),
         url('neosacei-webfont.ttf') format('truetype');
	font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'neosansce';
    src: url('neosacem-webfont.eot?20150616');
    src: url('neosacem-webfont.eot?#iefix') format('embedded-opentype'),
         url('neosacem-webfont.woff?20150616') format('woff'),
         url('neosacem-webfont.ttf?20150616') format('truetype');
    font-weight: bold;
	font-style: normal;
}
@font-face {
    font-family: 'neosansce';
    src: url('neoscemi-webfont.eot');
    src: url('neoscemi-webfont.eot?#iefix') format('embedded-opentype'),
         url('neoscemi-webfont.woff') format('woff'),
         url('neoscemi-webfont.ttf') format('truetype');
    font-weight: bold;
	font-style: italic;
}

html, body, #body { height: 100% }
html { overflow-y: scroll }
body {
	background: #FFF;
	color: #231f20;
	font: normal 100% neosansce,tahoma,"DejaVu Sans","DejaVu LGC Sans","Bitstream Vera Sans","Nimbus Sans L",verdana,arial,sans-serif;
	line-height: 1.5
}
a { color: #231f20; text-decoration: none }
sup { font-size: 75%; vertical-align: top }
strong { font-weight: bold }

.section { margin: 0 auto 0 auto; position: relative; width: 990px }
.city { background: url('../images/bg_city.png') no-repeat 50% 100%; min-height: 330px }

#uvod .section { padding-top: 2em;}
#uvod .section::before {
	content: '';
	position: absolute;
	top: 0;
	right: 65%;
	width: 849px;
	height: 1080px;
	background: url('../images/bg_corner_flat.png') no-repeat right top;
	z-index: -1;
}
#uvod .heading { background: url('../images/bg_logo_osobni_sf.png') no-repeat; height: 100px }
#uvod nav { margin-left: 35% }
#uvod nav ul { border-bottom: 1px solid #e5e5e5; display: flex; flex-direction:row; justify-content: space-between; margin: auto; padding-bottom: 2em }
#uvod nav li { font-weight: bold }
#uvod .mak-big { left: 0; top: 200px; position: absolute; width: 20% }
#uvod .text-cont { margin-left: 0 }
#uvod .text-cont .spacer { float: left; width: 345px; height: 260px }
#uvod .text-cont ul { list-style-type: disc; list-style-position: inside; }
#uvod h1 { font-size: 200%; font-weight: bold; margin: 2em 0 1em }
#uvod .motto { font-size: 120%; margin: 1em 0; position: relative }
#uvod .motto::before { content: '"'; color: #fec207; font-weight: bold; font-size: 200%; position: absolute; top: -0.2em; left: 315px; }
#uvod .button { margin-top: 2em }

#reference { position: relative }
#reference.content-hp { overflow: hidden }
#reference .section { padding-top: 5em; padding-bottom: 100px }
#reference > div::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 846px;
	height: 1080px;
	background: url('../images/bg_corner_rating.png') no-repeat right top;
	z-index: -1;
}
#reference .hodnoceni-top { display: flex; flex-direction:row; align-items: flex-start; justify-content: space-between; margin: auto }
#reference .hodnoceni-makler { border: 1px solid #fec20f; border-radius: 0.3em; margin: 1em 0; width: 31.5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
#reference .h-rating { background: #fec20f; font-size: 250%; font-weight: bold; padding: 0 0.3em; display: inline-block }
#reference .h-stars { display: inline-block; font-size: 250%; font-weight: bold; padding: 0 0.3em; }
#reference .text-cont { width: 66.666666%; padding: 1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
#reference h2 { font-size: 200%; font-weight: bold }
#doporuceni .hodnoceni-row { display: flex; flex-direction:row; flex-wrap: wrap; margin-top: 2em; align-items: flex-start; justify-content: space-between; margin: 2em auto 0 auto }
#doporuceni .hodnoceni-cont {
	background: #f9f9f9;
	border-radius: 0.3em;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
	margin-bottom: 2em;
	padding: 1em 1.5em; 
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box
}
#doporuceni .makler { font-weight: bold }
#doporuceni .klient { font-weight: bold }

#doporuceni .section { padding-top: 5em; padding-bottom: 100px; border-bottom: 1px solid #e5e5e5 }
#doporuceni h2 { font-size: 200%; font-weight: bold; margin-bottom: 1em; text-align: center }
#doporuceni h3 { font-size: 160%; font-weight: bold; margin-top: 2em }
#doporuceni .nemovitosti-filtr { margin-bottom: 1em; display: flex; flex-flow: row wrap; justify-content: space-between; margin: auto }
#doporuceni .nemovitosti-filtr li { min-height: 90px; font-size: 130%; width: 31.5%; padding-left: 90px; margin-bottom: 1em; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
#doporuceni .nemovitosti-filtr li::before {
	content: '';
	position: absolute;
	z-index: -1;
	width: 75px;
	height: 75px;
	left: 0;
	top: 0;
	background: url('../images/bg_osobni_nemovitosti.png') no-repeat;
}

#reference .nemovitosti-row { display: flex; flex-flow: row wrap; justify-content: space-between; margin: auto }
#reference .property {
	background: #fff;
	border-radius: 0.3em;
	border: 1px solid #fff;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
	width: 31.5%;
	padding: 1em 1.5em;
	position: relative;
	height: 150px;
	margin: 1em 0;
	height: 300px;
	overflow: hidden;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box
}

#reference .property img { position: absolute; left: 0; top: 0; height: auto; width: 100% }
/* #nemovitosti .property .title { white-space: nowrap; text-overflow: ellipsis; overflow: hidden } */
#reference .property .info { position: absolute; left: 0; bottom: 0; background: #fff; padding: 1em; width: 100%; line-height: 1.2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
#reference .property .title { font-size: 90%; font-weight: bold }
#reference .property .loc { font-size: 80%; margin-bottom: 1em; }
#reference .property .price { font-weight: bold }
#reference .button { margin-top: 1em }
#reference .property .stav-novinka,
#reference .property .stav-rezervace,
#reference .property .stav-prodano { text-align: left; position: absolute; left: 0; right: 0; top: 0; padding: 0.5em 1em; background: rgba(254, 194, 7, 0.7); color: #231f20; z-index: 10; font-weight: bold }

#nemovitosti .mapa-cont { width: 100%; padding-top: 50%; position: relative }
#nemovitosti .mapa { background: red; border-radius: 0.3em; border: 1px solid #d9d9d9; position: absolute; top: 0; right: 0; bottom: 0; left: 0 }



#oceneni { position: relative; overflow: hidden }
#oceneni .section { padding-top: 5em; padding-bottom: 100px; }
#oceneni > div::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0%;
	width: 846px;
	height: 1080px;
	background: url('../images/bg_corner_awards.png') no-repeat right top;
	z-index: -1;
}
#oceneni h2 { font-size: 200%; font-weight: bold; margin-bottom: 2em; text-align: center }
#oceneni .oceneni-row { display: flex; flex-direction:row; justify-content: space-between; margin: auto }
#oceneni .oceneni {
	background: #f9f9f9;
	border-radius: 0.3em;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
	width: 31.5%;
	padding: 1em 1.5em;
	position: relative;
	overflow: hidden;
	height: 500px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box
}
#oceneni .oceneni img { position: absolute; left: 0; top: 0; height: auto; width: 100% }
#oceneni .oceneni .info { position: absolute; left: 0; bottom: 0; width: 100%; background: #fff; padding: 1em; font-weight: bold; line-height: 1.2 }
#oceneni .oceneni .info span { color: #848182; font-weight: normal; font-size: 90% }

#blog .section { padding-top: 1em; padding-bottom: 100px; border-bottom: 1px solid #e5e5e5 }
#blog h2 { font-size: 160%; font-weight: bold; margin-top: 2em }

#ebook .section { padding-top: 1em; padding-bottom: 100px; border-bottom: 1px solid #e5e5e5 }
#ebook h2 { font-size: 160%; font-weight: bold; margin-top: 2em }
#ebook .zf-item { background: #f9f9f9; border: 1px solid #d9d9d9; border-radius: 0.3em; display: inline-block; padding: 0.5em 1em; position: relative; width: 20em }
#ebook .zf-label.required { background: #f9f9f9 url('../images/bg_osobni_required.png') no-repeat 100% 0.1em; display: block }
#ebook .zf-item label { font-size: 80% }
#ebook input {
	border: none;
	width: 100%;
	background: white;
	font: bold 100% neosansce,tahoma,"DejaVu Sans","DejaVu LGC Sans","Bitstream Vera Sans","Nimbus Sans L",verdana,arial,sans-serif;
	line-height: 1.5
}

#kontakty .section { padding-top: 5em; padding-bottom: 300px }
#kontakty h2 { font-size: 200%; font-weight: bold; margin-bottom: 1em; text-align: center }
#kontakty .kontakty-cont { display: flex; flex-direction: row; justify-content: space-between; margin: auto }
#kontakty .kontakty { width: 42.25%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
#kontakty .formular { font-size: 140%; width: 55%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
#kontakty .form-cont { display: flex; flex-direction: row; justify-content: space-between; margin: auto }
#kontakty .parta { width: 45% }
#kontakty .partb { width: 50% }
#kontakty .parta .zf-item { margin-top: 1em }
#kontakty .parta .zf-item:first-child { margin-top: 0 }
#kontakty .zf-item { background: #f9f9f9; border: 1px solid #d9d9d9; border-radius: 0.3em; display: block; padding: 0.5em 1em; position: relative }
#kontakty .zf-label.required { background: #f9f9f9 url('../images/bg_osobni_required.png') no-repeat 100% 0.4em; display: block }
#kontakty .zf-item label { font-size: 80% }
#kontakty input, #kontakty textarea {
	border: none;
	width: 100%;
	background: transparent;
	font: bold 100% neosansce,tahoma,"DejaVu Sans","DejaVu LGC Sans","Bitstream Vera Sans","Nimbus Sans L",verdana,arial,sans-serif;
	line-height: 1.5
}
#kontakty .zf-input .errors { color: red; font-size: 50% }
#kontakty #form_osobni_kontaktni_formular_cont { position: relative }
#kontakty #form_osobni_kontaktni_formular_cont.loading:after {
	background: rgba(255,255,255,1) url('../images/overlay/loading_w.gif') no-repeat 50% 50%;
	content: '';
	top: 0; right: 0; bottom: 0; left: 0;
	position: absolute;
}
button {
	cursor: pointer;
	font: bold 100% neosansce,tahoma,"DejaVu Sans","DejaVu LGC Sans","Bitstream Vera Sans","Nimbus Sans L",verdana,arial,sans-serif;
	line-height: 1.5
}
#kontakty .zf-item textarea { height: 262px }
#kontakty #send_form { width: 50% }
.kontakty dl { font: normal 120% neosansce,tahoma,"DejaVu Sans","DejaVu LGC Sans","Bitstream Vera Sans","Nimbus Sans L",verdana,arial,sans-serif; line-height: 1.5}
.kontakty dt {
	display: inline-block;
	width: 25%;
	vertical-align: top;
}
.kontakty dd {
	display: inline-block;
	width: 75%;
}
.kontakty .adresa { margin-top: 1.5em }
.kontakty .mapa { margin-top: 1.5em; height: 300px; border-radius: 0.3em }

.rate {
	background: url('../images/bg_osobni_stars.png') no-repeat 0 0;
	display: inline-block;
	height: 27px;
	width: 26px;
}
.rate.half { background-position: -26px 0 }
.rate.empty { background-position: -52px 0 }

.round-photo {
	border: 1em solid #fff;
	border-radius: 50%;
	box-shadow: 1px 1px 9px rgba(0, 0, 0, 0.4);
	position: relative;
	width: 100px;
	overflow: hidden;
}
.round-photo span {
	border-radius: 50%;
	box-shadow: 1px 1px 3px #e5e5e5 inset;
    display: block;
    overflow: hidden;
    padding-top: 100%;
    position: relative;
    width: 100%;
}
.round-photo img {
    left: 0;
    position: absolute;
    top: 0;
    vertical-align: top;
    width: 100%;
	z-index: -1;
}

.text { margin: 1em 0 }
.textb { margin-bottom: 1em }
.text.yellow-top { border-top: 1px solid #fec20f; padding-top: 1em }
.text.yellow-bottom { border-bottom: 1px solid #fec20f; padding-bottom: 1em }
.taj { text-align: justify }
.tar { text-align: right }
.tac { text-align: center }

.button, .buttonw { background: #fec207; border: none; border-radius: 0.3em; color: #231f20; display: inline-block; font-weight: bold; padding: 1em 3em; text-decoration: none }
.buttonw { text-align: center; padding: 1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }