/* web ddm bystrice */

body { margin: 0; padding: 0; text-align: center; background: #eee}

* {
	margin: 0;
	padding: 0;
	border: 0;
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #999
}

#container {
	margin: 0 auto;
	width: 980px;
	background: url('../images/hdr.gif') no-repeat top left;
	}

#navarea {
	width: 980px;
	height: 50px;
	background: transparent
}

#hdr { 
	width: 980px;
	height: 125px;
	background:  transparent
}

#lftcol { 
	float: left;
	width: 200px;
	background: transparent;
	overflow: hidden;
}

#maincol {  
	float: right;
	width: 780px;
	background: #1C44BC;
	overflow: hidden;
}

#bttmbar {  
	margin-bottom: 20px;
	float: right;
	width: 780px;
	height: 30px;
	background: url('../images/bttm.gif') no-repeat #1C44BC;
	overflow: hidden
}

#bttmbar span#copyright {  
	margin-left: 10px;
	float: left;
	line-height: 30px;
	text-align: left;
	font-size: 9px;
	color: #6488F7;
}

#sitetitle { 
	position: relative;
	top: 20px; 
	left: 420px;  
	font-family: Georgia, serif;
	font-size: 36px;
	line-height: 40px;
	font-weight: bold;  
	color: #FF9933; 
	letter-spacing: 8px;
	width: 400px;
	}
	
#subtitle { 
	position: relative;
	top: 24px; 
	left: 420px;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	color: #6488F7;
	letter-spacing: 3px;
	width: 400px;
	}
	
#subtitle a {  
	font-size: 12px; 
	font-weight: normal;
	line-height: 18px;
	color: #6488F7;
	letter-spacing: 3px; 
	text-decoration: none;
	border-bottom: 1px dashed #496FE4;
}
	
#subtitle a:hover {  
	color: #FFF000; 
	text-decoration: none;
	border-bottom: 1px dashed #FFF000;
	}

#maincol p { color: #C5CEE7; margin: 5px 40px 5px 145px; letter-spacing: 0px } 

#maincol h1, #maincol h2 {    
	margin: 15px 10px 5px 25px; 
	font-family: Georgia, serif; 
	font-size: 17px; 
	font-weight: 100; 
	line-height: 19px; 
	color: #FF9933; 
	letter-spacing: 2px
	 }  

#maincol .date {    
	margin-left: 25px; 
	font-size: 9px; 
	color: #6488F7;
	letter-spacing: 1px
}

#maincol a:link, #maincol a:visited {   
	color: #EA6059;
	text-decoration: none;
	text-align: left;
}

#maincol a:hover, #maincol a:active {   
	color: #FFF000;
	text-decoration: none;
	text-align: left;
}

#lftcol a:link, #lftcol a:visited {   
	padding-left: 11px;
	color: #000000;
	text-decoration: none;
	text-align: left;
}
	
#lftcol a:hover, #lftcol a:active {   
	padding-left: 11px;
	color: #FF0000;
	text-decoration: none;
	text-align: left;
}
	
	
.leftcolbox h1,h2,h3 {  
	font-family: Verdana, Arial, sans-serif;
	margin: 0 15px 12px 15px;
	font-weight: bold;
	color: #000000;
	letter-spacing: 0;
	font-size: 13px;
	line-height: 14px;
}


#nav   
{
	float: right;
	margin-top: 27px;
	white-space: nowrap;
}

#nav li  
{
	font-size: 10px;
	float: left;
	list-style: none;
	line-height: 21px; 
	/*text-align: center */
}

#nav a {   
	font-size: 10px;
	padding-left: 12px;
	display: block;
	margin-right: 5px;
	width: 55px; 
	height: 21px;
	line-height: 21px;
	text-decoration: none;
	 }

#nav a:link, #nav a:visited  
{
	color: #1C44BC; 
	border-bottom: 2px solid #8599D4;
	background: url('../images/toplinkbullet.gif') no-repeat 2% 60% #B2C2F4; 
}

#nav a:hover, #nav a:active 
{
	color: #FFF000; 
	border-bottom: 2px solid #1C44BC;
	background: url('../images/toplinkbullet2.gif') no-repeat 2% 60% #1C44BC;
}

div.rule {  
	margin: 0 0 20px 0;
	width: 780px;
	height: 50px;
	background: url('../images/leafrule.gif');
	border: 0;
}

div.rule-uzka {  
	width: 780px;
	height: 50px;
	background: url('../images/leafrule.gif');
	border: 0;
}

div.leftcolbox {  
	padding: 0 0 0px 0;
	margin: 15px;
	width: 170px;
	background: url('../images/leftboxbottom.gif') no-repeat bottom #FFCF31;
	overflow: hidden;
	}

div.leftlogo {  
	padding: 0 0 0px 0;
	margin: 0 15px 15px 15px;
	width: 170px;
	height: 181px;
	overflow: hidden;
	background-image: url('../images/logo.png');
	background-repeat: no-repeat;
	
	}
	
div.leftcolboxtop {
	height: 10px;
	width: 170px;
	background: url('../images/leftboxtop.gif') no-repeat top;
}
	
.leftcolbox p {  
	margin: 0 15px 12px 15px;
	font-size: 11px;
	line-height: 16px;
	color: #000000;
}

.leftcolbox img { 
	margin: 0 auto;
}

acronym { 
	color: #ccc;
	border-bottom: 1px dashed #ccc;
	cursor: help; 
}

#bttmnav {
	float: right;
	margin-right: 10px;
}
#bttmnav li {display: inline; font-weight: normal;}
#bttmnav a {  padding-left: 10px; font-size: 9px; line-height: 30px; }
#bttmnav a:link, #bttmnav a:visited { color: #6488F7; }
#bttmnav a:hover, #bttmnav a:active { text-decoration: none; color: #6488F7; }


#maincol ul {   
	margin-top: 15px; 
	margin-bottom: 15px; 
	margin-left: 150px; 
	list-style: square;
}

#maincol li { 
	color: #C5CEE7;
	margin-left: 10px;
	margin-right: 40px;
}

#maincol ol {  
  margin-top: 15px; 
  margin-bottom: 15px; 
  font-size: 0.7em;
  line-height: 1.5em;
  list-style-type:  decimal
 }

#filmovy-pas { 
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: center;
	position: relative;
 }


.justify {
  text-align: justify;
 }

.zakladni_udaje {
	width: 600px;
	margin: 5px 40px 5px 145px;
 }
 
.udaje-nadpis {
	color: #C5CEE7;
	font-weight: bold;
	vertical-align: top;
	width: 130px;
 }

.udaje-popis {
	color: #C5CEE7;
 }

.kontaktni_udaje {
	width: 600px;
	margin: 5px 40px 5px 145px;
 }
 
.fotka {
	text-align: center;
	width: 120px;
	border: solid 1px black;
 }
 
.fotka-jmeno {
	text-align: left;
	line-height: 25px;
	padding-left: 20px;
	font-weight: bold;
	color: #FFFFFF;
 }
 
.fotka-funkce {
	text-align: left;
	padding-left: 20px;
	font-style: italic;
	color: #FFCC66;
 }
 
.fotka-kontakt {
	text-align: left;
	padding-left: 20px;
	padding-top: 5px;
 }
 
td.po-den {
	font-style: italic;
	color:#FF9900;
	text-align: center;
	line-height: 25px;
	padding-left: 160px;
 }

td.po-hodina {
	color:#FFFFFF;
	text-align: center;
	line-height: 25px;
	padding-right: 160px;
 }
 
td.mc {
	line-height: 160px;
	width: 33%;
	text-align: center;
 }

td.nadpis-sekce-ostatni {
	color:#FF9900;
	font-size: 17px;
	font-weight: bold;
	padding-bottom: 30px;
	line-height: 30px;
	text-align: center;
	font-family: Georgia, serif;
 }

td.nadpis-sekce-ostatni a:link, td.nadpis-sekce-ostatni a:visited {
	color:#FF9900;
	font-size: 17px;
	font-weight: bold;
	padding-bottom: 15px;
	padding-left: 10px;
	line-height: 30px;
	text-align: center;
	font-family: Georgia, serif;
 }

td.nadpis-sekce-ostatni a:hover, td.nadpis-sekce-ostatni a:active {
	color:#FF9900;
	font-size: 17px;
	font-weight: bold;
	padding-bottom: 15px;
	padding-left: 10px;
	line-height: 30px;
	text-align: center;
	font-family: Georgia, serif;
 }

td.nadpis-sekce-ostatni-samostatne {
	color:#FF9900;
	font-size: 17px;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
	font-family: Georgia, serif;
 }

table.akce {
	width: 550px;
	margin: 5px 0 5px 50px;
}

td.akce-pozvanka {
	text-align: center;
	width: 60px;
 }
 
td.akce-pozvanka-galerie {
	text-align: center;
	width: 30px;
 }

td.akce-datum {
	color: #FFFFFF;
	font-style: italic;
	font-size: 12px;
	width: 150px;
 }

td.akce-nazev {
	color: #FFCC00;
	font-weight: bold;
 }
 
td.krouzky-logo {
	text-align: center;
}

td.nadpis-sekce-krouzky {
	color:#FF9900;
	font-size: 15px;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
	font-family: Georgia, serif;
	padding: 20px 0 30px 0;
 }

td.nadpis-sekce-krouzky a:link, td.nadpis-sekce-krouzky a:visited {
	color:#FF9900;
	font-size: 15px;
	font-weight: bold;
	padding: 20px 0 30px 0;
	line-height: 30px;
	text-align: center;
	font-family: Georgia, serif;
 }

td.nadpis-sekce-krouzky a:hover, td.nadpis-sekce-krouzky a:active {
	color:#FF9900;
	font-size: 15px;
	font-weight: bold;
	padding: 20px 0 30px 0;
	line-height: 30px;
	text-align: center;
	font-family: Georgia, serif;
 }

.date a:link, .date a:visited {   
	font-size: 9px; 
	color: #EA6059;
	letter-spacing: 1px;
}

.date a:hover, .date a:active {  
	font-size: 9px; 
	color: #FFF000;
	letter-spacing: 1px;
}

td.krouzky-den {
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 25px;
	font-size: 14px;
}

td.krouzky-nazev {
	color: #FFCF31;
	width: 400px;
}

td.krouzky-vedouci {
	color: #FFFFFF;
	width: 400px;
	font-style: italic;
	padding-left: 10px;
}

td.krouzky-mezera {
	line-height: 5px;
}

td.krouzky-cas {
	width: 150px;
	color: #FF9933;
}

td.krouzky-misto {
	width: 150px;
	color: #FF9933;
	font-style: italic;
	font-size: 10px;
}

td.krouzky-foto {
	text-align: center;
}