body {
font: 12px "Tahoma", sans-serif;
color: #848484;
background: url(../img/bg.png);
}
* { margin: 0; padding: 0; }
p { margin: 20px 0; text-align: justify; line-height: 1.5em; }
a { color: #FFF; text-decoration: none; }
a:hover { color: #F0F0F0; text-decoration: none; }
a img { border: 0; }
h2 {font-size: 13px; color: #B22222; font-weight: 800;}
h3 {font-size: 12px; color: #FFFFFF; font-style: italic; font-weight: 800;}

#bg {
width: 100%;
background: url(../img/bg-top2.png) repeat-x;
text-align: center;
height: 500px;
}
#container {
width: 958px;
margin: auto;
text-align: left;
}
#top {
width: 100%;
height: 95px;
background: url(../img/top.png);
position: relative;
}
#top h1 { position: absolute; top: 18px; left: 5px; }
#top ul { position: absolute; right: 15px; list-style: none; }
#top ul li { float: left; }
#top-menu { top: 24px; }

#cw {float:left; width: 508px;}
#cw a { float: right; background: url(../img/arrow.png) no-repeat; padding: 4px 0 4px 30px; margin-left: 10px; display: block; }


#top-menu a { float: left; background: url(../img/arrow.png) no-repeat; padding: 4px 0 4px 30px; margin-left: 10px; display: block; }

#lang { top: 55px; }
#lang li { margin-left: 5px; }

#menu { list-style: none; margin: 20px 0 30px 0; background: url(../img/menu.png); overflow: hidden; height: 22px; padding: 5px 0 0 0; width: 958px; }
#menu li { float: left; font-weight: bold; font-size: 1.1em; text-align: center; margin-right: 1px; }
#m1 { width: 111px; }
#m2 { width: 105px; }
#m3 { width: 109px; }
#m4 { width: 102px; }
#m5 { width: 94px; }
#m6 { width: 115px; }
#m7 { width: 114px; }
#m8 { width: 103px; }
#m9 { width: 91px; }

#main-content-home {float:left; width: 508px; }
#main-content {float:left; width:508px; padding:0px; margin:0px;}
#main-content p {float:left; margin:0; padding:0 0 20px 0; width:508px;}

#content {width: 958px; float:left; display:inline; padding:0; margin:0;}
#content-title {float:left; display:block; width: 98%; color: #FFF; font-size: 1.4em; font-family:Arial, sans-serif; font-weight:bold; margin-bottom: 20px; border-bottom: 1px solid #262626; padding: 10px 0 10px 5px; }

#footer {float:left; margin:20px 0px 0px 0px; padding:0; width: 100%; text-align: center; background: url(../img/footer.png) repeat-x; height: 96px; }
#footer-content {overflow: hidden; margin: 0 auto; text-align: left; width: 858px; background: url(../img/skrzypce.png) no-repeat; height: 96px; padding: 0 0 0 100px; }
#copy { float: left; padding-top: 65px }
#gekos { float: right; padding-top: 49px; }

#terminy, #muzyka p, #linki { text-align: center; line-height: 1.5em; }
#repertuar { overflow: hidden; padding: 0 0 0 20px; }
#repertuar div { float: left; width: 300px; }
#pedagogika ul, #kontakt ul { list-style: square; padding: 0 0 15px 30px; }
#pedagogika ul li, #kontakt ul li { margin-bottom: 10px; }

#plytyfoto { overflow: hidden; padding: 0 0 0 20px; display:inline}
#plytyfoto div { float: left; width: 300px; border: }

#plytytext { overflow: hidden; padding: 0 0 0 20px; display:inline}
#plytytext div { float: left; margin-left: 10px; width: 500px; }

#plytymini { overflow: hidden; padding: 0 0 0 20px; }
#plytymini div { float: left; width: 100px; }

#miniplayer { overflow: hidden; padding: 0 0 0 20px; }
#miniplayer div { width: 300px; border: }

#kompozycjefoto { overflow: hidden; padding: 0 0 0 20px; display:inline}
#kompozycjefoto div { float: left; width: 150px; height:190px; border: }

#kompozycjetext { overflow: hidden; padding: 0 0 0 20px;}
#kompozycjetext div { float: left; margin-left: 10px; width: 340px; }








ul.recenzje {float:left; margin:0; padding:0; list-style:none;}
ul.recenzje li {float:left; margin:0; padding:25px 7px 7px 7px; font-style:italic; border-bottom: 1px solid #262626;}
ul.recenzje li span {float:left; width:100%; margin:0; padding:7px 5px 0px 0px; font-weight:bold; font-style:normal;}

p.news {float:left; display:inline; width:100%; margin:0; padding:0px 7px 15px 7px;}


.blok_zdjecia {width:958px; margin:0; padding:0px 0px 10px 0px; float:left;}
.blok_zdjecia p.obrazek_h {display:block; width:200px; height:150px; text-align: center; margin:15px; padding:0; float: left; }
.blok_zdjecia p.obrazek_v {display:block; width:152px; height:205px; text-align: center; margin:15px; padding:0; float: left; }
.blok_zdjecia img {float:left; margin:0; padding:0; border: 2px solid #262626;}


#foto {float:right; width: 450px; padding:0; margin:0;}
#foto img {float:right; padding:0; margin:10px 0px 0px 0px;}

.linki a {float:left; padding:0; margin:4px 0px; width:100%;}
.linki a:hover {text-decoration:underline;}

#main-content p.oferta {float:left; width:492px; padding:7px; margin:0px; background:#333; border: 2px solid #262626;}