* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
/*---------------------------- ZÁKLADNÍ PRVKY --------------------------------*/
body {
	font-family:  Arial, Tahoma, Sans-serif, "Trebuchet MS";
	font-size: 0.8em;
	color: #505050;
	text-align: center;
	background-color: #ffffff;
	height: 100%;
}
h1 {font-size: 1.8em; color: #255f1b; font-weight: bold; margin: 0 0 5px 0; padding: 2px 0 5px 0;}
h1.index {margin-top: 0px}
h2, h3, h4 {font-size: 1.4em; color: #255f1b; font-weight: bold; margin: 0px 0px 5px 0px;}
h3 {font-size: 1.2em}
h4 {font-size: 1.1em}
h2.main {background: url('../images/h2-back.gif') no-repeat top left; padding: 2px 0 5px 20px; }
h2 a, h3 a{font-weight: bold;}
h1 a, h2 a, h3 a {color: #388e2a; text-decoration: underline;}
h1 a:hover, h2 a:hover, h3 a:hover {color: #e54b28;/*#e26f31;*/ text-decoration: underline;}
h2.caption {font-size: 0.9em; text-align: center; margin: 5px 0;}

.pieta h1, .pieta h2, .pieta h3, .pieta h4 {color: #67021e;}
p {	margin: 0 0 15px 0;
	font-size: 0.9em;
	line-height: 1.8em;
	/*text-align: justify;*/
}
p.just {text-align: justify;}
.small {font-size: 0.85em;}
a {color: #23772d; text-decoration: underline; font-weight: bold;}
a:hover {color: #cd2b2b;/*#e26f31;*/}

.pieta a {color: #52010d;}
.pieta a:hover {color: #cd2b2b;}
/*a:visited {}*/
img {border: 1px solid #ddd;}
ul {margin: 0 0 5px 40px;}
ul li {list-style: circle;}
ol {margin: 0 0 5px 40px;}

strong {font-weight: bold; /*color: #292929;*/}

/*tabulky*/
table { /*font-size: 0.9em;*/ /*border: none;*/ margin: 0 auto 15px auto; border-collapse: collapse;}
table caption, h2.caption { font-weight: bold; color: #7f1100; margin: 0px auto;}
table td, table th {/*border: 1px solid #dad9d9;*/ padding: 2px 4px;}
table th {background-color: #dad9d9;}

i {font-weight: bold; font-style: italic; font-size: 1.2em;}
hr {text-align: center; border: none; border-top: 1px solid #a7c2aa; color: #a7c2aa; height: 1px; line-height: 1px; margin: 20px auto; width: 80%;}

address {font-style: normal; }

/*--------------------------- OBECNÉ PRVKY -----------------------------------*/
.center {text-align: center;}
.cleaner {clear: both; margin: 0px; padding: 0px;}
.clright {clear: right;}
.clleft{clear: left;}
.right {float: right;}
.left {float: left;}
.fnone {float: none;}
.text-right {text-align: right;}
.text-left {text-align: left;}
.red {color: red;}
.darkred {color: #d71d1d;} .darkred strong {color: #833636;}
.normal {font-size: 1em;}
.dnone {display: none;}
.noborder, .noborder td, .noborder tr {border: none; margin: 0; padding: 3px 4px;}
img.noborder {vertical-align: middle;}
.light {color: #b1b1b1;}
.bigger {font-size: 1.2em;}
img.left {margin: 0 10px 10px 0;}
img.right {margin: 0 0 10px 10px;}

/*-------------------------------- LAYOUT ------------------------------------*/
#container {
  background: #ffffff url('../images/container-back.gif') top right repeat-y ;
  width: 996px;
  margin: 0 auto;
}

#subcontainer {
  position: relative;
  text-align: left;
  background: #ffffff url('../images/subcontainer-back.gif') top right repeat-y ;
  border: 1px solid #cacbca;
  width: 954px;
  margin: 0 auto;
  /*padding: 25px 0 0 0;*/
}

.pieta #subcontainer {background: #ffffff url('../images/subcontainer-back-pieta.gif') top right repeat-y ; border: 1px solid #5f0218;}


/*--------------- HEADER -----------------*/
#header {
  background: #ffffff url('../images/header-back3.jpg') no-repeat top left;
  width: 954px;
  height: 191px;
  _height: 217px;
  padding: 26px 0 0 0;
  margin: 0 0 30px 0;
}

.pieta #header {background: #ffffff url('../images/header-back2-pieta.jpg') no-repeat top left;}
.odpady #header {background: #ffffff url('../images/header-back3-odpady.jpg') no-repeat top left;}
.smp #header {background: #ffffff url('../images/header-back3-smp.jpg') no-repeat top left;}

/*--------- main cont -------*/
#main {
  float: right;
  width: 786px;
}

#content {
  float: left;
  color: #000000;
  width: 602px;
  margin: 0 7px 10px 7px;
  padding: 40px 0 0 0;
  z-index: -10;
}

#right-pane {
  float: right;
  background: #ffffff url('../images/right-pane-back.gif') top left repeat-y;
  border: 1px solid green;
  border-bottom: none;
  width: 164px;

}
.pieta #right-pane {background: #ffffff url('../images/right-pane-back-pieta.gif') top left repeat-y; border: 1px solid #5f0218;border-bottom: none;}
#right-pane div.pane-top, #right-pane div.pane-bottom {line-height: 1px; font-size: 1px; width: 164px; height: 7px; margin: 0; padding: 0;}
#right-pane div.pane-top {background:  url('../images/right-pane-top.gif') top left no-repeat;}
.pieta #right-pane div.pane-top {background:  url('../images/right-pane-top-pieta.gif') top left no-repeat;}
#right-pane div.pane-bottom {background: url('../images/right-pane-bottom.gif') bottom left no-repeat;}
#right-pane div.inside {
  background: #ffffff url('../images/menu-back.gif') top left repeat-x;
  min-height: 660px;
  _height: 660px;
  margin: 0 6px 0 6px;
  padding: 2px;
}
.pieta #right-pane div.inside {padding: 2px;margin: 0 5px 0 3px;}
#right-pane form {margin: 0 0 10px 0;}
#right-pane form input.text {float: left; width: 115px;}
#right-pane .news-right {margin: 10px 0;}
#right-pane h2 {font-size: 1em; color: #3d5c40; background-color: #fcfcfc; padding: 5px;}
#left-pane h2 {font-size: 1em; color: #333; padding: 0;}
.pieta #right-pane h2, .pieta #left-pane h2 {color: #67021e;}
#right-pane ul {font-size: 0.85em; list-style: none; list-style-image: none; margin: 0 0 0 16px; padding: 0;}
#left-pane .hledane {background-color: #edecec; border: 1px solid #ccc; margin: 10px 5px 5px 5px; padding: 5px;}
#left-pane .hledane ul {font-size: 0.85em; list-style: none; list-style-image: none; margin: 0; padding: 0;}
#left-pane .hledane ul li {list-style: none; list-style-image: none; margin: 0 0 5px 0; padding: 0;}
#left-pane .hledane ul li a {font-size: 0.95em; color: #333; text-decoration: underline;}
#left-pane .hledane ul li a:hover {color: red;}
#right-pane ul li {list-style-image: url('../images/li-odrazka1.gif'); margin: 0; padding: 0;}
#right-pane ul li a {color: #3e3e3e; font-weight: bold; text-decoration: none;}
#right-pane ul li a:hover {text-decoration: underline;}

#right-pane .news-right h3 {font-size: 0.85em; color: #3e3e3e; padding: 5px 0;}
#right-pane .news-right h3 a {color: #3e3e3e; text-decoration: none;}
#right-pane .news-right h3 a:hover {text-decoration: underline; padding: 0;}
#right-pane .news-right p {font-size: 0.85em; margin: 0;}


#left-pane {
  float: left;
  background: #ffffff url('../images/left-pane-back.gif') top left repeat-y;
  width: 164px;
  z-index: 0;
}
.pieta #left-pane {background: #ffffff url('../images/left-pane-back-pieta.gif') top left repeat-y;}
#left-pane div.pane-top, #left-pane div.pane-bottom {line-height: 1px; font-size: 1px; width: 163px; height: 7px; margin: 0; padding: 0;}
#left-pane div.pane-top {background:  url('../images/left-pane-top.gif') top left no-repeat;}
.pieta #left-pane div.pane-top {background:  url('../images/left-pane-top-pieta.gif') top left no-repeat;}
#left-pane div.pane-bottom {background: url('../images/left-pane-bottom.gif') bottom left no-repeat;}
.pieta #left-pane div.pane-bottom {background: url('../images/left-pane-bottom-pieta.gif') bottom left no-repeat;}

/*------------- logo ----------*/
#logo {
  clear: both;
  position: absolute;
  top: 4px;
  right: 0px;
  /*border: 1px solid red;*/
  z-index: 1000;
}

#logo, #logo a, #logo a span {
  width: 150px;
  height: 200px;
  /*border: 1px solid red;*/
}
/*#header #logo {}*/
#logo a {
	position: relative;
  display: block;
  text-decoration: none;
	color: #383838;
	font-size: 10px;
}
#logo a span {
  position: absolute;top:0;left:0;
  display: block;
	cursor: pointer;
	background: url('../images/header-back3.jpg') -806px -4px no-repeat;
}

.pieta #logo a span {background: url('../images/header-back2-pieta.jpg') -806px -4px no-repeat;}
.odpady #logo a span {background: #ffffff url('../images/header-back3-odpady.jpg') -806px -4px no-repeat;}
.smp #logo a span {background: #ffffff url('../images/header-back3-smp.jpg') -806px -4px no-repeat;}

#custom_header_text {
  clear: both;
  position: absolute;
  font-family:  "Trebuchet MS", Arial, Tahoma, Sans-serif;
  color: #23772d;
  font-size: 1.1em;
  font-weight: bold;
  text-align: right;
  line-height: 2.8em;
  top: 34px;
  right: 180px;
  width: 310px;
  height: 170px;
  z-index: 1000;
}
#custom_header_text .bigger {font-size: 1.2em;}

#custom_header_text .darkred {color: #7c1d2f;}

/*----------- paticka ---------*/
#footer, #footer-index {
  clear: both;
  color: #848484;
  text-align: center;
  font-size: 0.9em;
  background: transparent url('../images/footer-back.gif') bottom left no-repeat;
  /*width: 957px;*/
  height: 35px;
  padding: 10px 0 0 0;
}
.pieta #footer {background: none;}
#footer-index {background-color: #24782e; color: #ffffff;}
#footer-index a {color: #ffffff;}
/*
#footer a {color: #2c7c36; text-decoration: none;}
#footer a:hover {text-decoration: underline;}
*/
/*--------- drobecek -----------*/
.drobecek {
  clear: both;
  position: absolute;
  top: 255px;
  left: 175px;
  color: #b4b4b4;
  font-size: 0.85em;
  width: 600px;
  height: 35px;
  z-index: 990;
}
.drobecek a {
  color: #858585;
  font-weight: normal;
  text-decoration: none;
}
.drobecek a:hover {text-decoration: underline;}

.article-ke-stazeni {

}
.article-ke-stazeni a {font-weight: normal; text-decoration: underline;}


/*---------- ostatni -------*/

/*----------- VLASTNI PATICKA -------*/
.custom-footer {
  background-color: #e2dedf;
  width: 100%;
  margin: 10px 0 15px 0; 
  padding: 5px 0 0 0;
}

.custom-footer h3 {font-size: 0.9em;}
.custom-footer .icon {float: left; width: 53px; height: 53px; margin: 0 0 0 15px;}
.custom-footer p {margin: 0;}
.custom-footer .icon {background: url('../images/custom-footer-icon1.gif') left top no-repeat;}
.custom-footer .cs_text {float: right; text-align: left; width: 520px;}

.custom-footer.kontakt-smp1 .icon {background: url('../images/custom-footer-icon1.gif') left top no-repeat;}
.custom-footer.kontakt-smp2 .icon {background: url('../images/custom-footer-icon2.gif') left top no-repeat;}
.custom-footer.kontakt-smp3 .icon {background: url('../images/custom-footer-icon3.gif') left top no-repeat;}
.custom-footer.kontakt-smp4 .icon {background: url('../images/custom-footer-icon4.gif') left top no-repeat;}
.custom-footer.kontakt-smp5 .icon {background: url('../images/custom-footer-icon5.gif') left top no-repeat;}
.custom-footer.kontakt-smp6 .icon {background: url('../images/custom-footer-icon6.gif') left top no-repeat;}
.custom-footer.kontakt-smp7 .icon {background: url('../images/custom-footer-icon7.gif') left top no-repeat;}
.custom-footer.kontakt-smp8 .icon {background: url('../images/custom-footer-icon8.gif') left top no-repeat;}
.custom-footer.kontakt-smp9 .icon {background: url('../images/custom-footer-icon9.gif') left top no-repeat;}

/*-------------- OBRAZKY -------------*/
.nahled-horizontal { margin: 0; text-align: center;}
.nahled-horizontal .nahled {
  float: left;
  /**display: inline;
  *float: none;  */
  position: relative;
  text-align: center;
  overflow: hidden;
  width: 100px;
  height: 100px;
  margin: 0;
}
.nahled-horizontal .nahled .popisek {
  font-size: 0.8em;
}
.nahled-horizontal .nahled img {border: none;}
.nahled img {border: 1px solid #e2dedf;}



/*gallery*/
/* js-disabled class - set image sizes so they all fit in the viewer */
.js-disabled img { width:100px; height:100px; display:block; float:left; margin:30px 0 0; }

#galleryOuterContainer {width:582px; height:100px; margin:auto; position:relative; }
#imageScroller { width:502px; height:202px; position:relative;}
#viewer { width:482px; height:100px; overflow:hidden; margin:auto; position:relative; top:0px; }
.galleryImageWrapper {width: 100px; height: 100px; overflow: hidden;}
#imageScroller {height: 100px; left: 38px;  z-index: 10;}
#imageScroller a {width: 100px; height: 100px; overflow: hidden; z-index: 10;}
#imageScroller a:active, #imageScroller a:visited { color:#000000; }
#imageScroller a img { border: 1px solid #c8c6c7; vertical-align: top; }
#controls { width:580px; height:47px; position:absolute; top:25px; left:0px;  z-index: 1;}
#controls a { width: 22px; height: 43px; position:absolute; top:3px; }
#controls a:active, #controls a:visited { color:#0d0d0d; }
#title { color:#ffffff; font-family:arial; font-size:100%; font-weight:bold; width:100%; text-align:center; margin-top:10px; }
#rtl { cursor:pointer; background:url(../images/scroller/rtl.gif) 0 0 no-repeat; right:10px;}
#rtl:hover { background-position: -22px 0;}
#ltr { cursor:pointer; background:url(../images/scroller/ltr.gif) 0 0 no-repeat; left:10px; }
#ltr:hover { background-position: -22px 0;}

/*-------------- KATALOG --------------*/
.catalog {

}

.catalog .catalog-item {
  float: left;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #c4c4c4;
  width: 180px;
  height: 260px;
  margin: 0 15px 15px 0;
}
.catalog .catalog-item h2 {font-size: 1.1em; text-align: center; margin: 4px 0;}
.catalog .catalog-item img {text-align: center; margin: 5px auto; border: 1px solid #e2dedf; }
.catalog .catalog-item p {text-align: left; margin: 0 20px;}

/*------------- AKTUALITY -------------*/
.news {
  clear: both;
  background: #ffffff url('../images/news-item-back.gif') repeat-x top left;
  border: 1px solid #d9d9d9;
  margin: 10px 0 25px 0;
  padding: 5px;
}
.news {
  /*width: 580px;*/

}
.news .text {
  /*float: left;
  width: 520px;*/
}

.news h2 {
  display: block;
  margin: 0;
  padding: 2px 10px 4px 0;
}

/*hlasky*/
.notice {
  color: #ffffff;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  background: #c50000 url('../images/warning.png') no-repeat 10px 50%;
  border: 2px solid #8a0000;
  min-height: 25px;
  _height: 32px;
  margin: 4px 0 10px 0;
  padding: 12px 5px 5px 5px;
}

.hlaska {
  display: block;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  background: #e57543 url('../images/hlaska-back.gif') repeat-x top left;
  border: 2px solid #d4621c;
  margin: 0 0 12px 0;
  padding: 8px 0;
}

.hlaska ol {text-align: left; margin: 0 0 0 35px;}

table.rozpis {text-align: center; margin: 0px auto 25px auto;}
table.rozpis td, table.rozpis th {text-align: left; background-color: #f0f0f0; border: 1px solid #dad9d9; padding: 4px;}
table.rozpis th {background-color: #dad9d9;}
table.rozpis td.name-long {width: 250px;}
table.rozpis td.name-long2 {width: 190px;}
table.rozpis td.name {width: 80px;}
table.rozpis td.time {width: 40px;}


tr.reference {
  border-bottom: 1px solid #ccc;
  width: 531px;
  margin: 0 0 15px 0;
  padding: 0;
}
tr.reference td {
  padding: 25px 0;
}
tr.reference td.last {
  background: #fff url('../images/logo-small-back.jpg') right bottom no-repeat;
}
/*--------- formulare ----------*/

fieldset {
  background: #ffffff url('../images/menu-back.gif') top left repeat-x;
  /*background: #e0e0e0 url('../images/fieldset-back.gif') repeat-y top right;*/
  border: 1px solid #337e3c;
  padding: 10px;
}
.pieta fieldset {border: 1px solid #67021e;}

input {margin: 0 0 4px 0;}
fieldset legend {color: #000000; font-weight: bold;}
input.text {width: 350px; margin: 0 0 4px 0;}
.right-box input.text{width: 150px;}
label {float: left; clear: left;  width: 150px; margin: 0 0 4px 0;}
label.normal {float: none; width: 90px;}
input.button {margin: 0px 0px 0px 150px;}
input.short {width: 100px;_width: 150px;}
input.search {width: 100px; *margin: 4px 0 0 0;}
input.normal {width: 250px; margin: 0 0 4px 0;}
select {margin: 0 0 4px 0;}
input.submit, input.submit1 {
  color: #ffffff;
  font-weight: normal;
  background: #23772d;
  border: 1px solid #6a966f;
  height: 20px;
  _height: 22px;
  margin: 5px 0 0 150px;
  _margin: 2px 0 0 150px;
  padding: 0px 4px 2px 4px;
}
.pieta input.submit, .pieta input.submit1{background-color: #5f0218; border: 1px solid #5f0218;}
input.submit1 {margin: 0; *padding: 0; }
#login-form-header input.submit, .center input.submit {
  margin: 5px auto 0 auto;
  _margin: 2px auto 0 auto;
}
.right-box select {width: 150px; margin: 0 0 4px 0;}

fieldset p.popis {
  font-size: 0.85em;
}