body {margin:0;}

h1,h2,h3,h4,h5,h6,p {font-family:arial;margin:0;color:white;}
a img {border:none;}
a, a:visited {color:white;}

.back {position:absolute;z-index:-1;}
.hidden {display:none;}

div.Table_01 {
	position:relative;
	margin: 0px 0px;
	left:0px;
	top:0px;
	width:920px;
	height:740px;
}

div.red, .orange, .green, .blue {
	display:none;
	position:absolute;
	top:148px;
	left:0px;
    width:920px;
	height:557px;

}

div.links {
	display:none;
	position:absolute;
	top:707px;
	left:0px;
}


.links p a {font-family:arial;color:white;font-weight:bold;margin-right:1px;padding:2px;text-decoration:none;padding-bottom:0;padding-left:80px;}
.links p #a1 {background-color:#ee0000;}
.links p #a2 {background-color:#ff7700;}
.links p #a3 {background-color:#00bb00;}
.links p #a4 {background-color:#2299ff;}

div.with_you {
	position:absolute;
	right:567px;
	top:78px;
	width:135px;
	height:17px;
}

div.creative {
	position:absolute;
	left:98px;
	top:110px;
	width:627px;
	height:55px;
}

div.internet {
	position:absolute;
	left:267px;
	top:168px;
	width:462px;
	height:52px;
}

div.tworzenie_www {
	position:absolute;
	left:428px;
	top:261px;
	width:275px;
	height:43px;
}

div.copyright {
	position:absolute;
	left:728px;
	top:716px;
	width:192px;
	height:9px;
}

div.tworzymywwwt2-03 {
	position:absolute;
	left:296px;
	top:249px;
	width:609px;
	height:605px;
}

div.d_ {
	position:absolute;
	left:296px;
	top:249px;
	width:609px;
	height:605px;
}
#nav {list-style:none;margin:0;padding:0;background-color:red;}
#nav li {float:left;}
#nav a * {display:none;}
#nav a, #nav a .hover {
	position: absolute;
	display: block;
	background: url(menu.jpg) 0 0 no-repeat;
	height: 160px;
	width: 160px;
}

#nav a.onas {
	top:132px;
	background-position: 0px -132px;
}

#nav .hl a.onas:hover,
#nav a.onas .hover {
	background-position: 0px -369px;
}

#nav a.portfolio {
	top:208px;
	left:162px;
	background-position: -162px -208px;
}

#nav .hl a.portfolio:hover,
#nav a.portfolio .hover {
	background-position: -162px -445px;
}

#nav a.cennik {
	top:139px;
	left:326px;
	background-position: -326px -139px;
}

#nav .hl a.cennik:hover,
#nav a.cennik .hover {
	background-position: -326px -376px;
}

#nav a.kontakt {
	top:0px;
	left:450px;
	background-position: -450px -0px;
}

#nav .hl a.kontakt:hover,
#nav a.kontakt .hover {
	background-position: -162px -0px;
}

.r {
	margin:40px;
	margin-right:20px;
	margin-left:0px;
	height:480px;
	width:490px;
	float:right;
	overflow:auto;
}
.l {
	height:480px;
	width:350px;
	margin:40px;
	margin-left:20px;
	margin-top:40px;
	overflow:auto;
}

.r h1, .r h2 {margin-top:10px;margin-bottom:20px;}
.red li {color:#00ff00;}
.red li img {vertical-align:-2px;padding-right:4px;}
.orange h5 {color:#963;font-size:16px;text-align:center;margin-top:24px;margin-bottom:6px;}
.orange .r p {font-size:14px;}
.orange .img {clear:both;}
.orange .r img {padding-bottom:12px;margin-right:10px;float:left;}
.orange p {text-align:center;}
.orange .l p {margin-top:6px;margin-bottom:14px;font-weight:bold;}
.blue .cont p {margin-top:12px;}
.blue .r input {float:right;margin-right:190px;margin-left:2px;}
.blue .r p.label {text-align:right;}
.blue .r p.submit input {margin-right:28px;}
.blue .l p, .blue .l h4 {text-align:center;}
.blue .l img {margin-top:10px;}

.mar40 {margin-left:40px;}

.cont span {font-weight:bold;color:#ffd700;}

.red .l {margin-top:40px;}
.cont h3 {margin-top:10px;margin-bottom:10px;}
.cont h4 {margin-top:2px;margin-bottom:4px;}
.red .cont h4 {margin-top:8px;}
