@font-face {
    font-family: 'GoudySans';
    src: url('../fonts/goudysansltbolditalicce.eot');
    src: url('../fonts/goudysansltbolditalicce.eot') format('embedded-opentype'),
         url('../fonts/goudysansltbolditalicce.woff2') format('woff2'),
         url('../fonts/goudysansltbolditalicce.woff') format('woff'),
         url('../fonts/goudysansltbolditalicce.ttf') format('truetype'),
         url('../fonts/goudysansltbolditalicce.svg#goudysansltbolditalicce') format('svg');
}

* {
	margin: 0;
	padding: 0;
}

a {
  color:#000000;
  text-decoration:underline;
}

a:hover, .textred {
  text-decoration:none;
  color:#87270e;
}


img {
  border:0;
}

ul, ol {
	list-style: none;
}

h1, h2 {
  font-family:GoudySans;
  font-size:27px;
  font-weight:normal;
  margin-bottom:22px;
}

h3 {
  font-size:15px;
}

hr {
  height:2px;
  background-color:#eae6da;
  border:0px;
  margin: 20px 0 20px 0;
}

p {
  margin:0 0 10px 0;
  font-size:15px
}

html {
	min-width: 970px;
}

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 1em;
	color: #393939; 
  position:relative;
}

#div-top {background: url(../images/bg-top.jpg) repeat-x 50% 0%; }
#div-bottom	{background: url(../images/bg-bottom.jpg) repeat-x 50% 100%;}

#div-main {
	width: 976px;
	margin: 0 auto;
	font-size: 0.75em;
}

#content {
  width:100%;
  overflow:hidden;
  padding: 36px 0 36px 1px;
}


.mp-col-3 {
  -moz-column-count:3;
  -moz-column-gap:25px;
  -webkit-column-count:3;
  -webkit-column-gap:25px;
  column-count:3;
  column-gap:25px
}

.text-default p, .text-default ul {margin-bottom:20px}
.text-default ul li {list-style-position:outside!important;margin-left:15px}
.text-default h2 {margin-top:25px}
.text-default img {
  width:302px;
  height:180px;
  border:1px solid #b5aea8;
  margin-bottom:20px;
}


.download-list {
  margin-left:-15px
}      

 
.download-list li a {
  display:block;
  padding: 9px 0 9px 45px; 
  background: url("../images/arrow-down-1.png") left no-repeat;
}  

.download-list li a:hover {
  background: url("../images/arrow-down-2.png") left no-repeat;
}  
                                   
.mt0 {margin-top:0px!important}
.mr0 {margin-right:0px!important}
.mt10 {margin-top:10px!important}
.mt20 {margin-top:20px!important}
.mt30 {margin-top:30px!important}
.mb10 {margin-bottom:10px!important}
.mb20 {margin-bottom:20px!important}
.cb {clear:both}
.lh102 {line-height:102%!important;}


.primaryNews{
  width:100%;
  background-color:#87270e;
	}

.primaryNews div{
  margin: 0px auto 0px auto;
  width:970px;
  color:white;
  padding: 12px 0 15px 0;
  font-size:16px;
  text-align:center;
} 
/* --------------  HEADER IMAGE SLIDER---------------------------------------- */


#head-image{
	position:absolute;
	top:210px;width:622px;
	height:346px;
	overflow:hidden;
	padding-bottom:21px;
  background: url(../images/bx_loader.gif) center center no-repeat;
	}


#slider{
	position:absolute;
	top:210px;width:622px;
	height:346px;
	overflow:hidden;
	padding-bottom:21px;
  background: url(../images/bx_loader.gif) center center no-repeat;
	}
  
.nivoSlider {position:relative;}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	}
  
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;	margin:0;z-index:60;display:none;
	}
  
/* The slices in the Slider */
.nivo-slice {display:block;	position:absolute;z-index:50;height:100%; width:100%;}

.nivo-prevNav  {
	background: url(../images/arrow-slider-left.png) no-repeat 0% 0%;
	display: block;
	width: 49px;
	height: 49px;
	overflow: hidden;
	position: absolute;
	cursor:pointer;
	z-index:99;
	text-indent:-5000px;
	left: 26px;
	bottom:0px;
}

	.nivo-prevNav:hover {
		background-position: 0% 100% !important;
	}


.nivo-nextNav{
	background: url(../images/arrow-slider-right.png) no-repeat 0% 0%;
	display: block;
	width: 49px;
	height: 49px;
	overflow: hidden;
	cursor:pointer;
	position: absolute;
	text-indent:-5000px;
	z-index:99;
	bottom:0px;
	left: 75px;
}

	.nivo-nextNav:hover {
		background-position: 0% 100% !important;
	}
  
.nivo-360{
	background: url(../images/vp360-button.png) no-repeat 0% 0%;
	display: block;
	width: 170px;
	height: 49px;
	overflow: hidden;
	cursor:pointer;
	position: absolute;
	text-indent:-5000px;
	z-index:99;
	bottom:1px;
	left: 125px;
}

	.nivo-360:hover {
		background-position: 0% 100% !important;
	}


/* --------------  HEADER ---------------------------------------- */

#menu {
	position: absolute;
	top: 117px;
	left: 1px;
}

	#menu li {
		float: left;
		margin-right:2px;
	}

	#menu #lastli {
		margin-right:0px!important;
	}
	
		#menu li a {
			display: block;
			float: left;
			height: 53px;
			overflow: hidden;
			padding: 0 24px 0 24px;
			line-height: 52px;
			letter-spacing: -1px;
			font-size: 20px;
			font-weight: normal;
			text-decoration: none;
			color: #FFFFFF;
		}

  	#menu li #lasta {
  		
  	}
		
			#menu li a:hover, .active a {
				background: url(../images/menu-red.jpg) repeat-x 50% 0%;
			}
			
#header {
	position: relative;
	height: 592px;

}


#right-menu { 
  position:absolute;
	top:210px;left:643px;
  width:330px;
}

.right-menu-title {
  width:330px;
  background-color: #846246;
  font-size:24px;
  margin-top:8px;
  margin-bottom:1px;  
  font-family:GoudySans;
  font-weight:normal;
  color: #FFFFFF;
  text-decoration:none;
  display:block;
}

.right-menu-title div {  
  padding: 14px;
}  

.right-menu-title:hover, .rmt-active {
  background-color: #87270e!important;
  cursor:pointer;
}

.submenu {
  display:none;
}

.submenu li{
  font-size:19px;
  font-style:italic;
  margin-bottom:1px;
  width:330px;
}

.submenu li a {
  background-color: #dcd5c4;
  color: #000000;
  text-decoration:none;
  display:block;
  padding:6px 7px 7px 15px;
  font-size:18px
}

.submenu li a:hover {
  background-color: #e4e0d5;
}

#logo {
	position: absolute;
    top: 15px;
	left: 5px;
    border:0;
}


#div-seniori-tlacitko {
	position:absolute;
  top:40px;
  left:520px;
  display:table;
  text-align:center;
}

#div-seniori-tlacitko a {
  display:table-cell;
  vertical-align:middle;
	color: #161412;
	font-size: 16px;
  font-weight:bold;
  text-transform:uppercase;  
  text-decoration:none;
	border:1px solid #947655;
	background:url(../images/bg-search.png) 0 0 repeat-x;
  height:34px;
	width:200px;  
}

#div-seniori-tlacitko a:hover {
  background-color: #87270e;
  border:1px solid #87270e;
  background-image:none;
  color:white;
}

#div-search{
	position:absolute;
  top:40px;
  left:742px;
  height:34px;
	width:230px;
	border:1px solid #947655;
	background:url(../images/bg-search.png) 0 0 repeat-x;
}

#search input {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 34px;
	width: 80%;
	outline: none;
	border: none;
	background: transparent;
	color: #947655;
	font-size: 13px;
	padding: 7px 0;
	line-height: 20px;
  margin-left:15px;
}

#search a{
	display: inline-block;
	float: right;
	background: url(../images/search-btn.png) 0 0 no-repeat;
	width: 29px;
	height: 21px;
	margin: 8px 0 0 0;
}

#search a:hover{background-position: 0 bottom;}

/* --------------  HLAVNI - UVOD ---------------------------------------- */


#co-se-delo {margin-top:3px;}
.co-se-delo-box{height:327px;}
.co-se-delo-box img{border:1px solid #b5aea8;width:223px;height:167px;}
.co-se-delo-box h3{margin: 15px 0 15px 0;font-weight:bold;}
.co-se-delo-box p{margin:0px;}
.co-se-delo-box p a{text-decoration:none;color:black;}

#col-w, .col-w {
width:620px;
float:left;
}

#col-n, .col-n {
width:320px;
float:right;
}

#quick-contact {position:relative;}
#quick-contact p {position:absolute;}
#quick-contact img {position:absolute;top:3px;}

.qc1 {top:0px;left:55px;}
.qc2 {left:55px;top:54px;}
.qc3 {left:55px;top:92px;}
.qc4 {left:0px;top:140px}

.vitejte {height:252px}

.pecovatelska span {display:inline-block;width:160px;}

/* --------------  AKTUALNE---------------------------------------- */

.cosedelo-item, .napsali-item {
  padding-bottom:20px;
}

.cosedelo-item p:first-of-type, .napsali-item p:first-of-type {
  margin: 10px 0 10px 0;
  height: 65px
}

.cosedelo-img, .napsali-img {
  float:left;
  width:170px;
  height:128px;
  border:1px solid #b5aea8;
  margin-right:20px;
  background-repeat: no-repeat;
  background-size:cover;
  background-position: center; 
}

.cosedelo-lite-item {
  padding-bottom:20px;
}

.cosedelo-lite-item p:first-of-type {
  margin: 10px 0 10px 0;
}

.cosedelo-lite-item div:nth-child(1) {
  float:left;
  width:95px;
  font-weight:bold;
}

.cosedelo-lite-item div:nth-child(2) {
  float:left;
  font-weight:bold;
}

.napsalionas-noscript {
  //display:none;
}

#col-a {
width:410px;
float:left;
margin-right:25px
}

#col-b {
width:270px;
float:left;
margin-right:25px
}

#col-c {
float:left;
}

.list-square {
	list-style: square inside;
}


.styled-select {
   height: 29px;
   overflow: hidden;
   width: 340px;
   float:left;
}

.styled-select select {
   background: transparent;
   border: none;
   font-size: 14px;
   height: 29px;
   padding: 5px; 
   width: 368px;
}

.styled-select.slate {
   background: url("../images/select-arrow.jpg") no-repeat right center;
   height: 34px;
   width: 340px;
   border: 1px solid #b5aea8;
}

.styled-select.slate select {
  border: 0px; 
   font-size: 16px;
   height: 34px;
   width: 368px;
}

.stahnout-casopis {float:left;border:0px;margin: 0px 0px 15px 15px;
  font-weight:bold;
  color: #846246;
  font-style:italic;
  background-color: white;
  height:34px;
  cursor:pointer;
  background: url("../images/arrow-down-1.png") no-repeat 100% 0%;
  width:213px;
  text-align:left;
  font-size:15px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
      
.stahnout-casopis:hover {
  background: url("../images/arrow-down-2.png") no-repeat 100% 0%;
  color:#87270e;  
}
       
           
.stahnout-zobrazit a{  
  text-align:right;
  background: url("../images/arrow-down-1.png") no-repeat 100% 0%; 
  display:block;
  padding:6px 45px 0 0 ;
  font-weight:bold;
  color: #846246;
  font-style:italic;
  text-decoration:none;
  height:34px;
}   
       
.stahnout-zobrazit a:hover {
  background: url("../images/arrow-down-2.png") no-repeat 100% 0%;
  color:#87270e;
}

.table-color-rows {border-collapse: collapse; width:100%}
.table-color-rows th {background-color:white;color:white;font-size:1px;height:1px}
.table-color-rows td {padding: 5px 0px 5px 10px;}   
.table-color-rows tr:nth-child(odd) { background-color:#e4e0d5;}

.col-left {float:left;width:465px}
.col-right {float:right;width:465px}

.t-akce {margin-top:-20px}    
.t-akce tr td:nth-child(1) {width:50px;}
.t-akce tr td:nth-child(2) {width:50px;text-align:right}
.t-akce tr td:nth-child(3) {width:45px;text-align:right}
.t-akce tr td:nth-child(4) {padding-left:20px}
.t-akce tr:nth-child(even) { background-color:#e4e0d5!important}
.t-akce tr:nth-child(odd) { background-color:#FFFFFF!important}

.t-program {margin-top:-20px}   
.t-program tr:nth-child(even) { background-color:#e4e0d5!important}
.t-program tr:nth-child(odd) { background-color:#FFFFFF!important}

.less {position:relative; height:290px; overflow:hidden;} 

/* --------------  NABIDKA SLUZEB---------------------------------------- */

.t-cenik {margin-top:-25px}
.t-cenik tr td:nth-last-child(1) {width:180px}
.t-cenik tr td:nth-last-child(2) {width:180px}
.t-cenik tr td:nth-last-child(4) {width:160px}

/* --------------  KONTAKTY---------------------------------------- */

fieldset {border:0px;margin:0px;padding:0px;}

#contact-form {padding:4px 0 0 0;}
#contact-form fieldset {position: relative;}

#contact-form textarea, #contact-form input  {
		margin:0;
		font-size: 13px; 
		line-height: 20px;
		color:#4b4b4b; 
		padding: 8px  8px;
		border: 1px solid #b5aea8;
		width: 100%;
		outline:none;
		position:relative; 
		font-family: Arial, Helvetica, sans-serif; 
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		}
	#contact-form input {
		height: 36px;
		}
	#contact-form textarea {
		overflow:auto; 
		width:100%; 
		height: 143px;
		resize:none; 
		margin: 0 0 0 0;
		}

	#contact-form .div-label {
		min-height:50px; 
		overflow:hidden;
		}	

	#contact-form label {
		display: block;
		position: relative;
	}	
  
	#contact-form label.message{
		display:block; 
		padding-bottom:0;
		height: 143px;   
	}  
  
  .recaptcha {
    margin-top:15px;
    width: 100%;
    display: flex; 
    justify-content: flex-end;
  }
    
	#contact-form .button {margin-left:8px;}	
	
  label.error {
		text-align:right; 
		color:red; 
		font-size:11px; 
		clear:both;
		margin: -25px 6px 0 0;
	}
  
  #recaptcha label.error {
    display:none!important;
    margin:0!important;
    color:white!important;
  }
  
  #contact-form .buttons2 {
  padding:10px 0 0 180px;
  }
      
	#contact-form .buttons2 input {
    font-weight:bold;
    color: #846246;
    font-style:italic;
		text-align:right;
    font-size:15px;
    border:0px;
    background-color:white;
    background-image:none;
    cursor:pointer;
    float:left;
    width:70px;
    height:30px;
    padding:0px;
		}
    
	#contact-form .buttons2 input:hover {
    color:#87270e;
		}    
	
	#contact-form span {
		display:block; 
		margin: 0px 0 0 5px;
		}
    
.map_wrapper{
	width:618px;
	display:block;
  height:310px;
	border: 1px solid #b5aea8;

	margin: 4px 0 23px 0;
}

#map_canvas {
   width:100%;
   height:100%;
   line-height: 0;
   border:0px;
}

.div-adress1, .div-adress2 {
	float: left;
	padding: 4px 0 0 0;
}
.div-adress1 {width:220px}
.div-adress2 {width:290px}
.div-adress3 {width:100px;float:right;}
.qrcode {width:100%;border:0px;margin-top:4px}

.adress span{
	display:inline-block; 
	width:110px;
	}

.c-styled-select {
   overflow: hidden;
   width: 318px;
   background: url("/images/select-arrow.jpg") no-repeat right center;
   height: 34px;
   border: 1px solid #b5aea8;
   font-size: 13px; 
}

.c-styled-select select {
   background: transparent;
   border: none;
   font-size: 16px;
   height: 34px;
   padding: 5px; 
   width: 342px;
   font-size: 13px;
}

.contact-table tr td a {
  background: url("/images/mail-ico.png") 100% 0%;
  display:block;
  width:28px;
  height:26px;
  margin: 5px 0 5px 15px;
}

.contact-table tr td a:hover {
  background: url("/images/mail-ico.png") 100% 100%;
}

.contact-table tr td {padding:0px 0px 0px 10px!important}   
.contact-table tr:first-of-type td {padding:8px 0px 8px 10px!important;font-weight:bold}
.contact-table tr td:nth-last-child(1) {text-align:center;width:60px}



/* --------------  FOOTER---------------------------------------- */

#footer {
  width:100%;
  overflow:hidden;
  padding-bottom:45px;
  position:relative;
  margin-top:30px;
}

.f-col {
float:left;
margin-right:55px;
min-width:150px;
}

.f-col .f-title {
color:#e6e2d7;
font-size:20px;
font-weight:normal;
}
.f-col ul {
margin:10px 0 31px 0;
}

.f-col ul li {
list-style-type:square;
list-style-position: inside;
color: #eae4d4;
}

.f-col ul li a {
color:#e6e2d7;
text-decoration: none;
}

.f-col ul li a:hover {
color:#e6e2d7;
text-decoration: underline;
}


#w-logos a img {position:absolute;opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
#w-logos a img:hover{opacity: 0.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
#w-logo-mesto {right:102px;top:22px}
#w-logo-knihovna {right:0px;top:22px}
#w-logo-mkz {right:0px;top:133px}
#w-logo-mmg {right:102px;top:133px}
#w-logo-info {right:236px;top:133px}

#hr-footer {  height:1px;
  background-color:#af9b89;
  border:0px;
  margin: 5px 0 20px 0;
}

#copyright {font-size:14px;color: #eae4d4;width:100%}
#copyright a {color: #eae4d4;text-decoration:underline}
#copyright a:hover{color: #eae4d4;text-decoration:none}


/* -------------- JAVASCRIPT ---------------------------------------- */

.loading-bar {
  margin-top:-20px;
  width:220px;
  float:right;
  padding: 6px 45px 10px;
	text-align: right;
	font-weight: bold;
  color: #846246;
  font-style:italic;
  cursor: pointer;
  background: url(../images/arrow-down-1.png) no-repeat 100% 0%;
}

.loading-bar:hover {
  background: url(../images/arrow-down-2.png) no-repeat 100% 0%;
  color:#87270e;
}

.dn {
  display:none;
}

/* -------------- OSTATNI ---------------------------------------- */
.prohlaseni h2 {line-height:100%}
.verze-seniori {display:none}
.dokumenty-title {font-weight:bold;margin:5px 0 20px 0;cursor:pointer}
.dokumenty-title:hover {color:#87270e}