@import url(reset.css);


#generated { display: none; }

/* _______________________________________________________________ GLOBALNIE */
body { font-family: Trebuchet MS, Verdana, Arial, sans-serif; font-size:14px; line-height:1.4em; text-align:center; }
body { background-color:#FFF; color:#333333;}

a {	color: #036; text-decoration:underline; }
a:hover { color:#000; text-decoration: none }
a img {border:0px;}
p { margin-bottom:1em; }
ul { margin-bottom:1em}

/* _______________________________________________________________ CLASS GLOBALNIE */
.float-left, .doLewego		{ float:left; }
.float-right, .doPrawego	{ float:right; }
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.wersalik { text-transform:uppercase }

.zawartosc { width:900px; text-align:left; margin:0px auto; }


/* _______________________________________________________________ CZYSZCZENIE */
.clearfix:after	{ content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix{ display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.spacer { clear:both; height:0px; font-size:1px; line-height:0px; }

/* _______________________________________________________________ TABY */
#menu { width:100%; font-size:12px; background:#CCC url(img/menu.gif) repeat-x; height:50px;}
.tabs  li { float:left; height:50px; margin:0px}
.tabs  li a { background:#CCC url(img/menu.gif) repeat-x; color: #666; display:block; line-height:50px; padding:0 30px; text-align:center; text-decoration:none}
.tabs  li a:hover { background:#FFF url(img/menu-over.gif) repeat-x;  color: #999; text-decoration:underline; }
.tabs  li a.selected { background:#FFF url(img/menu-over.gif) repeat-x;  color: #333;   }


#naglowek { background-color:#000; width:100%;  }
#naglowek .zawartosc { height:240px; background:#000 url(img/naglowek.jpg) top right no-repeat; position:relative }
#naglowek .zawartosc h1 { width:370px; height:120px; position:absolute; top:60px; left:60px; background-image:url(img/tytul.gif);}
#naglowek .zawartosc h1 a {width:100%; height:100%; display:block }
#naglowek .zawartosc h1 a span { display:none }


.tresc { padding:30px; width:840px; text-align:justify}
.kolumna-lewa { float:left; width:410px; }
.kolumna-prawa { float:right; width:410px }

#wwf h3 { background-color:#000; padding:10px; color:#FFF; text-align:left; margin-top:10px }
#wwf h3 a { color:#CCC; text-decoration:none }
#wwf h3 a:hover { color:#FFF; text-decoration: underline }
#wwf h3 em { font-size:12px; letter-spacing:0px; font-style:normal; display:block}

#wwf .rozwin { background-color:#000; color:#FFF; padding-bottom:10px;}
#wwf .rozwin p { padding:0 10px;}
#wwf .rozwin a { text-decoration:none; color:#CCC; font-size:12px;}
#wwf .rozwin a:hover { text-decoration: underline; color: #FFF}

#kursy h3 { background-color:#000; padding:10px; color:#FFF; text-align:left; margin-top:10px; margin-bottom:10px; }
#kursy ul { list-style:outside disc; text-align:left }
#kursy ul ul { list-style-type:circle; margin-bottom:0px }
#kursy ul li { margin-left:2em; margin-bottom:1em; }
#kursy ul ul li { margin-bottom:0px}

.kurs { margin-bottom:30px; }

/* _______________________________________________________________ H3, H4, H5, H6 */
h2, h3, h4, h5, h6 { font-weight:normal; letter-spacing:-1px; font-family: Lucida Sans Unicode, Corbel, Trebuchet MS, Verdana, sans-serif; }
h2 { font-size:22px; line-height:1em; margin-bottom:10px; }
h3 { font-size:18px; line-height:1.2em;   }
h4 { font-size:16px; line-height:1.2em; letter-spacing:0px; }
h5 { font-size:14px; line-height:1.2em; letter-spacing:0px; }
h6 { font-size:14px; line-height:1.2em; letter-spacing:0px; }