body, html {
	margin: 0;
	padding: 0;
}

#cale {
	background: url(images/naglowek/tlo.jpg) top center no-repeat;
}

#cale2 {
	background: url(images/naglowek/tlo2.jpg) top center no-repeat;
}

#naglowek, #naglowek2 {
	width: 1000px;
	display: block;
	margin: 0 auto;
	padding: 0;
}

#naglowek {
	height: 508px;
}

#naglowek2 {
	position: relative;
	height: 255px;
	padding: 50px 0 0 0;
}

#zawartosc, #zawartoscmain, #trzynaglowki {
	position: relative;
	display: block;
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

#zawartosc {
	min-height: 740px;
}
* html #zawartosc {
	height: 740px;
}

#trzynaglowki {
	height: 94px;
}

#naglowek2 #powrot {
	position: absolute;
	top: 210px;
	left: 650px;
	width: 280px;
	height: 80px;
}

#naglowek2 #powrot a.powrot {
	display: block;
	height: 80px;
	text-indent: -9999px;
}

#naglowek #lewe {
	position: relative;
	display: block;
	float: left;
	width: 255px;
	height: 508px;
	background: url(images/naglowek/sl.jpg) top left no-repeat;
}

#naglowek #srodkowe {
	position: relative;
	display: block;
	float: left;
	width: 321px;
	height: 508px;
}

#naglowek #srodkowe #srodkowe1 {
	position: absolute;
	top: 0;
	left: 0; 
	width: 321px;
	height: 312px;
	background: url(images/naglowek/sf.jpg) top left no-repeat;
}

#naglowek #srodkowe #srodkowe2 {
	position: absolute;
	top: 312px;
	left: 0; 
	width: 321px;
	height: 196px;
	background: url(images/naglowek/ss.jpg) top left no-repeat;
}

#naglowek #srodkowe #srodkowe1 #flashcontent {
	position: relative;
	width: 321px;
	height: 312px;
	font-family: "Trebuchet MS";
	color: #fff;
}

#naglowek #srodkowe #srodkowe1 #flashcontent a {
	color: #fff;
	text-decoration: underline;
}

#naglowek #prawe {
	display: block;
	position: relative;
	float: left;
	width: 424px;
	height: 508px;
	background: url(images/naglowek/sp.jpg) top right no-repeat;
}

#naglowek #prawe #wybdzial {
	position: absolute;
	bottom: 0;
	left: 0; 
	width: 266px;
	height: 128px;
	background: url(images/naglowek/spd.jpg) top left no-repeat;
}

#naglowek #prawe #linki {
	position: absolute;
	top: 121px;
	left: 0;
	width: 290px;
	height: 100px;
}

#naglowek #prawe #linki a {
	display: block;
	width: 100%;
	text-indent: -9999px;
	font-size: 24px;
}

#naglowek #prawe #linki a.dorealizacji {
	background: url(images/naglowek/dorealizacji-off.gif) top right no-repeat;
}

#naglowek #prawe #linki a.dorealizacji:hover {
	background: url(images/naglowek/dorealizacji-on.gif) top right no-repeat;
}

#naglowek #prawe #linki a.jakdojechac {
	background: url(images/naglowek/jakdojechac-off.gif) top right no-repeat;
}

#naglowek #prawe #linki a.jakdojechac:hover {
	background: url(images/naglowek/jakdojechac-on.gif) top right no-repeat;
}

#naglowek #prawe #linki a.kontakt {
	background: url(images/naglowek/kontakt-off.gif) top right no-repeat;
}

#naglowek #prawe #linki a.kontakt:hover {
	background: url(images/naglowek/kontakt-on.gif) top right no-repeat;
}

#naglowek #prawe a.naszerealizacje {
	position: absolute;
	bottom: 0;
	right: 0; 
	width: 158px;
	height: 128px;
	text-indent: -9999px;
	background: url(images/naglowek/godo.jpg) top left no-repeat;
}

#naglowek #prawe a.naszerealizacje:hover {
	background: url(images/naglowek/godh.jpg) top left no-repeat;
}

ul.dzialy {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

ul.stopka {
	margin-bottom: 60px;
	clear: both;
}

ul.dzialy li {
	display: block;
	width: 284px;
	min-height: 145px;
	float: left;
	margin: 0 0 0 24px;
	padding: 0 24px 0 0;
	border-right: 1px solid #ebebeb;
}

ul.dzialy li p {
	color: #444444;
	font-family: Arial;
	font-size: 14px;
	line-height: 130%;
	margin: 0;
	padding: 0 0 10px 0;
}

ul.dzialy li.kr {
	padding: 0;
	border: none;
}

ul.dzialy li h2 {
	text-indent: -9999px;
}
* html ul.dzialy li h2 { margin-top: 25px; }

#trzynaglowki div.ioffset {
	width: 321px;
	float: left;
	height: 94px;
	background: url(images/naglowek/dd.jpg) top left no-repeat;
}
	
#trzynaglowki div.ikalendarz {
	width: 313px;
	float: left;
	height: 94px;
	background: url(images/naglowek/dk.jpg) top left no-repeat;
}

#trzynaglowki div.ireklama {
	width: 366px;
	float: left;	
	height: 94px;
	background: url(images/naglowek/dp.jpg) top left no-repeat;
}

ul.dzialy li div.ikona {
	display: block;
	position: relative;
	height: 67px;
}

#trzynaglowki div.ioffset, #trzynaglowki div.ikalendarz, #trzynaglowki div.ireklama {
	display: block;
	position: relative;
}

ul.dzialy li div.ikona a {
	position: absolute;
	top: 30px;
	left: 110px; 
	width: 116px;
	height: 27px;
	text-indent: -9999px;
	background: url(images/wiecej-off.jpg) top left no-repeat;
}

#trzynaglowki div.ioffset a, #trzynaglowki div.ikalendarz a, #trzynaglowki div.ireklama a  {
	position: absolute;
	top: 50px;
	left: 137px; 
	width: 116px;
	height: 27px;
	text-indent: -9999px;
	background: url(images/wiecej-off.jpg) top left no-repeat;
}

ul.dzialy li div.ikona a:hover, ul.dzialy li div.ikona a:focus,
#trzynaglowki div.ioffset a:hover, #trzynaglowki div.ikalendarz a:hover, #trzynaglowki div.ireklama a:hover, #trzynaglowki div.ioffset a:focus, #trzynaglowki div.ikalendarz a:focus, #trzynaglowki div.ireklama a:focus  {
	background: url(images/wiecej-on.jpg) top left no-repeat;
}

div.kropla {
	background: url(images/kropla.jpg) 220px 0 no-repeat;
}

ul.dzialy li h2.drukoffsetowy {
	background: url(images/kolumny/drukoffsetowy.jpg) top left no-repeat;
}

ul.dzialy li h2.kalendarze {
	background: url(images/kolumny/kalendarze.jpg) top left no-repeat;
}

ul.dzialy li h2.reklama {
	background: url(images/kolumny/reklama.jpg) top left no-repeat;
}

ul.dzialy li h2.gadzety {
	background: url(images/kolumny/gadzety.jpg) top left no-repeat;
}

ul.dzialy li h2.projektowanie {
	background: url(images/kolumny/projektowanie.jpg) top left no-repeat;
}

ul.dzialy li h2.inne {
	background: url(images/kolumny/inne.jpg) top left no-repeat;
}

ul.dzialy li h2.www {
	background: url(images/kolumny/www.jpg) top left no-repeat;
}

krzysiek magura 695 10 28 19

ul.dzialy li.copy, ul.dzialy li.kontakt, ul.dzialy li.mapa {
	margin-top: 25px;
}

li.kontakt a img {
	border: 0;
}

ul.dzialy li.copy p {
	font-size: 12px;
	text-align: right;
}

ul.dzialy li p.male {
	font-size: 12px;
	padding: 0 0 0 61px;
}

ul.dzialy li p.mt {
	margin-top: 10px;
}

ul.dzialy li.mapa p.male {
	padding-left: 0;
}

ul.dzialy li.copy a {
	color: #fff;
	text-decoration: none;
	padding: 0 3px;
	line-height: 155%;
	background-color: #a29bae;
}

div.tresc p.tagi a {
	font-size: 14px;
	color: #b03434;
	text-decoration: none;
	padding: 0;
	line-height: 155%;
	font-weight: normal;
}

div.tresc p.tagi a:hover, div.tresc p.tagi a:focus {
	color: #444;
}
 
ul.dzialy li.copy a.rss {
	background-color: #B89B93;
}

ul.dzialy li.copy a:hover, ul.dzialy li.copy a:focus {
	background-color: #a5a5a5;
}

ul.dzialy li.mapa a {
	display: block;
	width: 284px;
	height: 225px;
	text-indent: -9999px;
	background: url(images/stopka/adres-off.gif) top left no-repeat;
}

ul.dzialy li.mapa a:hover {
	background: url(images/stopka/adres-on.gif) top left no-repeat;
}

#works {
	width: 820px;
	float: left;
}

#ads {
	width: 250px;
	float: left;
}

#ads ul, #ads ul li ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	
#ads ul li, #ads ul li ul li {
	margin: 0;
	padding: 0;
}

#ads ul li a, #ads ul li ul li a, .post .postmetadata a {
	font-family: Arial;
	color: #a2a2a2;
	text-decoration: none;
	padding: 0 3px;
	border-bottom: 1px #bbb dashed;
}
#ads ul li a, #ads ul li ul li a {
	border: none;
}

#ads ul li a:hover, #ads ul li ul li a:hover, .post .postmetadata a:hover {
	color: #444;
}

#ads label {
	font-family: Arial;
	font-size: 14px;
}

#ads input, #komentarze input, #komentarze textarea {
	font-family: Arial;
	font-size: 14px;
	padding: 5px;
	border: 1px #bbb solid;
}

#ads input.szukaji {
	width: 140px;
}

#ads input.submitb, #komentarze input.submitb {
	font-family: "Trebuchet MS", Arial;
	font-size: 17px;
	padding: 4px;
	font-weight: bold;
	color: #aaa;
	border: none;
	background: none;
}

#nav {
	width: 150px;
	float: left;
}

#works h2, #ads h2 {
	font-family: "Trebuchet MS";
	font-size: 20px;
	color: #5a5a5a;
	font-weight: normal;
	text-transform: uppercase;
}

#works h2 a, #works h2 a:visited {
	color: #5a5a5a;
	text-decoration: none;
}

#works h2 a:hover, #works h2 a:focus {
	text-decoration: underline;
}

#komentarze {
	width: 570px;
	padding: 0 230px 30px 0;
}

.post {
	position: relative;
	display: block;
	min-height: 100px;
	margin: 0;
	padding: 0 0 40px 70px;
}
* html .post { height: 100px; }

.post p.postmetadata {
	font-family: Arial;
	font-size: 12px;
	line-height: 130%;
}

.data {
	position: absolute;
	top: 0;
	left: 0;
	width: 55px;
	height: 60px;
	font-family: "Trebuchet MS";
	font-size: 20px;
	color: #bcbcbc;
	line-height: 110%;
}

.data span {
	font-size: 22px;
	letter-spacing: 1px;
}

.cloud {
	position: absolute;
	top: 45%;
	left: 0;
	width: 55px;
	height: 56px;
	display: block;
	font-family: "Trebuchet MS";
	font-size: 20px;
	color: #fff;
	text-align: center;
}

.cloud a, .cloud a:visited, .cloud a:hover {
	display: block;
	width: 50px;
	height: 50px;
	color: #fff;
	text-decoration: none;
	padding: 6px 0 0 0;
	background: url(images/cloud.jpg) 1px 0 no-repeat;
}

.cloud a:hover {
	color: #fff;
	text-decoration: none;
	background: url(images/cloudhover.jpg) 1px 0 no-repeat;
}

.img {
	position: relative;
	width: 500px;
	height: 200px;
}

.show {
	width: 500px;
	height: 200px;
	color: #ff0;
	text-align: center;
	line-height: 100px;
}

div.kulki {
	display: table;
	width: 500px;
	padding: 20px 0 12px 0;
}

div.tresc {
	display: block;
}

div.desc {
	margin-top: 30px;
}

div.tresc p, #ads p, div.desc p {
	font-family: Arial;
	font-size: 14px;
	color: #444;
	margin: 0;
	padding: 0 0 10px 0;
	line-height: 130%;
}

div.tresc p img {
	margin: 0 40px 40px 0;
	border: 0;
}

div.kulki a, div.kulki a:visited {
	display: block;
	float: left;
	width: 29px;
	height: 29px;
	font-family: "Trebuchet MS", Arial;
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	text-decoration: none;
	margin: 0 5px 0 0;
	padding: 3px 0 0 0;
	text-align: center;
	background: url(images/szare.jpg) top left no-repeat;
}

div.kulki a:hover {
	background: #fff url(images/czerw.jpg) top left no-repeat; /* bg important */
}

div.kulki a img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border: 0;
}

div.kulki a:hover img {
	display: block;
	position: absolute;
	top: 0;
	left: 70px;
	width: 500px;
	height: 200px;
	border: 0;
}

#nav ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0 0 0 35px;
	padding: 0;
}
	
#nav ul li {
	margin: 0;
	padding: 0;
	/*height: 120px;*/
}

#nav ul li.drukoffsetowy {
	background: url(images/ikony/drukoffsetowy.jpg) top left no-repeat;
}
	
#nav ul li.kalendarze {
	background: url(images/ikony/kalendarze.jpg) top left no-repeat;
}
	
#nav ul li.reklama {
	background: url(images/ikony/reklama.jpg) top left no-repeat;
}
	
#nav ul li.gadzety {
	background: url(images/ikony/gadzety.jpg) top left no-repeat;
}
	
#nav ul li.projektowanie {
	background: url(images/ikony/projektowanie.jpg) top left no-repeat;
}
	
#nav ul li.inne {
	background: url(images/ikony/inne.gif) top left no-repeat;
}

#nav ul li.www {
	background: url(images/ikony/www.jpg) top left no-repeat;
}

#nav ul li a {
	display: block;
	position: relative;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #000;
	letter-spacing: 0px;
	padding: 0;
	margin: 0;
	text-indent: -9999px;
	text-decoration: none;
}

#nav ul li.drukoffsetowy a, #nav ul li.kalendarze a, #nav ul li.reklama a, #nav ul li.gadzety a, #nav ul li.projektowanie a, #nav ul li.inne a, #nav ul li.www a {
	height: 85px; 
}

#nav ul li a:hover {
	background: none;
}

#nav ul li a span {
	display: none;
	text-indent: 0;
}

#nav ul li a:hover span { 
    display: block;
    position: absolute;
	width: 80px;
	top: 10px;
	left: 100px;
	font-family: Arial;
	font-weight: normal;
	color: #fff;
	font-size: 13px;
	padding: 7px 10px;
	border: 6px solid #f5f5f5;
	background: #B6605F;
	z-index: 2;
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 160px;
}

#nav ul li a span strong {
	color: #fff;
}

#nav ul li.podk {
	margin: 0 0 60px 0;
}

#nav ul li.podk ul {
	margin: 0;
	padding: 0;
}

#nav ul li.podk ul li {
	font-family: Arial;
	font-size: 13px;
	color: #444;
	line-height: 130%;
}

#nav ul li.podk ul li a {
	font-weight: bold;
	color: #b03434;
	text-indent: 0;
}

#nav ul li.podk ul li a:hover {
	color: #444;
}

#nav ul li.podk ul li.cat-item {
	padding-left: 10px;
	background: url(images/li.gif) 1px 5px no-repeat;
}

#komentarze h3 {
	font-family: "Trebuchet MS";
	font-size: 17px;
	color: #5a5a5a;
	font-weight: normal;
	text-transform: normal;	
}

#komentarze p, #komentarze li {
	font-family: Arial;
	font-size: 14px;
	color: #444;
}

#komentarze a {
	font-family: Arial;
	font-size: 12px;
	color: #a2a2a2;
	text-decoration: none;
	border-bottom: 1px #bbb dashed;
}

#komentarze cite {
	color: #7cb6aa;

}