/**************************************\

Project:	ZSDOLNIRADECHOVA.CZ
Author:	  MEPA.CZ [http://mepa.cz]

\**************************************/
body { color: #222; }
body.index { background: url('../images/bg.jpg') repeat-x top; }
body.detail { background: url('../images/bg2.jpg') repeat-x top; }
a {
  color: #00594b;
}
a:hover, a:focus, a:active {
  color: #00594b;
}
h1 {
  color: #5a5a5a;
  font-size: 28px;
}
h1 a, h2 a, h3 a, h4 a {
  color: #000;
}
h2 {
  margin: 0 0 5px 0;
}
h2 a {
  text-decoration: none;
}
h3 {
  margin: 0 0 5px 0;
  color: #00594b;
}
h3 a {
  color: #00594b;
  text-decoration: none;
}
h3.month {
  color: #00594b;
  margin: 10px 0 0 0;
}
h4.nadpis-dokument {
  margin: 0;
}
th {
  background: #5C6C2F;
  color: #fff;
  border: 1px solid silver;
}
td {
  background: #A7B466;
  color: #fff;
  border: 1px solid silver;
}
div.form-container form fieldset { margin: 10px 0; padding: 10px; border: none; }
div.form-container form legend { display: none; }
div.form-container form fieldset div { padding: 0; }
div.form-container form fieldset div input { width: 275px; }
div.form-container form fieldset textarea {	height: 80px; } 
div.form-container label, 
div.form-container span.label { margin-right: 10px; padding-right: 10px; width: 100px; display: block; float: left; text-align: left; position: relative; font-size: 14px;}
div.form-container label em, 
div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.form-container input.error { border-color: #C00; background-color: #FEF; }
div.form-container input:focus,
div.form-container input.error:focus, 
div.form-container textarea:focus {	background-color: #FFC; border-color: #FC6; }
/**************************************/
/*              GLOBALS               */
/**************************************/
.nomargin {
  margin: 0!important;
}
.noborder {
  border: 0!important;
}
.stahnuti-dokument {
  margin: 0 0 15px 0;
}
.submit {
  width: 84px; height: 27px; line-height: 27px;
  background: url('../images/more.jpg') no-repeat;
  text-align: center;
  color: #fff;
  font-size: 15px;
  margin: 10px 0 0 0;
  border: 0;
  cursor: pointer;
}
#slideshow {
    position:relative;
    height:350px;
}
#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}
#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}
#slideshow IMG.last-active {
    z-index:9;
}
/**************************************/
/*              HEADER                */
/**************************************/
#header {
  height: 80px;
  position: relative;
  z-index: 2;
}
#header .logo {
  width: 402px; height: 80px;
  position: absolute; top: 0px; left: 0px;
}
#header .menu {
  position: absolute; top: 30px; left: 410px;
  z-index: 2;
}
#header .menu li {
  float: left;
  list-style: none;
  margin: 0 4px 0 0;
  padding: 2px 5px;
  font-size: 14px;
}
#header .menu li a { 
  color: #fff;
  text-decoration: none;
  display: block;
}
#header .menu li a:hover, #header li.active {
  color: #fff;
  text-decoration: none;
  background: #00594b;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
#header .menu li ul {
  position: absolute;
	visibility: hidden;
	background: #00594b;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  z-index: 2;
  margin: 0 0 0 -6px; padding: 0;
}
#header .menu li ul li {
  float: none;
  font-size: 13px;
  margin: 0; padding: 0;
  border-bottom: 1px solid gray;
  white-space: nowrap;
}
#header .menu li ul li a {
  padding: 0 6px;
}
#header .menu li ul li a:hover {
  background: #01382f;
}
/**************************************/
/*    TOP - MAIN PAGE                 */
/**************************************/
#top {
  height: 261px;
  background: url('../images/top.jpg') no-repeat top;
  position: relative;
  z-index: 1;
}
#top .mainimage {
  width: 347px; height: 261px;
  background: url('../images/mainimage.jpg') no-repeat;
  position: absolute; top: 0px; left: 0px; 
}
#top .mainimage img {
  width: 242px; height: 180px;
  border: 1px solid #fff;
  position: absolute; top: 45px; left: 85px; 
}
#top .maintext {
  width: 475px; height: 30px;
  background: url('../images/maintext.jpg') no-repeat top;
  position: absolute; top: 35px; left: 435px; 
  padding: 100px 0 0 0;
}
#top .maintext a {
  color: #fff;
  font-size: 15px;
  margin: 0 0 0 5px;
  font-family: Cambria, Georgia, 'New York CE', utopia, serif;
}
#top .mainbutton {
  width: 589px; height: 39px;
  background: url('../images/mainbutton.png') no-repeat;
  position: absolute; top: 195px; left: 380px;
}
#top .mainbutton ul {
  padding: 0; margin: 0 0 0 10px;
  list-style: none;
}
#top .mainbutton li {
  width: 122px; height: 39px;
  display: block;
  float: left;
  margin: 0 25px 0 0;
}
#top .mainbutton li a {
  height: 39px; line-height: 39px;
  display: block;
  text-align: center; text-transform: uppercase; text-decoration: none;
  color: #fff;
  font-size: 15px;
}
#top .mainbutton li a:hover {
  text-decoration: underline;
}
/**************************************/
/*    TITLE - DETAIL PAGE             */
/**************************************/
#title {
  height: 90px;
  position: relative;
}
#title h1 {
  position: absolute; top: 20px; left: 50px;
}
#title p.breadcrumbs {
  position: absolute; top: 50px; left: 55px;
}
/**************************************/
/*            MAIN CONTENT            */
/**************************************/
#content {
  width: 870px;
  margin: 30px 50px;
  _margin: 30px 25px;
  float: left;
  background: url('../images/line_content.jpg') repeat-y 570px;
}
.index #content {
  background: none;
}
#content p {
  font-size: 13px;
}
#content p.detail {
  text-align: center;
  background: url('../images/line_detail.jpg') no-repeat top center;
  padding: 10px 0 0 0;
  color: #838383;
}
#content .text {
  padding-right: 30px;
}
#content .text img {
  width: 150px; height: 110px;
  margin: 0 10px 10px 0; padding: 1px;
  border: 3px solid silver;
  overflow: hidden;
  text-align: center;
}
/* news */
.news {
  background: url('../images/line_news.jpg') no-repeat center top;
  margin: 0 0 10px 0;
}
.news h2 {
  color: #5a5a5a;
  background: url('../images/bubbles.jpg') no-repeat left;
  padding-left: 40px;
  font-size: 24px;
}
.news h2 a {
  color: #5a5a5a;
}
.new {
  width: 409px;
  margin: 0 0 10px 0;
}
.new h3 {
  font-size: 14px;
  color: #000;
  margin: 0 0 5px 0;
}
.new h3 a {
  color: #000;
}
.new p {
  font-size: 12px;
  line-height: 16px;
  color: #000;
  margin: 0;
}
.new_bottom {
  min-height: 50px;
  padding: 10px;
}
.nblue {
  background: url('../images/news_blue_top.jpg') no-repeat top;
}
.nblue_bottom {
  background: url('../images/news_blue_bottom.jpg') no-repeat bottom;
}
.npink {
  background: url('../images/news_pink_top.jpg') no-repeat top;
}
.npink_bottom {
  background: url('../images/news_pink_bottom.jpg') no-repeat bottom;
}
/* /news */
/* actions-main */
.actions-box {
  padding: 20px 0 0 0;
  float: left;
}
.actions-box a {
  color: #222;
  text-decoration: none;
}
.actions-box a:hover {
  text-decoration: underline;
}
.actions-box h3 {
  min-height: 27px;
  color: #5a5a5a;
  background: url('../images/ico.jpg') no-repeat left top;
  padding-left: 25px; margin: 0 0 15px 0;
  font-size: 19px;
}
.actions-box ul {
  margin: 0 0 0 10px;
  _margin: 0 0 0 5px;
}
.actions-box li {
  background: url('../images/dot.jpg') no-repeat left center;
  list-style: none;
  padding: 0 0 0 15px;
}
.actions-box .abox {
  width: 190px;
  _width: 180px;
  margin: 0 20px 0 0;
}
.actions-box .more {
  width: 84px; height: 27px; line-height: 27px;
  background: url('../images/more.jpg') no-repeat;
  display: block;
  text-align: center;
  color: #fff;
  font-size: 15px;
  margin: 10px 0 0 0;
}
.actions-box a:hover.more {
  color: #fff;
}
/* /actions-main */
/* actions */
.actions {
  border-top: 1px solid #d9d9d9;
  padding: 20px 0 0 0;
  background: url('../images/line_actions.jpg') no-repeat center;
}
.actions-right {
  border: none;
  padding: 0;
  background: none;
  _width: auto;
}
.actions a {
  color: #222;
  text-decoration: none;
}
.actions a:hover {
  text-decoration: underline;
}
.actions h3 {
  min-height: 27px;
  color: #5a5a5a;
  background: url('../images/ico.jpg') no-repeat left;
  padding-left: 35px; margin: 0 0 15px 0;
  font-size: 24px;
}
.actions ul {
  margin: 0 0 0 20px;
  _margin: 0 0 0 10px;
}
.actions li {
  background: url('../images/dot.jpg') no-repeat left center;
  list-style: none;
  padding: 0 0 0 15px;
}
.actions .abox {
  width: 250px;
  margin: 0 40px 0 20px;
  _margin-left: 10px;
}
.actions-right .abox {
 margin: 0 0 20px 20px;
}
.actions .more {
  width: 84px; height: 27px; line-height: 27px;
  background: url('../images/more.jpg') no-repeat;
  display: block;
  text-align: center;
  color: #fff;
  font-size: 15px;
  margin: 10px 0 0 0;
}
.actions a:hover.more {
  color: #fff;
}
/* /actions */
/* volba sekce dokumenty */
.section form {
  position: relative;
  height: 35px;
}
.section .sect {
  width: 250px; height: 28px;
  position: absolute; top: 0px; left: 0px;
}
.section .submit {
  position: absolute; top: 0px; left: 260px;
}
/* fotogalerie */
.photo {
  width: 150px; height: 110px;
  float: left;
  margin: 0 10px 10px 0; padding: 1px;
  border: 3px solid silver;
  overflow: hidden;
  text-align: center;
}
.photo img {
  width: 150px; height: 110px;
  margin: 0!important; padding: 0!important;
  border: none!important;
}
.photo a {
  margin: 0;
}
.gallery {
  height: 45px;
  background: url('../images/folder.jpg') no-repeat left;
  margin: 0 0 15px 0; padding: 5px 0 0 70px;
}
.gallery h2 {
  margin: 0; padding: 0;
  font-size: 20px;
  line-height: 18px;
}
/* aktuality */
.actuality p {
  margin: 0 0 10px 0;
}
/**************************************/
/*               FOOTER               */
/**************************************/
#footer {
  height: 59px; _height: 75px;
  background: url('../images/footer.jpg') repeat-x;
  padding: 8px 0;
}
#footer .text {
  width: 970px;
  text-align: center;
  color: #838383;
  position: relative;
  margin: 0 auto;
}
#footer .text a {
  color: #838383;
  text-decoration: none;
}
#footer .text a:hover {
  color: #fff;
  text-decoration: underline;
}
#footer .bottom_menu {
  position: absolute; top: 40px; left: 15px;  
}
#footer .bottom_menu li {
  list-style: none;
  float: left;
  border-right: 1px solid #838383;
  padding: 0 15px;  
}
#footer .copyright {
  position: absolute; top: 40px; right: 50px; 
}
#footer .contact {
  position: absolute; top: 5px; right: 50px;
  text-align: right;
  line-height: 14px;
}