html { height: 100%; }

body {
	height: 100%;
	background-color: #75767a;
	background-image: url("../images/background_main.png");
	background-position: top center;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 75%;
	background-repeat: repeat-y;
	margin: 0px;
	color: #D4D4D4	
}

#mainContainer {
	border: 1px solid #3d3d3d;
	background-image: url("../images/content_main.png");
	background-repeat: repeat-y;
	margin: 0 auto;
	width: 1000px;
	padding: 0;
	text-align: left;
	}

.left { float: left; }
.right { float: right; }
.center {text-align:center;}
/*===================================*/

#header {
	background-color: #333333;
	background-image: url("../images/banner_main.png");
	height: 177px;
	margin: 0;
	padding: 0;
	}

#header .box { padding: 56px 16px; margin: 0; 
background-image: url(../images/gramophone.png);
background-repeat: no-repeat;
background-position: 50px 50px;
padding-left:150px;
}
#header h2 { 
	font-weight: normal;
	font-size: 24px;
	color: #929db5;
	margin: 0;
}
#header h3 {
	font-weight: normal;
	font-size: 18px;
	color: #CCCCCC;
	margin: 0;
	}

/*===================================*/

#navigation {
	background-color: #47526a;
	background-image: url("../images/navigation_main.png");
	height: 32px;
	margin: 0;
	padding: 0;
	}

#topShadow {
	background-image: url("../images/content_shadow.png");
	height: 29px;
	margin: 0;
	padding: 0;
	}
	
div.navi {
	float: left;
	width: 110px; 
	height: 32px;
	margin: 0;
	padding: 0;
	background-position: 0 -32px;
	border-right: 1px solid #2d333f;
	}


div.navi:last-child{
  width:111px;
}

#navigation a {
	display: block;
	width: 100%;
	height: 22px;
	color: #a1adc5;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	margin: 0;
	padding-top: 8px;
	background-position: 0 0;
	}
	
#navigation a:hover { background-image: none; }

/*===================================*/

#content {
	line-height: 20px;
	word-spacing: 2px;
	text-align: justify;
	width: 819px;
	float: left;
	position: relative;
	margin-bottom: 32px;
	}

#content .box {	padding: 0 16px; margin-bottom: 16px; }

#content .spacer {
	background-image: url("../images/content_spacer.png");
	height: 29px;
	margin: 0;
	padding: 0;
}


#content h2 {
	font-size: 16px;
	font-weight: bold;
	color: #929db5;
	margin: 0 10px 0 0;
	}

#content h2 a { text-decoration: none; font-weight: bold; }
	
#content h3 {
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	margin: 0 10px 0 0;
	}

#content a { color: #929db5; text-decoration: none; }
#content a:hover { color: #b4bfd7; }
#content img.border { padding: 1px; background-color: #6d6d6d; border: 1px solid #3e3e3e; margin-left: 8px; margin-right: 8px; }



/*===================================*/
	
#sidebar {
	width: 181px;
	float: right;
	position: relative;
	}
	
#sidebar .box { padding: 0 10px 5px 10px; }

#sidebar .spacer {
	background-image: url("../images/sidebar_spacer.png");
	height: 29px;
	margin: 0;
	padding: 0;
	}

#sidebar h3 {
	font-size: 13px;
	font-weight: bold;
	color: #838ea3;
	margin: 0;
	}

#sidebar p {
	font-size: 11px;
	line-height: 20px;
	word-spacing: 1px;
	color: #F0F0F0;
	}

#sidebar img { margin: 0; padding: 1px; background-color: #556076; border: 1px solid #394150; }
#sidebar ul { padding: 0; margin: 0; }
#sidebar li { list-style-type: none; padding-left: 16px; padding-top: 0px; }
#sidebar a { color: #a1adc5; text-decoration: none; }
#sidebar a:hover { text-decoration: underline; }
#sidebar a.current { color: #ffffff; }

/*===================================*/
	
#bottomShadow {
	background-image: url("../images/content_bShadow.png");
	height: 29px;
	margin: 0;
	padding: 0;
	clear: both;
	position: relative;
	}

#footer {
	background-image: url("../images/footer_main.png");
	height: 49px;
	margin: 0;
	padding: 0;
	clear: both;
	position: relative;
	}

#footer .box {
	text-align: center;
	margin: auto;
	padding-top: 16px;
	font-size: 9px;
	font-style: italic;
	}

#footer a {	color: #a1adc5; }

.strankovani{
  text-align: center;
}

#clanky_prehled{
  text-align: center;
}

.seznam_clanku{
  margin: 20px;
}

.seznam_clanku > div{
  border-top: 1px solid #929DB5;
}

.seznam_clanku > div:last-child{
  border-bottom: 1px solid #929DB5;
}

.clanek:hover{
  background-color: rgb(66,66,66);
}

a.plist{
  display:none;
}

.clanek:hover a.plist{
  display:inline;
}

.clanek .link{
  float:left;
}
.clanek .datum{
  text-align:right;
  font-size: 90%;
}
.clanek .popis{
  float:left;
}
.clanek .statistika{
  text-align:right;
  font-size: 90%;
}
.contacts{
  border-top: 1px solid #929DB5;
  margin: 20px;
  border-bottom: 1px solid #929DB5;
  padding-top:10px;
  padding-bottom:10px;
}

.contacts img{
  float:left;
  padding-right:50px;
}

.contacts .details{
  float:left;
}

.contacts .details ul{
  list-style-image:none; 
  list-style-position:outside; 
  list-style-type:none; 
  margin-left:0; 
  padding-left:0; 
  line-height:20px;
}

.contacts .details ul li{
 background-repeat:no-repeat; 
 padding-left:20px;
}


.clearer{
  clear:both;
}

.message{
  margin: 20px;
  border-bottom: 1px solid #929DB5;
  padding-top:10px;
  padding-bottom:10px;
}

.message label{
  display:block;
  width:50px;
  float:left;
}

.message .row div{
  float:left;
}

input.submit{
  display:none;
}

div.separator{
  height:20px;
}

#loginform{
  text-align:center;
}

#loginform input[type=image]{
  position:relative;
  top: 7px;
}

#loginform input[type=text], #loginform input[type=password]{
  width: 50px;
  background-color:silver;
  border: 1px solid #2D333F;
  height: 20px;
  text-align:center;
  color:white;
}

textarea{
  background-color:silver;
}

#logoutform{
  dispay:inline;
  float:right;
  position: relative;
  top:-30px;
}

  div.imgholder{
    text-align:center;
  }

  .image{
    position:relative;
    float:left; 
    padding-left:10px; 
    padding-bottom:10px;
    height: 127px;
  }
  .image_align {
    float:left;
  }
  .image_align img {
    position:relative; 
    background:#fff; 
    padding:1px; 
    display:block;
    -moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
  }

  .image a img{
    border: none;
  }

select{
  background-color: silver;
}
input[type=text]{
  background-color: silver;
}
option.current{
  font-weight:bold;
}


#fancybox-content{
  background-color:#75767A;
}

div.strankovani span{
  padding: 15px;
}

fieldset#editform div{
  padding-top: 2px;
  padding-bottom: 2px;
  clear:both;
}

fieldset#editform div label{
  float:left; 
  display: block;
  width: 100px;
  text-align: right;
  padding-right: 5px;
}

fieldset#editform div input[type=text]{
  background-color: silver;
  float:left; 
  display: block;
  width: 650px;
}

fieldset#editform div input.small{
  width: 100px;
}

fieldset#editform div input[type=button], fieldset#editform div input[type=submit]{
	margin-left:10px;
  border:1px solid #ddd;
	background:#0b77b7;
	color: white;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}

.window label{
  display: block;
  float:left;
  width:150px;
  text-align:right;
}

.error{
  color:red;
}

#searchform{
  position: relative;
  text-align:center;
  top:-100px;
  left:350px;
}

#searchform input[type=image]{
  position:relative;
  top: 7px;
}

#searchform input[type=text], #searchform input[type=password]{
  width: 100px;
  background-color:silver;
  border: 1px solid #2D333F;
  height: 20px;
  text-align:center;
  color:white;
}

table{
  width:100%;
}

tr:hover td{background-color:#424242;}

td{border-top:1px solid #929DB5; border-right:1px solid #929DB5;}
th{text-align:center; border-top:1px solid #929DB5; border-right:1px solid #929DB5;}
td:first-child, th:first-child{border-left:1px solid #929DB5;}
tr:last-child td{border-bottom:1px solid #929DB5;}
th{padding:5px;}
td{padding:5px;}
td.nr{text-align:right;}

th{background-color: #47526A;
    background-image: url("../images/navigation_main.png");
    }

code{
  font-size:120%;
  display:block;
  background-color: rgb(255,255,255);
  padding:10px;
  overflow:auto;
}
img.dl{
  position:relative;
  top:3px;
}
.winerrnotice{
  padding:25px;
  color:white;
  font-weight:bold;
}

.winfieldset{
  width:400px;
  padding:10px;
  margin:10px;
  color:white;
}

#csfdfieldset{
  width:800px;
  padding:10px;
  margin:10px;
  color:white;
}

#csfdfieldset .poster{
  float:left;
  display:block;
}

#csfdfieldset .header{
  float:left;
  width:630px;
  padding-left:10px;
}

#csfdfieldset h3{
  padding-top:0;
  margin-top:0;
  float:left;
  display:block;
  width:620px;
}

#csfdfieldset .label{
  font-weight:bold;
}

#csfdlink{
  float:right;
  display:block;
}

a[rel=gallery] img{
  max-width:255px;
  max-height:255px;
}

#player{
  text-align:center;
}
span.nalezeno{
  color:rgb(255,255,204);
}

#navigation a.current{
  color:white;
}