/********************************************
  		HTML ELEMENTS
********************************************/ 

/* top elements */


body {
	margin: 0 auto; 
	font: normal 9pt 'Verdana', Tahoma, sans-serif;
	color: #fff;
	background:#3d4b51 url('body-bg.png') center 0 repeat-x;

}

p {margin: 5px;}


/* headers */
/* headers */
h1, h2, h3 { font-family: 'Verdana', Tahoma, Sans-serif; padding: 0; margin: 0 auto; }
h1 { font-size: 0.1em; color: #fff; text-align: left; visibility: hidden;}
h2 { font-size: 1.4em; color: #fff; font-style: italic; margin-top: 20px;}
h3 { font-size: 1.2em; }
.news-head h2 {font-size: 1.4em; color: #fff; padding: 40px 0 0px 90px; font-style: normal;}

img {border: none;}

/* links */
a { background: inherit; color: #808080; text-decoration: none; border-bottom: none;}
a:hover { background: inherit; color: #fff; text-decoration: none; border-bottom: none;}

/* Formular */

form {
	margin: 0px;
	padding: 0px;
}


legend {
	
	font-weight: bold;
	color: #fff;
	padding: 0px 5px;
	margin : 0px;
}

legend a {
	color: #fff;
	text-decoration: none;
}

legend a:hover {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px #fff dotted;
}

input, textarea {
	width: 200px;
	height: 20px;
	border: solid 1px black;
	background-color: #dddddd;
	color: black;
	padding: 0px;
	font-size: small;
}
select {
	border: solid 1px black;
	background-color: #dddddd;
	color: black;
	padding: 0px;
	font-size: small;
}

textarea {
	width: 455px;
	height: 80px;
}

small {
	font-size: 7pt;
}
/********************************************
   		LAYOUT
********************************************/ 
#header-bg {
	margin: 0 auto; 
	height: 250px;
	background:url(header-bg.png) center 0 no-repeat;
}

#header {
	margin: 0 auto; 
	height: 250px;
	width: 784px;
	background:url(header.png) center 0 no-repeat;
	
}

#container {
  	margin: 0 auto; padding: 0;
	width: 100%;
}


#content {
  	margin: 0 auto; padding: 0px;
	background:url('body.png') center 0 repeat-y;
  	min-height: 420px;
  	width: 1024px;
}

#text {
  	margin: 0 auto; 
  	width: 670px;
  	float: left;
    
    
}

#sidebar {
  	margin-left: 674px; 
  	width: 350px;
    
}

#both {
  	clear: both;
}

#footer {
  	margin: 0 auto; 
  	background:url('footer.png') center 0 no-repeat;
  	height: 46px;
	_padding-right: 2px;
}

/* menu */
#menu {
 	margin: 0 auto;
	padding: 220px 35px 0 0;


}
#menu ul {
	margin: 0 auto;
	text-transform: uppercase;
	font: bolder 1.1em 'Calibri', Arial;
	text-align: center;
	color: #FFF;
	list-style: none;

}
#menu li {
	display: inline;
}
#menu li a {
	border: 1px #002031 solid;
	margin: 0px 6px 0 6px;
	padding: 5px 10px;
	color: #fff;
	text-decoration: none;
	border-bottom: none; 
	background: url('button.png') center center no-repeat;
	

}
#menu li a:hover {
  	border: 1px #900909 solid;
	color: #fff;
	border-bottom: none; 
	background: url('button-act.png') center center no-repeat;
	

}
#menu li a#current  {
  	border: 1px #900909 solid;
	color: #fff;
	border-bottom: none; 
	background: url('button-act.png') center center no-repeat;

}

/********************************************
   		STYLE
********************************************/ 

#text-content {
  	margin: 0 auto;
  	padding-left: 120px;
  	width: 520px;
  	
}
#gallery-content {
  	margin: 0 auto;
  	width: 720px;
	
	text-align: left;
}

/* news */
.news-head {
  	background: url('news-head.png') center 0 no-repeat;
  	height: 81px;
	margin-top: 10px;	
}
.news-content {
  	background: url('news-content.png') center 0 repeat-y;
  	min-height: 50px;	
}
.news-foot {
  	background: url('news-content.png') center 0 repeat-y;
  	text-align:right;
	height:	25px;
	margin-bottom: 10px;
}

.news-text {
  margin: 0 auto;
  padding: 5px 20px 5px 25px;
  text-align: justify;
}
.news-date {
  padding: 5px 15px;
  color: #808080;
  font-weight: bold;
  font-size: 8pt;
}

/* sidebar */
.sdbnews-head {
  	background: url('sdbnews-head.png') center 0 no-repeat;
  	height: 184px;	
}
.sdbnews-content {
  	background: url('sdbnews-content.png') center 0 repeat-y;
  	min-height: 50px;	
}
.sdbnews-foot {
  	background: url('sdbnews-foot.png') center 0 no-repeat;
  	height: 121px;	
}

.sdbnews-text{
  	margin: 0 auto;
  	width: 250px;
  	padding: 5px 5px 5px 0;
}

.banners-head {
  	margin-top: 40px;
  	background: url('banners-head.png') center 0 no-repeat;
  	height: 39px;	
}
.banners-content {
  	background: url('banners-content.png') center 0 repeat-y;
  	min-height: 100px;	
}
.banners-foot {
  	background: url('banners-foot.png') center 0 no-repeat;
  	height: 44px;	
}
.banners-text{
  	margin: 0 auto;
  	width: 270px;
  	padding: 5px 40px 5px 30px;
  	text-align: center;
  }
  
.banners  { padding:5px 0 5px 0; margin: 0; }
.banners img {  border: none; }
.banners a img { border-color:#0c0e0e; border: 1px solid; }
.banners a:hover img { border-color:#FFF; border: 1px solid; }
  
 /* sidebar text*/
  .akce-popis {
     margin-bottom: 20px;
     padding: 0 12px 0 0;
  }
  .sdb-date {
    font-size: 7pt;
    color: #808080;
  }
  .sdb-text {
	margin-bottom: 8px;
  }
  
 /* interier */
#interier  {text-align:center; margin-top: 20px;}
#interier a {border-bottom: none;}

.interier-img a img {
 	 border: 3px #fff solid;
 	 margin: 5px;
}
.interier-img a:hover img {
 	 border: 3px #666 solid;
}

/* program */
#program-panel{
  float: right;
  margin: 20px 25px;
}

.program-blok {
  border-top: 1px #666 solid;
  
  margin: 15px 10px;
}
.program-title {
  margin-top: 5px;
  font:bold 14pt 'Calibri', Tahoma, sans-serif; 
  color: #3366cc;
}
.program-date {
  float: right;
  margin-top: 5px;
  color: #666;
}

.program-right-foot  {
  float: right;
  display: inline;
  
}
.program-left-foot {display: inline;}
.program-left-foot a {color: #666; border-bottom: 1px #666 dotted;}
.program-left-foot a:hover {color: #666; border-bottom: none;}
.program-navigate {
  font-size: 7pt;
  text-align: center;
  color: #666;
}
.program-navigate a {border-bottom: none; color: #666;}
.program-navigate a:hover {border-bottom: 1px #666 dotted; color: #666;}
.program-navigate a#month-active {color: #fff;}

/* mapa */
.mapa {margin: 25px 0;}
 /* credit */
#credit {
    	padding: 15px 0 0 20px;
	color: #fff;
	text-align: center;
  }
  
#credit a {
	color:#fff;
	font-weight: bold;
	text-decoration: none;
}

#credit a:hover {
	color:#fff;
	border-bottom: 1px #fff dotted;
	font-weight: bold;
	text-decoration: none;
}



.zprava {
	margin: 10px 0px 20px 0px;
	border: solid 1px #666666;
}

.hlavicka, .paticka {
	padding: 3px 0px 3px 5px;
	background-color: #171c20;
}



.tlacitko {
	width: 100px;
	margin-top: 10px;
}

#alert { margin: 0 auto; width: 680px; height: 180px; background-color:#fff; color: #000;}
#alert a:hover {color: #000;}
