. { font-size: 11px }
.spBar { font-weight: bold; color: #ffffff; font-size: 13px; padding: 3px; padding-left: 5px; font-family: Arial }
.spMenuMain, .spMenuMainS, .spMenuItem, .spMenuItemS, .spHeader, .spTitle, .spTxt, .spLink, .spMore, .spBoxTxt, .spBoxTxt9, .spBox, .spBoxMore { font-family: Verdana, Helvetica, sans-serif }
.spMenuMain, .spMenuMainS, .spMenuItem, .spMenuItemS { font-size: 10px }
.spHeader, .spTxt, .spLink, .spTitle, .spMore { font-size: 11px }
.spBox, .spBoxTxt, .spBoxMore { font-size: 10px }
.spBoxTxt9 { font-size: 9px }
.spMenuMain, .spMenuItem, .spTxt, .spLink, .spTitle, .spMore { color: #202e80 }
.spMenuMainS, .spMenuItemS, .spMore, .spBoxMore { color: #d92119 }
.spMenuMain, .spMenuMainS, .spTitle, .spHeader { font-weight: bold }
.spLink { text-decoration: underline }
.spMenuMain, .spMenuItem, .spMore, .spBoxMore, .spTitle { text-decoration: none }
.spMenuMain:hover, .spMenuItem:hover, .spMore:hover, .spBoxMore:hover, .spTitle:hover { text-decoration: underline }
.spHeader { color: #414d93 }
.spBoxBottom { background-image: url('/gfx/sp/tb-bt.gif'); width: 170px; height: 8px }
.spBox { padding: 3px; border-left: 1px solid #a6abcc; border-right: 1px solid #a6abcc; text-align: left }
.cf_table { background-color: #999999; border-style: hidden; border-spacing: 1px}
.cf_theader { background-color: #202e80; font-weight: bold; color: #ffffff; vertical-align: middle }
.cf_tdata { background-color: #FFFFFF }
.edit { color: #cc0033; }

/*
 * style dla gratisow
 *
 */
 
#grMenu {
    margin:0;
    padding: 15px 0 0 0;
    list-style: none;
    clear: both;
    height: 25px;
}

#grMenu li {
    display: block;
    margin: 0;
    padding: 0;
    float:left;

}

#grMenu a {
    display:block;
    color:#444;
    text-decoration:none;
    padding: 3px 35px 3px 35px;
    background: url(/gfx/sp/tab_bg.gif) no-repeat;    
    position: relative;    
    border-bottom: 2px solid #a4a4a4;
}

#grMenu a:hover {
    text-decoration: underline;    
}

#grMenu a.active {
    background: url(/gfx/sp/active_tab_bg.gif) no-repeat;
    color: #fff;
    font-weight: bold;
}

#grMenu #grLink_1 { left: 0px;   }
#grMenu #grLink_2 { left: -30px; }
#grMenu #grLink_3 { left: -60px; }

#grContent {
    clear: both;
    margin-top: 15px;
}

#grContent pre {
   padding: 0;
   margin: 3px;
} 
#grContent h4 {
   font-size: 1em;
   width: 40%;
   margin: 0;
   padding: 0;
} 

#grContent pre code {
   border: 1px solid #a4a4a4;
   background-color: #eeeeee;
   color: #444;
   padding: 0;
   margin: 0;
   display: block;
   font-family: Verdana;
}

#grContent a, a:visited {
   color: #202e80;
}

#grContent h2 {
   font-size: 1.2em;
/*   text-decoration: underline; */
   color: #202e80;
   margin-left: 0;
   font-weight: bold;
   padding-left: 0;   
   margin-bottom: 4px;
   padding-bottom: 0;
   margin-top: 5px;
}
   

.warn { 
  border: 1px solid red;
  background-color: #ffa7a3; 
  padding: 5px;
  color: #000; }

#navcontainer { margin-left: 30px; }

#navcontainer ul
{
   margin: 0;
   padding: 0;
   list-style-type: none;
}

#navcontainer li { margin: 0; }

#navcontainer a {
   display: block;
   color: #333;
   background-color: transparent;
   width: 240px;
   padding: 2px 10px;
   text-decoration: none;
   border-top: 1px solid #aaa;
   border-bottom: 1px solid #aaa;
   border-left: 1px solid #aaa;
   font-size: 12px;
}

#navcontainer a:hover {
    background-color: #ddd;
    color: #333;
    border-right: 10px solid #aaa;
    padding: 2px 1px 2px 10px;
}

#navcontainer ul ul {
    margin-left: 30px;
    padding: 0;
    list-style-type: none;
}

#navcontainer li li a {
    display: block;
    color: #333;
    background-color: transparent;
    width: 210px;
    padding: 2px 10px;
    margin: 0;
    border-top: none;
    border-bottom: none;
    border-left: 1px solid #aaa;
    text-decoration: none;
    font-size: 12px;
}