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

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

html {
       overflow-y: scroll;
}

body { margin: 0; font-family: "ClementePD","Trebuchet MS", Arial, sans-serif; text-align:center; background-color:black; color:white;}

#container {  width: 672px; text-align: left; margin: 0 auto; font-size:16px;}

header { width: 672px; height: 345px; overflow:hidden; background:url("../image/header.png") no-repeat;}

main {width:640px; padding:0px 16px 0px 16px; text-align:left;}

nav { margin:20px 0px 20px 0px; width:640px; font-size:22px; font-weight:bold; display:block; position:relative;}
nav a { display:block; color:white; width:136px; border-bottom: 2px solid white; padding:5px 12px 3px 12px; float:left;}
nav a.selected {border: 2px solid white; width:132px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom:none;}
nav a:hover { color:silver;}

section.content {width:620px; padding:40px 10px 0px 10px; clear:both; display:block; position:relative;}

footer {clear:both; width:640px; height:40px; margin-top:40px; text-align:center; padding:0px 16px 0px 16px;}
footer a {color:white; font-weight:bold;}
footer div.footer_content {border-top: 2px solid white; padding:20px 0px 10px 0px;}

a {color:silver; text-decoration:none;}
a:visited {color:white;}
a:hover {color:gray;}
img {border:none;}

h1 { font-size:22px; font-weight:bold; font-family: "ClementePD","Trebuchet MS", Arial, sans-serif; margin:0px 0px 10px 0px; padding:0px;}

div.cleaner {clear:both;}

.hidden {display:none;}
a.popup {font-weight:bold; height:20px; display:block; background: url("../image/arrow_down.png") no-repeat left top; padding: 3px 0px 3px 25px;}
a.open {background:url("../image/arrow_up.png") no-repeat left top;}

#content_loader {display:none;}

.pager { text-align:center; margin:0px;color:white; font-weight:normal; text-transform:uppercase;font-family:"ClementePD","Trebuchet MS", Arial, sans-serif; font-size:15px;}
.pager strong {color:silver;}


#content img {max-width: 715px;}  

#content .youtube_video {margin:5px auto; width:480px;}  

.footer_content .icon {margin:3px;}

article.article .article_header {
    margin-top:5px;
}

#fb_banner {text-align:center; margin-bottom:30px; height:220px; }
    #fb_banner iframe {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

/*KAPELA*/
article.member { width:192px; float:left; padding:0px; margin:0px 12px 0px 0px;}
article.last {margin-right:0px;}
article.member div.face { width: 126px; height:174px; text-align:center; vertical-align:middle; margin-left:7px;}
div.member_content { height:340px; border: 2px solid white; border-radius: 10px; margin-top:20px; padding:12px 12px 12px 12px; font-size:14px;}
article.band_info { clear:both; padding:20px 0px 0px 0px;}
article.article .article_header span.date {font-weight:normal; font-size:10px;display:block;} 

/*SONGY*/
div.album {margin-bottom: 30px; display: flex;}
div.album_cover_col {width:50%;}
div.songs_col {width:50%;}
div.album h1 {margin-bottom:20px}
div.album img.album_cover {width: 200px;}

ul.songs li {list-style: none;margin: 0;}
ul.songs li a {font-weight:bold; height:20px; display:inline-block; background: url("../image/arrow_down.png") no-repeat left top; padding: 0px 0px 0px 25px; margin:4px 0px 4px 0px;}
ul.songs li a img { padding:0px; margin-left:5px; vertical-align:middle;}
ul.songs a.open {background:url("../image/arrow_up.png") no-repeat left top;}
ul.songs div.song_content {padding-left:25px; margin:5px 0px 10px 0px; display:none;}
ul.songs audio {width:200px; height:30px; display:block; margin:5px 0px 10px 0px;}
ul.songs div.lyrics {border: 2px solid white; border-radius: 10px; padding:12px; margin-top:5px;} 

article.song audio {width:300px; height:30px; display:block; margin:5px 0px 20px 10px;}

/*FOTKY*/
article.gallery {padding:0px 0px 5px 0px; clear:both;}
div.image {width:145px; float:left; padding:0px; margin:5px; text-align:center; vertical-align:middle;}
div.image img {width:145px; vertical-align:middle; text-align:center;}
.gallery_content .loader {margin:10px 10px 0px 50px; }
.gallery_content {display:none; padding-bottom:20px;}
.gallery_content .image_list {display:none;}
.gallery_link {clear:both; text-align:center; margin-top:5px;}

/*KONCERTY*/
article.concert {clear:both; margin-bottom:40px;}
article.noposter {border: 2px solid white; border-radius: 10px; padding:12px;}
article.concert img.poster {width:610px;}

.year_content .loader {margin:10px 10px 0px 50px; }
.year_content {display:none; padding-bottom:10px; margin-top:10px; margin-left:20px;}
.year_content .concert_list {display:none;}