html, body {margin:0; padding:0}
body {background-color: #C9C9C9; text-align: center; font-family: Arial, Verdana, Tahoma, sans-serif; font-size:12px; color:#7F7F7F}

#container {width: 950px; margin: 0 auto; background-color:#fff; text-align: left; margin-top: 10px; padding-bottom: 20px;}

#top1 {font-size:20px; font-style: italic; font-weight: bold; color: #7B7B7B; padding: 10px 20px 15px 20px;}
#profity_nie_mity, #telefon {margin-top:15px; padding-left: 15px}

#navbar {height: 54px; background: #ffffff url(../img/navbar_bg.jpg) top left repeat-x; padding-top: 12px}
#navbar a {float:left; display: block;}


#toper {width: 950px; height: 245px; background: url(../img/toper.jpg) top left no-repeat; position: relative;}
#more_info {position: absolute; left:40px; top:185px;}

#content {padding: 20px}

div.title1 {color: #FE0000; font-size: 14px; font-weight: bold;}
div.title2 {color: #202020; font-size: 23px; font-weight: bold; font-variant: small-caps; background: url(../img/arrow_icon.jpg) top left no-repeat; padding: 1px 0 0 40px;height: 36px;}
div.title3 {color: #202020; font-size: 23px; font-weight: bold; font-variant: small-caps; height: 36px;}

#footer {color:#000; padding-top: 10px;} 
#footer a {color:#555;}

hr {
  	border: 0;
  	width: 100%;
  	color: #000;
	background-color: #000;
	height: 1px;
	margin: 20px 0 20px 0;
}

div.opinie {
	width: 440px;
}

div.wdrozenia {
	float:left;
	width: 210px;
	margin-right: 10px;
}

div.promocyjny {
	width: 250px;
	float: right;
	margin-left: 10px;
	border-left: 1px solid #000;
	padding: 5px 0 5px 10px;
}
.obok_promocyjny {
	width: 630px;
	float:left; 
	padding-top: 10px;
}

div.nav_off, div.nav_on {float: left; width: 116px; height: 54px; text-align: center; padding-left: 10px; padding-right: 10px;}
div.nav_off { background: url(../img/nav_off.jpg) top left no-repeat;}
div.nav_on {background: url(../img/nav_on.jpg) top left no-repeat;}
.nav_off a, .nav_on a, .nav_dlaczego a {text-decoration: none; font-weight: bold; display: block; /*padding: 17px 25px 17px 25px;*/ padding-top: 15px; width: 116px; height: 29px;}
.nav_dlaczego a {/*padding: 17px 8px 17px 8px;*/ width: 195px; color: #fff; padding-left: 10px; padding-right: 10px;}
.nav_on a {color: #000;}
.nav_off a {color: #fff;}
div.nav_dlaczego {float: left; text-align: center; width: 215px; height: 54px; background: url(../img/nav_dlaczego_on.jpg) top left no-repeat; text-align: center;}

#cechy div {text-align: center}
#cechy a {color:#7F7F7F}
#cechy table {margin: 0 auto; border: 1px solid #000; border-collapse: collapse;} 
#cechy td {padding: 5px; border: 1px solid #000}
#cechy thead {font-weight: bold; font-size: 14px}
tr.odd {background-color:#eee};
td.col_stand, td.col_pro {width: 200px;}


.wdrozenia_container {padding-left: 30px}