/*
												##########################
												##			style.css		##
												##								##
												##		4-8-2006 13:13		##
												##								##
												##		www.iNetArt.pl		##	
												##########################

*/

#programow {
	position:absolute;
	top:20px;
	left:30px;
	color:red;
	font-size:40px;
	font-weight:bold
}
#programow_d {
	position:absolute;
	top:25px;
	left: 150px;
	width:330px;
	font-size:14px;
	font-weight:900;
	letter-spacing: 1px
}
#aktualnosci{
	position:absolute;
	top:70px;
	left:10px;
	width:470px;
	height:120px;
	cursor:pointer
}
.p_title{
	position:absolute;
	top:344px;
	left:-35px;
	font-size:18px;
	font-weight:900
}
.stats{
	color:#fd6600;
	font-weight:900
}

/* MENU GŁÓWNE */
#mf {
	position: relative;
	margin: 10px 15px 0 10px;
}
#ml {
	position: absolute;
	top: -10px;
	left: 4px;
}
#mr {
	position: absolute;
	top: -10px;
	left: 245px;
}
.ml_b {
	position: relative;
	margin: 10px 0 0 0;
	padding: 0;
	width: 220px;
	height: 80px;
	font-variant: small-caps;
}
.ml_b3 {
	position: relative;
	margin: 10px 0 0 0;
	padding: 0;
	width: 220px;
	height: 100px;
	font-variant: small-caps;
}
.ml_b2 {
	position: relative;
	top: 2px;
	left: -20px;
	margin: 0;
	padding: 0;
	width: 220px;
	font-variant: small-caps;
}
.ml_l {
	position: absolute;
	top: 4px;
	left: 4px;
	padding: 2px;
	font-size: 11pt;
	font-weight: bold;
	font-variant: small-caps;
	width: 220px;
	height: 20px;
	cursor: pointer;
}
.ml_l2 {
	position: absolute;
	top: 4px;
	left: 4px;
	padding: 2px;
	font-size: 17px;
	font-weight: 900;
	width: 120px;
	height: 45px;
	text-align:right;
	cursor: pointer
}
.ml_l3 {
	position: absolute;
	top: 4px;
	left: -21px;
	padding: 2px;
	font-size: 17px;
	font-weight: 900;
	width: 145px;
	height: 45px;
	text-align:right;
	cursor: pointer
}
.ml_ll {
	background-image: url('ofer_grad.gif');
	background-repeat: repeat-y;
	background-position: top left;
}
.ml_ll2 {
	background-image: url('menu_back.gif');
	background-repeat: repeat-x;
	background-position: top left;
}

.of_img {
	position: absolute;
	top: 10px;
	right: 0;
	width: 72px;
	height: 72px;
	border: 1px solid #888888;
}

.of_img2 {
	position: absolute;
	top: 0;
	right: 0;
	width: 90px;
	height: 90px;
	border: 1px solid #888888;
}

#ml_1 {
	position: absolute;
}

#ml_11 {
	width: 200px;
	border-left: 2px solid #fd6602;
	padding-top: 90px;
	position: relative;
	background-image: url('t_grad.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
}
#ml_2 {
	position: relative;
	margin: -90px 0 10px 5px;
}

#ml_22 {
	width: 200px;
	border-left: 2px solid #fd6602;
	padding-top: 90px;
	position: relative;
	background-image: url('t_grad.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
}
.ml {
	margin: 3px 0 0 20px;
	width: 200px;
	background-image: url('l_grad.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
}

html {
	height: 100%
}

body { 
	background-color: #7f7f7f;
	color: #FFFFFF;
	font-family: Arial,Verdana;
	font-size: 8pt;
	margin: 0;
	padding: 0;
	height: 100%
}
img {
	border: 0;
}

a:link {
	border: none;
	text-decoration: none;
	color: #151515;
}
a:visited {
	text-decoration: none;
	color: #151515;
}
a:hover {
	text-decoration: none;
	color: #f5f5f5;
	font-weight: bold;
}
a:active {
	text-decoration: none;
	color: #151515;
}

a.inv:link {
	border: none;
	text-decoration: none;
	color: #f5f5f5;
}
a.inv:visited {
	text-decoration: none;
	color: #f5f5f5;
}
a.inv:hover {
	text-decoration: none;
	color: #ff6600;
	font-weight: bold;
}
a.inv:active {
	text-decoration: none;
	color: #f5f5f5;
}

a.inv2:link {
	border: none;
	text-decoration: none;
	color: #ffffff;
}
a.inv2:visited {
	text-decoration: none;
	color: #ffffff;
}
a.inv2:hover {
	text-decoration: none;
	color: #333333;
	font-weight: bold;
}
a.inv2:active {
	text-decoration: none;
	color: #ffffff;
}

a.inv3:link {
	border: none;
	text-decoration: none;
	color: #151515;
}
a.inv3:visited {
	text-decoration: none;
	color: #151515;
}
a.inv3:hover {
	text-decoration: none;
	color: #ff6600;
	font-weight: bold;
}
a.inv3:active {
	text-decoration: none;
	color: #151515;
}

a.inv4:link {
	border: none;
	text-decoration: none;
	color: #ff0000;
}
a.inv4:visited {
	text-decoration: none;
	color: #ff0000;
}
a.inv4:hover {
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
}
a.inv4:active {
	text-decoration: none;
	color: #ff0000;
}

a.inv5:link {
	border: none;
	text-decoration: none;
	color: #ffffff;
}
a.inv5:visited {
	text-decoration: none;
	color: #ffffff;
}
a.inv5:hover {
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
}
a.inv:active {
	text-decoration: none;
	color: #ffffff;
}

.line {
	width: 476px;
	margin: auto;
}
.line2 {
	width: 492px;
	height: 5px;
	position: absolute;
	bottom: 23px;
}
.button {
	width: 34px;
	height: 79px;
}


#admin {
	position: absolute;
	width: 10px;
	height: 10px;
}

#container {
	position: relative;
	width: 840px;
	height: 601px;
	margin: 0 auto 0 auto;
	background-image: url('layout2.gif');
}
	#l_mask {
		position: absolute;
		top: 30px;
		left: 15px;
		width: 20px;
		height: 80px;
		background-color: #ffffff;
	}
	#left {
		position: absolute;
		top: 9px;
		left: 10px;
		width: 319px;
		height: 575px;
	}
	#left_p {
		position: absolute;
		top: 9px;
		left: 10px;
		width: 55px;
		height: 575px;
	}
		#pict {
			margin: 84px 0 0 5px;
		}
		.kont {
			margin-top: 3px;
			
			font-size: 7pt;
			color: #ffffff;
			text-align: center;
		}
		#logo {
			position: relative;
			width: 238px;
			height: 100px;
			background-image: url('logo.gif');
		}
			#lang {
				position: absolute;
				top: 10px;
				right: 60px;
			}
			#lang_r {
				position: absolute;
				top: 140px;
				left: 40px;
			}
			#lang_p {
				position: absolute;
				top: 8px;
				left: 5px;
			}
		#menu {
			position: absolute;
			top: 2px;
			right: 0;
			width: 34px;
		}
	
	#right {
		position: absolute;
		top: 9px;
		right: 16px;
		width: 495px;
		height: 575px;
	}
	#right_p {
		position: absolute;
		top: 9px;
		right: 15px;
		width: 760px;
		height: 575px;
		background-image: url('pres.gif');
		background-repeat: no-repeat;
	}
		#wstep {
			padding: 10px 17px 0 10px;
			text-align: justify;
		}
		#news {
			position: relative;
			height: 80px;
			margin-top: 60px;
			font-size: 7pt
		}
			.img_news {
				width: 72px;
				height: 72px;
				float: right;
				border: 1px solid #888888;
			}
			.n_t {
				position: relative;
				text-transform: uppercase;
				color: #DC6823;
				font-weight: bold;
				font-size: 8pt;
				margin-bottom: 5px;
			}
			.n_ts {
				position: absolute;
				top: 4px;
				left: 4px;
				text-transform: uppercase;
				color: #888888;
				font-weight: bold;
				font-size: 8pt;
			}
			.n_tr {
				text-align: justify;
				/*width: 142px; */
				width: 383px;
			}
			.n_tr_noimg {
				text-align: justify;
				/*width: 220px; */
				width: 461px;
			}
			.wiecej {
				position: absolute;
				bottom: 3px;
				right: 80px;
			}
			.wiecej_noimg {
				position: absolute;
				bottom: 3px;
				right: 3px;
			}
			#hit {
				position: absolute;
				top: 0;
				left: 11px;
				/*width: 220px; */
				width: 462px;
				height: 74px;
				padding: 3px;
				/*background-image: url('ramka.gif'); */
				background-image: url('ramka.png');
			}
			#blog {
				position: absolute;
				top: 0;
				right: 16px;
				width: 220px;
				height: 74px;
				padding: 3px;
				background-image: url('ramka.gif');
			}
		#oferta {
			position: relative;
			width: 220px;
			height: 19px;
			margin: 10px auto -2px 10px;
			font-weight: bold;
			font-size: 9pt;
			background-image: url('line.gif');
			background-repeat: no-repeat;
			background-position: bottom right;
		}
		
		#oferta2 {
			position: relative;
			width: 476px;
			height: 24px;
			font-weight: bold;
			font-size: 11pt;
			font-variant: small-caps;
		}
		#oferta3 {
			position: relative;
			width: 220px;
			height: 19px;
			margin: 10px auto -2px 10px;
			font-weight: bold;
			font-size: 16px;
			background-image: url('line.gif');
			background-repeat: no-repeat;
			background-position: bottom right;
		}
		
		.of {
			position: absolute;
			top: -32px;
			left: 10px;
			width: 220px;
			height: 19px;
			margin: 0 auto -2px auto;
			font-weight: bold;
			font-size: 9pt;
			background-image: url('line.gif');
			background-repeat: no-repeat;
			background-position: bottom right;
		}
		.of2 {
			position: absolute;
			top: -32px;
			left: 252px;
			width: 220px;
			height: 19px;
			margin: 0 auto -2px auto;
			font-weight: bold;
			font-size: 9pt;
			background-image: url('line.gif');
			background-repeat: no-repeat;
			background-position: bottom right;
		}
		
			.o_for {
				position: absolute;
			}
			.o_for2 {
				position: absolute;
				top: -3px
			}
			.o_back {
				position: absolute;
				top: 1px;
				left: 1px;
				color: #ff8400;
			}
			#o_line {
				position: absolute;
				top: 18px;
				left: 0px;
			}
		
		#pres {
			position:absolute;
			top:30px
		}
		
		
/* STRONA */
#menu2 {
	margin: 7px 0 0 3px;
}
#navi {
	position: absolute;
	left: 5px;
	top: 552px;
	width: 280px;
	height: 17px;
	padding-top: 2px;
	background-image: url('navi.gif');
	background-repeat: no-repeat;
	text-align: center;
	color: #000000;
}
#navi2 {
	position: absolute;
	bottom: 4px;
	width: 480px;
	height: 17px;
	padding-top: 2px;
	text-align: center;
	color: #ffffff;
}
.click {
	color: #ff6600;
}

	/* REFERENCJE */
	.ref {
		position: absolute;
		width: 140px;
		text-align: center;
	}
	.ref_img {
		width: 140px;
		height: 200px;
		margin-top: 2px;
		border: 1px solid #888888;
	}
	.realizacji {
		color:red
	}
	#ref1 {
		bottom: 305px;
		left: 55px;
	}
	#ref2 {
		bottom: 305px;
		right: 60px;
	}
	#ref3 {
		bottom: 50px;
		left: 55px;
	}
	#ref4 {
		bottom: 50px;
		right: 60px;
	}
	
	.podmenu_title {
		width: 280px;
		padding: 2px 5px 2px 5px;
		margin-bottom: 5px;
		background-image: url('menu_1.gif');
		background-repeat: repeat-y;
		font-size: 12pt;
		font-weight: bold;
		font-variant: small-caps;
	}
	.podmenu_offers {
		font-size: 10pt;
		padding: 0;
		margin: 0;
		margin-left: 10px;
		width: 240px;
		height: 16px;
		vertical-align: bottom;
		background-image: url('podm_grad.gif');
		background-repeat: no-repeat;
		background-position: bottom left;
	}
	.podmenu {
		width: 280px;
		padding: 2px 5px;
		background-image: url('menu_2.gif');
		background-repeat: repeat-y;
	}
	.podmenu_l {
		width: 280px;
		font-size: 10pt;
		cursor: pointer;
	}
	
	
	/* 3.php, 3_menu.php */
	.real {
		position: relative;
		width: 480px;
		height: 140px;
		padding: 5px;
		margin-top: 15px;
	}
	.real2 {
		position: relative;
		width: 480px;
		height: 125px;
		padding: 5px;
	}
	.of_kat_opis {
		text-align: justify;
		width: 480px;
		height: 90px;
		padding: 5px;
	}
	.real_col {
		color: #ff0000;
	}
	.real_pict {
		position: absolute;
		bottom: 0;
		right: 5px;
		width: 160px;
		height: 110px;
		border: 1px solid #888888;
	}
	.real_tyt {
		position: absolute;
		background-image: url('line2.gif');
		background-repeat: repeat-y;
		width: 488px;
		padding-left: 10px;
		top: 5px;
		left: 0;
	}
	.real_opis {
		position: absolute;
		text-align: justify;
		padding: 0;
		top: 35px;
		left: 5px;
		width: 308px;
	}
	.real_opis_noimg {
		position: absolute;
		text-align: justify;
		padding-right: 1px;
		top: 20px;
		left: 5px;
	}
	
	/* 4.php, 4_menu.php */
	.p_h {
		height: 432px;
	}
	.p_h_1 {
		height: 309px;
	}
	.p_h_2 {
		height: 341px;
	}
	.p_h_3 {
		height: 373px;
	}
	.p_h_5 {
		height: 309px;
	}
	.p_h_6 {
		height: 309px;
	}
	
	/* 7.php, 7_menu.php */
	.blog_d {
		font-size: 7pt;
		color: #000000;
	}
	.blog_t {
		width: 250px;
		margin: auto;
		margin-left: 15px;
		padding: 3px;
		color: #aaa;
	}
	.blog_t input.t, .blog_t select, .blog_t textarea {
		border: 1px solid #dadada;
		background-image: url('inp_grad.gif');
		font-family: verdana;
		font-size: 8pt;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	.blog_t input.bl {
		font-family: verdana;
		font-size: 8pt;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	.b_d {
		color: #696969;
	}
	
	/* 7.php, 7_menu.php */
	.kon {
		
		margin: 10px 10px 0 10px;
		color: #dadada;
		text-align: center;
	}
	.kon a:link {
		border: none;
		text-decoration: none;
		color: #ffffff;
	}
	.kon a:visited {
		text-decoration: none;
		color: #ffffff;
	}
	.kon a:hover {
		text-decoration: none;
		font-weight: normal;
		color: #696969;
	}
	.kon a:active {
		text-decoration: none;
		color: #ffffff;
	}
	
	.kon_link a:link {
		border: none;
		text-decoration: none;
		color: #ffdaa0;
	}
	.kon_link a:visited {
		text-decoration: none;
		color: #ffdaa0;
	}
	.kon_link a:hover {
		text-decoration: none;
		font-weight: normal;
		color: #696969;
	}
	.kon_link a:active {
		text-decoration: none;
		color: #ffdaa0;
	}
	
	.kon_t {
		width: 275px;
		margin: 0;
	}
	.kon_r {
		text-align: left;
		color: #aaa;
		vertical-align: top;
		width: 90px;
	}
	.kon_t input.t, .kon_t select, .kon_t textarea {
		border: 1px solid #dadada;
		background-image: url('inp_grad.gif');
		font-family: verdana;
		font-size: 8pt;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	
	/* 9.php */
	.hit {
		position: relative;
		width: 744px;
		height: 140px;
		padding: 5px;
		margin-top: 15px;
	}
	.hit_pict {
		position: absolute;
		bottom: 0;
		right: 5px;
		width: 160px;
		height: 110px;
		border: 1px solid #888888;
	}
	.hit_tyt {
		position: absolute;
		background-image: url('line2.gif');
		background-repeat: repeat-y;
		background-position: left;
		width: 744px;
		padding-left: 5px;
		top: 5px;
		left: 3px;
	}
	.hit_opis {
		position: absolute;
		text-align: justify;
		margin-top: 20px;
		padding-top: 10px;
		top: 5px;
		left: 5px;
		width: 576px;
	}
	.hit_opis_noimg {
		position: absolute;
		text-align: justify;
		margin-top: 20px;
		top: 5px;
		left: 5px;
		width: 744px;
	}
	.hit_line {
		left: 3px;
	}
	
#map {
	position: absolute;
	left: 261px;
	bottom: 18px;
	width: 220px;
	height: 90px;
}
	#map_img {
		position: absolute;
		right: -5px;
		top: 0px;
	}
	#map_link {
		width: 220px;
		height: 23px;
		position: absolute;
		left: 0;
		bottom: 0px;
		background-image: url('line.gif');
		background-repeat: no-repeat;
		background-position: bottom right;
		font-size: 12pt;
		font-weight: bold;
		font-variant: small-caps;
	}
	
.gal {
	text-align: center
}
.gal img {
	margin: 15px
}

/* PRES */
.lprog {
	list-style-type:none;
	font-size:14px;
	margin:0;
	margin-left:20px;
	padding:0;
	float:left
}
.lprog li{
	display:block;
	width:300px;
	height:20px
}
.lprog span{
	float:right;
	font-weight:bold;
	color:#ff6600
}
.p_title{
	width:700px
}
.p_navi{
	display:block;
	text-align:right;
	float:right;
	margin-top:-4px
}
.p_navi a, .p_cont2 a, .p_ov a{
	color:#ffffff
}
.p_navi a:hover, .p_cont2 a:hover, .p_ov a:hover{
	color:#ff6600
}
.p_opinia{
	width:560px;
	margin-left:50px;
	white-space:pre-wrap;
	font-size:16px;
	font-weight:normal;
	font-style:italic
}
.p_podp{
	width:460px;
	margin-left:150px;
	margin-top:20px;
	white-space:pre-wrap;
	font-size:16px;
	font-weight:bold
}
.p_cont1{
	font-size:16px;
	margin: 0 0 40px 40px
}
.p_cont2{
	font-size:18px;
	margin-left:40px;
	float:left;
	width:250px
}
.p_cont3{
	text-align:right
}
.p_img{
	width:220px;
	height:310px;
	border:5px solid #ff6600;
	padding:0;
	margin-left:20px;
	float:left
}
.p_img img{
	margin:0;
	padding:0
}
.p_opis{
	float:left;
	width:350px;
	margin-top:40px;
	margin-left:30px;
	font-size:15px;
	color:#ff6600
}
.p_ot{
	font-weight:bold
}
.p_ov{
	color:#ffffff;
	font-weight:bold
}