body {
background: url('graph/bg.jpg') top center no-repeat #000;
color:#464646;
font-family:'Source Sans Pro', 'Open Sans', 'Tahoma';
font-size:16px;
margin:0px; padding:0px; background-attachment: fixed;
}
h1 {
font-size: 20px;
float: left;
display: block;
margin: 5px 0px;
background: url('graph/spoiler.png') no-repeat bottom left;
height: 32px;
width: 100%;
letter-spacing: 2px; margin-bottom: 21px;
}

#root {
margin: 77px auto 30px auto;
height: auto; height: 700px;
width: 1006px;
position: relative;
background: url('graph/site.png') top left no-repeat;
left: 1px;
}
#root #top {
float:left; width:100%; background: url('graph/top.png') 1px top no-repeat;
height:88px;
}
#root #content {
float:left; margin: 18px 30px; width: 628px; position:relative;
}
#root #content p {
margin: 18px 0px 8px 0px;line-height: 17px;/*text-align: justify;*/font-size: 17px;
color: #3A3A3A;letter-spacing: 0.65px;text-shadow: 1px 0px #C9C9C9;padding: 1px;
}
#root #content #photos {
float:left; margin: 10px 10px; width: 620px;
}
#root #content #photos img{
float:left; width:180px; height:120px; margin: 35px 4px 35px 12px; border:2px solid #fff;
border-radius:5px; box-shadow: 2px 2px 2px #858585; margin: 15px 4px 35px 12px;
}
#root #content #photos img:hover{
opacity: 0.95; box-shadow: 2px 2px 2px #BE26D1;
}

#root #sidebar {
float:right; margin: 15px 15px 15px 15px;
width: 280px;
text-align:justify;
}
#root #sidebar iframe { float: left;
margin: -5px 0px 0px -6px;
border: 2px solid #fff;
box-shadow: 2px 2px 3px #858585;
clear: both;
}
#root #sidebar h1 {
color:#511672; background:none; margin: 20px 0px 8px 0px;
}
#root #sidebar a {
color: #511672; text-decoration:none;
}
#root #sidebar p {
color: #511672;font-size: 19px;
line-height: 19px;letter-spacing: 0.6px;
text-shadow: 1px 0px #9B82AE;
}

#root #panel {  
position: absolute; top: 595px;left: 32px; width:667px; height:72px;
background: url('graph/panel.png') top left no-repeat; /*overflow:hidden;*/
}
#root #panel img {
position: absolute;
top: 6px;
left: 174px;
}
#root #nozyce {
position: absolute;
top: 569px;
width: 178px;
height: 95px;
left: 8px; background: url('graph/nozyce.png') top left no-repeat;
}

#root #panel img:hover {
opacity: 0.5;
}


#root #footer { width:220px; height:35px;position: absolute; 
top: 579px;left: 771px; top: 651px;
background: url('graph/footer.png') top left no-repeat;
}
#root #footer a {
display:block;width:inherit;height:inherit;
}

strong { font-weight:600; }