body {
font-family:'Helvetica Neue Light',HelveticaNeue-Light,'Helvetica Neue',Helvetica,Arial,sans-serif;
  /* rozmiar czcionki w px */
 /* kolor czcionki w rgb lub słownie po angielsku */
background-color:black;
}
a{ 
text-decoration: none; 
color:black;
}

#kontener {
margin: 0 auto;
width: 900px;
background-color:rgb(255,255,255);
}

#logo {
width: 900px; 

 /*gorny,prawy,dolny i lewy */
}
.wybor {
font-weight:bold;
letter-spacing:+0.5em;
text-align:center;
color:black;
font-size: 18px;
line-height:2;}
.SOB {
font-weight:bold;
letter-spacing:+0.2em;
text-align:center;
color:black;
font-size: 20px;
}
.dentes{
font-weight:bold;
letter-spacing:+0.1em;
text-align:center;
color:black;
font-size: 18px;
}
.copyright {
 margin:10px 20px 10px 5px;
 padding:0px;
 text-align:center;
 -ms-text-align-last:right;
  line-height:1.0;
  font-size:12px;
 }
.tekst {
 margin:20px 20px 10px 5px;
 padding:2px;
 text-align:justify;
 -ms-text-align-last:right;
  line-height:1.5;
  font-size:14px;
 }
.firma{
font-weight:normal;
letter-spacing:+0.1em;
text-align:center;
color:black;
font-size: 14px;
}
.marta{
font-weight:bold;
letter-spacing:+0.1em;
text-align:center;
color:black;
font-size: 16px;
padding:0,0,0,10px;
}
.wyrozniony{
font-size: 14px;
text-decoration:bold;
color:white;
}

#menu {
width: 900px; 
height: 30px;
/*margin: 0px auto;*/
background-color: rgb(51,51,51);
padding-top:0px;
}
#zdjecie{
width:900px;
height:350px;
}
#navigation {
margin:0 0 0 0;
padding: 0;
height: 20px;
}
#navigation li {
list-style-type: none;
margin: 0;
padding-top:0px;
padding-bottom: 0px;
padding-left:30px;
float: left;
position: relative;
}
#navigation a{
/*font-weight: bold;*/
font-size: 14px;
text-decoration:bold;
background-color: rgb(51,51,51);
transition: color 750ms; /*zmienia powoli kolor*/
display: block;

padding: 5px 5px;
padding-top:6px;
margin: 0;
/*border-left: #CCC 1px solid;*/
color: rgb(120,120,120);
text-decoration: none;
}
#navigation ul{
display: none;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 20px;
width: 200px;
background-color:rgb(120,120,120); ;
}

#navigation li:hover >ul{
display:block;
}
#navigation li:hover > a, #navigation a:focus{

color: white;
text-decoration:underline;
}
 #navigation ul li {
float: none;
margin: 0;
padding: 0;
/*border-top: #CCC 1px solid;*/
}

 #navigation ul a {
 background-color: rgb(51,51,51);
}
#navigation ul li:hover > a {
background-color: rgb(51,51,51);
}
#navigation li:first-child a, #navigation ul li:first-child, #navigation ul a {
border: none;
           }

}
#zdjecie {
width=900px;
}

#lewa_kolumna { 
 height: 1150px;
 width: 180px;
 float: left;
 color:black;
 margin:20px 0px 0px 30px
 }
 
 #mini_galeria {
 width:180px;
 padding: 40px 0px 0px 20px;
  text-align:center;
  height:227px;
 }
 
 
 #mini_galeria tr{
 height:227px;
  }
 #mini_galeria td{
 border: 1px solid gray;
 text-align:center;
 height:227px;
 }
 
 
#cyfry_mini_galeria{
border-color:black;
width:180;
padding: 5px 0px 0px 20px;
height: 30px;
}
 #cyfry_mini_galeria tr{
 }

 #cyfry_mini_galeria td {
 width:180px;
 border: 1px solid gray;
 text-align:left;
 }
 
#cyfry_mini_galeria td:hover {
 background-color: grey;
 cursor:default
 }

#prawa_kolumna { 
 padding:5px;
 float: right;
 color: #333;
 background: white;
 margin: 10px 45px 5px 0px;
 height: 1150px;
 width: 570px;
 display: inline;
 padding-bottom: 0px;
 border-left-style:solid;
 border-left-width:1px;
 border-color:rgb(171,178,186);
 }

 
#stopka {
width: 896px; 
clear: left;
color: #333;
padding: 2px;
height: 25px;
border-top-style:solid;
border-top-width:1px;
border-color:rgb(171,178,186);
/*background: #BD9C8C;*/
}
#map_canvas { 
float:right;
height: 80%;
border:solid 2px grey;}

#gwarancja {
color:black;
text-decoration: none;
font-size: 10x;}

#gwarancja p{
color:black;
text-decoration: none;
font-size: 13px;
text-align:justify;
line-height:1.5;}

#gwarancja ol  li {
text-align:justify;
font-size: 13px;
padding-left:0px;
line-height:1.5;
padding-top:0px;
}

#gwarancja  ul{
text-align:justify;
font-size: 13px;

padding-left:20px;
line-height:1.5;}