body {
margin: 0;
margin: 0;
padding: 0;
font: normal 13px tahoma, sans-serif;
color: #7C7C7C;
text-align: center;
background: url('images/lewymargines2.jpg') repeat-x top;

}

div {
margin: 0;
padding: 0;
}

img {
border: 0;
padding: 0;
margin: 0;
}

a {color: #961e5f;}
a:hover {color: #373574;}
a:visited{color: #961e5f;}

#container {
text-align: left;
margin: 0 auto;
padding: 0;
margin-bottom: 20px;
width: 840px;
position: relative;
border: 0;
}

#marginleft {
width: 80px;
height: 248px;
background: url('images/lewymargines.jpg') no-repeat;
margin: 0;
padding: 0;
border: 0;
position: absolute;
left: -80px;
top: 0;
}

#marginright {
width: 50%;
height: 248px;
background: url('images/prawymargines.jpg') repeat-x;
margin: 0;
padding: 0;
border: 0;
position: absolute;
left: 50%;
top: 0;
}

/* TOP */
#top {
width: 840px;
height: 226px;
background: url('images/top.jpg');
margin: 0;
padding: 0;
border: 0;
}

#flash {
position: absolute;
top: 0;
left: 0;
}

#top b {
visibility: hidden;
font-size: 1px;
}

#logo {
margin:0;
padding: 0;
border: 0;
display: block;
width: 130px;
height: 70px;
position: relative;
top: 83px;
left: 20px;
text-decoration: none;
}

#home {
margin:0;
padding: 0;
border: 0;
display: block;
width: 20px;
height: 30px;
position: relative;
top: -70px;
left: 20px;
text-decoration: none;
}

#kontakt {
margin:0;
padding: 0;
border: 0;
display: block;
width: 20px;
height: 30px;
position: relative;
top: -100px;
left: 70px;
text-decoration: none;
}

#mapa {
margin:0;
padding: 0;
border: 0;
display: block;
width: 20px;
height: 30px;
position: relative;
top: -130px;
left: 120px;
text-decoration: none;
}

#jezyk {
margin:0;
padding: 0;
border: 0;
display: block;
width: 60px;
height: 40px;
position: relative;
top: -140px;
left: 780px;
text-decoration: none;
background: url('images/english.gif') no-repeat;
}

a:hover#jezyk {
background-position: 0 -40px;
}


/* CENTRUM */
#centrum {
margin: 0 0 5px 0;
padding: 0 20px 0 0;
position: relative;
left: 210px;
top: -25px;
width: 410px;
_height: 650px;
min-height: 650px;
border: 0;
border-right: 1px dotted #DDDDDD; 
}

#centrum h1 {
color: #FFFFFF;
display: block;
background: url('images/centrum_kosmetyczne.gif') no-repeat;
width: 203px;
height: 26px;
margin: 5px 0 10px 0px;
padding: 0;
font-size: 16px;
}

#centrum h1 span {
visibility: hidden;
}

#centrum img {
margin: 5px;
}

#centrum p {
margin-top: 5px;
}

#centrum h3 {
font-size: 13px;
margin-bottom: 8px;
padding: 0;
}

#centrum ul {
margin: 5px 0 5px 5px;
padding: 0 0 5px 15px;
}

/* CENTRUM END */



/* LEFT */
#left {
margin: 0;
padding: 0;
width: 170px;
border: 0;
position: absolute;
top: 226px;
z-index: 2;
}

#menu, #menu ul {
margin: 0 0 25px 0;
padding: 0;
border: 0;
list-style: none;
line-height: 1;
}

#menu li {
margin: 0 !important;
margin: 0 0 -1px 0; /* IE */
padding: 0;
color: #711347;
font-size: 11px;
font-family: tahoma, sans-serif;
border: 0;
width: 171px;
float: left;
}

#menu a {
color: #711347;
display: block;
width: 171px;
text-decoration: none;
margin: 0;
margin: 0 0 -1px 0 !ie;
padding: 0;
}


#menu li a.visited {
color: #711347;
}

#menu a:hover {
color: #2a286b;
}

/* Submenu */
#menu li ul {
position: absolute;
width: 140px;
left: -999em;
border-right: 1px solid #711347;
border-bottom: 1px solid #DDDDDD ;
background: #FFFFFF url('images/submenu1_tlo.gif') no-repeat bottom left;
margin: 0px;
margin-top: -26px;
padding: 0px;
}

#menu li:hover, #menu li.sfhover {
position: static;
}

#menu li:hover ul, #menu li.sfhover ul {
left: 150px;
top: auto;
}

#menu li ul a {
padding: 5px 0 5px 5px;
margin: 0;
width: 135px;
background: url('images/submenu1_podzial.gif') no-repeat left top;
}

#menu li ul a:hover {
background-color: #7d1c52;
color: white;
}

#menu li ul ul {
margin: -25px 0 0 0;
}

#menu li li {
width: 135px;
}


#menu li:hover ul ul, #menu li.sfhover ul ul {
left: -999em;
}

#menu li li:hover ul, #menu li li.sfhover ul {
left: 140px;
top: auto;
}

#menu li li li a {
background: url('images/submenu2_podzial.gif') no-repeat left top;
}

#menu li li:hover a, #menu li li.sfhover a {
background-color: #7d1c52;
color: white;
}
#menu li li li a:hover {
color: #373574;
background: none;
}
/* Submenu End */

a#menukosmetyczne {
width: 171px;
height: 25px;
height: 26px !ie;
background: url(images/zabiegi_kosmetyczne_but.gif) no-repeat;
}
li:hover #menukosmetyczne, li.sfhover #menukosmetyczne {
background-position: 0 -25px;
text-decoration: none;
}		
#menukosmetyczne b {visibility: hidden;}

a#menuzmarszczki {
width: 171px;
height: 31px;
background: url(images/usuwanie_zmarszczek_but.gif) no-repeat;
}
li:hover #menuzmarszczki, li.sfhover #menuzmarszczki {
background-position: 0 -31px;
text-decoration: none;
}		
#menuzmarszczki b {visibility: hidden;}

a#menuwyszczuplajace {
width: 171px;
height: 30px;
background: url(images/zabiegi_wyszczuplajace_but.gif) no-repeat;
}
li:hover #menuwyszczuplajace, li.sfhover #menuwyszczuplajace {
background-position: 0 -30px;
text-decoration: none;
}		
#menuwyszczuplajace b {visibility: hidden;}

a#menuowlosienia {
width: 171px;
height: 30px;
background: url(images/usuwanie_owlosienia_but.gif) no-repeat;
}
li:hover #menuowlosienia, li.sfhover #menuowlosienia {
background-position: 0 -30px;
text-decoration: none;
}		
#menuowlosienia b {visibility: hidden;}

a#menupozostale {
width: 171px;
height: 30px;
background: url(images/pozostale_zabiegi_but.gif) no-repeat;
}
li:hover #menupozostale, li.sfhover #menupozostale {
background-position: 0 -30px;
text-decoration: none;
}		
#menupozostale b {visibility: hidden;}

a#menuendermologia {
width: 171px;
height: 30px;
background: url(images/endermologia_but.gif) no-repeat;
}
a:hover#menuendermologia {
background-position: 0 -30px;
text-decoration: none;
}		
#menuendermologia b {visibility: hidden;}

a#menumezoterapia {
width: 171px;
height: 30px;
background: url(images/mezoterapia_beziglowa_but.gif) no-repeat;
}
a:hover#menumezoterapia {
background-position: 0 -30px;
text-decoration: none;
}		
#menumezoterapia b {visibility: hidden;}

a#menuradiage {
width: 171px;
height: 30px;
background: url(images/radiage_but.gif) no-repeat;
}
a:hover#menuradiage {
background-position: 0 -30px;
text-decoration: none;
}		
#menuradiage b {visibility: hidden;}

a#menupakiety {
width: 171px;
height: 30px;
background: url(images/pakiety_but.gif) no-repeat;
}
a:hover#menupakiety {
background-position: 0 -30px;
text-decoration: none;
}		
#menupakiety b {visibility: hidden;}

a#menudayspa {
width: 171px;
height: 30px;
background: url(images/day_spa_but.gif) no-repeat;
}
a:hover#menudayspa {
background-position: 0 -30px;
text-decoration: none;
}		
#menudayspa b {visibility: hidden;}

a#menulekarzdermatolog {
width: 171px;
height: 30px;
background: url(images/lekarz_der_but.gif) no-repeat;
}
a:hover#menulekarzdermatolog {
background-position: 0 -30px;
text-decoration: none;
}		
#menulekarzdermatolog b {visibility: hidden;}

a#menucennik {
width: 171px;
height: 30px;
background: url(images/cennik_but.gif) no-repeat;
}
a:hover#menucennik {
background-position: 0 -30px;
text-decoration: none;
}		
#menucennik b {visibility: hidden;}


a#menupomysl {
width: 171px;
height: 30px;
background: url(images/pomysl_but.gif) no-repeat;
}
a:hover#menupomysl {
background-position: 0 -30px;
text-decoration: none;
}		
#menupomysl b {visibility: hidden;}


a#menupropozycja {
width: 171px;
height: 30px;
background: url(images/propozycja_but.gif) no-repeat;
}
a:hover#menupropozycja {
background-position: 0 -30px;
text-decoration: none;
}		
#menupropozycja b {visibility: hidden;}


a#menuocentrum {
width: 171px;
height: 30px;
background: url(images/o_centrum_but.gif) no-repeat;
}
a:hover#menuocentrum {
background-position: 0 -30px;
text-decoration: none;
}		
#menuocentrum b {visibility: hidden;}

a#menukontakt {
width: 171px;
height: 30px;
background: url(images/kontakt_but.gif) no-repeat;
margin-bottom: 25px;
}
a:hover#menukontakt {
background-position: 0 -30px;
text-decoration: none;
}		
#menukontakt b {visibility: hidden;}

/* NEWSLETTER */
#left h3 {
clear: left;
color: #FFFFFF;
display: block;
background: url('images/newsletter_nagl.jpg') no-repeat;
width: 137px;
height: 38px;
margin: 0 0 0 5px;
margin-bottom: -22px !ie;
}

#left h3 span {
visibility: hidden;
}

#newsletterform {
border: 1px solid #848484;
color: #848484;
font-size: 13px;
height: 16px;
width: 140px;
margin: 0 0 10px 2px;
padding: 1px 2px 1px 2px;
}

#newsletterzapisz {
border: 0;
background: url(images/zapisz_but.gif) no-repeat;
font-size: 1px;
position: relative;
color: #FFFFFF;
top: -14px;
top: -12px !ie;
width: 15px;
height: 16px;
margin: 0;
padding: 0 0 2px 0;
padding: 0 0 0 2px !ie;
cursor: pointer;
}

#left p {
text-align: center;
font: normal 10px Tahoma, sans-serif;
color: #848484;
margin: 0;
margin-top: -22px !ie;
padding: 0;
}
/* LEFT END */


/* RIGHT */
#right {
width: 180px;
position: absolute;
top: 226px;
right: 0;
z-index: 2;
}

#promocje {
width: 163px;
min-height: 150px;
padding: 0px 12px 15px 5px;
background: url('images/promocje_tlo.jpg') no-repeat;
font-size: 11px;
}

#promocje h2 {
color: #FFFFFF;
display: block;
background: url('images/promocje_nagl.gif') no-repeat;
margin: 0;
padding: 0;
width: 102px;
height: 21px;
position: relative;
top: -26px;
font-size: 15px;
}

#promocje h2 span {
visibility: hidden;
}

#promocje h3 {
font-size: 11px;
color: #2a286b;
margin: 5px 0 5px 0;
padding: 0;
}

#promocje p {
margin: 0 0 3px 0;
padding: 0;
}

#promocje ul li {
margin-bottom: 7px;
}

#nowosci {
width: 170px;
min-height: 200px;
padding: 0px 5px 15px 5px;
margin: 30px 0 10px 0;
background: url('images/nowosci_tlo.jpg') no-repeat bottom;
font-size: 11px;
}

#nowosci h2 {
color: #FFFFFF;
display: block;
background: url('images/nowosci_nagl.gif') no-repeat;
margin: 0 0 10px 0;
padding: 0;
width: 87px;
height: 16px;
font-size: 15px;
}

#nowosci h2 span {
visibility: hidden;
}

#nowosci h3 {
font-size: 11px;
color: #2a286b;
margin: 10px 0 0 0;
padding: 0;
}

#nowosci p {
margin: 0 0 3px 0;
padding: 0;
}

a.wiecejbut {
width: 43px;
height: 12px;
background: url(images/wiecej_but.gif) no-repeat;
display: block;
text-decoration: none;
margin-left: 130px;
}
a:hover.wiecejbut {
text-decoration: none;
}		
.wiecejbut b {visibility: hidden;}

#centrum a.wiecejbut {
margin-left: 250px;
}

/* RIGHT END */


/* STOPKA */
#stopka {
background: url('images/stopka.jpg') no-repeat;
font: normal 11px Tahoma, sans-serif;
color: #939393;
text-align: left;
width: 840px;
height: 168px;
border: 0;
margin: 0 auto;
padding: 0 0 20px 0;
position: relative;
z-index: 1;
}

#stopka a {
color: #939393;
}

#stopka a:hover {
color: #373574;
}

#adres {
padding: 0;
border: 0;
margin: 0;
text-align: center;
font: normal 11px Tahoma, sans-serif;
color: #FFFFFF;
position: relative;
top: 62px;
}

#adres a {
color: #FFFFFF;
}

#adres a:hover {
color: #ffd0d3;
}

#stopkalinki {
margin: 86px 0 0 170px; 
}

#copy {
padding: 0;
border: 0;
margin: 30px 0 5px 0;
}

#stopka center b { 
font-weight: normal;
}

/* STOPKA END*/


#marginleftbottom {
width: 800px;
height: 50px;
background: url('images/stopkatlo.jpg') repeat-x;
margin: 0;
padding: 0;
border: 0;
position: absolute;
left: -800px;
top: 118px;
}