/*--------------------------------------------------------
	css theme name: j7
	author: bartosz mediger (http://mediger.net)

	created : july 19, 2007

*/


* { margin: 0px; padding: 0px; }


body, html { width: 100%; height: 100%; }


body { background: url(../images/backg.jpg); }

a {
outline-style: none;
}

blockquote p {
	font-size: 14px !important;
	text-align: left !important; }


fieldset { border: none; }

	
a, body, cite, h1, h2, h3, h5, h6, input, legend, p, select, span, option, textarea {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	line-height: 16px;
	color: #393939; }



img { border: none; }


img.left {
	float: left;
	margin: 0 10px 0 0; }


ins { text-decoration: none; }



label { cursor: pointer; }



p { padding-bottom: 20px; }



small { font-size: 9px; }



textarea { overflow: auto; }


ul { list-style: none; }





/* navigacja */

a {
	color: #9d3313;
	text-decoration: none; }

a:hover { color: #c03e00 !important; }





/*	naglowki */

h1 {
	background: url(../images/arrow5.gif) no-repeat left 2px;
	padding: 0 0 20px 25px;
	line-height: 110%;
	font-size: 21px; }
	
.h1a {
	background: url(../images/arrow5.gif) no-repeat left 2px;
	padding: 0 0 20px 25px;
	line-height: 110%;
	font-size: 20px; }

h3 {
	font-size: 19px;
	font-weight: bold;
	color: #9d3313; }

h6 a {
	background: url(../images/arrow3.gif) no-repeat 0 6px;
	padding: 0 0 0 12px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #9d3313; }

small { color: #717171; }








.more {
	float: right;
	background: url(../images/arrow3.gif) no-repeat right;
	padding: 0 15px 0;
	text-transform: uppercase;
	font-size: 9px; }

	

/* pages */

.pages { position: absolute; top: 90px; right: 10px; z-index: 10; }

	.pages a {
		font-size: 10px;
		padding: 1px 4px 1px 4px;
		border: 1px solid #b9c5ce; }
	
	.pages a:hover { background: #eceef3; }
	
	.pages .hit {
		background: #fff;
		font-weight: bold;
		color: #9d3313; }
		
	.pages .next,
	.pages .prev {
		font-size: 11px;
		padding: 0 0 0 5px;
		border: none; }
		
	.pages .next:hover,
	.pages .prev:hover { background: none; }
	
	.pages .prev { padding: 0 5px 0 0; }

	
.pages2 { position: absolute; bottom: -50px; right: 10px; z-index: 10; }

	.pages2 a {
		font-size: 10px;
		padding: 1px 4px 1px 4px;
		border: 1px solid #b9c5ce; }
	
	.pages2 a:hover { background: #eceef3; }
	
	.pages2 .hit {
		background: #fff;
		font-weight: bold;
		color: #9d3313; }
		
	.pages2 .next,
	.pages2 .prev {
		font-size: 11px;
		padding: 0 0 0 5px;
		border: none; }
		
	.pages2 .next:hover,
	.pages2 .prev:hover { background: none; }
	
	.pages2 .prev { padding: 0 5px 0 0; }



/* portfolio items */

.port_item {
	float: left;
	padding: 15px 0 5px 0;
	width: 520px;	}

	.port_item h6 { padding-bottom: 10px; }

	.port_item img { margin: 0 0 10px 0; }
		
	.port_item span { color: #777; }
	
	.port_item .desc {
		float: left;
		width: 260px; 
		padding: 0 0 0 10px;}
		
	.port_item .desc_plus {
		float: left;
		width: 260px;
		border-right: 1px solid #78797b;	
		padding: 0 20px 0 10px;
 }
		
	.port_item .info {
		float: right;
		width: 196px;	
		padding: 0 10px 0 0;
		}
		
	.port_item .info_plus {
		float: right;
		width: 196px;
		border-left: 1px solid #78797b;	
		padding: 0 10px 0 20px;
		}







#aktualnosci {
	float: right;
	width: 293px;
	background: url(../images/h_aktualnosci.gif) no-repeat top;
	margin: 0 0 0 20px;
	padding: 20px 0 0 0; }
	
	#aktualnosci small,
	#aktualnosci p { padding: 5px 0 0 13px; }
	
	#aktualnosci small {
		padding-top: 0;}
	
	#aktualnosci p { text-align: justify; }
	
	#aktualnosci img {
		float: left;
		margin: 5px 10px 10px 0; }
	
	#aktualnosci .content {
		float: right;
		width: 279px;
		border-left: 1px solid #aaabad;
		margin-bottom: -5px;
		padding: 50px 0 0 13px; }
		
	


/*
#anim {
	position: absolute; top: 3px; left: 197px; z-index: 100;
	width: 427px; height: 189px; }
*/



#anim {
	position: absolute; top: 5px; right: 0px; z-index: 100;
	width: 369px; height: 221px; }




#container {
	float: left;
	width: 100%;
	background: url(../images/backc.gif) repeat-y center top; }
	


#content {
	position: relative;
	width: 772px; min-height: 420px;
	margin: 0 auto;
	padding: 207px 0 0 0; }




/* foot */

#foot {
	float: right;
	width: 100%;
	background: url(../images/foot.gif) no-repeat  top;
	margin: 0 auto; 
	margin-top: 70px;}
	
	#foot .content {
		position: relative;
		width: 890px; height: 211px;
		margin: 0 auto; }

	#foot .copyright {
		position: absolute; bottom: 23px; right: 110px;
		color: #aaa; }

	#foot .sitemap {
		position: absolute; top: 85px; right: 110px;
		width: 228px; height: 70px; }

	#foot p {
		float: left;
		width: 108px; }

	#foot p a {
		display: block;
		background: url(../images/arrow4.gif) no-repeat left;
		padding: 0 0 0 11px;
		font-size: 10px;
		text-transform: uppercase;
		color: #555; }





#logo {
	position: absolute; top: 50px; left: 30px;
	width: 140px; height: 50px;
	text-indent: -10000px; }




#main {
	float: right;
	width: 550px; }






/* menu */

#menu {
	float: left;
	position: relative;
	width: 195px; height: 336px; 
	}

	#menu * {
		position: absolute;
		text-indent: -10000px; }

	#menu p {
		top: 145px; left: 0;
		width: 155px;
		text-indent: 0; }

	#menu p * {
		position: relative;
		text-indent: 0 !important; }

	#menu p a {
		display: block;
		background: url(../images/arrow.gif) no-repeat right 5px;
		padding: 0 23px 0 0;
		text-align: right !important;
		text-decoration: none;
		color: #393939; }

	#menu .aktualnosci {
		top: 8px; left: 77px;
		width: 83px; height: 36px;
		background: url(../images/m_portfolio.gif); 
		outline-style: none;}

	#menu .aktualnosci:hover { background-position: 0 -36px; 
	outline-style: none;}

	
	#menu .onas {
		top: 8px; left: 0;
		width: 65px; height: 37px;
		background: url(../images/m_onas.gif); 
		outline-style: none;}

	#menu .onas:hover { background-position: 0 -37px; outline-style: none;}

	
	#menu .partnerzy {
		top: 49px;  left: 32px;
		width: 77px; height: 35px;
		background: url(../images/m_partnerzy.gif); outline-style: none;}
		
	#menu .partnerzy:hover { background-position: 0 -35px; outline-style: none;}



	#menu .kontakt {
		top: 49px; left: 122px;
		width: 71px; height: 35px;
		background: url(../images/m_kontakt.gif); outline-style: none;}
		
	#menu .kontakt:hover { background-position: 0 -35px; outline-style: none;}


	#menu .produkty {
		top: 93px; left: 120px;
		width: 77px; height: 50px;
		background: url(../images/m_produkty.gif); }


#menu2 {
	 
	top: 300px; left: 120px;
	 
	width: 195px; height: 206px; }


/* najnowsza realizacja */

#najnowsza {
	float: left;
	position: relative;
	width: 215px;
	background: url(../images/najnowsza_back.gif) no-repeat top;
	padding: 190px 0 0 0; }
	
	#najnowsza .screen {
		display: block;
		position: absolute; top: 31px; left: 7px;
		width: 202px; }
		
	#najnowsza p {
		padding: 0 0 0 12px; }
	
	




#page {
	width: 982px;
	background: url(../images/top.jpg) no-repeat center top;
	margin: 0 auto; }
	
	#sub #page { background: url(../images/top2.jpg) no-repeat center top; }








/* serwery */

#serwery {
	float: right;
	position: relative;
	width: 427px;
	margin: 6px 0 0 0;
	background: url(../images/serwery_back.jpg) no-repeat top;
	padding: 0 0 0 10px; 
	}
	
#serwery2 {
	width: 150px;
	height: 500px;
	float: right;
	margin: 6px 0 0 0;
	background: url(../images/serwery_back2.png) no-repeat top;
	padding: 0 0 0 10px; 
	position: absolute;
	top: 200px;
	right: 0;}
	
	#sub #serwery img {
		float: left; }

	#sub #serwery {
		width: 145px; height: 524px;
		background: none;
		padding: 0; }

	#sub #serwery .content {
		position: absolute; top: 0; right: 0;
		width: 107px; }

	#serwery a {
		float: left;
		width: 150px;
		padding: 137px 0 0 0;
		text-decoration: none;
		color: #393939; 
		outline-style: none;}
		
	#serwery2 a {
		float: left;
		width: 180px;
		padding-left: 30px;
		text-decoration: none;
		color: #393939;
		outline-style: none;}
		
	#serwery2 .ultra {
		padding-top: 132px;}	

	#serwery2 .business {
		padding-top: 147px;}	

	#serwery2 .standard {
		padding-top: 114px;}			

	#sub #serwery a { width: 107px; }
	
	#sub #serwery .business { 
	padding-top: 107px; 
	font-size: 10px;
	}
	#sub #serwery .standard {
	padding-top: 109px; 
	font-size: 10px;
	}
	#sub #serwery .ultra { 
	padding-top: 132px; 
	font-size: 10px;
	}

	#serwery li, #serwery2 li {
		background: url(../images/arrow2.gif) no-repeat left 6px;
		padding: 0 0 0 18px; }
		
	#serwery .standard{ width: 120px; }
	




/* tresc */

#tresc {
	float: left;
	position: relative;
	width: 400px;
	padding: 55px 0 0 0; }

	#portfolio #tresc { width: 520px; }

	#tresc p {
		clear: both;
		font-size: 12px;
		text-align: justify; }





#zajawki {
	float: left;
	
	/*width: 100%;*/
	padding: 35px 0 0 0; }




/* zaloguj */

#zaloguj {
	position: absolute; top: 132px; left: 0;
	display: block;
	width: 256px; height: 62px;
	background: url(../images/b_zaloguj.gif);
	text-indent: -10000px; }

	#zaloguj:hover { background-position: 0 -62px; }

/*#intro {
 position:absolute;
 top:0px; 
 right:0px; 
 bottom:0px; 
 left:0px; 
 width:50%; 
 height:50%; 
 margin:auto;
}*/