/* Definicje stylów dla strony KSM */
/* STYL: default */


/* Zawartość strony */
body {
	background-color: #5D75A8;
	text-align: center; 
	margin: 0 auto;
	/*scrollbar-base-color: #5D75A8;*/
}
body, P, TD, TH {
	font: 8pt Verdana,Arial,sans-serif;
	color: black; 
}

/* Ramka główna strony */
#mainframe {
	position: relative;
	background: #000040;
	border: 0;
	width: 775px;
	height: auto;
	text-align: left; 
	margin-left: auto; 
	margin-right: auto;
	overflow-x: hidden; /* IE bug - ramka z prawej przy tekscie italic */
}

/* Obszar tła górnego logo */
#logotlo {
	background: #5D75A8;
	height: 120px;
}

/* Ramka górnego logo */
#logo, #logoen {
	background: #5D75A8 url(/images/logo_ksm.gif) no-repeat;
	cursor: pointer;
	width: 755px;
	height: 100px;
	position: relative;
	top: 10px;
	left: 10px;
}
#logoen {
	background: #5D75A8 url(/images/logo_msd.gif) no-repeat;
}

/* Pasek nawigacyjny */
#navbar {
	position: relative;
	width: 100%;
	height: 30px;
}

/* Odnośniki do stron wyższego poziomu */
#navlink {
	position: absolute;
	color: #C8D0E1;
	left: 20px;
	top: 7px;
}

#navlink A {
	color: #C8D0E1;
}

/* Flaga wyboru języka */
#navflag {
	float: right;
	margin: 6px 8px;
	border: 0;
}

/* Pole wyboru stylów */
#selstyle {
	position: absolute;
	right: 50px;
	top: 6px;
	color: #C8D0E1;
}
#selstyle SELECT {
	font: 8pt Verdana,Arial,sans-serif;
	width: 100px;
	background-color: #C8D0E1;
}
	

/*============================================================================*/
/* Menu po lewej stronie */
#menu {
	float: left;
	width: 130px; /* IE */
	border: 2px solid #000040;
	border-top-width: 0;
}
#mainframe > #menu {
	width: 150px; /* Mozilla */
}

/* Lista menu */
ul#menulist {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Pozycje menu (ramka) */
ul#menulist li {
	border-bottom: 1px solid #000040;
}

/* Nagłówek grupy w menu */
ul#menulist li.menugroup {
	background-color: #4A608A;
	color: white;
	font-weight: bold;
	display: block;
	width: 100%; /* IE */
	padding: 3px 10px;
}
ul#menulist > li.menugroup {
	width: auto; /* Mozilla */
}

/* Pozycje w menu (linki) */ 
ul#menulist li a:link, ul#menulist li a:visited {
	text-decoration: none;
	color: black;
	background-color: #C8D0E1;
	display: block;
	width: 100%; /* IE */
	padding: 3px 10px;
}
ul#menulist > li a:link, ul#menulist > li a:visited {
	width: auto; /* Mozilla */
}

/* Podświetlone pozycje menu */
ul#menulist li a:hover {
	background-color: #e9ecf3;
}

/* Google search box */
#google {
	width: 150px;
	text-align: center;
	margin-top: 1px;
	padding: 5px 0;
	background-color: #4A608A;
	color: white;
	font-weight: bold;
	/*font: bold 12pt 'Times New Roman',serif;
	letter-spacing: -0.1em;*/
}
#google INPUT {
	font: 8pt Verdana,sans-serif;
	background-color: #C8D0E1;
	border: 1px solid black;
	margin: 3px 0;
	padding: 1px;
}

/*============================================================================*/
/* Artykuły */

.article {
	color: black;
	background-color: white;
	margin: 0 2px 2px 155px; /* for IE */
	padding: 5px 0;
}
#mainframe > .article {
	margin-left: 155px; /* for Mozilla */
}

/* Nagłówek strony */
.heading {
	color: white;
	background-color: #4A608A;
	margin: 0 2px 2px 155px;
	padding: 0px;
}
.heading H1 {
	font-size: 9pt;
	font-weight: bold;
	padding: 1em 20px;
	margin: 0px;
	/*
	position: relative;*/ /* fix IE bug */
}

.article H1 {
	font-size: 9pt;
	font-weight: bold;
	color: white;
	background: #4A608A;
	padding: 1em 20px;
	margin: -5px 0px;
	position: relative; /* fix IE bug */
}

.article > H1 {
	/*margin-left: 3px;*/ /* for Mozilla (fix IE bug) */
}


/* Nagłówek wiadomości */
.article H2 {
	font-size: 9pt;
	font-weight: bold;
	color: #000060;
	padding: 1em 20px 0.5em;
	margin: 0;
}

.article H3 {
	font-size: 9pt;
	font-weight: bold;
	color: #000060;
	padding: 1em 20px 0.5em;
	margin: 0;
}

/* Treść artykułu */
.article P {
	text-align: justify;
	padding: 0.5em 20px;
	margin: 0;
}

/* Data artykułu */
.article P.data {
	color: #808080;
}

/* Obrazki w linkach */
.article A IMG {
	border: 0;
}

/* Obrazki przesunięte do prawej strony */
.article IMG.imgr {
	float: right;
	margin: 0px 0 5px 10px;
	/*border: 1px solid #000040;*/
	border: 0;
}
/* Obrazki przesunięte do lewej strony */
.article IMG.imgl {
	margin: 0 5px 5px 0;
	/*border: 1px solid #000040;*/
	border: 0;
}

/* Listy nienumerowane */
.article UL {
	list-style: square;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 20px;
	padding: 0.5em 20px;
}
.article UL UL {
	list-style: disc;
	padding-left: 2em;
	margin-left: 0;
}

/* Listy numerowane */
.article OL {
	padding-left: 1em;
	margin-top: 1em;
}
.article > OL {
	margin-left: 4em;
}

/* Kolory odnośników w artykułach */
/*
.article A:link    {color: #483D8B;}
.article A:visited {color: #6759B7;}
.article A:active  {color: #000040;}
.article A:hover   {color: #32295F;}
*/

/* Tabele w artykułach (inline) */
.article > TABLE {
	padding: 0.5em 20px;
	margin: 0;
}


/*============================================================================*/
/* Tabele główne (pełna szerokość) */
.artable {
	margin: 0 0 0px 154px; /* left m. for IE */
}
#mainframe > .artable {
	margin-left: 155px; /* for Mozilla */
}

.artable TABLE {
	border-collapse: collapse;
	border-style: hidden;
	margin: 0;
	margin-top: 0px;
	padding: 0;
	width: 620px; /* IE fix */
	float: left; /* IE fix */
	background-color: white;
}
.artable > TABLE { /* for Mozilla - IE fix */
	width: 618px;
	float: none;
	margin-top: 0px;
	border-bottom-style: solid;
	border-bottom-width: 3px;
} 

/* Komórki tabeli */
.artable TABLE TD, .artable TABLE TH {
	border: 1px solid #000040;
	margin: 0;
	padding: 4px 6px;
	vertical-align: top;
}

/* Nagłówki kolumn */
.artable TABLE TH {
	color: black;
	background-color: #C8D0E1;
	font-weight: bold;
	text-align: center;
}

/* Kolorowanie kolejnych rzędów */
.artable TABLE TR.t1 TD {
	background-color: #E9ECF3;
}
.artable TABLE TR.t2 TD {
	background-color: white;
}
/* pojedyncze, wyróżnione rzędy */
.artable TABLE TR.t0 TD {
	background-color: #C8D0E1;
}

/* Odnośniki */
.artable TR.t1 TD A.a, .artable TR.t2 TD A.a  {
	color: black; 
	text-decoration: none;
}
.artable TR.t1 TD A.a:hover, .artable TR.t2 TD A.a:hover {
	color: #32295F;
	text-decoration: underline;
}

/*============================================================================*/
/* Pasek logo na stronie głównej */
#logostrip {
	float: right;
	width: 157px;
	padding: 0;
}

/* Tytuły logo */
.logotitle {
	color: white;
	background-color: #4A608A;
	font-weight: bold;
	margin: 0;
	padding: 5px 0;
	text-align: center;
	border-right: 2px solid #000040; 
}
.logotitle A {
	text-decoration: none;
	color: white;
}

/* Obrazki logo */
.logoimage {
	background-color: #5D75A8;
	margin: 0;
	border-bottom: 3px solid #000040;
	padding: 0;
	text-align: center;
	border-right: 2px solid #000040; 
}

/*============================================================================*/
/* Stopka */
#footer {
	clear: both;
	margin-bottom: 0;
	width: 100%;
	padding: 8px;
	color: #C8D0E1;
}

#footer A {
	color: #C8D0E1;
}