html {
	background: #b2def7;
	color: #000000;
	margin: 0;
	padding: 0;
}
body{
padding: 0;
background: #b2def7;
text-align:left;
margin: 0px 0px 0px 0px;
font-family: Arial, Verdana, Helvetica;
font-size: 17px;
}

p {
margin: 0;
padding: 0;
}

h1 {
font-size: 26px;
margin: 10px;
	padding: 0;
	text-align:center;

}
h2 {
font-size: 18px;
margin: 0;
	padding: 0;
}
h3 {
font-size: 20px;
margin: 0;
	color:#fff;
}
h4 {
font-size: 22px;
margin: 0;
	padding: 0;
}
h5 {
font-size: 10px;
margin: 0;
	padding: 0;
	text-align: center;
}
h6 {
font-size: 8px;
margin: 0;
	padding: 0;
}
ul, li {
padding: 0;
margin: 0;
}
a:link {
color: #000;
text-decoration: none;
}
a:visited {
color: #000;
text-decoration: none;
}
a:hover   {color:#000;
text-decoration: underline;
}


#container {
width: 980px;
margin: 0px auto 0px auto;
background-color: #fff;
overflow: hidden;
}
#top {
width: 980px;
height: 275px;
background:url(../obrazki/samochody.jpg) #fff center bottom;
background-repeat: no-repeat;
margin: 20px auto;
padding: 0;
position: relative;
font-family: Verdana, Arial, Helvetica;
color: #fff;
}
#top2 {
width: 980px;
height: 35px;
color: #fff;
margin: 20px auto;
padding: 0;
position: relative;
font-family: Verdana, Arial, Helvetica;
}
.kreska {
background-color: #007BC2;
width: 100%;
height: 8px;
margin-top: 35px;
}
.gwarancja {
position: absolute;
top: -20px;
left: 400px;
}
.napis-lewy {
position: absolute;
background:url(../obrazki/tlo-lewe.png) #fff center bottom;
background-repeat: no-repeat;
width:376px;
height: 40px;
font-weight: bold;
line-height: 40px;
text-align: right;
padding-right: 30px;
font-size: 23px;
top: 225px;
left: 60px;
color: fff;
}
.napis-prawy {
position: absolute;
background:url(../obrazki/tlo-prawe.png) #fff center bottom;
background-repeat: no-repeat;
width:390px;
height: 40px;
font-weight: bold;
line-height: 40px;
text-align: left;
padding-left: 10px;
font-size: 23px;
top: 225px;
right: 60px;
color: fff;
}
.kwadraty {
float: left;
margin-left: 20px;
}
.kwadrat {
width: 284px;
height: 293px;
float: left;
border: 4px solid #007BC2;
background-color: fff;
-webkit-box-shadow: 4px 4px 0px 0px rgba(255, 2, 11, 1);
-moz-box-shadow:    4px 4px 0px 0px rgba(255, 2, 11, 1);
box-shadow:         4px 4px 0px 0px rgba(255, 2, 11, 1);
margin: 10px;
position: relative;
text-align: center;
}
.nazwa {
width: 90%;
padding: 5px;
background-color: #007BC2;
color: #fff;
font-size: 18px;
font-weight: bold;
margin: 0 auto;
position: absolute;
top: 125px;
left:10px;
}
.maly-opis {
position: absolute;
top: 166px;
left:5px;
width:95%;
font-size:15px;

}
.wiecej {
position: absolute;
bottom: 0px;
right: 0px;
border: 0px;
}
#MAIN {
float: left;
background:url(../obrazki/tlom.jpg) #fff center bottom;
background-repeat: repeat-x;
width:980px;
}
.kontakt {
font-size: 20px;
}
.kontakt1 {
font-size: 24px;
text-align: center;
margin: 25px 0;
float:left;
}
.kontaktd1 {
font-size: 24px;
text-align: center;
margin: 25px 0;
}
.hasla {
text-align: center;
width: 100%;
float: left;
margin: 20px auto;
}
.ha1 {
background:url(../obrazki/tlo.png) center bottom;
background-repeat: no-repeat;
height: 35px;
color: fff;
font-weight: bold;
line-height: 35px;
text-align: center;
float: left;
font-size: 18px;
width: 100%;
margin: 5px;
}
.kreska2 {
background-color: #007BC2;
width: 100%;
height: 8px;
margin-top: 15px;
float:left;
}
.tresc {
margin: 20px;
float: left;
width:940px;
}
.lista {
padding-left: 40px;
}
.telefon {
font-size: 33px;
}
.obszar {
width:100%;
margin:30px auto;
float: left;
font-weight: bold;
}
a:link.obszar-a   {
           color: #fff; font-weight: bold;

} 
a:visited.obszar-a {
color:#fff;
}
.obszar-s {
      background:url(../obrazki/tlo-obszar.png) center bottom;
background-repeat: no-repeat;
text-align: center;
width:185px;
margin:10px 0 0 51px;
height: 25px;
float:left;
}

.napis-lewy h1, .napis-prawy h1 {
	margin: 0px;
	font-size: 22px;
}
.formkont {
float:right;

}
top-rwd {
display:none;
}