/* CSS Document */

img, div, p, span, ul, li, h1, h2, h3, h4, h5, form, fieldset, table, tr, td, hr {
  padding:0px;
  margin:0px;
  border:none;
}

a {
  color:#ad4e00;
}

a:hover {
  color:#000000;
}

p {
  position:relative;
  padding:5px 0px 5px 0px;
}

big {
  font-size:110%;
}

table {
  border-collapse:collapse;
}

td {
  vertical-align:top;
}

body {
  padding:0px;
  margin:0px;
  font-family:verdana,tahoma,arial,helvetica,sans-serif;
  font-size:82%;
  text-align:center;
  color:#000000;
  background-image:url('../img/body-bg.gif');
  background-position:center top;
  background-repeat:repeat;
  background-color:#e3e3e3;
}

/* hlavicka */

#hl-obal {
  position:relative;
  width:100%;
  height:369px;
  margin:auto;
  background-image:url('../img/hl-obal-bg.gif');
  background-position:center top;
  background-repeat:repeat-x;
}

#hl-pozadi {
  position:relative;
  width:100%;
  height:369px;
  margin:auto;
  background-image:url('../img/hl-pozadi-bg.gif');
  background-position:center top;
  background-repeat:no-repeat;
}

#hl {
  position:relative;
  width:770px;
  height:369px;
  margin:auto;
  background-image:url('../img/hl-pozadi-bg.gif');
  background-position:center top;
  background-repeat:no-repeat;
}

#hl h1 {
  position:absolute;
  top:153px;
  left:33px;
  width:234px;
  height:98px;
  background-image:url('../img/hotes-logo.gif');
  background-position:center center;
  background-repeat:no-repeat;
}

#hl h1 a {
  display:block;
  width:100%;
  height:100%;
}

#hl p {
  position:absolute;
  top:50px;
  left:33px;
  height:12px;
  padding:10px 0px 0px 32px;
  font-size:85%;
  background-image:url('../img/ikona-domu.gif');
  background-position:2px 0px;
  background-repeat:no-repeat;
}

#hl p a {
  color:#999999;
  text-decoration:none;
}

#hl p a:hover {
  color:#000000;
}

#hl div {
  position:absolute;
  top:0px;
  left:303px;
  width:435px;
  height:369px;
  background-image:url('../img/flash-bg.jpg');
  background-position:center;
  background-repeat:no-repeat;
}

/* menu */

#menu {
  position:absolute;
  left:-7px;
  bottom:0px;
  width:377px;
  height:46px;
  padding:7px 0px 0px 7px;
  background-image:url('../img/menu-bg.gif');
  background-position:left top;
  background-repeat:no-repeat;
}

#menu li {
  list-style-type:none;
  float:left;
  width:123px;
  height:31px;
  padding-top:15px;
  margin-right:1px;
  font-size:11pt;
  font-weight:bold;
  color:#000000;
}

#menu li a {
  color:#999999;
  text-decoration:none;
}

#menu li a:hover {
  color:#000000;
}

.menu-o-firme {
  background-image:url('../img/menu-o-firme-bg.gif') !important;
}

.menu-reference {
  background-image:url('../img/menu-reference-bg.gif') !important;
}

.menu-kontakty {
  background-image:url('../img/menu-kontakty-bg.gif') !important;
}

/* stranka */

#str-obal {
  position:relative;
  width:100%;
  margin:auto;
  background-image:url('../img/str-obal-bg.gif');
  background-position:center top;
  background-repeat:repeat;
  z-index:200;
}

#str {
  position:relative;
  width:770px;
  height:100%;
  margin:auto;
  background-image:url('../img/str-obal-bg.gif');
  background-position:center top;
  background-repeat:repeat;
}

#str-obsah {
  padding:30px;
  text-align:left;
  color:#d46001;
  background-image:url('../img/str-bg.gif');
  background-position:303px 0px;
  background-repeat:no-repeat;
}

#str-obsah h2 {
  padding:5px 0px 15px 0px;
  font-size:150%;
}

#str-obsah h3 {
  padding:15px 0px 10px 0px;
  font-size:132%;
}

#str-obsah h4 {
  padding:15px 0px 7px 0px;
  font-size:110%;
}

#str-obsah ul {
  padding:5px 0px 5px 15px;
}

.foto-right {
  float:right;
  margin:5px 0px 10px 20px;
}

.dum-uvod {
  position:relative;
  left:4px;
  margin-top:19px !important;
}

.auto-o-firme {
  position:relative;
  top:-1px;
  margin-right:27px !important;
}

.obalka-kontakty {
  position:relative;
  margin-top:13px !important;
  margin-right:18px !important;
}

.loga {
  position:relative;
  margin:18px 0px 5px 0px;
  text-align:center;
  border:1px solid #e3e3e3;
  background-color:#ffffff;
}

.loga img {
  position:relative;
  margin:13px 13px 20px 13px;
}

.ikona-mapa {
  padding-top:20px !important;
}

.ikona-mapa img {
  float:left;
  margin-right:10px;
}

/* tabulky */

.fotogalerie {
  margin:5px 0px 5px 0px;
  width:100%;
}

.fotogalerie td {
  padding:20px 30px 15px 0px;
  vertical-align:top;
  text-align:center;
}

.fotogalerie td img {
  border:1px solid #e3e3e3;
}

.fotogalerie td p {
  width:142px;
  height:10px;
  padding:4px;
  margin-top:5px !important;
  font-size:70%;
  text-align:left;
  border:1px solid #e3e3e3;
  background-color:#ffffff;
}

.fotogalerie td p a {
  display:block;
  width:100%;
  height:100%;
  color:#999999;
  text-decoration:none;
  background-image:url('../img/ikona-nove-okno.gif');
  background-position:right center;
  background-repeat:no-repeat;
}

.fotogalerie td p a:hover {
  color:#000000;
  background-image:url('../img/ikona-nove-okno-hover.gif');
}

.formular {
  margin:5px 0px 5px 0px;
}

.formular td {
  padding:5px 10px 5px 0px;
}

/* formulare */

.chyba-formulare {
  margin:10px;
  font-size:100%;
  font-weight:bold;
  color:#cc0000;
  padding:10px !important;
  border:1px solid #cc0000;
  margin:10px;
}

.uspech-formulare {
  margin:10px;
  font-size:100%;
  font-weight:bold;
  color:#009900;
  padding:10px !important;
  border:1px solid #009900;
}

.zvyrazneno {
  background-color:#ff9999;
}

/* paticka */

#pat-obal {
  position:relative;
  width:100%;
  height:30px;
  margin:auto;
  background-image:url('../img/pat-obal-bg.gif');
  background-position:center top;
  background-repeat:repeat-x;
  z-index:100;
}

#pat {
  position:relative;
  width:770px;
  height:30px;
  margin:auto;
  background-image:url('../img/pat-obal-bg.gif');
  background-position:center top;
  background-repeat:repeat-x;
}

#pat p {
  position:relative;
  padding:10px 0px 0px 0px;
  text-align:right;
  font-size:80%;
  color:#bbbbbb;
}

#pat p span {
  float:left;
}

#pat p a {
  color:#bbbbbb;
}

#pat p a:hover {
  color:#000000;
}

/* doplnky */

.skryt {
  display:none;
}

.spacer {
  clear:right;
  border:0px;
  margin:0px;
  padding:0px;
  float:none;
  width:0px;
  height:15px;
  line-height:0px;
  font-size:0px;
}

.cleaner {
  clear:both;
  border:0px;
  margin:0px;
  padding:0px;
  float:none;
  width:0px;
  height:0px;
  line-height:0px;
  font-size:0px;
}