body {
background: #eaeaea;
margin:10px auto;
}
/* Main layout and header */
#wrap {
background:url(../images/bg_wrap.jpg) repeat;
margin:auto;
width:880px;
}

#header {
background:url(../images/bg_header.jpg) repeat;
height:148px;
padding:10px;
border-bottom: 4px solid #ccc;
}

/* Left sidebar and menu */
#leftside  {
position:relative;
width:210px;
height:520px;
}

#menu{
position:absolute;
top:7px;
left:14px;
width: 180px;
height:180px;
}
#menu td{
margin:0px;
padding-left:5px;
width:25px;
height:30px;
}

#menu .menu{
width:170px;
height:33px;
padding:0px;
margin:0px;
text-align:center;
background-color:#dadada;
}


#imagerotator
{
position:absolute;
top:193px;
left:5px;
width: 200px;
height:320px;
border: 1px solid #000;

}

/* Main content */
#content {
background:url(../images/wrap2_bg.gif) no-repeat ;
position:absolute;
left:210px;
height:520px;
width:670px;
}


/* Footer */
#footer {
background:url(../images/bg_header.jpg) repeat;
border-top: 4px solid #ccc;
color:black;
font-size:0.9em;
margin:0 auto;
padding:8px 0;
text-align:center;
width:880px;
}

#footer a {
background:inherit;
color:brown;
font-weight:400;
text-decoration:none;
}
#footer a:hover {
text-decoration:underline;
}


p.content{
padding: 10px;
margin: 20px;
}

h1.logo{
color:#473835;
text-align: center;
font-size: 50px;
text-shadow: -5px -3px 5px;
}
#galeria td{
  padding:10px;
  margin:5px;
  text-align:center;
}
#galeria{
margin:10px 0 0 0;
width:650px; 
height:500px; 
overflow:scroll;
}
#francjaGal{
  margin:0 0 0 9px;
  height:500px;
  overflow:scroll;
}

a{text-decoration:none; font-size: 15px; font-weight:bold; color: #816f27;}
a:hover { font-weight:bold; color: #600;  }

.ramka{
      border:2px solid black;
}
img:link { border:2px solid #000; }
img.ramka:hover {border:2px solid #00F; }