/* Master CSS Document for Auto-Matunin Sp. z o.o. website */
/* Copyright 2006 by Krzysztof Ptaszek <krzysztof@pimago.pl>, www.pimago.pl */


body {
	padding: 0px; 
	margin: 0px;
	background-color: #376298;
	color: #000;
	font-family: geneva, helvetica, arial, verdana;
	font-size: 75%;
	}
h1, h2, h3 {
	font-family: "Trebuchet MS", verdana, arial, helvetica;
}
ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	}
img {
	border: none; 
	}
a:focus { -moz-outline: none -moz-mac-focusring; }

	
.Container {
	margin: 0px auto;
	width: 750px;
}

#flashIntro {
	float: left; 
	width: 750px; 
	height: 225px; 
	margin: 10px 0 0 0;
	}

#upMenu {
	width:100%;
	float: left;
	background: #fff url('../grafika/upMenu-bck.gif') repeat-x;
	}
	#upMenu .Container {
		background: #fff url('../grafika/upMenuContainer-bck.gif') repeat-x;
		padding: 15px 0 0 0;
		}
		ul#upMenuTools { 
			margin: 0 0 5px 0;
			float: left;
			display: inline;
			width: 600px;
			}
			ul#upMenuTools li { 
				display: inline;
				margin: 0 15px 0 0;
				padding: 0;
				}
				ul#upMenuTools li a { 
					background: #fff url('../grafika/upMenu-dot.gif') no-repeat left center;
					padding: 0 0 0 10px;
					text-decoration: none;
					color: #a6a5a5;
					}
				ul#upMenuTools li a:hover { color: #000000;	} 
		ul#upMenuLang  { 
			margin: 0 0 5px 0;
			float: right;
			}		
			ul#upMenuLang li { 
				display: inline;
				}
				ul#upMenuLang li a.deutsch { 
					background: url('../grafika/flagaDeutsch.gif') no-repeat right center;
					padding: 0px 25px 0 0;
					text-decoration: none;
					color: #a6a5a5;
					}
					ul#upMenuLang li a.deutsch:hover { color: #000000;	} 
				ul#upMenuLang li a.polski { 
					background: url('../grafika/flagaPolska.gif') no-repeat right center;
					padding: 0px 25px 0 0;
					text-decoration: none;
					color: #a6a5a5;
					}
					ul#upMenuLang li a.polski:hover { color: #000000;	} 

#Logo { 
	float: left;
	width:100%;
	background: #fff url('../grafika/logo-bck.gif') repeat-x;
	}
	#Logo a { margin: 0; padding: 0; }
	
	#Logo img { margin: 0; padding: 0; }
	#Logo h1 { position:  absolute; top: 0px; left: 0px; color: #eee; font-size: 1px;}

#mainMenu {
	float: left;
	width: 100%;
	background-color: #fff;
	}
	#mainMenu .Container {
		padding: 0;
		}
		ul#mainMenuItems { 
			float: left; 
			width: 750px;
			height: 45px;
			padding: 0;
			margin: 0;
			}
			ul#mainMenuItems li { 
				display: inline;
				margin: 0px;
				padding: 0px;
				font-size: 0.1em; line-height: 0.1em;
				}
				ul#mainMenuItems li a { 
					display: block;
					float: left;
					height: 45px;
					padding: 0px;
					margin: 0;
					text-indent: -999999px;
				}
				ul#mainMenuItems li a#homeLink { background:url('../grafika/nw-de-home.gif') no-repeat 0 0; width: 162px; height: 45px;}
				ul#mainMenuItems li a#homeLink:hover  { background-position: 0px -45px;} 
				ul#mainMenuItems li a#homeLink.active  { background-position: 0px -45px;  cursor: default;} 
				
				ul#mainMenuItems li a#infoLink { background:url('../grafika/nw-de-informacje.gif') no-repeat 0 0; width: 176px; height: 45px;}
				ul#mainMenuItems li a#infoLink:hover  { background-position: 0px -45px; } 
				ul#mainMenuItems li a#infoLink.active  { background-position: 0px -45px; cursor: default;} 
				
				ul#mainMenuItems li a#ogloszeniaLink { background:url('../grafika/nm-de-ogloszenia.gif') no-repeat 0 0; width: 146px; height: 45px;}
				ul#mainMenuItems li a#ogloszeniaLink:hover  { background-position: 0px -45px; } 
				ul#mainMenuItems li a#ogloszeniaLink.active  { background-position: 0px -45px; cursor: default; } 
				
				ul#mainMenuItems li a#ofertaLink { background:url('../grafika/nw-de-oferta.gif') no-repeat 0 0; width: 150px; height: 45px;}
				ul#mainMenuItems li a#ofertaLink:hover  { background-position: 0px -45px; } 
				ul#mainMenuItems li a#ofertaLink.active { background-position: 0px -45px;  cursor: default; } 
				
				ul#mainMenuItems li a#kontaktLink { background:url('../grafika/nm-kontakt.gif') no-repeat 0 0; width: 116px; height: 45px;}
				ul#mainMenuItems li a#kontaktLink:hover  { background-position: 0px -45px; } 
				ul#mainMenuItems li a#kontaktLink.active  {background-position: 0px -45px; cursor: default;  } 
				
#Content {
	float: left;
	width: 100%;
	background-color: #fff;
	padding: 0 0 40px 0;
	}
	#indexPanel1 {
		float: left;
		display: inline;
		width: 205px;
		background: url('../grafika/de-indexPanel1-bck.gif') no-repeat left top;
		padding: 0 0 0 33px;
		margin: 40px 30px 0px 0px;
		}	
	#indexPanel2 {
		float: left;
		display: inline;
		width: 200px;
		background: url('../grafika/de-indexPanel2-bck.gif') no-repeat left top;
		padding: 0 0 0 33px;
		margin: 40px 10px 0px 0;
		}	
	#indexPanel3 {
		float: left;
		display: inline;
		width: 226px;
		height: 189px;
		background: url('../grafika/de-indexPanel3-bck.gif') no-repeat 0 0;
		padding: 0 0 0 0px;
		margin: 40px 10px 0px 0;
		}	
		.leftMini {
			float: left;
			width: 74px;
			height: 74px;
			margin: 12px 0 0 40px !important;
			margin/**/: 10px 0 0 20px; /* IE layout fix */
			}
		.rightMini {
			float: right;
			width: 74px;
			height: 74px;
			margin: 12px 25px 0 0 !important;
			margin/**/: 10px 10px 0 0; /* IE layout fix */
			}
			.miniLink {
				display: block;
				padding: 1px;
				width: 67px;
				height: 67px;
				border: 5px solid #c2daf1;
				}
			.miniLink:hover { border: 5px solid #1c3f73; }

		.list1 li {
			padding: 0 0 0 15px;
			margin: 6px 0 7px 0;
			background: url('../grafika/ul-dot1.gif') no-repeat 0px 1px;
			}
		.list1 li.active {
			padding: 0 0 0 15px;
			margin: 4px 0 4px 0;
			background: url('../grafika/a-more.gif') no-repeat 0px 6px;
			}
			.list1 li a {
				color: #1b3f72;
				border-bottom: 1px solid #e1e1e1;
				text-decoration: none;
				}
			.list1 li a:hover {
				color: red;
				border-bottom: 1px solid #1b3f72;
				}
			.list1 li a.active {
				color: red;
				border-bottom: 1px solid red;
				cursor: default;
				}
		

#Footer { 
	float: left;
	width:100%;
	background: #376298 url('../grafika/Footer-bck.gif') repeat-x top;	
	}
	#FooterPanels {
		width: 750px;
		display: inline;
		}
		#panel1 {
			display: inline;
			float: left;
			width: 247px;
			border-left: 1px solid #fff;
			}
		#panel2 {
			float: left;
			display: inline;
			width: 258px;
			border-left: 1px solid #617fa6;
			}
		#panel3 {
			float: left;
			display: inline;
			width: 237px;
			border-left: 1px solid #617fa6;
			border-right: 1px solid #fff;
			}

#Footer #footerLinks  {
	background: #376298 url('../grafika/FooterEnd-bck.gif') no-repeat center bottom;	
	padding: 10px 0 10px 0;
	float: left;
	width: 750px;
	clear: both;
	text-align:  center;
	color: #779BC8;
	margin-top: 40px;
	}	
	#Footer #footerLinks  a {
		color:#A1BADA;
		text-decoration: none;
		}
	#Footer #footerLinks  a:hover {
		color: #fff;
		}
	#Footer #footerLinks  a.active {
		color: #fff;
		}
		
	
	
	
	#FooterEnd { 
		width: 750px;
		float: left;
		margin: 5px 0 40px 0;
		
		color: #779bc8;
		font-size: 0.8em;
		text-align: center;
		}
		#FooterEnd a { color: #a1bada; text-decoration: none; }
		#FooterEnd a:hover { color: #fff; }
		
		
		
#Mapa { 
	display: block;
	width: 197px;
	height: 49px;
	margin: 20px 0 0 20px;
	background: url('../grafika/de-FooterMapa.gif') no-repeat 0 0;
	
	text-indent: -999999px;
	}
#Search {
	margin: 20px 0 0 15px;
	padding: 20px 0 0 0;
	background: url('../grafika/de-Search-bck.gif') no-repeat 0px 2px;
	}	
	#SearchField {
		float: left;
		width: 160px;
		height: 22px;
		margin: 2px 0 0 0;
		padding: 4px 5px 0 25px;
		border: none;
		background: url('../grafika/SearchField.gif') no-repeat 0 0;
		}
	#SearchButton {
		float: right;
		display: block;
		width: 27px;
		height: 27px;
		margin: 0 15px 0 0;
		background: url('../grafika/SearchButton.gif') no-repeat 0 0;
		text-indent: -9999999px;
		}
#Telefony {
	display: block;
	width: 165px;
	height: 41px;
	margin: 22px 0 0 30px;
	background: url('../grafika/de-FooterTelefony.gif') no-repeat 0 0;
	text-indent: -9999999px;
	}

/* ogloszenia */
#leftMenu {
	float: left;
	display: inline;
	width: 200px;
	background: url('../grafika/de-indexPanel1-bck.gif') no-repeat left top;
	padding: 0 0 0 33px;
	margin: 20px 10px 0px 0;
}	

/* dodane */
#leftText {
	font-size: 0.9em;
	float: left;
	display: inline;
	width: 200px;
	padding: 10px 0 20px 20px;
	margin: 20px 0px 0px 0;
	background: #eeeeed url('../grafika/whiteCorner.gif') no-repeat right top; 
	border-bottom: 1px solid #000;
	color: #666666;
	line-height: 1.5em;
	}	
	#leftText h2 {
		font-size: 1.2em;
		color: #666666;
		}

.underline {
	border-bottom: 1px dotted #999; 
	}
.imgArticleRight {
	float: right;
	margin: 0 0 0px 25px;
	}
.imgArticle {
	float: right;
	margin: 0 0 0px 0px !important;
	margin/**/:30px 0 0 0;
	}
.imgArticleLeft {
	float: left;
	margin: 0 20px 0px 0px;
	}
	.imgArticleRight p, .imgArticleLeft p, .imgArticle p {
		text-align: center;
		font-size: 0.9em;
		line-height: 1em;
		color: #1b3f72;
		margin: 0;
		padding: 0;
	}


#oferta #leftMenu {	background: url('../grafika/de-indexPanel1-bck.gif') no-repeat left top; }	

.offerLink{
	float: right;
	display: block;
	background: #eeeeed url('../grafika/whiteCorner.gif') no-repeat right top;
	padding: 0 0 13px 0px;
	margin: 20px 10px 0px 0;
	width: 490px;
	border-bottom: 1px solid #000;
	}	
	.offertMini {
		float: left;
		width: 74px;
		height: 74px;
		margin: 10px 0 0 10px !important;
		margin/**/: 10px 0 0 5px; /* IE layout fix */
		}
	.shortText {
		float: right; 
		width: 390px;
		}
		.shortText .title {
			display: block;
			margin: 10px 0 10px 0 ;
			padding: 0;
			font-size: 1.4em;
			color: red;
			font-weight: normal;
			font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS", verdana, arial, helvetica;
			}
		.shortText .title:hover { color: #1c3f73; }
		.shortText .opis {
			float: left;
			margin: 0;
			padding: 0;
			}
		.shortText .cena {
			float: right;
			margin: 0 30px 0 0;
			padding: 0;
		}
		.blue {
			display: inline;
			margin: 0;
			padding: 0;
			color: #386398;
			}
		.black {
			color: #000;
			font-weight: bold;
			}
	
	
#wybraniec{
	float: right;
	display: block;
	padding: 0;
	margin: 20px 10px 0px 0;
	width: 480px;
	padding: 0 0 0 10px;
	border-left: 1px solid #c2daf1;
	}	
#wybraniec h2 {
	display: block;
	margin: 10px 0 10px 0 ;
	padding: 5px;
	font-size: 1.4em;
	color: red;
	font-weight: normal;
	border: 1px solid #ccc;
}
#shortStory { 
	float: left;
	width: 200px;
	line-height: 1.5em;
	}	
#photosOfThisStory {
	float: right;
	background: #eeeeed url('../grafika/whiteCorner.gif') no-repeat right top;
	width: 255px;
	padding: 10px 0 10px 10px;
	}
	.photoSmall {	
		display: inline;
		float: left;
		margin: 10px 5px 0 0;
		}

		.bigLink {
			display: block;
			padding: 1px;
			width: 234px;
			border: 5px solid #c2daf1;
			}
		.bigLink:hover { border: 5px solid #1c3f73; }

#textContent { 
	float: right;
	border-left: 1px solid #c2daf1;
	margin: 20px 10px 0px 0;
	padding: 0 0 0 10px;
	width: 480px;
	line-height: 1.5em;
	text-align: justify;
	}
	#textContent h2 {
		margin: 0 0 12px 0;
		padding: 0;
		color: red;
		font-weight: normal;
		}
	#textContent h3 {
		margin: 0;
		padding: 0;
		color: #1c3f73;
		font-size: 1.2em;
		}
	#textContent p {
		line-height: 1.5em;
		text-align: justify;
		padding: 0;
		margin: 0 0 12px 0;
		} 
	#textContent ul  {
		margin: 0 0 12px 0;
		}
	#textContent ul li {
		background: #fff url('../grafika/upMenu-dot.gif') no-repeat left center;
		padding: 0 0 0 15px;
		text-decoration: none;
		}

	#textContent img {
		padding: 1px;
		border: 5px solid #c2daf1;
	}	
	#textContent img.none {
		padding: 1px;
		border: none;
	}	
img.right {
	float: right; 
	padding: 1px;
	margin: 0 0px 10px 20px;
	border: 5px solid #c2daf1;
	} 
img.left {
	float: left; 
	padding: 1px;
	margin: 0 20px 10px 0px;
	border: 5px solid #c2daf1;
	} 
	

ul#imgGaleria {
	float: left;
	margin: 15px 0 20px 0;
	list-style: none;
	}
	ul#imgGaleria li {
		padding: 0;
		margin: 0 5px 0 0;
		display: inline;
		background: none;
		}
		ul#imgGaleria li img {
			vertical-align: top;
			padding: 0;
			margin: 0;
			border: none;
			}
		ul#imgGaleria li a {
			padding: 0;
			margin: 0;
			border: none;
			border: none;
			text-decoration: none;
			}

	
#formularz {
	float: left;
	display: inline;
	width: 210px;
	background: #eeeeed url('../grafika/whiteCorner.gif') no-repeat right top;
	padding: 10px 0 0 10px;
	margin: 20px 0px 0px 0;
	border-bottom: 1px solid #1c3f73; 
	}	
	#formularz input {
		width: 190px;
		margin: 0 0 5px 0;
		font-size: 0.9em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #666
		}
	#formularz textarea {
		width: 190px;
		font-size: 0.9em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #666;
		height: 140px;
		}
	#formularz a.ok {
		display: block;
		width: 59px;
		height: 20px;
		background: url('../grafika/formButton.gif') no-repeat 0 0;
		text-indent: -9999999px;
		float: right;
		margin: 5px 15px 10px 0;
		}
	#formularz a.ok:hover { background-position: 0px -20px; }
	#formularz h2 {
		margin: 10px 0 10px 0 ;
		padding: 0px;
		font-size: 1.4em;
		color: red;
		font-weight: normal;
	}

.leftFace { 
	width: 230px;
	float: left;
	font-size: 0.9em;
	margin: 0 0 10px 0;
	}
.rightFace { 
	width: 230px;
	float: right;
	font-size: 0.9em;
	margin: 0 0 10px 0;
	}
	.leftFace img, .rightFace img  {
		float: left;
		padding: 1px;
		border: 5px solid #c2daf1;
		}
	.leftFace p, .rightFace p {
		width: 145px;
		margin: 0px 0 0 0;
		padding: 0;
		float: right;
		line-height: 1em;
		}
		.leftFace p .name, .rightFace p .name {
			margin: 0;
			padding: 0;
			color: #386398;
			font-size: 1.2em;
			}
			
#komunikat {
	float: right;
	width: 460px;
	border: 1px solid #1c3f72;
	color: #1c3f72;;
	padding: 20px;
	margin: 20px 0 10px 0;
	background-color: #e4effc;
	}


#kontaktMapkaLink {
	border-bottom: 1px solid #1c3f73; 
	padding: 20px 10px 10px 10px; 
	margin: 5px 0 0 5px;
	background: #eeeeed url('../grafika/whiteCorner.gif') no-repeat right top; float: right;
	}
	#kontaktMapkaLink img { border: none; }		
/* linki */
a { color: red }
a.more { 
	color: red;
	text-decoration: underline;
	padding: 0 0 0 15px;
	margin: 10px;
	background: url('../grafika/a-more.gif') no-repeat left center;
	}
	
	
	
	
/* Google maps */
#google_map
{
	float: left;
	width: 455px;
	height: 380px;
	border: 1px solid #CCCCCC;
	margin: 10px 0 40px 5px !important;
	margin/**/: 10px 0 40px 5px;
}

#google_maker_msg
{
	display: block;
}