﻿* {
margin: 0;
padding: 0;
}

* {
margin: 0;
padding: 0;
}

body {
font-family: Verdana, sans-serif;
color:#290b00;
font-size: 12px;
text-align:justify;
background:#301204 url('design/bg2.jpg');
}

p {margin: 5px 0 15px 0px;}
a {color: #b34401; }
a:visited { color: #b34401; }
a:hover	{ color: #d95302; }
a:focus { outline: none }

.data  {color: #7d5535; font-size: 10px; margin: 5px 0 0 0px;}


h1 {
font-size: 20px;
text-align: left;
margin: 0 0 -5px 0;
}

img {
border-width: 0px
}

.foto_portret_left {
float: left;
clear: left;
margin: -15px 10px 0px 0;
}


table {
border:none;
margin-top: 10px;
margin-bottom: 25px;
border-collapse:separate;
width:100%;
text-align:left;
}

table.wystawy {
border: 2px solid #290b00;
margin-top: 10px;
margin-bottom: 25px;
border-collapse:separate;
width:100%;
text-align:left;
background:#eacea1
}

table.wystawy td {
border: 1px solid #290b00;
padding: 4px 4px;
font-size:10px;
padding: 6px 10px;
background:none
}


table.wystawy th {
padding: 5px 3px;
text-align: center;
background-color: #290b00;
color:#eacea1
}




span.galeria img{
background: url('design/border.jpg') no-repeat ;
padding:10px;
width:114px;
height:85px;
border:none;
margin:2px 3px
}
span.galeria{
text-align:center
}




.separate {
position: relative;
background: url('design/text2.jpg') no-repeat ;
margin: -20px -50px -10px -50px;
width:530px;
height:108px;
z-index:-1
}

#forest {
top:0px;
left:0px;
width:100%;
height:654px;
position: absolute;
background:url('design/bg1.jpg') no-repeat top center;
}

#container {
margin: 0 auto;
position: relative;
z-index:1;
width:772px;
background: url('design/bg_shadow.png') ;
_background:none ;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../szablon_pliki/design/bg_shadow.png');
}

#top {
position: absolute;
width:732px;
height:275px;
top:60px;
left:0px;
background: url('design/top02.jpg') no-repeat;
}

#contact {
position: absolute;
width:192px;
height:75px;
top:109px;
left:488px;
z-index:1;
font-size: 11px;
}
#contact span {

position: absolute;
top:-40px;
left:30px;
z-index:1;
font-size: 10px;
}



#gallery {
position: absolute;
width:168px;
height:361px;
top:288px;
left:528px;
background: url('design/bg6_gallery.jpg') no-repeat;
overflow:hidden
}

#gallery img {
width:114px;
height:85px;
margin: 4px 0
}


#logo {
display:block;
position: absolute;
width:114px;
height:114px;
top:670px;
left:558px;
background: url('design/logo.jpg') no-repeat;
}


#main {
margin: 0 auto;
position: relative;
width:732px;
height: auto;
background: url('design/text1.jpg') 0px 140px ;
}

#text {
position: relative;
left:50px;
margin: 0 0 0 0;
width:430px;
height:auto;
z-index:5;
padding:260px 0 130px 0;
}

#bottom {
position: absolute;
bottom:0px;
left:0px;
width:732px;
height:321px;
background: url('design/bottom.jpg') no-repeat;
}

#bottom span {

position: absolute;
bottom:35px;
left:50px;
z-index:5;
color:#BD9770;
font-size: 10px;
}


ul#menu {
position: absolute;
width:732px;
height:60px;
top:0px;
left:0px;
background: url('design/top01.jpg') no-repeat;
z-index:10;
list-style-type: none;
}

ul#menu li {
top:0;
left:0;
position: absolute;
z-index:4;
}

ul#menu li a{
position: absolute;
height: 40px;
top:10px;
display: block;
text-indent: -4000px;
}

ul#menu a#m01 {width: 141px; left:20px;}
ul#menu a#m02 {width: 105px; left:161px;}
ul#menu a#m03 {width: 82px; left:266px;}
ul#menu a#m04 {width: 149px; left:348px;}
ul#menu a#m05 {width: 66px; left:497px;}
ul#menu a#m06 {width: 141px; left:563px;}

ul#menu a#m01:hover {background: url('design/top01.jpg') -20px 50px }
ul#menu a#m02:hover {background: url('design/top01.jpg') -161px 50px }
ul#menu a#m03:hover {background: url('design/top01.jpg') -266px 50px }
ul#menu a#m04:hover {background: url('design/top01.jpg') -348px 50px }
ul#menu a#m05:hover {background: url('design/top01.jpg') -497px 50px }
ul#menu a#m06:hover {background: url('design/top01.jpg') -563px 50px }

#motioncontainer { 
overflow:hidden; 
position: relative;
margin: 38px auto;

}

#motiongallery { 
position:absolute; 
left:0; 
top:0;
height:auto;

}

#motioncontainer a img{
border: 1px solid #855940;
}

#motioncontainer a:hover img{
border: 1px solid #d95302;
}

#motioncontainer a:hover{
color: red; 
}

#statusdiv{
position: absolute;
padding: 0 ;
margin: -2px 0 0 0;
left: -300px;
visibility: hidden;
z-index:10;
color:#bd9770;
font-size: 11px;
background:#301204
}


#enter {
display:block;

margin: 80px auto 0 auto;
position: relative;
z-index:1;
width:793px;
height:413px;
background: url('design/enter_kittens.jpg') ;
}

#index {
background:#301204 url('design/bg_enter.jpg') center top  ;
}
