@charset "utf-8";
/* STYLE.CSS styluje glówna strukture strony (oznaczone wielkimi literami) oraz marginesy */

@import url("reset.css");  /* RESET.CSS resetuje wyglad elementów, które róznia sie w róznych przegladarkach */
@import url("global.css"); /* GLOBAL.CSS styluje typografie, zagniezdzone bloki wewnatrz glównej struktury */
@import url("menu.css"); /* MENU.CSS styluje menu glówne oraz linki umieszczone w stopce  */
@import url("headings.css"); /* HEADINGS.CSS styluje nagłówki zamieniane przez grafikę  */
@import url("forms.css"); /* FORMS.CSS styluje Formularze */

html{
	margin : 0; 
	padding : 0; 
	color : #000; 
	text-align : center;
	min-width: 40em;
}

body {
	margin : 0px auto;
	padding : 0;
	background-color: #fff;
	text-align : left;
	font : 76%/160% Tahoma, Verdana, Arial, sans-serif;
}

#TOP_WRAPPER {
	width: 100%;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-y;
	background-position: center 0;
}

#CONTAINER {
	width: 977px;
	margin: 0 auto;
	text-align: left;
	overflow:hidden;
}

#TOP {
	height: 153px;
	text-align: center;	
	position: relative;
}

#LEFT_WRAPP { width: 314px; float: left;}
#CENTER_WRAPP {width: 314px; float: left; margin: 0 16px;}
#RIGHT_WRAPP { width: 314px; float: right; margin: 7px 0;}

* html #RIGHT_WRAPP { margin-top: 14px;}

#LEFT_WRAPP_BIGGER {
	width: 645px;
	float: left;
}

#LEFT_SHADOW_AROUND {
	float: left;
	position:relative;
	background-image: url(../images/shadow_both_sides.png);
	background-repeat: repeat-y;
}

#LEFT_SHADOW_AROUND_BIGGER {
	float: left;
	position:relative;
	background-image: url(../images/shadow_left_bigger.png);
	background-repeat: repeat-y;
	width: 100%;
	background-position: left;
}

#LEFT {
	overflow: hidden;
	background-color: #fff;
	margin: 0 7px;
	padding: 11px;
}

#CENTER_SHADOW_AROUND {
	float: left;
	position:relative;
	background-image: url(../images/shadow_left_side.png);
	background-repeat: repeat-y;
}

#CENTER {
	overflow: hidden;
	background-color: #fff;
	margin: 0 7px;
	padding: 11px;
}

#RIGHT_SHADOW_AROUND {
	float: right;
	position:relative;
}

#RIGHT {
	width: 278px;
	overflow: hidden;
	background-color: #fff;
	margin: 0 7px 7px 7px;
	padding: 11px;
}

* html #RIGHT {margin-bottom: 11px;}

#top_shadow {
	height: 7px;
	background-image: url(../images/shadow_top.png);
	background-repeat: no-repeat;
}
	* html #top_shadow { position: relative; top: 5px; }

#LEFT_WRAPP_BIGGER #top_shadow { background-image: url(../images/shadow_top_half_bigger.png); }

#top_half_shadow {
	height: 7px;
	background-image: url(../images/shadow_top_half.png);
	background-repeat: no-repeat;
}
	* html #top_half_shadow { position: relative; top: 5px; }

#bottom_shadow {
	height: 7px;
	background-image: url(../images/shadow_bottom.png);
	background-repeat: no-repeat;
}

#LEFT_WRAPP_BIGGER #bottom_shadow { background-image: url(../images/shadow_bottom_half_bigger.png); }

#bottom_half_shadow {
	height: 7px;
	background-image: url(../images/shadow_bottom_half.png);
	background-repeat: no-repeat;
}



#BOTTOM_WRAPPER {
}

#BOTTOM_CONTAINER {
	width: 970px;
	margin: 0 auto;
	text-align: left;
	overflow:hidden;
	position: relative;
}

#bottom_left_col, #bottom_center_col {
	width: 331px;
	float: left;
}

#bottom_center_col img  {
	width:70px;
	height:70px;
	margin-left:30px; 
}

#bottom_right_col {
	width: 307px;
	float: right;
}


#FOOTER {
	width: 970px;
	margin: 0 auto;
	text-align: left;
	overflow:hidden;
	color: #979797;
	clear:both;
	border-top: solid 1px #999;
	margin-bottom: 20px;
}

/* margin*/
.m1 {margin:11px;}
.m2 {margin:11px 15px}
.m3 {margin:5px 0 5px 5px;}

.clearb {clear: both;}