body {
font-family: Arial, Helvetica, Sans-Serif;
color: #818BBB;
font-size: 12px;
margin: 0px;
background: url(bg.png) top left #BFB9B5;
}

@font-face {
font-family: TrajanPro;
font-style:  normal;
font-weight: normal;
src: url("TrajanPro.otf");
}

td, tr {
font-family: Arial, Helvetica, Sans-Serif;
color: #818BBB;
font-size: 12px;
}

#container {
width: 100%;
min-height: 900px;
}

#top {
margin: 0px;
width: 100%;
height: 40px;
top: 0px;
border-bottom: 1px solid #BBC5FF;
background: url(bg2.png) top left;
position: fixed; 
z-index: 2;
}

#main {
width: 100%;
padding: 50px 0px;
background: url(main.png) top center no-repeat;
min-height: 900px;
position: inherit;
z-index: 1; 
}

.plain {
margin: 0px auto;
width: 1200px;
min-height: 600px;
padding: 0px;
}

.logo {
float: left;
width: 260px;
font-size: 24px;
line-height: 40px;
padding: 0px 10px;
font-family: TrajanPro;
text-shadow: 1px 1px 0px #E1EDFF;
}

.topmenu, .bottommenu {
float: left;
}

.topmenu a, .topmenu a:active, .topmenu a:visited {
padding: 0px 10px;
line-height: 40px;
font-size: 22px;
color: #E1EDFF;
font-family: TrajanPro;
text-shadow: 1px 1px 0px #818BBB;
text-decoration: none;
}


.clears {
clear: both;
height: 20px;
}

#bottom {
margin: 0px;
width: 100%;
height: 30px;
bottom: 0px;
line-height: 30px;
border-top: 1px solid #BBC5FF;
background: url(bg2.png) bottom left;
position: fixed;  
z-index: 3;
}

.bottomlogo {
float: left;
width: 60px;
font-size: 22px;
padding: 0px 10px;
font-family: TrajanPro;
text-shadow: 1px 1px 0px #E1EDFF;
}

.bottommenu a, .bottommenu a:active, .bottommenu a:visited {
padding: 0px 10px;
line-height: 30px;
font-size: 18px;
color: #818BBB;
font-family: TrajanPro;
text-shadow: 1px 1px 0px #E1EDFF;
text-decoration: none;
}

.topmenu a:hover {
color: #818BBB;
text-shadow: 1px 1px 0px #E1EDFF;
text-decoration: none;
}

.bottommenu a:hover {
color: #E1EDFF;
text-shadow: 1px 1px 0px #818BBB;
text-decoration: none;
}

hr {
height: 3px;
border: none;
background: url(bg3.png);
}

.welcome {
padding: 270px 80px 20px 490px;
text-shadow: 1px 1px 0px #F5F9FF;
}

.welcome p {
margin: 0px;
background: url(bg3.png);
padding: 5px;
border: 1px solid #B7C3FE;
box-shadow: 1px 1px 0px #E6EDF7;
}

code {
display: block; 
margin-left: 50px;
background: url(bg3.png);
padding: 5px;
border: 1px solid #B7C3FE;
box-shadow: 1px 1px 0px #E6EDF7;
}

.mainplain {
margin: 10px 0px;
}

.avatar {
float: left;
margin: 0px;
}

.avatar img {
padding: 5px;
background: url(bg3.png);
border: 1px solid #B7C3FE;
box-shadow: 1px 1px 0px #E6EDF7;
}

.maintxt {
float: right;
width: 1060px;
padding: 5px;
background: url(bg3.png);
border: 1px solid #B7C3FE;
box-shadow: 1px 1px 0px #E6EDF7;
text-shadow: 1px 1px 0px #F5F9FF;
}

h1 {
font-size: 20px;
font-family: TrajanPro;
text-shadow: 1px 1px 0px #E1EDFF;
background: url(bg3.png);
box-shadow: 0px 1px 0px #E6EDF7;
}

.mainlay {
float: left;
min-height: 250px;
width: 286px;
margin-left: 10px;
text-align:center;
}

.mainlay h1 {
font-size: 18px;
text-align: center;
margin: 0px;
}

.mainlay img {
width: 235px;
}

.ico, .pngmain {
float: left;
margin: 5px;
}

.pngmain {
min-width: 230px;
min-height: 240px;
text-align: center;
}


.stamp {
float: left;
margin: 5px;
width: 210px;
height: 210px;
text-align: center;
}


.ico img, code {
padding: 5px;
background: url(bg3.png);
border: 1px solid #B7C3FE;
box-shadow: 1px 1px 0px #E6EDF7;
text-shadow: 1px 1px 0px #F5F9FF;
}

.ico img, .stamp img, .pngmain img {
opacity: 0.6;
filter: alpha(opacity=60);
}

.ico img:hover, .stamp img:hover, .pngmain img:hover {
opacity: 1;
filter: alpha(opacity=100);
}

.ico img, .maintxt, avatar img, .welcome p, .avatar img, .stamp img, .pngmain img, .order, .stronicowanie, code, textarea, input {
padding: 5px;
background: url(bg3.png);
border: 1px solid #B7C3FE;
-webkit-border-radius: 5px; /* Safari, Chrome */
-khtml-border-radius: 5px;    /* Konqueror */
-moz-border-radius: 5px; /* Firefox */
border-radius: 5px;
-moz-box-shadow: 1px 1px 0px #E6EDF7;
-opera-box-shadow: 1px 1px 0px #E6EDF7;
box-shadow: 1px 1px 0px #E6EDF7;
}

.stronicowanie {
text-align: center;
}

a, a:active, a:visited {
padding: 0px 3px;
color: #818BBB;
font-size: 14px;
font-variant: small-caps; 
text-shadow: 1px 1px 0px #E1EDFF;
text-decoration: none;
}

a:hover {
color: #E1EDFF;
text-shadow: 1px 1px 0px #818BBB;
text-decoration: none;
}

textarea {
width: 80%;
height: 80px;
}

textarea, input {
margin: 3px 0px;
color: #818BBB;
font-size: 12px;
text-shadow: 1px 1px 0px #F5F9FF;
}

.book {
margin: 20px;
}