/* Kaskadowy Arkusz Stylów Sklep Zoologiczny Kena Poznań */ 

body {
	margin:0px;
	background: #ffffff;   
	color: #696969;
	padding:0;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 10pt;
	line-height: 150%;
	voice-family: male;
	volume: medium;
	text-align: center;
	}

#kontener {
	text-align:left;	
	border-left: solid 1px;
   border-right: solid 1px;
	width:755px;
	margin:auto;
   background-color: #ffffff;
	}

#header {
	width:755px;
	height: 232px;
	color: #696969;
   margin: 0px;
   background-image: url(../pics/header.jpg);
   background-repeat: no-repeat;
   background-position: top;
	}

#sklep {
   font: 20px bold;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   color: #002200;
   margin: 0px;
   padding: 5px;
}

#top {
   background-color: #DCDCDC;
   border: 0px;
   height: 30px;
}
   
#content {
	position:relative;
   color: #333333;
	width: 755px;
	padding: 0;
	margin: 0;
	}

#left {
	float:left;
	color: #333333;
	width: 190px;
	text-align: left;
	border-color: #696969;
	border-style: solid;
	border-width: 0px;
	margin: 5px 4px 11px 4px;
   background-color: #ffffff;
   /* background: url(../pics/niebback.gif) #fefefe no-repeat bottom left; */
	}

#right {
	float: left;
	width: 545px;
	background: #ffffff;
	color: #696969;
	border-color: #696969;
	border-style: solid;
	border-width: 0px;
	text-align:left;
	margin: 5px 0 10px 0;
   /* background: url(../pics/niebback.gif) #fefefe no-repeat bottom left; */
	}

address {
   color: Silver;
	border-top: solid 1px;
   border-bottom: solid 1px;
	margin:0px;
	width: 100%;
   height: 25px;
   clear: both;
   padding: 0px;
   vertical-align: bottom;
	font-size: 9pt;
   background-color: Green;
   text-align: center;
	}

#news {
	text-align: center;
	font-size: 8pt;
	color: #696969;
	}

#boulie {
   font-size: 9px;
   text-align: center;
}
   
a {
	color: maroon;
   font-weight: normal;
	text-decoration: underline;
	}

a:link {
	color: maroon;
	}

a:visited {
	color: maroon;
	}

a:hover {
	background-color: #CCCCCC;
	text-decoration: none;
	}
	
.inside {
	margin: 10px 0 10px 0;
	}
	
.tresc {
	margin: 10px;
	}
   
.point {
   font-weight: bold;
   color: #B70000;
   outline: #8B0000;
   margin-right: 3px;
   margin-left: 10px;
   }


/* Nagłówki */   
   
h1 {
	margin:0px 0px 10px 0px;
	padding:0px;
	font-size: 1.5em;
	font-weight: 700;
	color: #BB0000;
	}
	
h2 {
	font-size: 1.3em;
	font-weight: bold;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	}
	
h3 {
	font-size: 1.1em;
	font-weight: bold;
	margin:0px 0px 5px 0px;
	padding:0px;
	color: #D00000;
	}
	
h4 {
	font-size: 1em;
	font-weight: bold;
	margin:0px 0px 5px 0px;
	padding:0px;
	color: #969696;
	}
   
p {
   margin-top: 5px;
}
	
hr.clear{
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	border-width:0;
	margin:0;
	padding:0;
}

.title{
	overflow:hidden;
	height:5px;
	width:100%;
	background:url(../pics/cien01.gif) repeat-x;
	clear:both;
   margin: 0px;
}

h2.info{
	width:auto;
	height:24px;
	color:#fff;
	background:#777 url(../pics/backt.jpg) repeat-x;
	padding:0 0 0 1em;
	margin:0;
	font-size:70%;
	line-height:2em;
   text-align: center;
}

/* Menu */
   
.ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 170px; /* Width of Menu Items */
	border-bottom: 1px solid #ccc;
	}

ul li {
	position: relative;
	}
	
li ul {
	position: absolute;
	left: 169px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	}

/* Styles for Menu Items */
ul li a {
	display: block;
	text-decoration: none;
	color: #777;
	background: #fff; /* IE6 Bug */
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 0;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul li { 
   float: left; height: 1%; 
   }
* html ul li a { 
   height: 1%; 
   }
/* End */

ul li a:hover { 
   color: #006400; 
   background: #C7FF91; 
   } /* Hover Styles */
		
li ul li a { 
   padding: 2px 5px; 
   } /* Sub Menu Styles */
		
li:hover ul, li.over ul { 
   display: block; 
   } /* The magic */
   
* html div.section{
	margin-top /**/:1.5em;
}

/* Cieniowanie boxow */

.cien {
	border-top: 1px solid #696969;
	border-right: 2px outset #969696;
	border-left: 1px solid #696969;
	border-bottom: 2px outset #969696;
	}

.ciennieb { 
   border:1px solid #ddd; 
   padding:0; 
   background: url(../pics/niebback.gif) #fefefe no-repeat bottom left; 
   }

* html .ciennieb { 
   float:left; 
   } 

.cien1 { 
   background:url(../pics/cien02.gif) repeat-x bottom left; 
   }
   
.cien2 { 
   background:url(../pics/cien03.gif) repeat-y top right; 
   }
   
.cien3 { 
   background:url(../pics/cien04.gif) no-repeat bottom right; 
   }
   
.cien4 { 
   background:url(../pics/cien05.gif) no-repeat top right; 
   }
   
.cien5 { 
   background:url(../pics/cien06.gif) no-repeat bottom left; 
   padding-bottom:11px; 
   padding-right:12px; 
   }
   
.cien6 { 
   border:2px solid #f0f0ea; 
   padding:1em; 
   background:#fafaf5 url(../pics/backgrad.gif) repeat-x; 
   }
   
.cien7 { 
   border:1px solid #ddd; 
   padding:0.5em; 
   background:#fff url(../pics/grad.gif) repeat-x top; 
   }
   
.cien8 { 
   border:1px solid #ddd; 
   padding:0; 
   background:#fefefe url(../pics/klawiszback1.gif) no-repeat bottom left; 
   }

* html .cien1,
* html .cien2,
* html .cien3,
* html .cien5,
* html .cien6,
* html .cien8 { 
   float:left; 
   } 
   
/* Inne*/   
   
acronym {
	border-bottom: 1px #666666 dotted;
	cursor:help;
	}
   
.alt {
	display: none;
	}

.liniak {
	background-repeat : repeat-x;
	background-image: url(../pics/linia3.gif);
	height: 1px;	
	width:auto;
	margin-top: 20px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	}