@font-face {
  font-family: calibri;
  font-style: normal;
  font-weight: normal;
  src: url('./font/calibri.ttf');
}

@font-face {
  font-family: calibri;
  font-style: italic;
  font-weight: normal;
  src: url('./font/calibrii.ttf');
}

@font-face {
  font-family: calibri;
  font-style: normal;
  font-weight: bold;
  src: url('./font/calibrib.ttf');
}

@font-face {
  font-family: calibri;
  font-style: italic;
  font-weight: bold;
  src: url('./font/calibriz.ttf');
}

body {
	background: #000 url('bg.jpg') center top no-repeat;
	font: normal 10pt 'Verdana', Tahoma, sans-serif;
	color: #fff;

}

p {
margin: 2px 0; padding: 0 4px;
}

a {color: #fff; text-decoration:none; border-bottom: 1px #fff dotted;}
a:hover {color: #fff; text-decoration:none; border-bottom: none; }

img {
  border: none;
  
}
img a {
  border-bottom: none;
}



h1 {font: normal 11pt 'Calibri', Tahoma, sans-serif; color: #999; font-style: italic; margin-left: 20px; padding: 0; display: inline;}
h2 {font:normal 15pt 'Calibri', Tahoma, sans-serif; color: #ff0060; text-transform: uppercase; margin: 0 0 4px 0; border-left: 3px #fff solid; padding-left: 5px; text-align: left;}
h3  {font: bold 13pt 'Calibri', Tahoma, sans-serif; margin: 10px 0 0 0; text-align: left;}


/* Formular */

form {
	margin: 0px;
	padding: 0px;
}
fieldset a {border-bottom: none; }

fieldset {
	border: solid 1px #666666;
	padding: 5px;
	margin: 0px;
}



legend {
	border: solid 1px #666666;
	font-weight: bold;
	font-size: 8pt;
	color: #fff;
	padding: 3px 10px;
	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
**********************/

#main {
  margin: 0 auto;
  width:900px;
}

#header {
   margin: 20px 0 0 0;
   _margin: 20px 0 0 15px;
   background: url('header.jpg') center top no-repeat;
   height: 448px;
}

#navigate {
   margin: 0 auto;
    _margin: 0 0 0 15px;
   background: url('navi.jpg') center top no-repeat;
   height: 116px;
}

#content {
   margin: 0 auto;
   background: url('body.jpg') center top repeat-y;
   min-height: 400px;
}

#content-foto {
   margin: 0 auto;
   background: url('body-foto.jpg') center top repeat-y;
   min-height: 400px;
}

#foot {
   margin: 0 auto;
   background: url('foot.jpg') center top repeat-y;
   height: 40px;
}

/**********************
		STYLE
**********************/


/* texty v hlavicce */
#headtext {
	margin: 0 auto;
	_margin: 0 0 20px 30px;
	width: 850px;
	font: normal 11pt 'Calibri', Tahoma, sans-serif;
}
.head-left {display: inline;}
.head-right {display: inline; float: right;}

.link a {border-bottom: none;}
.link a:hover {border-bottom: 1px #999 dotted;}
.link-grey { color: #999;}
.link-white { color: #fff;}

.motto-grey  {color: #999; font-style: italic; }
.motto-white {color: #fff; font-style: italic; }


/* menu */

#menu{
	padding: 0; margin: 0 auto;
	width: 880px;
}

#menu ul {
	text-transform: uppercase;
	font-size: 10pt;
	color: #000;
	list-style: none;
	margin: 0 ; padding: 35px 0 0 10px;
}
#menu li {
	display: inline;
	
}
#menu li a {
	margin: 0px 13px;
	color: #fff;
	text-decoration: none;
	border-bottom: none; 
}
#menu li a:hover {
	color: #ff0060;
	border-bottom: 1px #ff0060 dotted;
}
#menu li a#current  {
	color: #ff0060;
	border-bottom: 1px #ff0060 dotted;	
}

#object { 
	
	margin: 0 auto;
	width: 900px;
	
}
#logo {
	padding: 80px 0 0 630px;
}

/* blok header */
#block {
	background: #000;
	width: 550px;
	height: 175px;
	margin: 70px 0 0 31px;
	_margin: 70px 0 0 15px;
	float: left;
}



/* navigace */
#navigate-text {
	margin: 0 auto;
	
	width: 850px;
	padding: 10px 0;
	
} 
#navigate-text a {
	border-bottom: none;
}
#navigate-text a:hover {
  	color: #ff0060;
	border-bottom: 1px #ff0060 dotted;
} 

/* content */
#text {
	margin: 0 auto;
	width: 850px;
	text-align: justify;
}

#body {
	width: 550px;
	float: left;
}

#sidebar {
	margin-left: 620px;
	width: 220px;
	padding-bottom: 15px;
	
}	

.news {
	padding-bottom: 25px;
}
.sdbnews {
	padding-bottom: 25px;
}

.date {
	text-align: right;
	margin: 5px 0;
	font-size: 9pt;
	font-style: italic;
}

.newsletter {
	text-align: left;
}

.newsletter-button {
	width: 202px;
}

/* program */
#program-panel{
  float: right;
  margin: 20px 25px;
}

.program-blok {
  border-top: 1px #666 solid;
  width: 500px;
  margin: 0 25px;
  padding: 15px 0;
}
.program-blok-current {
  border-top: 1px #666 solid;
  background: #131313;
  width: 500px;
  margin: 0 25px;
  padding: 15px 0;
}

.program-text {clear: both;}
.program-title {
  margin-top: 5px;
  font:bold 14pt 'Calibri', Tahoma, sans-serif; 
  color: #ff0060;
}
.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: #ff0060; border-bottom: 1px #ff0060 dotted;}
.program-left-foot a:hover {color: #ff0060; 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;}

/* galerie */
#gallery  {padding: 0 20px;}
#gallery a {border-bottom: none; display: inline;}
#gallery a:hover {border-bottom: 1px #fff dotted; display: inline;}

.foto-block {display: block; min-height: 120px; margin: 5px 0;}
.foto-text {display: block;}
.foto-head-text {font-size: 1.2em; font-weight: bold;}
.foto-randomthumb {float: left; padding: 5px 5px 5px 0; width: 80px; text-align: center;}
.foto-foot {padding: 8px 0; display: block; clear: both; border-bottom: 1px #fff dotted;}
.foto-autor {float: right; display: inline;}
.foto-count { display: inline;}

/*aktualni report*/
.actual-report {display: block; height: 110px;}
.report-randomthumb {float: left; width: 80px; text-align: center; margin-right: 5px;}
.report-randomthumb a{ border: none;}



/* o klubu */
#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;
}
/* banners */
#banners {text-align: center; margin: 5px 0;}
.banners img {margin: 3px;}
.banners a {border-bottom: none;}
/* footer */
.credit {
	text-align: center;
	color: #999;
	margin: 0 auto;
	padding: 15px;
	width: 900px;
}
.credit a {
  	color: #666;
  	border-bottom: 1px #666 dotted;
}

.credit a:hover {
  	color: #666;
  	border-bottom: none;
}


/* guest book */
.stranky  {
	font-style: italic;
	margin: 15px 0px;
}
.stranky a {border-bottom: none;}
.stranky a:hover {border-bottom: 1px #fff dotted;}

.zprava {
	margin: 10px 0px 20px 0px;
	border: solid 1px #666666;
}
.zprava a {border-bottom: none;}

.hlavicka, .paticka {
	padding: 3px 0px 3px 5px;
	background-color: #0d0b0b;
}

.tlacitko {
	width: 100px;
	margin-top: 10px;
}

#smajlici {
	margin: 0px 15px 10px 15px;
}


/* anketa */
.anketa{
	margin: 15px 0;
	font-size:10px;
}

.anketa th{
	
	border:1px solid #666;
}
.anketa td{
	border:1px solid #666;
	width: 80%;
}

.TlacitkoOdeslat{
	margin: 0 auto;
	border:1px solid #666;
	background-color:#F0F0F0;
	font-size:10px;
}
.radio input{
	width: 20px; height: 20px; margin: 0; border: 0; padding: 0;
	background-color: #dddddd;
	color: black;
}
.button input{
	width: 50%; 
	background-color: #dddddd;
	color: black;
}

#Pager a {border: none;}
#Pager a:hover {color: #666; border: none;}
.PageCurrent {font-weight: bold;}

.both{clear: both;}