body { behavior:url('/portal.kharkov.ua/PIE.sct'); }
body {
  margin:0;
  padding:0;
  height:auto !important;
  min-height:100%;
  font-family:sans-serif;
  font-size:13px;
}
table {
  margin:0;
  padding:0;
}
p { margin:5px; }
img { border:0; }
#container {
  position:relative;
  margin:auto;
  width:782px;
  padding:0;
}
#header {
  height:80px;
  position:relative;
}
#header .h-1 {
  color:#dddddd;
  text-shadow:2px 2px 5px #485748;
  font-family:Arial;
  font-size:30px;
  margin:0;
  width:310px;
  top:0;
  left:0;
  position:absolute;
  z-index:2;
}
#header .h-2 {
  color:#dddddd;
  text-shadow:2px 2px 5px #485748;
  font-family:Arial;
  font-size:22px;
  margin:0;
  width:310px;
  top:32px;
  left:0;
  position:absolute;
}
#header #top-banner {
  position:absolute;
  top:10px;
  right:0;
  width:468px;
  height:60px;
  overflow:hidden;
}
#footer {
  position:absolute;
  bottom:0;
  width:100%;
  text-align:center;
  z-index:-1;
}
#footer span { text-shadow:-1px -1px 0 #ffffff; }
#counters {
  position:absolute;
  bottom:0;
  right:0;
  width:88px;
  z-index:-1;
  opacity:0.6;
}
#counters:hover {
  opacity:1;
  z-index:11;
}
#main {
  position:relative;
  min-height:390px;
}
.block {
  margin:0;
  padding:0;
  border:2px solid white;
  background:#ffffff;
  position:absolute;
  overflow:hidden;
  border-radius:4px;
}
.expandable:hover {
  height:auto !important;
  min-height:120px;
  z-index:5;
  padding-bottom:25px;
}
.expandable:hover h2 {
  opacity:1;
  position:absolute;
  bottom:0;
}
.expanded {
  height:auto;
  width:auto;
  min-width:20px;
  padding-bottom:32px;
}
.block h2, .addthis_toolbox {
  position:absolute;
  background:#ffffff;
  color:#444444;
  bottom:0;
  left:0;
  font-size:14px;
  width:100%;
  margin:0;
  padding:5px;
  opacity:.85;
  z-index:1;
}
.block h2 a {
  color:#444444;
  text-decoration:none;
  opacity:1;
}
.block h2 div, .block h2 span { opacity:1; }
.block h2 a:hover { text-decoration:underline; }
.block p a {
  color:navy;
  text-decoration:none;
}
.block p a:hover {
  color:blue;
  text-decoration:underline;
}
.teal {
  border-color:teal;
  background:white;
}
.teal h2 {
  background:teal;
  color:white;
}
.teal h2 a { color:white; }
.white {
  border-color:#888888;
  background:#ffffff;
}
.white h2 {
  background:#888888;
  color:#ffffff;
}
.white h2 a { color:#ffffff; }
.grey {
  border-color:#ffffff;
  background:#888888;
}
.grey h2 {
  background:#ffffff;
  color:#444444;
}
.grey h2 a { color:#444444; }
.orange {
  border-color:#f9a400;
  background:#ffffff;
}
.orange h2 {
  background:#f9a400;
  color:#ffffff;
}
.orange h2 a { color:#ffffff; }
.blue {
  border-color:#0033cc;
  background:#ffffff;
}
.blue h2 {
  background:#0033cc;
  color:#ffffff;
}
.blue h2 a { color:#ffffff; }
.red {
  border-color:#db0302;
  background:#ffffff;
}
.red h2 {
  background:#db0302;
  color:#ffffff;
}
.red h2 a { color:#ffffff; }
.green {
  border-color:#079c24;
  background:#ffffff;
}
.green h2 {
  background:#079c24;
  color:#ffffff;
}
.green h2 a { color:#ffffff; }
.none {
  border:none;
  background:none;
}
.none h2 { background:none; }
#vesti {
  background:#ffffbb;
  border-color:#bb8800;
}
#vesti h2 { background:#bb8800; }
#vesti h2 a { color:#ffffbb; }
#vesti .news { padding:4px; }
#vesti .date {
  text-align:right;
  font-size:9px;
  font-weight:bold;
}
#vesti .item {
  font-size:13px;
  margin-bottom:7px;
}
#vesti .item a {
  color:#000000;
  text-decoration:none;
}
#horo { background:#ffffff; }
#facebook {
  background:#eeeeee;
  color:black;
}
#facebook { border-color:#3b5998; }
#facebook .addthis_toolbox { background:#3b5998; }
#webcam:hover { width:240px; }
#webcam img {
  float:left;
  margin:0;
}
#forecast { background:#e0eeff; }
#forecast h2 {
  color:#e0eeff;
  background:#4f8bcf;
}
#communication { background:#ffffff; }
#communication img { float:left; }
#advert p {
  margin:5px;
  font-size:9px;
  line-height:8px;
}
#spravka { border-color:#03705f; }
#spravka h2 { background:#ffffff; }
#spravka h2 a { color:#03705f; }
#home h2 a { color:#476bde; }
#feedback input { width: 100%; }
#feedback textarea { width: 100%; }

body.home #vesti {
  left:0;
  top:0;
  width:252px;
  height:120px;
}
body.home #horo {
  left:264px;
  top:0;
  width:252px;
  height:120px;
}
body.home #forecast {
  left:526px;
  top:0;
  width:120px;
  height:120px;
}
body.home #communication {
  left:658px;
  top:0;
  width:120px;
  height:120px;
}
body.home #money {
  left:0;
  top:132px;
  width:120px;
  height:120px;
}
body.home #usefull {
  left:132px;
  top:132px;
  width:120px;
  height:120px;
}
body.home #spravka {
  left:264px;
  top:132px;
  width:120px;
  height:120px;
}
body.home #catalog {
  left:396px;
  top:132px;
  width:120px;
  height:120px;
}
body.home #facebook {
  left:526px;
  top:132px;
  width:252px;
  height:120px;
}
body.home #about {
  left:0;
  top:264px;
  width:120px;
  height:120px;
}
body.home #board {
  left:132px;
  top:264px;
  width:120px;
  height:120px;
}
body.home #shop {
  left:264px;
  top:264px;
  width:120px;
  height:120px;
}
body.home #webcams {
  left:396px;
  top:264px;
  width:120px;
  height:120px;
}
body.home #mista {
  left:526px;
  top:264px;
  width:120px;
  height:120px;
}
body.home #advert {
  left:658px;
  top:264px;
  width:120px;
  height:120px;
}
#home {
  left:0;
  top:0;
  width:120px;
  height:120px;
}
body.money #currency {
  left:396px;
  top:0;
  width:120px;
  height:120px;
}
body.money #webmoney {
  left:132px;
  top:0;
  width:252px;
  height:auto;
}
body.money #bank-a {
  left:0;
  top:132px;
  width:120px;
  height:120px;
}
body.money #adsense {
  left:658px;
  top:0;
  width:120px;
  height:252px;
}
body.usefull #shop {
  left:526px;
  top:132px;
  width:120px;
  height:120px;
}
body.usefull #misc {
  left:0;
  top:132px;
  width:252px;
  height:252px;
}
body.usefull #trip {
  left:396px;
  top:0;
  width:252px;
  height:120px;
}
body.usefull #house {
  left:132px;
  top:0;
  width:252px;
  height:120px;
}
body.usefull #lang {
  left:264px;
  top:132px;
  width:252px;
  height:120px;
}
body.usefull #itl {
  left:658px;
  top:264px;
  width:120px;
  height:120px;
}
body.usefull #adsense {
  left:658px;
  top:0;
  width:120px;
  height:252px;
}
body.about #feedback {
  left:132px;
  top:0;
  width:384px;
  height:384px;
}
body.about #about {
  left:526px;
  top:0;
  width:252px;
  height:384px;
}
body.about #vintage {
  left:0;
  top:264px;
  width:120px;
  height:120px;
}
body.spravka #massmedia {
  left:0;
  top:264px;
  width:252px;
  height:120px;
}
body.spravka #zkh {
  left:396px;
  top:0;
  width:252px;
  height:252px;
}
body.spravka #transport {
  left:132px;
  top:0;
  width:252px;
  height:252px;
}
body.spravka #adsense {
  left:658px;
  top:0;
  width:120px;
  height:252px;
}
body.webcams #wc-1 {
  left:132px;
  top:0;
  width:120px;
  height:120px;
}
body.webcams #wc-2 {
  left:264px;
  top:0;
  width:120px;
  height:120px;
}
body.webcams #wc-3 {
  left:396px;
  top:0;
  width:120px;
  height:120px;
}
body.webcams #wc-4 {
  left:526px;
  top:0;
  width:120px;
  height:120px;
}
body.webcams #wc-5 {
  left:658px;
  top:0;
  width:120px;
  height:120px;
}
body.webcams #wc-6 {
  left:132px;
  top:132px;
  width:120px;
  height:120px;
}
body.webcams #wc-7 {
  left:264px;
  top:132px;
  width:120px;
  height:120px;
}
body.webcams #wc-8 {
  left:396px;
  top:132px;
  width:120px;
  height:120px;
}
body.webcams #wc-9 {
  left:526px;
  top:132px;
  width:120px;
  height:120px;
}
body.webcams #wc-10 {
  left:658px;
  top:132px;
  width:120px;
  height:120px;
}
body.shop #balka {
  left:132px;
  top:0;
  width:120px;
  height:120px;
}
body.shop #vitrina {
  left:264px;
  top:0;
  width:120px;
  height:120px;
}
body.shop #status {
  left:396px;
  top:0;
  width:120px;
  height:120px;
}
body.shop #invite {
  left:0;
  top:132px;
  width:120px;
  height:120px;
}
@media screen and (max-width: 800px) {
  #container { width:520px; }
  #top-banner { display:none; }
  .expandable { max-height:252px !important; }
  #header .h-1 { width:100%; }
  #header .h-2 { width:100%; }
  body.home #vesti {
    left:0;
    top:0;
    width:252px;
    height:252px;
  }
  body.home #horo {
    left:264px;
    top:0;
    width:252px;
    height:252px;
  }
  body.home #forecast {
    left:0;
    top:264px;
    width:120px;
    height:120px;
  }
  body.home #communication {
    left:132px;
    top:132px;
    width:120px;
    height:120px;
    display:none;
  }
  body.home #money {
    left:0;
    top:264px;
    width:120px;
    height:120px;
  }
  body.home #usefull {
    left:132px;
    top:264px;
    width:120px;
    height:120px;
  }
  body.home #spravka {
    left:264px;
    top:264px;
    width:120px;
    height:120px;
  }
  body.home #catalog {
    left:396px;
    top:264px;
    width:120px;
    height:120px;
  }
  body.home #facebook {
    left:264px;
    top:528px;
    width:252px;
    height:252px;
  }
  body.home #about {
    left:0;
    top:396px;
    width:120px;
    height:120px;
  }
  body.home #board {
    left:132px;
    top:396px;
    width:120px;
    height:120px;
  }
  body.home #shop {
    left:264px;
    top:396px;
    width:120px;
    height:120px;
  }
  body.home #webcams {
    left:396px;
    top:396px;
    width:120px;
    height:120px;
  }
  body.home #mista {
    left:0;
    top:528px;
    width:120px;
    height:120px;
  }
  body.home #advert {
    left:132px;
    top:528px;
    width:120px;
    height:120px;
  }
  #home {
    left:0;
    top:0;
    width:120px;
    height:120px;
  }
  body.money #currency {
    left:0;
    top:264px;
    width:120px;
    height:120px;
  }
  body.money #webmoney {
    left:132px;
    top:0;
    width:252px;
    height:auto;
  }
  body.money #bank-a {
    left:0;
    top:132px;
    width:120px;
    height:120px;
  }
  body.money #adsense {
    left:396px;
    top:0;
    width:120px;
    height:252px;
  }
  body.usefull #shop {
    left:132px;
    top:396px;
    width:120px;
    height:120px;
  }
  body.usefull #misc {
    left:0;
    top:132px;
    width:252px;
    height:252px;
  }
  body.usefull #trip {
    left:264px;
    top:132px;
    width:252px;
    height:120px;
  }
  body.usefull #house {
    left:132px;
    top:0;
    width:252px;
    height:120px;
  }
  body.usefull #lang {
    left:264px;
    top:264px;
    width:252px;
    height:120px;
  }
  body.usefull #itl {
    left:0;
    top:396px;
    width:120px;
    height:120px;
  }
  body.usefull #adsense {
    left:396px;
    top:396px;
    width:120px;
    height:252px;
  }
  body.about #feedback {
    left:132px;
    top:0;
    width:384px;
    height:384px;
  }
  body.about #about {
    left:0;
    top:132px;
    width:120px;
    height:120px;
  }
  body.about #vintage {
    left:0;
    top:264px;
    width:120px;
    height:120px;
  }
  body.spravka #massmedia {
    left:0;
    top:264px;
    width:252px;
    height:120px;
  }
  body.spravka #zkh {
    left:264px;
    top:264px;
    width:252px;
    height:252px;
  }
  body.spravka #transport {
    left:132px;
    top:0;
    width:252px;
    height:252px;
  }
  body.spravka #adsense {
    left:396px;
    top:0;
    width:120px;
    height:252px;
  }
  body.webcams #wc-1 {
    left:132px;
    top:0;
    width:120px;
    height:120px;
  }
  body.webcams #wc-2 {
    left:264px;
    top:0;
    width:120px;
    height:120px;
  }
  body.webcams #wc-3 {
    left:396px;
    top:0;
    width:120px;
    height:120px;
  }
  body.webcams #wc-4 {
    left:0;
    top:132px;
    width:120px;
    height:120px;
  }
  body.webcams #wc-5 {
    left:132px;
    top:132px;
    width:120px;
    height:120px;
  }
  body.webcams #wc-6 {
    left:264px;
    top:132px;
    width:120px;
    height:120px;
  }
  body.webcams #wc-7 {
    left:396px;
    top:132px;
    width:120px;
    height:120px;
  }
  body.webcams #wc-8 {
    left:0;
    top:264px;
    width:120px;
    height:120px;
  }
  body.webcams #wc-9 {
    left:132px;
    top:264px;
    width:120px;
    height:120px;
  }
  body.webcams #wc-10 {
    left:264px;
    top:264px;
    width:120px;
    height:120px;
  }
  body.shop #balka {
    left:132px;
    top:0;
    width:120px;
    height:120px;
  }
  body.shop #vitrina {
    left:264px;
    top:0;
    width:120px;
    height:120px;
  }
  body.shop #status {
    left:396px;
    top:0;
    width:120px;
    height:120px;
  }
  body.shop #invite {
    left:0;
    top:132px;
    width:120px;
    height:120px;
  }
}
@media screen and (max-width: 520px) {
  #container { width:260px; }
  #header .h-1 { font-size:24px; }
  #header .h-2 { font-size:16px; }
  #footer {
    position:relative;
    left:0;
    right:0;
    width:260px;
    margin:0 auto;
  }
  #counters {
    position:relative;
    left:0;
    right:0;
    width:260px;
    margin:0 auto;
  }
  #top-banner { display:none; }
  body.home #vesti {
    left:0;
    top:0;
    width:252px;
    height:252px;
  }
  body.home #horo {
    left:0;
    top:264px;
    width:252px;
    height:252px;
  }
  body.home #forecast {
    left:0;
    top:528px;
    width:120px;
    height:120px;
  }
  body.home #communication {
    left:132px;
    top:132px;
    width:120px;
    height:120px;
    display:none;
  }
  body.home #money {
    left:0;
    top:660px;
    width:120px;
    height:120px;
  }
  body.home #usefull {
    left:132px;
    top:660px;
    width:120px;
    height:120px;
  }
  body.home #spravka {
    left:0;
    top:792px;
    width:120px;
    height:120px;
  }
  body.home #catalog {
    left:132px;
    top:792px;
    width:120px;
    height:120px;
  }
  body.home #facebook {
    left:0;
    top:1320px;
    width:252px;
    height:252px;
  }
  body.home #about {
    left:0;
    top:924px;
    width:120px;
    height:120px;
  }
  body.home #board {
    left:132px;
    top:924px;
    width:120px;
    height:120px;
  }
  body.home #shop {
    left:0;
    top:1056px;
    width:120px;
    height:120px;
  }
  body.home #webcams {
    left:132px;
    top:528px;
    width:120px;
    height:120px;
  }
  body.home #mista {
    left:0;
    top:1188px;
    width:120px;
    height:120px;
  }
  body.home #advert {
    left:132px;
    top:1188px;
    width:120px;
    height:120px;
  }
  #home {
    left:0;
    top:0;
    width:120px;
    height:120px;
  }
  body.money #currency {
    display:none;
    left:0;
    top:132px;
    width:120px;
    height:120px;
  }
  body.money #webmoney {
    left:0;
    top:132px;
    width:252px;
    height:auto;
  }
  body.money #bank-a {
    left:132px;
    top:0;
    width:120px;
    height:120px;
  }
  body.money #adsense {
    display:none;
    left:396px;
    top:0;
    width:120px;
    height:252px;
  }
  body.usefull #shop {
    left:132px;
    top:0;
    width:120px;
    height:120px;
  }
  body.usefull #misc {
    left:0;
    top:396px;
    width:252px;
    height:252px;
  }
  body.usefull #trip {
    left:0;
    top:264px;
    width:252px;
    height:120px;
  }
  body.usefull #house {
    left:0;
    top:132px;
    width:252px;
    height:120px;
  }
  body.usefull #lang {
    left:0;
    top:528px;
    width:252px;
    height:120px;
  }
  body.usefull #itl {
    left:0;
    top:660px;
    width:120px;
    height:120px;
  }
  body.usefull #adsense {
    left:132px;
    top:660px;
    width:120px;
    height:252px;
  }
  body.about #feedback {
    left:0;
    top:132px;
    width:252px;
    height:384px;
  }
  body.about #about {
    left:132px;
    top:0;
    width:120px;
    height:120px;
  }
  body.about #vintage {
    left:0;
    top:528px;
    width:120px;
    height:120px;
  }
  body.spravka #massmedia {
    left:132px;
    top:0;
    width:120px;
    height:120px;
  }
  body.spravka #zkh {
    left:0;
    top:132px;
    width:252px;
    height:252px;
  }
  body.spravka #transport {
    left:0;
    top:396px;
    width:252px;
    height:252px;
  }
  body.spravka #adsense {
    left:0;
    top:660px;
    width:252px;
    height:252px;
  }
  body.webcams #wc-1 {
    left:132px;
    top:0;
    width:120px;
    height:120px;
  }
  body.webcams #wc-2 {
    left:0;
    top:132px;
    width:120px;
    height:120px;
  }
  body.webcams #wc-3 {
    left:132px;
    top:132px;
    width:120px;
    height:120px;
  }
  body.webcams #wc-4 {
    left:0;
    top:264px;
    width:120px;
    height:120px;
  }
  body.webcams #wc-5 {
    left:132px;
    top:264px;
    width:120px;
    height:120px;
  }
  body.webcams #wc-6 {
    left:0;
    top:396px;
    width:120px;
    height:120px;
  }
  body.webcams #wc-7 {
    left:132px;
    top:396px;
    width:120px;
    height:120px;
  }
  body.webcams #wc-8 {
    left:0;
    top:528px;
    width:120px;
    height:120px;
  }
  body.webcams #wc-9 {
    left:132px;
    top:528px;
    width:120px;
    height:120px;
  }
  body.webcams #wc-10 {
    left:0;
    top:660px;
    width:120px;
    height:120px;
  }
  body.shop #balka {
    left:132px;
    top:0;
    width:120px;
    height:120px;
  }
  body.shop #invite {
    left:0;
    top:132px;
    width:120px;
    height:120px;
  }
  body.shop #vitrina {
    left:132px;
    top:132px;
    width:120px;
    height:120px;
  }
  body.shop #status {
    left:0;
    top:264px;
    width:120px;
    height:120px;
  }
}