/***********************general*******************************/

body {
  margin: 0px;
  padding:0px;
  font-family: Verdana,Arial,Helvetica,Sans-serif;
  font-size: 12px;
  color:rgb(45,45,45);
  background-color: white;
}

h1 {
	margin:0px;
	font-size: 18px;
  font-weight:bold;
  margin:0px;
  margin-bottom:8px;
  padding:1px;
  padding-left:30px;
  background-color:white;
  background-image:url(back-h1.gif);
  background-repeat:no-repeat;
}

h2 {
  font-size: 12px;
  font-weight:bold;
  margin:0px;
  margin-left:8px;
  margin-top:6px;
  margin-bottom:2px;
  color:rgb(102,153,153);
  padding:0px;
}
 
p {
  margin:8px;
}

img {
  border:none;
}

table {
  margin:8px;
}

a:focus {
  outline:none;
} 

/***************************************layout***********************************/

#container {
  margin:0px;
  padding:4px;
  padding-top:0px;
  background-color:white;
  border: solid 1px rgb(186,203,203);
}

#border1 {
  margin:0px;
  background-color: rgb(196,211,211);
  border: solid 1px rgb(208,220,220);
  padding: 1px;
}

#border2 {
  margin:0px;
  background-color: rgb(218,227,227);
  border: solid 1px rgb(229,235,235);
  padding: 1px;
}

#border3 {
  width: 812px;
  background-color: rgb(240,244,244);
  border: solid 1px rgb(252,252,252);
  padding: 1px;
  margin-left:auto;
  margin-right:auto;
  margin-top:8px;
  margin-bottom:8px;
  position:relative;
}

#header {
  height:174px;
  
}

#header1 {
  /*position:top;*/
  background: white;
  background-image: url(top-kot.jpg);
  background-position:top;
  background-repeat:no-repeat;
  height:174px;
  margin:0px;
  width:794px;
}


#header2 {
  /*position:top;*/
  background: white;
  background-image: url(top-pies.jpg);
  background-position:top;
  background-repeat:no-repeat;
  height:174px;
  margin:0px;
  width:794px;
}

#headerA {
  /*position:top;*/
  background: white;
  background-image: url(top-admin.jpg);
  background-position:top;
  background-repeat:no-repeat;
  height:174px;
  margin:0px;
}

#left {
  float:left;
  min-height:350px; 
  height:auto !important;
  height:350px;
  background: rgb(234,237,223);
  margin-left:0%;
  width:20%;
  border: solid 1px rgb(170,181,133);
}

#wrapper{
  float:right;
  width:79%;
}

#content {
  background-color:white;
  background-image:url(tlo.gif);
  background-repeat:repeat-y;
  min-height:600px ; 
  height:auto !important;
  height:600px;
  border:solid 1px rgb(170,181,133);
}

#footer {
  clear:both;
  background-color:rgb(234,237,223);
  min-height:20px ; 
  height:auto !important;
  height:20px;
  padding:5px 8px;
  margin: 0px;
}

/*****************************header****************************/
#header1 img {
  border:none;
}

#header2 img {
  border:none;
}

#headerA img {
  border:none;
}

#logo {
  margin-top:27px;
  margin-left:8px;
}

/**********************************left***************************/

/****menu********/
ul.menu {
	list-style: none;
	margin: 0px;
	padding: 0px;
  margin-top:20px;
}
  
ul.menu li {
  margin:0px;
  padding:0px;
  border:solid 1px rgb(234,237,223);
}

ul.menu li.passive a {
	padding:2px;
	margin:0px;
	display:block;
  font-size:12px;
	text-decoration: none;
  font-weight:normal;
	color: rgb(102,102,51);
  /*background-image:url(ico-arrow-right.gif);*/
  background-repeat:no-repeat;
  background-position: 4px 0.5em;
  padding-left:15px;
}


ul.menu li.active a {
	padding:2px;
	margin:0px;
	display:block;
  font-size:12px;
	text-decoration: none;
  font-weight:bold;
	color: rgb(102,102,51);
  /*background-image:url(ico-arrow-down.gif);*/
  background-repeat:no-repeat;
  background-position: 4px 0.5em;
  padding-left:15px;
}

li.open a {
  background-image:url(ico-arrow-down.gif);
}

li.closed a {
  background-image:url(ico-arrow-right.gif);
}

ul.submenu {
  padding:0px;
  margin:0px;
  list-style: none;
}

ul.submenu li.passive a {
  padding:2px;
  margin:0px;
	display:block;
  font-size:12px;
	text-decoration: none;
  font-weight:normal;
	color: rgb(102,102,51);
  background-image:url(ico-submenu-blue.gif);
  background-repeat:no-repeat;
  background-position: 15px 0.5em;
  padding-left:27px;
}

ul.submenu li.active a {
  padding:2px;
  margin:0px;
	display:block;
  font-size:12px;
	text-decoration: none;
  font-weight:bold;
	color: rgb(102,102,51);
  background-image:url(ico-submenu-blue.gif);
  background-repeat:no-repeat;
  background-position: 15px 0.5em;
  padding-left:27px;
}

ul.menu a:hover {
	/*background-color: rgb(190,201,153);*/
	background-color: rgb(249,252,242);
}

/***********/

#left  hr {
  margin:20px 8px;
  margin-bottom:80px;
  /*border: solid 0.25px rgb(170,181,133);*/
  color: rgb(170,181,133);
  background-color:rgb(170,181,133);
  border:none;
  height:1px;
}

#left hr.admin {
  margin:8px 8px;
}

#left td,th, h3 {
  font-size:11px;
  margin:0px;
  margin-left:10px;
  padding:1px;
  color: rgb(102,102,51);
  font-weight:normal;
  text-align:left;
}

#left td {
  font-weight:bold;
  padding-left:15px;
}

#left h3 {
  margin-bottom:2px;
  font-weight:bold;
}

#left table {
  margin-bottom:20px;
}


/******************************footer*********************************/
#footer p {
  font-size:10px;
  margin:0px;
  padding:1px;
}

#footer p a{
  color:rgb(102,153,153);
  text-decoration:none;
  display:inline;
  border-bottom:solid 1px rgb(102,153,153);
  margin:0px;
  padding:0px;
}

.footerLeft {
  display:inline;
  float:left;
  margin:0px;
  padding:0px;
}

.footerRight {
  display:inline;
  float:right;
  margin:0px;
  padding:0px;
}

/***************************content***************************/

#content hr {
  margin-top:20px;
  margin-bottom:20px;
  border:solid 0.5px rgb(121,137,146);
 	height: 1px;
}

#content ul {
  margin:0px;
  margin-top:0.5em;
  margin-bottom:0.5em;
  margin-left:1.2em;
  padding:0px;
  list-style:none;
}
  
#content ul li {
  margin-top:0.5em;
  margin-bottom:0.5em;
  background-image:url(bullet1.gif);
  background-repeat:no-repeat;
  background-position: 0 0.33em;
  padding-left:1em;
}

#content ul li ul li{
  background-image:url(bullet2.gif);
}

#content p a ,#content li a {
  color:rgb(102,153,153);
  text-decoration:none;
  display:inline;
  border-bottom:solid 1px rgb(102,153,153);
}



#content p a:hover, #content li a:hover {
  border-bottom:solid 1px red;
}



/******************animals and news**********************/
/*animal or news photo*/
.grafics {
  margin:0px;
  padding:0px;
  margin:8px;
  width:126px;
  float:left;
  display:inline;
}

.grafics img {
  border: solid 1px rgb(170,181,133);
  padding:2px;
  margin-bottom:4px;
}

.grafics a:hover img {
  border:solid 1px rgb(65,65,50);
}

/*animal or news description*/
.description {
  padding:6px;
  padding-top:4px;
  margin-left:130px;
}

.disclaimer {
  font-size:10px;
}

/*animal information (age, gender, species etc.)*/
p.cv {
  font-size:11px;
  padding:0px;
  margin:0px;
}

p.cv span {
  font-weight:bold;
  color:rgb(170,181,133);
}

/*animals previews on homepage*/
.mini {
  margin:0px;
  padding:0px;
  width:140px;
  float:left;
  display:inline;
}

/*************pager****************************/
p.counter {
  text-align:center;
  padding-top:10px;
  padding-bottom:10px;
}

.linkInactive {
  color:rgb(160,160,160);
}

/*********graphic links on principal pages**********/
.prewka {
  width:430px;
  height:100px;
  margin:10px auto;
  margin-top:30px;
}

.prewka img {
  display:inline;
  float:left;
  margin:0px 20px;
}

/**********image on auction site********************/
a.auction img {
  width:165px;
  border:solid 1px black;
  margin-left:8px;
}

.starter {
  display:inline;
  float:left;
  width:200px;
  padding:4px;
  margin:0px;
  background-color:white;
}

.starter img {
  border:none;
}
  
/*************************guest book*************************/

#content ul.ksg {
  margin:8px;
  padding:0px;
}

#content ul.ksg li {
  list-style:none;
  background-image:none;
  margin:0px;
  padding:0px;
  border-bottom: 1px solid rgb(170,181,133);
  margin-top:8px;
  padding-bottom:8px;
}

#content ul.ksg li h2 {
  display: block;
  width: 120px;
  float:left;
  font-size:11px;
  font-weight:bold;
  margin:0px;
  padding:0px;
}

#content ul.ksg li h2 small {
  display:block;
  font-size:9px;
  font-weight:normal;
  color:rgb(170,181,133);
}

#content ul.ksg li p {
  display:block;
  width:470px;
  min-height:40px;
  margin:0px;
  padding:0px;
  margin-left:130px;
  border-left: 4px solid rgb(170,181,133);
  padding-left:8px;
}

/*guest book in admin panel*/
p.date {
  margin:0px;
  margin-left:8px;
  padding:0px;
  font-size: 10px;
  color:rgb(170,181,133);
}

p.nick {
  margin-top:10px;
  font-weight:bold;
  color:rgb(102,102,51);
}

p.entry {
  color:rgb(102,102,51);
  border:solid 1px rgb(170,181,133);
  background: rgb(234,237,223);
  padding:4px;
}

/***********************************Forms************************************/

form {
  margin:8px;
  padding:0px;
  margin-top:16px;
  margin-bottom:16px;
}

form fieldset {
  border:solid 1px rgb(170,181,133);
  background-color:white;
  background-image:url(back-form.gif);
  background-repeat:repeat-y;
  margin:0px;
  padding:8px;
}

form input {
  border:solid 1px rgb(170,181,133);
  margin-top:2px;
  margin-bottom:4px;
  padding:1px;
}

form label {
  margin-top:4px;
  margin-bottom:4px;
  padding:1px;
}

input.button {
  background-color:rgb(233,237,223);
  border:solid 1px rgb(121,137,146);
  color:rgb(121,137,146);
  margin-left: 4px;
}


form.guestBook  textarea {
  width:415px;
  height:150px;
  overflow:visible;
}

form.guestBook input.button {
  margin-left:373px;	
}

input.button:hover {
  background-color:white;
}

label {
  color:rgb(102,102,51);
}

form textarea {
  border:solid 1px rgb(170,181,133);
  margin-top:4px;
  margin-bottom:4px;
  padding:1px;
  font-family: Verdana,Arial,Helvetica,Sans-serif;
  font-size: 12px;
  line-height: 140%;
}

form select {
  border:solid 1px rgb(170,181,133);
  margin:2px 4px 4px 0px;
}



form.contact {
  border:solid 1px rgb(170,181,133);
  background-color:white;
  background-image:url(back-form.gif);
  background-repeat:repeat-y;
  margin-bottom:0px;
  padding:5px;
  min-height:300px; 
  height:auto !important;
  height:300px;
}

form.contact div {
  overflow: hidden;
  clear: both;
  margin:5px 0px;
  padding:0px;
}

/*contact form*/
form.contact legend {
  margin:0px;
  padding:0px;
  height:0px;
}

form.contact fieldset {
  margin:0px;
  padding:0px;
}

form.contact input, textarea {
  display: block;
  float: left;
  border:solid 1px rgb(170,181,133);
  font-family: Verdana,Arial,Helvetica,Sans-serif;
  font-size: 12px;
  line-height: 140%;
  margin:0px;
  padding:0px;
}

form.contact textarea {
  width:390px;
  height:200px;
  overflow:visible;
}

form.contact label {
  display: block;
  width: 170px;
  float: left;
  margin:0px;
  padding:0px;
}

form.contact input.buttonContact {
  background-color:rgb(233,237,223);
  border:solid 1px rgb(121,137,146);
  color:rgb(121,137,146);
  padding:0px;
  margin:0px;
  display:inline;
  margin-left:520px;

}

form.contact input.buttonContact:hover {
  background-color:white;
}

.desclaimerRight{
  font-size:10px;
  text-align:right;
  margin-bottom:20px;
  margin-top:0px;
}

/*forms in admin panel*/

.formAdmin  fieldset{
  margin-bottom:10px;
}

.formAdmin  label {
  display: block;
  width: 140px;
  float: left;
}

.radio input {
border:none;
}

label.radio    {
  display: block;
  width: 50px;
  float: left;
  padding:0px;
  margin:0px;
  padding-right:5px;

}

label.radiolong    {
  display: block;
  width: 100px;
  float: left;
  padding:0px;
  margin:0px;
}

.formAdmin  input, textarea {
  display: block;
  float: left;
}

.formAdmin  div {
  overflow: hidden;
  clear: both;
  margin-bottom: 0.3em;
}


label.style1 {
width:auto;
padding-top:20px;
}

/*************** Statut *****************/
h2.statut  {
  text-align:center;
  color:rgb(45,45,45);
  margin:20px 0px;
  font-size:14px;
}

h3.statut{
  text-align:center;
  margin-top:10px;
  font-size:12px;
  color:rgb(45,45,45);
  font-weight:bold;
}

ol.statutI {
  padding:0px;
  margin:0px;
}

ol.statutI  li{
  text-align:center;
  list-style-type:upper-roman;
  margin-top:10px;
  font-weight:bold;
}

ol.statut1  li{
  text-align:left;
  list-style-type:decimal;
  font-weight:normal;
  margin-top:0px;
}

ol.statuta li{
  font-weight:normal;
  list-style-type:lower-alpha;
  margin-top:0px;
}

p.paragraf  {
  text-align:center;
  font-weight:normal;
}

p.statut {
  text-align:left;
  margin:0px;
  margin-left:20px;
  font-weight:normal;
}

.italic {
  font-style:italic;
}

/*************** Tęczowy most *****************/

.rainbow_left  {
float:left;
display:inline;
width:191px;
width:175px;
padding:0px 8px;
padding-top:3px;
}

 p.caption {
margin:8px;
margin-top:0px;
font-size:10px;
}

.rainbow_right {
float:left;
display:inline;
width:419px;
}

.rainbow_right {
line-height:120%;
}

.rainbow_right p {
margin:0px;
padding:0px;
margin-bottom:10px;
}

.poem {
text-align:center;
font-style:italic;
padding-top:20px;
}

.poem span {
font-style:normal;
text-align:right;
display:block;
padding-right:150px;
padding-top:5px;
}
.end {
padding-bottom:20px;
}

/*************** Banery *****************/


/* *********************************highslide *****************************/

.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
  outline: none;
}
.highslide img {
	border: 1px solid rgb(170,181,133);
  padding:2px;
}
.highslide:hover img {
	border: 1px solid rgb(150,150,255);
}

.highslide-image {
	border: 10px solid white;
}

.highslide-caption {
  display: none;
  border: 5px solid white;
  border-top: none;
  padding: 5px;
  background-color: white;
}

.highslide-loading {
  display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
  text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
  background-color: black;
  /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}

a.highslide-credits,
a.highslide-credits i {
  padding: 2px;
  color: silver;
  text-decoration: none;
	font-size: 10px;
}

a.highslide-credits:hover,
a.highslide-credits:hover i {
  color: white;
  background-color: gray;
}

.highslide-display-block {
  display: block;
}

.highslide-display-none {
  display: none;
}

/*********************additional classes****************************/
.displayNone {
  display:none;
  margin:0px;
  padding:0px;
}

.displayBlock {
  display:block;
  margin:0px;
  padding:0px;
}

.clear {
  margin:0px;
  padding:0px;
  clear:both;
  height:1px;
  /*width:200px;*/
}

.pad {
  margin-top:30px;
}

.warning {
  color:red;
  font-weight:bold;
}

.short{
  width: 400px;
}

.container {
overflow:hidden;
  display:block;
}

.align_center {
text-align:center;
}

.italics {
font-style:italic
}

.tax_end {
font-weight:bold;
text-align:center;
padding:20px 0px;
}

.tax_end  span {
display:block;
padding-top:10px;
color:#669999;
}


#podatek {
text-align:center;
padding:30px 0px;
}

#links a {
display:block;
text-align:center;
padding-bottom:30px;
}


p.strong_underline {
font-weight:bold;
text-decoration:underline;
}

p.strong_big {
font-weight:bold;
font-size:14px;
color:#2D2D2D;
}

.no_border , #content .no_border, .no.border:hover, #content .no_border:hover{
border:none;
}