@charset "utf-8";
/* CSS Document */

* {
	padding:0;
	margin:0;
}

html {
	background:url(img/body.jpg) repeat-x top #f2f2f2;
}

body {
	text-align:center;
	background:url(img/animals.png) repeat-y 50% 0;
	font:12px Arial, Helvetica, sans-serif;
	color:#8e8e8e;
}

#animals {
	width:100%;
	
}

#page {
	width:960px;
	margin:0 auto;
	text-align:left;
}

.left {
	float:left;
}

.right {
	float:right;
}

.end {
	clear:both;
}

img {
	border:0;
}

a {
	text-decoration:none;
}

.margin30 {
	margin:0 0 30px 0;
}

.margin20 {
	margin:0 0 20px 0;
}

.margin10 {
	margin:0 0 10px 0;
}

#top {
	width:50px;
	height:50px;
	position:fixed;
	bottom:50%;
	right:10px;
}

#top a {
	display:block;
	width:50px;
	height:50px;
	background:url(img/top.png) no-repeat top;
}

#top a:hover {
	display:block;
	width:50px;
	height:50px;
	background:url(img/top.png) no-repeat bottom;
}

#menu {
	font:22px Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#aeaeae;
	width:960px;
	height:43px;
	padding:18px 0 0 0;
	text-align:center;
}

#menu ul {
	list-style-type:none;
}

#menu li {
	display:inline;
	padding:0 15px;
}

#menu li a {
	color:#aeaeae;
}

#menu li a:hover {
	color:#c60031;	
}

#waterdesign {
	width:960px;
	height:144px;
}

#waterdesign a {
	display:block;
	width:960px;
	height:144px;
	background:url(img/waterdesign_logo.png) no-repeat top;
}

#waterdesign a:hover {
	display:block;
	width:960px;
	height:144px;
	background:url(img/waterdesign_logo.png) no-repeat bottom;
}

.kreska {
	padding:0 0 20px 0;
	background:url(img/kreska.jpg) no-repeat bottom center;
}

.kreska2 {
	padding:0 0 0px 0;
	background:url(img/kreska.jpg) no-repeat bottom center;
}

#omnie h2 b, 
#webdesign h2 b, 
#tshirt h2 b, 
#jawsieci h2 b, 
#polecane h2 b, 
h2.blog b{
	display:none;
}

#omnie h2 {
	width:104px;
	height:28px;
	background:url(img/omnie.png) no-repeat;
	margin:0 0 10px 10px;
}

#webdesign h2 {
	width:171px;
	height:36px;
	background:url(img/webdesign.png) no-repeat;
	margin:0 0 10px 10px;	
}

#tshirt h2 {
	width:218px;
	height:36px;
	background:url(img/tshirt.png) no-repeat;
	margin:0 0 10px 10px;	
}

#jawsieci h2 {
	width:142px;
	height:35px;
	background:url(img/jawsieci.png) no-repeat;
	margin:0 0 10px 10px;	
}

#polecane h2 {
	width:247px;
	height:34px;
	background:url(img/polecane.png) no-repeat;
	margin:0 0 10px 10px;	
}

h2.blog {
	width:70px;
	height:35px;
	background:url(img/blog.png) no-repeat;
	margin:0 0 10px 10px;	
}

.box {
	clear:both;
	background:#f9f9f9;
	border:2px solid #ffffff;
	border-radius:5px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;	
	padding:15px;
	width:450px;
	margin:0 auto;
	text-shadow:2px 1px 1px #ffffff;
	-moz-box-shadow:0 0 7px #f0f0f0;
	-webkit-box-shadow:0 0 7px #f0f0f0;
	box-shadow:0 0 7px #f0f0f0;
	line-height:18px;
}

.box2 {
	clear:both;
	background:#f9f9f9;
	border:2px solid #ffffff;
	border-radius:5px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;	
	padding:15px;
	width:930px;
	margin:0 auto;
	text-shadow:2px 1px 1px #ffffff;
	-moz-box-shadow:0 0 7px #f0f0f0;
	-webkit-box-shadow:0 0 7px #f0f0f0;
	box-shadow:0 0 7px #f0f0f0;
	line-height:18px;
}

.box p {
	padding:0 0 10px 0;
}

.box a {
	color:#8e8e8e;
	text-decoration:underline;
}

.box a:hover {
	color:#14abcb;
	text-decoration:none;
}

a.wroc {
	color:#8e8e8e;
	font:18px Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}

a.wroc:hover {
	color:#14abcb;
}

.shadow_long {
	background:url(img/shadow_long.png) no-repeat top center;
	width:940px;
	height:16px;
	margin:0 auto;
	line-height:0px;
	font-size:0pc;
}

.box .right {
	width:580px;
}

.box .column {
	width:177px;
	padding:0 15px 0 0;
	float:left;
}

.box br {
	line-height:10px;
}

.box .left {
	width:300px;
}

ul.lista {
	width:100%;
}

ul.lista li {
	width:480px;
	float:left;
	display: inline;
	position:relative;
	margin:0 0 20px 0;
}

.block {
	margin:0 10px;
	background:#f9f9f9;
	border:2px solid #ffffff;
	border-radius:5px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;	
	padding:15px;
	text-shadow:2px 1px 1px #ffffff;
	-moz-box-shadow:0 0 7px #f0f0f0;
	-webkit-box-shadow:0 0 7px #f0f0f0;
	box-shadow:0 0 7px #f0f0f0;	
	clear:both;
	position:relative;
	text-align:left;
	line-height:18px;
	height: auto !important;
	min-height: 310px; 
	height: 310px;		
}

.img {
	text-align:center!important;
}

.shadow_short {
	background:url(img/shadow_short.png) no-repeat top center;
	width:460px;
	height:17px;
	margin:0 auto;
	line-height:0px;
	font-size:0pc;
}

.block h2 {
	font:26px Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	border-bottom:1px solid #eaeaea;
	padding:0 0 3px 0;
	width:auto!important;
	height:auto!important;
	background:none!important;
	text-align:left;
}

.block h2 a {
	color:#8e8e8e;
	text-decoration:none;
}

.block h2 a:hover {
	color:#c60031;		
	text-decoration:none;	
}

.block a {
	color:#8e8e8e;
	text-decoration:underline;
}

.block a:hover {
	color:#14abcb;
	text-decoration:none;
}

.zobacz {
	width:97px;
	height:26px;
	position:absolute;
	bottom:15px;
	right:15px;
}

.zobacz a {
	background:url(img/zobacz.png) no-repeat;
  background-position: 0 -26px;
	text-decoration:none;
	width:97px;
	height:26px;
	display:block;
	}	
	
.zobacz a:hover {
	background:url(img/zobacz.png) no-repeat;
	background-position: 0 0;
	}
	
.social {
	margin:0 15px;
}
	
.rss {
	width:163px;
	height:64px;
	float:left;
}

.rss a {
	display:block;
	width:163px;
	height:64px;
	background:url(img/rss.png) no-repeat top;
}

.rss a:hover {
	background:url(img/rss.png) no-repeat bottom;
}

.da {
	width:220px;
	height:64px;
	float:left;
}

.da a {
	display:block;
	width:220px;
	height:64px;
	background:url(img/da.png) no-repeat top;
}

.da a:hover {
	background:url(img/da.png) no-repeat bottom;
}

.twitter {
	width:184px;
	height:64px;
	float:left;
}

.twitter a {
	display:block;
	width:184px;
	height:64px;
	background:url(img/twitter.png) no-repeat top;
}

.twitter a:hover {
	background:url(img/twitter.png) no-repeat bottom;
}

.fb {
	width:210px;
	height:64px;
	float:left;
}

.fb a {
	display:block;
	width:210px;
	height:64px;
	background:url(img/fb.png) no-repeat top;
}

.fb a:hover {
	background:url(img/fb.png) no-repeat bottom;
}

ul.polecam {
	list-style-type:none;
}

ul.polecam li {
	float:left;
	width:29%;
	padding:0 10px 2px 14px;
	border-bottom:1px dashed #dcdcdc;
	margin:0 15px 4px 0;
	background:url(img/pkt.png) no-repeat 0 50%;
}

ul.polecam li a {
	text-decoration:none;
}


	
#footer {
	width:100%;
	height:33px;
	padding:33px 0 0 0;
	font:13px Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	text-shadow:2px 1px 1px #828282;
	color:#f0f0f0;
	background:url(img/footer.jpg) repeat-x top;
}

#footer_content {
	width:940px;
	margin:0 auto;
	text-align:left;
}

.box h2, 
.box h1 {
	font:29px Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	border-bottom:1px solid #eaeaea;
	padding:0 0 3px 0;	
}

.box h2 span, 
.box h1 span {
	font:17px Georgia, "Times New Roman", Times, serif;
	vertical-align:middle;
	color:#c6c6c6;
	font-style:italic;	
	padding:0 0 0 10px;
}

.box h2 a, 
.box h1 a {
	color:#8e8e8e;
text-decoration:none!important;
}

.box h2 a:hover, 
.box h1 a:hover {
	color:#c60031;		
text-decoration:none!important;
}

.tresc {
	font:12px Tahoma, Geneva, sans-serif;
	color:#6a6a6a;
	line-height:20px;
	width:900px;
	margin:0 auto;
}

.tresc p {
	padding:10px 0;
}

.tresc ul, 
.tresc ol {
	width:90%;
	margin:10px auto;
}

.tresc ul {
	list-style-type:circle!important;
}

.tresc ul li, 
.tresc ol li {
	padding:4px 0;
	margin:0!important;
	font-weight:bold;
}

.tresc ul li li, 
.tresc ol li li {
	font-weight:normal;
}

.tresc a {
	color:#c60031;		
text-decoration:none!important;
}

.tresc a:hover {
	text-decoration:underline;
	color:#8e8e8e;			
}

.tresc h2 {
	font:22px Georgia, "Times New Roman", Times, serif;
	font-style:italic;	
	color:#c50035;	
}

.box p.obr {
	text-align:center!important;
	padding:15px 0!important;
	width:904px;
	margin:0 auto;	
}

.box p.obr img {
	border:2px solid #fff;
	-moz-box-shadow:0 0 10px #e4e4e4;
	-webkit-box-shadow:0 0 10px #e4e4e4;
	box-shadow:0 0 10px #e4e4e4;		
}

#pagination {
	padding:0 0 40px 0;
	clear:both;
}

#pagination #left a, 
#pagination #right a {
	display:block;
	width:130px;
	padding:5px 5px 8px 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:2px solid #858585;	
	text-shadow:2px 1px 1px #454545;
	background:#616161;
	vertical-align:middle;
	margin:0 10px;
	text-align:center;
	font:19px Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#ffffff;
}

#pagination #left a:hover, 
#pagination #right a:hover {
	border:2px solid #ed054c;		
	text-shadow:2px 1px 1px #98002d;
	background:#c60031;		
}