body
{
    color: #000000;
    background-color: #102040;
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-family: Arial, Verdana, Tahoma;

    scrollbar-track-color: #ffffff;
    scrollbar-face-color: #e0e9bc;
    scrollbar-base-color: #c4cca5;
    scrollbar-highlight-color: #e0e9bc;
    scrollbar-darkShadow-color: #e0e9bc;
    scrollbar-shadow-color: #c4cca5;
    scrollbar-arrow-color: #666666;
}

a
{
    color: #cc0000;
    text-decoration: none;
}

a:hover
{
    color: #660000;
    text-decoration: underline;
}

a.sitemap
{
    color: #cc0000;
    text-decoration: none;
}

a.sitemap:hover
{
    color: #660000;
    text-decoration: underline;
}

ul
{
    margin-left: 25px;
    padding: 0;
}

li
{
    list-style-image: url('../img/_kostka.gif');
    margin: 0;
    padding: 0;
}

li a
{
    font-size: 12px;
}

div.stopka
{
    font-size: 10px;
    color: #AADDFF;
}

div.stopka a
{
    font-size: 10px;
    color: #AADDFF;
    text-decoration: none;
}

div.stopka a:hover
{
    font-size: 10px;
    color: #FFFFFF;
    text-decoration: underline;
}

.sp01
{
    width: 772px;
    height: 14px;
    font-size: 1px;
    background: #ffffff url('../img/ospn_sp01.jpg') no-repeat;
}

.sp02
{
    width: 772px;
    height: 69px;
    background: #ffffff url('../img/ospn_sp02.jpg') no-repeat;
}

.sp03
{
    width: 772px;
    height: 33px;
    background: #ffffff url('../img/ospn_sp03.jpg') no-repeat;
}

.sp04
{
    width: 772px;
    height: 122px;
    background: #ffffff url('../img/ospn_sp04.jpg') no-repeat;
}

.sp05
{
    width: 772px;
    height: 38px;
    background: #ffffff url('../img/ospn_sp05.jpg') no-repeat;
}

h1
{
    margin-bottom: -8px;
}

h2
{
    border: solid red 1px;
    float: right;
    width: 100px;
    margin: 0;
    padding: 0;
    line-height: 1em;
}

h3
{
    margin: 0px;
    padding: 0px;
}

h4
{
    width: 680px;
    margin: 0 40px 0 0;
    padding: 0px;
}

.article-entry
{
	width: 600px;
	overflow: hidden;
    font-size: 12px;
    color: #000000;
    margin: 5px 5px 0 5px;
}

.article-title
{
    margin-left: 20px;
}

.article-body
{
    font-size: 12px;
    margin-left: 20px;
    margin-right: 20px;
    text-align: justify;
}

.article-entry-mini
{
    color:#666;
    margin-top:5px;
    margin-left:15px;
    margin-right:35px;
}

td.no-border > div.article-entry
{
    margin:0;
    margin-top:5px;
}

.home 
{
    margin: 5px;
    padding: 0;
    width: 11px;
    height: 9px;
    overflow: hidden;
    display: block;
    font-size: 1px;
    text-decoration: none;
    line-height: 10px;
    text-align: center;
    color: #cc0000;
    cursor: pointer;
    font-weight: bold;
    float: left;
    background: transparent url('../img/ospn_homepage.gif') no-repeat top;
}

.home:hover
{
    color: #b20000;
    text-decoration: none;
    background: transparent url('../img/ospn_homepage.gif') no-repeat bottom;    
}

.mapa {
    margin: 5px;
    padding: 0;
    width: 11px;
    height: 9px;
    overflow: hidden;
    display: block;
    font-size: 1px;
    text-decoration: none;
    line-height: 10px;
    text-align: center;
    color: #cc0000;
    cursor: pointer;
    font-weight: bold;
    float: left;
    background: transparent url('../img/ospn_sitemap.gif') no-repeat top;
}

.mapa:hover 
{
    color: #b20000;
    text-decoration: none;
    background: transparent url('../img/ospn_sitemap.gif') no-repeat bottom;    
}


.kontakt {
    margin: 5px;
    padding: 0;
    width: 11px;
    height: 9px;
    overflow: hidden;
    display: block;
    font-size: 1px;
    text-decoration: none;
    line-height: 10px;
    text-align: center;
    color: #cc0000;
    cursor: pointer;
    font-weight: bold;
    float: left;
    background: transparent url('../img/ospn_post.gif') no-repeat top;
}

a.kontakt:hover
{
    color: #b20000;
    text-decoration: none;
    background: transparent url('../img/ospn_post.gif') no-repeat bottom;    
}

a.button {
    margin: 0;
    padding: 0;
    width: 94px;
    height: 21px;
    overflow: hidden;
    display: block;
    font: 12px Arial;
    text-decoration: none;
    line-height: 21px;
    text-align: center;
    color: #996633;
    font-weight: bold;
    background: url('../img/ospn_sbutton.gif') no-repeat top;
}


a.button:hover 
{
    background: url('../img/ospn_sbutton.gif') no-repeat bottom;    
}

.alert
{
    margin:5px;
    font-size:12px;
    color:#62A700;
    font-weight:bold;
}

.alert:before
{
    content:url(../img/ok_ico.gif);
    margin-right:3px;
}

.alerterror:before
{
    content:url(../img/alert_ico.gif);
    margin-right:3px;
}
        
.alerterror
{
    font-size:12px;
    color:#DA0000;
    font-weight:bold;
}
    
div.blad
{
    border: 1px solid red;
    background-color: yellow;
    color: red;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    padding: 20px;
    margin: 20px;
}

div.info
{
    border: 1px solid #669966;
    background-color: #CCFFCC;
    color: #669966;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    padding: 20px;
    margin: 20px;
}

div.strony
{
}

div.navi_icon
{
    position: relative;
    top: 10px;
    float: left;
}

div.menu
{
    position: relative;
    top: -15px;
    float: right;
}

div.arbtitle
{
    float: left;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 10px;
}

div.arbtime
{
    float: right;
    padding-top: 10px;
    margin-bottom: 5px;
    font-size: 11px;
    color: #999999;
}

div.arbbody
{
    clear: both;
    margin-left: 15px;
}

div.arbmore
{
    text-align: right;
    font-size: 11px;
    margin-bottom: 40px;
}

div.arstitle
{
    float: left;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 2px;
}

div.arstime
{
    float: right;
    padding-top: 5px;
    margin-bottom: 2px;
    font-size: 11px;
    color: #999999;
}

div.arsseparator
{
    clear: both;
}

div.komentarze
{
    clear: both;
    font-size: 11px;
    text-align: left;
    width: 500px;
    margin: 25px;
    color: #666666;
}
    
a.link_kom
{
    color: #CC0000;
    text-decoration: underline;
}
    
a.link_kom:hover
{
    color: #660000;
    text-decoration: underline;
}

input.tekst
{
    font-family: Arial;
    font-size: 12px;
    border: 1px solid #cccccc;
}

textarea.tekst
{
    font-family: Arial;
    font-size: 12px;
    border: 1px solid #cccccc;
}

.sbutton
{
    border: none;
    margin: 0;
    padding: 0;
    width: 94px;
    height: 21px;
    overflow: hidden;
    display: block;
    font: 12px Arial;
    text-decoration: none;
    line-height: 21px;
    text-align: center;
    color: #996633;
    font-weight: bold;
    background: url('../img/ospn_sbutton.gif') no-repeat top;

}

.sbutton:hover
{
    background: url('../img/ospn_sbutton.gif') no-repeat bottom;    
}