* {
margin: 0;
padding: 0;
}

body {
font-family: Tahoma, sans-serif;
color:#3f2216;
background:#ebddcc url('design/bg01.gif');
font-size: 11px;
text-align:justify;
}

p {
margin: 15px 0 15px 0;
}

a {color: #a52203; }
a:visited { color: #821a01; }
a:hover	{ color: #dd3f01; }
a:focus { outline: none }

ul {margin: 15px 0 15px 20px; list-style: square}
ul li {margin-bottom:3px}

p.czcionka {
	font-family:'Monotype Corsiva'; font-size:18px;color:#a52203;clear: both;
}

h1 {
font-size: 24px;
text-align: left;
margin: 28px 0 0px 22px;
padding: 0 0 0 45px;
height: 26px;
font-family: "Times New Roman", serif;
font-weight:normal;
color:#5c1201;
background: url('design/bg04h.gif') no-repeat;
text-transform:uppercase
}

h2 {
font-size: 14px;
text-align: left;
margin: 0 0 0px 22px;
padding: 0 0 0 45px;
height: 16px;
font-family: "Times New Roman", serif;
font-weight:normal;
color:#a52203;
background: url('design/bg04h.gif') no-repeat 0 -26px;
text-transform:uppercase
}

h3 {
font-size: 14px;
text-align: left;
font-family: "Times New Roman", serif;
font-weight:normal;
color:#a52203;
margin: 0 0 15px 0;
text-transform:uppercase
}


h4 {
font-size: 11px;
text-align: left;
font-weight:bold;
margin: 0 0 15px 0;
}
blockquote {
width: 312px;
background: url('design/cytat.gif') repeat-y ;
padding: 3px 0 5px 47px
}
blockquote em {font-weight:bold}
blockquote p {margin: 0;}


p.trzy {text-align:center; width:33%; float:left; clear:right; margin: -5px 0 15px 0;}
p.center {text-align:center}
p.margin {margin: 25px 0 15px 0;}


.red {
color: #a52203; 
font-weight:bold;	
}

.foto_left {
border: 1px solid #dbd4ca;
padding:3px;
background: #fff;
float: left;
clear:left;
margin: 0 12px 10px 0;
}

p.margin .foto_left {
margin: -10px 12px 10px 0;
}


.foto_right {
border: 1px solid #dbd4ca;
padding:3px;
background: #fff;
float: right;
clear:right;
margin: 0 0 10px 12px ;
}

.foto_border {
border: 1px solid #dbd4ca;
padding:3px;
background: #fff;
margin: 0 0 10px 0;
}

.gallery img{
border: 1px solid #dbd4ca;
padding:3px;
background: #fff;
margin: 0 10px 10px 0;
width: 98px;
height: 98px;

}


#horizontal {
top:0;
left:0;
width: 100%;
height: 386px;
position: absolute;
background: url('design/bg02.jpg');
z-index:0;
}

#intro {
margin: 0 auto;
z-index:1;
height: 363px;
width:790px;
position: relative;
top:154px;
background-image: url('design/intro.jpg');
}
#horizontal.intro {
background: url('design/bg02.jpg') 0 -50px repeat-x ;
}
#link_pl {
height:100%;
width:100%;
display: block;
text-indent:-4000px;
}
#link_en {
position: absolute;
height:34px;
width:47px;
display: block;
text-indent:-4000px;
z-index:10;
left: 522px; top: 164px}



#container {
margin: 0 auto;
position: relative;
z-index:1;
height: 395px;
width:972px
}

#border01 {
top:0px;
left:0px;
width:139px;
height:595px;
position: absolute;
background: url('design/border01.jpg') no-repeat;
}

#border02 {
top:0px;
left:833px;
width:139px;
height:595px;
position: absolute;
background: url('design/border02.jpg') no-repeat;
}

#border03 {
top:0px;
left:139px;
width:694px;
height:120px;
position: absolute;
background: url('design/border03.jpg') no-repeat;
}

#border03.en {
background: url('design/border03_en.jpg') no-repeat;
}

#border04 {
top:497px;
left:139px;
width:694px;
height:98px;
position: absolute;
background: url('design/border04.jpg') no-repeat;
}

#border04 span {
top:73px;
height:20px;
position: absolute;
font-size:9px;
color:#847a65;
}
#border04 span a:visited {color: #847a65; text-decoration:none}
#border04 span a {color: #847a65; text-decoration:none}
#copy {left:-50px;}
#design {right:-54px; width:auto;}



#main {
top:120px;
left:139px;
width:694px;
height:377px;
position: absolute;
background: url('design/bg03.jpg') no-repeat;
}

#cat {
top:197px;
left:139px;
width:270px;
height:300px;
position: absolute;
background: url('design/cat.jpg') no-repeat;
}

#scroll {
top:75px;
left:280px;
width:390px;
height:280px;
position: absolute;
overflow:auto; 
overflow-y:auto; 
overflow-x:hidden;

}
#tekst {
position:relative; 
width:360px;
height: auto;
}

#scroll:focus { outline: none }


ul#menu01 {
top:11px;
left:21px;
width:651px;
height:30px;
position: absolute;
background: url('design/menu.gif') no-repeat;
margin: 0;
padding: 0;
z-index:4;
list-style-type: none;
}

ul#menu01.en {
top:11px;
left:21px;
width:651px;
height:30px;
position: absolute;
background: url('design/menu_en.gif') no-repeat;
margin: 0;
padding: 0;
z-index:4;
list-style-type: none;
}


ul#menu01 li {
top:0;
left:0;
position: absolute;
z-index:4;
}


ul#menu01 li a{
position: absolute;
top:0px;
height:30px;
display: block;
left:0;
text-indent: -4000px;
}

ul#menu01 a#m01 {left:45px; width: 66px; background: url('design/menu.gif') -45px 0px}
ul#menu01 a#m02 {left:132px;width: 74px; background: url('design/menu.gif') -132px 0px}
ul#menu01 a#m03 {left:229px;width: 76px; background: url('design/menu.gif') -229px 0px}
ul#menu01 a#m04 {left:330px;width: 63px; background: url('design/menu.gif') -330px 0px}
ul#menu01 a#m05 {left:415px;width: 79px; background: url('design/menu.gif') -415px 0px}
ul#menu01 a#m06 {left:519px;width: 85px; background: url('design/menu.gif') -519px 0px}

ul#menu01 a#m01:hover {background: url('design/menu.gif') -45px 60px }
ul#menu01 a#m02:hover {background: url('design/menu.gif') -132px 60px }
ul#menu01 a#m03:hover {background: url('design/menu.gif') -229px 60px }
ul#menu01 a#m04:hover {background: url('design/menu.gif') -330px 60px }
ul#menu01 a#m05:hover {background: url('design/menu.gif') -415px 60px }
ul#menu01 a#m06:hover {background: url('design/menu.gif') -519px 60px }

ul#menu01 a.current#m01 {left:45px; width: 66px; background: url('design/menu.gif') -45px 30px}
ul#menu01 a.current#m02 {left:132px;width: 74px; background: url('design/menu.gif') -132px 30px}
ul#menu01 a.current#m03 {left:229px;width: 76px; background: url('design/menu.gif') -229px 30px}
ul#menu01 a.current#m04 {left:330px;width: 63px; background: url('design/menu.gif') -330px 30px}
ul#menu01 a.current#m05 {left:415px;width: 79px; background: url('design/menu.gif') -415px 30px}
ul#menu01 a.current#m06 {left:519px;width: 85px; background: url('design/menu.gif') -519px 30px}



ul#menu01.en a#m01 {left:34px; width: 63px; background: url('design/menu_en.gif') -34px 0px}
ul#menu01.en a#m02 {left:120px;width: 88px; background: url('design/menu_en.gif') -120px 0px}
ul#menu01.en a#m03 {left:237px;width: 64px; background: url('design/menu_en.gif') -237px 0px}
ul#menu01.en a#m04 {left:330px;width: 75px; background: url('design/menu_en.gif') -330px 0px}
ul#menu01.en a#m05 {left:433px;width: 76px; background: url('design/menu_en.gif') -433px 0px}
ul#menu01.en a#m06 {left:539px;width: 76px; background: url('design/menu_en.gif') -539px 0px}

ul#menu01.en a#m01:hover {background: url('design/menu_en.gif') -34px 60px }
ul#menu01.en a#m02:hover {background: url('design/menu_en.gif') -120px 60px }
ul#menu01.en a#m03:hover {background: url('design/menu_en.gif') -237px 60px }
ul#menu01.en a#m04:hover {background: url('design/menu_en.gif') -330px 60px }
ul#menu01.en a#m05:hover {background: url('design/menu_en.gif') -433px 60px }
ul#menu01.en a#m06:hover {background: url('design/menu_en.gif') -539px 60px }

ul#menu01.en a.current#m01 {left:34px; width: 63px; background: url('design/menu_en.gif') -34px 30px}
ul#menu01.en a.current#m02 {left:120px;width: 88px; background: url('design/menu_en.gif') -120px 30px}
ul#menu01.en a.current#m03 {left:237px;width: 64px; background: url('design/menu_en.gif') -237px 30px}
ul#menu01.en a.current#m04 {left:330px;width: 75px; background: url('design/menu_en.gif') -330px 30px}
ul#menu01.en a.current#m05 {left:433px;width: 76px; background: url('design/menu_en.gif') -433px 30px}
ul#menu01.en a.current#m06 {left:539px;width: 76px; background: url('design/menu_en.gif') -539px 30px}



ul#menu02 {
top:175px;
left:50px;
width:31px;
height:175px;
position: absolute;
background: url('design/menu02.gif') no-repeat;
margin: 0;
padding: 0;
z-index:4;
list-style-type: none;
}

ul#menu02.en {
top:175px;
left:50px;
width:31px;
height:175px;
position: absolute;
background: url('design/menu02_en.gif') no-repeat;
margin: 0;
padding: 0;
z-index:4;
list-style-type: none;
}


ul#menu02 li {
top:0;
left:0;
position: absolute;
z-index:4;
}


ul#menu02 li a{
position: absolute;
top:0px;
width:31px;
display: block;
left:0;
text-indent: -4000px;
}

ul#menu02 a#m07 {top:0; height: 67px;}
ul#menu02 a#m08 {top:67px; height: 108px;}
ul#menu02 a#m07:hover {background: url('design/menu02.gif') -31px 0px }
ul#menu02 a#m08:hover {background: url('design/menu02.gif') -31px -67px }
ul#menu02 a.current#m07 {top:0; height: 67px;}
ul#menu02 a.current#m08 {top:67px;height: 108px;}

ul#menu02.en a#m07 {top:0; height: 67px;}
ul#menu02.en a#m08 {top:67px; height: 108px;}
ul#menu02.en a#m07:hover {background: url('design/menu02_en.gif') -31px 0px }
ul#menu02.en a#m08:hover {background: url('design/menu02_en.gif') -31px -67px }
ul#menu02.en a.current#m07 {top:0; height: 67px;}
ul#menu02.en a.current#m08 {top:67px;height: 108px;}



table {
border: 2px solid #5c1201;
margin-top: 10px;
margin-bottom: 25px;
border-collapse:separate;
width:100%;
text-align:left;
background:#f1ebdb
}

td {
vertical-align: top;
border: 1px solid #5c1201;
padding: 6px 10px;
background:#f7f3eb;
}

table.wystawy td {
padding: 4px 4px;
font-size:10px
}


table.rodowod td {

}

table.rodowod td .foto_left {
margin: 0 10px 0 0;
}

table.rodowod td .foto_border {
margin: 0 0 10px 0;
}



th {
padding: 5px 3px;
text-align: center;
background-color: #efeae1;
}

table.kocieta td  {
border:none;
background: transparent;
padding: 0px;
}

table.kocieta  {
border:none;
background: transparent
}


code {
display: block;
width:340px;
height: auto;
text-align:center;
background:#efeae1;
padding:5px;
margin:-10px auto 30px auto;

}

.bob {color: #ff010d; font-weight: bold; font-size:11px}
.bis {color: #d12003; font-weight: bold;}
.biv {color: #01a420; font-weight: bold;}
.nom {color: #ee6001; font-weight: bold;}

hr {
height:1px;
border:none;
color:#DCD5CC; 
background-color:#DCD5CC;
display:block;
clear:both;
margin: 15px 0
}


/* Guestbook
--------------------------------------------------------------------------------------- */

#comment_form {
width: 350px;
margin:0 auto;
}


#comment_form label {
display: block;
width: 100px;
margin:5px 0px 2px 0;

}

#comment_form input {
margin:5px 0
}
 
#comment_form img {
position: relative; 
margin:5px 0; 
padding:0;

}

#comment_form #form-img {
display: block;
margin:5px 0 0 0px;
position:relative
}

#comment_form_body {width: 350px; margin:5px 0 0 0}
input#wynik {width: 350px; margin:5px 0}
#form-dodaj {text-align:right;	margin:0 5px;}


.comment-user {
font-weight:bold;
margin-bottom:0
}
.comment-user:before {content: url(design/user_comment.png);padding-right:3px}

.comment-date {	
font-size:10px;
margin-top:0
}
.comment-text {
font-style:italic; 
text-align:left;
}
.comment-text:before  { content:open-quote; font-family:"Times New Roman", Times, serif;font-size:18px;padding-right:1px}
.comment-text:after  { content:close-quote; font-family:"Times New Roman", Times, serif;font-size:12px;}