/* cssreset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
a,a:hover{outline:none;text-decoration:none;color:#666666;}

a:hover { 
	color: black;
	text-shadow: 0px 0px 3px #dddddd;
}

/* tell the browser to render HTML 5 elements as block */
article, aside, figure, footer, header, hgroup, nav, section { 
	display:block;}


body { 
	font: normal .80em sans-serif;
	text-align: center;
	color: #666666;
	vertical-align: baseline;
}

#all {
	width: 900px;
	margin: 0 auto;
	padding: 40px 0;
}

header {
	width: 900px;
	height: 54px;
	text-align: center;
}

#social {
	float: right;
}

#social a {
	margin-right: 40px;
}

#logo {
	width: 700px;
	padding: 0 0 20px 0;
	margin: 0 auto
}

#logo h1 {
	font-size: 200%;
	overflow: hidden;
}

h1 a:hover, nav a:hover {
	text-decoration: none;
	color: #666666;
	text-shadow: 0px 0px 0px;
}

#concert {
	color: #b0b0b0;
}

nav {
	clear: both;
	text-align: center;
}

#nav {
	margin: 0 0 0 150px;
	padding: 0;
	width: 600px;
}

ul#nav, ul#nav * { 
padding: 0;
display: block;
position: relative;
}

ul#nav li a {
font: normal lighter 120% sans-serif;
text-decoration: none;
outline: none;
z-index: 10;
display: block;
height: 30px;
width: 200px;
position: relative;
overflow: hidden;
letter-spacing: 1px;
}

ul#nav li { 
display: block;
list-style: none;
float: left;
position: relative;
}

ul#nav li:hover { 
visibility: inherit; /* fixes IE7 'sticky bug' */
padding:0;
}

ul#nav a { 
display: block;
position: relative;
}

section {
	clear: both;
	padding: 25px 0;
	width: 900px;
}

article {
	padding: 20px 20px 30px 20px;
	text-indent: 25px;
}

p {
	padding: 3px 88px;
	text-align: justify;
	letter-spacing: 1px;
	word-spacing: 5px;
	line-height: 20px;
}

h2 {
	clear: both;
	font-size: 150%;
	padding: 0 0 22px 0;
	letter-spacing: 1px;
}

q {
	font-style: italic;
	text-indent: -22px;
}

p b {
	font-weight: bold;
}

#onelivephoto a {
	display: block;
	width: 250px;
	height: 177px;
	background: url(../images/onelivephoto.png) no-repeat bottom;
	float: left;
	margin: 6px 33px 33px 77px;	
}

#onelivephoto a:hover {
	background: url(../images/onelivephoto.png) no-repeat top;
}

#stodola a {
	display: block;
	width: 250px;
	height: 39px;
	background: url(../images/stodola.png) no-repeat bottom;
	float: left;
	margin: 6px 33px 33px 77px;	
}

#stodola a:hover {
	background: url(../images/ostodola.png) no-repeat top;
}

#PPM a {
	display: block;
	width: 246px;
	height: 65px;
	background: url(../images/muzykapl.png) no-repeat bottom;
	float: left;
	border: 2px solid black ;
	margin: 6px 33px 33px 77px;
}

#PPM a:hover {
	border: 2px solid #dddddd ;
}

footer {
	clear: both;
	text-align: center;
	padding: 36px 0 16px 0;
}

#kontakt {
	width: 33%;
	height: 80px;
	margin: 135px auto;	
	text-align: left;
}

#kontakt div {
	width: 100%;
}

#kontakt span {
	font-size: 130%;
	vertical-align: top;
	padding: 0 0 0 25px;
	line-height: 40px;
}









#portfolio {
	width: 880px;
	padding: 25px 0 0 6px;
	margin: 0 auto 0px auto;
}

#portfolio img {
	width: 200px;
	height: 200px;
	padding-bottom: 6px;
}

.thumb1 {
	width: 200px;
	float: left;
	margin-right: 20px;
}

.thumb1lastinline { 
	width: 200px;
	float: left;
	margin-right: 0;
}

.linia1, .linia2 {
	width: 100%;
	float: left;
	margin-bottom: 20px;
	text-align: center;
}

.linia11 {
	width: 220px;
	margin: 0 auto;
}

.linia12 {
	width: 440px;
	margin: 0 auto;
}

.linia13 {
	width: 660px;
	margin: 0 auto;
}

#gallery {
	width: 820px;
	padding: 25px 0 0 0;
	margin: 0 auto 25px auto;
	background-color: white;
}

.gallery img {
	width: 120px;
	height: 120px;
	padding: 6px;
}

.thumb2 {
	width: 120px;
	float: left;
	margin-right: 20px;
}

.thumb2lastinline { 
	width: 120px;
	float: left;
	margin-right: 0;
}

.linia21 {
	width: 140px;
	margin: 0 auto;
	padding: 0 0 0 20px;
}

.linia22 {
	width: 280px;
	margin: 0 auto;
	padding: 0 0 0 20px;
}

.linia23 {
	width: 420px;
	margin: 0 auto;
	padding: 0 0 0 20px;
}

.linia24 {
	width: 560px;
	margin: 0 auto;
	padding: 0 0 0 20px;
}

.linia25 {
	width: 700px;
	margin: 0 auto;
	padding: 0 0 0 20px;
}

.norightmargin {
	margin-right: 0;
}

#obejma {
	width: 800px;
	margin: 0 auto;
}

.linkikolumna {
	width: 33%;
	float: left;
}

.linkikolumna a {
	display: block;
	margin: 12px 0;
}