* {
}

* {
margin: 0;
padding: 0;
}

/* SZABLON */

body {
font-family: Verdana, sans-serif;
color: #191919;
font-size: 13px;
text-align: justify;
background: #fff url('design/bg1.jpg') repeat-x;
_behavior: url(szablon_pliki/csshover.htc);
}

#container {
position: relative;
min-height: 100%;
_height: 100%;
width: 100%;
background: url('design/bg2.jpg') repeat-x 0 100%;
}

#top-line {
position: absolute;
height: 775px;
width: 100%;
top: 0;
left: 0;
background: url('design/T.jpg') no-repeat top center;
}

#bot-line {
position: absolute;
height: 334px;
width: 100%;
bottom: 0px;
left: 0;
background: url('design/B.jpg') no-repeat top center;
}

#main {
position: relative;
margin: 0 auto 0 auto;
width: 815px;
background:#fff;
padding: 15px 35px 20px 35px;
}

#tekst {width: 550px;}
#tekst-oplywajacy { display:inline}
#tekst-szeroki {width: 100%;}

#top {
position: relative;
margin: 0 auto;
height: 360px;
width: 885px;
background: url('design/menu.jpg') no-repeat 0 105px;
}
#top1 a#index {
position: absolute;
display:block;
left: 35px; top: -12px; 
width: 113px; height: 112px;

}


#top1 {
position: absolute;
height: 81px;
width: 885px;
top: 24px;
left: 0;
background: url('design/top1.jpg') no-repeat;
}

#top2 {
position: absolute;
z-index:1;
left: 36px; 
top: 133px; 
width: 425px; 
height: 151px
}

#top2-strefa h1 {
font-size: 25px;
font-weight: normal;
color: #fff;
font-family: "Times New Roman", serif;
text-align: right;
margin:0
}

#top2 h1 {
font-size: 25px;
font-weight: normal;
color: #fff;
font-family: "Times New Roman", serif;
text-align: right;
margin:0
}

#top2-strefa p{color:#c3c3c3;line-height:100%}

#top2 p{color:#c3c3c3;line-height:100%}
#top2-strefa p:hover{color:#dadada;}
#top2 p:hover{color:#dadada;}
#top2-strefa a{color: #c3c3c3; text-decoration:none}
#top2 a{color: #c3c3c3; text-decoration:none}
#top2-strefa a:visited{color: #c3c3c3;}
#top2 a:visited{color: #c3c3c3;}
#top2-strefa p:hover a{color:#dadada;}
#top2 p:hover a{color:#dadada;}
#top2-strefa p:hover a:hover{color: #fff;}
#top2 p:hover a:hover{color: #fff;}
#top2-strefa a:hover{color: #fff;}

#top-strefa {
position: relative;
margin: 0 auto;
top: 24px;
left: 0;
height: 315px;
width: 885px;
background: url('design/top_strefa.jpg') no-repeat;
}

#top2-strefa {
position: absolute;
z-index:1;
left: 36px; 
top: 102px; 
width: 420px; 
height: 120px
}

#top2-strefa li {
margin-bottom:0px;color:#c3c3c3
}
#top2-strefa p {
margin-bottom:-10px
}



#top3 {
position: absolute;
height: 15px;
width: 821px;
padding:11px 32px 9px 32px ;
top: 239px;
left: 0;
z-index:2;
font-size : 11px; 
color : silver;
}
#top3 a { font-size: 11px; color:silver; text-decoration:none; font-weight:bold; padding: 3px; }
#top3 a:hover { color:#FFFFFF; text-decoration:none; background-color:#646464; padding: 3px; }

#top3 span {
	float:right
}

/* STREFA */


#strefa1 {
position: relative;
width: 50%; 
float:left;
border-right:1px solid #dadada;
height:400px;
border-bottom:1px solid #dadada;
}
#strefa2 {
position: relative;
padding-left:35px;
width: 350px; 
float:left;
height:400px;
border-bottom:1px solid #dadada;
}
#strefa2.komunikaty {
font-size:11px;
}
#strefa1 h2 {
	margin-top:20px
}

#faq {
min-height:500px;
}
#faq ol {margin: 25px 0 25px 40px; font-weight:bold; cursor:pointer}
#faq ol li {margin: 15px 0;}
#faq ol ol {margin: 10px 0 20px 20px; font-weight: normal; list-style: none}



/* BOTTOM */

#bottom {
position: relative;
margin: 0 auto 0 auto;
height: 125px;
width: 885px;
clear: both;
background: url('design/bottom.gif') no-repeat ;
}


#bottom span {
position: absolute;
top: 20px;
right: 30px;
color: #a3a3a3;
font-size: 10px;
text-align: right;
}

#bottom span a {color: #a3a3a3; text-decoration:none}
#bottom span a:visited {color: #a3a3a3;}
#bottom span a:hover {color: #a3a3a3;}

#menu-bottom-1 {
position: relative;
display: block;
margin-left: 13px; 
_margin-left: 6px;
margin-top: 10px; 
width: 144px; height: 50px;
text-indent:-3000px;
float:left
}
#menu-bottom-2 {
position: relative;
display: block;
margin-top: 10px; 
width: 133px; height: 50px;
text-indent:-3000px;
float:left
}
#menu-bottom-3 {
position: relative;
display: block;
margin-top: 10px; 
width: 100px; height: 50px;
text-indent:-3000px;
float:left
}

#menu-bottom-1:hover {
background: url('design/bottom.gif') no-repeat -899px -10px;
_background: url('design/bottom.gif') no-repeat -898px -10px
}
#menu-bottom-2:hover {
background: url('design/bottom.gif') no-repeat -1043px -10px;
_background: url('design/bottom.gif') no-repeat -1042px -10px
}
#menu-bottom-3:hover {
background: url('design/bottom.gif') no-repeat -1176px -10px;
_background: url('design/bottom.gif') no-repeat -1175px -10px
}

#up{
position: absolute;
display: block;
height: 10px;
width: 71px;
top: 67px;
left: 407px;
background: url('design/up.gif') no-repeat;
}


/* MENU */

ul#menu {
position: absolute;
height: 62px;
width: 885px;
top: 298px;
left: 0;
list-style-type: none;
background: url('design/top2.jpg') no-repeat;
z-index:2;
margin:0;padding:0
}
li.tab {
display: block;
float: left;
width: 100px;
height: 52px;
margin:0;padding:0
}
#menu-klub {width:112px;margin-left:30px;_margin-left:15px;}
#menu-czlonkowie {width:118px;}
#menu-dzialalnosc {width:120px;}
#menu-klub:hover {background: url('design/top2.jpg') no-repeat -30px -62px}
#menu-czlonkowie:hover {background: url('design/top2.jpg') no-repeat -142px -62px}
#menu-dzialalnosc:hover {background: url('design/top2.jpg') no-repeat -260px -62px}



li.tab ul {
display: none;
position: absolute;
left: 0;
top: -193px;
width: 850px;
height: 150px;
padding: 43px 0 0 40px;
list-style-type: none;
margin:0;
}

li.tab:hover ul {
display: block;
}

li.tab#menu-klub ul {background:url('design/menu.jpg') no-repeat 0 -194px;}
li.tab#menu-czlonkowie ul {background:url('design/menu.jpg') no-repeat 0 -388px }
li.tab#menu-dzialalnosc ul {background:url('design/menu.jpg') no-repeat 0 -582px;}


li.tab li {
padding:0;
margin:0;
}
ul#menu li.tab li a {
background: url('design/arrow.png') no-repeat 0 52%;
_background: url('design/arrow.gif') no-repeat 0 52%;
color: #000;
padding: 0 2px 0 20px;
text-decoration:none;
line-height:140%
}
ul#menu li.tab li a:hover {
background: url('design/arrow.png') no-repeat 3px 52%;
_background: url('design/arrow.gif') no-repeat 3px 52%;

}

ul#menu li.tab#menu-klub li a:hover {color: #830101;}
ul#menu li.tab#menu-czlonkowie li a:hover {color: #946f01;}
ul#menu li.tab#menu-dzialalnosc li a:hover {color: #0a4a80;}

li.tab2 {
display: block;
float: left;
height: 52px;
margin:0;padding:0
}
#menu-przystapic {width:230px;}
#menu-forum {width:177px;}
#menu-home {width:90px;}
#menu-przystapic:hover {background: url('design/top2.jpg') no-repeat -380px -62px}
#menu-forum:hover {background: url('design/top2.jpg') no-repeat -610px -62px}
#menu-home:hover {background: url('design/top2.jpg') no-repeat -787px -62px}

li.tab2 a {
display: block;
width:100%;
height: 100%;
text-indent:-3000px
}


/* FORMULARZE */


fieldset {
border: none;
padding: 0;
}
label {
display: block;
width: 46px;
float: left;
clear:both;
padding-top:3px;
}
input#login {
width: 160px;
height:13px;
padding:2px;
display: block;
margin-bottom:4px;
border:#dadada 1px solid;
float: right;
}

input#haslo {
width: 160px;
height:13px;
padding:2px;
display: block;
margin-bottom:4px;
border:#dadada 1px solid;
float: right;
}

input#zaloguj {
border:#dadada 1px solid;
background:#EEEEEE;
padding:2px 4px;
font-size:11px;
font-family: Verdana, sans-serif;
float:right
}

input#zaloguj:hover {
background:#fff;
cursor:pointer
}


fieldset#wyszukiwarka {
float:right;
text-align:center;
position:relative;
margin-right:20px
}

fieldset#wyszukiwarka img {
position:absolute;
top:-22px;
left:82px;
}


fieldset#wyszukiwarka span {
position:absolute;
font-size:9px;
color:#dcdcdc;
top:0;
left:20px;
}

input#wyszukaj_pole {
width: 140px;
height:17px;
padding:2px 4px;
display: block;
float:left;
margin-right:3px;
border:#dadada 1px solid;
font-size:11px;
font-family: Verdana, sans-serif;
font-style:italic

}

input#wyszukaj {
border:#dadada 1px solid;
background:#EEEEEE;
height:23px;
padding:2px 4px;
font-size:11px;
font-family: Verdana, sans-serif;
}

input#wyszukaj:hover {
background:#fff;
cursor:pointer
}


/* PRAWA KOLUMNA */

#box {
position: relative;
width:245px;
font-size:12px;
float: right;
margin:0 -12px 10px 30px;
_margin:0 -16px 10px 25px
}

#box div {position: relative; width:215px; padding:67px 25px 20px 25px; margin: 5px 0}

#logowanie {
background:url('design/box.gif') bottom left;
}
#adopcje {
background:url('design/box2.jpg'); 
height:49px; 
padding:150px 25px 0 25px !important;}
#sukcesy {
background:url('design/box-red.jpg') bottom;
text-align:center}
#kocieta {
background:url('design/box-red.jpg') bottom;
text-align:center}
#portal {
background:url('design/box4.gif'); 
height:62px; 
font-size:11px}
#sponsorzy {
background:url('design/box.gif') bottom; 
text-align:center}

#portal strong { display:block; margin-bottom:6px}
#sponsorzy img{margin:0 -25px 0 -24px}

#box h2 {
position:absolute;
top:0;
left:0;
display:block;
height:57px;
width:265px;
text-indent:-3000px;
margin:0; padding:0
}
#logowanie h2 {background:url('design/box1.gif') no-repeat}
#adopcje h2 {background:url('design/box2.jpg') no-repeat}
#kocieta h2 {background:url('design/box3.gif') no-repeat}
#sukcesy h2 {background:url('design/box6.gif') no-repeat}
#portal h2 {background:url('design/box4.gif') no-repeat}
#sponsorzy h2 {background:url('design/box5.gif') no-repeat}

#box a {color:#c3c3c3; text-decoration:none}
#box a:visited {color:#c3c3c3;}
#box a:hover {color: #fff;}



body#zaloguj {
background: #fff;
}

body#zaloguj div#box {
position: relative;
margin:30px auto;
float:  none;
}


/* TEKST */


p {margin: 5px 0 15px 0px;}
a {color: #0377c6;}
a:visited {color: #0377c6;}
a:hover {color: #f0ba00;}
a:focus {outline: none;}

.red {	color:#e10106}

h1 {
font-size: 30px;
font-weight: normal;
color: #7b0101;
font-family: "Times New Roman", serif;
text-align: left;
margin:0px 0 15px 0;
}

h2 {
font-size: 30px;
font-weight: normal;
color: #7b0101;
font-family: "Times New Roman", serif;
text-align: left;
margin:30px 0 15px 0;
}

h3 {
font-size: 13px;
font-weight: bold;
color: #000;
margin:20px 0 15px 0;
}


ol {margin: 15px 0 15px 40px;}
ol li {margin-bottom:6px ;}

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

ul.arrow {
list-style-type: none;
padding: 0;
margin: 0 0 0 20px
}

ul.arrow li a {
padding: 0 0 0 20px;
background: url('design/arrow.png') no-repeat 0 52%;
_background: url('design/arrow.gif') no-repeat 0 52%;
}

ul.arrow li a:hover {
background: url('design/arrow.png') no-repeat 3px 52%;
_background: url('design/arrow.gif') no-repeat 3px 52%;
}


img {
border:none
}

sup {font-size: 9px; }
sup:hover {color:#000}
sup.ask {cursor:help}

.info {
color:gray; 
font-size: 11px;
padding:0 0 2px 22px;
background:url('icons/information.gif') no-repeat;}

.help {
padding:0 17px 2px 0;
background:url('icons/help-icon.gif') no-repeat center right;
cursor:help}


dt {font-weight: normal; margin-top:15px;}
dd {margin-left:50px; margin-bottom:15px;}

.data {
font-size: 9px;
color: #d3d3d3;
margin-bottom:-1px
}
.news_title {
color: #e10106;
margin-top:0px;
font-weight:bold
}

.data .day-mon {
display:block;
float:left;
font-size: 30px;
color: #d3d3d3;
font-family: "Times New Roman", serif;
margin:-3px 3px 0 0
}

div.more{
margin: 5px 0 15px 0px;
}
a.more{
padding-right:14px;
background:url('icons/bullet_arrow_down.gif') no-repeat 98% 60% ;
}
a.more:hover{
padding-right:14px;
background:url('icons/bullet_arrow_down.gif') no-repeat 100% 60% ;
}

table a.more{
padding-right:14px;
background:url('icons/bullet_arrow_down.gif') no-repeat 100% 60% ;
}


hr {
border: none;
color:#d3d3d3;
background-color:#d3d3d3;
height:1px;
margin:30px 0 0 0
}

.ramka {
padding:4px;
background: #fff;
border:1px solid #e1e1e1;
}


.na_srodek {
margin: 0 auto;
display:block;
padding:4px;
background: #fff;
border:1px solid #e1e1e1;
}

.na_lewo {
float:left;
margin: 0 15px 5px 0;
}
.na_prawo {
float:right;
margin: 0 0 5px 15px;
}

/* TABELE */

table {
border: 1px solid #dadada;
margin-top: 15px;
margin-bottom: 20px;
border-collapse: collapse;
text-align:left;
width:100%
}

table td {
vertical-align: top;
border: 1px solid #d3d3d3;
padding: 4px 6px;
}

table th {
border: 1px solid #d3d3d3;
background: #EFEFEF;
padding: 3px 3px;
font-weight: bold;
text-align:center;
}


table.kontakt ul {margin: 0 0 0 30px; list-style: square}
table.kontakt {border:none;}
table.kontakt td {
border-top: 1px solid #d3d3d3;
border-bottom: 1px solid #d3d3d3;
border-left:none;
border-right:none;
padding: 10px 3px;
}
table.kontakt th {
border-top: 1px solid #d3d3d3;
border-bottom: 1px solid #d3d3d3;
border-left:1px solid #EFEFEF;
border-right:1px solid #EFEFEF;
color:#c3c3c3;
font-weight:normal;
text-align:left
}

table.cennik td.cena {
text-align:right;
padding: 4px 7px;
font-size:12px
}

table.cennik td.tytul {
text-align: center;
font-style:italic;
font-size:12px
}

table.hodowle_kategorie td {
padding:2px;
text-align:center
}

td.foto_hodowli {
width:130px;
height:105px;
padding:10px;
text-align:center;
background:url('design/bezfoto.gif') no-repeat center center;
}

td.foto_hodowli div {position: relative;}
td.foto_hodowli img {width:130px;}

td.dane_hodowli {
width:110px;
border-right:none;
font-style:italic
}
td.dane_hodowli2 {
border-left:none;
}

td.foto_hodowli a.kocieta {
position:absolute;
display:block;
width:95px;
height:93px;
top:-30px;
left:-35px;
background:url('design/kocieta.png') no-repeat;
_background:url('design/kocieta.gif') no-repeat
}


table.kod {
width:468px;
text-align:left;
font-family:"Courier New", Courier, monospace;
font-size:11px;
color:gray
}

table.kod th {
 padding:10px;
vertical-align:top
}

table.wyniki {font-size:10px;}
table.wyniki th {font-size:13px;}
table.wyniki td.imiekota {width:190px;}
table.wyniki td.ems {width:70px; }


/* TOOLTIP */

div#tip {
 padding: 5px;
 border: 1px solid #dadada;
 display: none;
 background: #fff;
 font-size: 10px;
 text-align: left;
 position: absolute;
 z-index: 1000;
 max-width:350px;
}

/* RODOWODY */


p.strefa-menu { text-align:center}
a.aktywne { color: black; font-weight:bold; text-decoration:none }
p.strefa-strony {text-align:right; color:gray; font-size:10px; margin:15px 5px 0 0}
p.strefa-strony a {color:gray;}

.menu { color: black; }
.menu:link { color: black; }
.menu:visited { color: black; }
.menu:active { color: black; }   
.menu:hover { color: red; }

.menu_rd { color: black; }
.menu_rd:link { color: black; }
.menu_rd:visited { color: black; }
.menu_rd:active { color: black; }   
.menu_rd:hover { color: red; }


table.tabela {
border: 1px solid #dadada;
margin-top: 12px;
margin-bottom:0px;
border-collapse: collapse;
text-align:left;
width:100%;
font-size:11px
}

table.tabela td {
vertical-align: top;
border: 1px solid #d3d3d3;
padding: 4px 5px;
}

table.tabela tr:hover {
background: #D1D8DE;
}


table.tabela th {
border: 1px solid #d3d3d3;
background: #0F0F0F;
padding: 4px 3px;
font-weight: bold;
text-align:center;
vertical-align:middle;
color:#EDEDED
}

table.tabela th a {color:#EDEDED}
table.tabela th a:link {color:#EDEDED}
table.tabela th a:visited {color:#EDEDED}
table.tabela th a:active {color:#fff}
table.tabela th a:hover {color:#fff}

th.tabela-dodane{width:82px;}
th.tabela-nazwa{width:225px;}
th.tabela-kategoria{width:94px;}
th.tabela-uwagi{}
th.tabela-status{width:130px;}
th.tabela-aktualizacja{width:85px;}

td.tabela-nazwa{text-align:left; padding-left: 7px;font-weight:bold;}


td.tabela-kot{text-align:left; padding-left: 7px; font-weight:bold; width:235px;}
td.tabela-rasa{}
td.tabela-kolor{text-align:left; padding-left: 7px;}
td.tabela-plec{}
td.tabela-statuskot{}