body {
  font-family: "verdana", "tahoma", sans serif;
  font-size: 100%;
  text-align: center;
  margin: 0;
  padding: 0;
}
div#container {
  width: 800px;
  font-size: 70%;
  text-align: left;
  color: #616161;
  margin: auto;
}
div#head {
  float: left;
  width: 800px;
  height: 282px;
  background: url("/image/hlavicka_pozadi.gif") left bottom;
}
div#head p {
  font-size: 150%;
  color: #caced0;
  background-color: #d8dcdd;
  margin: 0;
}
p#webdesignService {
  position: relative;
  float: left;
  width: 301px;
  height: 161px;
}
p#webdesignService span {
  position: absolute;
  left: 0; top: 0;
  width: 301px;
  height: 161px;
  display: block;
  background: url("/image/webdesign_pozadi.gif");
}
p#logo {
  position: relative;
  float: left;
  width: 172px;
  height: 161px;
}
p#logo span {
  position: absolute;
  left: 0; top: 0;
  cursor: pointer;
  width: 172px;
  height: 161px;
  display: block;
  background: url("/image/logo.gif");
}
p#service {
  position: relative;
  float: left;
  width: 327px;
  height: 161px;
}
p#service span {
  position: absolute;
  left: 0; top: 0;
  width: 327px;
  height: 161px;
  display: block;
  background: url("/image/service_pozadi.gif");
}
ul#menu {
  float: left;
  margin: 0;
  padding: 0 0 7px 50px;
  background: url("/image/menu_pozadi.gif") 70px bottom no-repeat;
}
ul#menu li {
  float: left;
  display: inline;
  list-style-type: none;
}
ul#menu li#homeMenu a {
  display: block;
  width: 95px;
  height: 36px;
  background-image: url("/image/uvod_menu.gif");
}
ul#menu li#homeMenu a:hover {
  width: 95px;
  height: 36px;
  background: url("/image/uvod_menu.gif");
}
ul#menu li#aboutUsMenu a {
  display: block;
  width: 91px;
  height: 36px;
  background-image: url("/image/o_nas_menu.gif");
}
ul#menu li#aboutUsMenu a:hover {
  width: 91px;
  height: 36px;
  background: url("/image/o_nas_menu.gif");
}
ul#menu li#serviceMenu a {
  display: block;
  width: 100px;
  height: 36px;
  background-image: url("/image/sluzby_menu.gif");
}
ul#menu li#serviceMenu a:hover {
  width: 100px;
  height: 36px;
  background: url("/image/sluzby_menu.gif");
}
ul#menu li#productMenu a {
  display: block;
  width: 99px;
  height: 36px;
  background-image: url("/image/produkty_menu.gif");
}
ul#menu li#productMenu a:hover {
  width: 99px;
  height: 36px;
  background: url("/image/produkty_menu.gif");
}
ul#menu li#ourClientMenu a {
  display: block;
  width: 117px;
  height: 36px;
  background-image: url("/image/nasi_klienti_menu.gif");
}
ul#menu li#ourClientMenu a:hover {
  width: 117px;
  height: 36px;
  background: url("/image/nasi_klienti_menu.gif");
}
ul#menu li#actualityMenu a {
  display: block;
  width: 104px;
  height: 36px;
  background-image: url("/image/aktualne_menu.gif");
}
ul#menu li#actualityMenu a:hover {
  width: 104px;
  height: 36px;
  background: url("/image/aktualne_menu.gif");
}
ul#menu li#contactMenu a {
  display: block;
  width: 103px;
  height: 36px;
  background-image: url("/image/kontakt_menu.gif");
}
ul#menu li#contactMenu a:hover {
  width: 103px;
  height: 36px;
  background: url("/image/kontakt_menu.gif");
}
div#content {
  float: left;
  width: 800px;
  margin-top: 5px;
  background: #f5f5f7 url("/image/obsah_pozadi.gif") repeat-x;
}
div#leftBox {
  float: left;
  width: 420px;
  margin: 20px 50px 25px 27px;
}
div>#leftBox {
  margin-left: 55px;
}
div#rightBox {
  float: left;
  width: 250px;
  margin: 20px 0 0 0;
}
div#rightBox p {
  text-align: justify;
}
h1 {
  font-size: 140%;
  color: #acb4b6;
  background: url("/image/nadpis_pozadi.gif") no-repeat;
  padding: 0 0 19px 20px;
  margin: 0 0 10px 0;
}
h2 {
  font-size: 120%;
  color: #e46b0d;
  font-weight: normal;
  padding: 0;
  margin: 0 0 10px 0;
}
div#rightBox h4 {
  font-size: 140%;
  color: #999;
  padding: 0 0 19px 45px;
  margin: 0 0 10px 0;
}
#leftBox p.headlineLink {
  margin: -28px 0 14px 20px;
}
#rightBox p.headlineLink {
  margin: -28px 0 14px 45px;
}
p.headlineNumber {
  font-size: 250%;
  color: #f4b802;
  margin: -60px 0 10px 0;
}
ul#foot {
  clear: both;
  width: 800px;
  background-color: #18272e;
  margin: 0;
  padding: 20px 0 20px 0;
}
ul#foot li {
  display: inline;
  list-style-type: none;
  padding-left: 22px;
  line-height: 1em;
}
ul#foot li#firstItem {
  padding-left: 80px;
}
ul#foot li#webdesign {
  padding-left: 76px;
}
ul#foot li a {
  color: #fff;
  text-decoration: none;
}
ul#foot li a:hover {
  text-decoration: underline;
}
ul#contact a {
  color: #e46b0d;
}
dl.contact {
  float: left;
  width: 210px;
}
dl.contact dt {
  font-weight: bold;
  font-size: 120%;
  color: #acb4b6;
  padding-bottom: 5px;
}
dl.contact dd {
  margin: 0;
  padding-bottom: 5px;
}


/* default basic */
a {
  color: #5ed0e8;
  text-decoration: underline;
}
a:hover {
  color: #7388b3;
  text-decoration: none;
}
p {
  margin: 0 0 10px 0;
  line-height: 1.8em;
}
img {
  display: block;
  border: 0;
}
ul li {
  list-style-type: square;
  line-height: 1.3em;
  padding-bottom: 3px;
}
table {
  font-size: 100%;
  color: #726e6f;
  border: 1px solid #afafaf;
  border-collapse: collapse;
}
table tr td {
  border: 1px solid #afafaf;
  border-collapse: collapse;
  padding: 5px;
}
table tr td p {
  margin: 0;
}
textarea {
  width: 270px;
  height: 80px;
  border: 1px solid #14759e;
}
form {
  margin: 0;
}

/* default subclass */
hr.separator {
  clear: both;
  visibility: hidden;
  padding-top: 5px;
}
p#page404 {
  width: 400px;
  height: 50px;
  font-size: 150%;
  color: red;
  margin: 20px 0 20px 20px;
  overflow: auto;
}
p.errorMessage {
  color: red;
  margin-top: 10px;
}
p.infoMessage {
  color: green;
  margin-top: 10px;
}
p.info {
  font-style: italic;
  margin: 3px 0 3px 0;
}
span.highlight {
  color: #ff8c00;
  font-size: 130%;
}
input.input {
  width: 200px;
  border: 1px solid #14759e;
}
table#tableForm {
  border: 0;
}
table#tableForm tr td {
  border: 0;
}
table#tableForm tr td.right {
  width: 120px;
  text-align: right;
  vertical-align: top;
}
div.photoBox {
  float: left;
  width: 100px;
  height: 105px;
  margin-left: 8px;
}
#detailPhotoBox {
  width: 720px;
  text-align: center;
}
div.photoBox img, div#detailPhotoBox img {
  border: 2px solid #175e88;
  display: inline;
}
p#lastNextPhoto {
  text-align: center;
}