/* Content Css */
BODY
{
background-color:#000000;
margin: 5px 5px 5px 5px;
}

/* TABELE */

table.main
{
width: 781px;
background-color:#3d3d3d;
border: none;

}

td.main
{
width: 781px;
background-color:#3d3d3d;
border: none;
}

td.logo
{
width: 781px;
background-image:url(../img/site/logo.png);
}

td.menubar
{
padding-left: 15px;
width: 781px;
background-image:url(../img/site/menu_bar.png);
text-align:left;
}

table.lmenu
{
width: 195px;
border: none;

}

table.in
{
width: 768px;
border: none;
padding: 0px;
margin: 0px;
}

a.menubar
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#000000;
text-decoration: none;
}

a.menubar:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#ffffff;
text-decoration: none;
}

a.lmenu  /* menu dla nawigacji - z lewej (Drzewo działu...) */
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
text-decoration: none;
}

a.lmenu:hover /* menu dla nawigacji - z lewej (Drzewo działu...) */
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #FF9900;
text-decoration: none;
}


a.lmenu2  /* nawigacja w content - glowne dzialy faq (podstawy, pierwsze kroki, konfiguracja itp.) */
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
text-decoration: none;
font-weight: bold;
}

a.lmenu2:hover  /* nawigacja w content - glowne dzialy faq (podstawy, pierwsze kroki, konfiguracja itp.) */
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #FF9900;
text-decoration: none;
}

a.lmenuactive
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #FF9900;
text-decoration: none;
}

/* DIVY */ 

div.lmenu-top
{
width: 195px;
height: 5px;
background-image:url(../img/site/lmenu_up.png);
background-repeat: no-repeat;
padding: 0;
margin: 0;

}

div.lmenu-bg
{
width: 195px;
background-image: url(../img/site/lmenu_bg.gif);
background-repeat: repeat-y;

}

div.lmenu-bottom
{
width: 195px;
height: 5px;
background-image: url(../img/site/lmenu_bottom.png);
background-repeat: no-repeat;
padding: 0;
margin: 0;

}

div.content-top
{
width: 570px;
height: 5px;
background-image:url(../img/site/content_up.png);
background-repeat:no-repeat;
margin: 0;
}

div.content-bg
{
width: 570px;
background-image:url(../img/site/content_bg.png);
background-repeat:repeat-y;
}

div.content-bottom
{
width: 570px;
height: 5px;
background-image:url(../img/site/content_bottom.png);
background-repeat:no-repeat;
margin: 0;

}

/* TEKST */

p.lmenu
{
display: table-cell;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color:#FFFFFF;
padding-left: 5px;
padding-right: 5px;

}

ol.lmenu
{
display: table-cell;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color:#FFFFFF;
list-style-type: decimal;

}


ol.content
{
display: table-cell;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color:#FFFFFF;
list-style-type: decimal;
text-align: left;
padding-top: 13px;

}



p.content
{
display: table-cell;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#FFFFFF;
text-align: left;
padding-left: 5px;
padding-right: 5px;

}


h6
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#999999;
}

h3
{
display: table-cell;
font-family: cursive, Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
}

.distance-c
{
font-size: 3px;

}

.distance-l
{

font-size: 3px;
color: #FFFFFF;
font-family:Arial, Helvetica, sans-serif;

}

.spn    /* Span dla lmenu */
{
font-size: 12px;
margin-left: 15px;
font-style: italic;

}

.spn2
{
font-size: 12px;
color: #FFFFFF;

}

a.spn2   /* Span dla content */
{
font-size: 12px;
color: #FFFFFF;
}

.tooltip  /* deklaracja dla skryptu random - losowy zrzut ekranu */
{
   position: absolute;
   top: 0;
   left: 0; 
   
}


h1
{

font-size: 20px;
color: #FFFFFF;
padding-left: 10px;
text-align: left;
}

ul
{
display: table-cell;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color:#FFFFFF;
text-align: left;
}

strong
{
font-size: 12px;
text-align: left;
color: #FFFFFF;
}


em /* wyroznienie tekstu */
{
color: #Ff6666;
}



li.tableinfo  /* prosta "tabelka"  informacyjna */
{
list-style-type: none;
border: solid;
border-width: 1px;
font-size: 12px;
color: #FFFFFF;
background: #000000;
padding: 5px;
width: 343px;
margin-left: 60px;
}


.spn3  /* marginesy (wysrodkowanie) dla pozycji wyżej - zrobiona tymczasowo, ale jednak zostala ;p*/
{
margin-left: 15px;
padding-right: 250px;

}


a.link    /* kolor dla wybranej pozycji (rozdzialu) w menu */
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #FF9900;
text-decoration: none;
}

.img /* dla screenshots */
{
float: right;
border: thick double;
border-color: #666666;
margin: 5px 10px 5px 20px;
text-align: left;
}

.img2 /* dla screenshots, ale ustawienia po lewej stronie */
{
float: left;
border: thick double;
border-color: #666666;
margin: 15px 10px 5px 80px;
text-align: left;
}

.spn4
{
float: left;
border: solid;
border-width: 1px;
background: #000000;
padding: 5px;

}

.tips  /* tabelka z krotka informacja przy obrazkach */
{
border: solid;
border-width: 1px;
font-size: 11px;
color: #FFFFFF;
background: #000000;
padding: 5px;
width: auto;
font-family:Arial, Helvetica, sans-serif;
text-align: left;
margin: 65px 10px 0px 35px;
}


.tips2 /* tabelka z krotka informacja - przykład zastosowania - konf_wtyczki.html */
{
border: solid;
border-width: 1px;
font-size: 11px;
color: #FFFFFF;
background: #000000;
padding: 5px;
width: auto;
font-family:Arial, Helvetica, sans-serif;
text-align: left;
margin: 10px 0px 15px 0px;
}



.category
{

font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: left;
list-style-type: square;
color: #FF9900;

}


li.plug
{
margin-left: 30px;
}


ol.im /* Sieci - a) b) c) d) itp... */
{
display: table-cell;
list-style-type: upper-alpha;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
text-align: left;
}

.made /* tworzenie dodatkow, wyrozniki */
{
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: left;
color: #FFFFFF;
text-decoration: underline;
}


.pre
{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#FFFFFF;
text-align: left;
padding-left: 5px;
padding-right: 5px;
border: solid;
border-width: thin;
margin: 15px 70px 20px 80px;
}

li.lmenu
{
margin-left: -20px;
}