body { background: url(../../images/bg.gif) #fff; }
a { color: #CC3300; text-decoration: none; }
a:hover { color: #CC3300; text-decoration: underline; }

#wrapper { position: relative; height: 100% }
#logo { position: absolute; width: 227px; height: 223px; left: 12px; top: 126px; z-index: 100; }
#bartop { width: 213px; background: url(../../images/bar-top-trans.png) no-repeat; position: absolute; left: 20px; top: 270px; z-index: 98; }
  .barpush { height: 80px; }
  #bar { min-height: 430px; background: url(../../images/bar-bg.png) repeat-y; padding: 0px 4px 4px 2px; font-size: 11px; }  
  #barbottom { width: 213px; height: 14px; background: url(../../images/bar-bottom-trans.png) no-repeat; margin: 0 0 20px 0; }
  h3 { color: #fff; background-color: #CC3300; padding: 2px; font-size: 10px; visibility: hidden; }
  #bar ul { margin: 5px 10px 10px 45px; padding: 0px;}
  #bar h4 { background-image:url(../../images/mainmenu-arrow2.gif); background-repeat: no-repeat; background-position: 0px 11px; padding: 10px 10px 5px 20px; font-size: 14px; margin-left: 10px;}
  #bar p { padding: 0px 10px 0px 20px; margin: 0px; }
  #bar p:hover { background-color: silver;}
  #bar p .email { position: relative; left: 10px; }
  #bar strong { margin-left: 10px; }
  .attbox { color: #fff; background-color: #9A0202; padding: 8px; margin: 10px 0 10px 0; font-size: 16px; text-align: center; font-weight: bold; }

#header { background: url(../../images/header.jpg) no-repeat bottom left; height: 297px; }

#mainmenu { background: url(../../images/bg_menu.gif) #ccc repeat-y; height: 40px; }
  #mainmenu ul { list-style: none; padding: 3px 0 0 240px; }
    #mainmenu ul li { list-style: none; float: left; position: relative; z-index: 110; }
    #mainmenu ul li a { color: #000; text-decoration: none; font-weight: normal; font-size: 14px; font-family: Calibri, Verdana, sans-serif; }
    #mainmenu ul li a:hover { text-decoration: underline; }
    #mainmenu ul li:hover { background-image:url(../../images/mainmenu-arrow2.gif); }
    #mainmenu li{ padding:8px 10px 1px 23px; background-image:url(../../images/mainmenu-arrow.gif); background-repeat:no-repeat; background-position:3px 9px; }
    #mainmenu .active { background-image:url(../../images/mainmenu-arrow2.gif); }
    #mainmenu .jactive { background-image:url(../../images/mainmenu-arrow2.gif); }

#main { position: relative; }    
  #maintop { background: url(../../images/main_top.gif) #fff no-repeat; height: 13px; font-size: 1px; }
  #byty-maintop { background: url(../../images/main_top-byty.gif) #fff no-repeat -1px 0; height: 13px; font-size: 1px; }
  #rightsection { background: url(../../images/bg_wide.gif) #fff repeat-y; z-index: 10; position: absolute; top: 0; left: 0; min-height: 300px;  height:auto !important; height: 300px; }
    #rightcontent { width: 190px; min-height: 200px; height: 100%; float: right; padding: 10px 20px 10px 0; font-size: 11px; z-index: 99; position: relative; }
    #rightcontent-byty { width: 1px; min-height: 200px; height: 100%; float: right; padding: 10px 10px 10px 0; font-size: 11px; z-index: 99; position: relative; }
      #rightcontent ul { list-style: none; padding: 20px 0 20px 0; border-bottom: 1px solid #ccc; }
      #rightcontent ul li { list-style: none; height: 20px; }
      #rightcontent ul li a { display: block; height: 100%; width:100%; color: #000; text-decoration: none; font-weight: normal; font-size: 14px; font-family: Calibri, Verdana, sans-serif; }
      #rightcontent ul li a:hover { text-decoration: underline; }
      #rightcontent li{ padding:2px 15px 4px 26px; background-image:url(../../images/sidemenu-arrow.gif); background-repeat:no-repeat; background-position:3px 3px; }
      #rightcontent li:hover{ background-image:url(../../images/sidemenu-arrow2.gif); }
      #rightcontent .active { background-image:url(../../images/sidemenu-arrow2.gif); }
      #rightcontent .jactive { background-image:url(../../images/sidemenu-arrow2.gif); }
      #mailingdiv { padding: 20px 0 20px 0; }
        #mform { width:172px; height:25px; margin: 10px 0 10px 0; background: url(../../images/bg-mailing.gif) no-repeat; padding: 2px 2px 2px 4px;  }
          #mform #mailing { color: #505050; border: 0; width: 136px; height: 18px; margin: 0 5px 0 0; padding: 1px 0 0 0; background-color: #fff; }
          #mform #msend { border: 0px; width: 24px; height: 19px; font-weight: bold; background-color: #fff; }
    #bgwidebottom { background: url(../../images/bg_wide-bottom.gif) #fff no-repeat; height: 10px; font-size: 1px; position: absolute; bottom: 0; left: 0 }
  #content { width: 684px; background: url(../../images/bg_content.gif) repeat-y; z-index: 12; position: absolute; top: 10px; left: 223px;  min-height: 350px;  height:auto !important; height: 350px; min-height: 400px; }
    #content .realcontent { width: 450px; padding-bottom: 8px; margin: 0 10px 30px 37px; font-size: 85%; color: #333; line-height: 150%; }
    #content .realcontent h3 { visibility: visible; background-color: white; color: black; font-size: 105%; }

  #byty { width: 714px; background: url(../../images/bg_content-byty.png) repeat-y; z-index: 12; position: absolute; top: 10px; left: 223px; min-height: 350px;  height:auto !important; height: 350px; }
    .byty .realcontent { margin: 0; padding: 0; }
    #byty #bytypadding { padding: 0 7px 0 7px; }
    .w3-loading { width: 100px; padding: 130px 0 130px 300px; font-size: 11px; }
    #mapka2 .w3-loading { padding: 80px 0 70px 100px; }
    #mapka2 { width: 305px; padding: 0 20px 0 0; position: relative; }
    #objekt { width: 130px; padding: 10px 0 0 40px; }
      #obsadenost { width: 130px; height: 75px; position: absolute; right: 300px; }
    #byt { width: 455px; padding: 10px 0 0 40px; }
      #byt img {
        width: 90%; 
      }
    #nahlad { width: 175px; font-size: 11px; }
      #nahlad img { border: 1px solid #ececec; margin: 0 0 10px 0; }
      #nahlad #severka { border: 0; padding-bottom: 20px; }
    h1 { color: #000; background: url(../../images/bg-h1.gif) no-repeat 0 3px; padding: 0 0 0 17px; margin: 10px 10px 10px 20px; font-size: 145%; font-family: Calibri, Verdana, sans-serif; }
    #headerbyty { width: 500px; }
      #headerbyty h1 { width: 210px; float: left; } 
    #obsadene { width: 180px; padding: 15px 55px 0 0; font-size: 15px; font-weight: bold; text-align: right; float: right; }
    #pdf { width: 100px; padding: 10px 0 0 30px; float: left; text-align: center; font-size: 11px; }
      #pdf img { width: 60%; }
    #bytypopis { width: 540px; padding: 0 30px 0 0; float: right; }
      #bytypopis img { width: 100%; }
    h2 { margin: 8px 0 8px 0; font-size: 160%; background: url(../../images/bg-h1.gif) no-repeat 0 3px; padding: 4px 0 0 17px; font-family: Calibri, Verdana, sans-serif; }
    ul { margin: 0 0 15px 0; padding: 4px 0 0 17px; }
    dt { font-weight: bold; }
    dd { margin-left: 15px; }
#mainbottom { width: 514px; background: url(../../images/bg_contentbottom.gif) no-repeat; height: 10px; font-size: 1px; position: absolute; bottom: 0; left:0 }
#byty-mainbottom { width: 714px; background: url(../../images/bg_contentbottom-byty.png) no-repeat; height: 10px; font-size: 1px; position: absolute; bottom: 0; left:0; }
.sekcia { text-transform: capitalize; }

#w3media { color: #505050; text-align: center; font-size: 11px; width: 94px; height: 34px; position: absolute; z-index: 999; bottom: -50px; right: 70px;}

.gallery-image {
  width: 120px; height: 80px; background-position: center; float: left; margin: 10px;
}
.gallery-image a {
  display: block; width: 100%; height: 100%;
}

#cennik-form { padding: 10px 0 10px 10px; }
#cennik .predany td {
  color: silver;
}
#cennik .predany:hover td {
  color: white;
}

#contact { width: 185px; }
#contact-form { width: 45%; padding: 0 0 0 5px; }
  #contact-form input, textarea { border: 1px solid #ccc; margin: 2px 0 10px 0; width: 250px; }

#mainmenu li {
  position: relative;
}

#mainmenu li ul {
  z-index: 1000;
  position: absolute;
  %top: 25px;
  %left: 25px;
  margin: 0px 0px 0px -25px; padding: 0px 0px 0px 0px; 
  width: 190px;
}
#mainmenu li ul li {
  background-color: #BBBBBB;
  width: 150px;
  margin: 0px; padding-top: 8px;
  height: 20px;
  display: block;
}
#mainmenu li ul li.first {
  padding-top: 10px;
}
#mainmenu li ul li a {
  display: block;
  padding-left: 0px;
  width: 100%;
  height: 100%;
}
.rolloverimage {
  width: 300px;
  height: 500px;
  background-repeat: no-repeat;
  position: relative;
  background-position: 1px 1px;
  margin: 10px 0 0 0;
}
#blank {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
 
  z-index: 10;
  background-repeat: no-repeat;
  background-position: 1px 1px;
}
.rezervovane {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /*visibility: hidden;*/
  z-index: 11;
  background-repeat: no-repeat;
  background-position: 1px 1px;
}
.obsadene {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /*visibility: hidden;*/
  z-index: 11;
  background-repeat: no-repeat;
  background-position: 1px 1px;
}
#bytovka {
  background-image: url("../../images/bytovka/prvauroven/podklad.jpg");
/*  height: 400px;*/
  width: 700px;
}
#a1 {
  background-image: url("../../images/bytovka/druhauroven/a1.jpg");
}
#a1 #obsadenost { bottom: 75px;  }
#a2 {
  background-image: url("../../images/bytovka/druhauroven/a2.jpg");
}
#a2 #obsadenost { bottom: 75px;  }
#a3 {
  background-image: url("../../images/bytovka/druhauroven/a3.jpg");
}
#a3 #obsadenost { bottom: 75px;  }
#a4 {
  background-image: url("../../images/bytovka/druhauroven/a4.jpg");
}
#a4 #obsadenost { bottom: 75px;  }
#a5 {
  background-image: url("../../images/bytovka/druhauroven/a5.jpg");
  /*height: 400px;*/
  margin-left: 20px;
}
#a5 #obsadenost { bottom: 75px;  }
#b1 {
  background-image: url("../../images/bytovka/druhauroven/b1.jpg");
  height: 200px;
}
#b1 #obsadenost { bottom: 0px;  }
#b2 {
  background-image: url("../../images/bytovka/druhauroven/b2.jpg");
  height: 200px;
}
#b2 #obsadenost { bottom: 0px;  }
#b3 {
  background-image: url("../../images/bytovka/druhauroven/b3.jpg");
  height: 200px;
}
#b3 #obsadenost { bottom: 0px;  }
#b4 {
  background-image: url("../../images/bytovka/druhauroven/b4.jpg");
  height: 200px;
}
#b4 #obsadenost { bottom: 0px;  }
#b5 {
  background-image: url("../../images/bytovka/druhauroven/b5.jpg");
  height: 200px;
}
#b5 #obsadenost { bottom: 0px;  }
#c1 {
  background-image: url("../../images/bytovka/druhauroven/c1.jpg");
  height: 300px;
}
#c1 #obsadenost { bottom: 50px;  }
#c2 {
  background-image: url("../../images/bytovka/druhauroven/c2.jpg");
  height: 300px;
}
#c2 #obsadenost { bottom: 50px;  }
#c3 {
  background-image: url("../../images/bytovka/druhauroven/c3.jpg");
  height: 300px;
}
#c3 #obsadenost { bottom: 50px;  }
#c4 {
  background-image: url("../../images/bytovka/druhauroven/c4.jpg");
  height: 300px;
}
#c4 #obsadenost { bottom: 50px;  }
#c5 {
  background-image: url("../../images/bytovka/druhauroven/c5.jpg");
  height: 300px;
}
#c5 #obsadenost { bottom: 50px;  }

.free { visibility: hidden; }
.reserved { color: #ff0000; }
.sold { color: #990000; }

#cennik-info { padding: 0 10px 0 10px; }
#cennik { width: 690px; margin: 10px 0 20px 3px; font-size: 11px; }
#cennik .vall:hover { background-color: silver; }
#cennik td { padding: 2px; text-align: center; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.cpodlazie { width: 30px; }
.cbytc { width: 40px; }
.cizieb { width: 30px; }
.cplochabyt { width: 43px; }
.cplochabalkon { width: 42px; }
.cplochaterasy { width: 40px; }
.ccislo { width: 45px; }
.cplocha { width: 40px; }
.csk { width: 80px; }
.cskdph { width: 80px; }
.ceudph { width: 70px; }
.viac { width: 30px; }
.viac-detail {
  background-color: white;
  text-align: left;
  border: 1px solid black;
  padding: 1px 1px 1px 2px;
  width: 250px;
  left: 500px;
  z-index: 100;
}
#googlemap {
  width: 450px; 
  height: 350px;
  background-image: url(../../images/mapa-bg.jpg);
}