@import "template.css";
@import "page.css";
@import "menu.css";
@import "screen.css";
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600,800,700);


/******************PAGE PROPORTIONS*********************/
/*Width of the page */
#container {width: 980px; margin: 0px auto 0px auto;}

/*Header height*/
#top_header {width: 980px;}
#header {width: 980px;}

/*Column's width*/
#left {width: 240px;}
#page {width: 503px;}
#page_sub {width: 762px;}
#right {width: 197px;}
#content {width: 980px;}

/*Height of the footer */
#botfooter {height: 204px;}
#copyright {height: 30px;}

/******************DESIGN OF PAGE***********************/
/*Common design*/

body {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  color: #4C4C4C;
  background: #ffffff;
}

/********************
TOP HEADER
********************/
#top_header {
  height: 15px;
  margin: 8px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: right;
  color: #979797;
}

#top_header a {
  color: #979797;
  text-decoration: none;
}

#top_header a:hover {
  text-decoration: underline;
}

#top_header a img {
  border: none;
}

#top_header .blind-switch span { display: none; }
/********************
HEADER
********************/

#header {
  height: 124px;
  margin: 1px 0px 1px 0px;
  padding: 0px 0px 0px 0px;
  background: url(../images/bg_header.gif) no-repeat;
}

.logo {
  width: 270px;
  height: 124px;
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.logo a {
  width: 270px;
  height: 124px;
  display: block;
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

/********************
TOPMENU
********************/

#topmenu {
  width: 980px;
  height: 50px;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  background: url(../images/bg_topmenu.gif) no-repeat;
  position: relative;
}

#topmenu .fulltext_search  {
  width: 237px;
  height: 40px;
  position: absolute;
  right: 10px;
  top: 0;
  margin: 0;
  padding: 10px 0 0 0;
}

#topmenu .fulltext_search #search-input {
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 5px;
  width: 202px;
  height: 27px;
  color: #76929b;
  font-size: 11px;
  background: url(../images/bg_input_search.gif) no-repeat;
  border: none;
}
.blind #topmenu .fulltext_search #search-input {
  color: #1A414E;
}
#topmenu .fulltext_search .wrap-button {
  float: left;
}

#topmenu .fulltext_search .wrap-button button {
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 30px;
  height: 27px;
  background: url(../images/bg_input_button.gif) no-repeat;
  border: none;
  cursor: pointer;
}

#topmenu .fulltext_search .wrap-button button span {
  display: none;
}

/********************
OPEN CLOSE BLOCKS
********************/

.blocks_open {
  width: 980px;
  height: 254px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background: url(../images/bg_block_open.jpg) no-repeat;
  position: relative;
}

.blocks_closed {
  width: 980px;
  height: 104px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background: url(../images/bg_block_closed.jpg) no-repeat;
  position: relative;
}


.t_block {
  width: 166px;
  margin: 0px 0px 0px 0px;
  padding: 0px 15px 0px 15px;
  float: left;
}

.t_block h2 {
  margin: 0 0 15px 0;
  padding: 0;
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  height: 54px;
  line-height: 54px;
  cursor: pointer;
  cursor: hand;
}

.t_block ul {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: none;
}
.blocks_closed .t_block ul {
  height: 1px;
  left: -9999em;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px;
}
.t_block ul li {
  margin: 5px 0;
  padding: 0;
}

.t_block ul li a {
  color: #414141;
  text-shadow: 1px 1px 1px #f1f1f1;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 5px 11px;
  text-shadow: 1px 1px 0px #ffffff;
}

.b_one ul li a {
  background: url(../images/li_arrow_red.gif) left no-repeat;
}

.b_two ul li a {
  background: url(../images/li_arrow_yellow.gif) left no-repeat;
}

.b_three ul li a {
  background: url(../images/li_arrow_green.gif) left no-repeat;
}

.b_four ul li a {
  background: url(../images/li_arrow_blue.gif) left no-repeat;
}

.b_five ul li a {
  background: url(../images/li_arrow_purple.gif) left no-repeat;
}

.t_block a.more {
  background: url(../images/li_arrow_gray.gif) left no-repeat;
  text-decoration: underline;
  padding: 0px 0px 0px 11px;
  margin: 17px 0px 0px 0px;
  display: block;
  position: absolute;
  bottom: 15px;
}

.t_block a.more:hover {
  color: #000000;
}

.t_block a.more_one {
  color: #a70000;
}

.t_block a.more_two {
  color: #744f00;
}


.t_block a.more_three {
  color: #537500;
}


.t_block a.more_four {
  color: #064a89;
}


.t_block a.more_five {
  color: #61299b;
}

.b_one h2 {
  text-shadow: 1px 1px 0px #9f0000;
}

.b_two h2 {
  text-shadow: 1px 1px 0px #b97e01;
}

.b_three h2 {
  text-shadow: 1px 1px 0px #628b00;
}

.b_four h2 {
  text-shadow: 1px 1px 0px #1c64a7;
}

.b_five h2 {
  text-shadow: 1px 1px 0px #551f8d;
}

.block_bottom {
  width: 980px;
  height: 12px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background: url(../images/bg_block_shadow.jpg) no-repeat;
}

/********************
CONTENT
********************/

#content {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background: url(../images/bg_content.gif) repeat-y;
}

#breadcrumbs {
  font-size: 0.8em;
  padding: 0 0 10px 14px;
  margin: 0 0 12px 0;
  border-bottom: 1px dotted #D7D7D7;
}
#breadcrumbs a {
  font-weight: normal;
  text-decoration: none;
}
#breadcrumbs a:hover {
  font-weight: normal;
  text-decoration: underline;
}

#breadcrumbs .breadcrumb{
  display: inline-block;
  padding: 0;
}

#breadcrumbs .breadcrumb li{
  display: inline-block;
}
#breadcrumbs .breadcrumb li:before{
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0";
}

/********************
LEFT
********************/

#left {
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 0px 0px;
}

#left h3 {
  color: #2a567f;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 17px;
  font-weight: bold;
}

.action {
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 10px 0px;
  border-bottom: 1px dotted #C8C8C8;
}

.action_cal {
  width: 70px;
  height: 70px;
  margin: 0px 10px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
}
#obsah .action_cal img {
  width: 70px;
  height: 70px;
  margin: 0px;
  padding: 0px;
}

.action_title {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  color: #535353;
  font-weight: bold;
}

.action_title a {
  color: #535353;
  text-decoration: none !important;
}

.action_title a:hover {
  text-decoration: underline !important;
}

.action_date {
  margin: 0px 0px 0px 0px;
  padding: 4px 0px 4px 0px;
  color: #bd0404;
  font-size: 11px;
}

.action_place {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  color: #525252;
}

a.action_calendar {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 18px;
  display: block;
  background: url(../images/ico_calendar.gif) no-repeat;
  color: #b77d00;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
}

a.action_calendar:hover {
  text-decoration: underline;
}

.front_gallery {
  width: 240px;
  margin: 20px 0px 15px 0px;
  padding: 0px 0px 0px 0px;
}

.front_gallery a.front_big_photo {
  width: 240px;
  height: 223px;
  margin: 0px 0px 9px 0px;
  padding: 0px 0px 0px 0px;
  display: block;
}

.front_gallery a.front_small_photo {
  width: 74px;
  height: 65px;
  margin: 0px 9px 9px 0px;
  padding: 0px 0px 0px 0px;
  display: block;
  float: left;
}

.last {
  margin: 0px 0px 9px 0px !important;
}

a.all_gallery,
.tabula-left-more a {
  color: #0065bc;
  font-size: 13px;
  font-weight: bold;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

/********************
PAGE
********************/

#page {
  float: left;
  margin: 0px 20px 0px 20px;
  padding: 10px 0px 0px 0px;
}

#page_sub {
  float: left;
  margin: 0px 20px 0px 0px;
  padding: 10px 0px 20px 1px;
  line-height: 160%;
  font-size: 13px;
}
#obsah img {
  margin: 15px;
}

#obsah {
	padding: 0px 0px 0px 13px;
}


/****************************************************
slider
****************************************************/
#cycle {
  position: relative;
  margin: 0 0 20px 0;
}
#cycle .slide {
  width: 502px;
  height: 235px;
  margin: 0px 0px 30px 0px;
  padding: 0;
  background: url(../images/slider_pic.jpg) no-repeat;
  position: relative;
}
#cycle .slide-thumb {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
#cycle .black_space {
  
  margin: 0px 0px 0px 0px;
  padding: 8px  50px 8px 50px;
  background: url(../images/bg_slider_black.png) repeat;
  position: absolute;
  bottom: 0;
  width: 403px;
  z-index: 5;
}

#cycle .black_space p{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#cycle .black_space .slider_date {
  color: #ffffff;
  font-size: 11px;
}

#cycle .black_space h2.slider_title {
  color: #f6d000;
  font-size: 12px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
#cycle .black_space h2.slider_title a {
  color: #f6d000;
}

#cycle .black_space .slider_desc {
  color: #ffffff;
  font-size: 12px;
}
#cycle #prev,
#cycle #next {
  height: 26px;
  position: absolute;
  bottom: 15px;
  width: 27px;
  z-index: 5;
}
#cycle #prev { background: transparent url("../images/nav.png") no-repeat 0 0; left: 10px;}
#cycle #next { background: transparent url("../images/nav.png") no-repeat -27px 0; right: 10px; }
#cycle #prev:hover { background: transparent url("../images/nav.png") no-repeat 0 -26px; }
#cycle #next:hover { background: transparent url("../images/nav.png") no-repeat -27px -26px; }


.article {
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 20px 0px;
  border-bottom: 1px dotted #DDDDDD;
}

.article .article_image {
  width: 116px;
  height: 103px;
  margin: 0px 20px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  overflow: hidden;
}

#obsah .article .article_image a {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  display: block;
  width: 116px;
  height: 103px;
  text-decoration: none;
}

#obsah .article .article_image img {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-decoration: none;
  border: 0;
}

.article p {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.article .article_date {
  font-size: 10px;
  color: #949494;
}

.article h2.article_title {
  color: #bc0606;
  font-size: 14px;
  font-weight: bold;
  padding: 4px 0px 4px 0px;
  margin: 5px 0;
}

.article p.article_title a {
  color: #bc0606;
  font-weight: bold;
  text-decoration: none;
}

.article p.article_title a:hover {
  text-decoration: underline;
}

.article p.article_desc {
  color: #383838;
  line-height: 150%;
}

#social-foot {
  border-top: 1px dotted #D7D7D7;
  padding: 10px 0 0 12px;
  margin: 10px 0;
  clear: both;
  height: 30px;
}
#social-foot .facebook {
  float: left;
}
#social-foot .google {
  float: left;
}
#social-foot .twitter {
  float: left;
}
#___plusone_0 { background: red; }
/********************
RIGHT
********************/

#right {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#right .menu {
  width: 197px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background: url(../images/bg_right_top.gif) repeat-y;
}
#right .menu2 { background: url(../images/bg_right_top.gif) repeat-y; }
.right_top_block {
  width: 157px;
  margin: 0px 0px 0px 0px;
  padding: 10px 20px 20px 20px;
  background: url(../images/bg_right_top.gif) repeat-y;
  border-bottom: 1px solid #d7d7d7;
}

#right h3 {
  color: #2a567f;
  margin: 0px 0px 15px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 17px;
  font-weight: bold;
}

.block,
.banners {
  width: 157px;
  margin: 0px 0px 0px 0px;
  padding: 20px 20px 20px 20px;
}
.banners a {
  display: block;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
}
.block-disk {
  margin: 0;
  padding: 10px 20px 20px 20px;
  background: url(../images/bg_right_top.gif) repeat-y;
  border-bottom: 1px solid #d7d7d7;
}

/********************
FOOTER
********************/

#botfooter {
  width: 980px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background: url(../images/bg_footer.gif) no-repeat;
}

#botfooter .pagelist {
  display: none;
}

.footer_one {
  width: 264px;
  height: 204px;
  margin: 0px 0px 0px 0px;
  padding: 0px 20px 0px 20px;
  float: left;
}

.footer_two {
  width: 286px;
  height: 204px;
  margin: 0px 0px 0px 0px;
  padding: 0px 20px 0px 20px;
  float: left;
}

.footer_three {
  width: 310px;
  height: 204px;
  margin: 0px 0px 0px 0px;
  padding: 0px 20px 0px 20px;
  float: left;
}

.foot_title {
  height: 48px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 14px 0px;
  color: #2c464f;
  font-size: 14px;
  font-weight: bold;
  text-shadow: 1px 1px 1px #bdd2da;
  line-height: 48px;
}

.foot_article {
  color: #ffffff;
  font-weight: bold;
  text-shadow: 1px 1px 1px #7096a2;
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
  line-height: 150%;
}

.foot_article a {
  color: #ffffff;
}

.foot_desc {
  font-size: 11px;
  color: #21424d;
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
  line-height: 160%;
}

.noheight {
  line-height: 150%;
}

.relative {
  position: relative;
}

a.all_contract {
  width: 105px;
  height: 25px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  color: #344d54;
  font-size: 11px;
  text-align: center;
  display: block;
  line-height: 25px;
  border-left: 1px solid #e4e9eb;
  border-right: 1px solid #708f98;
  position: absolute;
  bottom: 20px;
  right: 20px;
  background: url(../images/bg_foot_butt.gif) repeat-x;
  z-index: 10;
}

a.archive {
  color: #c6d6db;
  position: absolute;
  top: 17px;
  right: 20px;
}
.blind a.archive {
  color: #2C464F;
}
#copyright {
  width: 980px;
  height: 20px;
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
  color: #afafaf;
  font-size: 11px;
  border-top: 10px #ffffff solid;
}

#copyright a {
  color: #afafaf;
  text-decoration: none;
}

#copyright a:hover {
  text-decoration: underline;
}


#foot-left {
  width: 490px;
  text-align: left;
  float: left;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

#foot-right{
  width: 490px;
  text-align: right;
  float: left;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}


/******************DESIGN OF MAIN ELEMENTS**************/
h1 {
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 10px 12px;
  text-align: left;
  font-size: 20px;
  color: #bc0606;
  font-weight: normal;
  font-style: normal;
  border-bottom: 1px dotted #D7D7D7;
}

h2 {
  margin: 0px 0px 10px 0px;
  text-align: left;
  font-size: 17px;
  color: #ae7d12;
  font-weight: normal;
}


h3 {
  margin: 0px 0px 10px 0px;
  text-align: left;
  font-size: 15px;
  color: #484A4F;
  font-weight: bold;
}

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

.banner-top, .banner-bottom, .banner-top-left, .banner-top-right, .banner-bottom-left, .banner-bottom-right {
  text-align: center;
  margin: 15px 0;
}
.message-success {
  background: #EFEFEF;
  border: 1px solid #EBEBEB;
  display: block;
  padding: 5px;
  margin: 15px 0;
}
/************
BLIND
************/
.blind #botfooter {
  background: #AACCD7;
}
.blind .foot_title {
  border-bottom: 1px solid #365059;
  padding-bottom: 0;
  margin-bottom: 16px;
}
.blind .foot_article {
  color: #000;
  text-shadow: none;
}
.blind .news-footer-list a {
  color: #2C464F;
  text-shadow: none;
}

/*****
 right soc but + starosta
 **/
 
#right A.soc-but  {
display:block;
text-align:center;
margin-bottom:8px;
}

DIV.starosta {
margin: 15px auto;
border: 1px solid #b5b5b5;
padding-top: 140px;
width: 155px;
background: url("/images/starosta.png") no-repeat;
font-family: 'Open sans',arial,helvetica,sans-serif;
-webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.2);
-moz-box-shadow:    0px 1px 1px rgba(50, 50, 50, 0.2);
box-shadow:         0px 1px 1px rgba(50, 50, 50, 0.2);
}

DIV.starosta DIV.info {
background:#fff;
padding:8px 0 8px 8px;
font-size:11px;
color:#6b6b6b;
border-bottom:1px solid #b5b5b5;
}

DIV.starosta DIV.info SPAN {
display: block;
font-weight:800;
font-size:13px;
}

DIV.starosta UL.linky {
background:#f7f7f7;
list-style:none;
margin: 10px;
padding: 0;
margin-right: 0;
}

DIV.starosta UL.linky LI {
padding-left: 16px;
background: url("/images/sipocka.png") no-repeat 6px 50%;
font-weight: 600;
}