html {
	font-family: Calibri, Arial, sans-serif; font-size: 16pt; color:#E7BE65; background-color: #000000;  
	}

body, table {
	font-family: Calibri, Arial, sans-serif; font-size: 16pt; color:#000000;
	}

h1 {
	font-size: 24pt;
	font-weight: bold;
	color: black;
	}

h2 {
	font-size: 24pt;
	color: blue;
	}


A: { TEXT-DECORATION: underline; COLOR: #000000 }
A:link { TEXT-DECORATION: underline; COLOR: #000000 }
A:visited { TEXT-DECORATION: underline; COLOR: #000000 }
A:hover { TEXT-DECORATION: none; COLOR: blue }


#titulka {
	position: absolute; width: 708px; height: 201px; z-index: 1; left: 119px; top: 55px; background-image: url('pics/k17_nadpis.jpg'); background-repeat: no-repeat;
	}

#houslak {
	position: absolute; width: 372px; height: 472px; z-index: 2; left: 873px; top: 12px; background-image: url('pics/k17_klic.jpg'); background-repeat: no-repeat;
	}

#menu {
	position: absolute; width: 150px; height: 374px; z-index: 3; left: 65px; top: 263px; background-image: url('pics/k17_pozadi_menu.jpg'); background-repeat: no-repeat; padding-top:1px; padding-left:20px; font-weight: bold;
	}

#textik {
	position: absolute; width: 512px; height: 613px; z-index: 4; left: 300px; top: 262px; background-image: url('pics/k17_pozadi_512.jpg'); background-repeat: no-repeat; padding-top:5px; padding-left:25px;
	}

#video {
	position: absolute; width: 512px; height: 5370px; z-index: 8; left: 275px; top: 262px; background-image: url('pics/k17_pozadi_512_body.jpg'); background-repeat: repeat-y; padding-top:5px; padding-left:40px;
	}

#fotecky {
	position: absolute; width: 307px; height: 167px; z-index: 5; left: 905px; top: 505px;padding-top:10px; padding-left:25px;
	}

#kontakt {
	position: absolute; width: 307px; height: 167px; z-index: 6; left: 905px; top: 692px; background-image: url('pics/k17_pozadi_kontakt.jpg'); background-repeat: no-repeat; padding-top:10px; padding-left:25px;
	}

#hvezdy {
	position: absolute; width: 96px; height: 125px; z-index: 7; left: 88px; top: 728px;
	}

#galerka {
	position: absolute; width: 562px; height: 1680px; z-index: 8; left: 275px; top: 262px; background-image: url('pics/k17_pozadi_562_body.jpg'); background-repeat: repeat-y; padding-top:5px; padding-left:10px;
	}



/* přehrávač videa z YouTube */
.vid {margin-bottom: 15px; margin-left: -3px;} 
.vid_a {font-size: 10pt; text-align: right;} 
.vid_a a {text-decoration: none;} 
.vid_a img {border: 0px; vertical-align: top;} 
.vid caption {
	background-color: #FFFFFF;
	border: 1px solid #000000;
	font-size: 10pt; font-weight: bold; height: 23px;
	line-height: 23px; margin: 0 auto; width: 418px;
	}

.zpevacka {
	text-align: center;
	font-family: Calibri, Arial, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #000000;
	background-color: #abcdef;
	}


/* houpání obrázků */
.swing{
	-webkit-animation:swinging 10s ease-in-out 0s infinite;
	-moz-animation:swinging 10s ease-in-out 0s infinite;
	animation:swinging 10s ease-in-out 0s infinite;
	-webkit-transform-origin:50% 0;
	-moz-transform-origin:50% 0;
	transform-origin:50% 0;
	}
@-webkit-keyframes swinging{
	0% { -webkit-transform: rotate(0); }
	5% { -webkit-transform: rotate(10deg); }
	10% { -webkit-transform: rotate(-9deg); }
	15% { -webkit-transform: rotate(8deg); }
	20% { -webkit-transform: rotate(-7deg); }
	25% { -webkit-transform: rotate(6deg); }
	30% { -webkit-transform: rotate(-5deg); }
	35% { -webkit-transform: rotate(4deg); }
	40% { -webkit-transform: rotate(-3deg); }
	45% { -webkit-transform: rotate(2deg); }
	50% { -webkit-transform: rotate(0); } /* Come to rest at 50%. The rest is just stillness */
	100% { -webkit-transform: rotate(0); }
	}
@-moz-keyframes swinging{
	0% { -moz-transform: rotate(0); }
	5% { -moz-transform: rotate(10deg); }
	10% { -moz-transform: rotate(-9deg); }
	15% { -moz-transform: rotate(8deg); }
	20% { -moz-transform: rotate(-7deg); }
	25% { -moz-transform: rotate(6deg); }
	30% { -moz-transform: rotate(-5deg); }
	35% { -moz-transform: rotate(4deg); }
	40% { -moz-transform: rotate(-3deg); }
	45% { -moz-transform: rotate(2deg); }
	50% { -moz-transform: rotate(0); } /* Come to rest at 50%. The rest is just stillness */
	100% { -moz-transform: rotate(0); }
	}
@keyframes swinging{
	0% { transform: rotate(0); }
	5% { transform: rotate(10deg); }
	10% { transform: rotate(-9deg); }
	15% { transform: rotate(8deg); }
	20% { transform: rotate(-7deg); }
	25% { transform: rotate(6deg); }
	30% { transform: rotate(-5deg); }
	35% { transform: rotate(4deg); }
	40% { transform: rotate(-3deg); }
	45% { transform: rotate(2deg); }
	50% { transform: rotate(0); } /* Come to rest at 50%. The rest is just stillness */
	100% { transform: rotate(0); }
	}
/* konec houpání obrázků */