/* CSS Document */

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

a {
  color:#FF5050;
}

a:hover {
  color:#ffffff;
}

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

big {
  font-size:110%;
}

small {
  font-size:87%;
}

table {
  border-collapse:collapse;
}

td {
  vertical-align:top;
}

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

/* hlavicka */

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

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

#hl h1 {
  position:absolute;
  top:47px;
  left:37px;
  width:220px;
  height:220px;
}

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

#logo-ha-world {
  position:absolute;
  top:34px;
  left:277px;
}

#logo-ha-bohemia {
  position:absolute;
  top:208px;
  left:277px;
}

#hl div {
  position:absolute;
  top:22px;
  left:333px;
  width:426px;
  height:246px;
}

/* menu */

#home {
  position:absolute;
  bottom:9px;
  left:0px;
  width:39px;
  height:39px;
  margin:0px;
  padding:0px;
  background-image:url('../img/btn-home.gif');
  background-position:center center;
  background-repeat:no-repeat;
}

#home a {
  display:block;
  width:100%;
  height:100%;
  background-image:url('../img/btn-home-a.gif');
  background-position:center center;
  background-repeat:no-repeat;
}

#home a:hover {
  background-image:url('../img/btn-home-a-hover.gif');
}

#home span {
  display:none;
}

#menu {
  position:absolute;
  right:8px;
  bottom:0px;
}

#menu li {
  float:left;
  position:relative;
  width:83px;
  height:48px;
  margin:0px 2px 0px 1px;
  list-style-type:none;
  background-position:center center;
  background-repeat:no-repeat;
}

#menu li a {
  display:block;
  width:100%;
  height:100%;
  background-position:center top;
  background-repeat:no-repeat;
}

#menu li a:hover {
  background-position:center bottom;
}

#menu li span {
  display:none;
}

#news {
  background-image:url('../img/btn-news.gif');
}

#news a {
  background-image:url('../img/btn-news-a.gif');
}

#photos {
  background-image:url('../img/btn-photos.gif');
}

#photos a {
  background-image:url('../img/btn-photos-a.gif');
}

#links {
  background-image:url('../img/btn-links.gif');
}

#links a {
  background-image:url('../img/btn-links-a.gif');
}

#history {
  background-image:url('../img/btn-history.gif');
}

#history a {
  background-image:url('../img/btn-history-a.gif');
}

#guestbook {
  background-image:url('../img/btn-guestbook.gif');
}

#guestbook a {
  background-image:url('../img/btn-guestbook-a.gif');
}

#contact {
  background-image:url('../img/btn-contact.gif');
}

#contact a {
  background-image:url('../img/btn-contact-a.gif');
}

/* stránka */

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

#str {
  position:relative;
  width:770px;
  margin:auto;
  text-align:left;
  color:#ffffff;
  background-image:url('../img/str-bg.gif');
  background-position:center top;
  background-repeat:repeat-y;
}

#str-poz-h {
  position:absolute;
  top:0px;
  left:0px;
  width:770px;
  height:32px;
  background-image:url('../img/str-poz-h-bg.jpg');
  background-position:center top;
  background-repeat:no-repeat;
}

#str-poz-d {
  position:absolute;
  bottom:0px;
  left:0px;
  width:770px;
  height:12px;
  background-image:url('../img/str-poz-d-bg.jpg');
  background-position:center top;
  background-repeat:no-repeat;
}

/* pravy panel */

#str-prava {
  float:right !important;
  width:503px;
  _width:470px !important; /* MSIE 6 */
  text-align:left;
  padding:15px 33px 33px 33px;
  text-align:left;
}

#str-prava h2 {
  padding:25px 0px 20px 0px;
  width:100%;
  height:25px;
  background-position:0px 25px;
  background-repeat:no-repeat;
}

#h-welcome {
  background-image:url('../img/h-welcome.gif');
}

#h-news {
  background-image:url('../img/h-news.gif');
}

#h-photos {
  background-image:url('../img/h-photos.gif');
}

#h-links {
  background-image:url('../img/h-links.gif');
}

#h-history {
  background-image:url('../img/h-history.gif');
}

#h-guestbook {
  background-image:url('../img/h-guestbook.gif');
}

#h-contact {
  background-image:url('../img/h-contact.gif');
}

#str-prava h3 {
  padding:20px 0px 10px 0px;
  font-size:120%;
  color:#DD0000;
}

#str-prava h4 {
  padding:7px 0px 0px 0px;
  font-size:100%;
}

#str-prava p {
  text-align:justify;
}

.foto-right {
  float:right;
  margin:5px 0px 15px 15px;
  border:1px solid #cccccc;
}

.foto-left {
  float:left;
  margin:5px 15px 15px 0px;
  border:1px solid #cccccc;
}

.foto-normal {
  border:1px solid #cccccc;
}

.link-item, .message-item {
  margin:10px 0px 10px 0px;
  padding:7px;
  background-color:#5f5f5f;
}

.message-item h4 {
  padding:5px !important;
  background-color:#585858;
}

.message-item h4 small {
  font-weight:normal;
}

.motto {
  font-size:200%;
}

/* tabulky */

.news-item, .photos-item {
  margin:7px 0px 7px 0px;
  background-color:#5f5f5f;
}

.news-item td, .photos-item td {
  padding:7px;
}

.news-item h3, .photos-item h3 {
  padding-top:5px !important;
}

.news-item img, .photos-item img {
  border:1px solid #cccccc;
}

.news-item p, .photos-item p {
  text-align:left !important;
}

.photos-item {
  width:100%;
}

.photos-item-photo {
  width:110px;
  text-align:center;
}

.photos {
  margin:20px 0px 0px 0px;
}

.photos td {
  width:130px;
  border-right:15px solid #666666;
}

.photos-photo td {
  height:130px;
  padding:7px;
  text-align:center !important;
  vertical-align:middle;
  background-color:#5f5f5f;
}

.photos-photo img {
  border:1px solid #cccccc;
}

.photos p {
  padding:3px 3px 25px 3px !important;
  text-align:left !important;
}

.normal {
  margin:10px 0px 10px 0px;
}

.normal td {
  padding:7px;
}

/* levy panel */

#str-leva {
  /*float:left;*/
  width:150px;
  /* margin-right:590px; */
  padding:20px 0px 33px 20px;
  text-align:left;
  font-size:80%;
}

#str-leva h3 {
  padding:15px 0px 5px 0px;
  width:100%;
  height:12px;
  background-position:0px 15px;
  background-repeat:no-repeat;
}

#latest-news {
  background-image:url('../img/h-latest-news.gif');
}

#latest-photos {
  background-image:url('../img/h-latest-photos.gif');
}

#latest-messages {
  background-image:url('../img/h-latest-messages.gif');
}

.str-leva-blok {
  _width:130px;
  padding:9px;
  color:#8c8c8c;
  background-color:#3f3f3f;
}

.str-leva-blok img {
  _width:130px;
  margin:2px 0px 2px 0px;
  border:1px solid #000000;
}

#str-leva h4 {
  padding:2px 0px 2px 0px;
  font-size:110%;
}

#str-leva p {
  padding:2px 0px 2px 0px;
}

/* navigacni odkazy */

.vpravo {
  text-align:right !important;
}

.vice-maly a {
  padding-right:12px;
  color:#ff5050;
  font-weight:bold;
  text-decoration:none;
  background-image:url('../img/sipka-vice-mala.gif');
  background-position:right center;
  background-repeat:no-repeat;
}

.vice-maly a:hover {
  color:#ffffff;
  background-image:url('../img/sipka-vice-mala-hover.gif');
}

.vice a, .nahoru a {
  padding-right:17px;
  color:#ff5050;
  font-weight:bold;
  text-decoration:none;
  background-position:right center;
  background-repeat:no-repeat;
}

.vice a:hover, .nahoru a:hover, .zpet a:hover {
  color:#ffffff;
}

.vice a {
  background-image:url('../img/sipka-vice.gif');
}

.vice a:hover {
  background-image:url('../img/sipka-vice-hover.gif');
}

.nahoru a {
  background-image:url('../img/sipka-nahoru.gif');
}

.nahoru a:hover {
  background-image:url('../img/sipka-nahoru-hover.gif');
}

.zpet a {
  padding-left:17px;
  color:#ff5050;
  font-weight:bold;
  text-decoration:none;
  background-position:left center;
  background-repeat:no-repeat;
  background-image:url('../img/sipka-zpet.gif');
}

.zpet a:hover {
  background-image:url('../img/sipka-zpet-hover.gif');
}

.listovani {
  text-align:center !important;
  font-weight:bold;
  color:#4f4f4f;
}

.listovani a {
  margin:0px 1px 0px 1px;
  color:#ff5050;
  text-decoration:none;
}

.listovani a:hover {
  color:#ffffff;
}

.listovani strong {
  color:#ffffff;
}

/* formulare */

.chyba-formulare {
  font-size:100%;
  font-weight:bold;
  color:#ffffff;
  padding:15px 15px 15px 50px !important;
  background-color : #DD0000;
  margin:15px 0px 15px 0px !important;
}

.uspech-formulare {
  font-size:100%;
  font-weight:bold;
  color:#ffffff;
  padding:15px 15px 15px 50px !important;
  background-color : #009900;
  margin:20px 0px 20px 0px !important;
}

.zvyrazneno {
  background-color:#ff6666;
}

/* paticka */

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

#pat p {
  margin:0px 16px 0px 16px;
  padding:16px 150px 12px 0px;
  font-size:8pt;
  text-align:left;
  color:#B2B2B2;
  background-image:url('../img/pat-napis-bg.gif');
  background-position:right center;
  background-repeat:no-repeat;
}

/* 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;
}