/* project www.dehas.cz */

/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}

table {border-collapse:collapse; border-spacing:0;}
.clear {height:1px; font-size:1px; clear:both; overflow:hidden; visibility:hidden; display:block; margin:0!important; padding:0!important; width:100%!important;}
.hidden {display:none; height:40px;}
.out {position:absolute; left:-999em;}
.none {display:none;}
.left {float:left!important;}
.right {float:right!important;}
sub {font-size:10px; vertical-align:sub; line-height:10px;}
sup {font-size:10px; vertical-align:top; line-height:10px;}

/* HTML tags */
body {font:12px Arial, Helvetica, sans-serif; line-height:19px; color:#fff; background:#000;}
p {color:#000; margin-bottom:7px;}
a {text-decoration:underline; color:#b00707;}
a:hover, a:focus, a:active {text-decoration:none;}
h1, h2, h3, h4, h5 {color:#b00707; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
h1, h2 {font-size:22px; font-weight:normal; margin-bottom:15px; line-height:24px;}

/* Layout */
#nav-skip {position:absolute; left:-999em; top:0; z-index:100;}
#nav-skip a:focus, #nav-skip a:active {position:absolute; left:999em; width:980px; background:#fff; padding-top:2px; z-index:10; text-align:center;}

.container {margin:0 auto; width:980px; position:relative;}
#header {height:330px; background:#bf0606 url(../img/header.png) repeat-x 0 0;}
#header .container {background:url(../img/header-ilu.jpg) no-repeat 100% 95px; height:330px;}
#content {display:block; background:#ddd url(../img/content-bg.png) repeat-x 0 0; padding:0 0 30px 0;}
#col-content {float:left; width:650px; margin:30px 0 30px 0;}
#col-side {float:right; width:318px; margin:30px 0 30px 0;}
#footer {height:75px; background:#000 url(../img/footer-bg.jpg) repeat-x 50% 0; overflow:hidden;}

.post {padding:20px 20px 10px 20px; background:#fff; float:left; width:610px;}
.list {margin-bottom:10px;}
.post-last {margin-bottom:0;}
#detail {position:relative;}
#gallery, #atts, #form {padding:0 20px 10px 20px; background:#fff; float:left; overflow:hidden; width:610px;}
#form {padding-bottom:20px;}

/* Header */
#nav {float:right;}
#nav li {position:relative; float:left; display:inline;}
#nav li a {font-size:16px; font-weight:bold; color:#fff; text-transform:uppercase; padding:32px 10px; line-height:26px; display:block; text-decoration:underline;}
#nav li a.active {text-decoration:none;}
#nav li a:hover, #nav li a:focus, #nav li.hover a {text-decoration:none; background:#292e33;}
#nav li ul {position:absolute; left:0; top:60px; width:198px; background:#292e33; display:none;}
#nav li ul li a {width:178px; text-transform:none; line-height:18px; padding:5px 10px; font-weight:normal; text-decoration:underline!important;}
#nav li ul li a:hover, #nav li ul li a:focus {text-decoration:none!important;}

#logo {position:absolute; top:130px;}
#logo a {display:block;}
#logo .name {font-size:26px; line-height:26px; color:#000; margin:25px 0 0 0;}
#logo .name span {color:#e31b22;}

#slogan {font-size:18px; line-height:24px; text-transform:uppercase; color:#e31b22; position:absolute; top:296px; left:0;}
#slogan strong {color:#fff;}

#search-box {width:125px; height:20px; overflow:hidden; position:absolute; top:298px; right:0; background:#fff;}
#search-box form {width:125px; height:20px; padding:0;}
#search-box fieldset {border:none; position:relative; width:125px; height:20px; margin:0; padding:0;}
#search-box input, #search-box select, #search-box label {vertical-align:middle;}
#search-box input#searchstring {color:#000; width:80px; padding:0 5px; border:none; font-size:12px; height:20px; position:absolute; top:0; line-height:20px; left:0; outline:none; background:none;}
#search-box input.submit {background:url(../img/search-submit.gif) no-repeat 0 0; height:15px; width:13px; cursor:pointer; border:none; position:absolute; right:5px; top:1px; font-size:0; line-height:0; text-indent:-9999em; margin:0; padding:0;}
#search-box input.submit:hover, #search-box input.submit:focus {background-position:0 -31px;}

#site-nav {position:absolute; left:715px; top:292px; width:152px; height:32px;}
#site-nav ul li {float:left; margin:0; padding:0 3px; line-height:32px; width:27px; display:inline; border-left:1px solid #5f6266;}
#site-nav ul li.home {border-left:0;}
#site-nav ul li a {position:relative; padding:0; color:#999; font-size:15px; display:block; width:27px; height:32px; line-height:32px; margin:0; overflow:hidden;} 
#site-nav ul li a span {position:absolute; top:-100px; left:0;}
#site-nav ul li.home a {background:url(../img/sitenav-home.gif) no-repeat 7px 6px;}
#site-nav ul li.sitemap a {background:url(../img/sitenav-map.gif) no-repeat 7px 6px;}
#site-nav ul li.mail a {background:url(../img/sitenav-mail.gif) no-repeat 7px 6px;}
#site-nav ul li.print a {background:url(../img/sitenav-print.gif) no-repeat 7px 6px;}
#site-nav ul li.find a {background:url(../img/sitenav-find.gif) no-repeat 7px 6px;}
#site-nav ul li a:hover, #site-nav ul li a:focus {background-position:7px -25px;}

/* Content */
#boxes {float:left; margin:30px 0 0 0; width:980px;}
#boxes .red {border-right:22px solid #b00707;}
#boxes .blue {border-right:22px solid #0092a8;}
#boxes .green {border-right:22px solid #00a350;}
#boxes #center {margin:0 14px;}
#boxes .box {float:left; display:inline; width:295px; background:#292e33; padding:0 0 10px 0; height:100%;}
#boxes .box h2 {font-size:20px; color:#fff; margin:17px 0 17px 17px;}
#boxes .box h2 a {color:#fff;}
#boxes .box .picture {float:left; margin:3px 20px 10px 0;}
#boxes .box p {color:#e3e4df; padding:0 10px 0 0;}

#breadcrumb {position:relative; margin:0 0 10px 0;}
#breadcrumb p {font-size:14px; color:#000; margin:0 35px 0 0;}
#breadcrumb a.back-btn {position:absolute; top:0; right:0; display:block; overflow:hidden; width:28px; height:22px; text-indent:-9999px; background:url(../img/back-btn.png) no-repeat 0 0;}

#paging {position:relative; margin:10px 0 0 0; float:left; width:650px;}
#paging p {font-size:14px; color:#000; margin:0 35px 0 0;}
#paging p a {font-weight:bold;}
#paging a.back-btn {position:absolute; top:0; right:0; display:table; overflow:hidden; width:28px; height:22px; text-indent:-9999px; background:url(../img/back-btn.png) no-repeat 0 0;}

.photo {float:left; margin:3px 15px 5px 0; display:inline; position:relative;}
.photo p {margin:0; padding:0; line-height:0;}
.photo a {display:block; text-decoration:none; position:relative;}
.photo img {display:block; background:#fff; padding:0; margin:0; border:2px solid #ddd;}
.photo a .line {position:absolute; bottom:-2px; left:0; display:block; width:100%; height:5px; font-size:1px; background:url(../img/photo-hover.gif) repeat-x 0 -5px; z-index:5;}
.photo a:hover .line, .photo a:focus .line {background-position:0 0;}  
.photo .description {color:#b00707; display:block; padding:0; width:198px; font-size:11px; line-height:17px; margin:3px 0 0 0; height:100%; text-align:left; position:relative;}

#gallery .photo {margin:3px 20px 10px 0}
#gallery .description {width:190px;}
#gallery .last {margin-right:0;}

#atts p {float:left; width:295px; margin:0 0 15px 0; cursor:pointer; display:inlinrblock;}
#atts .snd {float:right;}
#atts a {position:relative; display:block; width:200px; padding:5px 0 5px 95px; height:60px; color:#000; line-height:13px; text-decoration:none; font-size:14px; overflow:hidden; background:url(../img/atts-a.png) no-repeat 100% 100%;}
#atts .text {width:195px; display:block; padding:0; margin:5px 0 3px 0; *margin-top:8px; line-height:16px; cursor:pointer; color:#b00707;}
#atts .type {width:195px; display:block; padding:3px 0 0 0; margin:0; line-height:16px; cursor:pointer; color:#000; font-size:12px; position:absolute; right:5px; bottom:9px;} 
#atts a:hover .text, #atts a:focus .text {text-decoration:underline;}
#atts .xls {background:#eee url(../img/atts/xls.png) no-repeat 15px 6px;}
#atts .xlsx {background:#eee url(../img/atts/xlsx.png) no-repeat 15px 6px;} 
#atts .doc {background:#eee url(../img/atts/doc.png) no-repeat 15px 6px;}
#atts .docx {background:#eee url(../img/atts/docx.png) no-repeat 15px 6px;}
#atts .ppt {background:#eee url(../img/atts/ppt.png) no-repeat 15px 6px;}
#atts .pptx {background:#eee url(../img/atts/pptx.png) no-repeat 15px 6px;}
#atts .pdf {background:#eee url(../img/atts/pdf.png) no-repeat 15px 6px;}
#atts .rtf {background:#eee url(../img/atts/rtf.png) no-repeat 15px 6px;}
#atts .zip {background:#eee url(../img/atts/zip.png) no-repeat 15px 6px;}
#atts .jpg {background:#eee url(../img/atts/jpg.png) no-repeat 15px 6px;}
#atts .mp3 {background:#eee url(../img/atts/audio.png) no-repeat 15px 6px;}
#atts .att {background:#eee url(../img/atts/blank.png) no-repeat 15px 6px;}
#atts .wma {background:#eee url(../img/atts/audio.png) no-repeat 15px 6px;}
#atts .png {background:#eee url(../img/atts/jpg.png) no-repeat 15px 6px;}
#atts .gif {background:#eee url(../img/atts/jpg.png) no-repeat 15px 6px;}
#atts .txt {background:#eee url(../img/atts/doc.png) no-repeat 15px 6px;}
#atts .rtf {background:#eee url(../img/atts/doc.png) no-repeat 15px 6px;}
#atts .rar {background:#eee url(../img/atts/zip.png) no-repeat 15px 6px;}

#jcarousel {width:912px; margin:0; background:#fff url(../img/carousel-bg.png) repeat-y 0 0; clear:both; overflow:hidden; padding:0 34px;}
#carousel {margin-left:-1px!important;}
#carousel li {float:left; position:relative; display:inline; width:143px; padding:13px 20px 10px 20px; background:#fff url(../img/carousel-li.png) repeat-y 0 100%;}
#carousel li a.link {color:#0092a8; font-size:14px; font-weight:bold; line-height:16px;}
#carousel li a.link span {display:block; text-decoration:underline;}
#carousel li a.link:hover span, #carousel li a.link:focus span {text-decoration:none;}
#carousel li .photo {margin:10px 0; position:relative;}
#carousel li .photo img {border:1px solid #ddd;}
#carousel li .description {float:left; color:#000; line-height:16px;}
#carousel li .description .price {font-size:14px; font-weight:bold;}
#carousel li .description .location {font-size:11px; display:block;}
#carousel li .description .update {font-size:11px; color:#666; display:block;}
#carousel li .description .update strong {color:#000;}
#carousel .photo a .line {background:url(../img/carousel-photo-hover.gif) repeat-x 0 -5px;}
#carousel .photo a:hover .line, #carousel .photo a:focus .line {background-position:0 0;}
.jcarousel-clip {width:915px;}
.jcarousel-prev, .jcarousel-next {z-index:3; position:absolute; width:34px; height:232px; top:0; cursor:pointer; font-size:1px;}
.jcarousel-prev {left:-34px;}
.jcarousel-next {left:915px;}
.jcarousel-prev-horizontal {background:#888 url(../img/carousel-arrow.png) no-repeat 0 0;}
.jcarousel-prev-disabled {background:#888!important; cursor:default!important;}
.jcarousel-next-horizontal {background:#888 url(../img/carousel-arrow.png) no-repeat -34px 0;}
.jcarousel-next-disabled {background:#888!important; cursor:default!important; cursor:default!important;}

/* Post detail*/
.post p.more {text-align:right;}
.post .date {color:#555;}
.post p.more .date {float:left;}
#detail h2 {font-size:19px; margin-bottom:10px; margin-top:15px;}
.post h3 {font-size:17px; margin-bottom:6px; margin-top:14px;}
.post h4, .post h5 {font-size:15px; margin-bottom:4px; margin-top:12px;}

.post ul {font-size:12px; margin:10px 0 15px 0; color:#000;}
.post ul li {list-style:none; padding-left:15px; background:url(../img/bullet.png) no-repeat 0 7px; position:relative; margin-left:10px;}
.post ul li ul {margin-bottom:5px; margin-top:0; font-size:12px;}
.post ol {font-size:12px; margin:10px 0 15px 0; color:#000;}
.post ol li {list-style:decimal; position:relative; margin-left:30px;}
.post ol li ol {margin-bottom:5px; margin-top:0; font-size:12px;}
.post table {margin:10px 0 10px 0; text-align:left; font-size:12px; border:1px solid #fff; padding-bottom:1px; width:100%;}
.post table th, .post table td {padding:4px 10px; color:#000; vertical-align:middle;}
.post table th, .post table thead td {background:#b00707; color:#fff; border:1px solid #fff; font-weight:bold; text-align:left;}
.post table td {color:#000; background:#ccc; border:1px solid #fff;}
.post table th a, .post table thead td a {color:#fff;}
.post table p {margin-bottom:0; color:#000;}

.post #map { display:block; width:250px; height:200px; position:absolute; top:20px; right:20px;} 

/* Reality detail */
.reality-list .photo {margin-top:0;}
.reality-list p.price {color:#555;}
.reality-list p.price strong {color:#000; font-size:14px;}
.reality-list p.update {color:#555;}
.reality-list p.location strong {color:#b00707;}

#reality-detail {border-bottom:1px solid #d6d6d6; float:left; width:610px; margin:10px 0 10px 0;}
#reality-detail #photos {float:left; width:280px;}
#reality-detail #photos .photo {margin:0 0 10px 0;}
#reality-detail #photos .photo .description { width:280px;}
#reality-detail #photos #others {float:left; width:280px; overflow:hidden; height:100%;}
#reality-detail #photos #others p {color:#555;}
#reality-detail #photos #others .photo {margin:0 0 20px 0;}
#reality-detail #photos #others .photo .description {width:130px;}

#reality-detail table {float:right; width:310px; margin:-7px 0 20px 0;}
#reality-detail table td {width:155px; padding:5px 0; border:0; background:#fff; vertical-align:top; line-height:16px;}
#reality-detail table td.grey {color:#555;}
#reality-detail table td.price {font-size:16px; font-weight:bold;}

/* Form */
form {background:#e4e4e4; padding:20px 20px 2px 20px; border-bottom:5px solid #b00707; height:100%;}
form .row {float:left; display:block; width:570px; margin:0 0 15px 0; height:100%;}
form .left, form .right {width:275px;}
form label {display:block; color:#555; font-size:12px; margin-bottom:1px;}
form input.text {line-height:21px; padding:5px; width:558px; outline:none; border:1px solid #bbb; color:#555; font:12px Arial, Helvetica, sans-serif;}
form .left input.text, form .right input.text {width:263px!important;}
form input.text:focus {border:1px solid #888;}
form textarea {padding:5px; width:558px; border:1px solid #bbb; color:#555; font:12px Arial, Helvetica, sans-serif; outline:none; overflow:auto; height:100px;}
form textarea:focus {border:1px solid #888;}
form select {height:27px; width:565px;}
form .newListSelected {float:left; width:568px; border:1px solid #bbb; height:25px; color:#555; background:#fff url(../img/selectbox.png) no-repeat 100% 3px; outline:none; position:relative; z-index:100; cursor:pointer; margin:0;}
form .selectedTxt {line-height:21px; height:21px; padding:3px 5px 3px 5px; width:558px; font-size:12px; color:#555; overflow:hidden;}
form .newListSelHover, form .newListSelFocus, form .newListSelected:focus {background:#fff url(../img/selectbox.png) no-repeat 100% -24px; border:1px solid #888;} 
form ul.newList {margin:0; padding:0; color:#555; position:absolute; top:25px!important; left:-1px!important; overflow:hidden; z-index:999; width:568px; height:auto; background:#fff; font-size:12px; border-top:1px solid #bbb; border-right:1px solid #bbb; border-bottom:1px solid #bbb; border-left:1px solid #bbb;}
form ul.newList a {padding:2px 5px; display:block; color:#555; text-decoration:none;}
form ul.newList a:hover, form ul.newList a:focus {background:#eee;}
form .submit-btn {background:#b00707; border:0; color:#fff; font-size:13px; padding:5px 10px; cursor:pointer; font-weight:bold; float:left; width:150px;}
form .submit-btn:hover, form .submit-btn:hover {text-decoration:underline;} 
form p.info {color:#555; float:left; margin:5px 0 0 20px;}
form .fault {color:#df001a;}
form .message {margin:0 auto 15px auto; padding:10px 0 10px 40px; font-weight:bold; color:#fff; width:530px; line-height:17px;}
form .error {background:#DF001A url(../img/error.png) no-repeat 10px 50%;}
form .success {background:#8CAC58 url(../img/success.png) no-repeat 10px 50%;}

/* Col-side */
#news, #quick-contact {background:#fff url(../img/col-side.png) repeat-x 0 0;}
#news {margin-bottom:30px;}
#news p.headline, #quick-contact p.headline {line-height:41px; height:41px; margin:0; padding:0 0 0 20px; color:#fff; font-size:16px;} 
#news p.headline a, #quick-contact p.headline a {color:#fff;}
#news p.headline {background:#292e33 url(../img/news-headline.png) no-repeat 0 0;}
#quick-contact p.headline {background:#292e33 url(../img/quick-contact-headline.png) no-repeat 0 0;}
#news .content, #quick-contact .content {padding:10px 20px;}
#news .photo {margin-right:10px; margin-bottom:0;}
#news .photo img {border:1px solid #ddd;}
#news p.heading {font-weight:bold; color:#b00707; margin-bottom:3px;}
#news .date {font-size:10px; color:#606060; display:block;}
#news .item { border-top:1px solid #d4d4d4; margin:8px 0; padding:8px 0 0 0;}
#news .first { border-top:0; margin:0; padding:0;}
#quick-contact .small-logo { float:left; margin:10px 15px 10px 0;}
#quick-contact p, #news p {margin-bottom:5px; line-height:17px;}
#quick-contact p span {color:#606060;}

.half #news, .half #quick-contact {float:left; height:100%;}
.half #news {width:152px; margin:0 12px 0 0;}
.half #quick-contact {width:154px;}
.half .full-width {width:318px!important;}
.half h3 {height:41px; line-height:41px; color:#fff; font-size:16px; padding:0 0 0 20px; background-color:#292e33; background-repeat:no-repeat;}
.half h3 a {color:#fff;}
.half #news h3 {background-image:url(../img/half-news.png);}
.half #quick-contact h3 {background-image:url(../img/half-quick-contact.png);}
.half .content {padding:10px 10px 10px 19px!important;}
.half #news .content { min-height:190px;}
.half #news .slides_container {width:123px; display:none;}
.half #news .slides_container .slides-content {width:123px; height:177px; display:block;}
.half #news .photo {margin-right:5px;}
.half #news .pagination {text-align:center; height:8px; line-height:8px; margin:0 0 5px 0;}
.half #news .pagination li {display:inline; margin:0 1px;}
.half #news .pagination li a {display:inline-block; width:8px; height:8px; background:url(../img/news-pagination.png) no-repeat 0 0; font-size:0; line-height:8px; color:#ccc;}
.half #news .pagination li.current a {background-position:0 -8px; color:#888;}

.services {margin:0 0 30px 0;}
.services li {display:block; margin:0 0 10px 0; width:318px; height:60px; background:#292e33;}
.services li a {display:block; height:60px; line-height:60px; font-size:20px; color:#fff; padding:0 0 0 20px;}
.services li.red a {border-right:22px solid #b00707;}
.services li.blue a {border-right:22px solid #0092a8;}
.services li.green a {border-right:22px solid #00a350;}

/* Footer */
#footer p {color:#fff; margin:25px 0 0 0;}
#footer a {font-weight:bold;}