body, html{
  background-color: #c5e8ff;
  background-image: url(../images/layout/background.png);
  background-position: left top;
  background-repeat: repeat-x;
  font-family: Verdana, Tahoma;
  font-size: 11pt;
  margin: auto;
}


body, p, div, h1, h2, h3, li, ul{
  margin: 0;
  padding: 0;
}

a img{
  border: 0;
}

.blue {
  color: #28b1c6;
}
.red {
  color: #f43c3c;
}

a.red:hover {
  color: #28b1c6;
}
a.blue:hover {
  color: #f43c3c;
}

#centering{
  width: 995px;
  margin: auto;
  background-color: #FFFFFF;
  margin-bottom: 20px;
}

#centering2{
  width: 995px;
  margin: auto;
  background-color: #c5e8ff;
  margin-bottom: 5px;
}


#hlavicka h1 a{
  width: 995px;
  height: 148px;
  display: block;
  background-image: url(../images/layout/header.png);
  margin: auto;
  text-decoration: none;
}

#hlavicka h1 a span{
  color: #ef4145;
  text-decoration: none;
  font-size: 24px;
  position: relative;
  top: 43px;
  *top: 50px;
  _top: 50px;
  left: 700px;
}

#menu{
  background-image: url(../images/layout/menu.png);
  background-color: red;
  width: 995px;
  height: 27px;
}

#menu ul{
  margin-left: 35px;
}

#navigace li{
  float: left;
  list-style-type: none;
  padding-top: 4px;
}

#navigace a{
  color: #FFFFFF;
  border-right: 1px #FFFFFF solid;
  padding-left: 10px;
  padding-right: 10px;
}

#navigace a.vyb{
  text-decoration: none;
}

#navigace a.last{
  border: 0;
}

#content{
  padding: 0 2em 0 2em;
  background-image: url(../images/layout/under_menu.png);
  background-position: left top;
  background-repeat: repeat-x;
}

/* ------------ #DETAIL  ------------ */

#detail{
  padding-top: 40px;
}

#detail h1{
  text-align: center;
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 20px;
}

#detail .zakladni_udaje {
  width: 304px;
  float: left;
}
#detail .technicke_udaje {
  width: 625px;
  float: right;
}
#detail .zakladni_udaje h3, #detail .technicke_udaje h3 {
  margin: 4px;
  padding: 0px;
  font-size: 115%;
  font-weight: normal;
  text-decoration: none;
  color: #568caf; 
}

#detail .zakladni_udaje div, #detail .technicke_udaje div {
  padding: 1px;
  border: 1px solid #8ED2FF;
}
#detail .zakladni_udaje table, #detail .technicke_udaje table {
  width: 100%;
  font-size: 12px;
  border-collapse: collapse;
}

#detail .technicke_udaje .del {
  border-left: 1px solid #FFFFFF;
}

#detail th {
  font-size: 11px;
  text-align: left;
  padding: 2px 5px;
}

#detail td {
  padding: 2px 5px;
  font-size: 90%;
  text-align: right;
}

#detail td sup {
  font-size: 8px;
}

#detail .odd {
  background-color: #8ED2FF;
}

#detail .foto-obal {
  margin-top:10px;
  margin-bottom:10px;
  height:185px;
}
#detail .photo {
  width: 298px;
  height: 180px;
  margin: 0;
  float: left;
  border: 3px double #8ED2FF;
  vertical-align: middle;
  text-align: center;
}

#detail .photo div {
  background-color: #8ED2FF;
  padding: 3px;
}

#detail .photos {
  width: 620px;
  height: 180px;
  float: right; 
  border: 3px double #8ED2FF;
}

#detail .fotky-vypis {
  border: 3px double #8ED2FF;
}
#detail .fotky-vypis div {
  padding: 4px;
  background-color: #8ED2FF;
}

#detail .fotky-vypis div img {
  border: 1px solid white;
  margin: 2px;
}

#detail .popis {
  font-size: 90%;
  border: 3px double #8ED2FF;
  text-align: justify;
}

#detail .popis div {
  padding: 5px;
  background-color: #8ED2FF;
}

#detail .info-line a {
  color: #568caf;
}

#detail .info-line h3 {
  margin: 4px; 
  padding: 0 20px 0 0;
  color: #568caf; 
  font-size: 115%; 
  font-weight: normal; 
  text-decoration: none;
  float: left;
  margin-right: 260px;
  / * line-height: 20px; */
}

#detail .info-line p {
  padding: 0 20px;
  font-size: 70%;
  text-transform: uppercase;
  /* line-height: 20px; */
  float: left;
}

#detail .info-line p img{
  vertical-align: bottom;
}

#detail .info-panel {
  float: left;
  margin-top: 20px;
  background-repeat: repeat-y;
  font-size: 90%;
  width: 329px;
  background-image: url('../images/layout/info_panel.png');
}

#detail .info-panel h3{
  font-size: 140%;
  line-height: 43px;
  padding-left: 2em;
  color: #555555;
}

#detail .info-panel .kontakty h3{
  background-image: url('../images/layout/kontakt-top.png');
}

#detail .info {
  width: 325px;
  padding: 10px 0 10px 0px;
  font-size: 80%;
  background-image: url('../images/layout/info-panel-bgr.png');
  background-repeat: repeat-x;
  background-position: center top;
  margin: auto;
}

#detail form .r table {
  text-align: left;
  padding: 0px;
}

#detail form .r table td {
  text-align: left;
}

#detail form .r table td input {
  border: 0px solid white;
  width: 15px;
}

#detail form .r table td label {
  font-weight: bold;
}

#detail .info p img.pronajembytubrno{
  margin-left: 0px;
}

#detail .kontakty a {
  color: #000000;
}

#detail .kontakty a.red{
  color: #ef4145;
  font-weight: bold;
}

#detail .info p{
  padding-left: 1em;
}

#detail .info-panel-bottom{
  background-image: url('../images/layout/kontakt-bottom.png');
  background-repeat: no-repeat;
  background-position: top;
  height: 8px;
}

#detail .info-panel .info p{
  padding-left: 0.5em;
  padding-right: 0.5em;
  margin-top: 1em;
}
/*
#detail dl.adresa{
  padding-left: 1em;
}

#detail .adresa dt{
  float: left;
  padding-right: 1em;
}

#detail dl.vyrizuje{
  padding-left: 2em;
}

#detail .vyrizuje dt{
  float: left;
  padding-right: 2em;
}
*/
#detail .chci{
  width: 540px;
  float: right;
  margin: 30px 0 10px 0;
  font-size: 90%;
}

#detail .chci p{
  color: #000000;
  text-transform: uppercase;
  font-weight: bold;
}

#detail .chci a:hover{
  text-decoration: none;
}

#detail form{
  font-size: 90%;
  margin-top: 10px;
  float:left;
  width: 500px;
  margin-left: 65px;
}

#detail form p{
  margin-top: 5px;
}

#detail form p label{
  width: 60px;
  margin-right:1em; 
  float: left;
  text-align: right;
}

#detail form p input, #detail form p label{
  height: 20px;
}

#detail form input, #detail form textarea {
  border:1px solid #BBBBBB;
  width: 200px;
}

#detail form textarea {
  height:150px;
  width:350px;
}

#odeslat{
  margin-left: 74px;
}


/* ------------ #PRODEJ  ------------ */

#prodej{
}

#prodej table{
  float: right;
  width: 735px;
  border-collapse: collapse;
  font-size: 80%;
}

#prodej table td.zaznam-top{
  background-image: url('../images/layout/zaznam-th.png');
  background-position: left bottom;
  background-repeat: no-repeat;
  height: 10px;
}

#prodej table td.zaznam-bottom{
  background-image: url('../images/layout/zaznam-bottom.png');
  background-position: left top;
  background-repeat: no-repeat;
}

#prodej table th{
  background-color: #94d4ff;
  background-position: left top;
  background-repeat: repeat-y;
}

#prodej table th a{
  color: #424242;
}

#prodej table th a:hover{
  color: red;
}

#prodej table th.first{
  width: 2px;
  /* background-color: red; */
  background-image: url('../images/layout/zaznam-top-border.png');
  background-position: left top;
}

#prodej table th.last{
  width: 2px;
  /* background-color: red; */
  background-image: url('../images/layout/zaznam-top-border.png');
  background-position: right top;
}

#prodej table th.fotografie{
  width: 110px;
}

#prodej td{
  text-align: center;
  background-image: url('../images/layout/zaznam-bg.png');
  background-repeat: repeat-x;
  background-position: left bottom;
  font-weight: bold;
}

#prodej table td span{
  font-weight: normal;
  color: #5b5b5b;
}

#prodej table td span.red{
  font-weight: normal;
  color: #ef4247;
}

#prodej td.nazev{
  background-position: left top;
  text-align: left;
  font-weight: normal;
}

#prodej td.nazev {
  color: #ef4247;
  font-size: 110%;
  font-weight: bold;
  text-decoration: underline;
  padding-top: 3px;
  vertical-align: bottom;
}

#prodej td.nazev2 {
  color: #ef4247;
  font-size: 110%;
  font-weight: bold;
  padding-top: 3px;
  vertical-align: bottom;
  background-position: left top;
  text-align: left;
  font-weight: normal;
}

#prodej table td.first{
  width: 2px;
  background-image: url('../images/layout/zaznam-border.png');
  background-repeat: repeat-y;
  text-align: center;
  background-position: left top;
}

#prodej table td.last{
  width: 2px;
  background-image: url('../images/layout/zaznam-border.png');
  background-repeat: repeat-y;
  /* background-color: red; */
  background-position: right top;
  text-align: left;
}

#prodej table td.last a{
  color: #ef4247;
  font-size: 100%;
  font-weight: bold;
}

#prodej table td.cena{
  /* width: 15%; */
}

#prodej table td img{
  margin-top: 10px;
}

#prodej td.left{
  text-align: left;
}

#prodej .info-panel {
  margin-bottom: 20px;
  background-repeat: repeat-y;
  width: 192px;
  background-image: url('../images/layout/info-panel-border.png');
}

#prodej .info-panel h3{
  line-height: 43px;
  padding-left: 2em;
  color: #555555;
}

#prodej .info-panel .filtr h3{
  background-image: url(../images/layout/filtr.png);
}
#prodej .info-panel .sluzby h3{
  background-image: url(../images/layout/sluzby.png);
}
#prodej .info-panel .kontakty h3{
  background-image: url(../images/layout/kontakty.png);
}
#prodej .info-panel .odkazy h3{
  background-image: url(../images/layout/odkazy.png);
}
#prodej .info-panel .reklama h3{
  background-image: url(../images/layout/reklama.png);
}

#prodej .info-panel .kontakty{
  font-size: 90%;
}

#prodej .info-panel .sluzby{
  color: #6c6c6c;
}

#prodej .info-panel .sluzby p{
  margin-top: 10px;
}

#prodej .info-panel .odkazy a{
  color: #64471b;
  font-size: 10px;
}
#prodej .info-panel .odkazy a:hover{
  color: red;
}

#prodej .info {
  width: 188px;
  padding: 10px 0 10px 0px;
  font-size: 80%;
  background-image: url('../images/layout/info-panel-bgr.png');
  background-repeat: repeat-x;
  background-position: center top;
  margin: auto;
}

#prodej .info ul{
  margin-top: 10px;
  padding-left: 2em;
}

#prodej .info li{
  list-style-image: url(../images/layout/list.png);
}
#prodej .info li a{
  color: #6c6c6c;
}
#prodej .info li a:hover{
  color: red;
}
#prodej .info li a.akt{
  color: red;
}

#prodej .info p{
  padding-left: 1em;
}

#prodej .kontaktyu .info p{
  padding-left: 0px;
}

#prodej .info div{
  margin-top: 10px;
}

#prodej .info div.pronajem-bytu-brno, #prodej .info div.pronajem-bytu-brno a{
  color: #4e4e4e;
}
#prodej .info div.pronajem-bytu-brno a:hover{
  color: red;
}
#prodej .info div.bluereal, #prodej .info div.bluereal a{
  color: #28b1c6;
}
#prodej .info div.bluereal a:hover{
  color: red;
}
#prodej .info div.malina-reality-brno, #prodej .info div.malina-reality-brno a{
  color: #f43c3c;
}
#prodej .info div.malina-reality-brno a:hover{
  color: #28b1c6;
}

#prodej .odkazy .info p{
  padding-left: 2px;
}

#prodej .info-panel-bottom{
  background-image: url('../images/layout/info-panel-bottom.png');
  background-repeat: no-repeat;
  background-position: top;
  height: 9px;
}


/* ------------ #FORMULAR  ------------ */

#formular{
}

#formular .info-panel {
  margin-bottom: 20px;
  background-repeat: repeat-y;
  width: 192px;
  background-image: url('../images/layout/info-panel-border.png');
}

#formular .info-panel h3{
  line-height: 43px;
  padding-left: 2em;
  color: #555555;
}

#formular .info-panel .filtr h3{
  background-image: url(../images/layout/filtr.png);
}
#formular .info-panel .sluzby h3{
  background-image: url(../images/layout/sluzby.png);
}
#formular .info-panel .kontakty h3{
  background-image: url(../images/layout/kontakty.png);
}
#formular .info-panel .odkazy h3{
  background-image: url(../images/layout/odkazy.png);
}
#formular .info-panel .reklama h3{
  background-image: url(../images/layout/reklama.png);
}

#formular .info-panel .kontakty{
  font-size: 90%;
}

#formular .info-panel .sluzby{
  color: #6c6c6c;
}

#formular .info-panel .sluzby p{
  margin-top: 10px;
}

#formular .info-panel .odkazy a{
  color: #64471b;
  font-size: 10px;
}
#formular .info-panel .odkazy a:hover{
  color: red;
}

#formular .info {
  width: 188px;
  padding: 10px 0 10px 0px;
  font-size: 80%;
  background-image: url('../images/layout/info-panel-bgr.png');
  background-repeat: repeat-x;
  background-position: center top;
  margin: auto;
}

#formular .info ul{
  margin-top: 10px;
  padding-left: 2em;
}

#formular .info li{
  list-style-image: url(../images/layout/list.png);
}
#formular .info li a{
  color: #6c6c6c;
}
#formular .info li a:hover{
  color: red;
}
#formular .info li a.akt{
  color: red;
}

#formular .info p{
  padding-left: 1em;
}

#formular .kontaktyu .info p{
  padding-left: 0px;
}

#formular .info div{
  margin-top: 10px;
}

#formular .info div.pronajem-bytu-brno, #formular .info div.pronajem-bytu-brno a{
  color: #4e4e4e;
}
#formular .info div.pronajem-bytu-brno a:hover{
  color: red;
}
#formular .info div.bluereal, #formular .info div.bluereal a{
  color: #28b1c6;
}
#formular .info div.bluereal a:hover{
  color: red;
}
#formular .info div.malina-reality-brno, #formular .info div.malina-reality-brno a{
  color: #f43c3c;
}
#formular .info div.malina-reality-brno a:hover{
  color: #28b1c6;
}

#formular .odkazy .info p{
  padding-left: 10px;
}

#formular .info-panel-bottom{
  background-image: url('../images/layout/info-panel-bottom.png');
  background-repeat: no-repeat;
  background-position: top;
  height: 9px;
}

/* ---------- ZAPATI ------------ */

#spodek{
  background-image: url(../images/layout/bottom-content-bg.png);
  background-position: center bottom;
  background-repeat: no-repeat;
}

 .content-bottom p{
  font-size: 75%;
  float: left;
  margin-right: 2.5em;
  color: #004D7F;
  font-weight: bold;
}

 .content-bottom p a{
  color: #004D7F;
}

.content-bottom p.copyright{
  float: none;
  padding-left: 10px;
  margin-right: 0;
  font-weight: normal;
}


/* ---------- OBECNE ------------ */
.invisible{
  display: none;
}

.bold{
  font-weight: bold;
}

.center{
  text-align: center;
}

.hidden{
  position: absolute;
  top: -10000px;
}

.red{
  color:#ef4145;
}

.clear_both{
  clear: both;
}

.content-tree-menu {
  margin: 40px 0 0 0;
}
.content-tree-menu h2, .content-tree-menu h3, .content-tree-menu h4 {
  height: 38px; line-height: 38px; margin: 10px 0 20px 0; text-align: center;
  background-repeat: no-repeat; background-position: top center;
  color: white;
}
.content-tree-menu h2 {
  height: 52px; line-height: 52px;
  background-image: url('../images/layout/topic.png');
  color: #DB2122; font-size: 1.4em;
}
.content-tree-menu h3 {
  background-image: url('../images/layout/subtopic.png');
  font-weight: 300; font-size: 1.2em;
}
.content-tree-menu h4 {
  background-image: url('../images/layout/category.png');
  font-size: 1.05em;
}

#supply {
  width: 610px;
  margin-top: 20px;
  margin-left: auto; margin-right: auto;
}

#supply h2 {
  height: 82px;
  margin: 10px auto 30px auto;
  background-image: url('../images/layout/thread.png'); background-repeat: no-repeat; background-position: top center;
  color: #DB2122; text-align: center; line-height: 82px;
  font-size: 18px; font-weight: normal;
}
#supply .options {
  width: 198px; margin: 2px; float: left;
  font-size: 11px;
}
#supply .options .header {
  width: 198px; height: 14px;
  background-image: url('../images/layout/subthread.png'); background-repeat: no-repeat; background-position: top center;
  color: #555555; font-weight: bold; text-align: center; line-height: 14px;
}
#supply .options .data {
  padding: 10px;
}
#supply .options .data .radio {
  margin: 0 10px;
}
#supply .options .data .text {
  width: 100px;
}

#supply .options2 {
  width: 297px; margin: 2px; float: left;
  font-size: 11px;
}
#supply .options2 .header {
  width: 297px; height: 14px;
  background-image: url('../images/layout/subthread2.png'); background-repeat: no-repeat; background-position: top center;
  color: #555555; font-weight: bold; text-align: center; line-height: 14px;
}
#supply .options2 .data {
  padding: 10px;
  padding-left: 70px;
}
#supply .options2 .data2 {
  padding: 10px;
  padding-right: 70px;
  text-align:right;
}


#supply .options2 .data .radio {
  margin: 0 10px;
}
#supply .options2 .data .text {
  width: 100px;
}
#supply .next-info {
  width: 606px;
  font-size: 12px;
}
#supply .next-info .header {
  height: 14px;
  background-image: url('../images/layout/subthread-long.png'); background-repeat: no-repeat; background-position: top center;
  color: #555555; font-weight: bold; text-align: center; line-height: 14px;
}
#supply .next-info textarea {
  width: 586px; height: 90px; margin: 10px 3px; padding: 5px;
  background-color: #EFEFEF; border: 1px solid #bbbbbb;
  font-size: 12px;
}
#supply .next-info table {
  margin: 20px auto;
}
#supply .next-info table td {
  vertical-align: middle;
}
#supply .price {
  height: 42px; margin: 10px 3px; padding: 0 20px;
  background-image: url('../images/layout/blue-header-big.png'); background-repeat: no-repeat; background-position: top left;
  color: #555555; font-size: 12px; font-weight: bold; line-height: 39px;
}
#supply .price .text { width: 120px; }
#supply .price .submit { margin: 0 0 0 80px; }

.cleaner { clear: both; }
.tr { text-align: right; }