

body
{
	padding: 0;
	margin: 0; 
	background-color: #3a3a3a; 
	font-size: 12px;
	font-family: tahoma;
}
a
{
	color: #135ea4;
	text-decoration: none;
}
a:hover
{
	color: red;
	text-decoration: underline;
	position: relative;
	bottom: 1px;
}
#layout
{
	margin: 0 auto;
	width: 100%;	
}
#page
{
	width: 970px;	
	margin: 0 auto;	
}
#header_top
{
	width: 970px;
	margin: 0 auto;
	float: left;
	position: relative;
	top: 7px;
}
#header
{
	width: 970px;
	margin: 0 auto;
	float: left;
	background-color: white;
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
	color: #6c6c6c;
}

#logo
{
	float: left;
}
#oferta
{
	float: left;
	width: 157px;
	height: 74px;
	background-image: url(layout/oferta.png);
}
#realizacje
{
	float: left;
	width: 152px;
	height: 74px;
	background-image: url(layout/realizacje.png);
}
#cennik
{
	float: left;
	width: 148px;
	height: 74px;
	background-image: url(layout/cennik-08.png);
}
#kontakt
{
	float: left;
	width: 170px;
	height: 74px;
	background-image: url(layout/kontakt.png);
}
#oferta_link
{
	float: left;
	padding-top: 33px;
	padding-left: 96px;
}
#realizacje_link
{
	float: left;
	padding-top: 33px;
	padding-left: 76px;
}
#cennik_link
{
	float: left;
	padding-top: 33px;
	padding-left: 81px;
}
#kontakt_link
{
	float: left;
	padding-top: 33px;
	padding-left: 93px;
}

#animacja
{
	width: 970px;
	height: 220px;
	margin: 0 auto;
	float: left;
	background-color: #FFFFFF;
	background-image: url(layout/animacja.png);
	background-position: center top;
	background-repeat: no-repeat;
}
#main
{
	width: 970px;
	background-color: #FFFFFF;
	margin: 0 auto;
	float: left;
	padding-top: 5px;
}
#main #lewa
{	
	float: left;
	width: 250px;
	height: 400px;
}

#main #prawa
{	
	float: left;
	width: 230px;
	
	
}
#main #center
{
	float: left; 
	width: 485px;	
	border-left: 1px dotted silver;
	border-right: 1px dotted silver;
}
#stopka
{
	width: 970px;
	background-color: #dadada;
	height: 30px;
	float: left;
	margin: 0 auto;	
}
#main #tekst
{
	padding-left: 20px;
	padding-right: 20px;
	text-align: justify;
	color: #666666;
	font-size: 11px;
}
#oferujemy
{
	width: 970px;
	background-color: #FFFFFF;
	margin: 0 auto;
	float: left;
}
#oferujemy_1
{
	width: 235px;
	background-image: url(layout/oferta_tlo.png);
	background-repeat: repeat-x;
	height: 70px;
	position: relative;
	left: 15px;
	bottom: 5px;
	border-top: 4px double #D9D9D9;
	float: left;
	
}

#oferujemy_2
{
	width: 234px;
	background-image: url(layout/oferta_tlo.png);
	background-repeat: repeat-x;
	height: 70px;
	position: relative;
	left: 16px;
	bottom: 5px;
	border-top: 4px double #D9D9D9;
	float: left;
	
}

#oferujemy_3
{
	width: 233px;
	background-image: url(layout/oferta_tlo.png);
	background-repeat: repeat-x;
	height: 70px;
	position: relative;
	left: 17px;
	bottom: 5px;
	border-top: 4px double #D9D9D9;
	float: left;
	
}

#oferujemy_4
{
	width: 235px;
	background-image: url(layout/oferta_tlo.png);	
	background-repeat: repeat-x;
	height: 70px;
	position: relative;
	left: 18px;
	bottom: 5px;
	border-top: 4px double #D9D9D9;	
	float: left;
	
}
.oferta_naglowek
{
	position: relative;
	top: 5px;
	left: 10px;
	color: #af1d5c;
	float: left;
}
.oferta_tekst
{
	position: relative;
	top: 7px;
	left: 10px;
	font-size: 11px;
	color: #666666;
	float: left;
	width: 150px;
}
.oferta_img
{
	float: left;
	position: relative;
	left: 4px;
	top: 2px;
}
.naglowek
{
	position: relative;
	left: 15px;
	font-size: 14px;
	font-family: helvetica;	
	color: #af1d5c;
	border-bottom: 4px double #D9D9D9;
	width: 205px;
	font-weight: bold;
	padding-bottom: 4px;
}
.belka_tekst
{
	position: relative;
	left: 15px;	
	color: #666666;
	font-size: 11px;
	padding-top: 4px;
	width: 200px;
}
#lewa_wciecie
{
	position: relative;
	left: 10px;	
}
h1
{
	font-size: 15px;
	font-family: helvetica;	
	color: white;
	padding-bottom: 3px;
	position: relative;
	right: 2px;
	display: inline;
}

h2
{
	font-size: 14px;
	font-family: font-family: inherit;;	
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #af1d5c;
	padding-bottom: 3px;
	position: relative;
	right: 2px;
}
h3
{
	font-size: 13px;
	font-family: font-family: inherit;;	
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #af1d5c;
	padding-bottom: 3px;
	position: relative;
	right: 2px;
}
.por
{
	padding: 3px;
	border: 1px solid #7e7e7e;
}
.porr
	{
		margin: 2px;
		padding: 3px;
		border: 1px solid #7e7e7e;
	}

.linia
{
	width: 100%;
	padding-top: 10px;
	border-bottom: 1px dotted silver;	
	position: relative;
	bottom: 7px;
}

.portfolio
{
	float: left;;border-bottom: 1px dotted silver;
	padding-top: 5px;
	padding-bottom: 2px;
}
.portfolio .left
{
	float:left; width:180px;
}
.portfolio .center
{
	float:left;padding-left: 20px;width: 180px;color: #666666;
}
.portfolio .right
{
	float:left;padding-left: 40px;color: #666666;
}

.portfolio .bold
{
	position: relative;top:4px;color: #af1d5c;
}
.linia
{
	float: left;
	padding-bottom: 5px;
	border-bottom: 1px solid #d7d7d7;
}
.dol_linki a
{
	color: white;
	text-decoration: underline;
}
.dol_linki a:hover
{
	color: silver;
}
.dol_link 
{
	float: left;
	width: 160px;
	border-bottom: 1px solid white;
	padding: 3px;
}
*{margin:0; padding:0;}