@charset "utf-8";
/* CSS Document */
article, aside, dialog, figure, footer, header, hgroup, menu, nav, section {display: block}
*{margin: 0; padding: 0}
a{outline: none; color: #000000}
h2{font: bold 17px/20px Times New Roman, Times, serif; color: #848484; background: url(../images/arr1.png) no-repeat center left}
h3{font: bold 14px/16px Arial, Helvetica, sans-serif; color: #848484; margin: 20px 0 0 0}
h4{font: normal 14px/16px Arial, Helvetica, sans-serif; color: #848484; margin:20px 0 20px 0; text-decoration: underline}

strong{color: #fff}

ol, ul{list-style: none}

section li{margin: 0 0 20px 0; padding: 0 0 0 20px; background: url(../images/dot1.png) no-repeat 0 7px}

li.li1{background: url(../images/punktor1.png) no-repeat center left; padding-left: 33px; margin-bottom: 20px}
li.li2{background: url(../images/punktor2.png) no-repeat center left; padding-left: 33px; margin-bottom: 20px}
li.li3{background: url(../images/punktor3.png) no-repeat center left; padding-left: 33px; margin-bottom: 20px}

html{width: 100%; height: 100%}
body{margin: 0 auto; width: 100%; font: 12px/18px Times New Roman, Times, serif; background: #fff url(../images/bg_body_top.png) repeat-x; padding: 0; color: #8a8a8a}
header{height: 125px; width: 803px; background: url(../images/logo.png) no-repeat 0 0; position: relative; margin-left: 301px; position: relative; z-index: 2}
#bg1{position: absolute; width: 650px; height: 765px; z-index: 1; background: url(../images/lady_rest.jpg) no-repeat bottom center; top: 0; left: 0; margin-left: -130px}
#bg1a{position: absolute; width: 158px; height: 162px; left: 247px; top: 29px; background: url(../images/lady_head.png) no-repeat center center}
#bg1b{position: absolute; width: 260px; height: 80px; left: 200px; top: 191px; background: url(../images/lady_shoulders.png) no-repeat center center}

#zawijas_top{position: absolute; width: 677px; height: 450px; left: 0; top: 0; background: url(../images/zawijas_top.png) no-repeat center center; z-index: 1; margin-left: 0}
#zawijas_top2{position: absolute; width: 392px; height: 146px; left: 850px; top: 0; background: url(../images/zawijas_top2.png) no-repeat center center; z-index: 1; margin-left: 0}
#zawijas_bottom{position: absolute; width: 444px; height: 242px; left: 0; bottom: 65px; background: url(../images/zawijas_bottom.png) no-repeat center center; z-index: 1; margin-left: -30px}

article{float: none; margin: 20px 0 20px 0; margin-left: 335px; position: relative; width: 830px; min-height: 280px; font-size: 15px; padding: 0 0 185px 0; background: url(../images/bg_article_glowna.jpg) no-repeat bottom right; z-index: 2}
article img{float: right; margin: 0 0 10px 10px}
article p{margin: 0 0 15px 0}
section{width: 770px; font-family: Times New Roman, Times, serif; padding: 0 0 20px 0; position: relative; color: #838383}
aside{width: 1150px; margin: 0 0 0 53px; min-height: 280px; font-size: 15px; position: relative; z-index: 3}
#aside1,#aside2,#aside3,#aside4{width: 235px; min-height: 280px; margin: 0 45px 0 0; float: left}

a#glowna{position: absolute; left: 0; top: 0; width: 200px; height: 50px; text-indent: -5000px}
.zero_padding{font-size: 1px; line-height: 1px; padding: 0 !important}

div.border_top{width: 100%; line-height: 1px; height: 1px; background: url(../images/bg_border.gif) repeat-x; position: absolute; left: 0; top: 0}
div.border_bottom{width: 100%; line-height: 1px; height: 1px; background: url(../images/bg_border.gif) repeat-x; position: absolute; left: 0; bottom: 0}
div.hr{width: 100%; line-height: 1px; height: 1px; background: url(../images/dash1.png) repeat-x; margin: 10px 0 10px 0}
.nofloat{clear: both}

menu#main_menu{width: 530px; height: 35px; position: absolute; top: 30px; left: 253px}
menu#main_menu ul{list-style: none; height: 35px}
menu#main_menu ul li{float: left; position: relative; height: 35px}
menu#main_menu ul li a{height: 35px; display: block; background: url(../images/sprite_menu.png) no-repeat top left; text-indent: -5000px; position: relative}

menu#main_menu ul li#menu_studio a:link{width: 132px; background-position: 0 0}
menu#main_menu ul li#menu_studio a:visited{width: 132px; background-position: 0 0}
menu#main_menu ul li#menu_studio a:hover{width: 132px; background-position: 0 -35px}
menu#main_menu ul li#menu_aktualnosci a:active{width: 132px; background-position: 0 -35px}

menu#main_menu ul li#menu_uslugi a:link{width: 96px; background-position: -132px -35px}
menu#main_menu ul li#menu_uslugi a:visited{width: 96px; background-position: -132px -35px}
menu#main_menu ul li#menu_uslugi a:hover{width: 96px; background-position: -132px -70px}
menu#main_menu ul li#menu_uslugi a:active{width: 96px; background-position: -132px -70px}

menu#main_menu ul li#menu_cennik a:link{width: 95px; background-position: -228px -70px}
menu#main_menu ul li#menu_cennik a:visited{width: 95px; background-position: -228px -70px}
menu#main_menu ul li#menu_cennik a:hover{width: 95px; background-position: -228px -105px}
menu#main_menu ul li#menu_cennik a:active{width: 95px; background-position: -228px -105px}

menu#main_menu ul li#menu_porady a:link{width: 92px; background-position: -323px -105px}
menu#main_menu ul li#menu_porady a:visited{width: 92px; background-position: -323px -105px}
menu#main_menu ul li#menu_porady a:hover{width: 92px; background-position: -323px -140px}
menu#main_menu ul li#menu_porady a:active{width: 92px; background-position: -323px -140px}

menu#main_menu ul li#menu_kontakt a:link{width: 91px; background-position: -415px -140px}
menu#main_menu ul li#menu_kontakt a:visited{width: 91px; background-position: -415px -140px}
menu#main_menu ul li#menu_kontakt a:hover{width: 91px; background-position: -415px -175px}
menu#main_menu ul li#menu_kontakt a:active{width: 91px; background-position: -415px -175px}



nav{height: 25px; width: 100%; margin-bottom: 10px; display: block; color: #353535; position: relative; z-index: 2}
nav ul{list-style: none}
nav ul li{float: left; padding-right: 7px; margin-right: 4px; background: url(../images/dot1.png) no-repeat center right}
nav ul li a{display: block; color: #353535; height: 8px; padding-bottom: 10px; font-family: Arial, Helvetica, sans-serif; border-right: 1px solid; padding-right: 10px; font-size: 13px}
nav ul li a:link{text-decoration: none}
nav ul li a:visited{text-decoration: none}
nav ul li a:hover{text-decoration: underline}
nav ul li a:active{text-decoration: underline}
nav ul li#en{background: url(../images/pl.png) no-repeat center right; padding-right: 58px; margin-right: 10px; position: relative; width: 32px; height: 21px; display: none}
nav ul li#en a{position: absolute; width: 80px; height: 12px}

footer{clear: both; margin: 40px 0 0 30px; padding: 10px 10px 0 0; color: #000; width: 1236px; height: 80px; z-index: 2; font-family: Arial, Helvetica, sans-serif; position: relative}
footer #adres{width: 50%; float: left; color: #000; font-size: 12px; position: relative; z-index: 2}
footer #copyright{width: 50%; float: right; text-align: right; color: #3e3f40; margin-top: 22px; font-size: 10px}
footer #copyright a{color: #c6c6c6; text-decoration: none}


/* główna */

body.glowna{background-image: url(../images/bg_body.png)}
.glowna menu#main_menu ul li#menu_studio a:link{background-position: 0 -35px}
.glowna menu#main_menu ul li#menu_studio a:visited{background-position: 0 -35px}

.glowna article {line-height: 100%; margin-bottom: 0; text-align: justify}
.glowna aside a{position: absolute; display: block; bottom: 0}
.glowna h2{text-indent: -5000px; width: 235px; height: 40px; padding: 0}
.glowna aside p{width: 215px}
.glowna #aside1 h2{background: url(../images/h2_stylizacja.png) no-repeat center left}
.glowna #aside2 h2{background: url(../images/h2_pielegnacja.png) no-repeat center left}
.glowna #aside3 h2{background: url(../images/h2_zabiegi.png) no-repeat center left}
.glowna #aside4 h2{background: url(../images/h2_zaproszenia.png) no-repeat center left}



/* usługi */

.uslugi menu#main_menu ul li#menu_uslugi a:link{background-position: -132px -70px}
.uslugi menu#main_menu ul li#menu_uslugi a:visited{background-position: -132px -70px}
.uslugi article{background: none; padding-bottom: 80px}
.uslugi article section{padding-top: 40px}
.uslugi article#art2 section{background: url(../images/bg_zawijas.png) no-repeat 100px 0}
.uslugi article a{float: right}
.uslugi article img{float: none; margin-left: 0; margin-right: 30px}
.uslugi article .img_left img{float: left; margin: 0 20px 0 0}
.uslugi article .img_left{min-height: 120px}
.uslugi article#art1 section{width: 740px}
.uslugi article#art1 img{float: none; margin-top: 10px; margin-bottom: 0}
.uslugi article#art2{width: 1020px; margin: 0 0 0 50px; padding-bottom: 20px}
.uslugi article#art2 section{width: 100%; font: normal 14px/20px Arial, Helvetica, sans-serif; color: #848484}
.uslugi #bg1{position: absolute; width: 650px; height: 765px; z-index: 1; background: none; top: 40px; left: 0; margin-left: 0}
.uslugi #bg1a{position: absolute; width: 183px; height: 176px; left: 50px; top: 11px; background: url(../images/lady_head_small.png) no-repeat center center}
.uslugi #bg1b{position: absolute; width: 405px; height: 336px; left: 0; top: 187px; background: url(../images/lady_rest_small.jpg) no-repeat center center}

.uslugi section h2{background: url(../images/h2_stylizacja_uslugi.png) no-repeat center left; width: 450px; height: 40px; text-indent: -5000px; margin-bottom: 10px}
.uslugi article#art2 #section_stylizacja{background-position: 240px 30px}
.uslugi article#art2 #section_stylizacja h2{}
.uslugi article#art2 #section_pielegnacja{background-position: 340px 30px}
.uslugi article#art2 #section_pielegnacja h2{background-image: url(../images/h2_pielegnacja_uslugi.png)}
.uslugi article#art2 #section_twarz{background-position: 220px 30px}
.uslugi article#art2 #section_twarz h2{background-image: url(../images/h2_twarz_uslugi.png)}
.uslugi article#art2 #section_mikrodermabrazja{background-position: 260px 30px}
.uslugi article#art2 #section_mikrodermabrazja h2{background-image: url(../images/h2_mikrodermabrazja_uslugi.png)}
.uslugi article#art2 #section_cialo{background-position: 200px 30px}
.uslugi article#art2 #section_cialo h2{background-image: url(../images/h2_cialo_uslugi.png)}
.uslugi article#art2 #section_depilacja{background-position: 90px 30px}
.uslugi article#art2 #section_depilacja h2{background-image: url(../images/h2_depilacja_uslugi.png)}
.uslugi article#art2 #section_wizaz{background-position: 25px 30px}
.uslugi article#art2 #section_wizaz h2{background-image: url(../images/h2_wizaz_uslugi.png)}
.uslugi article#art2 #section_solarium{background-position: 90px 30px}
.uslugi article#art2 #section_solarium h2{background-image: url(../images/h2_solarium_uslugi.png)}
.uslugi article#art2 #section_zaproszenia{background-position: 330px 30px; margin-bottom: 50px}
.uslugi article#art2 #section_zaproszenia h2{background-image: url(../images/h2_zaproszenia_uslugi.png)}


/* cennik */

.cennik menu#main_menu ul li#menu_cennik a:link{background-position: -228px -105px}
.cennik menu#main_menu ul li#menu_cennik a:visited{background-position: -228px -105px}
.cennik article{background: none; padding-bottom: 80px; z-index: 3; position: relative}
.cennik article section{padding-top: 40px}
.cennik article#art2 section{background: url(../images/bg_zawijas.png) no-repeat 100px 0}
.cennik article section h3{margin-bottom: 3px}
.cennik article a{float: right}
.cennik article img{float: none; margin-left: 0; margin-right: 30px}
.cennik article .img_left img{float: left; margin: 0 20px 0 0}
.cennik article .img_left{min-height: 120px}
.cennik article#art1 section{width: 740px}
.cennik article#art1 img{float: none; margin-top: 10px; margin-bottom: 0}
.cennik article#art2{width: 1020px; margin: 0 0 0 50px; padding-bottom: 20px}
.cennik article#art2 section{width: 100%; font: normal 14px/20px Arial, Helvetica, sans-serif; color: #848484; margin-left: 290px}
.cennik #bg1{position: absolute; width: 650px; height: 765px; z-index: 1; background: none; top: 40px; left: 0; margin-left: 0}
.cennik #bg1a{position: absolute; width: 183px; height: 176px; left: 50px; top: 11px; background: url(../images/lady_head_small.png) no-repeat center center}
.cennik #bg1b{position: absolute; width: 405px; height: 336px; left: 0; top: 187px; background: url(../images/lady_rest_small.jpg) no-repeat center center}
.cennik em{font-size: 10px}

.cennik section h2{background: url(../images/h2_fryzjerskie_cennik.png) no-repeat center left; width: 450px; height: 40px; text-indent: -5000px; margin-bottom: 10px}
.cennik article#art2 #section_fryzjerskie{background-position: 240px 30px}
.cennik article#art2 #section_fryzjerskie h2{}
.cennik article#art2 #section_kosmetyczne{background-position: 280px 30px}
.cennik article#art2 #section_kosmetyczne h2{background-image: url(../images/h2_kosmetyczne_cennik.png)}
.cennik article#art2 #section_wizaz{background-position: 20px 30px}
.cennik article#art2 #section_wizaz h2{background-image: url(../images/h2_wizaz_cennik.png)}
.cennik article#art2 #section_mikrodermabrazja{background-position: 260px 30px}
.cennik article#art2 #section_mikrodermabrazja h2{background-image: url(../images/h2_mikrodermabrazja_cennik.png)}
.cennik article#art2 #section_stylizacja{background-position: 270px 30px}
.cennik article#art2 #section_stylizacja h2{background-image: url(../images/h2_stylizacja_cennik.png)}
.cennik article#art2 #section_solarium{background-position: 80px 30px; margin-left: 290px; width: 600px}
.cennik article#art2 #section_solarium h2{background-image: url(../images/h2_solarium_cennik.png)}

.cennik table{}
.cennik td{padding: 6px 5px 6px 5px; line-height: 100%}
.cennik tr.gray{background: #e8e8e8}




/* porady */

.porady menu#main_menu ul li#menu_porady a:link{background-position: -323px -140px}
.porady menu#main_menu ul li#menu_porady a:visited{background-position: -323px -140px}
.porady article{background: none; padding-bottom: 80px}
.porady article#art1{margin-left: 400px; padding-bottom: 0; line-height: 150%}
.porady article#art1 section{padding-bottom: 0}
.porady article#art1 h2{width: 480px; height: 80px; background: url(../images/h2_porady_przygotuj.png) no-repeat top left; text-indent: -5000px}
.porady article#art1 h2#pazn{width: 480px; height: 80px; background: url(../images/h2_porady_paznokcie.png) no-repeat top left; text-indent: -5000px}
.porady article section{padding-top: 40px; font-family: Arial, Helvetica, sans-serif}
.porady article#art2 section{padding-top: 0}
.porady article a{float: right}
.porady article img{float: none; margin-left: 0; margin-right: 30px}
.porady article .img_left img{float: left; margin: 0 20px 0 0}
.porady article .img_left{min-height: 120px}
.porady article#art1 section{width: 660px}
.porady article#art1 img{float: none; margin-top: 10px; margin-bottom: 0}
.porady article#art2{width: 1020px; margin: 0 0 0 50px; padding-bottom: 20px}
.porady article#art2 section{width: 100%; font: normal 14px/20px Arial, Helvetica, sans-serif; color: #848484}
.porady #bg1{position: absolute; width: 650px; height: 765px; z-index: 1; background: none; top: 40px; left: 0; margin-left: 0}
.porady #bg1a{position: absolute; width: 183px; height: 176px; left: 50px; top: 11px; background: url(../images/lady_head_small.png) no-repeat center center}
.porady #bg1b{position: absolute; width: 405px; height: 336px; left: 0; top: 187px; background: url(../images/lady_rest_small.jpg) no-repeat center center}

.porady #porady1{position: absolute; top: 90px; right: 300px; font: normal 14px/16px Arial, Helvetica, sans-serif; color: #848484}
.porady #porady2{position: absolute; top: 90px; right: 45px; font: normal 14px/16px Arial, Helvetica, sans-serif; color: #848484}



/* kontakt */

body.kontakt{background: url(../images/bg_body.png) repeat-x}
.kontakt footer{margin-top: 200px}
.kontakt menu#main_menu ul li#menu_kontakt a:link{background-position: -415px -175px}
.kontakt menu#main_menu ul li#menu_kontakt a:visited{background-position: -415px -175px}
.kontakt article{background: none; padding-bottom: 80px; width: 400px; margin-left: 400px; background: url(../images/phone.png) no-repeat 0 50px; padding-left: 210px}
.kontakt article section{padding-top: 40px; width: 400px; line-height: 200%}
.kontakt article h2{background: url(../images/h2_kontakt.png) no-repeat center left; width: 445px; height: 40px; text-indent: -5000px; margin-bottom: 10px}
.kontakt article a#gmaplink{background: url(../images/a_mapka.png) no-repeat center left; width: 248px; height: 24px; text-indent: -5000px; display: block}










#bg_bottom{width: 100%; height: 300px; background: url(../images/bg_body_bottom.png) repeat-x top left; position: relative; left: 0; bottom: 0; margin-top: -200px}