/* 
www.residence-krc.cz
author: www.mediapolis.cz
date: 11/2008
*/

/* general + layout */
  * {
  font: normal normal 11px Myriad, "Myriad CE", Arial, sans-serif;
  margin:0;
  padding:0;
  border:0;
  color: #000;
  }
  body {
  behavior: url('csshover.htc');
  background: silver;
  }
  #main {
  width: 970px;
  margin: 0 auto;
  padding-top: 200px;
  background: #fff;
  }
  #logo {
  position: absolute;
  top: 0;
  width: 970px;
  height: 118px;
  text-align: center;
  }
  #menu {
  position: absolute;
  top: 120px;
  width: 970px;
  text-align: center;
  border-top: 1px solid #C8D200;
  border-bottom: 3px solid #C8D200;
  }
  #footer {
  position: relative;
  background: #fff url(img/footer.png) top repeat-x;
  padding-top: 52px;
  padding-bottom: 25px;
  }
  #content {
  position: relative;
  }
  h1 {
  font-family: Georgia, Book Antiqua, serif;
  font-size: 200%;
  margin-bottom: 15px;
  color: #009EE0;
  }
  h2 {
  font-family: Georgia, Book Antiqua, serif;
  font-size: 160%;
  margin-bottom: 12px;
  color: #A1AE00;
  clear: both;
  }
  
  h3 {
  font-size: 125%;
  font-weight: bold;
  margin-bottom: 12px;
  color: #A1AE00;
  }
  h4 {
  font-size: 100%;
  font-weight: bold;
  margin-bottom: 12px;
  color: #A1AE00;  
  }
  p {
  margin-bottom: 14px;
  line-height: 160%;
  }
  p a {
  font-weight: bold;
  color: #009EE0;
  }
  a:hover {
  text-decoration: none;
  }
  strong {
  font-weight: bold;
  }
  i {
  font-style: italic;
  }
  
/* menu */
  #menu ul {
  height: 42px;
  }
  #menu li {
  display: inline;
  }
  #menu li a {
  line-height: 42px;
  text-decoration: none;
  font-weight: bold;
  font-size: 120%;
  color: #A1AE00;
  padding: 0 25px;  
  }
  #menu li a:hover {
  color: #009EE0;
  }

  .active {
  color: #009EE0 ! important;
  }

/* content boxes */
  #textbox {
  float: right;
  width: 450px;
  }
  #imgbox {
  width: 519px;
  float: left;
  
  }
  .insider1 {margin: 0 5px 0 30px}
  .insider2 {margin: 0 30px 0 1px}
  .insider1 p, insider1 ul {
  width: 470px;
  }
  
  .info-back {
  background: #C8D200 url(img/info-back.png) repeat-x;
  border-collapse: collapse;
  height: 24px;
  width: 425;
  margin-bottom: 15px;
  display: block;
  }
  .info-back td {
  border-right: 1px #fff solid;
  line-height: 24px;
  color: #fff;
  font-weight: bold;
  font-size: 115%;
  text-align: center;
  width: 141px;
  }
  #phone {
  color: #009EE0;
  font-size: 320%;
  padding-left: 42px;
  background: url(img/phone.png) no-repeat;
  line-height: 38px;
  }
  .bottom {
  margin-bottom: 20px;
  }
  
  /** homepage - vymena obrazku **/
  #pohledy {
  margin-top: 10px;
  }
  #pohledy a {
  padding-left: 10px;
  }

  /** byty - celkova tabulka **/
  #byty {
  width: 420px;
  border-collapse: separate;
  margin-bottom: 20px;
  }
  #byty td {
  height: 38px;
  width: 68px;
  
  }
  #byty td a {
  width: 68px;
  height: 38px;
  display: block;
  line-height: 38px;  
  color: #fff;
  font-weight: bold;   
  text-decoration: none;
  text-align: center;
  }
  #byty td a.volne:hover { 
  background: url(img/byt-volnyh.jpg) no-repeat;
  color: #009EE0; 
  }
  td a.volne {background: url(img/byt-volny.jpg) no-repeat;}
  td a.prodane {
  background: url(img/byt-prodany.png) no-repeat;
  cursor: default;
  }
  td a.rezervovane {
  background: url(img/byt-rezervovany.png) no-repeat;
  cursor: default;
  }
  td a.aktivni {
  background: url(img/byt-aktivni.png) no-repeat;
  cursor: default;
  }
  
  #byty th { 
  color: #A1AE00;
  text-align: left;
  padding-left: 10px;
  width: 128px;
  }
  td.byty_stav {
  line-height: 18px;
  height: 18px !important;
  padding-left: 20px; 
  }
  td#volne {background: url(img/byty-1.png) no-repeat left center}
  td#prodane {background: url(img/byty-3.png) no-repeat left center}
  td#aktivni {background: url(img/byty-2.png) no-repeat left center}
  td#rezervovane {background: url(img/byty-4.png) no-repeat left center}

  td.line {
  height: 1px !important;
  background-color: #C8D200;
  }
  
  /** byt - detailní výpis **/
  .infotable {
  border-collapse: separate;
  border: 1px solid #009EE0;
  padding: 2px;
  }
  .infotable td {
  height: 18px;
  line-height: 18px;
  text-align: right;
  padding: 0px 10px;
  }
  .infotable th {
  height: 18px;
  line-height: 18px;
  text-align: left;
  background: rgb(217,235,242);
  padding: 0 10px;
  width: 120px;      
  }
  .infotable th.highlite {
  background: rgb(0,158,224) ! important;
  color: #fff ! important;
  font-weight: bold;
  }  
  .infotable sup {
  font-size: 80%;
  }
  ul.seznam {
  list-style-type: square;
  padding-left: 25px;
  }
  ul.seznam li {
  line-height: 18px;
  height: 18px
  }
  
  /** pudorysy podlazi **/
  td.byt1, td.byt2, td.byt3, td.byt4, td.verejne-prostory {
  line-height: 18px;
  height: 18px !important;
  padding-left: 20px; 
  }
  .byt1 {background: url(img/pudorys-byt-1.png) no-repeat left}
  .byt2 {background: url(img/pudorys-byt-2.png) no-repeat left}
  .byt3 {background: url(img/pudorys-byt-3.png) no-repeat left}
  .byt4 {background: url(img/pudorys-byt-4.png) no-repeat left}
  .verejne-prostory {background: url(img/pudorys-verejne-prostory.png) no-repeat left}
  
  .pudorys_byty {
  height: 18px;
  border-collapse: separate;
  }
  
  
  /** kontaktni formular **/
  .contactform {
  border-collapse: separate;
  border: 1px solid #009EE0;
  padding: 2px;  
  }
  
  .contactform th {
  height: 18px;
  line-height: 18px;
  text-align: center;
  background: rgb(0,158,224) ! important;
  color: #fff ! important;
  font-weight: bold;
  padding: 0 10px;
  } 
  .contactform td {
  height: 18px;
  line-height: 18px;
  text-align: left;
  padding: 0px 10px;
  }  
  .contactform td .text {
  border: 1px solid rgb(0,158,224);
  padding: 1px;
  width: 180px;
  }
  .contactform td textarea {
  border: 1px solid rgb(0,158,224);
  padding: 1px;
  height: 100px;
  width: 180px;  
  }
  .contactform .vymazat, .contactform .odeslat {
  padding: 4px 10px;
  margin: 0px 15px;
  }
  .contactform .vymazat {
  background: red;
  color: #fff;
  }
  .contactform .odeslat {
  background:  #A1AE00;
  color: #fff;  
  }
  #Dolejs {
  margin: 0 25px 25px 0;
  float: left; 
  }

  
/* footer */
  #footer p {
  margin: 0px 25px 0 25px;
  background: #fff;
  }
  #remax-logo {
  margin: 0 25px 25px 0;
  float: left;
  position: relative;
  }
  #mediapolis {
  display: block;
  clear: both;
  text-align: center;
  color: #FFF !important;
  text-decoration: none;
  padding: 20px 25px 0 25px;
  font-weight: bold;
  margin-bottom: -50px;
  background:  silver;
  }
  #mediapolis:hover {
  color: #009EE0 !important;
  }  
/* general */      
  .cleaner {
  clear: both;
  height: 0;
  width: 900px;
  font-size: 1px;
  margin: 0;
  line-height: 0;
  }
/* administarce */
  table#administrace {
  border-collapse: separate;
  border: 1px solid rgb(0,158,224);
  margin: 0 auto 50px auto;
  
  }
  #administrace input {
  border: 1px solid rgb(0,158,224);
  padding: 2px;
  }