html, body {
	font-family: Verdana, Helvetica, sans-serif;
	background-color: #b1b9c8;
	color: #000;
	margin: 0;
	padding: 0;
	text-align: center;
	}

#top {
	width: 1000px;
	margin: 0 auto;
	}

#NAGLOWEK {
	background-color: blue;
	height: 105px;
	}

#TRESC {
	width: 800px;	
	min-height: 600px;
	height: 600px;
	max-height: 600px;
	float: left;
	overflow: auto;
	background-color: #dbe7ff;
	margin 0 auto;
	}

#MENU {
	width: 200px;
	min-height: 600px;
	height: 600px;
	max-height: 600px;
	float: left;
	overflow: hidden;
	background-color: #c2cee7;
	text-align: left;
	}

#STOPKA {
	clear: both;
	width: 100%;
	background-color: #888;
/*	text-align: center; */
	font-size: x-small;
/*	font-weight: bold; */
	}

#STOPKA1 {
	float: left;
	width: 250px;
	text-align: left;
	}

#STOPKA2 {
	float: left;
	width: 450px;
	font-weight: bold;
	text-align: center;
	}
	
#STOPKA3 {
	float: right;
	width: 300px;
	text-align: right;
	}

div.ST {
	height: 1.5em;
	font-size: small;
	background-color: #888;
	}
	
tr {
	font-size: small;
	}
ul {
	list-style: none;
	}

ul#menu {
	margin: 0;
	margin-left: 10px;
	padding:0;
	padding-top: 20px;
	}
	
ul#menu li {
	display: block;
	padding: 0;
	padding-bottom: 20px;
	margin 20px;	
	}
	
		
ul#menu li a {
	display: block; /* powoduje zaznaczanie linku bez potrzeby dokładnego najechania na niego*/ 	
	white-space: nowrap;	
	padding-left: 20px; 
/*	background: url(images/submenu.gif) no-repeat center left; */
	text-decoration: none;
	color: darkblue;
	}
	
ul#menu li a:hover {
	border-style inset;
	color: red;
	font-weight: bold;
	background-color: #103f9f;
	color: white;
	}
	
ul#menu li a {
	background-color: #dae9ff;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-right: 10px;
	border-style: solid;
	border-width: 1px;
	border-radius: 20px 10px;
	border-color: black;
	width: 155px;
	}	
	
pre {
	margin: 0;
	padding: 0;
	}

a {
	border: 0;
	}

#index {
	text-align: center;	
	padding-top: 50px;	
	color: blue;
	}

#oferta {
	padding: 50px;
	padding-top: 20px;
	}
	
#oferta h3 {
	text-align: center;
	}

#firma {
	text-align: justify;
	padding: 30px;
	color: black
	}

#kontakt {
	display: block;	
	margin-top: 0px;
	margin-left: 20px;
	color: black
	}	
#kontaktmapa {
	margin-left: 120px;
	float: left;
	}

#kontaktmapa dt {
	margin-bottom: 7px;	
	}

div#kontaktmapa dd {
	margin-left: 0;
	}

#kontaktmapa a {
	display: block;
	}
	
#kontaktmapa img {
	border: 0;
	}

#kontaktdane {
	float: left;	
}

#kontaktdane dt {
	margin-bottom: 50px;	
	}
	
#kontaktdane p {
		margin-bottom: 50px;
	}

div#kontakt > div { 
	display: block;
	float: left;
	overflow: hidden;
	}	
div#kontakt > div dl {
	margin-top: 60px;	
	}

a#dojazdimg:hover {
	border-style: solid;
	border-color: darkblue;
	border-width: 1px;
	width: 176px;
	height: 123px;
	text-align: right;
	}

#dojazdimg {
	display block;	
	padding-left: 1px;
	text-align: right;
	}

dd.last {
	margin-bottom: 55px;
	}
	
#map_canvas {
	float: left;
	width: 580px;
	height: 571px;
	}
	
#directionsPanel {
	float:right;
	width:220px;
	font-size: xx-small;
	overflow: auto;
	max-height: 571px;
	}
	
#przyciski {
	display: block;
	float: left;
	width:  571px;
	
	text-align: center;
	background-color: #dbe7ff;
	}

#przyciski button {
	height: 25px;
	margin-right: 50px;
	margin-left: 50px;
	margin-top: 2px;
	margin-bottom: 2px;
	}	

#specyfikacje div {
	float: left;
	width: 133px;
	max-width: 133px;
	height: 580px;
	color: blue;
	padding-top: 20px;
	text-align: center;
	overflow: hidden;
	}

#specyfikacje div div {
	text-align: left;
	margin-left: 6px;
	}
	
div.kolor {
	background-color: #cddff9;
	}

#specyfikacje a {
	color: darkblue;
	text-decoration: none;
	}
	
#specyfikacje ul {
	margin: 0;
	padding: 0;
	}

#specyfikacje li {
	margin-bottom: 10px;
	}
	
#specyfikacje li a:hover {
	color: red;
	}