/**************************************/
/*                                    */
/*          Biblioteka CSS'ów         */
/*                                    */
/*     www:http://platinum.gd         */
/*     e-mail:platinum@tlen.pl        */
/*                                    */
/**************************************/
/*     CSS'y można wykorzystać na     */
/*  własnych stronach, pod warunkiem  */
/*    umieszczenia powyższej ramki    */
/**************************************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{
margin:0;
padding:0;
border:0;
outline:0;
vertical-align:baseline;
background:transparent
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
display:block
}
body{
background-color:#d8d8d8;
font-family:Verdana, Arial, sans-serif
}
a{
-webkit-transition:all 200ms ease-in;
-o-transition:all 200ms ease-in;
-moz-transition:all 200ms ease-in;
}
.tekst-S{font-size:10px}
.tekst-M{font-size:11px}
.tekst-L{font-size:12px}
.tekst-X{font-size:13px}
.tekst-Y{font-size:14px}
.clear{
margin:0px;
padding:0px;
clear:both
}
#StartBackground{
background-image:url(start/gradiant.png);
background-repeat:repeat-x;
background-position:bottom;
height:429px;
padding-top:30px;
background-color:#000
}
#StartHodowlaDogowNiemieckich{
background-image:url(start/banner.gif);
background-repeat:no-repeat;
text-align:center;
margin-right:auto;
margin-left:auto;
width:748px;
padding-top:40px
}
#StartCzarnychIArlekinow{
background-image:url(start/banner2.gif);
background-repeat:no-repeat;
text-align:center;
margin-right:auto;
margin-left:auto;
width:279px;
padding-top:39px
}
#StartPlatinum{
background-image:url(start/platinum.jpg);
background-repeat:no-repeat;
margin-right:auto;
margin-left:auto;
width:700px;
height:259px
}
#StartFlagi{
margin-right:auto;
margin-left:auto;
width:720px;
margin-top:-55px;
}
#StartFlagi a{
text-decoration:none;
font-weight:bold;
text-shadow:-2px 2px 0px #aaa, -3px 2px 0px #aaa;
color:#000
}
#StartFlagi a:hover{
color:#eee
}
.StartFlaga{
float:left;
height:100px;
width:180px;
text-align:center
}
#StartCopyright{
color:#333;
text-align:center;
font-weight:normal;
}
#StartCopyright a, .Foto a, a.linek, .BoxTekst a, .BoxFotoPoziom a, .BoxFotoPion a, .ND a, .NT2 a, .NF2 a, .NF3 a, .NT a, .NF a, table a{
text-decoration:underline;
color:#000
}
#StartCopyright a:hover, #StartValidatory a, #StartValidatory a:hover, #StartLinki a, .ND a:hover, .NT2 a:hover, .NF2 a:hover, .NF3 a:hover, .NT a:hover, .NF a:hover, table a:hover{
text-decoration:none;
color:#666
}
#StartValidatory p{
text-align:center;
margin-top:20px
}
#StartVhtml5{
background-image:url(start/vhtml5.png);
background-repeat:no-repeat;
vertical-align:top;
padding-right:20px;
width:71px;
height:31px
}
#StartVcss{
background-image:url(start/vcss.png);
background-repeat:no-repeat;
width:69px;
height:31px
}
#StartLinki p{
color:#666;
text-align:center;
margin-top:10px;
font-size:10px
}
#StartLinki a:hover{
text-decoration:underline;
color:#666
}
#IndexHodowlaDogowNiemieckich{
background-color:#000;
text-align:center;
padding-top:5px
}
#Indexgdk1{
background-image:url(index/gdk1.jpg);
background-repeat:no-repeat;
background-color:#000;
padding-right:20px;
width:71px;
height:15px
}
#Indexgdk2{
background-image:url(index/gdk2.jpg);
background-repeat:no-repeat;
background-color:#000;
padding-right:20px;
width:71px;
height:15px
}
#Indexgdk3{
background-image:url(index/gdk3.jpg);
background-repeat:no-repeat;
background-color:#000;
width:90px;
height:15px
}
#Indexdd1{
background-image:url(index/dd1.jpg);
background-repeat:no-repeat;
background-color:#000;
padding-right:20px;
width:115px;
height:15px
}
#Indexdd2{
background-image:url(index/dd2.jpg);
background-repeat:no-repeat;
background-color:#000;
width:95px;
height:15px
}
#Indexa{
background-image:url(index/a.jpg);
background-repeat:no-repeat;
background-color:#000;
width:167px;
height:15px
}
#Indexhdn1{
background-image:url(index/hdn1.jpg);
background-repeat:no-repeat;
background-color:#000;
padding-right:20px;
width:113px;
height:15px
}
#Indexhdn2{
background-image:url(index/hdn2.jpg);
background-repeat:no-repeat;
background-color:#000;
padding-right:20px;
width:86px;
height:17px
}
#Indexhdn3{
background-image:url(index/hdn3.jpg);
background-repeat:no-repeat;
background-color:#000;
width:135px;
height:15px
}
#Indexcia{
background-image:url(index/cia.png);
background-repeat:no-repeat;
background-color:#000;
width:185px;
height:17px
}
#Indexbah{
background-image:url(index/bah.png);
background-repeat:no-repeat;
background-color:#000;
width:164px;
height:17px
}
#Indexsug{
background-image:url(index/sug.png);
background-repeat:no-repeat;
background-color:#000;
width:184px;
height:17px
}
#Indexnea{
background-image:url(index/nea.png);
background-repeat:no-repeat;
background-color:#000;
width:153px;
height:13px
}
#IndexBackground{
background-image:url(index/gradiant.png);
background-repeat:repeat-x;
background-position:bottom;
background-color:#000;
height:145px
}
#IndexTop{
width:996px;
margin-right:auto;
margin-left:auto
}
#IndexPlatinumMenu{
background-image:url(index/PlatinumMenu.jpg);
background-repeat:no-repeat;
margin-right:auto;
margin-left:auto;
width:996px;
height:145px;
text-align:center;
display:table
}
#IndexAAA{
float:right;
font-size:22px;
margin-top:-165px;
margin-right:70px
}
#IndexAAA ul li {
font-family:Arial, sans-serif;
list-style:none;
float:left;
width:35px;
height:27px;
text-align:center;
vertical-align:middle;
cursor:pointer
}
#IndexAAA ul li:hover {
font-weight:bold;
color:#fff
}
#IndexAm, #IndexAr, #IndexAp{
color:#aaa;
}
#IndexSearch{
font-size:20px;
float:right;
margin-top:-125px
}
#IndexSearchWindow{
border-top:#aaa 1px solid;
border-bottom:#aaa 1px solid;
border-left:#aaa 1px solid;
border-right:#aaa 1px solid;
background-color:transparent;
color:#ccc;
font-size:14px;
padding-left:2px;
width:180px
}
#IndexSearchWindow:hover{
border-top:#fff 2px solid;
border-bottom:#fff 2px solid;
border-left:#fff 2px solid;
border-right:#fff 2px solid;
width:179px;
color:#fff
}
#IndexSearchKey{
border-top:#aaa 1px solid;
border-bottom:#aaa 1px solid;
border-left:#aaa 1px solid;
border-right:#aaa 1px solid;
background-color:transparent;
width:30px;
color:#ccc;
font-weight:bold
}
#IndexSearchKey:hover{
border-top:#fff 2px solid;
border-bottom:#fff 2px solid;
border-left:#fff 2px solid;
border-right:#fff 2px solid;
width:30px;
color:#fff
}
#glowna		{background:url(index/glowna.png)}
#nowosci	{background:url(index/nowosci.png)}
#poczatek	{background:url(index/poczatek.png)}
#psy		{background:url(index/psy.png)}
#suki		{background:url(index/suki.png)}
#mioty		{background:url(index/mioty.png)}
#szczenieta	{background:url(index/szczenieta.png)}
#wystawy	{background:url(index/wystawy.png)}
#memoriam	{background:url(index/memoriam.png)}
#kontakt	{background:url(index/kontakt.png)}
#linki		{background:url(index/linki.png)}

#glowna,
#nowosci,
#poczatek,
#psy,
#suki,
#mioty,
#szczenieta,
#wystawy,
#memoriam,
#kontakt,
#linki		{background-position:100% -40px}

a #glowna	{background:url(index/glowna.png)}
a #nowosci	{background:url(index/nowosci.png)}
a #poczatek	{background:url(index/poczatek.png)}
a #psy		{background:url(index/psy.png)}
a #suki		{background:url(index/suki.png)}
a #mioty	{background:url(index/mioty.png)}
a #szczenieta {background:url(index/szczenieta.png)}
a #wystawy	{background:url(index/wystawy.png)}
a #memoriam	{background:url(index/memoriam.png)}
a #kontakt	{background:url(index/kontakt.png)}
a #linki	{background:url(index/linki.png)}

a:hover #glowna,
a:hover #nowosci,
a:hover #poczatek,
a:hover #psy,
a:hover #suki,
a:hover #mioty,
a:hover #szczenieta,
a:hover #wystawy,
a:hover #memoriam,
a:hover #kontakt,
a:hover #linki	{background-position:100% -40px}

#IndexMenu{
display:table-cell;
vertical-align:bottom;
padding-bottom:1px
}
#IndexMenu ul{
display:table;
margin-right:auto;
margin-left:auto;
font-weight:bold;
color:black
}
#IndexMenu ul li{
display:table-cell;
padding-left:8px;
padding-right:8px
}
#IndexMenu ul li a, .Foto a:hover, a:hover.linek, .BoxTekst a:hover, .BoxFotoPoziom a:hover, .BoxFotoPion a:hover{
text-decoration:none;
color:#666
}
l#IndexMenu ul li a:hover{
text-decoration:none;
color:black
}
.IndexMenuOff{
}
a:hover .IndexMenuOn{
}
#IndexNawigacja{
background-image:url(index/gora.png);
background-repeat:no-repeat;
background-color:#d8d8d8;
margin-right:auto;
margin-left:auto;
display:table;
width:996px;
height:20px
}
#IndexNawigacjaTekst{
display:table-cell;
padding-left:103px;
padding-top:3px;
color:#333
}
#IndexNawigacjaTekst a, #IndexNawigacjaMapa a{
text-decoration:underline;
color:#333
}
#IndexNawigacjaTekst a:hover, #IndexNawigacjaMapa a:hover{
text-decoration:none;
color:#000
}
#IndexNawigacjaMapa{
display:table-cell;
padding-top:3px;
width:85px;
color:#333
}
#IndexSrodek{
display:table;
text-align:center;
margin-right:auto;
margin-left:auto;
width:996px
}
#IndexLeft{
background-image:url(index/lewa.png);
background-repeat:repeat-y;
background-color:#d8d8d8;
display:table-cell;
vertical-align:top;
padding-top:5px;
width:98px
}
#IndexLeftCenter{
margin-left:auto;
width:76px
}
#IndexCenter{
background-image:url(index/tlo.jpg);
background-repeat:no-repeat;
background-color:#ebebeb;
display:table-cell;
width:799px
}
#IndexCenterBox{
display:table;
padding:0px 30px;
text-align:center;
margin-right:auto;
margin-left:auto
}
#IndexRightLine{
background-image:url(index/prawa_linia.png);
background-repeat:no-repeat;
background-position:bottom;
background-color:#ebebeb;
display:table-cell;
width:1px
}
#IndexRight{
background-image:url(index/prawa.png);
background-repeat:repeat-y;
background-color:#d8d8d8;
display:table-cell;
vertical-align:bottom;
color:#333;
width:98px
}
#IndexStopka{
background-image:url(index/dol.png);
background-repeat:no-repeat;
background-color:#d8d8d8;
display:table;
margin-right:auto;
margin-left:auto;
text-align:center;
width:996px
}
#IndexStopkaLeft{
display:table-cell;
padding-top:3px;
width:98px
}
#IndexStopkaCenter{
display:table-cell;
color:#333;
padding-top:10px;
width:800px
}
#IndexStopkaRight{
display:table-cell;
color:#333;
width:98px
}
#IndexStopkaCenter a, #IndexStopkaRight a{
text-decoration:underline;
color:#666
}
#IndexStopkaCenter a:hover, #IndexStopkaRight a:hover{
text-decoration:none;
color:#000
}
#BoxBack{
display:table-cell;
padding-top:3px;
padding-left:7px;
width:399px
}
#BoxTop{
display:table-cell;
font-weight:bold;
padding-bottom:5px;
width:792px
}
#BoxBack a, #BoxPedigree a, #BoxTop a, .MiotyLR a, .BoxNews a{
text-decoration:none;
font-weight:bold;
color:#aa0000
}
#BoxBack a:hover, #BoxPedigree a:hover, #BoxTop a:hover, .MiotyLR a:hover, .BoxNews a:hover{
text-decoration:underline;
font-weight:bold;
color:#ff0000
}
#BoxBack{
text-align:left
}
#BoxTop{
text-align:right
}
#BoxPedigree{
text-align:center
}
.BoxTekst, .BoxFotoPoziom, .BoxFotoPion{
display:table-cell;
vertical-align:middle
}
.BoxTekst{
width:320px
}
.BoxFotoPoziom{
width:430px
}
.BoxFotoPion{
width:300px
}
.BoxTekstMaxJustify{
padding:10px 50px;
text-align:justify;
text-indent:7%;
}
.BoxTekstMaxLeft{
padding:10px 50px;
text-align:left
}
.BoxTekstMaxRight{
padding:10px 50px;
text-align:right
}
.FotoBox{
display:table;
margin-right:auto;
margin-left:auto;
padding-top:20px
}
.Foto, .MiotyFoto, .MiniaturaTekst{
padding-left:10px;
padding-right:10px;
vertical-align:top;
display:table-cell
}
.MiotyFoto{
padding-left:13px;
padding-right:13px;
}
.BorderZaloba{
border:2px solid black
}
.BorderZaloba, .BorderShadow{
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
-webkit-box-shadow:1px 1px 3px black;
-o-box-shadow:1px 1px 3px black;
-moz-box-shadow:1px 1px 3px black;
box-shadow:1px 1px 3px black
}
a:hover .BorderZaloba, a:hover .BorderShadow{
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
-webkit-box-shadow:0px 0px 3px black;
-o-box-shadow:0px 0px 3px black;
-moz-box-shadow:0px 0px 3px black;
box-shadow:0px 0px 3px black
}
.Tekst{
padding-left:10px;
padding-right:10px;
vertical-align:middle;
display:table-cell
}
.ZalobaBox, .MiotBox{
display:table;
margin-right:auto;
margin-left:auto
}
.ZalobaWstazka, .MiotLewa, .MiotPrawa, .MiotDuzeLewa, .MiotDuzeSrodek, .MiotDuzePrawa{
display:table-cell;
vertical-align:top
}
.ZalobaKto{
display:table-cell;
padding-left:5px;
padding-right:37px;
vertical-align:middle
}
.MiotyLR{
display:table-cell;
vertical-align:top;
font-weight:bold;
width:80px
}
.MiotyFoto a{
text-decoration:none;
color:#333
}
.MiotyFoto a:hover{
text-decoration:underline;
font-weight:bold;
color:#000 
}
.MiniaturaTekst a, .MiotyRodowod a{
text-decoration:none;
font-weight:bold;
color:#333
}
.MiniaturaTekst a:hover, .MiotyRodowod a:hover{
text-decoration:underline;
font-weight:bold;
color:#000
}
.wystawa{
width:700px;
height:55px
}
.wystawa a{
vertical-align:middle;
text-decoration:none;
color:#000
}
.wystawa a:hover{
font-size:medium;
font-weight:bold
}
.LinkiRamka{
width:380px;
height:44px;
overflow: hidden;
}
.MiotPrawa{
text-align:right;
font-weight:bold;
padding-right:5px;
}
.MiotLewa{
text-align:left
}
.MiotDuzeLewa, .MiotDuzePrawa{
vertical-align:middle;
width:50px;
}
.MiotDuzeSrodek{
margin-right:auto;
margin-left:auto;
width:450px;
}
.MiotyRed{
color:#aa0000
}
.LinkiNawigacja, .LinkiNawigacja a{
text-decoration:none;
color:#666
}
.LinkiNawigacja a:hover{
text-decoration:underline;
color:#000
}
.LinkiBox{
vertical-align:top;
display:table-cell;
}
.Linki a, .Linki2 a, .LinkiMax a, .LinkiMax2 a{
display:table-cell;
text-decoration:none;
vertical-align:middle;
width:400px;
color:#000
}
.Linki a, .LinkiMax a{
height:21px;
}
.Linki2 a, .LinkiMax2 a{
height:42px;
}
.Linki a:hover, .Linki2 a:hover, .LinkiMax a:hover, .LinkiMax2 a:hover{
cursor:crosshair;
text-decoration:none;
font-size:larger;
font-weight:bold
}
.LinkiMax a, .LinkiMax2 a{
width:792px;
}
ul{
padding-left:40px;
list-style-type:none;
}
ol{
margin-left:50px;
list-style-type:none;
text-align:left;
width:450px;
color:#000
}
ol a{
text-decoration:none;
color:#000
}
ol a:hover{
text-decoration:underline;
font-weight:bold;
color:#000
}
ol li li li, ol li li li li li, ol li li li li li li li{
list-style-type:circle;
}
ol li li, ol li li li li, ol li li li li li li{
list-style-type:disc;
}
li{
padding-top:4px;
}
.NB{
padding-top:15px;
padding-bottom:15px;
display:table
}
.ND{
text-align:left;
vertical-align:top;
display:table-cell
}
.NT2{
width:550px;
padding-left:5px;
text-align:left;
vertical-align:top;
display:table-cell
}
.NF2{
width:550px;
}
.NF3{
width:650px;
}
.NF2, .NF3{
text-align:center;
display:table-cell
}
.NT{
padding:10px 0px 20px 108px;
text-indent:-85px;
width:560px;
text-align:left;
}
.NF{
padding:0px 0px 30px 0px;
display:table;
margin-right:auto;
margin-left:auto;
text-align:center
}
.NM{
margin-left:-30px;
text-indent:0px;
text-align:center;
width:450px;
}
table{
border-collapse:collapse;
-webkit-box-shadow:1px 1px 3px black;
-o-box-shadow:1px 1px 3px black;
-moz-box-shadow:1px 1px 3px black;
box-shadow:1px 1px 3px black;
}
td{
padding:3px 5px 3px 5px;
border:1px dotted black;
vertical-align:middle;
font-size:10px
}
a.LinkGlowna{
text-decoration:underline;
color:#000
}
a.LinkGlowna:hover{
text-decoration:none;
color:#000
}
.NowyDomek{
color:#aa0000
}
#kil{
display:none !important;
}
.ramka{
border:red 1px solid;  /* ★ * ★ * ★  R A M K A  ★ * ★ * ★ */
}