/* CSS Document */
body {
  margin: 0px;
  background-repeat: repeat-x;
}

body {
	font-size: 12px;
	line-height: 1.5em;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', sans-serif;
  color: #000;
}

img {
  border: 0px; 
}

table img {
  border: 4px #323232 solid;
}

.green {
  background-color: #b8c71d;
  display: block;
  padding: 10px;
  font-size: 14px;
  color: #FFF;
  border-bottom: 3px #FFF solid;
  box-shadow: #98a418 0px 0px 10px inset;
  -webkit-box-shadow: #98a418 0px 0px 10px inset;
  -moz-box-shadow: #98a418 0px 0px 10px inset;
}

#main .text td, #main .text th
{
  border-bottom: 1px solid #EEEEEE;
}

#main .text td, th
{
  font-size: 13px !important;
  line-height: 1.5em;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', sans-serif;  
}


.text_article {
  height: 80px;
  overflow: hidden;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.datum_art {
  color: #a5b304;
  font-size: 12px;
  margin-bottom: 4px;
}

b {
  color: #262626;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', sans-serif;
}

p {
  margin-top: 4px;
}

a {
  color: #000;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
  color: #b8c71d;
}

h1 {
  font-size: 14px;
  line-height: 26px;
  margin: 0px;
  margin-top: 0px;
  padding: 0px;
  padding-bottom: 4px;
  margin-bottom: 8px;
  color: #7fa325;
  display: block;
  border-bottom: 1px #b1b1b1 dotted;
}

h2 {
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  margin-top: 0px;
  margin-bottom: 6px;
  padding: 0px;   
  color: #B1C903;
}

h3 {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  margin-top: 4px;
  margin-bottom: 1px;  
  padding: 0px;
  color: #b8c71d;
}

h4 {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;  
  margin-bottom: 0px;
  margin-top: 0px;  
}

h5 {
  padding-left: 0px;
  padding-top: 0px;
  margin-top: 0px;  
  font-size: 18px;
  line-height: 24px;  
  margin: 0px;
  padding-bottom: 6px;
  font-weight: normal;
  display: inline;
}

#top_line {
  background-image: url('../image/head_1.jpg');
  background-repeat: no-repeat;
  margin-bottom: 50px;
}

#top_line h1 {
  color: #FFF;
  font-size: 16px;
  font-weight: 700;
}

#content {
  width: 976px;
  margin: 0px auto;
  margin-bottom: 130px;
}

#logo {
  float: left;
  margin-top: 0px;
}

#top_line .more {
  display: block;
  float: right;
  font-size: 12px;
}


/*-------------------
MENU
--------------------*/

ul#menu {
  list-style: none;
  margin: 0px;
  margin-top: 0px;
  margin-bottom: 20px;
  padding: 0px;
  max-width: 700px;
  display: block;
}

ul#menu li {
  list-style: none;
  padding: 0px;
  margin: 0px;
  border-bottom: 0px;
}

ul#menu li a {
  display: block;
  text-decoration: none;
  font-size: 13px;
  padding: 8px;
  padding-left: 0px;
  padding-right: 18px;
  border-bottom: 1px #d0d0d0 solid;
  margin-left: 16px;
  margin-right: 16px;
  color: #000;
}

ul#menu li a.prev {
  background-image: none;
}

ul#menu li.first a {
}

ul#menu li.last a {
  background-image: none;
}

ul#menu li a.open {
}

ul#menu ul li.last a {
}

ul#menu li ul li.last a {
}

ul#menu li.last ul li.last a {
}


ul#menu li.actual {
  text-decoration: none;
  background-image: url('../image/arrow_menu.jpg');
  background-repeat: no-repeat;
  background-position: 0px 13px;
}

ul#menu ul li.actual {
  background-position: 0px 6px;
}

ul#menu li a:hover, ul#menu li:hover a {
    background-image: none;
    color: #668d03;    
}

ul#menu li.actual a {
    color: #668d03;    
}

ul#menu li a.on {

}

ul#menu ul ul, ul#menu ul {
  display: none;
  position: absolute;
  width: 170px;
  margin-left: 170px;
  margin-top: -30px;
  padding: 0px;
  padding-top: 0px;
  padding-right: 0px;
  background-color: #E8E8E8;
  border-left: 2px #B8C71D solid;
}

ul#menu ul li {
  display: block;
  clear: both;
  margin:  0px !important;
  height: auto !important;
}

ul#menu ul li a {
  display: block;
  text-decoration: none;
  font-size: 12px;
  line-height: 14px;
  padding-top: 7px;
  padding-bottom: 8px;
  padding-right: 8px;
  padding-left: 8px;
  margin:  0px !important;  
  color: #000 !important;
}

ul#menu ul li a:hover {
  color: #668d03 !important;
}

 ul#menu ul li.actual a {
  color: #668d03 !important;
  background-image: none;
 }

 ul#menu ul li.actual:hover a {
  background-color: transparent;  
 }

ul#menu li:hover ul {
  display: block;
}

ul#menu ul ul {
  display: none !important;
}

ul#menu ul li:hover ul {
  display: block !important;
}

ul#menu ul ul li a {
  color: #000 !important;  
}

 ul#menu ul li.actual ul a {
  color: #000 !important;
 }

 ul#menu ul li.actual ul a:hover {
  color: #668d03 !important;
 }


/* foot menu */
ul#link {
  list-style: none;
  margin: 0px;
  padding: 0px;
  display: block;
}

ul#link li {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

ul#link li a {
  color: #000;
  text-decoration: none;
  font-weight: 400;
  font-size: 11px;
}

ul#link li.actual a,
ul#link li a:focus a {
  color: #668d03;
}

ul#link li a:hover {
  color: #668d03;
}

ul#link ul {
  display: none;
}


/*
 end MENU
*/





/*-------------------
footer
--------------------*/
#footer {
    border-top: 2px #b8c71d solid;
    margin-top: 10px;
    clear: both;
    display: block;
    font-size: 12px;
    padding: 0px;
}

#footer .copy {
  display: block;
  color: #fff;
  padding: 8px;
  background-color: #b8c71d;
}

#footer .text_a {
  padding: 10px;
}

#footer p {
  margin: 0px;
  padding: 0px;
}

#footer table img {
  border: 0px !important;
}

.copyright {
  width: 810px;
  text-align: right;
  font-size: 10px;
  margin-bottom: 40px;
}





/*-------------------
obecné
--------------------*/

#content #left {
  display: block;
  float: left;
  width: 202px;
  padding: 0px;
  padding-top: 0px;
  background-color: #e8e8e8;
}

#content #print {
  display: block;
  float: left;
  width: 512px;
  padding: 10px;
  margin-left: 10px;
  box-shadow: #E8E8E8 0px 0px 15px inset;
  -webkit-box-shadow: #E8E8E8 0px 0px 15px inset;
  -moz-box-shadow: #E8E8E8 0px 0px 15px inset;
}


#content #right {
  display: block;
  float: right;
  width: 202px;
  padding: 0px;
  padding-top: 0px;
  background-color: #e8e8e8;
}

#content #right h3 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  margin-top: 0px;
  padding-top: 0px;
  margin-bottom: 4px;
}

#content #right .form {
  display: block;
}

#content #right .form h3 {
  color: #FFCC01;
}

#content #right .napiste {
  background-color: #FEC400;
  background-image: url('../image/bg_orange.jpg');
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;  
  padding: 10px;  
}

#content #right .napiste table {

}

#content #right .napiste label {
  color: #fff;
  padding-top: 0px;
  text-transform: none;
}

#content #right .napiste input[type="text"],#content #right .napiste textarea {
  background-color: #fff;
  width: 198px;
  border-color: #FFA300;
}

#content #right .napiste textarea {
  height: 100px;
}

#content #right .napiste input[type="submit"] {
  background-color: #FF7E00;
  width: 90px;
  border-color: #FFF;
  text-shadow: none;
  padding: 4px;
  margin: 0px;
  text-transform: none;  
}


#content #main {
  display: block;
  width: 956px;
  padding: 10px;
  background-color: #ffffff;
}

#content #main .text {
  display: block;
  padding: 10px;
}

#smallgallery {
  display: none;
}

#smallgallery img {
  text-decoration: none;
  float: left;
  width: 156px;
  height: 158px;
  margin-right: 9px;
  margin-bottom: 9px;
}

#smallgallery a:hover {
  text-decoration: none;
}

#smallgallery a img {
  border: 1px #000 solid;
}

#smallgallery a:hover img {
  border: 1px #d6a91f solid;
}


#smallgallery.articles img {
  text-decoration: none;
  float: right;
  width: 150px;
  height: 150px;
  margin-right: 0px;
  margin-bottom: 5px;
  margin-left: 5px;
}

#smallgallery.articles a img,#smallgallery.articles a:hover img {
  border: 0px #000 solid;
}


#video {
  display: none;
  width: 730px;
  padding: 23px;
  padding-right: 0px;
  font-size: 13px;
  line-height: 1.5em;  
}

#main .download {
  padding-right: 0px;
  font-size: 11px;
  line-height: 1.5em;
}


.clean {
  display: block;
  clear: both;
  width: 100%;
}


#news .one_news {
  display: block;
  margin-bottom: 10px;
}

#news .time {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;  
  background-color: #EDEDED;
  width: 40px;
  float: left;
  color: #B6B6B6;
  font-weight: 700;
  padding: 10px;
  font-size: 14px;
}

#news .time span {
  color: #606060;
  font-size: 20px;
  font-weight: 700;
}

#news .time {
  background-color: #EDEDED;
  float: left;
  text-align: center;
}

#news .text {
  width: 560px;
  float: right;
}
#news h1 {
  margin-bottom: 4px;
}

















#content .gallery_img {
  width: 440px;
  float: left;
  margin: 5px;
}


#content .gallery_img span {
  padding: 8px;
  padding-top: 10px;
  font-size: 18px;
  font-weight: 300;
  display: block;
}

#hidden_form {
  display: none;
}

#map {
  clear:both;
  width: 730px;
  height: 340px;
  border: 0px;
  overflow: hidden;
  position: relative;
  margin-top: 6px;
  margin-bottom: 6px;
}



#map1 {
  float: left;
  width: 355px;
  height: 340px;
  border: 0px;
  overflow: hidden;
  position: relative;
  margin-top: 6px;
  margin-bottom: 6px;
}

#map2 {
  float: right;
  width: 355px;
  height: 340px;
  border: 0px;
  overflow: hidden;
  position: relative;
  margin-top: 6px;
  margin-bottom: 6px;
}

/*-------------------
form
--------------------*/

.button {
    background-color: #222;
    background-image: -webkit-linear-gradient(hsla(0,0%,100%,.15), hsla(0,0%,0%,0));
    background-image: -moz-linear-gradient(hsla(0,0%,100%,.15), hsla(0,0%,0%,0));
    background-image: -ms-linear-gradient(hsla(0,0%,100%,.15), hsla(0,0%,0%,0));
    background-image: -o-linear-gradient(hsla(0,0%,100%,.15), hsla(0,0%,0%,0));
    background-image: linear-gradient(hsla(0,0%,100%,.15), hsla(0,0%,0%,0));
    border: 1px solid #111;
    color: #c6c6c6;
    cursor: pointer;
    display: inline-block;
    margin: 20px;
    margin-right: 0px;
    width: auto !important;
    padding: 10px 14px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 -1px 1px hsla(0,0%,0%,.8);
    vertical-align: top;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
  .button:hover, .button:focus {
    background-color: #242424;
    color: #f6f6f6;
  }
  .button:active {
    background-color: #202020;
    color: #b6b6b6;
    padding: 16px 20px;
  }

/* --- The Form --- */
fieldset {
    border: 1px solid #EEEEEE;
    padding: 20px;
  border-radius: 6px;
}

legend {
    border: 1px solid #EEEEEE;
    color: #617797;
    margin-bottom: 0 !important;
    padding: 7px 10px;
  font-weight: bold;
  border-radius: 6px;
}

label {
    display: block;
    padding-top: 8px;
    text-align: right;
    font-weight: normal;
    text-transform: uppercase;
    color: #323232;    
}

input, textarea, select {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #CCCCCC;
    color: #666666;
    margin: 5px 0;
    padding: 5px;
    width: 310px;
  border-radius: 6px;
}

.button { border-radius: 6px; margin: 5px 0px 10px 155px; float: right; text-transform: uppercase; color: #FFF;}

input:focus, textarea:focus { border: 1px solid #eee; color: #444; background: #fff; }

.error { border: 1px solid #973d3d; background: #f0bebe; color: #a35959; }
.error:focus { border: 1px solid #eee; color: #a35959; }

th {
  vertical-align: top;
  padding-top: 8px;
}

/*-------------------
galerie
--------------------*/
.photoshort a {
  color: #E65D00;
  padding: 0px;
  margin: 0px;
  margin-right: 16px;
  margin-bottom: 16px;
  width: 140px;
  height: 118px;
  display: block;
  float: left;
}

.photoshort img {
  width: 140px;
  height: 118px;
  margin: 0px;
  padding: 0px;
  border: 2px #009EDF solid;
}

.photoshort img:hover {
  border: 2px #FFCC01 solid;
}






.photo_group {
  width: 164px;
  background-color: #EDEDED;
  margin-right: 10px;
  padding-bottom: 0px;
  margin-bottom: 10px;
  float: left;
}

.photo_group a {
  color: #E65D00;
}

.photo_group img {
  padding: 0px;
  margin: 0px;
  margin-left: 4px;
  width: 156px;
  height: 156px;
}

.photo_group:hover, .photo_group:hover a, .photo_group:hover h1 {
  text-decoration: none;
  color: #FFF !important;
  background-color: #B8C71D;
}

.photo_group .name h1 {
  font-size: 14px;
  line-height: 16px;
  height: 36px;
  padding: 4px;
  padding-left: 8px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  overflow: hidden;
}

.photo_group span {
  font-size: 11px;
  color: #FFF;
  padding: 2px;
  padding-left: 8px;
  padding-top: 0px;
  margin-bottom: 4px;
}

/*-------------------
galerie video
--------------------*/

.video_group {
  width: 345px;
  background-color: #30AAE9;
  margin-right: 5px;
  padding-bottom: 0px;
  margin-bottom: 5px;
  float: left;
}

.video_group img {
  padding: 0px;
  margin: 0px;
  margin-left: 4px;
  width: 337px;
  height: 200px;
}

.video_group:hover {
  background-color: #1C6EBA;
}

.video_group .name h1 {
  font-size: 14px;
  line-height: 16px;
  height: 36px;
  color: #FFF;
  padding: 4px;
  padding-left: 8px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  overflow: hidden;
}




/*-------------------
stránkování
--------------------*/
#PagerId {
  display: inline;
}
.paging_in {
  font-size: 10px;  
  width: 500px;
  height: 19px;
  display: block;
  margin-top: 4px;
  margin-bottom: 4px;  
  clear: both;
  text-align: right;
  text-transform: uppercase;
  color: #808080;
}

.paging_in a, #PagerId a {
  font-size: 11px;
  padding: 1px;
  padding-left: 3px;
  padding-right: 3px;
  margin-left: 1px;
}

.paging_in a:hover, .paging_in .curent, #PagerId a:hover {
  font-size: 11px;
  padding: 1px;
  padding-left: 3px;
  padding-right: 3px;
  margin-left: 1px;
  color: #B8C71D;
  text-decoration: none;
}



#calendar {
  font-size: 14px;
  border: 0px;
}


#calendar .topc {
    background-color: #b8c71d;
    border-bottom: 3px solid #fff;
    box-shadow: 0 0 10px #98a418 inset;
    color: #fff !important;
    font-size: 18px !important;
    padding: 10px;
    font-weight: 700;
}

#calendar .topc a {
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 700;    
}


#calendar td {
  text-align: center;
  padding: 10px;
  margin: 0px;
  font-size: 14px !important;
}