* {margin:0;padding:0}
/* mac hide \*/
html,body{
height:100%;
width:100%;

}
/* end hide */
body {
background: url(img/gr.png) center center fixed;
text-align:center;
min-height:600px;/* for good browsers*/
min-width:800px;/* for good browsers*/
}


#outer{
height:100%;
width:100%;
display:table;
vertical-align:middle;
}
#container {
text-align: center;
position:relative;
vertical-align:middle;
display:table-cell;
height: 604px;
}
#inner {
width: 800px;
height: 604px;
text-align: left;
margin-left:auto;
margin-right:auto;
background: url(img/tlo.png) repeat-x #fdefd1;
border: 1px solid #4b3720;
}




#wszystko {
background: url(img/tlo.png) repeat-x #fdefd1;
width: 800px;
text-align: left;
margin-left: auto;
margin-right: auto;
min-height: 400px;
}

#gora {
background: url(img/top.jpg) no-repeat right top;
width: 800px;
height: 226px;
float: left;
}

#studio_urody_i_wizazu {
display: block;
margin-top: 17px;
margin-left: 15px;
}

#astoria {
display: block;
margin-top: 40px;
margin-left: 50px;
}

#tresc {
background: #fdefd1;
border: 1px solid #f1dcba;
width: 495px;
height: 250px;
float: left;
margin-top: 11px;
padding: 15px;
margin-left: 36px;
overflow: hidden;
}

#menu {
float: right;
width: 202px;
margin-top: 4px;
height: 285px;
}

a img {
border: 0px;
}

#menu a {
float: right;
opacity: 1;
width: 202px;
height: 56px;
overflow: hidden;
}

#menu a:hover img {
position: relative;
left: -202px;
}

#stopka {
background: #b9864a;
height: 85px;
width: 100%;
float: left;
clear: both;
}

#mapka_dojazdu {
float: left;
margin-top: 18px;
margin-left: 16px;
margin-right: 7px;
}

#adres {
font-family: Tahoma;
font-weight: bold;
font-size: 15px;
padding-top: 15px;
color: #1d1710;
}

#adres p {
margin: 0px;
}

#adres p span {
font-size: 16px;
}

.news h2 {
font-size: 15px;

}







#oferta #outer{
height:100%;
width:100%;
display:table;
vertical-align:middle;
}
#oferta #container {
text-align: center;
position:relative;
vertical-align:middle;
display:table-cell;
height: 600px;
}
#oferta #inner {
width: 800px;
height: 600px;
text-align: left;
margin-left:auto;
margin-right:auto;
background: none;
border: 0;
}













#galeria #outer{
height:100%;
width:100%;
display:table;
vertical-align:middle;
}
#galeria #container {
text-align: center;
position:relative;
vertical-align:middle;
display:table-cell;
height: 600px;
}
#galeria #inner {
width: 800px;
height: 600px;
text-align: left;
margin-left:auto;
margin-right:auto;
background: url(img/galerie_strona.jpg) repeat-x #fdefd1;
border: 0;
}





#oferta #inner > div {
position: relative;
}

#oferta #inner > div > div {
width: 203px;
height: 189px;
overflow: hidden;
float: left;
position: absolute;
background: url(img/kwadrat2.png) no-repeat -203px;
}
#oferta #inner > div.k3 > div{
width: 203px;
height: 189px;
overflow: hidden;
float: left;
position: absolute;
background: url(img/kwadrat3.png) no-repeat -203px;
}
#oferta #inner > div.ggg > div {
width: 267px;
height: 268px;
overflow: hidden;
float: left;
position: absolute;
background: url(img/kwadrat1.png) no-repeat -267px;
}

#oferta #inner > div > div > img {
position: relative;
}


#oferta #inner .masaz span {
position: relative;
z-index: 10;
top: 38px;
left: 41px;
}

#oferta #inner .wizaz span {
position: relative;
z-index: 10;
top: -8px;
left: 30px;
}


#oferta #inner .sauna span {
position: relative;
z-index: 10;
top: 38px;
left: 30px;
}


#oferta #inner .zabiegi span {
position: relative;
z-index: 10;
top: 30px;
left: 27px;
}


#oferta #inner .poleca span {
position: relative;
z-index: 10;
top: 56px;
left: 50px;
}

#oferta #inner {
position: relative;
}


#oferta #inner .masaz {
position: absolute;
top: 63px;
left: 198px;
}


#oferta #inner .wizaz {
position: absolute;
top: 63px;
left: 402px;
}

#oferta #inner .sauna {
position: absolute;
top: 252px;
left: 198px;
}


#oferta #inner .zabiegi {
position: absolute;
top: 252px;
left: 402px;
}

#oferta #inner .poleca {
position: absolute;
top: 157px;
left: 300px;
}

#oferta #inner .masaz1 span {
position: relative;
z-index: 10;
top: 58px;
left: 31px;
}

#oferta #inner .wizaz1 span {
position: relative;
z-index: 10;
top: -8px;
left: 30px;
}


#oferta #inner .sauna1 span {
position: relative;
z-index: 10;
top: 93px;
left: 58px;
}


#oferta #inner .zabiegi1 span {
position: relative;
z-index: 10;
top: 80px;
left: 43px;
}


#oferta #inner1 {
position: relative;
}


#oferta #inner .masaz1 {
position: absolute;
top: 168px;
left: 124px;
}


#oferta #inner .wizaz1 {
position: absolute;
top: 168px;
left: 389px;
}

#oferta #inner .sauna1 {
position: absolute;
top: 302px;
left: 257px;
}


#oferta #inner .zabiegi1 {
position: absolute;
top: 33px;
left: 257px;
}

#wstecz {
left: 40px;
}

#dzial {
right: 40px;
}

#wstecz, #dzial {
color: #251405;
font-family: Arial;
font-size: 18px;
text-decoration: none;
z-index: 3000;
top: 20px;
position: absolute;
}

#wstecz:hover {
color: #fada9d;
}

#certyfikaty {
width: 60%; margin-left: auto; margin-right: auto; border-left: 2px solid #65390e; border-right: 2px solid #65390e;
text-align: center;
}

#certyfikaty img {
width: 300px;
margin-left: auto;
margin-right: auto;
display: block;
}

#certyfikaty a {
padding-bottom: 50px;
padding-top: 50px;
width: 100%;
display: block;
text-align: center;
}

.oferta {
min-height: 100%;
text-align: left!important;
padding: 20px;
}

#newsy {
float: left;
margin-top: 28px;
}

#tresc  h2 {
font-size: 20px!important;
text-align: right;
}
#tresc .tresc{
font-family: Tahoma!important;
font-size: 14px;
line-height: 20px;

}

#tresc .data{
font-size: 14px;text-align: right;
display: block;

}