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

body {
	background-color: #181818;
	background-image: url(images/tloStrony.jpg);
	background-repeat: repeat-x;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #CCC;
	margin: 0px;
}
#poz {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	height: auto;
	background-color: #484848;
}
#topPrawy {
	text-align: right;
	float: right;
	position: relative;
	height: 115px;
	width: 122px;
	display: inline;
}
#topLewy {
	float: left;
	height: 115px;
	width: 232px;
	display: inline;
}

#topCenter {
	float: left;
	height: 115px;
	width: 610px;
	display: inline;
}


#main {
	position: relative;
	height: 273px;
	width: 980px;
	background-color: #F90;
}
#mainLewy {
	float: left;
	width:725px;
	height:273px;
	display: inline;
	background-image: url(images/rys.jpg);
	background-repeat: repeat-y;
	background-color: #4A4849;
}
#mainPrawy {
	float: right;
	width:250px;
	height:273px;
	display: inline;
	background-color: #F90;
}


.linkTop {
	text-align: center;
	display: inline;
	float: left;
	top: 40px;
	position: relative;
	left: 40px;
	margin-right: 20px;
}
.linkTop a {
	color: #CCC;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
}
#content {
	position: relative;
	width: 940px;
	background-color: #494848;
	padding: 20px;
	height: 100%;
	left: 0px;
	top: 0px;
}
.orangeNag {
	font-size: 14px;
	color: #FC0;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-bottom: 8px;
}
.napis {
	margin-top: 6px;
	margin-bottom: 6px;
	font-weight: bold;
}
#poz #content .rowBox .rowPrawyBlok .napis a {
	font-weight: bold;
	color: #6F9;
	letter-spacing: 1px;
}




.rowBox {
	width: 940px;
	position: relative;
	display: table;
	margin-bottom: 16px;
}
.rowLewy {
	float: left;
	width:440px;
	display: inline;
	margin: 2px;
}
.rowPrawy {
	float: right;
	width:440px;
	display: inline;
	margin: 2px;
}

#stopka {
	position: relative;
	width: 980px;
	background-color: #999;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
	padding-top: 20px;
	min-height:200px;
	background-image: url(images/tloStopka.jpg);
}
#stopka a {
	text-decoration: none;
	color: #333;
}
#stopka a:hover {
	color: #C30;
}




#top {
	background-image: url(images/tloTop.jpg);
	position: relative;
	height: 115px;
	width: 980px;
}
#logo {
	position: absolute;
	height: 115px;
	width: 232px;
	left: 0px;
	top: 0px;
	z-index: 100;
}
.formularze {
	background-color: #CCC;
	border: 1px solid #333;
}
#ikony {
	height: auto;
	width: auto;
	position: absolute;
	left: 885px;
	top: 4px;
	z-index: 100;
}
.boxA {
	background-color: #999;
	font-size: 13px;
	font-weight: bold;
	color: #333;
	padding: 10px;
	width: 170px;
}

.boxV a{
	color:#FFF
}

.boxV {
	background-color: #333;
	border: 1px solid #CCC;
	margin: 4px;
	padding: 10px;
	width: 200px;
}


.butonik {
	font-size: 12px;
	color: #FFF;
	background-color: #333;
	padding: 4px;
	border: 1px solid #CCC;
}
.linia {
	position: relative;
	height: 30px;
	width: 2px;
	border-left-style: dotted;
	border-left-width: 2px;
	border-left-color: #CCC;
	left: 30px;
	top: 0px;
}
#content a {
	color: #CCC;
}
#poz #ikony #status {
	font-size: 10px;
	position: absolute;
	height: auto;
	width: auto;
	left: -130px;
	top: 0px;
}
#Layer1 {
	position:absolute;
	top:100px;
	width:650px;
	height:350px;
	z-index:90;
	left: 60px;
	padding: 20px;
}
#Layer1 a{
	color:#F90;
	text-decoration: underline;
	letter-spacing: 1px;
	padding-left: 5px;
}
#Layer1 #closee {
	top: 53px;
	position: absolute;
	left: 520px;
	z-index: 100;
}
.nagWhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #eee;
	font-weight: bold;
	padding-bottom: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	padding-top: 12px;
	background-image: url(obrazki/kabel/tloPM.jpg);
	background-position: 0px;
	background-repeat: repeat-x;
	padding-left: 70px;
}