/* 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 oraz formularze */
@import url("menu.css"); /* MENU.CSS styluje menu glówne oraz linki umieszczone w stopce  */
@import url("forms.css"); /* FORMS.CSS styluje Formularze */


/*------------------------------------------------*/
/*------------------[MAIN LAYOUT]-----------------*/
/*------------------------------------------------*/
html{
	margin : 0; 
	padding : 0; 
	color : #666; 
	text-align : center;
	min-width: 40em;
	background-color:#2e2e2e;
}

body {
	margin : 0px auto;
	padding : 0;
	text-align : left;
	font : 76%/160% Arial, Helvetica, sans-serif;;
}

body.home {
	background-image: url(../images/main_bg1.jpg);
	background-repeat: no-repeat;
	background-position: center 147px;
}

#WRAPPER {
	max-width: 1168px;
	min-width: 990px;
	margin: 0 auto;	

	overflow:hidden;
	text-align:left;
	width:99%;
}
	* html #WRAPPER {overflow: visible; width: 1168px;}
	
	
.home #WRAPPER { width: 990px; overflow: visible;}

#TOP {
	height: 147px;
	position: relative;
}

h1#logo { display: inline;}
h1#logo a {
	display: block;
	width: 248px;
	height: 89px;
	position: absolute;
	top: 29px;
	left: 109px;
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	text-indent: -2000px;
}
.home h1#logo a { left: 20px;}

#CONTAINER {
	width: 100%;
	overflow:hidden;
	background-color: #fff;
	position: relative;
}

#CONTAINER.home {
	height: 644px;
	width: 990px;
	margin: 0 auto;
	overflow: visible;
	background-color: transparent;
}

         
#CONTENT {width: 720px; float: left;}
.co_zyskam #CONTENT { width: 785px;}
.bezpieczenstwo #CONTENT { width: 640px;}

#sidephoto {
	width: 30px;
	height: 600px;
	float: right;
	overflow: hidden;
}

.dla_biznesu #sidephoto { height: 535px;}
.bezpieczenstwo #sidephoto { height: 520px;}
.kontakt #sidephoto { height: 520px;}

.o_nas #CONTAINER {
	background-image: url(../images/sideimg01.jpg);
	background-position: 730px bottom;	
	background-repeat: no-repeat;
}

.dla_biznesu #CONTAINER {
	background-image: url(../images/sideimg02.jpg);
	background-position: 630px bottom;	
	background-repeat: no-repeat;
}

.co_zyskam #CONTAINER {
	background-image: url(../images/sideimg03.jpg);
	background-position: 660px top;	
	background-repeat: no-repeat;
}

.bezpieczenstwo #CONTAINER {
	background-image: url(../images/sideimg04.jpg);
	background-position: 760px 100px;	
	background-repeat: no-repeat;
}

.kontakt #CONTAINER {
	background-image: url(../images/sideimg05.jpg);
	background-position: 640px bottom;	
	background-repeat: no-repeat;
}

#RIGHT {
	width: 300px;
	float: right;
	overflow: hidden;
	margin-bottom:-4000px;
	padding-bottom:4000px;
}


#FOOTER {
	clear: both;
	width: 100%;
	height: 100px;
	color: #828282;
	font-family: Georgia, "Times New Roman", Times, serif;	
	font-size: 11px;
	letter-spacing: -0.1em;
	word-spacing: 0.1em;
}

#footer-left {float:left;}
#footer-right { float:right; text-align: right; }

/*-------------------[MARGINS and others]--------------------*/
.m1 {margin:20px;}
#CONTAINER .m3 {margin: 35px 20px 45px 105px;}
.m2 {padding: 193px 0 18px 43px;}
.home .m2 { padding-left: 0;}
.m-footer {padding: 35px 100px 40px 100px;}
.home .m-footer { padding-left: 10px;}
.clearb {clear: both;}
.reset { margin: 0; padding: 0; text-indent: 0;}
.center { text-align: center; margin-bottom: 1em;}
.lesswidth { width: 90%;}