@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:#000; border-bottom:1px solid #efefef;}
h2{font-size:1.6em; margin:0px 0 10px 0; letter-spacing:-1px;color:#000; clear:both;}
h3{font-size:1.2em; color:#535036; margin:0px 0 10px 0px; padding:0 0 0 0; }
h4{font-size:1.1em; color:#535036; font-weight:normal; line-height:1.7em; }

aside h2, nav h2 { background-color:#bcbcbc; color:#fff; padding:10px 15px; text-transform:uppercase; border-bottom:1px solid #444; text-shadow:#444 1px 1px 1px; }

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;}
aside p { margin:0 0 5px 0;}
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; }
aside p img  { border:none;}
aside p img.left { margin:0 5px 5px 0;}
.right {text-align: right}



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;}
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;}


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;}


.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; }
#logo { width:120px; height:80px; margin:15px 15px 0 15px; padding:0;}

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

#top-bar { height:auto; padding:8px 0; margin:0 0 40px 0; width:100%; }
.total { font-size:1.1em; color:#FFF; float:left; padding:0 25px 0 0; margin:0px 25px 15px 250px; font-weight:normal; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; letter-spacing:-1px; text-shadow:#666 1px 1px 1px;}
.total a { color:#FFF}
#top-bar span.hotline { font-size:0.95em; color:#FFF; float:left; clear:right; padding:0 25px 0 0; margin:0 25px 0 230px; border-right:1px solid #FFF;}
#top-bar span.email { font-size:0.9em; color:#FFF; float:left; margin:0; padding:0;}
#top-bar span strong { }
#top-bar span a { color:#FFF; font-weight:bold;}
#search { float:right; margin:0px 0 0 0; padding:0; }
#search input { background-color:#efefef; border:1px solid #898989; padding:4px; color:#000; font-size:0.9em; margin:0; width:200px; }
#search input:hover, #top-bar #search input:focus { border:1px solid #666; }
#search input.hledat { background-image:url(../_img/magnifier.png); background-color:#efefef; border:1px solid #898989; background-repeat:no-repeat; background-position:center; width:30px; cursor:pointer; color:#000; padding:3px;}
#search input.hledat:hover { border:1px solid #666; color:#000; }


/*MAIN NAV*/
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:#000; 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:#e1b43d; margin:0; padding:12px 13px; font-size:1.2em; float:left; outline:none;}


/*SUBMENU*/
nav.submenu h2 { text-transform:uppercase; background-color:#e1b43d;}
nav.submenu { margin:15px 0px 0px 0; /* background-image:url(../_img/subnav-bg.png); background-position:right top; background-repeat:repeat-y; */ padding:0; }
nav.submenu ul {list-style:none; padding:5px 30px 0px 15px; margin:-3px 0 0 0; font-size:1em; }
nav.submenu ul li { list-style:none; background-image:url(../_img/bg-li-01.png); background-position:left top; background-repeat:no-repeat; text-decoration:none; margin:0 0 10px 0; padding:0px 0 0 15px; }
nav.submenu ul li:hover { background-image:url(../_img/bg-li-01-hover.png);}
nav.submenu ul li.active  { background-image:url(../_img/bg-li-01-hover.png); text-decoration:none; font-weight:normal;}
nav.submenu ul li a { list-style:none;  text-decoration:none; text-transform:uppercase; font-weight:bold; color:#444; }
nav.submenu ul li a:hover { text-decoration:none; font-weight:bold;}

nav.submenu ul li ul { background-image:none; margin:0 0 0 -12px; padding:5px 0 0 0;}
nav.submenu ul li ul li {  background-image:url(../_img/bg-li-02.png); background-position:left top; background-repeat:no-repeat; margin:0 0 5px 0; padding:1px 0 0 13px; font-weight:bold;}
nav.submenu ul li ul li.active, nav.submenu ul li ul li:hover  { text-decoration:none; background-image:url(../_img/bg-li-02.png); background-position:left top; background-repeat:no-repeat; color:#666; font-weight:bold;}
nav.submenu ul li ul li a { text-decoration:none; text-transform:uppercase;}


nav.submenu ul li ul li ul { background-image:none; margin:0 0 0 -4px; padding:15px 0 0 -10px;}
nav.submenu ul li ul li {  background-image:url(../_img/bg-li-02.png); background-position:left top; background-repeat:no-repeat; margin:0 0 5px 0; padding:1px 0 0 13px;}
nav.submenu ul li ul li ul li a { text-transform:none; letter-spacing:-0.5px; text-transform:uppercase;}
nav.submenu ul li ul li ul li a:hover { font-weight:bold;}

/*DROBKY*/

nav.breadcrumbMenu { background-color:#333333; 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*/
footer { padding:0px; background-color:#333333; border-bottom:4px solid #bcbcbc; border-top:4px solid #bcbcbc; margin:0 0 15px 0;}
footer p { color:#FFF; font-size:0.9em;}
footer a { color:#FFF; font-weight:bold; text-decoration:underline; letter-spacing:-0.5px;}
footer a:hover { color:#efefef;}
footer p.copyright { text-align:left; width:40%; float:left; margin:5px 0 0 0; padding:15px;}
footer p.author { text-align:right; width:40%; float:right;  margin:5px 0 0 0; padding:15px;}

/*ETC*/

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;}

.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;  }

/*TABULKY*/
table { font-size:.9em;}
table tr th { background-color:#333; color:#FFF; padding:10px 5px; letter-spacing:-1px;}
table tr td { padding:7px 5px; border-bottom:1px solid #FFF; }
table tr { background-color:#efefef; border-bottom:1px solid #FFF;}
table tr:hover { background-color:#e1b43d; color:#000;}

td.free { background-color:#79913d; color:#FFF; font-weight:bold; text-align:center;}
td.sold { background-color:#af0000; color:#FFF; font-weight:bold; text-align:center;}

.box table tr th { background-color:#333; color:#FFF; padding:10px 5px; letter-spacing:-1px;}
.box table tr td { padding:7px 5px; border-bottom:0px solid #FFF; }
.box table tr:hover { background-color:none!important; }

/*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: 5px 0 0 0; padding: 0;}
.fgnemovitost a.span-2 {width: 92px; height: 65px; overflow: hidden;}
.fgnemovitost a.span-2 figure {height:62px; width: 88px; border: 1px solid #E0E0E0; overflow: hidden;}
.fgnemovitost a.span-2 img {width: 86px; border: none;}
.fgnemovitost a.span-2:hover img {border: none;}
.fgnemovitost a.span-2:hover figure {border-color: #aaa}

#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;}

.akce-projekt { color: red; font-weight: bold; font-size: 120%; text-align: left; }

.neomovitost-akce button { border: none; background-color: #333333; cursor: pointer; color: #F5F3E7; font-size: 0.9em; padding: 5px; text-decoration: none;}
.neomovitost-akce button:hover {background-color: #5893A9}
.neomovitost-akce tr, .neomovitost-akce tr td {vertical-align: middle; padding: 0; background-color: transparent;}
.neomovitost-akce tr:hover, .neomovitost-akce tr:hover td {background-color: transparent;}
.neomovitost-akce form {margin: 0; padding: 0; line-height: 100%;}
.neomovitost-akce form input {margin: 0; padding: 0;}
.neomovitost-akce form button {margin: 0;}

.napiste tr, .napiste tr:hover {background-color: transparent;}

#compareBox .content {text-align: center;}
#compareBox img {border: 1px solid #AAA; padding: 1px;}
#compareBox div.span-3 {position: relative;}
#compareBox div .remove {position: absolute; left: 2px; top: 2px; font-size: 80%; background-color: #af0000; padding: 1px 3px; color: #fff; font-weight: bold; text-decoration: none;}
#compareBox div .remove:hover {background-color: #ff0000}
.compareAction {margin-bottom: 15px; clear: both;}

#compareHref {display: block; background-color: #333333; text-decoration: none; font-weight: bold; margin-bottom: 15px; cursor: pointer; color: #fff; font-size: 0.9em; padding: 5px 15px;}
#compareHref:hover {background-color: #5893A9}


.compare {font-size: 90%}
.compare thead th, .compare thead tr, .compare thead tr:hover {background-color: transparent;}
.compare thead th div {text-align: center; position: relative;}
.compare thead th div .remove {position: absolute; left: 2px; top: 2px; font-size: 80%; background-color: #af0000; padding: 1px 3px; color: #fff; font-weight: bold; text-decoration: none;}
.compare thead th div .remove:hover {background-color: #ff0000}
.compare tbody td {border-bottom: #ccc solid 1px; vertical-align: top;}
.compare img {border: 1px solid #AAA; padding: 1px; margin: 5px; text-align: center;}
.compare tbody tr:hover td {background-color: #ccc;}
.compare tfoot {font-style: normal;}
.compare tfoot td {padding-top: 15px;}
.compare tfoot tr, .compare tfoot tr td {background-color: transparent;}
.compare tfoot tr:hover, .compare tfoot tr:hover td {background-color: transparent;}