html { 
height: 100%; 
min-height: 100%; 
font-size: 11pt;  
border: 0; 
margin: 0; 
padding: 0;
}

body { 
border: 0;
margin: 0; 
padding: 0;  
height: 100%;  
min-height: 100%; 
min-width: 1000px;
background: url('gfx/fizjocare_tlo.jpg'); 
}

article{
width: 900px;
column-count: 1;
-moz-column-count: 1;
}

p{
font-family: "Garamond";
font-size: 18px;
line-height: 1.5;
text-indent: 45px;
color: black;
text-align: justify;
}

p img { 
margin-left: 25px;
margin-top: 5px;
margin-bottom: 25px;
float: right; 
border: 10px;
border-style: solid;
border-color: #ffffff;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

#container {  
top: 640px; 
width: 1000px; 
height: 550px;
margin: 0 auto 0 auto;
position: relative;
}


#logo_bg {
z-index: 100;
top: 0; 
position: fixed;
width: 1000px;
height: 200px;
right: 0;
left: 0;
margin-right: auto;
margin-left: auto;
}

#logo {
z-index: 99;
top: 0px;
left: 10px;
position: absolute;
width: 195px;
height: 195px;
}

#napis {
z-index: 98;
top: 125px;
left: 220px;
position: absolute;
width: 300px;
height: 65px;
}

#kontakt {
z-index: 92;
top: -10px;
left: 500px;
position: absolute;
width: 400px;
height: 130px;
border-radius: 10px;
background: #add24b;
}

#pasek {
z-index: 91;
top: 195px;
position: absolute;
width: 100%;
height: 5px;
background: #add24b;
}

#tlo {
position: absolute;
z-index: 90;
top: 0px;
width: 1000px;
height: 200px;
background: #ffffff;
opacity: 0.82;
box-shadow: 0 0 20px #000000; 
}

#bartosz {
top: 220px; 
position: absolute;
width: 1000px;
height: 400px;
background: url('gfx/bartosz_bresinski.jpg'); 
right: 0;
left: 0;
margin-right: auto;
margin-left: auto;
box-shadow: 0 0 20px #000000; 
}

#bartosz2 {
top: 640px; 
position: absolute;
width: 1000px;
height: 800px;
background: #ffffff; 
right: 0;
left: 0;
margin-right: auto;
margin-left: auto;
box-shadow: 0 0 20px #000000; 
}

#rehabilitacja {
position: absolute;
width: 490px;
height: 350px;
background: #ffffff; 
left: 0;
top: 0;
background: url('gfx/rehabilitacja.jpg'); 
box-shadow: 0 0 20px #000000; 
}
#rehabilitacja_1 {
position: absolute;
width: 490px;
height: 350px;
background: #ffffff; 
left: 0;
top: 0;
opacity: 0;
background: url('gfx/rehabilitacja_1.jpg'); 
}
#rehabilitacja_1:hover {
    opacity: 1;
	-moz-transition: 0.7s all;
	-webkit-transition: 0.7s all;
	-o-transition: 0.7s all;
	transition: 0.7s all;
}

#masaz {
position: absolute;
width: 490px;
height: 350px;
background: #ffffff; 
left: 510px;
top: 0;
background: url('gfx/masaz.jpg'); 
box-shadow: 0 0 20px #000000; 
}

#masaz_1 {
position: absolute;
width: 490px;
height: 350px;
background: #ffffff; 
left: 510px;
top: 0;
opacity: 0;
background: url('gfx/masaz_1.jpg'); 
}

#masaz_1:hover {
    opacity: 1;
	-moz-transition: 0.7s all;
	-webkit-transition: 0.7s all;
	-o-transition: 0.7s all;
	transition: 0.7s all;
}

#odnowa {
position: absolute;
width: 490px;
height: 350px;
background: #ffffff; 
left: 0;
top: 370px;
background: url('gfx/odnowa.jpg'); 
box-shadow: 0 0 20px #000000; 
}

#odnowa_1 {
position: absolute;
width: 490px;
height: 350px;
background: #ffffff; 
left: 0;
top: 370px;
opacity: 0;
background: url('gfx/odnowa_1.jpg'); 
}

#odnowa_1:hover {
    opacity: 1;
	-moz-transition: 0.7s all;
	-webkit-transition: 0.7s all;
	-o-transition: 0.7s all;
	transition: 0.7s all;
}

#fizykoterapia {
position: absolute;
width: 490px;
height: 350px;
background: #ffffff; 
left: 510px;
top: 370px;
background: url('gfx/fizykoterapia.jpg'); 
box-shadow: 0 0 20px #000000; 
}

#fizykoterapia_1 {
position: absolute;
width: 490px;
height: 350px;
background: #ffffff; 
left: 510px;
top: 370px;
opacity: 0;
background: url('gfx/fizykoterapia_1.jpg'); 
}

#fizykoterapia_1:hover {
    opacity: 1;
	-moz-transition: 0.7s all;
	-webkit-transition: 0.7s all;
	-o-transition: 0.7s all;
	transition: 0.7s all;
}

#facebook {  
z-index: 94;
left: 930px;
top: 0px;
position: absolute;
width: 60px;
height: 60px;
opacity: 0.4;
}

#facebook:hover {
    opacity: 1;
	-moz-transition: 0.7s all;
	-webkit-transition: 0.7s all;
	-o-transition: 0.7s all;
	transition: 0.7s all;
}

#twetter {  
z-index: 94;
left: 930px;
top: 60px;
position: absolute;
width: 60px;
height: 60px;
opacity: 0.4;
}

#twetter:hover {
    opacity: 1;
	-moz-transition: 0.7s all;
	-webkit-transition: 0.7s all;
	-o-transition: 0.7s all;
	transition: 0.7s all;
}

#google {  
z-index: 94;
left: 930px;
top: 120px;
position: absolute;
width: 60px;
height: 60px;
opacity: 0.4;
}

#google:hover {
    opacity: 1;
	-moz-transition: 0.7s all;
	-webkit-transition: 0.7s all;
	-o-transition: 0.7s all;
	transition: 0.7s all;
}

#credits {  
top: 850px;
width: 100%;
height: 55px;
position: relative;
background: #ffffff;
opacity: 0.85;
box-shadow: 0 0 20px #000000; 
}

#pasek_dol {
top: 0;
position: absolute;
width: 100%;
height: 5px;
background: #add24b;
}

#credits_tekst {
top: 10px;
position: relative;
width: 1000px;
margin: 0 auto 0 auto;
}

h1 {  
margin-top: 0;  
padding: 0;  
font-family: "trebuchet ms";  
font-size: 10pt;  
font-style: normal;   
font-weight: normal; 
color: #424242;  
border: 0;  
text-align: center;  
padding-top: 0;}

h1 a {  
color: #0e60bd;  
text-decoration: none;}

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

#footer {  
margin-top: 0;  
padding: 0;  
font-family: "trebuchet ms";  
font-size: 10pt;  
font-style: normal;   
font-weight: normal; 
color: #424242;  
border: 0;  
text-align: center;  
padding-top: 0;}