BODY
{
    background: #E7F1F6;
    margin: 10px 0 0 0;
    color: #444;
    min-width: 1024px;
}

body, a
{
    font-size: 12px;
}

A
{
    color: #016f93;
    text-decoration: none;
    z-index: 1;
}
A:HOVER
{
    color: #DB0202;
}

H1, H2, H3, H4, H5, H6
{
    border-bottom: 1px solid #CCC;
    color: #666;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 0;
}
H1
{
    font-size: 15px;
}
H2
{
    font-size: 14px;
    margin: 0 0 20px 0;
}
H3
{
}
H3, H4, H5, H6
{
    font-size: 13px;
}

SUP
{
    top: -4px;
}

/* Dogodek */
.dogodek {
    margin-bottom: 20px;
}

/* Header */
.header
{
    -webkit-border-radius: 4px;
    moz-border-radius: 4px;
    border-radius: 4px;
    background: #0098CC url(Images/Banner.jpg) no-repeat top left;
    height: 170px;
    position: relative;
    margin: 0 0 10px 0;
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.4);
    box-shadow: 0 2px 2px rgba(0,0,0,0.4);
    padding: 20px 0 0 0;
}

/* Article */
article
{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #FFF;
    border: 1px solid #CCC;
    float: right;
    height: auto;
    padding: 20px;
    width: 550px;
}
article p
{
    margin: 0 0 20px 0;
}
article img
{
    float: left;
    margin: 6px 10px 0 0;
}

/* Highlighted Paragraphs */
.highlight-1, .highlight-2, .highlight-3
{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 5px 10px;
}
.highlight-1
{
    background: #FFCCCC;
    border: 1px dotted #FF9966;
}
.highlight-2
{
    background: #FFFF99;
    border: 1px dotted #FFCC33;
}
.highlight-3
{
    background: #CCFF99;
    border: 1px dotted #CCCC33;
}

/* Citations & Quotes */
cite
{
    border-left: 2px solid #0098CC;
    color: #666;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    margin: 0;
    padding: 5px 10px;
}

blockquote
{
    border-left: 2px solid #0098CC;
    color: #666;
    margin: 0 0 20px 0;
    padding: 5px 10px;
}

/* Pre & Code */
pre
{
    color: #333;
    font-size: 10px;
    line-height: 15px; /*--Height of each line of code--*/
    overflow: hidden; /*--If the Code exceeds the width, put "auto" and scrolling is available--*/
    overflow-y: hidden; /*--Hides vertical scroll created by IE--*/
}
pre code
{
    background: #EEE;
    border-left: 2px solid #0098CC;
    margin: 0 0 10px 0;
    padding: 5px;
    display: block;
}

/* Calendar */
dl.vevent
{
    margin: -20px 0 20px 0;
    padding: 0;
}
.vevent dt
{
    font-size: 10px;
    position: relative;
    left: 0;
    top: 22px;
    font-weight: bold;
}
.vevent dd
{
    border-left: 2px solid #0098CC;
    font-size: 11px;
    margin: 0 0 0 80px;
    padding: 0 0 0 10px;
}
dd.summary
{
    font-weight: bold;
}
.vevent a
{
    font-size: 11px;
}

/* Forms */
article form
{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #DDD;
    margin: 0 0 20px;
    padding: 10px;
}
article label
{
    color: #666;
    display: block;
    font-size: 10px;
    font-weight: bold;
    margin: 0 0 0 2px;
}
article input, article textarea
{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #CCC;
    padding: 4px 5px;
    font-family: Verdana;
    font-size: 12px;
}

article textarea
{
    width: 458px;
    height: 150px;
}

article input.button, .btn
{
    background: #999;
    border: 1px solid #888;
    color: #FFF;
    cursor: pointer;
    font-weight: bold;
    margin: 10px 0 0 0;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    width: 25%;
    font-family: Verdana;
    font-size: 12px;
}

/* Lists */
article ul, aside ul
{
    list-style: none;
    margin: 0 0 20px 0;
}
article ul
{
    margin: 0 0 20px 23px;
}
article ul li
{
    background: url(Images/ai2.png) no-repeat 0 8px;
    padding: 0 0 0 17px;
}

/* Sidebar */
aside
{
    background: #EEE;
    float: left;
    margin: 0 0 20px 0;
    width: 200px;
}

/* Search Box */
.s
{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 0 0 20px 0;
    padding: 10px;
    width: 179px;
}
.s input
{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #AAA;
    color: #999;
    font-size: 12px;
    padding: 4px 5px;
    width: 168px;
}

/* Gallery */
.gallery
{
    list-style: none;
    margin: 0 0 10px;
}
.gallery li
{
    display: inline;
    margin: 0 10px 0 0;
}
.gallery a img
{
    border: 1px solid #999;
    height: 50px;
    opacity: 0.9;
    padding: 1px;
    width: 50px;
}
.gallery li:last-child
{
    margin: 0 0 10px 0;
}
.gallery a img:hover
{
    opacity: 1;
}

.gallery-page img {
    float: none;
}

.gallery-page h2 {
    margin-top: 18px;
}

/* Ad Space */
.adspace
{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.3);
    box-shadow: 0 2px 2px rgba(0,0,0,0.3);
    background: #EEE;
    height: 100%;
    margin: 0 0 20px 0;
    padding: 5px 10px;
    text-align: center;
    width: 178px;
}
.adspace a img
{
    border: none;
}

/* Tag Cloud */
#tagcloud
{
    overflow: hidden;
    width: 200px;
}
#tagcloud li
{
    display: inline;
    margin: 0 10px 0 0;
}
.tagcloudsize-1 a
{
    font-size: 14px;
}
.tagcloudsize-2 a
{
    font-size: 16px;
}
.tagcloudsize-3 a
{
    font-size: 18px;
}

/* Wrappers */
#a, #b
{
    margin: 0 auto;
    position: relative;
}
#a
{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.3);
    box-shadow: 0 2px 2px rgba(0,0,0,0.3);
    background: #EEE;
    padding: 10px 10px 0 10px;
    width: 800px;
}
#b
{
    overflow: hidden;
}

/* Shadow-Boxes*/
#c, .aside-box, .meta, .s {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
    background: white;
}

.aside-box {
    margin: -10px;
    padding: 10px;
    margin-bottom: 0;
}

#c
{
    margin: 0 0 20px 0;
    padding: 5px 10px;
    width: 178px;
}
#c p, #c a
{
    font-size: 11px;
    line-height: 15px;
}
#c p
{
    margin: 0 0 10px 0;
}
#c img
{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    float: left;
    margin: 4px 10px 2px 0;
}
.meta
{
    margin: 20px 0 3px;
    padding: 2px 5px;
}

.meta p, .meta a
{
    font-size: 10px;
    margin: 0;
}

.contact-img
{
    float: none;
    margin: 5px;
    height: 15px;
    vertical-align: middle;
}

.aside-box h5, .aside-box h5 a{
    border-bottom: none;
    font-weight:normal;
    color: #016f93;
    font-size: 13px;
}