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

body {
	font-size: 15px;
	font-family: Arial, verdana, tahoma;
	font-weight: normal;
	color: #333333;
	text-align: justify;
}

/* 
 ************************************ Górne menu
 */

#menu {
	width: 100%;
	height: 41px;
	background: #000 url('img/menu.jpg') repeat-x bottom;
	border-bottom: 1px solid #000;
}

#menuwrapper {
	width: 950px;
	height: 41px;
	margin: 0 auto;
}

#menu ul.main {
	width: 950px;
	list-style: none;
	padding-left: 90px;
}

#menu ul.main li.main {
	display: block;
	text-decoration: none;
	color: #DCE1E8;
	float: left;
	margin-left: 6px;
	padding-left: 6px;
	height: 40px;
	background: url('img/menu_separator.png') no-repeat left;
}

#menu ul.main li.first {
	background: none;
}

#menu ul.main li.main a {
	padding-left: 7px;
	padding-right: 7px;
	display: block;
	height: 29px;
	padding-top: 12px;
	color: #DCE1E8;
	text-decoration: none;
}

#menu ul.main li.main:hover a {
	background: #9499AD;
	border-top: 1px solid #50566F;
	border-left: 1px solid #50566F;
	border-right: 1px solid #50566F;
	height: 30px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 11px;
	color: #fff;
}

#menu ul.main li.main ul {
	display: none;
}

#menu ul.main li.main:hover ul {
	padding-top: 9px;
	min-width: 110px;
	display: block !important;
	position: absolute;
	border-left: 1px solid #50566F;
	border-right: 1px solid #50566F;
	border-bottom: 1px solid #50566F;
	background: #9499AD;
	overflow: hidden;
	z-index: 10;
}

#menu ul.main li.main:hover ul li a {
	padding-top: 4px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 4px;
	height: 18px;
	border-left: 0px;
	border-right: 0px;
	background: #9499AD;
	border-top: 0px;
}

#menu ul.main li.main ul li a:hover {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 9px;
	padding-right: 9px;
	background: #6E7180;
	border: 1px solid #4D4F59;
}

/*
 ************************************ Logo 
 */

#logo {
	width: 950px;
	height: 200px;
	background: url('img/logo.png') no-repeat bottom;
	margin: 0 auto;
}

#logoimg {
	/*
	width: 386px;
	height: 132px;
	padding-top: 50px;
	background: url('img/logo.png') no-repeat bottom;
	float: left;*/
}


/*
 ************************************ Główny Boks
 */

#maincontainer {
	width: 100%;
	background: #fff url('img/bg.jpg') repeat-x;
	display: table;
	border-top: 1px solid #B0B1B3;
}

#wrapper {
	width: 950px;
	min-height: 300px;
	margin: 0 auto;
	padding-top: 15px;
}

/*
 ************************************ Dolny Boks
 */

#bottomcontainer {
	width: 100%;
	min-height: 100px;
	background: #45494D;
	border-top: 1px solid #000;
	margin-top: 40px;
	color: #BEC3CE;
	font-size: 12px;
}

#bottomcontainer a {
	color: #FFF;
	text-decoration: none;
}

#bottomcontainer a:hover {
	color: #92ACEF;
	text-decoration: underline;
}

#bottomcontainer h3 {
	color: #A7ABB5;
	border-bottom: 1px solid #828282;
}

#bottomwrapper {
	width: 950px;
	margin: 0 auto;
	display: table;
	padding-bottom: 20px;
}

#bottomleft {
	width: 450px;
	float: left;
}

#bottomright {
	width: 450px;
	float: right;
}

/*
 ************************************ Stopka
 */

#footer {
	width: 100%;
	min-height: 40px;
	background: #1A1A1A;
	text-align: center;
	color: #737680;
	font-size: 13px;
	padding-top: 6px;
}

/*
 ************************************ Definicja Tagów
 */

a {
	color: #2752BF;
	text-decoration: none;
}

*:focus {
        outline: none;
}


code {
	font-family: Monospace, Courier;
	color: #2A5D33;
}

code.code {
	border: 1px solid #9BBBF2;
	background: #EBF0FA;
	display: block;
	padding: 10px;
}


a:hover {
	text-decoration: underline;
}


h1 {
	color: #30343C;
	font-size: 25px;
}

h3, h2 {
	color: #30343C;
	font-size: 18px;
	font-weight: bold;
	margin-top: 35px;
	margin-bottom: 15px;
}

hr.h1 {
	border-top: 1px dotted #9B9C9E;
	border-bottom: 1px solid #fff;
	margin-bottom: 15px;
}

p {
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: justify;
}

input, select {
	border: 1px solid #ABAEB5;
	padding: 3px;
	color: #3C3D40;
}

input:hover, input:focus, select:hover, select:focus {
	color: #000;
	border: 1px solid #93969C;
}

img {
	border: 1px solid #93969C;
	margin-top: 15px;
	margin-bottom: 15px;
}
/*
 * Dodatkowe divy (fix po starym kodzie, do wymiany)
 */

#gateway-wrapper {
	display: table;
	width: 100%;
}

#infobox-gateway {
	width: 300px;
	min-height: 90px;
	background: #D7E4F3 url('/styles/img/info.png') no-repeat;
	background-position: top right;
	border: 1px solid #7fa1c9;
	padding: 8px;
	float: right;
	margin-top: 10px;
}

#infobox-gateway h3 {
	padding: 0;
	margin: 0;
	color: #2B405C;
	padding-bottom: 12px;
}

#infobox-gateway p {
	background: rgba(255, 255, 255, 0.2);
	margin-top: 2px !important;
	margin-bottom: 0px !important;
	padding: 1px;
}

#infobox-gateway p b {
	color: #2B405C;
}

#infobox-gateway #loading {
	font-size: 10px;
	text-align: center;
	width: 100%;
	height: 65px;
	padding-top: 25px;
	background: rgba(255, 255, 255, 0.2);
	display: none;
}

#infobox-gateway #infobox-full-info {
	display: none;
}

#gateway-select {
	float: left;
	margin-top: 10px;
}

#wrapper ul {
	padding-left: 15px;
	list-style: square;
}

ul.spis {
	width: auto;
	background: #D8DCE6;
	border: 1px solid #9CA0A6;
	list-style: none !important;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #2752BF;
}

table.table1 {
	margin: 0 auto;
	margin-top: 20px;
	border-top: 1px solid #93969C;
	border-right: 1px solid #93969C;
	border-collapse: collapse;

}

table.news {
	width: 100%;
}

table.table1 tr td {
	border-bottom: 1px solid #93969C;
	border-left: 1px solid #93969C;
	padding: 5px 10px;
	background: #FCFCFC;
	color: #353535;
}

table.hoverable tr:hover td {
	background: #EAEBEF;
	cursor: pointer;
}

table.table1 tr.legend td, table.table1 tr.legend th {
	padding: 3px;
	background: #DFE5EB;
	color: #000;
	text-align: center;
	font-weight: bold;
	border-left: 1px solid #93969C;
	border-bottom: 1px solid #93969C;
}

table.table1 tr td a {
	text-decoration: none;
}

table img {
	border: 0;
	margin: 0;
}

div.work {
	min-height: 104px;
	margin: 0 auto;
	padding: 10px;
	border: 1px solid #B7B7B7;
	margin-top: 20px;
	margin-bottom: 40px;
	padding-left: 130px;
	background: #F7F7F7;
}

div.system {
	background: #F7F7F7 url('img/zebatka.png') no-repeat;
}

div.website {
	background: #F7F7F7 url('img/zebatka_strona.png') no-repeat;
}

div.info {
	background: #F7F7F7 url('img/informacja.png') no-repeat;
}

div.finished {
	background-color: #FCFCFC;
	border: 1px solid #DBDBDB;
	color: #8E8E8E;
}

div.tick {
	background: #FCFCFC url('img/zebatka_skonczone.png') no-repeat;
}

div.work hr {
	padding: 0;
	margin: 0;
	border: 0;
	border-top: 1px solid #B7B7B7;
	padding-bottom: 5px;
}

div.work small {
	display: block;
	text-align: right;
}

div.work small.edit {
	text-align: left;
}

div.work div.edit {
	padding-left: 10px;
	margin-left: 20px;
	border-left: 5px solid #D9D9D9;
}

div.work span.new {
	color: #A19A00;
	font-weight: bold;
}

div.work span.inprogress {
	color: #626147;
	font-weight: bold
}

div.work span.finished {
	color: #27C000;
	font-weight: bold;
}

div.work span.important {
	color: #aa0000;
	font-weight: bold;
}

div.work span.notimportant {
	color: #27C000;
	font-weight: bold;
}

div.work span.average {
	color: #A19A00;
	font-weight: bold;
}

#logged_in_menu {
	background: #D4D8E0;
	border: 1px solid #85878C;
	list-style: none !important;
	height: 30px;
	padding-top: 8px;
	margin-bottom: 20px;
}

#logged_in_menu li a {
	display: block;
	float: left;
	margin-right: 30px;
}

div.notice {
    padding: 10px;
    margin: 0 auto;
    background: #FEFFE3;
    border: 1px solid #4D4D4D;
}

input[type="submit"]:hover {
	cursor: pointer;
}

ul.whyus li {
	list-style-image: url('/styles/img/bullet.png');
	margin-left: 20px;
	margin-top: 10px;
}

h2 a, h3 a {
	display: none;
}

h2:hover a, h3:hover a {
	display: inline;
	color: #C0C3CC;
}

h2:hover a:hover, h3:hover a:hover {
	color: #000 !important;
	text-decoration: none;
}

#footer a {
	color: #fff;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

tr.official td {
	background: #D7FCD4 !important;
}

a.external {
	background: url('/styles/img/ext.png') no-repeat right;
	padding-right: 16px;
}

td a.permalink {
	color: #fff;
}

td:hover a.permalink {
	display: inline;
	color: #C0C3CC;
}

td:hover a.permalink:hover {
	color: #000;
}