body, h1, h2, h3, h4, div, p, ul, ol, li, img, form, fieldset, input, label, dl, hr {
  margin: 0;
  padding: 0;
}

html {
  height: 100%;
}

body#inspire-cz {
  font-family: Arial, Verdana, Tahoma, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-size: 1em;
  color: #304D5F;
  background: #FFFFFF;
}

.non-visible {
  position: absolute;
  left: -2000px; /* pristupne aj pre hlasove citacky */
}

h2, h3, h4 {
  margin-bottom: 15px;
}

h2 {
  padding-top: 10px;
  font-size: 0.9em;
}

h3 {
  padding-top: 10px;
  padding-bottom: 5px;
  margin-bottom: 0px;
  font-size: 0.85em;
}

h4 {
  font-size: 0.75em;
}

img {
  border: 0;
}

.debug {
  border: 1px solid red !important;
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.clear-floating {
  clear: both !important;
}

.clear-left {
  clear: left !important;
}

.clear-right {
  clear: right !important;
}

.blue-arrow {
  padding-right: 11px;
  background: url('./img/double_arrow_blue.png') center right no-repeat;
}

.orange-arrow {
  padding-right: 11px;
  background: url('./img/double_arrow_orange.png') center right no-repeat;
}

.no-border {
  border: 0px !important;
}

.font-normal {
  font-weight: normal !important;
}

a {
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

.dark-blue {
  color: #304D5F !important;
}

.sky-blue {
  color: #28A0C6 !important;
}

.navy-blue {
  color: #055490 !important
}

.orange {
  color: #FF4E00 !important;
}

.blue {
  color: #28A0C6 !important;
}

.red {
  color: #E4410B !important;
}

div#page-container {
  width: 693px;
  height: 800px;
  margin: 16px auto 20px auto;
}

div#page-header {
  position: relative;
}

  div#page-header p a#logo {
    position: absolute;
    display: block;
    width: 81px;
    height: 58px;
    left: 26px;
    border: 0;
  }

  div#page-header div#header-left-banner {
    position: relative;
    float: left;
    width: 500px;
    height: 209px;
    margin-top: 58px;
  }

  div#page-header object#header-flash {
    position: absolute;
  }

    div#header-left-banner ul#main-menu {
      position: absolute;
      top: 170px;
      left: 8px;
      width: 500px;
      height: 44px;
      list-style: none;
    }

      div#header-left-banner ul#main-menu li {
        display: inline;
      }

      div#header-left-banner ul#main-menu li a {
        position: relative;
        float: left;
        text-decoration: none;
        font-size: 0.8em;
        font-weight: bold;
        color: #0086B1;
        margin-left: 6px;
        line-height: 23px;
        padding: 0px 12px;
        background: url('/img/menu_button_left.png') left top no-repeat;
      }

        div#header-left-banner ul#main-menu li a span {
          position: absolute;
          display: block;
          width: 5px;
          height: 23px;
          top: 0px;
          right: -1px;
          _cursor: hand;
          background: url('/img/menu_button_right.png') right top no-repeat;
        }

      div#header-left-banner ul#main-menu li a:hover {
        color: #FF4E00;
        padding-bottom: 16px;
        background-position: left -23px;
      }

        div#header-left-banner ul#main-menu li a:hover span {
          background-position: left -23px;
        }

      div#header-left-banner ul#main-menu li a.selected {
        color: #055490;
        background-position: left -23px;
      }

        div#header-left-banner ul#main-menu li a.selected span {
          background-position: left -23px;
        }

  div#page-header div#header-right-banner {
    position: relative;
    float: right;
    width: 184px;
    height: 209px;
    margin-top: 51px;
    background: url('./img/header_right_bg.jpg') top left no-repeat;
  }

    /* search */

    div#page-header div#header-right-banner form#top-search {
      position: absolute;
      top: 178px;
      left: 7px;
      width: 180px;
    }

      div#header-right-banner form#top-search p input#query {
        float: left;
        width: 106px;
        height: 20px;
        padding: 2px;
        border: 0;
        color: #304D5F;
        background: url('./img/search_bar_bg.png') top left no-repeat;
        _background-attachment: fixed; /* IE hack */
      }

      div#header-right-banner form#top-search p input#search-button {
        float: left;
        margin-left: 5px;
      }

form#searching {
  position: relative;
  float: left;
  margin: 0px;
  padding: 0px;
}

form#searching #query {
  float: left;
  width: 300px;
  height: 20px;
  padding: 2px;
  margin: 0;
  border: 0;
  color: #304D5F;
  background: url('/img/input_big_bg.png') top left no-repeat;
  _background-attachment: fixed; /* IE hack */
}

form#searching #submit-button {
  position: relative;
  float: left;
  margin: 0px 0px 0px 3px;
  top: -15px;
  _top: 0px;
}

.search-result {
  margin-bottom: 5px !important;
}

  .search-result p {
    color: #000000;
    font-size: 0.75em !important;
    margin: 0px !important;
    padding: 0px !important;
    line-height: 1.4em;
  }

  .search-result a {
    font-size: 0.8em !important;
    color: #055490; /* blue */
  }

.green {
  font-size: 0.7em !important;
  color: #FF4E00 !important;
}

#search-header {
  clear: both;
  width: 355px;
  padding: 5px;
  margin-top: 5px !important;
  background-color: #28A0C6;
}

  #search-header p {
    font-size: 0.75em !important;
    color: #FFFFFF !important;
    margin: 0px !important;
    padding: 0px !important;
  }

div#page-content {
  position: relative;
  float: left;
  clear: both;
  width: 665px;
  margin: 0px;
  margin-left: 15px;
  _margin-left: 8px;
  padding-bottom: 20px;
  border-top: 1px solid #E0ECF1;
  border-bottom: 1px solid #E0ECF1;
}

div#page-footer {
  clear: both;
  width: 665px;
  height: 200px;
  margin: auto;
  padding: 15px 0px;
}

/* start navigation */

div#page-navigation {
  position: absolute;
  top: -265px;
  right: 0px;
  color: #3C5962;
}

  div#page-navigation h4 {
    float: left;
    font-weight: normal;
    font-size: 0.7em;
    margin-left: 13px;
    _margin-left: 7px; /* IE hack */
  }

  div#page-navigation ul {
    list-style: none;
    font-weight: normal;
    font-size: 0.7em;
    text-transform: lowercase;
  }

    div#page-navigation ul li {
      display: inline;
      float: left;
      margin-left: 3px;
    }

      div#page-navigation ul li a {
        color: #3C5962;
        padding-right: 7px;
        background: url('./img/bullet_navigation.png') center right no-repeat;
      }

/* end navigation */

div#side-menu {
  float: right;
  right: 0px;
  width: 165px;
  padding-top: 20px;
}

div#content {
  float: left;
  width: 470px;
  min-height: 200px;
  height: auto;
  _height: 200px; /* IE min-height hack */
  padding-top: 10px;
  margin-left: 10px;
}

.extended {
  width: 648px !important;
}

.home {
  margin-left: 0px !important;
  width: 100% !important;
}

.min-height {
  min-height: 520px !important;
}

  div#content p {
    font-size: 0.75em;
    margin-bottom: 15px;
  }

    div#content p a {
      color: #FF4E00;
    }

ul#categories {
  border-top: 3px solid #A1D5E8;
  border-bottom: 2px solid #A1D5E8;
  margin-bottom: 15px;
  list-style: none;
}

  ul#categories li {
    width: 160px;
    padding-left: 5px;
    border-bottom: 1px solid #A1D5E8;
  }

    ul#categories li a {
      display: block;
      height: 35px;
      line-height: 35px;
      font-size: 0.75em;
      font-weight: bold;
      color: #304D5F !important;
    }

p#customers {
  height: 40px;
  width: 100px;
  line-height: 1.4em;
  font-size: 0.75em;
  padding-left: 55px;
  background: url('./img/smiley_blue.png') center left no-repeat;
}

  p#customers a {
    display: block;
    color: #304D5F !important;
    background: url('./img/double_arrow_blue.png') 83px 25px no-repeat;
  }

/* FRANKIE */

p#more-references {
  height: 40px;
  width: 100px;
  line-height: 1.4em;
  font-size: 0.75em;
  padding-left: 55px;
  margin-bottom: 15px;
  background: url('./img/icon_rizeni.png') center left no-repeat;
}

  p#more-references a {
    display: block;
    color: #304D5F;
    background: url('./img/double_arrow_blue.png') 68px 25px no-repeat;
  }

/* END - FRANKIE */


/* photos */

.big-photo {
  font-size: 0;
  line-height: 0;
  padding: 4px;
  border: 1px solid #D0DFEA;
  margin: 0 10px 10px 10px;
}

.small-photo {
  font-size: 0;
  line-height: 0;
  padding: 3px;
  border: 1px solid #D0DFEA;
  margin: 0 7px 7px 0;
}

img.float-left {
  margin-left: 0px !important;
}

img.float-right {
  margin-right: 0px !important;
}

/* portfolio */

.portfolio-container {
  clear: both;
  margin-bottom: 20px;
  min-height: 80px;
  height: auto;
  _height: 80px;
}

/* posuvnik */

p#posuvnik {
  position: relative;
  text-align: center;
  border-top: 1px solid #D0DFEA;
  padding-top: 7px;
  margin: 0 auto;
  width: 100%;
  color: #FF4E00;
}

  p#posuvnik a {
    color: #FF4E00;
  }

  p#posuvnik span.selected {
    color: #055490;
    font-weight: bold;
  }

a.posuvnik-next {
  position: absolute;
  right: 2px;
  font-weight: bold;
  padding-right: 11px;
  background: url('./img/next.png') center right no-repeat;
}

a.posuvnik-previous {
  position: absolute;
  left: 2px;
  font-weight: bold;
  padding-left: 11px;
  background: url('./img/previous.png') center left no-repeat;
}

/* others */

/* PREDEFINOVAL - frankie
.common-list {
  font-size: 0.75em;
  margin: 0 0 15px 30px;
}*/

.common-list {
  font-size: 0.75em;
  margin: 0 0 35px 30px;
  list-style: url('./img/bullet_list.png');
}

.common-list li {
  margin: 5px 0 0 0;
}

img.technologies {
  margin-right: 10px;
}

.document {
  padding-left: 11px;
  background: url('./img/document.png') center left no-repeat;
}

.news {
  clear: both;
  margin-bottom: 15px;
}

  .news p a {
    color: #FF4E00;
  }

.back {
  padding-left: 11px;
  background: url('./img/previous.png') center left no-repeat;
}

.home-header {
  width: 115px;
  height: 22px;
  line-height: 22px;
  border-right: 1px solid #D0DFEA;
  margin-right: 35px;
}

/* home */


div.aktuality {
  float: left;
  position: relative;
  width: 605px;
  padding: 0px 0px 5px 70px;
  margin: 0px 0px 17px 0px;
  border-bottom: 1px solid #E0ECF1;
}

  .aktuality h3 {
    float: left;
    height: 100px;
    line-height: 70px;
    padding-right: 20px;
    margin-right: 7px;
    border-right: 1px solid #E0ECF1;
  }

  .aktuality div.actuality {
    float: left;
    width: 242px;
    height: 48px;
    padding: 5px;
    margin-left: 5px;
    border-right: 1px solid #E0ECF1;
  }

  .aktuality p {
    font-size: 0.7em !important;
    margin: 0px !important;
    padding: 0px !important;
  }

    .aktuality p.text a {
      color: #0079A7 !important;
      font-weight: bold;
      text-decoration: none;
    }

    .aktuality p.link a {
      color: #FF4E00;
      text-decoration: underline;
    }

    .aktuality p.text a:hover {
      text-decoration: underline;
    }

    .aktuality p.link a:hover {
      text-decoration: none;
    }

    .aktuality .date {
      color: #3C5962;
    }

  .aktuality p.more {
    position: absolute;
    left: 70px;
    top: 53px;
    font-size: 0.75em !important;
  }


/*

.action-left {
  width: 310px;
  padding-bottom: 10px;
  margin-bottom: 20px;
  background: url('./img/hr_bg.png') bottom left repeat-x;
}

.action-right {
  width: 165px;
  padding-bottom: 2px;
  margin-bottom: 20px;
  background: url('./img/hr_bg.png') bottom left repeat-x;
}

*/

div.reseni {
  float: left;
  clear: both;
  width: 100%;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #E0ECF1;
}

  div.reseni div,
  div.reseni2 div {
    float: left;
    width: 150px;
    min-height: 100px;
    height: auto;
    _height: 100px;
    margin-right: 12px;
    margin-bottom: 10px;
  }

    div.reseni div h4,
    div.reseni2 div h4 {
      margin-bottom: 5px !important;
    }

    div.reseni div ul,
    div.reseni2 div ul {
      color: #3C5962 !important;
      font-size: 0.7em;
      list-style: url('./img/bullet_reseni.png');

    }

      div.reseni div ul li,
      div.reseni2 div ul li {
        margin-left: 15px;
        _margin-left: 20px;
      }

        div.reseni div ul li a,
        div.reseni2 div ul li a {
          color: #3C5962;
          text-decoration: none;
        }

  div.reseni div {
    background: yellow;
    padding-left: 65px;
    width: 144px;
    min-height: 120px;
    height: auto;
    _height: 120px;
  }

div.reseni2 {
  width: 480px;
  min-height: 320px;
  margin: 0px;
  padding: 0px;
}

  div.reseni2 div {
    float: left;
    width: 145px;
    min-height: 100px;
    height: auto;
    _height: 100px;
    margin-right: 12px;
    margin-bottom: 10px;
  }

.customers-home {
  margin: 20px 0px 0px 7px;
}

div.kontakt {
  position: relative;
  width: 600px;
  padding-left: 70px;
}

  div.kontakt h3 {
    float: left;
    height: 100px;
    line-height: 70px;
    padding-right: 20px;
    border-right: 1px solid #E0ECF1;
  }

address,
.copyright {
  position: absolute;
  top: 0px;
  left: 155px;
  font-size: 0.75em;
  font-style: normal;
}

.copyright {
  top: 95px;
}

.subpage .copyright {
  top: 0px;
  left: 15px;
}

p.print {
  position: absolute;
  right: 0px;
}

  p.print a {
    font-size: 0.7em;
    font-style: normal;
    color: #F68700;
    padding-left: 15px;
    margin-right: 30px;
    background: url('./img/printer.png') center left no-repeat;
  }

.kontakt p.more {
  position: absolute;
  left: 70px;
  top: 53px;
  font-size: 0.75em;
}

.small-font {
  font-size: 0.70em !important;
}

/* reseni icons */

div.reseni div {
  background: 15px 30px no-repeat;
}

div.reseni2 h4 a {
  display: block;
  padding-top: 37px;
  background: left top no-repeat;
}

.www {
  background-image: url('./img/icon_www.png') !important;
}

.eshop {
  background-image: url('./img/icon_eshop.png') !important;
}

.marketing {
  background-image: url('./img/icon_marketing.png') !important;
}

.rizeni {
  background-image: url('./img/icon_rizeni.png') !important;
}

.crm {
  background-image: url('./img/icon_crm.png') !important;
}

div.reseni .crm {
  background-position: 5px 30px !important;
}

.intranet {
  background-image: url('./img/icon_intranet.png') !important;
}

div.reseni .intranet {
  background-position: 0px 30px !important;
}

/* formular na konec stranky */

form#message {
  min-height: 130px;
}

form#message p {
  margin-bottom: 5px !important;
}

form#message p.label {
  float: left;
  clear: left;
  height: 20px;
  width: 50px;
  line-height: 20px;
}

  form#message p input {
    _float: left;
    width: 142px;
    height: 20px;
    padding: 2px;
    margin: 0 20px 0 3px;
    border: 0;
    color: #304D5F;
    background: url('/img/input_bg.png') top left no-repeat;
    _background-attachment: fixed; /* IE hack */
  }

form#message p.textarea {
  float: left;
  width: 183px;
  height: 104px;
  background: url('/img/textarea_bg.png') top left no-repeat;
  _background-attachment: fixed; /* IE hack */
}

  form#message p textarea {
    width: 173px;
    height: 96px;
    margin: 2px 0px 2px 4px;
    border: 0;
    color: #304D5F;
    overflow: hidden; /* hide scrollbar */
    background: none;
  }

  form#message p input#posli {
    float: right;
    clear: both;
    width: 55px;
    margin: 10px 0 0 0;
    padding: 0px;
    background: none;
  }

/* formular u kariery */

form#zivotopis {
  min-height: 250px;
  width: 300px;
}

form#zivotopis p {
  margin-bottom: 5px !important;
}

  form#zivotopis p input {
    width: 300px;
    height: 20px;
    padding: 2px;
    margin: 0 0 5px 0;
    border: 0;
    color: #304D5F;
    background: url('/img/input_big_bg.png') top left no-repeat;
    _background-attachment: fixed; /* IE hack */
  }

form#zivotopis p.textarea {
  width: 300px;
  height: 104px;
  background: url('/img/textarea_big_bg.png') top left no-repeat;
  _background-attachment: fixed; /* IE hack */
}

  form#zivotopis p textarea {
    width: 293px;
    height: 96px;
    margin: 2px 0px 10px 4px;
    border: 0;
    color: #304D5F;
    overflow: hidden; /* hide scrollbar */
    background: none;
  }

  form#zivotopis p input#posli {
    float: right;
    clear: both;
    margin: 3px 0 0 0;
    padding: 0px;
    width: 55px;
    background: none;
  }