/* ---------------------- RESET ELEMENTS ---------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
ol, ul {
list-style: disc;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
:focus {
outline: 0;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* ---------------------- HTML ELEMENTS ---------------------- */
html {
	height: 100%;
	width: 100%;
	background: rgb(31,30,33);
}
body {
	width: 100%;
	font: 12px Tahoma, sans-serif;
	line-height: 15px;
	color: rgb(255,255,255);
	background: rgb(44,43,46) url(layout/bg.png) repeat-x;
}
a {
   text-decoration:none;
   color: rgb(255,255,255);
}
a:hover {
   text-decoration:underline;
}
h1{
	font: 18px Verdana, sans-serif;
}
h2{
	font: 14px Verdana, sans-serif;
	margin-bottom: 10px; 
	font-weight: bold;
}
p{
	padding:  0px 10px 0px 10px;
	font: 11px Verdana, sans-serif;
	text-align: justify;
	color: rgb(188,188,188);
	text-indent: 20px;
	line-height: 20px
}
.normal{
	padding:  0px 10px 0px 10px;
	font: 11px Verdana, sans-serif;
	text-align: left;
	color: rgb(188,188,188);
	text-indent: 0px;
	line-height: 20px
}
.ul_content{
	padding:  0px 10px 0px 20px;
	font: 11px Verdana, sans-serif;
	text-align: justify;
	color: rgb(188,188,188);
	line-height: 20px;
	display: list-item;
}
.ul_content li{
	list-style: disc;
	display: list-item;
}
table{
	width: 100%;
}
ul, li {
	display: inline;
	list-style: none;
}
li a{
	font: 14px Arial, sans-serif;
	font-weight: bold;
}
li a:hover {
   text-decoration:none;
}
.input_styled{
	width: 350px;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	background-color: rgb(230,230,230);
	border: 2px solid rgb(0,0,0);
	color: rgb(44,43,46);
}
.input_styled_small{
	width: 150px;
	font-family: Verdana;
	font-size: 16px;
	font-weight: bold;
	background-color: rgb(230,230,230);
	border: 2px solid rgb(0,0,0);
	color: rgb(44,43,46);
	vertical-align: middle;
}
.textarea_styled{
	width: 487px;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	background-color: rgb(230,230,230);
	border: 2px solid rgb(0,0,0);
	color: rgb(44,43,46);
}
.submit_styled{
	font-family: Verdana;
	font-size: 16px;
	font-weight: bold;
	background-color: rgb(230,230,230);
	border: 2px solid rgb(0,0,0);
	color: rgb(44,43,46);
	vertical-align: middle;
}
.input_styled:hover{
	border: 2px solid rgb(255,255,255);
}
.input_styled_small:hover{
	border: 2px solid rgb(255,255,255);
}
.textarea_styled:hover{
	border: 2px solid rgb(255,255,255);
}
.submit_styled:hover{
	border: 2px solid rgb(255,255,255);
}
/* ---------------------- PAGE - main ---------------------- */
.page_top {
	height: 300px;
	width: 100%;
	text-align: center;
	background: url(layout/world_map.png) center bottom no-repeat;
	clear: both;
}
.page_content {
	height: auto;
	width: 100%;
	text-align: center;
	clear: both;
}
.page_foot {
	height: 60px;
	width: 100%;
	text-align: center;
	background: url(layout/bg_foot.png) repeat-x;
	clear: both;
}
.center {
	height: 100%;
	width: 700px;
	margin: 0 auto 0 auto;
	text-align: left;
}
/* ---------------------- TOP - menu ---------------------- */
.menu {
	height: 28px;
	width: 450px;
	text-align: center;
	margin: 0 auto 0 auto;
}
.menu_red{
	height: 28px;
	width: 108px;
	text-align: center;
	background: url(layout/menu_red.png) no-repeat top;
	float: left;
	margin: 0 2px 0 2px;
	padding-top: 4px;
	cursor: pointer;
}
.menu_red:hover{
	background: url(layout/menu_red_on.png) no-repeat top;
}
.menu_yellow{
	height: 28px;
	width: 108px;
	text-align: center;
	background: url(layout/menu_yellow.png) no-repeat top;
	float: left;
	margin: 0 2px 0 2px;
	padding-top: 4px;
	cursor: pointer;
}
.menu_yellow:hover{
	background: url(layout/menu_yellow_on.png) no-repeat top;
}
.menu_green{
	height: 28px;
	width: 108px;
	text-align: center;
	background: url(layout/menu_green.png) no-repeat top;
	float: left;
	margin: 0 2px 0 2px;
	padding-top: 4px;
	cursor: pointer;
}
.menu_green:hover{
	background: url(layout/menu_green_on.png) no-repeat top;
}
.menu_blue{
	height: 28px;
	width: 108px;
	text-align: center;
	background: url(layout/menu_blue.png) no-repeat top;
	float: left;
	margin: 0 2px 0 2px;
	padding-top: 4px;
	cursor: pointer;
}
.menu_blue:hover{
	background: url(layout/menu_blue_on.png) no-repeat top;
}
.white_hr{
	height: 2px;
	width: auto;
	background: rgb(155,150,160);
	clear: both;
	line-height: 1px;
	font-size: 1px;
}
.red_hr{
	height: 2px;
	width: auto;
	background: rgb(214,88,47);
	clear: both;
	line-height: 1px;
	font-size: 1px;
}
.yellow_hr{
	height: 2px;
	width: auto;
	background: rgb(255,171,88);
	clear: both;
	font-size: 1px;
}
.green_hr{
	height: 2px;
	width: auto;
	background: rgb(123,159,85);
	clear: both;
	font-size: 1px;
}
.blue_hr{
	height: 2px;
	width: auto;
	background: rgb(61,138,176);
	clear: both;
	font-size: 1px;
}
.right_arrow{
	height: 18px;
	width: auto;
	text-align: right;
	font: 10px Arial, sans-serif;
	color: rgb(188,188,188);
	background: url(layout/arrow.png) no-repeat right;
	float: right;
	margin: 0 3px 0 3px;
	padding-top: 4px;
	padding-right: 10px;
}
.red{
	height: 27px;
	width: 107px;
	text-align: center;
	background: url(layout/red.png) no-repeat top;
	float: left;
	margin: 0 2px 0 2px;
	padding-top: 4px;
	cursor: pointer;
}

.yellow{
	height: 27px;
	width: 107px;
	text-align: center;
	background: url(layout/yellow.png) no-repeat top;
	float: left;
	margin: 0 2px 0 2px;
	padding-top: 4px;
	cursor: pointer;
}

.green{
	height: 27px;
	width: 107px;
	text-align: center;
	background: url(layout/green.png) no-repeat top;
	float: left;
	margin: 0 2px 0 2px;
	padding-top: 4px;
	cursor: pointer;
}

.blue{
	height: 27px;
	width: 107px;
	text-align: center;
	background: url(layout/blue.png) no-repeat top;
	float: left;
	margin: 0 2px 0 2px;
	padding-top: 4px;
	cursor: pointer;
}
/* ---------------------- Logo and language bar ---------------------- */
.logo{
	position: relative;
	top: 239px;
	left: 15px;
	height: 61px;
	width: 182px;
	background: url(layout/abakus.png) no-repeat;
}
.lang_bar{
	position: relative;
	top: 260px;
	left: 590px;
	height: 18px;
	width: 120px;
}
.lang_pl{
	height: 18px;
	width: 30px;
	background: url(layout/pl_off.png) no-repeat;
	margin: 0 5px 0 5px;
	float: left;
}
.lang_en{
	height: 18px;
	width: 30px;
	background: url(layout/en_off.png) no-repeat;
	margin: 0 5px 0 5px;
	float: left;
}
.lang_ru{
	height: 18px;
	width: 30px;
	background: url(layout/ru_off.png) no-repeat;
	margin: 0 5px 0 5px;
	float: left;
}
.lang_pl:hover{
	background: url(layout/pl_on.png) no-repeat;
}
.lang_en:hover{
	background: url(layout/en_on.png) no-repeat;
}
.lang_ru:hover{
	background: url(layout/ru_on.png) no-repeat;
}
/* ---------------------- CONTENT ---------------------- */
.content{
	height: auto;
	width: 100%;
}
.left{
	min-height: 400px;
	height: auto;
	width: 110px;
	background: url(layout/big_a.png) no-repeat 0 50px;
	margin-top: 10px;
	margin-left: 10px;
	float: left;
}
.right{
	min-height: 400px;
	height: auto;
	width: 550px;
	background: url(layout/bg_content.png) top left no-repeat;
	margin-top: 10px;
	margin-left: 0px;
	float: left;
}
.article{
	height: auto;
	width: auto;
	margin: 8px 0 10px 0;
	margin-left: 20px;
	float: none;
}
.sc_left{
	height: auto;
	width: auto;
	margin: 20px 0 20px 20px;
	float: left;
}
/* ---------------------- FOOT ---------------------- */
.foot_left{
	height: auto;
	width: auto;
	font: 10px Arial, sans-serif;
	text-align: left;
	color: rgb(188,188,188);
	float: left;
	padding-top: 20px;
	padding-left: 20px;
}
.foot_right{
	height: auto;
	width: auto;
	font: 10px Arial, sans-serif;
	text-align: right;
	color: rgb(188,188,188);
	float: right;
	padding-top: 16px;
	padding-right: 20px;
}
/* ---------------------- FOOT - menu ---------------------- */
.menu_foot{
	height: 20px;
	width: auto;
	background: url(layout/menu_foot_bg.png) repeat-x;
	padding-top: 3px;
	float: left;
}
.menu_foot_left{
	height: 20px;
	width: 6px;
	background: url(layout/menu_foot_left.png) no-repeat;
	float: left;
}
.menu_foot_right{
	height: 20px;
	width: 6px;
	background: url(layout/menu_foot_right.png) no-repeat;
	float: left;
}
.menu_foot a{
	color: rgb(188,188,188);
	margin: 0 5px 0 5px;
}
/* ---------------------- NOTOWANIA ---------------------- */
#pp_t{width:180px; background-color:rgb(142,142,142);}
#pp_t td{padding:1px 2px}
#pp_h{font-size:12px; font-family:arial; font-weight:bold; color:rgb(255,255,255); background-color:rgb(20,20,20);}
#pp_s{font-size:12px; font-family:arial; color:rgb(255,255,255); text-decoration:none;}
#pp_v{font-size:12px; font-family:arial; color:rgb(200,200,200);}
#pp_cu{font-size:12px; font-family:arial; color:rgb(0,255,0);}
#pp_cd{font-size:12px; font-family:arial; color:rgb(255,100,100);}
#pp_d{font-size:12px; font-family:arial; color:rgb(200,200,200);}
#pp_r1{background-color:rgb(54,53,55);}
#pp_r2{background-color:rgb(32,31,34);}
#pp_n{display:table-row;}