html, body
{
    padding: 0px;
    margin: 0px;
    border: 0px;
    font-size: 12px;
    font-family: Arial,Helvetica,sans-serif;
    text-decoration: none;
    font-weight: normal;
    color: #59595b;
    line-height: 16px;
}

body
{
    background-image: url(img/page-bg.jpg);
    background-repeat: repeat-y;
    background-position: center;
}

.centerPage
{
    position: absolute;
    display: block;
    left: 50%;
    margin-left: -433px;
    width: 867px;
    min-width: 867px;
}

.top-text
{
    color: white;
    display: block;
    float: left;
    margin-left: 35px;
    margin-top: 30px;
}

form, form p
{
    margin: 0px;
    padding: 0px;
    border: 0px;
}

form p .search-text, form p .search-button
{
    position: absolute;
    background-image: url('img/search-text.jpg');
    background-repeat: no-repeat;
    height: 17px;
    width: 142px;
    border: 0px;
    min-height: 17px;
    color: #59595b;
    padding: 0px 2px 0px 2px;
    min-width: 142px;
    display: block;
    margin-top: 32px;
    right: 22px;
}

form p .search-button
{
    background-image: url('img/searchButton.jpg');
    height: 17px;
    width: 17px;
    min-height: 17px;
    min-width: 17px;
    right: 0px;
    cursor: pointer;
}

.top-text strong
{
    color: #cc2228;
    font-size: 20px;
    font-weight: normal;
}

.top-text span
{
    color: #808184;
    font-weight: bold;
    font-size: 13px;
    line-height: 28px;
}

.top a, .top a:hover, .top a:visited, .top a:active
{
    float: left;
}

.leftLogo
{
    width: 104px;
    min-width: 104px;
    height: 106px;
    display: block;
    min-height: 106px;
    background-image: url('img/logo.jpg');
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

.top
{
    margin: 35px 0px 35px 0px;
    width: 867px;
    min-width: 867px;
    height: 96px;
    min-height: 96px;
}

.top img
{
    display: block;
    clear: both;
}

.left
{
    width: 564px;
    min-width: 564px;
    float: left;
}

.right
{
    width: 235px;
    min-width: 235px;
    float: right;
}

.bottom
{
    clear: both;
    margin-top: 30px;
    margin-bottom: 40px;
    padding: 0px 23px 0px 23px;
}

.clearBoth
{
    clear: both;
}

.bottom-left
{
    float: left;
}

.bottom-left a, .bottom-left a:link, .bottom-left a:active, .bottom-left a:visited
{
    color: #59595b;
    text-decoration: underline;
}

.bottom-left a:hover
{
    color: #cc2228;
    text-decoration: underline;
}

.bottom-right, .bottom-right:hover, .bottom-right:visited, .bottom-right:active
{
    float: right;
    color: #cc2228;
}

.bottomRed
{
    color: #cc2228;
    margin: 0px 6px 0px 6px;
}

.pageContent
{
    min-height: 400px;
    background-image: url('img/horizontal-gradient.jpg');
    background-position: 0px 0px;
    background-repeat: repeat-x;
    padding: 23px 23px 0px 23px;
}

.menu-bg
{
    height: 47px;
    width: 867px;
    min-height: 47px;
    min-width: 867px;
    background-image: url('img/menu-bg.png');
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

h1, h2, h3
{
    font-weight: normal;
    font-size: 18px;
    color: #cc2228;
    margin-top: 0px;
}

.left ul li
{
    list-style: none;
    background-position: left top;
    background-image: url('img/li-line.png');
    background-repeat: no-repeat;
    padding: 0px 0px 0px 12px;
}

.left ul.arrow li
{
    background-image: url('img/red-arrow.png');
    background-position: -2px 0px;
    padding: 0px 0px 0px 16px;
}

.left ul
{
    padding: 0px;
    margin: 0px;
}

.left div.mapaWebu ul li
{
    list-style: none;
    background: none;
    padding: 0px;
}

.left div.mapaWebu ul li ul li
{
    padding-left: 12px;
}

.mapaWebu
{
    padding-top: 12px;
}

.left a, .left a:hover, .left a:visited, .left a:active
{
    color: #59595b;
    text-decoration: underline;
}

.violet-box-start, .violet-box-end,
.magenta-box-start, .magenta-box-end,
.yellow-box-start, .yellow-box-end,
.green-box-start, .green-box-end,
.blue-box-start, .blue-box-start2,
.blue-box-end, .blue-box-end2
{
    width: 235px;
    height: 7px;
    min-width: 235px;
    min-height: 7px;
    background-position: top left;
    background-repeat: no-repeat;
    overflow: hidden;
}

.blue-box-start, .blue-box-end
{
    min-width: 564px;
    width: 564px;
}

.blue-box-start
{
    background-image: url('img/blue-box-top.png');
}

.blue-box-end
{
    background-image: url('img/blue-box-bottom.png');
}

.blue-box-start2, .blue-box-end2
{
    min-width: 530px;
    width: 530px;
}

.blue-box-start2
{
    background-image: url('img/blue-box-top2.png');
}

.blue-box-end2
{
    background-image: url('img/blue-box-bottom2.png');
}

.magenta-box-start
{
    background-image: url('img/magenta-box-top.png');
}

.magenta-box-end, .green-box-end
{
    background-image: url('img/magenta-box-bottom.png');
    margin-bottom: 16px;
}

.magenta-box-content, .green-box-content, .blue-box-content, .blue-box-content2, .yellow-box-content, .violet-box-content
{
    width: 213px;
    min-width: 213px;
    overflow: hidden;
    border-width: 1px;
    background: white;
    border-style: none solid none solid;
    border-color: #d97aae;
    padding: 6px 10px 6px 10px;
}

.magenta-box-content strong
{
    color: #b6d054;
    border: 1px #b6d054;
    border-style: none none solid none;
    padding-bottom: 6px;
    display: block;
}

.green-box-content strong, .violet-box-content strong
{
    display: block;
    border: none;
}

.violet-box-content strong
{
    border-color: #a64d94;
    color: #a64d94;
}

.violet-box-content
{
    border-color: #a64d94;
}

.green-box-content a
{
    color: #b6d054;
}

.magenta-box-content strong
{
    color: #d97aae;
    border-color: #d97aae;
}

.magenta-box-content span.date, .magenta-box-content span.title
{
    display: block;
}

.magenta-box-content span.date
{
   color: #d97aae;
   font-weight: bold;
}

.magenta-box-content span.title
{
    font-weight: bold;
}

.magenta-box-content ul li a, .green-box-content ul li a, .violet-box-content ul li a
{
    text-decoration: none;
    color: #59595b;
    background-image: url('img/magenta-arrow.jpg');
    background-repeat: no-repeat;
    background-position: bottom right;
    display: block;
    border: none;
    padding-right: 12px;
}

.green-box-content ul li a
{
   background-image: url('img/green-arrow.jpg');
}

.violet-box-content ul li a
{
    color: #a64d94;
    background-image: url('img/violet-arrow.jpg');
}

.green-box-content ul, .magenta-box-content ul, .violet-box-content ul
{
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.magenta-box-content ul li
{
    padding: 6px 0px 6px 0px;
    border-style: none none solid none;
    border-bottom: 1px solid #89898b;
}

.green-box-content ul li.last, .magenta-box-content ul li.last, .violet-box-content ul li.last
{
    padding-bottom: 0px;
    border-bottom: none;
}

.green-box-content ul li.last
{
    line-height: 14px;
    height: 14px;
}

.green-box-content ul li a
{
    text-decoration: none;
    color: #b6d054;
}

.blue-box-content, .blue-box-content2
{
    border-color: #59ccef;
    width: 542px;
    min-width: 542px;
    background: #f2f9fd;
}

.blue-box-content2
{
    width: 508px;
    min-width: 508px;
    padding-top: 0px;
}

.blue-box-content strong, .blue-box-content2 strong, .blueText
{
    color: #59ccef;
}

.blue-box-content strong, .blue-box-content2 strong
{
    display: block;
}

.green-box-content
{
    border-color: #b6d054;
}

.green-box-start
{
    background-image: url('img/green-box-top.png');
}

.green-box-end
{
    background-image: url('img/green-box-bottom.png');
}

.yellow-box-start, .yellow-box-end
{
    min-width: 271px;
    width: 271px;
    background-image: url('img/yellow-box-top.png');
}

.yellow-box-content
{
    min-width: 249px;
    width: 249px;
    background: #fef9f0;
    border-color: #f7b53c;
}

.yellow-box-end
{
    background-image: url('img/yellow-box-bottom.png');
}

.yellow-box-content strong
{
    color: #f7b53c;
}

.yellow-box-content img
{
    float: left;
    margin: 0px 0px 0px 0px;
}

.violet-box-start
{
    background-image: url('img/violet-box-top.png');
}

.violet-box-end
{
    background-image: url('img/violet-box-bottom.png');
    height: 8px;
    min-height: 8px;
}

.rightBox
{
    float: right;
}

.leftBox
{
    float: left;
}

.ul-title-red
{
    color: #cc2228;
    margin: 0px 0px 4px 0px;
    display: block;
}

.left img
{
    margin: 10px 10px 0px 0px;
}

table.redTable
{
    border-collapse: collapse;
}

table.redTable tr th, table.redTable tr td
{
    border-color: #cc2228;
    color: #cc2228;
    font-weight: bold;
    border-width: 1px;
    border-style: solid none solid none;
    padding: 2px 6px 2px 2px;
}

table.redTable tr td
{
    border-color: #59595b;
    color: #59595b;
    font-weight: normal;
    border-style: none none solid none;
}

.contact-info
{
    float: left;
    margin: 8px 0px 0px 4px;

}

.contact img
{
    float: left;
}

.contact
{
    margin: 0px 0px 22px 0px;
    display: block;
    height: 60px;
    min-height: 60px;
}

ul.spacing li
{
    margin-bottom: 10px;
}

.left .dobrovolnik img
{
    margin: 0px;
    border: none;
}

.dobrovolnik strong
{
    display: block;
    color: #59595b;
    font-weight: normal;
    text-align: center;
}

.dobrovolnik, .dobrovolnik:hover, .dobrovolnik:active, .dobrovolnik:visited
{
   padding: 4px 6px 4px 4px;
   border-style: dashed;
   border-color: #59CCEF;
   border-width: 1px;
   background: white;
   width: 100px;
   min-width: 100px;
   float: left;
   margin-right: 30px;
   margin-top: 10px;
   margin-bottom: 4px;
   display: block;
   text-decoration: none !important;
}

.dobrovolnik-min-right-padding, .dobrovolnik-min-right-padding:hover
{
   margin-right: 10px;
}

div.description
{
   color: #59CCEF;
   margin: 8px;
}

.left a img
{
    border: 1px solid gray;
}

ul.lang
{
   float: right;
   list-style: none;
   margin: 60px 0 0 0;
   padding: 0;
}

ul.lang li
{
    float: left;
    padding: 0px 5px 0px 5px;
    border: 1px solid #cc2228;
    border-style: none solid none none;
}

ul.lang li a, ul.lang li a:visited, ul.lang li a:active
{
   color: #59595b;
}

ul.lang li a:hover
{
   color: #cc2228;
}

ul.lang li.lastLangItem
{ 
    border-right-style: none;
}

div.full
{
   width: 820px;
   min-width: 820px;
}

span.underlineBlock, div.news 
{
    display: block;
    border: 1px #cc2228;
    border-style: none none solid none;
    padding-bottom: 20px;
    height: 100%;
}

div.news div
{
    margin: 8px 0px 0px 0px;
    padding: 0px;
}

div.news span.date, div.news strong.title
{
    display: block;
}

div.news span.date
{
    font-weight: bold;
    color: #cc2228;
    padding: 3px 0px 3px 0px;
}

div.news div.news-right
{
   float: left;
   width: 695px;
   min-width: 695px;
   display: block;
}

div.news div.noImg, div.news a.icon
{
    width: 112px;
    min-width: 112px;
    height: 112px;
    min-height: 112px;
    display: block;
    background: white;
    border: 1px solid #d8d9da;
    float: left;
    margin-top: 12px;
}

div.news a.icon
{
    border: none;
    margin-right: 11px;
}

div.news a.icon img
{
    border: 1px solid #d8d9da;
    margin: 0px;
}

span.newsStatus
{
    display: block;
    margin-top: 6px;
    float: left;
}

a.newsNextButton, a.newsBackButton
{
    display: block;
    margin-top: 6px;
    float: left;
}

a.newsNextButton
{
   margin-left: 6px; 
}

a.newsBackButton
{
   margin-right: 6px;
}

.top a.home-link
{
    color: #59595b;
    text-decoration: underline;
    display: block;
    float: right !important;
    margin: 60px 0 0 0;
    border-right: solid 1px #cc2228;
    padding-right: 6px;
}

.top a.home-link:active, .top a.home-link:link, .top a.home-link:visited
{
    color: #59595b;
    text-decoration: underline;
}

.top a.home-link:hover
{
    color: #cc2228;
    text-decoration: underline;
}