*{
margin: 0;
padding: 0;
}
body{
background-color: #333;
font-family: Arial, Verdana, Tahoma;
font-size: 11px;
color: #4c4b4b;
}
#container{
width: 800px;
height: 680px;
margin: 25px auto;
position: relative;
background: #fff url(images/bg_container.gif) repeat-y left top;
border: 1px solid #000;
}
#box {
margin: 0 auto;
width: 650px;
height: 526px;
padding:8px;
background-color: #fff;
border: 1px solid #000;
position: relative;
top: 82px;
}
#head_glowna {
background: #fff url(images/top.jpg) no-repeat left top;
/*background: #fff url(images/bg_top_glowna.jpg) no-repeat left top;*/
width: 648px;
height: 168px;
}
#head_strony {
background: #fff url(images/bg_top_strony.jpg) no-repeat left top;
width: 648px;
height: 168px;
}
#head_omnie {
background: #fff url(images/bg_top_omnie.jpg) no-repeat left top;
width: 648px;
height: 168px;
}
#head_galeria {
background: #fff url(images/bg_top_galeria.jpg) no-repeat left top;
width: 648px;
height: 168px;
}
#head_kontakt {
background: #fff url(images/bg_top_kontakt.jpg) no-repeat left top;
width: 648px;
height: 168px;
}
#left {
float: left;
width: 240px;
height: 318px;
background: #fff url(images/bg_left.gif) repeat-y left top;
}
div#navigation {
width: 240px;
margin-top: 20px;
}
div#navigation ul {
list-style-type: none;
margin: 0;
padding: 0;
text-align: right;
width: 220px;

}
div#navigation ul li{
display:block;
padding:6px 10px 6px 0;
background: url(images/red_circle.gif) no-repeat right center;
}
h1{
display:none;
}
div#navigation ul li a {
color: #696969;
text-decoration: none;
font-family: Arial, Verdana sans-serif;
font-size: 16px;
font-weight:bold;
}
div#right p{
margin: 8px 0;
}
.center{
text-align: center;
}
.border{
border:1px solid #b2b2ae;
}

#right {
width:396px;
height:298px;
padding:10px 6px;
float:left;
background-color: #e1e1e1;
}

div#glowna{
margin: 0;
padding: 0;
width:410px;
height:318px;
float:left;
background-color: #e1e1e1;

/*background: #fff url(images/arbuz.jpg) no-repeat left top;*/
background: #fff url(images/dorota9.jpg) no-repeat left top;
}
div#foot{
background: #696969 url(images/bg_foot.gif) no-repeat left top;
width: 648px;
height: 40px;
}
div#foot p{
color: #e1e1e1;
font-weight: bold;
font-size: 11px;
font-family: Arial, sans-serif;
padding: 12px 0 0 60px;
margin: 0
}
div#foot p a{
text-decoration: none;
color: #e1e1e1;
}
ul.gallery_www {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  list-style-type: none;
}
ul.gallery_www li {
  display: inline;
  margin: 1px;
  padding: 0;
}
ul.gallery_www li img {
  width: 93px;
  height: 72px;
}
ul.gallery_www li a img{
border:none;

}

/*tooltipy*/
a.tt{
    position:relative;
    z-index:24;
    color:#850c00;
	font-weight:normal;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #850c00;
    text-align: left;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #850c00;
    background: url(images/bubble.gif) no-repeat bottom;
}
ul.galeria_foto {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  list-style-type: none;
}
ul.galeria_foto li {
  display: inline;
  margin: 1px;
  padding: 0;
}
ul.galeria_foto li img {
  width: 93px;
  height: 72px;
}
ul.galeria_foto a img {
border: none;
}