* {
	padding:0;
	margin:0;
}

body {
	background:url(obrazki/back.png) repeat-x;
	margin:20px 0 0 0;
}

#container {
	width:960px;
	margin:0 auto;
}

#head ul {
	float:right;
	list-style:none;
}

#head li {
	float:left;
	padding:0 10px;
}

#head li a{
	display:block;
	padding:8px;
	font:.7em tahoma, arial, sans;
	text-decoration:none;
	color:#939393;
	font-weight:bold;
	margin-top:10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid transparent;
}

#head li a:hover {
	background:#2888c1;
	color:white;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #2888c1
}

#head, #o_nas, #oferta, #kontakt, .clear {
	clear:both;
}

#head, #o_nas, #oferta, #kontakt{
	margin-bottom:30px;
}

.cat_name {
	width:190px;
	padding-left:40px;
	float:left;
}

.main {
	width:700px;
	padding:10px 15px;
	float:left;
}

.main p{
	font:.7em tahoma, arial, sans;
	line-height:1.5em;
	padding-bottom:1.5em;
}

.box {
	width:96%;
	padding:5px 2%;
	clear:both;
}

.box2 {
	width:46%;
	padding:0 2%;
	float:left;
}

.box p, .box2 p {
	padding-left:90px;
}

.box h2{
	font:1.5em tahoma, arial, sans;
	text-transform:uppercase;
	color:#2888c1;
	padding:25px 0 25px 85px;
}
#kontakt .box2 h2 {
	padding:0 0 .6em 0;
}

.box2 h2 {
	font:.8em tahoma, arial, sans;
	text-transform:uppercase;
	color:#2888c1;
	padding:25px 0 25px 85px;
}


.box h2 a {
    text-decoration:none;
    color:#2888c1;
}
#oferta .clear{
	padding-top:2em;
}

#kontakt .box2 p {
	padding-left:0px;
}

#www h2{
	background:url(obrazki/strony.png) no-repeat;
}

#komputery h2{
	background:url(obrazki/sprzet.png) no-repeat;
}

#oprogramowanie h2{
	background:url(obrazki/oprogramowanie.png) no-repeat;
}

#obsluga h2{
	background:url(obrazki/obsluga.png) no-repeat;
}

#kontakt ul {
	list-style:none;
	font:.7em tahoma, arial, sans;
}

#kontakt li {
	margin:5px 0;
}

#mail {
	background:url(obrazki/mail.png) no-repeat;
	padding:14px 0 18px 60px;
}

#mail a, #skype a{
	color:#545454;
	text-decoration:none;
}

#mail a:hover {
	color:#c1c1c1;
}

#skype {
	background:url(http://mystatus.skype.com/mediumicon/przemek.rychlik) no-repeat 0 12px;
	padding:14px 0 18px 60px;
}

#tel {
	background:url(obrazki/tel.png) no-repeat;
	padding:14px 0 18px 60px;
}

.back {
		float:right;
		color:#b7b7b7;
		text-decoration:none;
		font:.75em tahoma, arial, sans;
}