/* =============================================================================
*    title: Lukov v1                                                           *
*     site: www.lukov.cz                                                       *
*    media: all                                                                *
*  project: Petr Milosh, [petrmilosh@seznam.cz]                                *
*   design: Petr Milosh, [petrmilosh@seznam.cz]                                *
*     code: Miroslav Jahoda, Polygrafix [mirek@polygrafix.cz]                  *
*     date: 05/2010                                                            *
============================================================================= */

/* Reset and basics
----------------------------------------------------------------------------- */
html, body, div, p, address, hr, h1, h2, h3, h4, h5, h6, 
img, a, span, em, strong, abbr, ol, ul, li, dl, dt, dd, 
form, fieldset, legend, label, 
blockquote {margin: 0; padding: 0; border: 0; font-weight: normal;
  font-style: normal; font-size: 100%; vertical-align: baseline;}
html, body {width: 100%; height: 100%;}

body, input, textarea {font-family: arial, sans-serif;}
body {min-width: 940px; width: auto !important; width: 100%; 
  min-height: 624px; height: auto !important; height: 100%; font-size: 62.5%; 
  line-height: 1.3em; color: rgb(255,255,255);
  background: url('../images/bg_page2.jpg') top center no-repeat rgb(162,189,48);}
#wrapper {position: relative; width: 940px; min-height: 100%; 
  height: auto !important; height: 100%; margin: 0 auto -73px; font-size: 110%; 
  line-height: 1.545em; color: rgb(76,76,76);}
#push {height: 73px;}
#footer {position: relative; width: 830px; height: 43px; margin: 0 auto; 
  padding: 25px 55px 0; font-size: 120%; line-height: 1.583em; 
  color: rgb(100,100,100); background: rgb(255,255,255);
  border-top: 5px solid rgb(162,189,48);}

input, textarea {font-size: 100%; line-height: 1.545em; color: rgb(76,76,76);}
strong {font-weight: bold;}
em {font-style: italic;}
ul, ol {list-style: none;}

/* Swatches
----------------------------------------------------------------------------- */
.turqoise {color: rgb(15,117,56);}
.cyan {color: rgb(0,127,182);}
.grass {color: rgb(162,189,48);}
.grey85 {color: rgb(37,37,37);}
.grey70 {color: rgb(76,76,76);}
.grey10 {color: rgb(230,230,230);}
.darkgreen {color: rgb(98,113,30);}
.lightgreen {color: rgb(150,188,85);}

/* Links
----------------------------------------------------------------------------- */
a:link {text-decoration: underline; color: rgb(76,76,76);}
a:visited {text-decoration: underline; color: rgb(76,76,76);}
a:hover,
a:focus {text-decoration: none; color: rgb(76,76,76);}

a.town:link {color: rgb(15,117,56);}
a.town:visited {color: rgb(15,117,56);}
a.town:hover,
a.town:focus {color: rgb(15,117,56);}

a.bureau:link {color: rgb(0,127,182);}
a.bureau:visited {color: rgb(0,127,182);}
a.bureau:hover,
a.bureau:focus {color: rgb(0,127,182);}

/* Layout 
----------------------------------------------------------------------------- */
#header {height: 192px; padding: 33px 0 55px;}
#content {min-height: 344px; padding-bottom: 20px; color: rgb(76,76,76);
  background: url('../images/bg_content.gif') top left repeat-y rgb(255,255,255);}
  #image {height: 219px; padding: 13px 0 13px 12px; background: rgb(37,37,37);}
  #text {float: left; width: 533px; padding: 55px 53px 67px 55px;
    font-size: 109.1%; line-height: 1.583em;}
  #nav {position: absolute; top: 225px; left: 0; width: 940px; height: 55px;
    overflow: hidden; line-height: 58px; 
    background: url('../images/podklad.jpg') top right no-repeat;}
  #sidebar {float: right; width: 220px; padding: 30px 39px 30px 40px;
    color: rgb(37,37,37);}
    #menu {margin: -30px -39px 30px -40px; padding: 30px 0; 
      background: rgb(255,255,255);}
    #news {}

/* Header and titles
----------------------------------------------------------------------------- */
#header h2 {font-size: 163.6%;}
  #header h2 a {display: block; width: 337px; height: 45px; overflow: hidden; 
    line-height: 45px; text-indent: -9999px; 
    background: url('../images/lukov_logo.png') top left no-repeat;}
    #header h2 a:link,
    #header h2 a:visited {text-decoration: none; color: rgb(255,255,255);}
    #header h2 a:hover,
    #header h2 a:focus {text-decoration: underline; color: rgb(255,255,255);
      outline: none;}

h5.top {position: relative; top: -67px; height: 58px; margin: 0 352px 0 55px; 
  padding-top: 12px; border-top: 1px solid rgb(230,230,230);}

#logotypes {position: absolute; top: 0px; right: 55px; width: 200px; 
  height: 68px; line-height: 68px;}
  #logotypes img {display: block; float: left;}
#copyright {position: absolute; top: 25px; left: 55px;}

/* Navigation
----------------------------------------------------------------------------- */
#meta {float: left; height: 49px; padding: 0 165px 6px 65px; font-size: 109.1%;}
  #meta li {float: left; height: 49px;}
    #meta li a {display: block; height: 49px; padding: 0 16px;
      background: url('../images/black-30.png') -999px -999px repeat-x;}
      #meta li a:link,
      #meta li a:visited {text-decoration: none; color: rgb(236,241,198);}
      #meta li a:hover,
      #meta li a:focus {text-decoration: none; color: rgb(236,241,198);
        background-position: top left;}

#sections {float: left; width: 405px; height: 55px;}
  #sections li {float: left; height: 55px;}
    #sections li a {display: block; width: 203px; height: 55px; 
      font-weight: bold; font-size: 145.5%; text-indent: -9999px; 
      background-repeat: no-repeat;}
      #sections li a:link,
      #sections li a:visited {text-decoration: none; color: rgb(255,255,255);
        background-color: rgba(0,0,0,0.3); background-position: 0 -114px;}
      #sections li a:hover,
      #sections li a:focus {text-decoration: none; color: rgb(76,76,76);
        background-color: rgb(255,255,255); background-position: 0 -57px;}
    #sections li.active a:link,
    #sections li.active a:visited,
    #sections li.active a:hover,
    #sections li.active a:focus {background-position: 0 0;}
    #sections li a.town {width: 202px; 
      background-image: url('../images/menu-obec.gif');}
    #sections li a.bureau {background-image: url('../images/menu-urad.gif');}

#menu ul {}
  #menu li {}
    #menu a {display: block; width: 220px; padding: 6px 39px 6px 40px; 
      font-weight: bold; font-size: 118.2%; line-height: 1.462em;
      background: url('../images/bg_li.png') 13px 2px no-repeat rgb(255,255,255);}
    #menu a:link,
    #menu a:visited {text-decoration: none; color: rgb(76,76,76);}
    #menu a:hover,
    #menu a:focus {text-decoration: none; outline: none;}
    .s-town #menu li.active a:link,
    .s-town #menu li.active a:visited {color: rgb(15,117,56);
      background-position: 13px -244px; background-color: rgb(255,255,255);} 
    .s-town #menu a:hover,
    .s-town #menu a:focus,
    .s-town #menu li.active a:hover,
    .s-town #menu li.active a:focus {color: rgb(76,76,76);
      background-position: 13px -59px; background-color: rgb(230,230,230);} 
    .s-town #menu li.active a:link,
    .s-bureau #menu li.active a:visited {color: rgb(0,127,182);
      background-position: 13px -305px; background-color: rgb(255,255,255);} 
    .s-bureau #menu a:hover,
    .s-bureau #menu a:focus,
    .s-bureau #menu li.active a:hover,
    .s-bureau #menu li.active a:focus {color: rgb(76,76,76);
      background-position: 13px -122px; background-color: rgb(230,230,230);} 
#menu a span {font-weight: bold;}
#menu a[rel=external] span {padding-right: 1.5em; font-weight: bold;
  background: url('../images/bg_external.gif') 100% 3px no-repeat;}
#menu a[rel=external]:hover span,
#menu a[rel=external]:focus span {background-position: 100% -12px;}
  #menu a[rel=external] span span {padding: 0; background: none;}
.s-index #menu a[rel=external]:link,
.s-index #menu a[rel=external]:visited,
.s-index #menu a[rel=external]:hover,
.s-index #menu a[rel=external]:focus {text-decoration: none;}
  .s-index #menu a span {font-weight: normal;}
  .s-index #menu a[rel=external] span {background-position: 100% -12px;}
  .s-index #menu a[rel=external] span span {background: none;}
  .s-index #menu a[rel=external]:link span span,
  .s-index #menu a[rel=external]:visited span span {text-decoration: underline;}
  .s-index #menu a[rel=external]:hover span span,
  .s-index #menu a[rel=external]:focus span span {text-decoration: none;}

#footer ul {margin-left: 230px;}
  #footer li {display: inline;}
    #footer li+li:before {content: '|'; color: rgb(193,193,193);}
    #footer a {padding: 0 0.25em 0 0.5em;}
    #footer a:link,
    #footer a:visited {text-decoration: none; color: rgb(100,100,100);}
    #footer a:hover,
    #footer a:focus {text-decoration: underline; color: rgb(100,100,100);}
    #footer a.town:link,
    #footer a.town:visited,
    #footer a.town:hover,
    #footer a.town:focus {color: rgb(15,117,56);}
    #footer a.bureau:link,
    #footer a.bureau:visited,
    #footer a.bureau:hover,
    #footer a.bureau:focus {color: rgb(0,127,182);}

.pagination {margin: 1.5em 0;}
  .pagination li {display: inline;}
  .pagination li+li:before {content: ' | '; color: rgb(230,230,230);}
    .pagination li a,
    .pagination li span {display: inline-block; padding: 4px;}
    .pagination li span {}
    .pagination li a:hover,
    .pagination li a:focus {text-decoration: none;}
    .s-town .pagination li.active a:link,
    .s-town .pagination li.active a:visited,
    .s-town .pagination li.active a:hover,
    .s-town .pagination li.active a:focus {text-decoration: none; 
      color: rgb(15,117,56);}
    .s-bureau .pagination li.active a:link,
    .s-bureau .pagination li.active a:visited,
    .s-bureau .pagination li.active a:hover,
    .s-bureau .pagination li.active a:focus {text-decoration: none; 
      color: rgb(0,127,182);}

/* Content
----------------------------------------------------------------------------- */
.error, .ok, .notice {margin: 1em 0 2em; padding: 10px 0; text-align: left; 
  font-weight: bold; border: 1px solid; border-width: 0 0 1px;}
.error {color: rgb(255,0,0) !important; border-color: rgb(255,0,0);}
.ok {color: rgb(15,117,56) !important; border-color: rgb(15,117,56);}
.notice {color: rgb(0,127,182) !important; border-color: rgb(0,127,182);}

.response {width: 533px; padding: 55px 53px 55px 55px; font-size: 109.1%; 
  line-height: 1.583em; background: rgb(255,255,255);}
#text .response {padding: 0;}
  .response h4 {font-weight: normal; color: black;}
    .response h4 strong {color: rgb(242,34,18);}
    .response h4 em {font-style: normal; font-weight: bold;}
  .response p {padding-bottom: 1em; border-bottom: 1px solid rgb(230,230,230);}

#image li {display: block; float: left; padding-right: 13px;}
  #image img {display: block; width: 219px; height: 219px; line-height: 219px;
    text-align: center; color: rgb(36,36,36); background: rgb(255,255,255);}

img.left,
img.right {border: 1px solid rgb(235,235,235); margin: 0.333em 0 0.666em;}
img.left {float: left; margin-right: 1.333em;}
img.right {float: right; margin-left: 1.333em;}
img.top {float: right; margin: 1.25em 0 0 1.333em;}

h1 {font-weight: bold; font-size: 200%; line-height: 1.292em;}
#content h2 {font-weight: bold; font-size: 116.7%;}
#content h3 {margin-bottom: 1em; font-weight: bold; font-size: 127.3%;}
#content p.perex {margin-bottom: 3em; font-weight: bold; font-size: 116.7%;}
#content p {margin: 1em 0;}

.news {margin-bottom: 1.5em; border-bottom: 1px solid rgb(230,230,230);}
  .news h4 {margin-bottom: 0.25em; font-weight: bold; font-size: 109.1%;}
  #content .news h2 {margin-bottom: 0.25em;}
  #content .news p {margin: 0 0 0.15em;}
  .news p img {display: block; float: left; margin: 0.4em 1em 0 0;}

#sidebar .news {padding-bottom: 1.5em; 
  border-bottom: 1px solid rgb(204,204,204);}
#sidebar .news h4 {font-size: 116.7%;}

.folder {margin-bottom: 2.5em; padding-bottom: 2.5em; 
  border-bottom: 1px solid rgb(230,230,230);}
.folder:last-child {border: none;}
  #content .folder h2 {margin-bottom: 0.75em; padding-right: 200px; 
    font-size: 200%; line-height: 1.292em;}
  .folder p {}
  .folder img {float: right; width: 180px; height: 180px; overflow: hidden; 
    margin: 0 0 1.75em 1.75em; line-height: 180px; text-align: center; 
    border: 1px solid rgb(230,230,230);}
  .folder a.more {text-transform: none;}

.commission {margin-bottom: 2.5em; padding-bottom: 1.5em; 
  border-bottom: 1px solid rgb(230,230,230);}
.commission:last-child {border: none;}

.magazine {margin-bottom: 2.5em; padding-bottom: 2.25em; 
  border-bottom: 1px solid rgb(230,230,230);}
.magazine:last-child {border: none;}
  .magazine .meta {float: left; width: 72px; margin-right: 12px;}
    .magazine .meta a.file {padding-left: 1em; background-position: 0 -11px;}
  .magazine img {float: left; margin-right: 33px; 
    -moz-box-shadow: rgba(76,76,76,0.5) 1px 1px 2px;
    -webkit-box-shadow: rgba(76,76,76,0.5) 1px 1px 2px;
    box-shadow: rgba(76,76,76,0.5) 1px 1px 2px;}
  .magazine ul {float: left; line-height: 2em;}
  .magazine li:before {content: '- ';}

.contact {margin-right: -10px; margin-bottom: 2.5em; padding-bottom: 1.5em; 
  border-bottom: 1px solid rgb(230,230,230);}
.contact:last-child {border: none;}
  .contact .column {float: left; width: 250px; margin: -1em 12px 0 0;}
  .contact a:link,
  .contact a:visited {color: rgb(0,127,182);}
  .contact a:hover,
  .contact a:focus {color: rgb(0,127,182);}

.board,
.council {margin-bottom: 2em; padding-bottom: 1em; 
  border-bottom: 1px solid rgb(230,230,230);}
.board:last-child,
.council:last-child {border: none;}

#books {}
  #books h2 {margin-bottom: 1em;}
  #books .date {font-size: 91.6%;}

#map {width: 530px; height: 530px; margin-top: 2em; color: rgb(255,255,255); 
  background: rgb(147,149,154); border: 1px solid rgb(187,187,187);}
div#map {width: 420px; height: 420px; padding: 55px;}

.p-map #text a.map {display: inline-block; padding: 4px 12px 4px 29px;}
.p-map #text a.map:link,
.p-map #text a.map:visited {text-decoration: none; color: rgb(255,255,255); 
  background-color: rgb(101,101,101); background-position: 10px -27px;}
.p-map #text a.map:hover,
.p-map #text a.map:focus {text-decoration: none; color: rgb(255,255,255); 
  background-color: rgb(15,117,56); background-position: 10px -27px;}

#description {margin-left: -17px;}
  #sidebar #description h2 {padding-top: 8px; font-size: 127.3%; 
    color: rgb(76,76,76);}
    #description img {float: left; width: 34px; height: 34px; 
      margin: -8px 11px 0 0;}
  #description p {clear: left; margin-left: 45px;}

#results {font-size: 109.1%;}
  #results ul {padding-top: 0.333em;}
    #results li {clear: both; height: 5em;}
      #results .date {display: block; height: 0.6em; margin-bottom: 0.6em;
        font-size: 83.3%; line-height: 1.2em; color: rgb(100,100,100); 
        border-bottom: 1px dotted rgb(194,194,194);}
        #results .date span {position: relative; padding-right: 0.2em;
          background: rgb(230,230,230);}
      #results .teams {float: left;}
      #results .result {float: right; padding-top: 1.417em;}

#photogallery {margin: 0 -10px 0 0;}
  #photogallery li {float: left; width: 260px; height: 230px;}
  #photogallery li.left {clear: left; margin-right: 12px;}
    #photogallery img {display: block; width: 260px; height: 175px; 
      margin-bottom: 7px;}
    #photogallery span {}

a.more,
a.file,
a.external,
h5.top a {padding-left: 1.25em; font-size: 109.1%; line-height: 1.583em;
  text-transform: lowercase; background-image: url('../images/bg_more.gif');
  background-repeat: no-repeat;}
a.file {background-image: url('../images/bg_file.gif');}
a.external {padding-left: 1.333em; 
  background-image: url('../images/bg_external.gif');}
h5.top a {background-image: url('../images/bg_top.gif');}
a.more:link,
a.more:visited,
a.file:link,
a.file:visited,
a.external:link,
a.external:visited,
h5.top a:link,
h5.top a:visited {text-decoration: underline;}
a.more:hover,
a.more:focus,
a.file:hover,
a.file:focus,
a.external:hover,
a.external:focus,
h5.top a:hover,
h5.top a:focus {text-decoration: none;}

.s-town h1,
.s-town #text h2,
#content .s-town h2,
.s-town #content h3,
#text .s-town h4,
.s-town a.more,
.s-town a.file,
.s-town h5.top a,
.s-town a.external,
#results a.external {color: rgb(15,117,56);}
.s-town a.more,
.s-town a.file,
.s-town h5.top a {background-position: 0 4px;}
.s-town a.external,
#results a.external {background-position: 0 -26px;}

.s-bureau h1,
.s-bureau #text h2,
#content .s-bureau h2,
.s-bureau #content h3,
#text .s-bureau h4,
.s-bureau a.more,
.s-bureau a.file,
.s-bureau h5.top a,
.s-bureau a.external {color: rgb(0,127,182);}
.s-bureau a.more,
.s-bureau a.file,
.s-bureau h5.top a {background-position: 0 -11px;}
.s-bureau a.external {background-position: 0 -11px;}

/* Forms
----------------------------------------------------------------------------- */
label.overlay {position: relative; cursor: text;}
  label.overlay span {position: absolute; top: 0; left: 0; padding-left: 6px;}

#search {position: absolute; top: 10px; left: 777px; width: 150px; height: 45px; 
  font-size: 109.1%;}
  #search label {display: block;}
    #search-field {display: block; width: 140px; height: 15px; 
      padding: 9px 4px 4px; line-height: 15px; color: rgb(236,241,198); 
      background: url('../images/black-30.png') -999px -999px repeat-x;
      border: 1px solid rgb(108,118,25);}
    #search-field:focus {color: rgb(236,241,198); 
      background-position: top left;}
    #search label span {top: 9px; line-height: 1.583em; 
      color: rgb(236,241,198);}

/* Tables
----------------------------------------------------------------------------- */
#books table,
#church table,
#church-events table {width: 100%; margin-top: 0.3em; 
  border-collapse: collapse;}  
  #books th,
  #books td,
  #church th,
  #church td,
  #church-events th,
  #church-events td {padding: 8px; font-size: 91.6%; line-height: 1.273em;}
  #books thead th,
  #church thead th,
  #church-events thead th {padding: 4px 8px; font-weight: bold; 
    text-align: left; background: rgb(230,230,230); 
    border-right: 1px solid rgb(204,204,204);}
    #books thead th span,
    #church thead th span,
    #church-events thead th span {display: block; margin: -4px -8px; 
      padding: 4px 8px; font-weight: bold;
      background: url('../images/bg_down.gif') 100% 7px no-repeat;
      border-left: 1px solid rgb(242,242,242);}
    #church thead th span,
    #church-events thead th span {font-weight: normal; background: none;}
  #books thead th.hover,
  #books thead th.headerSortDown,
  #books thead th.headerSortUp {color: rgb(0,127,182); 
    background: rgb(238,238,238); cursor: pointer;}
    #books thead th.hover span,
    #books thead th.headerSortDown span,
    #books thead th.headerSortUp span {background-position: 100% -18px;}
  #books tbody th,
  #books tbody td,
  #church tbody th,
  #church tbody td,
  #church-events tbody th,
  #church-events tbody td {vertical-align: top;
    border-bottom: 1px dotted rgb(230,230,230);}
  #church tbody th,
  #church-events tbody th,
  #books tbody th {font-weight: bold; text-align: left;}
#books .title {width: 169px;}
#books .author {width: 162px;}
#books .audition {width: 124px; border-right: none;}
#church .date {width: 32px; text-align: center;}
#church .day {width: 20px; text-align: center;}
#church .time {width: 34px; text-align: center;}
#church .title {width: 223px;}
#church .location {width: 140px; border-right: none;}
#church-events .date {width: 62px; text-align: center;}
#church-events .time {width: 34px; text-align: center;}
#church-events .title {width: 172px;}
#church-events .note {width: 197px; border-right: none;}
  #books .title span,
  #church .date,
  #church-events .date {border-left: none;}

#notices {border-collapse: collapse;}
  #notices td,
  #notices th {padding: 9px 0 8px; vertical-align: top; 
    border-top: 1px solid rgb(230,230,230);}
  #notices th {width: 305px; text-align: left;}
  #notices .date {width: 70px; font-size: 83.3%;}
  #notices .filesize {width: 50px; padding-left: 13px; font-size: 91.7%;
    background: url('../images/ico_file.gif') 0 14px no-repeat;}
  #notices .download {width: 95px; text-align: right;}
    #notices a:link {color: rgb(0,127,182);}
    #notices a:visited {color: rgb(76,76,76);}
    #notices a:hover,
    #notices a:focus {color: rgb(0,127,182);}

/* ColorBox
----------------------------------------------------------------------------- */
#colorbox, 
#cboxOverlay, 
#cboxWrapper {position: absolute; top: 0; left: 0; z-index: 9999; 
  overflow: hidden;}
#cboxOverlay {position: fixed; width: 100%; height: 100%;}
#cboxMiddleLeft,
#cboxBottomLeft {clear: left;}
#cboxContent {position: relative; overflow: visible;}
#cboxLoadedContent {overflow: auto;}
#cboxLoadedContent iframe {display: block; width: 100%; height: 100%; 
  border: 0;}
#cboxTitle {margin: 0;}
#cboxLoadingOverlay, 
#cboxLoadingGraphic {position: absolute; top: 0; left: 0; width: 100%;}
#cboxPrevious, 
#cboxNext, 
#cboxClose, 
#cboxSlideshow {cursor: pointer;}

#cboxOverlay {background: black;}
#colorbox {}
	#cboxContent {background: black; margin-top: 20px; font-size: 120%;}
		#cboxLoadedContent {background: black; padding: 5px;}
    #cboxTitle {position: absolute; top: -20px; left: 0; 
      color: rgb(226,233,231);}
    #cboxCurrent {position: absolute; top: -20px; right: 0px; 
      color: rgb(226,233,231);}
    #cboxSlideshow {position: absolute; top: -20px; right: 90px; 
      color: rgb(226,233,231);}
    #cboxPrevious {position: absolute; top: 50%; left: 5px; width: 28px; 
      height: 65px; margin-top: -32px; text-indent:-9999px;
      background: url('../images/../images/controls.png') top left no-repeat;}
    #cboxPrevious.hover {background-position: bottom left;}
    #cboxNext {position: absolute; top: 50%; right: 5px; width: 28px; 
      height: 65px; margin-top: -32px; text-indent:-9999px;
      background: url('../images/../images/controls.png') top right no-repeat;}
    #cboxNext.hover {background-position: bottom right;}
    #cboxLoadingOverlay {background: black}
		#cboxLoadingGraphic {
      background: url('../images/../images/loading.gif') center center no-repeat;}
		#cboxClose {display: block; position: absolute; top: 5px; right: 5px; 
		  width: 38px; height: 19px; text-indent: -9999px;
      background: url('../images/../images/controls.png') top center no-repeat;}
		#cboxClose.hover {background-position: bottom center;}
    
/* IE6
----------------------------------------------------------------------------- */
* html #meta li a {display: inline-block;}
* html #menu li {zoom: 1;}
* html #content {height: 344px;}
* html #map,
* html .p-church #text {margin-right: -10px;}

/* IE7+
----------------------------------------------------------------------------- */
*:first-child+html {}

/* Clearfix
----------------------------------------------------------------------------- */
.clearfix:after {display: block; clear: both; height: 0; line-height: 0;
  content: '.'; visibility: hidden;}

.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;} 
* html .clearfix {height: 1%;}

/* Page specific
============================================================================= */
.s-index #content {
  background: /*url('../images/bg_content-index.gif') top left repeat-y*/ rgb(230,230,230);}
.s-index #menu {background: rgb(230,230,230);}
  .s-index #menu a {display: inline; padding: 0 0 0 60px; font-weight: normal; 
    font-size: 109.1%; line-height: 2em;
    background: url('../images/bg_more.gif') 41px 3px no-repeat rgb(230,230,230);}
  .s-index #menu a:link,
  .s-index #menu a:visited {text-decoration: underline; color: rgb(76,76,76);}
  .s-index #menu a:hover,
  .s-index #menu a:focus {text-decoration: none;}
  .s-index #menu a.town {color: rgb(15,117,56); 
    background-position: 43px 3px;}
    .s-index #menu a.town:link,
    .s-index #menu a.town:visited,
    .s-index #menu a.town:hover,
    .s-index #menu a.town:focus {color: rgb(15,117,56);}
  .s-index #menu a.bureau {color: rgb(0,127,182); 
    background-position: 43px -12px;}
    .s-index #menu a.bureau:link,
    .s-index #menu a.bureau:visited,
    .s-index #menu a.bureau:hover,
    .s-index #menu a.bureau:focus {color: rgb(0,127,182);}
.s-index #text {width: 628px; overflow: hidden; padding: 12px 0 0 13px; 
  font-size: 100%;}
  .s-index div.s-town,
  .s-index div.s-bureau {float: left; width: 213px; margin-bottom: -9959px; 
    padding: 40px 55px 9999px 40px; background: rgb(255,255,255);}
  .s-index div.s-town {margin-right: 12px;}
    .s-index #text h3 {font-size: 163.6%; color: rgb(76,76,76);}
    .s-index #text .news {padding-bottom: 1.5em;}
    .s-index #text .date {font-size: 90.9%;}

.p-spolky #content .folder h2 {padding-right: 128px;}
.p-spolky .folder img {width: 108px; height: 108px; margin-left: 2.5em;
  line-height: 108px;}

.p-photogallery h1,
.p-commissions h1,
.p-contacts h1,
.p-board h1,
.p-council h1,
.p-notices h1,
.p-magazine h1,
.p-library h1,
.p-church h1,
.p-news h1 {margin-bottom: 1.75em;}
  .p-news #content .news {margin-bottom: 2.5em; padding-bottom: 2.5em;}
  .p-news #content .news:last-child {border: none;}
  .p-news #content .news p {margin: 1em 0;}
  .p-news .date {font-size: 83.3%;}

.p-contacts #content .contact h2 {margin-bottom: 1em;}
.p-contacts #content .contact h3 {margin-bottom: 0; font-size: 100%; 
  color: rgb(76,76,76);}

.p-board #content .board h2,
.p-council #content .council h2 {margin-bottom: 1em;}
.p-board #content .board h3,
.p-council #content .council h3 {margin-bottom: 0; font-size: 100%; 
    color: rgb(76,76,76);}
.p-board #content .board p,
.p-council #content .council p {margin-top: 0;}

.p-library #text {margin-right: -10px;}
.p-library .meta {margin-bottom: 2.5em; padding-bottom: 2em; 
  border-bottom: 1px solid rgb(230,230,230);}
.p-library .column {float: left; width: 250px; margin: 0 12px 0 0;}
.p-library #content p {margin-top: 0;}
.p-library #content h2 {margin-bottom: 0.857em;}
.p-library p + h2 {margin-top: -0.857em;}
.p-library .info {margin-bottom: 2.5em; padding-bottom: 1.5em; 
  border-bottom: 1px solid rgb(230,230,230);}
  .p-library #content .info h3 {font-size: 100%; color: rgb(76,76,76);}
.p-library dl {margin-top: -1em;}
  .p-library dt {float: left; clear: left; width: 73px; font-weight: bold;}
  .p-library dd {font-weight: bold;}

.p-church .meta {margin-bottom: 2.5em; padding-bottom: 2em; 
  border-bottom: 1px solid rgb(230,230,230);}
.p-church .column {float: left; width: 250px; margin: 0 12px 0 0;}
.p-church #content p {margin-top: 0;}
.p-church #content h2 {margin-bottom: 0.857em;}
.p-church p + h2 {margin-top: -0.857em;}
.p-church .meta a:link {color: rgb(15,117,56);}
.p-church #church {margin-bottom: 2.5em;}