@charset "utf-8";

/*RESETY*/
header li {list-style:none;}
header#logo img a{ border:none;}
select, input { font-size:0.9em;}

/* TYPO */
h1,h2,h3 {  font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; }
h1{font-size:1.8em; margin:0 0 10px 0; padding:10px 0px;letter-spacing:-1px;text-transform:uppercase;color:#a10518; border-bottom:1px solid #efefef;}
h2{font-size:1.6em; margin:0px 0 10px 0; letter-spacing:-1px;color:#a10518; clear:both;}
h3{font-size:1.2em; color:#a10518; margin:0px 0 10px 0px; padding:0 0 0 0; }
h4{font-size:1.1em; color:#29708a; font-weight:normal; line-height:1.7em; }

h2.projekty { background-image:url(../_img/projekty-bg.png); background-position:right top; background-repeat:no-repeat; padding:30px 0 30px 10px; font-size:1.5em; color:#FFF; letter-spacing:-1px; border:none; margin:0;}
h2.nemovitosti { background-image:url(../_img/nemovitosti-bg.png); background-position:right top; background-repeat:no-repeat; padding:30px 0 30px 10px; font-size:1.5em; color:#FFF; letter-spacing:-1px; border:none; margin:0;}
h3.byty a { background-image:url(../_img/ico-byt.png); background-position:left; background-repeat:no-repeat; padding:0 0 0 20px; margin:0 0 0 0; text-transform:uppercase; color:#a10518; text-decoration:none;}
h3.rodinne-domy a { background-image:url(../_img/ico-dum.png); background-position:left; background-repeat:no-repeat; padding:0 0 0 20px; margin:0 0 0 0; text-transform:uppercase; color:#a10518; text-decoration:none;}
h3.komercni-objekty a { background-image:url(../_img/ico-komerce.png); background-position:left; background-repeat:no-repeat; padding:0 0 0 20px; margin:0 0 0 0; text-transform:uppercase; color:#a10518; text-decoration:none;}
h3.pozemky a { background-image:url(../_img/ico-pozemek.png); background-position:left; background-repeat:no-repeat; padding:0 0 0 20px; margin:0 0 0 0; text-transform:uppercase; color:#a10518; text-decoration:none;}
h3 span.pocet { color:#333; font-size:0.7em;}
h3.projekty { color:#385a72; border-bottom:1px solid #efefef; text-transform:uppercase; padding:0 0 7px 0; margin:0 0 7px 0; text-decoration:none;}

nav h2 { background-color:#333; color:#fff; padding:10px 15px; }
aside h2 { background-color:#333; color:#fff; padding:10px 15px; }

section.fotogalerie { clear:right; float:left; margin:0 15px 0 0;}

section.fotogalerie a figure img { padding:1px; border:1px solid #e0e0e0;}
section.fotogalerie a figure img:hover { padding:1px; border:1px solid #aaaaaa;}
section.fotogalerie a { border:0px;}

p { font-size:1em; color:#333; line-height:1.6em; margin:0 0 15px 0; text-align:justify;}
p.nabidka { padding:0 15px 0 0; margin:0 0 30px 0; font-size:0.9em;}
p img { border: solid 1px #333; }
p img.noborder { border: none; }
p img.col { margin-bottom: 20px; }

a { color:#333;}
h2 a { color:#a10518; }
a.info { text-decoration: none; background-image:url(../_img/info-inv.png); background-position:left; background-repeat:no-repeat; padding:5px 5px 5px 22px; font-size:.9em; color:#f5f3e7; background-color:#333; margin:0; }
a:hover.info { text-decoration: none; color:#fff; background-color:#5893a9;}

ul { padding-left: 20px; margin:10px 0 15px 0;}
ul li { margin:0 0 7px 5px; padding:0; list-style:square;}

ul.check { list-style:none; margin: 0 0 10px 10px; padding:0; }
ul.check li { list-style:none; background-image:url(../_img/right-ul.png); background-position:left top; background-repeat:no-repeat; padding:0 0 0 20px; margin:0 0 9px 0;}

img.left { margin-top: 3px!important; margin-right: 10px!important;}
img.right { margin-top: 3px!important; margin-left: 10px!important;}

.right {text-align: right}

a.button {padding:5px 5px 5px 5px; font-size:.9em; color:#f5f3e7; background-color:#333; text-decoration: none;}
a:hover.button { text-decoration: none; color:#fff; background-color:#5893a9;}

.modry { background-color:#a1bec7; color:#fff; padding:10px 15px;}
.cerveny { background-color:#a10518; color:#fff; padding:10px 15px;}
.zeleny { background-color:#839064; color:#fff; padding:10px 15px;}
.cerny { background-color:#333; color:#fff; padding:10px 15px;}
.hnedy { background-color:#665d51; color:#fff; padding:10px 15px;}
.zluty { background-color:#f6f4e8; color:#665d51; padding:10px 15px;}

/* LAYOUT */
body{background-color:#f2f2f2;background-image:url(../_img/bg_top.jpg); background-position:center top; background-repeat:repeat-x;margin:0;padding:0; font-size:0.75em; }

#header-bg { width:100%; min-height:320px; background-image:url(../_img/bg_top.jpg); background-position:center top; background-repeat:repeat-x;}
#container-bg { width:100%; height:auto; background-image:url(../_img/bg_body.jpg); background-position:center bottom; background-repeat:repeat-x;}

#top-bar { height:auto; padding:8px 0; margin:0 0 40px 0; }
#top-bar span.total { font-size:0.9em; color:#FFF; float:left; padding:0 25px 0 0; margin:0 25px 0 0; border-right:1px solid #FFF;}
#top-bar span.hotline { font-size:0.95em; color:#FFF; float:left; padding:0 25px 0 0; margin:0 25px 0 0; border-right:1px solid #FFF;}
#top-bar span.email { font-size:0.9em; color:#FFF; float:left;}
#top-bar span strong { }
#top-bar span a { color:#FFF; font-weight:bold;}
#top-bar #search { float:right; margin:0; padding:0; }
#top-bar #search input { background-color:#000; border:1px solid #424242; padding:4px; color:#FFF; font-size:0.9em; margin:0; width:200px; }
#top-bar #search input:hover, #top-bar #search input:focus { border:1px solid #676767; }
#top-bar #search input.hledat { background-image:url(../_img/search.png); background-color:#000; border:1px solid #424242; background-repeat:no-repeat; background-position:center; width:30px; cursor:pointer; color:#000; padding:3px;}
#top-bar #search input.hledat:hover { border:1px solid #676767; color:#000; }

#logo { width:120px; height:92px; margin:15px; padding:0;}

article { padding: 10px 0px 10px 20px; clear:both;}
aside { margin-top: 10px; margin-bottom: 10px; }

nav.mainMenu { margin:0; color:#000; width:100%; height:auto;  }
nav.mainMenu ul { padding: 0px; margin: 0px; list-style:none; width:100%; background-color:#eeeeee; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; height:auto; float:left; }
nav.mainMenu li { padding: 0px; margin: 0px; list-style:none;  display:block; clear:right; float:left;  }
nav.mainMenu li a { color:#353535; text-decoration:none; text-transform:uppercase; letter-spacing:-1px; background-color:#eeeeee; margin:0; padding:12px 13px; font-size:1.2em; float:left; outline:none;  }
nav.mainMenu li a:hover, header nav li a.active { color:#fff; text-decoration:none; text-transform:uppercase; letter-spacing:-1px; background-color:#353535; margin:0; padding:12px 13px; font-size:1.2em; float:left; outline:none;}

nav.submenu { margin-top: 10px; }
nav.submenu ul { padding: 0px; list-style:none; }
nav.submenu li  { list-style:none; padding:5px 0px; padding-left: 10px; margin:0 0 5px 0; border-bottom:1px solid #efefef; text-decoration:none; color:#333;}
nav.submenu li:hover { border-bottom:1px solid #e1e1e1; color:#a10518; }
nav.submenu li.active { list-style:none; padding:5px 0px; margin:0 0 3px 0; border-bottom:0px solid #e1e1e1; color:#a10518; text-decoration:none;}
nav.submenu li a { color:#333; text-decoration:none; text-transform:uppercase; font-weight: bold; }
nav.submenu li a:hover { color:#a10518; font-weight: bold; }
nav.submenu li a.active { color:#a10518; text-decoration:none; text-transform:uppercase;}
nav.submenu li ul { margin:0 0 0 0; list-style:none; padding:0; }
nav.submenu li ul li  { background-image:url(../_img/subnav-li.png); background-position:left; background-repeat:no-repeat; margin:10px 0 0 0; text-transform:normal; padding:3px 10px 3px 25px; border-bottom:0px solid #e1e1e1;}
nav.submenu li ul li:hover  { background-image:url(../_img/subnav-li-active.png); background-position:left; background-repeat:no-repeat; margin:10px 0 0 0; text-transform:normal; padding:3px 10px 3px 25px; border-bottom:0px solid #e1e1e1; background-color:#a10518;}
nav.submenu li ul li a:hover { color:#fff; font-weight: bold; }
nav.submenu li ul li a.active { color:#000; text-transform:normal;}

nav.breadcrumbMenu { background-color:#353535; color:#FFF; padding:7px 15px 9px 15px; height:auto; font-size:0.85em; border-bottom:1px solid #efefef; clear:both; }
nav.breadcrumbMenu img { margin:0 5px 0 0;}
nav.breadcrumbMenu a { text-decoration:underline; color:#FFF;}
nav.breadcrumbMenu a.active { text-decoration:none; color:#FFF; font-weight:bold; }

footer { width:100%; min-height:270px; padding-top: 10px; background-image:url(../_img/footer-bg.png); background-position:center top; background-repeat:repeat-x; background-color:#000;}
footer ul {margin:0; padding:0; background-image:url(../_img/bg-otaznik.png); background-position:right; background-repeat:no-repeat; }
footer ul li {	background-image:url(../_img/footer-li.png); background-position:left; background-repeat:no-repeat; list-style:none; margin:0 0 5px 0; padding:0 0 0 15px; color:#FFF;}
footer h2 { color:#FFF; font-size:1.5em; margin:5px 0 5px 0; text-shadow:#000 1px 1px 1px; border:none;}
footer p { color:#FFF; font-size:0.9em;}
footer a { color:#FFF;}
footer p.copyright { text-align:left; width:40%; float:left; margin:38px 0 0 -15px;}
footer p.author { text-align:right; width:40%; float:right; margin:38px -15px 0 0;}

section.subpage { background: #e7f2f6; padding: 10px; margin-bottom: 20px; }
section.subpage h2 { margin-bottom: 5px; }
section.subpage p { margin-bottom: 10px; }

section.clanek { }
section.clanek h2 { font-size:1.4em; margin-bottom: 5px; }
section.clanek p { margin-bottom: 10px; }

.box { -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #e7f2f6; }
.box p { margin-bottom: 0px; }

.rounded-5 {-moz-border-radius: 5px; -webkit-border-radius: 5px; }

.content { background-color:#FFF; }
.module { padding:10px 15px;}

#top-flash { background-color:#FFF; background-image:url(../_img/topflash-bottom.png); background-repeat:repeat-x; background-position:center bottom; height:220px; padding: 0 0 6px 0; z-index:998; position:relative; width:950px;}
#top-flash #buttons { position:absolute; left:50px; z-index:999;}

.kontakty img { border: solid 1px #333; width:120px; height: 120px; }
.kontakty td { vertical-align: top; padding: 0px; padding-right: 5px; padding-bottom: 5px; }
.options { min-height: 100px; }

select { border:1px solid #9bbac3; padding:3px 5px; cursor:pointer;}
select:hover { border:1px solid #7da4af;}
option { padding:0px 5px 0px 5px; }

input { border:1px solid #9bbac3; padding:5px; }
input:hover, input:focus { border:1px solid #7da4af;}
input.error { border:1px solid #9c0000;}

#filtr { margin:0 0 0px 0;}
#filtr-wide { margin:0 0 10px 0;}
#filtr input { width:203px; margin:0 0 5px 0; }
#filtr select  { text-align:center; width:215px; margin:0 0 5px 0; }
#filtr input.odeslat { color:#FFF; text-transform:uppercase; text-align:center; background-color:#d00000; width:215px; font-weight:bold; letter-spacing:-1px; border:1px solid #9c0000; cursor:pointer;}
input.bigsearch { border:1px solid #e4e4e4; padding:8px; font-size:1.2em; background-image:url(../_img/bg-search.png); background-position:left top; background-repeat:no-repeat; }
input:hover.bigsearch, input:focus.bigsearch { border:1px solid #cdcdcd;}
input.vyhledat { border:1px solid #9c0000; padding:7px; font-size:1.2em; background-color:#d00000; color:#FFF; cursor:pointer;  }

/*BLOKY*/

#vypis-nemovitosti, #hledat, .vypis-clanek { margin:0 0 10px 0;}
.vypis-clanek, .detail-clanek, .vypis-portfolio { margin:0 0 20px 0;}
.vypis-projekt { margin:0 0 20px 0;}

.nemovitost { margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px solid #efefef; float:left; background-image:url(../_img/bg-vypis.png); background-position: right bottom; background-repeat:no-repeat; }
.nemovitost:hover { background-image:url(../_img/bg-vypis-hover.png);}
.nemovitost .nahled, .nemovitost-akce .nahled { width:144px; height:auto; margin:0 10px 0 0; float:left;}
.nemovitost .nahled a img, .nemovitost-akce .nahled a img { padding:1px; border:1px solid #e0e0e0; margin:0 0px 0px 0;}

.projekt-uvod p { font-size:0.9em; line-height:1.5em;}
.vypis-clanek p, .detail-clanek p { margin:0 0 15px 0;}

.nemovitost h3 a, .nemovitost-akce h3 a { font-size:.9em;  }
.nemovitost p, .nemovitost-akce p, .nemovitosti p { font-size:0.9em;}
.nabidka-nemovitosti p { font-size:0.9em;}

p.nemovitost-cena { text-align:right; color:#a10518; font-weight:bold; margin:0 0 5px 0; padding:0;}
dt.price, dd.price {color:#a10518;}

p.mapa { background-image:url(../_img/bg-map.png); background-position:right; background-repeat:no-repeat;}

.vypis-portfolio p { background-color:#f5f4e7; padding:10px;}
.vypis-projekt p { background-color:#e7f2f6; padding:10px; min-height:118px;}

.vypis-projekt p a img { margin:0 10px 0 0; padding:1px; border:1px solid #e0e0e0;}



.light-blue { color:#99e3ff;}
.light-blue-small { color:#99e3ff; font-size:1.1em;}

.detail-nemovitosti .fotografie a img { padding:1px; border:1px solid #e0e0e0; margin:0 3px 3px 0;}

#kontaktni-formular { margin:0 0 15px 0; padding:0 15px 0 0;}
#kontaktni-formular textarea, #kontaktni-formular input { width:300px;}
#kontaktni-formular input.odeslat { background-color:#598795; color:#FFF; width:auto; padding:10px; text-transform:uppercase; font-size:1em; cursor:pointer; margin:0; border:1px solid #346473;  }
#kontaktni-formular input:hover.odeslat { background-color:#346473; color:#FFF;}

.nemovitost-akce { margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px solid #efefef; float:left; background-image:url(../_img/bg-vypis-akce.png); background-position: right bottom; background-repeat:no-repeat; }

.nemovitost .info, .nemovitost-akce .info { width:450px; float:right; padding:0 10px 0 0; }
.fgnemovitost a {margin: 0!important; padding: 0;}

#strankovani { margin:20px 15px; cursor:pointer;}
#strankovani a {color: #000; text-decoration: none; padding:3px 7px; border:1px solid #fff}
#strankovani a:hover, #strankovani a.active { background-color:#333; color:#FFF; padding:3px 7px; border:1px solid #000;}

.ovladani { padding:15px 0 25px 0; margin:0 15px;}
p.date { background-image:url(../_img/calendar.png); background-position:left; background-repeat:no-repeat; padding:0 0 0 22px; font-size:.9em; margin:0 0 10px 0; color:#6095a4;}
span.more { background-image:url(../_img/document-inv.png); background-position:left; background-repeat:no-repeat; padding:3px 5px 3px 22px; font-size:.9em; margin:0 0 10px 0; color:#f5f3e7; background-color:#333; width:auto;}
span:hover.more { background-color:#a61224;}

dl { display: block; }
dl dt, dl dd { line-height: 185%; border-bottom: 1px solid #E1E1E1;}
dt {clear: left; display:  block; font-weight: bold; float: left; width: 125px; padding: 0 0 0 5px; }
dd {clear: right; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}

span.jmeno { color:#1d6074; font-weight:bold; font-size:1.1em;}

span.info { background-image:url(../_img/info-inv.png); background-position:left; background-repeat:no-repeat; padding:5px 5px 5px 22px; font-size:.9em; color:#f5f3e7; background-color:#333; margin:0; }
span:hover.info { color:#fff; background-color:#5893a9;}

.navNextPrev {width: 100%; clear: both; min-height: 35px;}
.navNextPrev a { background-color:#333; color:#FFF; text-decoration: none; padding:3px 7px; border:1px solid #fff}
.navNextPrev a:hover {background-color:#fff; color: #000; padding:3px 7px; border:1px solid #000;}
.navNextPrev .prev {float: left;}
.navNextPrev .next {float: right;}

.calckForm {padding-top: 10px;}

.reference p {min-height: 260px}

.fotoBorder {border: 1px solid #222}