body, div, table, span, a, input, textarea, button, select { font-family: Verdana, 'Geneva CE', lucida, sans-serif; font-weight: normal; text-decoration: none; color:#AB0415; font-size: 8pt; }

body {
  margin: 0;
  padding: 0;
  background: url("img/bg_body.gif") 0 0 repeat-x #90886F;
  text-align: center;
}

input.button { font-weight: bold; width: 120px; color: #000000; cursor: pointer; }
input, textarea { color: #000000; }
form { margin: 0; }
hr { height: 1px; color: #0099E0; }
img { border-color: #80795F; }

A:link { 
  text-decoration: none;
  font-weight: bold; 
  color: #AB0415;
}

A:visited {
  text-decoration: none;
  font-weight: bold; 
  color: #AB0415;
}

A:active {
  text-decoration: none;
  font-weight: bold; 
  color: #AB0415;
}

A:hover {
  color: #FFB11B;
}

div#page {
  position: relative; 
  margin: 0 auto;
  width: 976px; 
  _height: 500px;
  min-height: 500px;
  text-align: left;
}

div#page_in {
  margin: 0;
  padding: 0;
  width: 976px; 
  _height: 500px;
  min-height: 500px;
  text-align: left;
  background: url("img/bg_page_in.gif") 0 0 repeat-x;
}

a#logo {
  position: absolute;
  display: block;
  left: 670px;
  top: 20px;
  width: 205px;
  height: 32px;
  margin: 0;
  padding: 0;
  z-index: 10000;
}

div#header {
  margin: 0;
  display: block;
  clear: both;
  height: 140px;
  padding: 0 0 0 50px;
  text-align: center;
  background: url("img/bg_header.gif") 0 bottom no-repeat;
}

div#header span {
  display: block;
  float: left;
  height: 125px;
  _width: 110px;
  min-width: 110px;
  text-align: center;
}

div#header a {
  display: block;
  height: 110px;
  text-align: center;
}
div#header span a:hover {
  background-position: center -110px !important;
}
div#header a#polog {
  width: 135px;
  background: url("img/l_polog.gif") center 0 no-repeat;
}
div#header a#maryhorse {
  width: 135px;
  background: url("img/l_maryhorse.gif") center 0 no-repeat;
}
div#header a#roma {
  width: 100px;
  background: url("img/l_roma.gif") center 0 no-repeat;
}
div#header a#sparta {
  width: 145px;
  background: url("img/l_sparta.gif") center 0 no-repeat;
}
div#header a#sokolovna {
  width: 110px;
  background: url("img/l_sokolovna.gif") center 0 no-repeat;
}
div#header a#snack {
  width: 135px;
  background: url("img/l_snack.gif") center 0 no-repeat;
}
div#header a#roma_n {
  width: 100px;
  background: url("img/l_roma_n.gif") center 0 no-repeat;
}
div#header a#aps {
  width: 100px;
  background: url("img/l_aps.gif") center 0 no-repeat;
}

div#header span.sel {
  background: url("img/bg_header_a.gif") center top no-repeat;
}
div#header span.sel a {
  background-position: center -110px !important;
}

div#menu {
  display: block;
  padding: 3px 0 5px 0;
  text-align: center;
  font-size: 7pt;
  color: #ffffff;
  background: url("img/bg_menu.gif") 0 0 no-repeat;
}

div#menu a {
  margin: 0;
  padding: 0;
  font-size: 9pt;
  font-weight: normal;
  text-align: center;
  color: #ffffff;
}

div#menu a:hover {
  color: #ff9900;
}

div#menu a.sel {
  color: #E64D9D;
  background: #ffffff;
}

div#main {
  position: relative;
  display: block;
  clear: both;
  padding: 10px 0 10px 0;
  text-align: left;
  background: url("img/bg_main.gif") 0 0 repeat-y; 
}

div#main_in {
  _height: 400px;
  min-height: 400px;
  margin: 0px 0 0px 50px;
  text-align: left;
  background: url("img/bg_grey.gif") 530px 0 repeat-y; 
}

div#main_left {
  float: left;
  width: 531px;
  margin: 0px;
  text-align: left;
  overflow: hidden;
}

div#main_right {
  float: left;
  width: 389px;
  padding: 0;
  margin: 0px;
  text-align: left;
}

div#main_right h1 { 
  padding: 0;
  margin: 0 0 0 0;
  font-size: 11pt;
  font-weight: bold;
}

div#main_right h2 {
  padding: 0;
  margin: 0 0 0 0;
  font-size: 10pt;
}

div#main_right h3 {
  padding: 0;
  margin: 0 0 0 0;
  font-size: 9pt;
}

div#main_right h4 {
  padding: 0;
  margin: 0 0 0 0;
  font-size: 8pt;
}

div#main_right h5 {
  padding: 0;
  margin: 0 0 0 0;
  font-size: 8pt;
}

div#main_right p {
  padding: 0;
  margin: 10px 0 0 0;
}

div#main_right div.mrin {
  width: 290px;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

div#main_right div.sep {
  margin: 5px 0 5px 0;
  text-align: right;
  background: url("img/bg_grey.gif") 0 0 repeat-x; 
}

div#main_right div.sep b {
  padding: 5px 45px 5px 60px;
  margin: 0 0px 0 0;
  font-weight: normal;
  font-size: 7pt;
  color: #ffffff;
  text-align: right;
  background: url("img/bg_dsep.gif") right 0 no-repeat; 
}

div#text {
  display: block;
  padding: 0;
  margin: 0px 20px 0 0;
  text-align: left;
}

div#text h1 { 
  padding: 0;
  font-size: 11pt;
  font-weight: bold;
  color: #AB0415;
}

div#text h2 {
  margin: 0;
  padding: 0;
  font-size: 9pt;
  color: #AB0415;
}

div#text ul {
  list-style-image: url("img/li.gif");
}

a.galerie {
  display: block;
  float: left;
  margin: 0 6px 6px 0;
}

a.galerie img {
  border: 2px solid #80795F;
}

div.news {
  display: block;
  padding: 0px 0 20px 0;
  margin: 0;
  text-align: left;
  color: #787878;
}

.small {
  font-size: 7pt;
}

div#foot {
  position: relative;
  display: block;
  clear: both;
  margin:  0;
  padding: 5px 0 5px 0;
  text-align: center;
  font-size: 7pt;
  color: #ffffff;
  background: url("img/bg_foot.gif") 0 0 no-repeat;
}

div#foot a {
  color: #ffffff;
  font-size: 7pt;
  font-weight: bold;
}

.clb { 
  clear: both;
  font-size: 1px;
  height: 1px;
  line-height: 1px;
  margin: 0;
  padding: 0;    
}

div.r_tel {
  padding: 8px 0 10px 58px;
  background: url("img/ico_tel.gif") 3px 0 no-repeat;
}

div.r_zamek {
  padding: 8px 0 10px 58px;
  background: url("img/ico_zamek.gif") 3px -2px no-repeat;
}

div.r_kosik {
  padding: 8px 0 10px 58px;
  background: url("img/ico_kosik.gif") 3px -2px no-repeat;
}

div.r_kuzel {
  padding: 8px 0 10px 58px;
  background: url("img/ico_kuzel.gif") 3px -2px no-repeat;
}

div.r_krabice {
  padding: 8px 0 10px 58px;
  background: url("img/ico_krabice.gif") 3px -2px no-repeat;
}

div.r_hvezda {
  padding: 8px 0 10px 58px;
  background: url("img/ico_hvezda.gif") 3px -2px no-repeat;
}

div.r_koule {
  padding: 8px 0 10px 58px;
  background: url("img/ico_koule.gif") 3px -2px no-repeat;
}

