* { border: 0; margin: 0; padding: 0 }
html {
   text-align: center;
}
body {
   background: url("../images/background-image.jpg") no-repeat left top;   
   background-color: #ecded1;
   text-align: center;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size: 13px;
   padding: 0;
}
div#container {
   margin: 30px auto 0 auto;   
   width: 852px;
}
div#mainContainer {
   margin: 0 auto 0 auto;
   width: 852px;
   height: auto;
   float: left;
   background-color: #fff;
   background: url("../images/bodyBackground-image.jpg") repeat-y right top;  
}
div#header {
   background-color: #369;
   height: 161px;    
   padding: 0;   
   background: url("../images/header-image.jpg") no-repeat left top;
   text-align: right;
}
div#header div {
   text-align: right;
   color: #fff;
   padding: 10px;

}   
div#header div p{
   text-align: right;
   margin-right: 15px;
   color: white;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size: 13px;
}
div#header div p a{
   color: #fff;
   text-decoration: none;
}
div#header div p a:hover {
    text-decoration: underline;
}
div#loginBox {
   background-color: #369;
   height: 50px;    
   padding: 0;   
   background: url("../images/loginBar-image.jpg") no-repeat left top;
}
div#footer {
   background-color: #fff;
   width: 852px;
   height: 31px;    
   background: url("../images/footer-image.jpg") no-repeat right top;
   float: left;
   font-size: 10px;
   color: #777;
   margin-bottom: 30px;
}
div#footer A {
   color: #eee;
   text-decoration: none;
}
div#footer A:hover {
   text-decoration: underline;
}
.ukryta {
   display: none;
}
div#mainpart {
   width: 100%;
   background-color: #fff;
   float: left;
   padding: 0;
   background: url("../images/bodyBackground-image.jpg") no-repeat left top;
}
div#menu {
   width: 201px;
   float: left;
   background-color: #fff;
   text-align: left;
   border-top: 1px solid #fff;
   margin-left: 1px;
   padding: 0;
   margin: 0;
   margin-bottom: 20px;
   background: url("../images/menuBackground-image.jpg") no-repeat right top;
}
div#menu ul {
   list-style: none;
   text-align: left;
   font-weight: bold;
}
div#menu ul li {
   height: 30px;
   width: 201px;
   border-bottom: 1px solid #fff;
}


div#menu ul li div {
   font-size: 14px;
   color: #361d00;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-align: left;
   position: relative;
}


div#menu ul li div A {
   height: 30px;
   padding-left: 25px;
   margin: 0;   
   display: block;   
   text-align: left;
   color: #361d00;
   text-decoration: none;
}
div#menu ul li div A:hover {
   background-color: #904902;
   color: #fff;
}
div#menu p.microsoft {
   font-size: 10px;
   color: #cdc6bf;
}
div#menu p.microsoft a{
   font-size: 10px;
   color: #cdc6bf;
   text-decoration: none;
}
div#menu p.microsoft a:hover {
   text-decoration: underline;
}
div#menu A p {
   color: #361d00;
   margin: 0;
   margin-left: 15px;
   font-size: 12px;
}
div#menu p A {
}
div#content {
   width: 571px;
   text-align: left;
   float: left;
   background-color: #ddd;
   padding-left: 40px;
   padding-right: 40px;

   background: url("../images/bodyBackground-image.jpg") repeat-y right top;  
}
/* formularze */
.elementy { 
border: 1px solid #800;
}
textarea {
border: 1px solid #800;
background-color: #ecd9ab;
}
input {
background-color: #ecd9ab;
}
select {
   border: 1px solid #800;
   background-color: #ecd9ab;
}