/* Kolory używane w projekcie
 * 9fc8f6 : tło body (błękit)
 * 607f9c : tekst w artykułach (niebieski)
 */

*, div {
	margin: 0;
	padding: 0;
}

body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background: #9fc8f6 url('images/body_bg.gif') repeat-x top left scroll;
	font-size: 0.7em;
	text-align: center;
}

H1 { }
h2 {
	color: white;
	font-size: 1em;
	font-weight: bold;
	background-color: #253a55;
	padding: 0.7em 0em 0.7em 1em;
	margin: 0px;
	text-align: left;
}

h4 {
	padding: 0.5em 0.5em 0;
	text-align: left;
	letter-spacing: -1px;
}

h4, h4 a {
	color: #fe4800;
	font: bold 16px 'arial';
}

a {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #333;
	text-decoration: underline;
}

p {
	margin: 0.8em 0em;
	line-height: 1.4em;
}

a img { border: none; }

.stopfloating { width: 0px; height: 0px; clear: both; font-size: 0px; line-height: 0px;}


DIV#main {
	width: 880px;
	margin: 0.5em auto 1.5em auto;
	text-align: left;
	background-color: white;
	padding: 10px; 
	border-bottom: 1px solid #72a9ea;
}

DIV#top { text-align: left; color: #607f9c; width: 900px; margin: 0.25em auto; }
div#logo { }

#menu_top {
	padding: 0 30px;
	margin-top: 1em;
	margin-bottom: 1em;
	background: transparent url('images/menu_top_bg.gif') repeat-x left top scroll;	
	width: 820px;
}

#menu_top a {
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 40px;
	width: 127px;
/*	padding: 0em 1em; */
	margin: 0em 0.5em;
}

#menu_top>a { margin: 0em 1em; }


#menu_top a.menu1 { background-image: url('images/top_menu1.png'); margin-left: 2em; }
#menu_top a.menu2 { background-image: url('images/top_menu2.png'); }
#menu_top a.menu3 { background-image: url('images/top_menu3.png'); }
#menu_top a.menu4 { background-image: url('images/top_menu4.png'); }
#menu_top a.menu5 { background-image: url('images/top_menu5.png'); width: 75px; }
#menu_top a.menu6 { background-image: url('images/top_menu6.png'); width: 69px; }

#menu_top a:hover, #menu_top a.selected { background-position: left bottom; }

#col_left {
	float: left;
	width: 250px;
	margin-right: 20px;
}

#main>#col_left { margin-right: 30px; }


#najnowsze_oferty { margin: 0em 1em 3em 1em; text-align: left; }
#najnowsze_oferty strong { font-weight: normal; color: black; }


#col_left li {
	display: block;
	padding: 0px 0px 1px 0px; 
	margin: 0px 0px 0px 10px;
	background: white url('images/dotted_blue.gif') no-repeat left bottom scroll;
	list-style: none;
}

#col_left li a {
	color: #89949f;
	text-decoration: none;
	padding: 0.25em 0em; 
	background: white url('images/list_pointer1.gif') no-repeat 0% -12% scroll;
	border: none;
	display: block;
	line-height: 150%;
}

#col_left li a span { display: block; margin-left: 16px; padding-left: 0.5em; }

#col_left li a:hover { text-decoration: underline; }

#najnowsze_oferty li span em { color: #FF4D04; font-style: normal;}


#col_right {
	width: 600px;
	float: left;
}

.box {
	border-left: 1px solid #d5dade;
	border-right: 1px solid #d5dade;
	border-bottom: 2px solid #fe4800;
	text-align: center;
	margin-bottom: 3em;
}

#col_right .box { margin-bottom: 1em; }

.box p { margin: 0px; padding: 0.8em; }
.box p.text { text-align: justify; }

.banners { text-align: center; }

.article { margin-top: 3em; }
.article, .article a { color: #607f9c; text-decoration: none; }
.article a:hover { text-decoration: underline; }


.special_offer p { height: 180px; }
.offer_left { width: ; float: left; width: 31%; padding: 0.5em 0.5em 1em 0.5em;}
.offer_center { width: ; float: left;width: 31%; padding: 0.5em 0.5em 1em 0.5em;}
.offer_right { width: ; float: left; width: 31%; padding: 0.5em 0.5em 1em 0.5em;}

.special_offer_image {
	padding: 2px;
	border: 1px solid black;
	width: 174px;
	height: 115px;
}

.more { background: white url('images/dotted_blue.gif') repeat-x left top scroll; height: 21px; text-align: right; padding-top: 1px; }

.special_offer { text-align: left; }
.special_offer p { padding-left: 0em; }
h3, h3 a { color: #FF4800; font-size: 1em; text-decoration: underline; margin: 0.5em 0em 0.25em 0em; }


div#footer {
	clear: both;
	width: 900px;
	margin: 0px auto 2em auto;
	color: white;
	color: #5985b6;
}

div#copyright {
	padding: 0em;
	text-align: left;
}

#menu_bottom {
	float: right;
}

#menu_bottom span, #menu_bottom a {
	color: #5985b6;
	text-decoration: none;
}
