/* slowiak.net */

* {
margin:0;
padding:0;
}


html, body {
color:#ffffff;
font-size:88%;
font-family:Lucida Sans Unicode,Georgia,Arial,sans-serif;
background:url(/gfx/body-bg.png) #21201e;
}


#jumper {
position:absolute;
left:-3000px;
top:10px;
color: white;
display:block;
padding:0.5em;
border: yellow white 2px;
background-color: #00A7D1;
font-weight:bold;
}

#jumper:focus,
#jumper:active,
#jumper.fokus {
left:10px;
top:10px;
}


#header {
height:550px;
color:#666564;
font-family:Arial,sans-serif;
font-size:90%;
}

#logo {
width:378px;
height:90px;
position:absolute;
top:15px;
border:0;
background:url(/gfx/pianist-logo-css.png) no-repeat;
}

#header img {
border:0;
}

#container {
width:960px;
height:auto;
}

#big-container {
width:100%;
height:auto;
background:url(/gfx/big-container-bg.png) top left repeat-x;
}

#navi-header {
width:500px;
height:66px;
position:absolute;
left:450px;
}

#navi-header a, #navi-header label {
color:#666564;
}

#lang-list {
margin-top:27px;
}

#lang-list li {
list-style:none;
display:inline;
margin-left:5px;
}

#lang-list a {
text-decoration:none;
}

#lang-list a:hover,
#lang-list a:focus,
#lang-list a:active {
color:white;
}

#header-menu {
width:558px;
height:21px;
position:absolute;
top:249px;
left:402px;
}

#header-menu li {
list-style:none;
}

#header-menu a {
color:white;
text-transform:uppercase;
text-decoration:none;
position:absolute;
}

#header-menu a:hover,
#header-menu a:focus,
#header-menu a:active {
color:#019ad3;
background-position:bottom left;
}

#header-menu-a {
width:67px;
height:21px;
display:block;
position:absolute;
left:63px;
background:url(/gfx/header-a-en.png) no-repeat;
}

#header-menu-b {
width:79px;
height:21px;
display:block;
position:absolute;
left:177px;
background:url(/gfx/header-b-en.png) no-repeat;
}

#header-menu-c {
width:64px;
height:21px;
display:block;
position:absolute;
left:301px;
background:url(/gfx/header-c-en.png) no-repeat;
}

#header-menu-d {
width:64px;
height:21px;
display:block;
position:absolute;
left:411px;
background:url(/gfx/header-d-en.png) no-repeat;
}


#header-menu-e {
width:50px;
height:21px;
display:block;
position:absolute;
left:508px;
background:url(/gfx/header-e-en.png) no-repeat;
}

#mailing {
width:330px;
position:absolute;
right:0px;
top:6px;
}

#mailing-form fieldset {
border:0;
}

#mailing-form legend {
position:absolute;
text-indent:-3000px;
}

#email {
width:104px;
height:18px;
border:0;
background:url(/gfx/input-email.gif) no-repeat #41403f;
color:#00a7d1;
padding-left:5px;
}

#join {
position:relative;
left:5px;
top:6px;
background-color:#019AD3;
color:white;
font-weight:bold;
}

#content {
text-align:justify;
}

.txt {
margin:30px;
}


/* gallery */
/* thumbnail list */

	

.gallery a {
display:block;
float:left;
width:50px;
height:50px;
line-height:100px;
overflow:hidden;
position:relative;
z-index:1;
margin:10px;
border:solid #666564 1px;		
}

.gallery a img {
float:left;
position:absolute;
top:-20px;
left:-20px;	
}
	
/* mouse over */
	
.gallery a:hover,
.gallery a:focus,
.gallery a:active {
overflow:visible;
z-index:100;	
border:solid #666564 1px;
}
		
.gallery a:hover img,
.gallery a:focus img,
.gallery a:active img {
background:#666564;			
}	

#content h2 {
color:#00a7d1;
display:block;
margin-bottom:20px;
font-family:Lucida Sans Unicode,sans-serif;
font-weight:normal;
text-transform:uppercase;
letter-spacing:-1px;
padding:5px 0px 5px 5px;
border:solid #00A7D1 30px;
border-width:0px 0px 0px 30px;
}

#content h3 {
color:#00a7d1;
text-transform:uppercase;
font-weight:normal;
margin:0px 0px 10px 0px;
}

#content p {
margin-bottom:15px;
line-height:120%;
text-indent:15px;
}

#content a {
color:white;
}

#content a:visited {
color:#B3BCC1;
}

#content a:hover,
#content a:focus,
#content a:active {
color:#00A7D1;
text-decoration:none;
}

.concert-list {
width:100%;
border:solid #494846 1px;
text-align:left;
font-family:Lucida Sans Unicode,Arial,sans-serif;
border-collapse:collapse;
}

.concert-list th, .concert-list td {
padding:5px;
}

.concert-list th {
border-bottom:solid #494846 1px;
color:#00A7D1;
}


.box-float {
width:35%;			<!--przed dodaniem płyty chopin 2010 ustawone na 30% -->
height:auto;
float:left;
margin-right:20px;
}

.box-kontakt {
width:30%;
height:auto;
float:left;
margin-right:30px;
}

.tracklist li {
list-style:none;
margin:5px 0px 5px 0px;
}

.mark-blue {
color:#00A7D1;
}

#footer {
border:solid #2b2a29 3px;
border-width:3px 0px 0px 0px;
padding:10px 0px 10px 0px;
background:url(/gfx/lilia-footer.png) no-repeat;
}

#footer p {
margin-left:60px;
}

#footer, #footer a {
font-family:Arial,sans-serif;
color:#666564;
text-decoration:none;
}

#footer a:hover,
#footer a:focus, 
#footer a:active {
color:white;
}

#footer-div {
width:960px;
text-align:center;
}

#footer-menu {

}

#footer-menu li {
list-style:none;
display:inline;
margin-left:10px;
background:url(/gfx/footer-menu-a.gif) no-repeat 0 50%;
padding-left:10px;
}

#audio {
width:300px;
float:right;
margin:54px 100px 0px 0px;
}


/* news */
/* thumbnail list */
	

.news a {
display:block;
float:left;
width:220px;
height:220px;
line-height:100px;
overflow:hidden;
position:relative;
z-index:1;
margin:10px;
border:solid #666564 1px;		
}

.news a img {
float:left;
position:absolute;
top:-20px;
left:-20px;	
}
	
/* mouse over */
	
.news a:hover,
.news a:focus,
.news a:active {
overflow:visible;
z-index:100;	
border:solid #666564 1px;
}
		
.news a:hover img,
.news a:focus img,
.news a:active img {
background:#666564;			
}	

/* do prasy z opisem */
.news ul li {
    display:block;
    width:220px;
    height:320px;
    float:left;
    text-align:center;
    margin:0 7px;
}

/*koniec news*/