* {margin: 0; padding: 0; border: 0;}

html { 
	height:100%;
}

body {
	background: #201527;
	font-family: verdana, sans-serif; 
	font-size: 11px; 
	color:#c2cbd2;
	text-align:justify;
	height:100%;
	margin:0; 
	padding:0;
}

p {
	padding:5px;
	line-height:120%;
}

td {
	vertical-align:top;
}

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

h3 {
	text-align:center;
	font-size:18px;
	padding:0;
}

h5 {
	text-align:left;
	margin: 0 0 0 10px;
}


#container {
	top:0;
	margin: 0 auto;
	position: relative;
	background: #201527;
	}	
	

#main {
	top:0;
	margin: 0 auto;
	position: relative;
	height: 545px;
	width:987px;
	background: #201527 url(images/bgs/container.jpg) bottom left no-repeat;
	}	
	
#fotohome {
	background:url(images/bgs/fotohome.jpg) bottom 	no-repeat;
	width:499px; 
	height:449px; 
	left:525px; 
	margin-left:-37px; 
	top:0; 
	position:absolute;	
	}

	
#fotokontakt {
	background:url(images/bgs/fotokontakt.jpg) bottom 	center no-repeat;
	width:499px; 
	height:449px; 
	left:525px; 
	margin-left:-37px; 
	top:0; 
	position:absolute;	
	}
#fotomemorial {
	background: url(images/bgs/fotomemorial.jpg) bottom 	center no-repeat;
	width:499px; 
	height:449px; 
	left:525px; 
	margin-left:-37px; 
	top:0; 
	position:absolute;	
	}

#fotopuppies {
	background:url(images/bgs/fotopuppie.jpg) bottom 	center no-repeat;
	width:499px; 
	height:449px; 
	left:525px; 
	margin-left:-37px; 
	top:0; 
	position:absolute;	
	}

#fotolinks {
	background:url(images/bgs/fotolinki.jpg) bottom center 	no-repeat;
	width:499px; 
	height:449px; 
	left:526px; 
	margin-left:-37px; 
	top:0; 
	position:absolute;	
	}

#fotofemales {
	background:url(images/bgs/fotofemales.jpg) bottom 	center no-repeat;
	width:499px; 
	height:449px; 
	left:526px; 
	margin-left:-37px; 
	top:0; 
	position:absolute;	
	}

#fotomales {
	background:url(images/bgs/fotomale.jpg) bottom 	center no-repeat; 
	width:467px; 
	height:446px; 
	left:526px; 
	margin-left:-37px; 
	top:3px; 
	position:absolute;
	}
	
#fotogaleria {
	background:url(images/bgs/fotogaleria.jpg) bottom 	center no-repeat;
	width:499px; 
	height:449px; 
	left:526px; 
	margin-left:-37px; 
	top:0; 
	position:absolute;	
	}

#art {
	background:url(images/bgs/fotoart.jpg) bottom 	center no-repeat; 
	width:467px; 
	height:446px; 
	left:526px; 
	margin-left:-37px; 
	top:3px; 
	position:absolute;
	}
		
#fci{
position:absolute;
left: 383px;
top: 493px;
width:45px;
height:40px;
z-index:10;
}

#zkwp{
position:absolute;
left: 440px;
top: 493px;
width:45px;
height:40px;
z-index:10;
}

.foto_lewa{
float: left;
clear:left;
margin: 2px 8px 0px 0px;
}

#menu {
background:url(images/menu/menu.jpg) no-repeat;
position:absolute;
left:88px;
top:545px;
width:723px;
height:55px;
z-index:90;
}

a#menu01, a#menu02, a#menu03, a#menu04, a#menu05, a#menu06, a#menu07, a#menu08, a#menu09{
left: 0px;
top: 0;
text-indent:-3000px;
position:absolute;
display:block;
z-index:100;
}

a#menu01 {
left:44px;
width:48px;
height:24px;
}

a#menu02 {
left:110px;
width:42px;
height:24px;
}

a#menu03 {
left:165px;
width:57px;
height:24px;
}

a#menu04 {
left:245px;
width:52px;
height:24px;
}

a#menu05 {
left:318px;
width:60px;
height:24px;
}

a#menu06 {
left:396px;
width:89px;
height:24px;
}

a#menu07 {
left:502px;
width:75px;
height:24px;
}

a#menu08 {
left:595px;
width:55px;
height:24px;
}

a#menu09 {
left:665px;
width:45px;
height:24px;
}

a#menu01:hover {
background: url(images/menu/hover.gif) -44px 0px;
}

a#menu02:hover {
background: url(images/menu/hover.gif) -110px 0px;
}

a#menu03:hover {
background: url(images/menu/hover.gif) -165px 0px;
}

a#menu04:hover {
background: url(images/menu/hover.gif) -245px 0px;
}

a#menu05:hover {
background: url(images/menu/hover.gif) -318px 0px;
}

a#menu06:hover {
background: url(images/menu/hover.gif) -396px 0px;
}

a#menu07:hover {
background: url(images/menu/hover.gif) -502px 0px;
}

a#menu08:hover {
background: url(images/menu/hover.gif) -595px 0px;
}

a#menu09:hover {
background: url(images/menu/hover.gif) -665px 0px;
}

#footer {	
	background: url(images/bgs/footer.jpg) no-repeat top 	center;
	width: 778px;
	height: 175px;
	bottom:0;
	left:50%;
	text-align:center;
	margin-left: -389px;
	position:relative;
	z-index:2;
	}
	
code {
background: url(images/bgs/code.gif) repeat #2f1c35; 
display: block;
font-size:9px;
width:350px;
height: auto;
font-family:Verdana;
border: 1px outset #efd38a;
text-align:center;
padding:5px;
line-height:110%;
color: #AA7FAA;
margin: 0 auto;
}


#text {
	position:relative;
	top:8px;	
	height:467px;
	width:470px;
	line-height:15px;
	margin-right:auto;
	overflow:auto;
	overflow-y:auto;
	overflow-x:hidden;
	z-index:1;
	left: 15px;
		padding: 0px 0px 0px 0px;
		}
	
.righta {
	text-align:right;
	margin-right:10px;
	margin-top:-10px;
	}

#copy{
position:absolute;
color:#4e3c5a;
font-family: Tahoma;
left:20px;
letter-spacing:1px;
top: 488px;
width: 320px;
height:10px;
z-index:11;
font-size:10px;
text-align:justify;
padding-bottom:10px
}

#text a:link {
color:#ECD39D; 
text-decoration:none; 
}

#text a:hover	{ 
color: #FAE158; 
text-decoration:none; 
}

#text a:visited {
	color: #ECD39D;
	text-decoration: none;
}

#copy a:link, #copy a:visited {
color:#6b596d; 
text-decoration:none; 
}

#copy a:hover	{ 
color:#a66bad; 
text-decoration:none; 
}

.style2 {
	font-size: 14px;
	font-weight: bold;
	color: #9747cc;
}
.style7 {
	color:#D4BFAA;
	font-size: 24px;
	font-family: "Monotype Corsiva";
}
.style8 {
	color: #DDDCB7;
	font-weight: bold;
}
.style9 {color: #DDDAB7}

.style10 {
	color: #9E9DBB;
	font-style: italic;
	}

.style11 {color: #E4C685}

.style12 {
	color: #CF9A4C;
	font-weight: bold;
}

.style14 {
	font-size: 12px; color: #B1A9B4; }

.style16 {color: #998873}


.style20 {color: #B1A9B4; font-weight: bold; }
.style21 {color: #ECD39D;}	

.style23 {font-size: 9px}

.style28 {
	color: #9A67A9;
	font-weight: bold;
}