html, body {
  margin: 0px;
  padding: 0px;
  background-color: #e5e5e5;
  height: 100%;
}

#container{
background-color: #e5e5e5;
width: 700px;
min-height: 100%;
margin:0 auto;
}

#header{
background-color: #333333;
width: 700px;
height: 150px;
}

#menu{
height: 15px;
float:right;
color: #cccccc;
position: relative;
top: 105px;
padding: 0px 10px;
font-size: 11px;
font-family: arial;

}

#menu a{
text-decoration: none;
display: inline;
color: #cccccc;
font-size: 11px;
font-family: arial;
}



#logo{
background-image: url('gfx/logo.png');
width: 344px;
height: 44px;
position: absolute;
top: 93px;
float:left;
}

#main{
background-color: #e5e5e5;
width: 700px;
height:100%;
font-family:arial,sans-serif;
color:#333333;
font-size:14px;
font-weight:normal;
line-height: 15px;
padding-bottom: 0px;
overflow:auto;
}
#up{
width: 700px;
height:320px;
padding: 50px 0px 0px 0px;
}
#center{
width: 700px;
height:430px;
}
#center a{
text-decoration: none;

color: #333333;

}
#center a:hover{
color: #9AB220;
}
#w1{
width: 120px;
height:310px;
border-right: 1px solid #cccccc;
float:left;
margin: 40px 0 0 0;
padding: 20px 20px 0 10px;
}
h1{
font-family:arial,sans-serif;
color:#555555;
font-size:25px;
font-weight:normal;
line-height: 30px;
}
#w2{
width: 180px;
height:310px;
border-right: 1px solid #cccccc;
float:left;
margin: 40px 0 0 0;
padding: 20px 30px 0 35px;
}
#w3{
width: 260px;
height:310px;
float:left;
margin: 40px 0 0 0;

padding: 20px 10px 0 30px;

}
#footer{
background-color: #333333;
width: 700px;
height: 20px;
font-family:arial,sans-serif;
color:#cccccc;
font-size:10px;
font-weight:normal;
line-height: 10px;
position: relative;
margin:-20px auto 0 auto;

	clear:both;
}

#bre{
font-size:15px;
line-height: 38px;
}

#line{
background-color: #cccccc;
width: 700px;
height: 10px;
position: absolute;
top: 140px;
}

#line2{
background-color: #cccccc;
width: 700px;
height: 3px;
position: absolute;
clear: left;
-moz-box-shadow: 0px 3px 15px 1px #ccc;
 -webkit-box-shadow: 0px 3px 15px 1px #ccc;
 box-shadow: 0px 3px 15px 1px #ccc;
}
#podstrona{
width: 700px;

padding: 50px 0px 0px 0px;

}
#podstrona a{
text-decoration: none;
color: #333333;
}

#podstrona a:hover{
color: #9AB220;
}

#mapa{
-moz-box-shadow: 2px 2px 10px 4px #ccc;
 -webkit-box-shadow: 2px 2px 10px 4px #ccc;
 box-shadow: 2px 2px 10px 4px #ccc;
}

#line3{
background-color: #cccccc;
height: 1px;
float:right;
margin: 7px 0px;
-moz-box-shadow: 1px 0px 10px 1px #ccc;
 -webkit-box-shadow: 1px 0px 10px 1px #ccc;
 box-shadow: 1px 0px 10px 1px #ccc;
}

#line_gal{
background-color: #cccccc;
height: 1px;
float:right;
margin: 7px 0px;
}

#tytul{
margin: 0px 20px 20px 0px;
float:left;
clear: left;
}

#image{
background-image: url('gfx/pies1.jpg');
width: 320px;
height: 280px;
float:right;
margin: 6px 0px 0 20px;
-moz-box-shadow: inset 0 0 5px 3px #ccc;
 -webkit-box-shadow: inset 0 0 5px 3px #ccc;
 box-shadow: inset 0 0 5px 3px #ccc;
 -webkit-border-radius: 13px; /* Safari, Chrome */
 -khtml-border-radius: 13px;    /* Konqueror */
 -moz-border-radius: 13px; /* Firefox */
  border-radius: 13px;
}

#image2{
background-image: url('gfx/kot2.jpg');
width: 320px;
height: 280px;
float:right;
margin: 6px 0px 0 20px;
-moz-box-shadow: inset 0 0 5px 3px #ccc;
 -webkit-box-shadow: inset 0 0 5px 3px #ccc;
 box-shadow: inset 0 0 5px 3px #ccc;
 -webkit-border-radius: 13px; /* Safari, Chrome */
 -khtml-border-radius: 13px;    /* Konqueror */
 -moz-border-radius: 13px; /* Firefox */
  border-radius: 13px;

}

#image3{
background-image: url('gfx/usg2.jpg');
width: 320px;
height: 280px;
float:right;
margin: 6px 0px 0 20px;
-moz-box-shadow: inset 0 0 5px 3px #ccc;
 -webkit-box-shadow: inset 0 0 5px 3px #ccc;
 box-shadow: inset 0 0 5px 3px #ccc;
 -webkit-border-radius: 13px; /* Safari, Chrome */
 -khtml-border-radius: 13px;    /* Konqueror */
 -moz-border-radius: 13px; /* Firefox */
  border-radius: 13px;
}

#image4{
background-image: url('gfx/usg2.jpg');
width: 320px;
height: 280px;
float:right;
margin: 6px 0px 0 20px;
filter: Alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}

#tresc{
height: 100%;
margin: 15px 0 ;
text-align: justify;
clear: left;
}

/*galeria*/

#akap
{
margin: 0px 10px;
padding: 0px 8px;
box-shadow: -8px 0px 10px -10px #182019;

}

#galeria {

padding: 0 0 500px;
}
#galerie {
width: 0px;
height: 15px;
overflow:hidden;
float:left;
}

#gal_miniatura{
width: 81px;
height: 81px;
padding: 10px 10px;
background-color: #fff;
margin: 0 15px 15px 0;
float: left;
}

#gal_miniatura img{
width: 100%;
height: 100%;
opacity: 0.9;
filter: 'alpha(opacity=90)';
}

#gal_zdjecie{
			display: none;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: rgba(0,0,0,0.8);
			z-index:1001;

}
#gal_ramka{
			position: absolute;
			top: 30%;
			left: 35%;
			width: 29%;
			height: 39%;
			background-color: white;
			z-index:1002;
			    display: table-cell;
    vertical-align: middle;
	 padding: 1% 1%;
}
#gal_ramka img{
   display: block;
    margin-left: auto;
    margin-right: auto;
	 			width: 98%;
			height: 98%;

}

/*Opera Fix*/
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;
}
