body,html{
    margin:0px;
    padding:0px;
    background-image:url('/static/img/layout/background_all.png');
    font-family: Arial,Tahoma,Verdana;
}

body{
    text-size: 62.5%;
}

div#container{
    background-image:url('/static/img/layout/background_top.png');
    background-repeat:repeat-x;
    color: white;
}

/*heaer*/

div#header{
    position: relative;
    width: 885px;
    margin: 0 auto;
    height: 350px;
    overflow: hidden;
}

div#header img#logo{
    position: absolute;
    z-index: 20;
    top: 0px;
    left: 40px;
}

div#header img#image_background{
    position: absolute;
    z-index: 0;
    top: 50px;
    left: 0px;
}

div#header img#pl_version{
    position: absolute;
    z-index: 0;
    top: 10px;
    left: 340px;
    border: 0 none;
}

div#header img#sk_version{
    position: absolute;
    z-index: 0;
    top: 10px;
    left: 380px;
    border: 0 none;
}

div#header img#en_version{
    position: absolute;
    z-index: 0;
    top: 10px;
    left: 420px;
    border: 0 none;
}

ul#header_carousel{
    position: absolute;
    z-index: 10;
    top: 36px;
    list-style-type: none;
    left: -38px;
    display: block;
    width: 20000px;
}

ul#header_carousel li{
    display: inline;
    list-style: none;
}

ul#header_carousel li img{
    float: left;
}

/*menu*/

div#menu{
    background-image: url('/static/img/layout/menu_background.png');
    background-repeat: no-repeat;
    width: 898px;
    height: 46px;
    margin: 0 auto;
    font-size: 20px;
}

div#menu ul li a{
    text-decoration: none;
    color: white;
    font-weight: bold;
    font-size: 20px;
    display: block;
    height: 35px;
    text-align: center;
    float: left;
    padding: 10px 20px 0 20px;
    outline: none;
}

div#menu ul li a:hover{
    color: blue;
}

div#menu ul{
    margin: 0px;
    padding-left: 7px;
}

div#menu ul li{
    list-style: none;
    display: inline;
    margin-left: 35px;
}

div#menu ul li a.active{
    background-image: url('/static/img/layout/menu_active.png');
    background-repeat:repeat-x;
}

/* content */
div#content{
    width: 885px;
    margin: 0 auto;
    padding: 7px;
    min-height: 400px;
}

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

div.full_page_box{
    width: 885px;
}

div.full_page_box_middle{
    background-image: url('/static/img/layout/full_page_box_middle.png');
    background-repeat: repeat-y;
    padding: 0 10px 0 10px;
}

div.full_page_box_middle p{
    margin-top: 0px;
    padding-top: 0px;
}

div.full_page_box_middle h2{
    margin-top: 0px;
    padding-top: 0px;
}

/*footetr*/

div#footer{
    background-image: url('/static/img/layout/footer_background.png');
}

div#footer_info{
    width: 860px;
    margin: 0 auto;
    text-align: right;
    font-size: 0.6em;
    color: #dfdfdf;
}

div#footer_info a {
    text-decoration: none;
    color: #626da9;
}

/* klasy narzedziowe*/

.text{
    text-align: justify;
}

.left{
    float: left;
}

.right{
    float: right;
}

.bold{
    font-weight: bold;
}

.upper{
    text-transform:uppercase;
}

ul.cowork{
    list-style:circle;
    line-height: 20px;
}

span.more{
    font-size:10px;
    color:#990000;
    cursor:pointer;
}

hidden{
    display: none;
}

.clear{
    clear: both;
}

.break{
    margin-top: 30px;
}

.pointer{
    cursor: pointer;
}

p.error{
    color: #FD8E8E;;
    font-weight: bold;
}

ul.errors{
    color: #FD8E8E;;
    font-weight: bold;
    list-style-type: none;
}

/*=================  admin ================*/

.fixed_menu{
    position: fixed;
    border:1px solid #56B02F;
    background-color: #CDC0B0;
    top: 10px;
    left: 10px;
    padding: 10px;
}

.fixed_menu hr{
    margin: 5px 0 5px 0;
}

.fixed_menu a{
    text-decoration: none;
    color: #551A8B;
}

/* formularze globalne */
.htmlEditor{
    width: 450px;
    height: 500px;
}