body {
background-color: #fff;
font-family: Arial;
font-size: 14px;
color: #444;
line-height: 150%;
text-align: center;
}





h1 {
color: #0293d8;
font-size: 32px;

margin: 30px 0 30px 0;
}


h2 {
color: ##0293d8;
font-size: 22px;

margin: 30px 0 30px 0;
}

h3 {
color: #fff;
font-size: 22px;
line-height: 1.3;
}

h3.white {color: #fff; margin: 0px;}
a.white {color: #fff;}

h3.odstep {margin-top: 30px;}

h4 {
font-weight: normal;
font-size: 15px;
margin: 0 0 7px 0;

line-height: 110%;
color: #0293d8;
}

h5 {
font-weight: normal;
font-size: 18px;
margin: 25px 0 20px 0;
font-family: 'PT Sans', sans-serif;
line-height: 110%;
}

h5.mainhead {
color: #777;
margin: 0 0 15px 0;
}

h6 {
font-weight: normal;
font-size: 14px;
margin: 0 0 0 0;
line-height: 110%;
}



.cytat {color: #777; font-size: 16px;}

.quote {font-size: 32px; font-family: 'PT Sans', sans-serif;}

a {text-decoration: none; color: #0293d8;} 

/* pierwotny kolor linku: 0e7cc2 6283B4 */

a.wiecej-aktualnosci {color: #faba00; font-weight: bold;}
a.wiecej-ksiazki {color: #e41c3f; font-weight: bold;}

a.menu:hover {filter:alpha(opacity=65);
opacity: 0.65;}

a:hover {text-decoration: underline;
filter:alpha(opacity=65);
opacity: 0.65;}

a.tekst {color: none;}
a.tekst:hover {text-decoration: underline;}

a.menu {color: #fff; margin-right: 30px; font-weight: bold;}
a.menu2 {color: #fff; margin-right: 10px; font-weight: bold;}


p.adres {font-size: 10px; color: #666677;}
p.podpis, a.tekst {font-size: 11px; color: #777; line-height: 130%;}
p.podpisik {font-size: 9px; color: #777; margin: -7px 0 -3px 0; text-transform:uppercase;}

p.szar {color: #777;}

a.dl:hover {position: relative; top: 3px;}

a.menu3:hover {filter:alpha(opacity=65);
opacity: 0.65;}

li {margin-bottom: 5px;}

.wiecej {text-align: right; font-size: 12px;}

#corpus {
}


#baner {
background-color: #0293d8;
background: url("graph/tlo.png") repeat-x;
position: relative;
margin-left: auto;
margin-right: auto;
top: 10px;
left: -10px;
width: 101%;
height: 215px;
}

#links{
width: 101%;
background-color: #C8CC16;
padding: 7px 0 0 0;
height: 28px;
margin-top: 8px;
position: relative;
left: -10px;
}

#links2{
width: 101%;
background-color: #cc3333;
position: relative;
left: -10px;
font-size: 11px;
}



.bar{
width: 830px;
background-color: #C8CC16;
padding: 7px 0 0 10px;
height: 28px;
margin-top: 40px;
position: relative;
color: #fff;
font-weight: bold;
}


#nav {width: 870px; text-align: left;}

#nav2 {width: 870px; text-align: left; position: relative; margin-top: 5px;}

#nav3 {width: 870px; text-align: left; margin: 20px 0 0 0;}



.navbutt, .navbutt2 {
color: #777;
float: left;
border-right: 1px solid #777;
padding-right: 10px;
font-weight: normal;
font-size: 20px;
margin: 0 10px 7px 0;
font-family: 'PT Sans', sans-serif;
}

.navbutt2 {
border-right: 0;
margin-right: 0;
padding-right: 0;
}

#logo {position: absolute; left: 50%; top: 0; margin-left: -435px; }

#logoibe {position: absolute; left: 50%; top: 90px; margin-left: 240px; }

#projekt {position: absolute; left: 50%; top: 42px; margin-left: -226px; width: 350px;}
#bwslogo {position: absolute; left: 50%; top: 30px; margin-left: 75px; width: 360px;}


#container {
margin: 50px 0 100px 0;
width: 870px;
min-height: 400px;
background: #fff;
text-align: left;
display: block;
}

#niusy {
float: right;
width: 280px;
margin: 30px 0 30px 60px;
min-height: 300px;}

#main {
float: right;
width: 530px;
margin: 0 0 30px 0;
min-height: 600px;}

#aktual {
background-color: #0293d8;
width: 250px;
padding: 2px 10px;
color: #fff;
}

.nius {
margin: 30px 0 0 0;
border-bottom: 1px solid #ddd;
min-height: 200px;
width: 500px;
}

.niusik {
margin: 30px 0 0 0;
border-bottom: 1px solid #ddd;
min-height: 150px;
width: 270px;
}

.obraz {
max-width: 300px;
margin: 0 0 20px 20px;
float: right;
}

.obrazek {
float: left;
margin: 0 20px 0 0;
width: 150px;
}

.obrazeczek {
float: left;
margin: 0 10px 0 0;
width: 80px;
}

.obrazeczek2 {
float: left;
margin: 0 0 0 0;
width: 80px;
max-height: 100px;
}


.obr {
float: left;
margin: 0 20px 0 0;
width: 80px;
height: 120px;
font-size: 11px; line-height: 100%;
}


.tekst {
float: left;
width: 330px;
margin: -20px 0 0 0;
}


.button, .button3 {
width:200px;
height: 150px;
background-color: #0293d8;
color: #fff;
font-weight: bold;
text-align: center;
padding: 10px;
margin: 20px 20px 40px 20px;
border-radius: 25px;
align-items: center;
}

.button {
float: left;}

.button3 {
float: center;}

.podp {font-size: 12px; line-height: 1.2;}

#buttons {
margin: auto;
text-align: center;

width: 520px;
}

.row {
width: 100%;}



#stopka {margin: 50px 0 50px 0; width: 870px; top: 80px; font-size: 12px; float: left; color: #999;}

.kwadracik {
margin: 30px 30px 0 0;
width: 187px; 
float:left;
}




p.infored {color: #ff0000;}



/* ------------ inputy i tabele ----------------- */
table {
border-style: solid;
border-width: 1px;
border-color: #aaaacc;
}


}

td {
font-size: 12px;
color: #333333;
padding: 5px;
}


td.k1 {width: 10px;}
td.k2 {}
td.k5 { font-size: 10px; line-height: 100%;}
td.k3 {width: 60px;}
td.k4 {width: 140px; font-size: 10px; line-height: 90%;}
td.k6 {width: 30px;}

td.k1, td.k2, td.k3, td.k4 {}

table.rap { 
    border-spacing: 2px 10px;
    border-collapse: separate;
}



label {color: #0293d8; font-size: 11px; }

input {width: 500px; font-size: 10px;}
input.mini {width: 100px;}
input.mikro {width: 40px;}
input.medium {width: 200px;}
input.med {width: 400px;}

table, tr, td {margin-bottom: 10px; border: 0;}

th { padding-bottom: 10px;}

td {padding: 5px; background-color: #eeeeee;}
td.green {background-color: #f5f5f5;}
td.red {background-color: #ddd;}
td.white {background-color: #ffffff;}

td.download1 {padding: 10px; width: 300px;}

table {
margin-top: 10px;
}

td.malutkie {
font-size: 10px;
}



td.tyt {width: 400px;}
td.term {width: 80px; text-align: center;}
td.cena {width: 40px; text-align: center;}

table.szkolenie {width:530px;}

.ang {background: #e1e9ef; padding: 5px;}


/* ------------ koniec inputy i tabele ----------------- */