@CHARSET "UTF-8";
BODY{
	padding: 0px;
	margin: 0px;
	font: 14px arial;
	color: #6d6e71;
}

/*********** WSZYSTKIE STRONY **********/

#strona{
width: 1200px;
position: relative;
text-align: left;
}

h6{
	font-size: 15px;
}

#logo{
	background: url('../files/logo.jpg') no-repeat;
	width: 216px;
	height: 53px;
	float: left;
	margin-top: 36px;
	margin-left: 125px;
}

#topMenu{
	width: 542px;
	height: 37px;
	float: left;
	margin-top: 58px;
	overflow: hidden;
	margin-left: 46px;
	z-index: 1;
}
#topMenu div, #topMenu div.przyciskActive, #topMenu div.przyciskActivePlus{
	float: left;
	padding-left: 11px;
	padding-right: 11px;
	height: 22px;
	margin-right: 11px;
	font-family: "Myriad Pro";
	font-size: 15px;
	padding-top: 8px;
	z-index: 1;
	
}
#topMenu div.przyciskActivePlus{
	background: url('../files/btn_TopPlus.jpg') no-repeat left;
	height: 33px;
	width: 4px;
	padding: 0px;
	margin: 0px;
	display: none;
	z-index: 1;
}
#topMenu div.przyciskActive{
	background: #68c5ff;
	height: 22px;
	margin-bottom: 3px;
	padding-left: 7px;
	font-family: "Myriad Pro";
	color: white;
	font-size: 15px;
	padding-top: 8px;
	cursor: pointer;
	z-index: 1;
}
#wiecej{
	background: url('../files/wiecej.jpg') no-repeat;
	width: 156px;
	height: 55px;
	float: left;
	margin-top: 34px;
		
}


#footer{
	width: 960px;
	height: 28px;
	float: left;
	padding-left: 34px;
	padding-top: 13px;
	margin-left: 90px;
	font-family: "Myriad Pro";
	color: #c2c0c0;
	font-size: 17px;
	letter-spacing: -1px;
	margin-top: 10px;
	background: url('../files/footer.png') no-repeat left;
	margin-bottom: 30px;	
}

#footer span{
	color: #68c5ff;
}
#footer span span{ 
	color: #6d6e71;
}
span#tt{
	margin-left: 280px;
	color: #c2c0c0;
}
span#tt span{
	COLOR: black;
}
/************ STRONA GŁÓWNA **************/

#top{
	width: 1200px;
	height: 340px;
	float: left;
	background: url('../files/top_background.jpg') no-repeat;
	overflow: hidden;	
	position: relative;
	margin-top: 23px;
	
}

#content1{
	margin-left: 161px;
	position: relative;
	margin-bottom: 0px;
	height: 333px;
	margin-top: 3px;
}

#content1 #tresc{
	
	
	height: 233px; 
	position: absolute; 
	bottom: 0px; 
	padding-left: 427px; 
	padding-top: 100px;
	width: 409px;
	}

#tekst{
	line-height: 20px;
	height: 142px;
	float: left;
}

#przyciski #zobaczWiecej{
	
float: left;
margin-right: 55px;
cursor: pointer;
}

#kn, #ks, #kjs{
	float: left;
	width: 31px;
	height: 26px;
	font-family: "Myriad Pro";
	font-weight: bolder;
	margin-right: -1px;
	color: white;
	font-size: 15px;
	text-align: center;
	padding-top: 5px;
	background: url('../files/kwadratNiebieski.png') no-repeat;
		
}

#ks{
	background: url('../files/kwadratSzary.png') no-repeat;
	}
#kjs{
	background: url('../files/kwadratJasnySzary.png') no-repeat;	
}
#strzalkaPrawo{
	margin-left: 10px;
	margin-top: 12px;
	float: left;
	width: 5px;
	height: 8px;
	background: url('../files/strzalkaPrawo.png') no-repeat;
}

#box1, #box2, #box3{
	float: left;
	height: 207px;
	width: 297px;
	padding-top: 33px;
	line-height: 18px;	
	
}
#box1 #tresc, #box2 #tresc, #box3 #tresc {

color: #6d6e71;
font-size: 12px;
line-height: 16px;
height: 130px;
}
#box1 p, #box2 p{
	font-family: "Myriad Pro";
	color: #6d6e71;
	font-size: 17px;
}

#box1 span, #box2 span{
color: #68c5ff;
line-height: 12px;
font-size: 12px;
}

#box1{
	padding-left: 44px;
	padding-right: 33px;
	width: 220px;
	margin-left: 90px;
}
#box2{
	padding-left: 44px;
	padding-right: 33px;
	width: 220px;
	background: url('../files/lewaBox2.jpg') no-repeat left;
}
#box3{
	background: url('../files/box3background.jpg') no-repeat left;
	width: 320px;
	padding-right: 32px;
	padding-left: 50px;
	
}

#box3 p{
	color: #68c5ff;	
	font-family: "Myriad Pro";
	font-size: 17px;
}


.boxWiecej{
	font-family: "Myriad Pro";
	color: #6d6e71;
	font-size: 15Px;
	
}

/************** PRZYCISKI ******************/



/************* LOKALIZAJCE *****************/

#lokalizacjeContainer{
	width: 1200px;
	margin-top: 23px;
	background: url('../files/containerTlo.jpg') repeat-x bottom; 
	height: 247px;
	float: left;
}
#lokalizacjeFota{
	background: url('../files/fotaLokalizacje.png') no-repeat;
	float: left;
	width: 382px;
	line-height: 18px;
	height: 117px;
	padding-left: 325px;
	margin-left: 111px;
	padding-top: 130px;
	font-size: 12px;
	padding-right: 270px;
}
#columnLeft{
	margin-top: 20px;
	float: left;
	width: 615px;
	padding-left: 10px;
	margin-left: 111px;
	margin-right: 50px;
	line-height: 18px;
	font-size: 12px;
}

ul{
	list-style-type: none;
	margin-left: -25px;
}

#columnLeft a{
	color: #6d6e71;
}

#columnLeft span.st24{
	line-height: 24px;
}

#columnLeft ul li span{
	color: #68c5ff;
	font-weight: bold;
	
}
#columnLeft ul li{
	list-style-image: url('../files/listStrzalka.jpg');
	margin-bottom: 10px;
}


#columnLeft p, #columnRight p{
	font-size: 24px;
	
}

#columnRight{
	float:left;
	
}
#przyklady{
	
	background: url('../files/przykladyBackground.jpg');
	width: 302px;
	height: 202px;
	float: left;
	padding-top: 65px;
	text-align: center;
	margin-bottom: 15px;
	
}

/************ MARKETING *********************/

#marketingFota{
	background: url('../files/fotaMarketing.png') no-repeat;
	float: left;
	width: 355px;
	line-height: 18px;
	height: 117px;
	padding-left: 297px;
	margin-left: 111px;
	padding-top: 130px;
	font-size: 12px;
	padding-right: 270px;
}
#kontaktFota{
	background: url('../files/fotaKontakt.png') no-repeat;
	float: left;
	width: 355px;
	line-height: 18px;
	height: 117px;
	padding-left: 297px;
	margin-left: 111px;
	padding-top: 130px;
	font-size: 12px;
	padding-right: 270px;
}
#reklamodawcyFota{
	background: url('../files/fotaReklamodawcy.png') no-repeat;
	float: left;
	width: 330px;
	line-height: 18px;
	height: 117px;
	padding-left: 322px;
	margin-left: 111px;
	padding-top: 130px;
	font-size: 12px;
	padding-right: 270px;
}

span.blue{
	color: #68c5ff;
	font-weight: bolder;
}
#columnLeft #wiersz{
	float :left;
	width: 615px;
	
}
#columnRight #czyWiesz{
	background: url('../files/czyWiesz.jpg') no-repeat;
	width: 178px;
	height: 233px;
	float: left;
	text-align: left;
	margin-bottom: 15px;
	overflow-y: hidden;
	padding-top: 60px;
	padding-left: 48px;
	padding-right: 20px;
	font-size: 12px;	
}
#columnRight #czyWiesz p
{
	font-size: 18px;	
}