* {
margin: 0;
padding: 0;
}

html  {
height: 100%;
}


body {
font-family: Verdana, sans-serif;
color:#fff;
background:#060607 url('design/bg02.jpg') 0 -3px;
font-size: 12px;
text-align:justify;
height: 100%;
}

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

a {
color: #d01800; 
}
a:visited { 
color: #ab1501; 
}
a:hover	{ 
color: #fc0600; 
}

a:focus { outline: none }

a.more {
background: url('design/arrow.gif') no-repeat 99% 70% ;
padding: 0 11px 0 0 ;
}

a:hover.more {
background: url('design/arrow.gif') no-repeat 100% 70% ;
padding: 0 11px 0 0 ;
}

p.trzy {text-align:center; width:33%; float:left; clear:right;}

p.center {
	text-align:center
}

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

.foto_left {
border: 2px dotted #676666;
padding:1px;
background: #000;
float: left;
clear:left;
margin: 0 30px 10px 0;
}

.foto_right {
border: 3px solid #CCA87E;
float: right;
clear:right;
margin: 0 0 10px 20px ;
}

.foto_border {
border: 2px dotted #676666;
padding:1px;
background: #000;
margin: 0 0 10px 0;
}

.date {
font-size: 10px;
font-family: verdana, sans-serif;
color: #676666;
margin: 20px 0 -12px 0;
}





#gallery img {
height:104px;
border: 2px dotted #676666;
padding:1px;
background: #000;
margin: 10px;
}

#gallery {
padding: 0;
text-align:center;
margin: 20px auto; 
}

#gallery a:hover img {
border: 2px dotted #fff;
}



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

#container {
margin: 0 auto;
position: relative;
background: url('design/bg03.jpg') repeat-y;
z-index:1;
min-height: 100%;
_height: 100%;
width:823px
}


#top01 {
width: 823px;
height: 144px;
position: relative;
background: url('design/top01.jpg') no-repeat;
}

#top02 {
left:257px;
width: 316px;
height: 134px;
position: absolute;
background: url('design/top02.jpg') no-repeat;
z-index:2;
}

#top03cat {
height: 220px;
position: relative;
background: url('design/top03_c.jpg') no-repeat;
}

#top03cat_en {
height: 220px;
position: relative;
background: url('design/top03_c_en.jpg') no-repeat;
}

#top03cat_de {
height: 220px;
position: relative;
background: url('design/top03_c_de.jpg') no-repeat;
}


#top03dog {
height: 220px;
position: relative;
background: url('design/top03_d.jpg') no-repeat;
}

#top03dog_en {
height: 220px;
position: relative;
background: url('design/top03_d_en.jpg') no-repeat;
}

#top03dog_de {
height: 220px;
position: relative;
background: url('design/top03_d_de.jpg') no-repeat;
}


#corner01cat {
left:26px;
width: 227px;
height: 204px;
position: absolute;
background: url('design/bg_corner_c.jpg') no-repeat;
z-index:2;
}

#corner01dog {
left:26px;
width: 227px;
height: 204px;
position: absolute;
background: url('design/bg_corner_d.jpg') no-repeat;
z-index:2;
}


#corner02 {
left:253px;
width: 570px;
height: 82px;
position: absolute;
background: url('design/bg_corner.jpg');
z-index:1;
}



#text {
width: 620px;
height: auto;
position: relative;
z-index:5;
margin: 0 auto;
padding-bottom:300px
}


#bottom {
width: 823px;
height: 279px;
position: absolute;
background:#e9e2c5 url('design/bottom01.jpg') no-repeat;
bottom:0px;
color:#000;
z-index:6;
font-size:11px;
}

#bot01 {
width: 319px;
height: 188px;
position: absolute;
background: url('design/bottom02.jpg') no-repeat;
top:0px;
left:0px
}
#bot01_en {
width: 319px;
height: 188px;
position: absolute;
background: url('design/bottom02_en.jpg') no-repeat;
top:0px;
left:0px
}

#bot01_de {
width: 319px;
height: 188px;
position: absolute;
background: url('design/bottom02_de.jpg') no-repeat;
top:0px;
left:0px
}


#bot02 {
width: 355px;
height: 188px;
position: absolute;
background: url('design/bottom03.jpg') no-repeat;
top:0px;
left:319px
}

#bot02_en {
width: 355px;
height: 188px;
position: absolute;
background: url('design/bottom03_en.jpg') no-repeat;
top:0px;
left:319px
}


#bot02_de {
width: 355px;
height: 188px;
position: absolute;
background: url('design/bottom03_de.jpg') no-repeat;
top:0px;
left:319px
}


#bot02 a, #bot02_en a, #bot02_de a{
width:100%;
height: 100%;
display: block;
}

#bot03cat a, #bot03dog a{
width:49%;
height: 100%;
float:left;
}


#bot03cat {
width: 249px;
height: 121px;
position: absolute;
background: url('design/logo01_c.jpg') no-repeat;
top:0px;
left:574px;
}

#bot03dog {
width: 249px;
height: 121px;
position: absolute;
background: url('design/logo01_d.jpg') no-repeat;
top:0px;
left:574px;
}


#bot04cat {
width: 249px;
height: 67px;
position: absolute;
background: url('design/bottom04_c.jpg') no-repeat;
top:121px;
left:574px
}
#bot04cat_en {
width: 249px;
height: 67px;
position: absolute;
background: url('design/bottom04_d_en.jpg') no-repeat;
top:121px;
left:574px
}

#bot04cat_de {
width: 249px;
height: 67px;
position: absolute;
background: url('design/bottom04_d_de.jpg') no-repeat;
top:121px;
left:574px
}


#bot04dog {
width: 249px;
height: 67px;
position: absolute;
background: url('design/bottom04_d.jpg') no-repeat;
top:121px;
left:574px
}

#bot04dog_en {
width: 249px;
height: 67px;
position: absolute;
background: url('design/bottom04_c_en.jpg') no-repeat;
top:121px;
left:574px
}

#bot04dog_de {
width: 249px;
height: 67px;
position: absolute;
background: url('design/bottom04_c_de.jpg') no-repeat;
top:121px;
left:574px
}

#bot04cat a, #bot04dog a, #bot04cat_de a, #bot04dog_de a, #bot04cat_en a, #bot04dog_en a{
width:100%;
height: 100%;
display: block;
}


#bot05 {
width: 823px;
height: 91px;
position: absolute;
background:#390000 url('design/bottom01.jpg') no-repeat;
top: 188px;
left:0px;
color:#baa896
}

#bot06 {
width: 72px;
height: 371px;
position: absolute;
background: url('design/bottom-left.jpg') no-repeat;
top:-92px;
left:-53px;
}

#bot07 {
width: 90px;
height: 333px;
position: absolute;
background: url('design/bottom-right.jpg') no-repeat;
top:-54px;
left:804px;
}



#kontakt {
width: 260px;
height: 110px;
position: absolute;
top:52px;
left:43px
}

#kontakt p {
margin: 10px 0 10px 0;
}

#copy {
position: absolute;
top:20px;
left:43px
}

#design {
position: absolute;
top:20px;
right:43px;
}



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

ul#menu {
top:0;
left:0;
margin: 0;
padding: 0;

position: absolute;
z-index:4;
list-style-type: none;
}

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

ul#menu a#m01 {left:38px; width: 137px;}
ul#menu a#m02 {left:187px;width: 140px;}
ul#menu a#m03 {left:339px;width: 147px;}
ul#menu a#m04 {left:496px;width: 140px;}
ul#menu a#m05 {left:647px;width: 137px;}







h1 {
font-size: 20px;
text-align: left;
margin: 0 0 0px 0;
}

h2 {
font-size: 20px;
text-align: left;
margin: 00px 0 0 0;
}

h3 {
font-size: 18px;
font-weight: bold;
text-align: left;
margin: 20px 0 0 0;
}



table {
border: 1px solid #676666;
margin-top: 10px;
margin-bottom: 25px;
border-collapse: collapse;
width:100%;
text-align:left
}

td {
vertical-align: top;
border: 1px dotted #676666;
padding: 4px;
}

th {
border: 1px solid #676666;
padding: 5px;
text-align: center;
background-color: #000;
}

caption {
padding: 20px;
height:10px
}


th.sedzia {
width: 132px;
}
th.ocena {
width: 175px;
}

table.parents {
border:none;
border-collapse: collapse;
text-align:center
}
table.parents td {
vertical-align: middle;
border:none;
padding: 6px;
width:50%;
}
table.parents th {
padding: 10px 6px;
}



code {
display: block;
width:462px;
height: auto;
border: 1px dotted #A79D84;
text-align:center;
background:#efe5cd;
font-size: 11px; 
padding:5px;
line-height:100%;
}




#index {
margin: 0 auto;
position: relative;
background: url('design/intro_bg.jpg');
height: 474px;
width:728px;
top:50%;
margin-top:-280px
}
#index01 {
width: 717px;
height: 140px;
position: absolute;
background: url('design/intro01.jpg') no-repeat;
top:188px;
left:0px;
}
#index02 {
width: 160px;
height: 28px;
position: absolute;
background: url('design/intro02.gif') no-repeat;
top:339px;
left:159px;
}#index03 {
width: 160px;
height: 28px;
position: absolute;
background: url('design/intro02.gif') no-repeat;
top:339px;
left:399px;
}

#index a {
height:100%;
width:49%;
display: block;
text-indent:-4000px;
float:left
}

#index02 a, #index03 a {
height:100%;
width:33%;
display: block;
text-indent:-4000px;
float:left
}