/* tagy */
* {margin: 0; padding: 0;}
body {font-family: Tahoma,sans-serif; color: #000000; font-size: 12px; background: #9B3C3A url(../images/body-pozadi.jpg) left top repeat-x;}
a {color: #007E38; text-decoration: underline;}
a:hover {text-decoration: none;}

blockquote, pre, .pre {border: 1px solid #dcdcdc; border-left: 6px solid #178939; padding: 5px; overflow: auto; width: 90%; line-height: 140%;}
p {padding-left: 4px;}
p, pre, blockquote, table {margin: 5px 0 10px 0;}
p, pre, blockquote, table td, ul li, ol li {line-height: 125%;}
ul, ol {margin: 5px 0 15px 25px;}
h2, h3, h4 {margin: 15px 0 5px 0;}
h1 {font-size: 14px; margin: 0 0 10px 0;}
h2 {font-size: 13px;}
h3 {font-size: 12px;}
h4 {font-size: 11px;}

/* layout */
#layout {width: 900px; border-width: 0 1px 1px 1px; border-style: solid; border-color: #B2B2B2; margin: 0 auto; background: #FFFFFF url(../images/prechod_lol.jpg) left top repeat-y;}

/* logo */
#logo-text {color: #996633; font-family: 'Times New Roman', Times; font-size: 30px; padding: 18px 0 10px 55px;}
#logo {width: 787px; height: 195px; margin: 0 auto 20px auto; position: relative; background: transparent url(../images/logo-okraj.png) left top no-repeat;}
#logo a {display: block; width: 787px; height: 195px; background: transparent url(../images/logo.jpg) 3px 2px no-repeat;}
#logo a#kontakt {width: 130px; height: 35px; position: absolute; right: 4px; bottom: 5px; background: none;}
#logo a#kontakt:hover {background: transparent url(../images/logo-kontakt-hover.png) left top no-repeat;}
#logo a#kontakt span {display: none;}

/* stranka */
#stranka {padding: 0 60px 25px 57px;}

  /* sloupec */
  #sloupec {width: 146px; float: left;}

  /* obsah */
  #obsah {width: 599px; float: right;}
  .box {background: #000000 url(../images/box-telo.jpg) left top repeat-y; color: #FFFFFF;}
  .box-obsah {background: transparent url(../images/box-vrsek.jpg) left top no-repeat; padding: 14px 16px 8px 16px;}
  .box-spodek {background: #000000 url(../images/box-spodek.jpg) left top no-repeat; height: 10px;}
  .panelbox {background: #000000 url(../images/panelbox-telo.jpg) left top repeat-y; width: 145px; color: #FFFFFF;}
  .panelbox-obsah {background: transparent url(../images/panelbox-vrsek.jpg) left top no-repeat; line-height: 140%; padding: 12px 12px 4px 12px;}
  .panelbox-spodek {background: #000000 url(../images/panelbox-spodek.jpg) left top no-repeat;  width: 145px; height: 15px;}
  .box a, .panelbox a {color: #FFFFFF;}
  .fotoboxy a {position: relative; display: block; width: 239px; height: 134px; float: left; color: #FFFFFF;}
  .fotoboxy a.druhej {float: right;}
  .fotoboxy a img {position: absolute; left: 0px; top: 0px;}
  .fotoboxy a span {display: none;}
  .fotoboxy a:hover span {display: block; width: 163px; position: absolute; left: 30px; top: 55px; padding: 5px 8px; background: transparent url(../images/25pruhlednost.png) left top repeat; text-align: center;}
  .fotobox-vrsek {height: 155px; margin: 22px 0 12px 0; padding: 13px 23px 0 23px; background: transparent url(../images/fotobox-vrsek.png) center top no-repeat; overflow: hidden;}
  .fotobox-vnitrek {height: 148px; margin: 12px 0; padding: 7px 23px 0 23px; background: transparent url(../images/fotobox-vnitrek.png) center top no-repeat; overflow: hidden;}
  .fotobox-spodek {height: 155px; margin: 12px 0 22px 0; padding: 7px 23px 0 23px; background: transparent url(../images/fotobox-spodek.png) center top no-repeat; overflow: hidden;}
  #mailform table {border-collapse: collapse;}
  #mailform table td {padding: 0 0 8px 0; vertical-align: top;}
  #mailform table td.rpad {background: #080808 url(../images/input-prechod.jpg) left top repeat-x; padding: 0 15px 8px 5px;}
  #mailform table td.rpad strong {display: block; width: 80px; height: 27px; padding-top: 4px; background: transparent url(../images/mailform-cosi.jpg) right 1px no-repeat;}
  #mailform table input[type=submit] {float: right; position: relative; top: -38px;}

/* copyright */
#copyright {width: 900px; margin: 8px auto 16px auto; text-align: center; color: #4D1D1D; font-size: 10px;}
#copyright a {color: #4D1D1D; font-size: 10px;}

/* vlastni */
.mapa {width: 500px; height: 422px; background-position: left top; background-repeat: no-repeat; margin: 0 auto;}
.mapa div {background: transparent url(../../../upload/mapy/mapaokraj.png) left top no-repeat; height: 422px;}