/*
 * CSS by Gedi
 * @author Gedi <gedi@e-clipse.org>
 */

/* ---------------------------------------------------------------- GENERAL  */

html {
height: 100%;
font-size: 11px;
font-family: Tahoma, "Lucida grande", "Bitstream Vera Sans", sans-serif;
color: #4C4C4C;
background: white url(../images/bg_html.gif) 50% 115px no-repeat;
}

body {
position: relative;
padding: 0;
margin: 0 auto;
min-height: 100%;
width: 770px;
line-height: 1.5em;
background: url(../images/bg_narrow-mid.gif) repeat-y;
}
body.noContentMenu {
background-image: none;
}

h1,h2,h3,h4,
dl,ul,ol,
p {
margin: 0 0 0.8em;
}
h2,h3,h4 {
color: #135194;
background-color: inherit;
font-size: 1em;
}
h5 {
margin: 0 0 0.2em;
color: #4C4C4C;
background-color: inherit;
font-size: 1em;
}
h6 {
margin: 0.2em 0 0;
color: #606060;
background-color: inherit;
font-size: 1em;
}

hr {
height: 0;
border-width: 1px 0 0;
border-style: solid;
border-color: #E6E6E6;
}

h3 span {
font-size: 1em;
font-weight: normal;
color: #6C6C6C;
background-color: transparent;
}

/* ---------------------------------------------------------------- FORM */

form {
padding: 1.6em 0 0;
}
fieldset {
padding: 10px;
border: 1px solid #CDCDCD;
}
legend {
color: #135194;
background-color: inherit;
}
label {
display: block;
font-weight: bold;
}
input.text {
margin-bottom: 0.8em;
padding: 2px;
font: 11px tahoma, sans-serif;
color: #6C6C6C;
background-color: white;
border: 1px solid #CDCDCD;
}
input.button {
font: 11px tahoma, sans-serif;
}

/* ---------------------------------------------------------------- LINKS */

a {
text-decoration: underline;
color: #135194;
background-color: transparent;
}
a:hover {
text-decoration: none;
color: #6C6C6C;
background-color: transparent;
}
a:focus {
outline: none;
text-decoration: underline !important;
color: red;
background-color: transparent;
}

a img {
border: 0 none;
}

a.sitemap {
background-image: url(../images/icon_sitemap-silver.gif);
background-repeat: no-repeat;
}
a.envelope {
background-image: url(../images/icon_envelope-silver.gif);
background-repeat: no-repeat;
}
a.file {
background-image: url(../images/icon_file-lightgray.gif);
background-repeat: no-repeat;
}

a.pl,
a.ua,
a.gb,
a.no {
padding-left: 22px;
}
a.pl {
background: url(../images/icon_lang-pl.gif) 0 3px no-repeat;
}
a.ua {
background: url(../images/icon_lang-ua.gif) 0 3px no-repeat;
}
a.gb {
background: url(../images/icon_lang-gb.gif) 0 3px no-repeat;
}
a.no {
background: url(../images/icon_lang-no.gif) 0 3px no-repeat;
}

/*
a.more {
display: block;
padding: 5px 0 0 13px;
height: 18px;
width: 60px;
font-weight: bold;
font-size: 0.9em;
line-height: 0.9em;
text-decoration: none;
color: white !important;
background: #135194 url(../images/button_more-blank.gif);
}
*/
/*
a.more {
display: block;
height: 23px;
width: 73px;
background-image: url(../images/button_more.gif);
}
a.more span {
display: none;
}
*/

a.icolink {
text-decoration: none;
color: #4c4c4c;
font-weight: bold;
}
a.icolink:hover {
text-decoration: none;
color: #6C6C6C;
font-weight: bold;
}
a.icolink:focus {
text-decoration: none;
color: red;
font-weight: bold;
}

/* ---------------------------------------------------------------- MENUS GENERAL */

ul.menu,
ol.menu {
margin: 0;
padding: 0;
list-style-type: none;
}

/* ---------------------------------------------------------------- HEADER */

#header {
height: 80px;
color: inherit;
background-color: white;
}
#header h1 {
margin: 0 0 0 90px;
padding-top: 11px;
width: 300px;
height: 69px;
}
#header h1 a {
display: block;
height: 80px;
background: url(../images/banner_puoep-300x80.gif);
}
#header h1 a.ua {
display: block;
height: 80px;
background: url(../images/banner_puoep-300x80_ua.gif);
}
#header h1 a span {
display: none;
}

/* HEADERMENU */
	#header ul.menu {
	position: absolute;
	top: 0;
	right: 0;
	width: 315px;
	height: 58px;
	line-height: 1em;
	text-align: center;
	}
	#header ul.menu a {
	padding-top: 19px;
	background-position: 50% 0;
	text-decoration: none;
	color: #4C4C4C;
	background-color: inherit;
	}
	#header ul.menu li {
	width: 105px;
	float: left;
	padding: 33px 0 0;
	height: 25px;
	background: url(../images/separator_headermenu.gif) 0 no-repeat;
	}
	#header ul.menu li.lang {
	background-image: none;
	padding-top: 15px;
	}
	#header ul.menu li.lang a {
	padding: 0;
	}
	#header ul.menu li.lang img {
	margin: 0 5px 5px;
	}

/* ---------------------------------------------------------------- TOP */

#top {
position: relative;
height: 155px;
padding-bottom: 5px;
color: inherit;
background-color: white;
}

#top div {
padding-top: 15px;
height: 125px;
width: 255px;
line-height: 1.25em;
}
#top h2 {
font-size: 1.1em;
padding: 6px 0 0 29px;
}
#top div.no {
color: white;
background: transparent url(../images/bg_top-no.gif) 0 0 no-repeat;
}
#top div.no h2 {
padding-left: 51px;
color: white;
background: transparent url(../images/icon_lang-no.gif) 29px 8px no-repeat;
}
#top div.no h2.small {
font-size: 0.9em;
}
#top p {
padding: 0 29px;
text-align: justify;
}
#top h2,
#top a {
color: #4C4C4C;
background-color: inherit;
text-decoration: none;
}

#top #topFlash {
position: absolute;
padding: 0;
width: 510px;
top: 30px;
right: 0;

z-index: 2;
}
#top #topFlash object {
display: block;
}

/* CALENDAR */
	#top div.calendar {
	background: url(../images/bg_top-calendar.gif) 0 100% no-repeat;
	}
	div.calendar {
	padding-top: 15px;
	}

	div.calendar a {
	font-weight: bold;
	text-decoration: none;
	}

	div.calendar table {
	margin: 0 auto;
	width: 198px;
	table-layout: fixed;
	line-height: 1.25em;
	color: inherit;
	background-color: #F8F8F8;
	border: 1px solid #D9D9D9;
	}

	div.calendar tr.week td {
	border: 1px solid #D9D9D9;
	}

	div.calendar th {
	border-top-color: white;
	border-left-color: white;
	}
	div.calendar th a {
	text-decoration: none;
	color: #4C4C4C;
	background-color: inherit;
	}
	div.calendar th.month {
	border: 0 none;
	color: inherit;
	background-color: #ECECEC;
	}

	div.calendar td {
	text-align: right;
	vertical-align: bottom;
	}
	div.calendar td.day {
	color: inherit;
	background-color: white;
	border: 1px solid #ECECEC;
	border-right-color: white;
	border-bottom-color: white;
	}
	div.calendar td.day_current {
	color: inherit;
	background-color: #ECECEC;
	}

/* MAINMENU */
	#top ul.menu {
	padding: 0 0 0 13px;
	height: 30px;
	font-weight: bold;
	line-height: 28px;
	text-align: center;
	color: white;
	background: #2666AA url(../images/bg_mainmenu.gif) no-repeat;
	}
	#top ul.menu li {
	float: left;
	padding: 0 19px;
	background: url(../images/separator_mainmenu.gif) 0 no-repeat;
	}
	#top ul.ua li {
	padding: 0 16px;
	}
	#top ul.gb li {
	padding: 0 39px;
	}
	#top ul.menu li.start {
	background-image: none;
	}
	#top ul.menu li.contact {
	padding-right: 0;
	}
	#top ul.menu a {
	text-decoration: none;
	color: white;
	background-color: #2666AA;
	}
	#top ul.menu a:hover {
	color: #F9DD16; /* #FFAE00; */
	background-color: inherit;
	}
	#top ul.menu a.envelope {
	padding-right: 26px;
	background-image: url(../images/icon_envelope-white.gif);
	background-position: 100%;
	}
	#top ul.menu a.envelope:hover {
	background-image: url(../images/icon_envelope-yellow.gif);
	}

/* ---------------------------------------------------------------- CONTENTS */

div.narrow {
float: left;
width: 255px;
padding-top: 10px;
padding-bottom: 15px;
background: url(../images/bg_narrow-top.gif) no-repeat;
}
div.narrow h2,
div.narrow h3 {
padding: 0 10px 1px;
margin: 0;
line-height: 19px;
border-left: 12px solid #b80000;
}
div.narrow h2 {
color: white;
background-color: #135194;
border-color: #0F4176;
}
div.narrow h3 {
color: white;
background: #EF2B2D url(../images/bg_h-red.gif) 100% 0 repeat-y;
}

div.wide {
float: right;
padding: 0 0 2em 5px;
width: 510px;
}
div.wide h3 {
font-size: 1.1em;
color: #424242;
background-color: inherit;
}
div.wide h3,
div.wide h4 {
padding-top: 1em;
margin-bottom: 0.5em;
}
div.wide h3 span.br,
div.wide h4 span.br {
font-weight: normal;
font-size: 0.9em;
display: block;
}
div.wide ul,
div.wide ol {
margin: 0 .5em 1em 2em;
padding: 0;
text-align: left;
}

div.wide h4 a.pl,
div.wide h4 a.ua,
div.wide h4 a.gb {
display: block;
}

body.noContentMenu div.wide {
float: none;
padding-left: 0;
width: 100%;
}

/* CONTENTMENU */
	div.narrow .menu {
	padding: 10px 21px 0;
	margin-bottom: 15px;
	}
	div.narrow ol.menu a {
	display: block;
	padding: 5px 0 3px;
	color: #4C4C4C;
	background-color: inherit;
	text-decoration: none;
	background: url(../images/separator_contentmenu.gif) 0 100% repeat-x;
	}

	* html body div.narrow .menu a {
	height: 1em;
	}

	div.narrow .menu a:hover {
	color: black;
	background-color: inherit;
	}
	div.narrow .menu li {
	display: block;
	padding-left: 13px;
	background: url(../images/chevron-right.gif) -4px 9px no-repeat;
	}
	div.narrow .menu li.lastItem a {
	background-image: none;
	}

/* MENUBAR */
	div.menuBar {
	padding-left: 40px;
	font-weight: bold;
	line-height: 30px;
	color: inherit;
	background: #E6E6E6 url(../images/bg_menubar-left.gif) no-repeat;
	}
	div.menuBar p {
	background: url(../images/bg_menubar-right.gif) 100% 0 no-repeat;
	}
	div.menuBar span {
	display: none;
	}
	div.menuBar a {
	text-decoration: none;
	color: #4C4C4C;
	background-color: inherit;
	}
	div.menuBar a:hover {
	color: black;
	background-color: inherit;
	}
	div.menuBar a.arrow {
	padding-right: 20px;
	background: url(../images/chevron-right.gif) 100% 2px no-repeat;
	}

/* ITEMS */
	div.item {
	margin: 0 5px 1em;
	text-align: justify;
	}
	div.item h4 span {
	font-weight: normal;
	color: #4C4C4C;
	background-color: inherit;
	}
	div.item h4.ihead {
	margin-bottom: 0.25em;
	text-align: left;
	}

	div.news {
	padding-bottom: 1em;
	background: url(../images/border-dotted.gif) 0 100% repeat-x;
	}
	div.news h4.ihead a {
	margin-right: 6em;
	}
	div.news h4.ihead span {
	/*margin-top: -1.5em;*/
	float: right;
	color: #B80000;
	background-color: inherit;
	}

	p.ifoot {
	position: relative;
	height: 2em;
	}
	p.ifoot a.more {
	position: absolute;
	right: 20px;
	}

	p.inavi {
	position: relative;
	padding: 20px 0;
	text-align: center;
	}
	p.inavi a.file {
	padding-left: 18px;
	padding-right: 2px;
	background-position: 0 2px;
	}

/* EVENTS */
	div.event {
	margin-bottom: 0.8em;
	padding-top: 0.4em;
	}
	div.event h4 {
	margin: 0 0 1px !important;
	padding: 0.2em 1em;
	color: #0F4176;
	background-color: #E5E5E5;
	border-right: 12px solid #CDCDCD;
	}
	div.event div {
	padding: 0.4em 1em;
	color: inherit;
	background-color: #F8F8F8;
	border: 1px solid #E5E5E5;
	}
	
	div.event div div
	{
		padding: 0;
		border: 0;
	}
	
	div.event div div label
	{
		display: inline;
	}
	div.event div h4 {
	margin: 0 0 0.8em !important;
	color: #135194;
	background-color: #F8F8F8;
	border: 0 none;
	}

	div.years,
	div.months {
	margin: 0 0 0.8em;
	}
	div.wide ul.years,
	div.wide ul.months {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

	ul.years li,
	ul.months li {
	float: left;
	padding: 0 0.8em;
	line-height: 18px;
	background: url(../images/border-dotted.gif) 0 no-repeat;
	}

/* ---------------------------------------------------------------- BOTTOM */

#bottom {
clear: both;
height: 128px; /* tyle co #FOOTER lub więcej */
}

/* ---------------------------------------------------------------- FOOTER */

#footer {
position: absolute;
bottom: 0;
height: 130px;
width: 100%;
font-weight: bold;
font-size: 0.9em;
line-height: 30px;
color: white;
background: #135194 url(../images/bg_footer.gif) 0 100% no-repeat;
}

#footer a {
text-decoration: none;
color: white;
background-color: transparent;
}
#footer a.sitemap {
padding-right: 32px;
margin-left: 20px;
background-image: url(../images/icon_sitemap-white.gif);
background-position: 100%;
}

/* ---------------------------------------------------------------- PARTNERS */

div.partners {
padding-top: 7px;
height: 80px;
color: #828282;
background: white url(../images/bg_narrow-bot.gif) no-repeat;
}
body.noContentMenu div.partners {
background-image: none;
}

div.partners h2,
div.partners span {
display: none;
}
div.partners div {
margin: 0 auto;
width: 705px;
}

div.partners a {
float: left;
height: 77px;
color: #424242;
background-color: inherit;
background-image: url(../images/partners.gif)
}
div.ua a {
background-image: url(../images/partners_ua.gif)
}

/* PARTNERZY z HOVER

div.partners a.eea {
width: 306px;
background-position: 0 0;
}
div.partners a.umk {
width: 57px;
background-position: -306px 0;
}
div.partners a.fmd {
width: 99px;
background-position: -363px 0;
}
div.partners a.lmr {
width: 56px;
background-position: -462px 0;
}
div.partners a.cssa {
width: 80px;
background-position: -518px 0;
}
div.partners a.crm {
width: 107px;
background-position: -598px 0;
}

div.partners a.eea:hover {
width: 306px;
background-position: 0 -77px;
}
div.partners a.umk:hover {
width: 57px;
background-position: -306px -77px;
}
div.partners a.fmd:hover {
width: 99px;
background-position: -363px -77px;
}
div.partners a.lmr:hover {
width: 56px;
background-position: -462px -77px;
}
div.partners a.cssa:hover {
width: 80px;
background-position: -518px -77px;
}
div.partners a.crm:hover {
width: 107px;
background-position: -598px -77px;
}

end PARTNERZY z HOVER */

/* PARTNERZY bez HOVER (usunąć lub zakomentować w przypadku korzystania z HOVER :) */
div.partners a.eea {
width: 306px;
background-position: 0 -77px;
}
div.partners a.umk {
width: 57px;
background-position: -306px -77px;
}
div.partners a.fmd {
width: 99px;
background-position: -363px -77px;
}
div.partners a.lmr {
width: 56px;
background-position: -462px -77px;
}
div.partners a.cssa {
width: 80px;
background-position: -518px -77px;
}
div.partners a.crm {
width: 107px;
background-position: -598px -77px;
}

/* ---------------------------------------------------------------- OTHER */

.red,
.notice {
color: #EB0000;
background-color: transparent;
}
.green,
.note {
color: #307540;
background-color: transparent;
}
.blue {
color: #135194;
background-color: transparent;
}
.black {
color: black;
background-color: transparent;
}
.gray {
color: #808080;
background-color: inherit;
}

.dotted {
padding-bottom: 1em;
background: url(../images/border-dotted.gif) 0 100% repeat-x;
}

.zero {
height: 0;
font-size: 0;
line-height: 0;
}
.none {
display: none;
}
.clear {
clear: both;
}

.left {
text-align: left;
}
.center {
text-align: center;
}
.right {
text-align: right;
}

object.left,
img.left {
float: left;
margin-right: 0.8em;
}
object.right,
img.right {
float: right;
margin-left: 0.8em;
}

object.center,
img.center,
.center object {
display: block;
margin: 0 auto 0.8em;
}

.big {
font-size: 1.1em;
}

/* ---------------------------------------------------------------- TABLES */

th {
text-align: center;
}

td.quantity {
width: 2.5em;
text-align: right;
vertical-align: top;
}
td.amount {
width: 5em;
text-align: center;
vertical-align: top;
}

table.learning {
width: 100%;
background: url(../images/border-dotted.gif) 0 100% repeat-x;
}
table.learning thead {
background: url(../images/border-dotted.gif) 0 0 repeat-x;
}
table.learning td {
padding: 3px 6px;
}
table.learning th,
table.learning td.quantity,
table.learning td.amount {
padding: 3px 0;
}