
/* --- START - niezmienne elementy ---- */

A:active {color:#3C4324; text-decoration:none;} 
A:link {color:#3C4324; text-decoration:underline;} 
A:visited {color:#3C4324; text-decoration:none;} 
A:hover {color:#3C4324; text-decoration:none;}

BODY {
padding-top:87px;
text-align:right;
position: absolute;
right:0;
padding-right:0px;
margin-right:0;
background-image: url(images/tlo.gif);
background-repeat:repeat-x;
background-color:#606940;
}

TD {
font-family:Verdana, Arial;
font-size:11px;
color:#513B19;
}

.copyright A:active {text-decoration:none; color:#ffffff;} 
.copyright A:link {text-decoration:none; color:#ffffff;} 
.copyright A:visited {text-decoration:none; color:#ffffff;} 
.copyright A:hover {text-decoration:underline; color:#ffffff;}

.copyright {
font-family: Verdana, Arial, Tahoma;
font-size:10px;
color:#ffffff;
text-align:center;
}

.left1 {
width:343px;
height:144px;
background-image: url(images/left1.gif);
cursor:pointer;
}

.left3 {
width:220px;
height:210px;
padding-top:90px;
padding-left:123px;
background-image: url(images/left3.gif);
font-family:Verdana,Arial;
font-size:11px;
color:#513B19;
text-align:left;
}

.left3 A:active {color:#513B19; text-decoration:none;} 
.left3 A:link {color:#513B19; text-decoration:none;} 
.left3 A:visited {color:#513B19; text-decoration:none;} 
.left3 A:hover {color:#513B19; text-decoration:underline;}

.left4 {
width:343px;
height:62px;
background-image: url(images/left4.jpg);
background-repeat: no-repeat;
}

.cien-bottom {
width:454px;
height:17px;
background-image: url(images/cien-bottom.gif);
}

.psy-nazwa {
font-family:Verdana,Arial;
font-size:17px;
color:#3C4324;
font-weight:bold;
}

.back {
font-family:verdana;
font-size:10pt;
color:#3C4324;
border: 1px solid #3C4324;
font-weight:bold;
background-color:#ffffff;
float:center;
}

.next {
font-family:Verdana, Arial;
font-size:11px;
color:#BBB2A5;
}

.data-male {
font-family:Verdana,Arial;
font-size:9px;
color:#513B19;
}

.center {
width:530px;
background-color:#FFFFFF;
font-family:Verdana, Arial;
font-size:11px;
line-height:16px;
color:#513B19;
text-align:left;
padding-left:20px;
padding-top:30px;
padding-right:8px;
padding-bottom:10px;
}
/* --- KONIEC - niezmienne elementy ---- */












/* --- START - wszystkie podstony ---- */

.left1-2 {
width:343px;
height:144px;
background-image: url(images/left1-2.gif);
cursor:pointer;
}


/* --- KONIEC - wszystkie podstony ---- */














/* --- START - menu ---- */

.menu-en {
font-family:Tahoma, Verdana, Arial;
font-size:10px;
font-weight:bold;
color:#ADAE99;
}

.menu1 {
width:100px;
height:47px;
background-image: url(images/menu-tlo.gif);
background-repeat:no-repeat;
background-position:right top;
background-color:#FFFBED;
font-family:Tahoma, Verdana, Arial;
font-size:11px;
font-weight:bold;
text-align:right;
padding-right:3px;
padding-top:21px;
color:#3C4324;
}

.menu1 A:active {color:#3C4324; text-decoration:none;} 
.menu1 A:link {color:#3C4324; text-decoration:none;} 
.menu1 A:visited {color:#3C4324; text-decoration:none;} 
.menu1 A:hover {color:#3C4324; text-decoration:underline;}

.menu-pasek {
width:1px;
height:47px;
background-image: url(images/menu-pasek.gif);
}

.menu2 {
width:121px;
height:47px;
background-image: url(images/menu-tlo.gif);
background-repeat:no-repeat;
background-position:right top;
background-color:#FFFBED;
font-family:Tahoma, Verdana, Arial;
font-size:11px;
font-weight:bold;
text-align:right;
padding-right:3px;
padding-top:21px;
color:#3C4324;
}

.menu2 A:active {color:#3C4324; text-decoration:none;} 
.menu2 A:link {color:#3C4324; text-decoration:none;} 
.menu2 A:visited {color:#3C4324; text-decoration:none;} 
.menu2 A:hover {color:#3C4324; text-decoration:underline;}

.menu3 {
width:80px;
height:47px;
background-image: url(images/menu-tlo.gif);
background-repeat:no-repeat;
background-position:right top;
background-color:#FFFBED;
font-family:Tahoma, Verdana, Arial;
font-size:11px;
font-weight:bold;
text-align:right;
padding-right:3px;
padding-top:21px;
color:#3C4324;
}

.menu3 A:active {color:#3C4324; text-decoration:none;} 
.menu3 A:link {color:#3C4324; text-decoration:none;} 
.menu3 A:visited {color:#3C4324; text-decoration:none;} 
.menu3 A:hover {color:#3C4324; text-decoration:underline;}

.menu4 {
width:110px;
height:47px;
background-image: url(images/menu-tlo.gif);
background-repeat:no-repeat;
background-position:right top;
background-color:#FFFBED;
font-family:Tahoma, Verdana, Arial;
font-size:11px;
font-weight:bold;
text-align:right;
padding-right:3px;
padding-top:23px;
color:#3C4324;
}

.menu4 A:active {color:#3C4324; text-decoration:none;} 
.menu4 A:link {color:#3C4324; text-decoration:none;} 
.menu4 A:visited {color:#3C4324; text-decoration:none;} 
.menu4 A:hover {color:#3C4324; text-decoration:underline;}

.menu5 {
width:120px;
height:47px;
background-image: url(images/menu-tlo.gif);
background-repeat:no-repeat;
background-position:right top;
background-color:#FFFBED;
font-family:Tahoma, Verdana, Arial;
font-size:11px;
font-weight:bold;
text-align:right;
padding-right:3px;
padding-top:22px;
color:#3C4324;
}

.menu5 A:active {color:#3C4324; text-decoration:none;} 
.menu5 A:link {color:#3C4324; text-decoration:none;} 
.menu5 A:visited {color:#3C4324; text-decoration:none;} 
.menu5 A:hover {color:#3C4324; text-decoration:underline;}

.menu6 {
width:7px;
height:47px;
background-color:#FFFBED;
}

.menu7 {
width:110px;
height:47px;
background-image: url(images/menu-tlo.gif);
background-repeat:no-repeat;
background-position:right top;
background-color:#FFFBED;
font-family:Tahoma, Verdana, Arial;
font-size:11px;
font-weight:bold;
text-align:right;
padding-right:3px;
padding-top:22px;
color:#3C4324;
}

.menu7 A:active {color:#3C4324; text-decoration:none;} 
.menu7 A:link {color:#3C4324; text-decoration:none;} 
.menu7 A:visited {color:#3C4324; text-decoration:none;} 
.menu7 A:hover {color:#3C4324; text-decoration:underline;}



/* --- KONIEC - menu ---- */











/* --- START - home ---- */

.left2-home {
width:343px;
height:170px;
background-image: url(images/left2.gif);
}

.center-home {
width:540px;
height:460px;
background-color:#FFFBED;
font-family:Verdana, Arial;
font-size:11px;
color:#3C4324;
text-align:left;
padding-left:10px;
padding-top:20px;
padding-right:8px;
padding-bottom:10px;
}

.news-image {
background-image: url(images/news.gif);
width:71px;
height:35px;
margin-bottom:5px;
}

/* --- KONIEC - home ---- */

















/* --- START - psy ---- */

.center-psy {
width:530px;
height:3015;
background-color:#FFFFFF;
font-family:Verdana, Arial;
font-size:11px;
line-height:16px;
color:#513B19;
text-align:left;
padding-left:20px;
padding-top:30px;
padding-right:8px;
padding-bottom:10px;
}

.left2-psy {
width:343px;
height:2725;
background-image: url(images/left2.gif);
}

div.zdjecie-psy {
width: 140px;
float: left;
}

div.margin-psy {
width:20px;
height:100px;
float: left;
}

div.nazwa-psy {
height:80px;
padding-top:20px;
font-family:Verdana, Arial;
font-size:11px;
color:#513B19;
}

div.nazwa-psy A:active {color:#513B19; text-decoration:none;} 
div.nazwa-psy A:link {color:#513B19; text-decoration:none;} 
div.nazwa-psy A:visited {color:#513B19; text-decoration:none;} 
div.nazwa-psy A:hover {color:#513B19; text-decoration:underline;}

div.odstep-psy {
width:500px;
height:25px;
margin-top:0px;
}

.nazwa-psa {
font-family:Verdana, Arial;
font-size:15px;
color:#513B19;
font-weight:bold;
}

.left1-psy {
width:343px;
height:44px;
background-image: url(images/left1-psy.gif);
background-repeat: repeat-y;
cursor:pointer;
}


.psy-1 {
width:40px;
}

.psy-2 {
width:1px;
background-color:#D9D9D9;
}

.psy-center {
width:901px;
font-family:Verdana, Arial;
font-size:11px;
line-height:16px;
color:#513B19;
text-align:left;
}

.psy-bottom-1 {
height:41px;
width:40px;
}

.psy-bottom-2 {
height:41px;
width:30px;
background-image: url(images/psy-rog.jpg);
}

.psy-bottom-3 {
height:41px;
width:831px;
background-image: url(images/psy-cien.gif);
}

.osiagniecia {
font-family:Verdana, Arial;
font-size:14px;
line-height:19px;
}

.left1-psy {
width:343px;
height:44px;
background-image: url(images/left1-psy.gif);
background-repeat: repeat-y;
cursor:pointer;
}

.psy-podstrona {
width:860px;
background-color:#FFFBED;
padding-top:20px;
color:#3C4324;
}

/* --- KONIEC - psy ---- */


/* ------HANDLING -----*/

div.ramka {
width:166px !important;
width:165px;
height:250px;
border:1px solid #DCCAAD;
text-align:center;
float:left;
margin:0px 15px
}

div.ramka:hover {
width:166px !important;
width:165px;
height:250px;
border:1px solid #7F643B;
text-align:center;
float:left;
margin:0px 15px
}

img.handling {
margin-top:8px;
margin-left:7px;
margin-right:7px;
margin-bottom:0px;
border:0px
}

.handling-nazwa {
font-family:Verdana, Arial;
font-size:11px;
color:#513B19;
text-align:center;
font-weight:bold;
}

.handling-wl {
font-family:Verdana, Arial;
font-size:10px;
color:#513B19;
text-align:center;
}

div.poziomo {
width:603px;
height:285px;
}

.handling-nazwa-div {
width:163px;
height:70px;
text-align:center;
}

img.in-memoriam-foto {
border: 5px solid black;
}

.in-memoriam-nazwa {
font-family:Verdana,Arial;
font-size:17px;
color:black;
font-weight:bold;
}

.in-memoriam-data {
font-family:Verdana,Arial;
font-size:14px;
color:black;
font-weight:bold;
}

.in-memoriam-hod {
font-family:Verdana,Arial;
font-size:13px;
color:black;
}

div.grooming-ramka {
width:214px !important;
width:213px;
height:184px;
border:1px solid #DCCAAD;
text-align:center;
float:left;
margin:0px 10px
}

div.grooming-ramka:hover {
width:214px !important;
width:213px;
height:184px;
border:1px solid #7F643B;
text-align:center;
float:left;
margin:0px 10px
}

img.grooming {
margin-top:7px;
margin-left:7px;
margin-right:7px;
margin-bottom:7px;
border:0px
}

div.grooming-poziomo {
width:730px;
height:204px;
}

div.grooming-wybor {
width:800px;
height:417px;
text-align:center;
background-image: url(images/grooming-tlo.jpg);
font-family:Verdana, Arial;
font-size:18px;
line-height:40px;
color:#513B19;
font-weight:bold;
}

.left1-grooming-1 {
width:185px;
height:44px;
background-image: url(images/left1-grooming-1.gif);
background-repeat: repeat-y;
cursor:pointer;
}

.left1-grooming-2 {
width:158px;
height:44px;
background-image: url(images/left1-grooming-2.gif);
background-repeat: repeat-y;
cursor:pointer;
}


td.shows {
	padding-left:6px;
	padding-right:6px;
	padding-top:3px;
	padding-bottom:3px;
	}

td.rok {
	font-weight:bold;
	padding-top:9px;
	padding-bottom:9px;
	}
	

.galeria {
	text-align: center;
}

.galeria table {
	margin-left: auto;
	margin-right: auto;
}

.galeria td {
}

.galeria td img {
	border:3px solid #dad5ce;
	margin:4px;
}

.stronicowanie {
	font-family:Verdana, Arial;
	font-size:11px;
	color:#524C3C;
	font-weight:bold;
}

div.stronicowanie A:active {text-decoration:none; color:#524C3C; font-weight:100;} 
div.stronicowanie A:link {text-decoration:none; color:#524C3C; font-weight:100;} 
div.stronicowanie A:visited {text-decoration:none; color:#524C3C; font-weight:100;} 
div.stronicowanie A:hover {text-decoration:underline; color:#524C3C; font-weight:100;}

span.brak-wystaw {
	color:#e0dfdc;
}

span.rod-tytuly {
	font-family:Verdana, Arial;
	font-size:10px;
	line-height:16px;
	color:#513B19;
	font-style:italic;
}


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

img.sedziowanie-mini {
	margin:4px;
	border:3px solid #bcbca8;
}