body{
  font-size: 8pt;
  color: black;
  background-color: #E0E0E0;
  font-family: Verdana, Arial, sans-serif;
  margin: 0px;
  text-align:center;
}

/* ----------------------- kompletni obvod, cerny obvod, rozcestnik ----------------------- */

div.obvod {
  border: 0px 0px 0px 0px solid #E0E0E0;
  width: 746px;
  margin: 0px auto;
  background-color: #E0E0E0;
}

/* ----------------------- rozcestnik, logo ----------------------- */

div.rozcestnik {
  background-image: url(../images/logo_up.jpg);
  border: 0px solid black;
  width: 746px;
  height: 13px;
}

div.logo {
  background-image: url(../images/logo.jpg);
  border: 0px solid black;
  width: 746px;
  height: 114px;
}

div.logo2 {
  background-image: url(../images/logo2.jpg);
  border: 0px solid black;
  width: 746px;
  height: 114px;
}

/* ----------------------- okoli + buttons ----------------------- */

div.obvod_tlacitka {
  border: 0px 0px 0px 0px solid white;
  width: 460px;
  margin: 0px auto;
  background-color: #E0E0E0;
  float: left;
  text-align: left;
}                                                                     

div.buttons_up {
  background-image: url(../images/buttons_up.jpg);
  border: 0px solid black;
  width: 460px;
  height: 27px;
}

div.uvod_left {
  background-image: url(../images/uvod_left.jpg);
  border: 0px solid black;
  width: 25px;
  height: 16px;
  float: left;
}

div.uvod {
  border: 0px solid black;
  width: 28px;
  height: 16px;
  float: left;
}

div.uvod_right {
  background-image: url(../images/uvod_right.jpg);
  border: 0px solid black;
  width: 52px;
  height: 16px;
  float: left;
}

div.sluzby {
  border: 0px solid black;
  width: 37px;
  height: 16px;
  margin: 0px auto;
  float: left;
}

div.sluzby_right {
  background-image: url(../images/sluzby_right.jpg);
  border: 0px solid black;
  width: 53px;
  height: 16px;
  float: left;
}

div.vydelek {
  border: 0px solid black;
  width: 43px;
  height: 16px;
  float: left;
}

div.vydelek_right {
  background-image: url(../images/vydelek_right.jpg);
  border: 0px solid black;
  width: 49px;
  height: 16px;
  float: left;
}

div.reference {
  border: 0px solid black;
  width: 55px;
  height: 16px;
  float: left;
}

div.reference_right {
  background-image: url(../images/reference_right.jpg);
  border: 0px solid black;
  width: 45px;
  height: 16px;
  float: left;
}

div.kontakt {
  border: 0px solid black;
  width: 41px;
  height: 16px;
  float: left;
}

div.kontakt_right {
  background-image: url(../images/kontakt_right.jpg);
  border: 0px solid black;
  width: 32px;
  height: 16px;
  float: left;
}

div.table_up_1 {
  background-image: url(../images/table1_up_1.jpg);
  border: 0px solid black;
  width: 460px;
  height: 66px;
  float: left;
}

div.table_up_2 {
  background-image: url(../images/table1_up_2.jpg);
  border: 0px solid black;
  width: 224px;
  height: 66px;
  float: left;
}

/* ----------------------- monitor + log ----------------------- */

div.obvod_log {
  border: 0px 0px 0px 0px solid white;
  width: 286px;
  margin: 0px auto;
  background-color: #676863;
  float: right;
}

div.displey {
  background-image: url(../images/displey.jpg);
  border: 0px solid black;
  width: 85px;
  height: 77px;
  float: left;
}

div.log {
  background-image: url(../images/log.jpg);
  border: 0px solid black;
  width: 201px;
  height: 77px;
  float: right;
}

div.prihlasit_left {
  background-image: url(../images/prihlasit_left.jpg);
  border: 0px solid black;
  width: 175px;
  height: 19px;
  float: left;  
}

div.prihlasit {
  border: 0px 0px 0px 0px solid white;
  width: 89px;
  height: 19px;
  float: left;
}

div.prihlasit_right {
  background-image: url(../images/prihlasit_right.jpg);
  border: 0px solid black;
  width: 22px;
  height: 19px;
  float: right;
}

div.prihlasit_down {
  background-image: url(../images/prihlasit_down.jpg);
  border: 0px solid black;
  width: 286px;
  height: 13px;
  float: left;
}

/* ----------------------- iframe ----------------------- */

div.obvod_iframe {
  border: 0px 0px 0px 0px solid white;
  width: 479px;
  margin: 0px auto;
  background-color: #676863;
  float: left;
}

div.stin_left {
  background-image: url(../images/stin_left.gif);
  border: 0px solid black;
  width: 11px;
  height: 550px;
  float: left;
}

div.iframe {
  border: 0px 0px 0px 0px solid white;
  background-image: url(../images/table1_pixel.jpg);
  width: 468px;
  max-width: 100%;
  height: 550px;
  margin: 0px auto;
  overflow: auto;
  float: right;
}

div.iframe_down_1 {
  background-image: url(../images/table1_down.jpg);
  border: 0px solid black;
  width: 479px;
  height: 60px;
  float: left;
}

/* ----------------------- bocni panel ----------------------- */

div.obvod_bocni_panel {
  border: 0px 0px 0px 0px solid white;
  width: 267px;
  margin: 0px auto;
  background-color: #676863;
  float: right;
}

div.bocni_panel_reference {
  background-image: url(../images/table2_pixel.jpg);
  border: 0px solid black;
  width: 267px;
  height: 196px;
}

div.bocni_panel_novinky {
  background-image: url(../images/novinky.jpg);
  border: 0px solid black;
  width: 267px;
  height: 15px;
}

div.bocni_panel_novinky_detail {
  background-image: url(../images/table2_pixel.jpg);
  border: 0px solid black;
  width: 267px;
  height: 399px;
}

/* ----------------------- spodek ----------------------- */

div.spodek {
  background-image: url(../images/spodek.jpg);
  border: 0px solid black;
  width: 746px;
  height: 48px;
  float: left;
}

/* ----------------------- stin down ----------------------- */

div.stin_down {
  background-image: url(../images/stin_down.jpg);
  border: 0px solid black;
  width: 746px;
  height: 15px;
  float: left;
}

/* ----------------------- info page--------------- */

div.info_page {
  border: 0px solid white;
  width: 746px;
  margin: 0px auto;
}