@CHARSET "UTF-8";
body { background: url('./layout/backg.gif') repeat; font-family: "Tahoma, Trebuchet MS"; text-align:center; padding:0;}

#top { width: 824px; }
#main { position: relative; padding: 0; width: 824px; margin: 0 auto 30px auto; text-align:center;background: url('./layout/back_main.gif') repeat-y;}

#menuu { width: 812px; margin: -5px 6px 0 6px;height: 41px; background: url('./layout/back_menu.gif') top repeat-x;}
#menuu .left {float: left;height: 41px; width: 655px; background: url('./layout/menu_roh.gif') top right no-repeat; text-align: left;}
#menuu .right { float: right; height: 41px; width:157px; background: url('./layout/adr.gif') no-repeat; }

#content { position: absolute; width: 824px; padding: 0 6px; top: 270px; margin-bottom: 20px; color: #373330; font-size: 0.7em; font-family: "Tahoma"; text-align: left; background: url('./layout/back_main.gif') repeat-y; }
#content p{ padding: 0 20px; line-height: 200%; }
#content p a { color: #58c51c; text-decoration: none; font-weight: bold; }
#content p a:hover { text-decoration: underline;}


#spodek {position: relative; top: 20px; width: 824px; height: 30px; margin-left: -6px; background: url('./layout/spodek.gif') no-repeat;}
.created { padding: 0 20px 0 0; color: #464745; font-family: "Tahoma"; font-size: .9em; float: right;}
.created a { color:#58c51c; text-decoration: none;  }
.created a:hover { color: #434343; text-decoration: underline;}
.key {float: left; margin-left: 20px;}


h1 {font-family: "Trebuchet MS"; font-size: 1.7em; color: #58c51c; padding-right: 20px; text-align: right; margin: 10px; }
h2 { color: #534e4e; font-size: 1.4em; font-family: "Trebuchet MS";padding-left: 10px; margin-bottom: -4px; }
h3 {color: #58c51c; font-size: 1.25em; font-family: "Trebuchet MS"; margin-top:0; margin-bottom: 5px; }
h4 {color: #229b00; font-size: 1.25em; font-family: "Trebuchet MS"; padding-left: 15px; margin: 8px 0; }

.seznam { list-style-image: url('./layout/sipka.gif'); margin: 5px 0 10px 40px; }
.seznam li { line-height: 180%;}

.ha1 {font-family: "Garamond"; font-size: 200%; color: #58c51c; padding-right: 20px; text-align: right; text-transform: uppercase; font-weight: bold; margin: 10px 0; }
.clear { clear: both; height:1px;}
.nobo { border: none; }
.center {text-align: center;}

.bot {height: 30px; width: 100%;}

.povinne { color: #08b528;}

fieldset {border: 1px solid #cecccc; padding: 20px; width: 700px; margin-left: 40px;}
* html fieldset {width: 720px;}
legend {font-weight: bold; color: #373330; }

.block{ padding: 0px 0 0 0px; width: 300px; float: left; line-height: 200%;}

.block label{ display: block; float: left; width: 110px; }
.block input { border: 1px #D3DADE solid;  width: 140px; height: 18px; font-size: 7pt;}
.block select { border: 1px #D3DADE solid;  width: 140px; height: 18px; font-size: 7pt;}

.nosopadded{ padding: 0px 0 0 0px; width: 380px; float: left; line-height: 200%; }
.nosopadded textarea{ border: 1px #D3DADE solid;  width: 320px; height: 110px; font-size: 1em; font-family: "Tahoma";}
.nosopadded label{ display: block; float: left; width: 55px;}
.odeslat {height: 28px; width: 103px; background: url('./layout/odeslat.gif') no-repeat; border:none; cursor: pointer;}

.levy { width: 230px; float: left; padding:0 10px; text-align: left; }
.pravy { float: left; padding-right: 10px; width: 544px;}
.pravy p{ line-height: 170%; text-align: justify;}

#prodej { width: 534px; height:81px; padding: 10px 0 13px 60px; background: url('./layout/prodej.gif') no-repeat; margin-top: 12px; }
#prodej .blok {float:left; width: 150px;}
#prodej .blok ul {list-style-image: url('./layout/sipka.gif');}
#prodej .blok a{color: #474845; text-decoration: none; font-weight: bold;}
#prodej .blok a:hover{color: #58c51c; text-decoration: underline;}

#pronajem { width: 534px; height:106px; padding: 20px 0 15px 60px; background: url('./layout/pronajem.gif') no-repeat;}
 
#pronajem .blok {float:left; width: 150px;}
#pronajem .blok ul {list-style-image: url('./layout/sipka.gif');}
#pronajem .blok a{color: #474845; text-decoration: none; font-weight: bold;}
#pronajem .blok a:hover{color: #58c51c; text-decoration: underline;}


#akcniNabidka {width: 215px; height: 254px; background: url('./layout/akcni_nabidka.gif') no-repeat; padding: 47px 16px 0 16px; text-align: left;}
#akcniNabidka .img {border: 2px solid #312f2d; margin: 10px 0 10px 12px;}


#vyber {background-color: #dbdbdb; border-bottom: 1px solid #9d9c9c; border-top: 1px solid #9d9c9c; padding: 6px; width: 788px; margin-left: 6px; }
* hmtl #vyber { width: 796px;}
#vyber select { border: 1px #D3DADE solid;  width: 140px; height: 18px; font-size: 7pt;}

.seda {color: #312f2d;}

#zelenyPopis {height: 23px; padding: 5px 10px 0 10px; width: 780px; margin: 5px 0 5px 6px; color: white; font-weight: bold; background: url('./layout/back_tab.gif') repeat-x; }
#zelenyPopis .foto {float: left; width: 150px;}
#zelenyPopis .ev {float: left; width: 50px;}
#zelenyPopis .popis {float: left; width: 280px;}
#zelenyPopis .velikost {float: left; width: 40px; text-align: center;}
#zelenyPopis .lokalita {float: left; width: 110px; text-align: center;}
#zelenyPopis .cena {float: left; width: 80px; text-align: center;}

.nemovitost { background-color:#e9e9e9; border:1px solid #b5b1b1; height: 100px; width: 778px; padding: 10px;margin-left: 6px; margin-bottom: 5px;}
.nemovitost .foto {float: left; width: 150px;}
.nemovitost .ev {float: left; width: 50px; padding-top:40px;}
.nemovitost .popis {float: left; width: 260px; padding-right: 20px; }
.nemovitost .velikost {float: left; width: 40px; padding-top: 40px; text-align: center;}
.nemovitost .lokalita {float: left; width: 110px; text-align: center; padding-top:40px; }
.nemovitost .cena {float: left; width: 80px;text-align: center; padding-top:40px;font-weight: bold;}
.nemovitost .detail {float: left; width: 40px; padding:35px 0 0 10px; text-align: right; }

.bilyBorder {border: 3px solid white;}
.price {font-size: 130%; font-weight: bold;}

#left {float: left; width: 490px; margin-left: 2px; }
#left a {color: #312f2d;}
#left a:hover {color: #58c51c;}
#right {float: left; width: 297px; margin-left: 5px;}
#right .s {background-color: #e7e6e6; border-bottom: 1px solid white;}
#right .z {background-color: #d3fa98; border-bottom: 1px solid white;}
#right .co {font-weight: bold; float: left; width: 130px; padding: 4px 0 4px 6px;}
#right .popis {float: right; text-align: right; padding: 4px 6px 4px 0; width: 140px;}
#right .popis a { text-decoration: none; font-weight: bold; color: #373330;}
#right .popis a:hover { color: #58c51c;} 
.clean {clear: both; margin:0;}
#right .popis-text {padding: 6px 6px 0 6px; line-height: 100%;}
#right .popis-text p {padding: 0px; text-align: justify; margin-top: 2px;}
.gp { color: #229b00; font-weight: bold;}

.borderPD { border: 2px solid #312f2d; margin-left: 4px; padding: 2px;}
.thumb {margin: 10px 8px 0 8px; border: 2px solid #312f2d;}    


.table {font-size: 1em; margin-left: 60px;}
.input { width: 300px; border: 1px solid #d0d0d0; font-size: 1em; padding: 2px;} 
.textarea { width: 300px; height: 100px; border: 1px solid #d0d0d0; font-size: 1em; padding: 2px; font-family: "Tahoma";} 

.tab_kontakty { padding-left: 18px; font-size: 1em; position: relative; z-index: 0;}
.tab_kontakty a{ color: #58c51c; text-decoration: none; font-weight: bold; }
.tab_kontakty a:hover { text-decoration: underline;}
.tk1 { width: 40px; font-weight: bold;}

.reference { margin: 0 auto; width: 750px;}
.ref { float:left; width: 240px; padding: 5px; line-height: 140%; margin-bottom: 20px;}

.justify { text-align: justify; margin-right: 12px;}