@charset "utf-8";
/* CSS Document */


.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

body {
background-image:url(../images/top.jpg);
background-position:top center;
background-repeat:no-repeat;
margin: 0px;
padding: 0px;
background-color: #E9E9E9;
}

#start{
margin-left: auto;
width: 900px;
position: relative;
left: 50%;
margin-left: -458px; /* half the width of the div */
height:auto;
background-color:#FFFFFF;
} 

#top {
width: 900px;
height:225px;
float:left;
}

div.menu {
width:269px;
height:100%;
float:left;
background-color:#FFFFFF;
}

div.menu_warp {
width:248px;
height:100%;
float:right;
background-image:url(../images/menu_bg.gif);
background-repeat:repeat-y;
background-position:left;
}

div.menu_bottom {
width:248px;
float:left;
background-image:url(../images/menu_bg.gif);
background-repeat:repeat-y;
background-position:left;
padding-top:10px;
}

ul.menu {
padding-left:0px;
margin-left:0px;
padding-top:0px;
margin-top:0px;
margin-bottom:0px;
padding-bottom:0px;

}

li.menu {
padding-left:0px;
margin-left:0px;
list-style-type:none;
padding-bottom:2px;
background-image:url(../images/line.gif);
background-position:left bottom;
background-repeat:no-repeat;
}

li.menu_bot {
padding-left:0px;
margin-left:0px;
list-style-type:none;
padding-bottom:2px;
}

a.menu {
display:block;
width:210px;
height:40px;
background-image:url(../images/menu_arrow_white.gif);
background-position:left;
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
text-decoration:none;
color:#a0a0a0;
line-height:39px;
padding-left:38px;
}

a.menu:hover {
background-color:#0f699e;
color:#FFFFFF;
background-image:url(../images/menu_arrow_blue.gif);
background-position:left;
background-repeat:no-repeat;
width:203px;
}


.content {
width:570px;
float:right;
border-left: 1px solid #bebebe;
padding-left:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#505050;
line-height:20px;
text-align:justify;
padding-right:20px;
min-height:700px;
height:auto !important;
height:700px;
margin-top:15px;
}

.content_kontakt {
width:570px;
float:right;
border-left: 1px solid #bebebe;
padding-left:20px;
padding-right:20px;
min-height:700px;
height:auto !important;
height:700px;
font-family: Helvetica, sans-serif;
font-size:12px;
margin-top:15px;
}

a.menu2 {
width:180px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-decoration:none;
color:#999999;
}

a.menu2:hover {
text-decoration:underline;
}

ul.menu2 {
padding-top:10px;
padding-bottom:10px;
}

li.menu2 {
padding-bottom:6px;
list-style-type:circle;
font-size:11px;
color:#666666;
}

.warto {
width:269px;
height:auto;
text-align:center;
float:left;
}

div.img {
width:126px;
height:auto;
float:left;
padding-right:10px;
}

div.footer {
background-color:#8e8e8e;
height:160px;
width: 100%;
position:relative;
float:left;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
line-height:20px;
padding-top:15px;
}

.jakosc_img {
float:left;
width:157px;
height:230px;
padding-right:25px;
padding-bottom:15px;
}

a.small_jakosc {
border: 2px solid #CCCCCC;
display:block;
}


a.small_jakosc:hover {
border: 2px solid #009900;
}

.styrpianowe {
font-weight:bold;
background-color:#999999;
color:#FFFFFF;
padding:10px;
}

.tabelka {
font-size:10px; 
border:1px solid #CCCCCC; 
border-collapse:collapse;
}

.tabelka td {
border:1px solid #CCCCCC; 
}