@charset "utf-8";
/* CSS Document */

body {
font-family:Tahoma, Arial, Helvetica, sans-serif ;
margin:0 ;
background: #FFFFFF url(../graphic/presentation/tlo-body.jpg) repeat-x top scroll ;
}

ul {
margin:0 ;
padding:0 ;
list-style:none ;
}

a {
text-decoration:none ;
}

img {
border:none ;
}

/*-----------*/

h1 {
margin:0 ;
color:#b30000 ;
font-size:15px ;
border-bottom:1px solid #eaeaea ;
padding-bottom:2px ;
margin-bottom:10px ;
}

div.red {
margin:0 ;
color:#b30000 ;
font-size:15px ;
border-bottom:1px solid #eaeaea ;
padding-bottom:2px ;
margin-bottom:10px ;
font-weight:bold;
}

h2, h3, h4, h5, h6 {
margin:0 ;
color:#00325e ;
font-size:13px ;
margin-top:20px ;
margin-bottom:10px ;
}

p.akapit {
margin:0 ;
width:536px ;
font-size:12px ;
color:#666 ;
line-height:150% ;
text-align:justify ;
margin-bottom:10px ;
/*float:left ;*/
}

div.akapit {
margin:0 ;
width:536px ;
font-size:12px ;
color:#666 ;
line-height:150% ;
text-align:justify ;
margin-bottom:10px ;
/*float:left ;*/
}

p.akapit strong {
color:#333 ;
}

div.akapit strong {
color:#333 ;
}

p.akapit a {
color:#00325e ;
text-decoration:underline ;
}

div.akapit a {
color:#00325e ;
text-decoration:underline ;
}

p.akapit a:hover {
color:#c30404 ;
}

div.akapit a:hover {
color:#c30404 ;
}

ul.lista-wypunktowanie {
/*float:left ;*/
color:#666 ;
font-size:12px ;
margin:10px 0 10px 10px ;
}

ul.lista-wypunktowanie li {
margin-bottom:5px ;
background:url(../graphic/presentation/ikonka-lista-wypunktowanie.gif) no-repeat 0 5px ;
padding-left:12px ;
}
hr.light {
	border:0;
	color: #EAEAEA;
	background-color: #EAEAEA;
	height: 1px;
}
ul.lista-wypunktowanie a {
color:#00325e ;
text-decoration:none ;
}

ul.lista-wypunktowanie a:hover {
color:#c30404 ;
text-decoration:underline ;
}

ol.lista-numerowana {
margin:0 ;
padding:0 ;
margin-left:10px ;
color:#666 ;
font-size:12px ;
/*margin:10px 0 10px 10px ;*/
list-style:decimal inside ;
}

ol.lista-numerowana li {
margin-bottom:5px ;
}

ol.lista-numerowana li a {
color:#00325e ;
text-decoration:underline ;
}

ol.lista-numerowana li a:hover {
color:#c30404 ;
}

img.ilustracja {
border:1px solid #00325e ;
}

p.akapit img.ilustracja {
float:left ;
margin-right:10px ;
}

div#polec {
	width:536px ;
	padding-top:3px ;
	float:left ;
	border-top:1px solid #eaeaea ;
	border-bottom:1px solid #eaeaea ;
	margin-top:30px;
	background:url(../graphic/presentation/tlo-wstecz-polec-drukuj.jpg) no-repeat top center ;
}

div.wstecz-polec-drukuj {
width:536px ;
height:27px ;
padding-top:3px ;
float:left ;
border-top:1px solid #eaeaea ;
border-bottom:1px solid #eaeaea ;
margin-top:30px;
background:url(../graphic/presentation/tlo-wstecz-polec-drukuj.jpg) no-repeat top center ;
}

a.link-wstecz {
color:#00325e ;
background:url(../graphic/presentation/ikonka-wstecz.gif) no-repeat 0 6px ;
padding-left:8px ;
font-size:11px ;
}

a.link-polec {
color:#00325e ;
padding-left:8px ;
font-size:11px ;
background:url(../graphic/presentation/ikonka-polec.gif) no-repeat 0 6px ;
margin-right:20px ;
margin-left:354px ;
}

a.link-drukuj {
color:#00325e ;
padding-left:14px ;
font-size:11px ;
background:url(../graphic/presentation/ikonka-drukuj.gif) no-repeat 0 2px ;
}

div.wstecz-polec-drukuj a:hover {
color:#b30000 ;
}


/*------------*/

table.tabelka {
width:536px ;
border-collapse:collapse ;
font-size:12px ;
color:#666 ;
}

table.tabelka td.tabelka-naglowek {
color:#00325e ;
font-weight:bold ;
border-top:1px solid #c1c1c1 ;
background:url(../graphic/presentation/tlo-tabelka-naglowek.jpg) repeat-x 0 0 ;
}

table.tabelka td {
border-bottom:1px solid #c1c1c1 ;
height:40px ;
vertical-align:middle ;
padding-left:10px ;
}

table.tabelka a {
color:#c30404 ;
}

table.tabelka a:hover {
color:#00325e ;
}

table.tabelka a img {
float:left ;
vertical-align:middle ;
margin-right:10px ;
}

/*-----------*/

div#container {
width:980px ;
height:auto ;
margin:0 auto ;
}

div#top {
width:980px ;
/*height:144px ;*/
height:141px ;
border-top:3px solid #003f78 ;
background:url(../graphic/presentation/top-banner.jpg) no-repeat bottom center ;
float:left ;
}

div#menu-poziome
{
width:980px ;
height:44px ;
background:url(../graphic/presentation/tlo-menu-poziome.jpg) no-repeat bottom center ;
margin-bottom:20px ;
float:left ;
}

div#menu-poziome ul
{
width:580px ;
height:44px ;
margin:0 auto ;
}

div#menu-poziome ul li
{
float:left ;
}

div#menu-poziome ul li a
{
display:block ;
height:26px ;
padding-top:16px ;
padding-left:15px ;
padding-right:10px ;
background:url(../graphic/presentation/ikonka-menu-poziome.gif) no-repeat 5px 23px ;
color:#FFF ;
font-size:13px ;
font-weight:bold ;
margin-right:6px ;
}

div#menu-poziome ul li a:hover
{
background-color:#b30000 ;
}

a#logo
{
display:block ;
width:114px ;
height:83px ;
margin-left:38px ;
margin-top:42px ;
background:url(../graphic/presentation/logo-grupa-it.gif) no-repeat center ;
float:left ;
}

div#flagi
{
width:775px ;
height:18px ;
padding-top:7px ;
border-bottom:1px solid #e1e1e1 ;
float:left ;
margin-left:53px ;
}

a.flaga-pl
{
display:block ;
width:17px ;
height:12px ;
background:url(../graphic/presentation/flaga-pl.jpg) no-repeat center ;
border:1px solid #e1e1e1 ;
float:left ;
margin-left:707px ;
margin-right:10px ;
}

a.flaga-pl:hover
{
border:1px solid #9f9f9f ;
}

a.flaga-en
{
display:block ;
width:17px ;
height:12px ;
background:url(../graphic/presentation/flaga-en.jpg) no-repeat center ;
border:1px solid #e1e1e1 ;
float:left ;
}

a.flaga-en:hover
{
border:1px solid #9f9f9f ;
}

div#nawigacja
{
width:192px ;
height:88px ;
margin-top:14px ;
margin-left:636px ;
background:url(../graphic/presentation/tlo-nawigacja.jpg) no-repeat top left ;
float:left ;
}

div#nawigacja ul
{
text-align:right ;
margin-left:8px ;
}

a.nawigacja-home
{
display:block ;
width:139px ;
padding-right:45px ;
height:21px ;
padding-top:10px ;
background:url(../graphic/presentation/nawigacja-glowna.gif) no-repeat top left ;
float:left ;
color:#aac3d8 ;
font-size:10px ;
}

a.nawigacja-home_checked {
	color:#FFFFFF ;
	display:block ;
	width:139px ;
	padding-right:45px ;
	height:21px ;
	padding-top:10px ;
	background:url(../graphic/presentation/nawigacja-glowna.gif) no-repeat top left ;
	float:left ;
	font-size:10px ;
}

a.nawigacja-mapa
{
display:block ;
width:139px ;
padding-right:45px ;
height:21px ;
padding-top:7px ;
background:url(../graphic/presentation/nawigacja-mapa.gif) no-repeat top left ;
float:left ;
color:#aac3d8 ;
font-size:10px ;
}

a.nawigacja-mapa_checked {
	color:#FFFFFF ;
	display:block ;
	width:139px ;
	padding-right:45px ;
	height:21px ;
	padding-top:7px ;
	background:url(../graphic/presentation/nawigacja-mapa.gif) no-repeat top left ;
	float:left ;
	font-size:10px ;
}

a.nawigacja-ftp
{
display:block ;
width:139px ;
padding-right:45px ;
height:20px ;
padding-top:7px ;
background:url(../graphic/presentation/nawigacja-ftp.gif) no-repeat top left ;
float:left ;
color:#aac3d8 ;
font-size:10px ;
}

div#nawigacja ul li a:hover
{
color:#FFF ;
}

/*---------------------------------------------*/

a.banner-projekty-wdrozenia
{
display:block ;
width:192px ;
height:105px ;
background:url(../graphic/presentation/banner-projekty-wdrozenia.jpg) no-repeat 0 0 ;
float:left ;
margin-bottom:10px ;
}

a.banner-projekty-wdrozenia:hover
{
opacity:0.8 ;
}

a.banner-kontakt
{
display:block ;
width:192px ;
height:135px ;
background:url(../graphic/presentation/banner-kontakt.jpg) no-repeat 0 0 ;
float:left ;
}

a.banner-kontakt:hover
{
opacity:0.8 ;
}

/*---------------------------------------------*/

div#kolumna-1
{
width:192px ;
height:auto ;
float:left ;
}

div#kolumna-2
{
width:536px ;
height:auto ;
padding-top:20px ;
margin-left:30px ;
margin-right:30px ;
float:left ;
}

div#kolumna-3
{
width:192px ;
height:auto ;
float:left ;
}

div#stopka
{
width:980px ;
height:40px ;
padding-top:43px ;
background:url(../graphic/presentation/tlo-stopka.jpg) no-repeat center top ;
float:left ;
margin-top:40px ;
padding-bottom:40px ;
}

div.copyright
{
color:#666 ;
font-size:11px ;
margin-left:30px ;
}

div.copyright a
{
color:#000 ;
font-weight:bold ;
}

div.copyright a img
{
vertical-align:middle ;
margin-left:2px ;
margin-right:4px ;
}

div.stopka-menu
{
float:left ;
position:relative ;
left:546px ;
top:-20px ;
}

div.stopka-menu a
{
font-size:11px ;
color:#00325e ;
background:url(../graphic/presentation/ikonka-stopka-menu.gif) no-repeat 0 5px ;
padding-left:6px ;
margin-right:11px ;
}

div.stopka-menu a:hover
{
text-decoration:underline ;
}

div.stopka-menu a.checked
{
font-size:11px ;
color:#00325e ;
background:url(../graphic/presentation/ikonka-stopka-menu.gif) no-repeat 0 5px ;
padding-left:6px ;
margin-right:11px ;
text-decoration:underline ;
}

/*---------------------------*/

div#boks-menu-pion
{
width:186px ;
padding-left:6px ;
height:auto ;
padding-top:20px ;
padding-bottom:20px ;
background:url(../graphic/presentation/tlo-menu-pion.jpg) no-repeat bottom left #003f77 ;
float:left ;
}

ul.menu-pion-dzialy
{
list-style:none ;
border-top:1px solid #00223e ;
border-bottom:1px solid #335571 ;
}

ul.menu-pion-dzialy li
{
border-top:1px solid #335571 ;
border-bottom:1px solid #00223e ;
}

ul.menu-pion-dzialy li a
{
display:block ;
width:167px ;
padding-left:20px ;
padding-top:8px ;
padding-bottom:8px ;
/*background:url(images/ikonka-menu-pion-dzialy.gif) no-repeat 10px 50% ;*/
background:url(../graphic/presentation/tlo-menu-pion-czerwony-hover.gif) no-repeat 100% 50% ; 
font-size:11px ;
color:#FFF ;
font-weight:bold ;
}

ul.menu-pion-dzialy li a:hover
{
background:url(../graphic/presentation/tlo-menu-pion-czerwony-hover.gif) no-repeat 0 50% ; 
}


ol.menu-pion-poddzialy
{
list-style:none ;
list-style-position:outside ;
margin:0 ;
padding:0 ;
background:#002a4e ;
}

ol.menu-pion-poddzialy li
{
border:none ;
/*float:left ;
clear:left ;*/
}

ol.menu-pion-poddzialy li a
{
font-weight:normal ;
background:url(../graphic/presentation/ikonka-menu-pion-poddzialy.gif) no-repeat 8px 50% #002a4e ;
padding-left:20px ;
border-top:1px solid #335571 ;
border-bottom:1px solid #00223e ;
}

ol.menu-pion-poddzialy li a:hover
{
text-decoration:underline ;
background:url(../graphic/presentation/ikonka-menu-pion-poddzialy.gif) no-repeat 8px 50% #002a4e ;
}

div#menu-poziome ul li a.checked {
	background-color:#B30000;
}

ul.menu-pion-dzialy li a.checked {
	background:transparent url(../graphic/presentation/tlo-menu-pion-czerwony-hover.gif) no-repeat scroll 0 50%;
	display:block ;
	width:169px ;
	padding-left:20px ;
	padding-top:8px ;
	padding-bottom:8px ;
	font-size:11px ;
	color:#FFF ;
	font-weight:bold ;
}

ol.menu-pion-poddzialy li a.checked
{
font-weight:normal ;
text-decoration:underline ;
background:url(../graphic/presentation/ikonka-menu-pion-poddzialy.gif) no-repeat 8px 50% #002a4e ;
padding-left:20px ;
border-top:1px solid #335571 ;
border-bottom:1px solid #00223e ;
}

ul.ul_mapa {
	margin-left:20px;
	list-style-image:none;
	list-style-position:inside;
	list-style-type:disc;
}

ul.ul_mapa li a {
	color:#003360;
}
		
ul.ul_mapa li a:hover {
	text-decoration:underline;
}

ul.ul_mapa ol  {
	list-style-image:none;
	list-style-position:inside;
	list-style-type:disc;
}
