/*
---------------------------------------------
 Design & Code (c) Wild Moose Justyna Walczak
---------------------------------------------
*/

.clear { clear: both; height: 1%;}
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear { display: inline-block;}
/* Hides from IE-mac \*/
* html .clear { height: 1%;}
.clear { display: block;}
/* End hide from IE-mac */

* { margin: 0; padding:0; border: 0; }

html { width: 100%; height: 100%;}
body { background-color: #fbfaf5; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 100%; color: #726e6a;}
textarea { font-family: Helvetica, Arial, Verdana, sans-serif;}

p, dl      { margin: 1em; font-size: 66%; line-height: 1.6em;}
a, a:hover { text-decoration: none;}
ul         { list-style-type: none;}

h1, h2, h3, h4, h5, h6 { padding: 0.5em 0; font-weight: normal; color: #d49693; background-color: transparent; line-height: 1.6em; z-index: 1;}
h2 { font-size: 80%; color: #816b5c;}
h3 { font-size: 70%; color: #d49693;}

h1.cgtop { font-size: 150%; line-height: 100%; color: #615e5a; font-weight: normal;}

h2.tytboks { margin: 5px 5px 0 120px; font-size: 120%;}
h2.lewapip { margin: 0 0 0 120px; font-size: 80%;}

h2.tytboks, h2.lewapip, h1.cg, h1.cg_b { line-height: 100%; color: #be8181; font-weight: normal; font-family: Verdana, Tahoma, "Trebuchet MS", Helvetica, sans-serif;}
h1.cg { margin: 0 0 0 20px; font-size: 110%;}
h1.cg_b { margin: 0 20px; font-size: 110%; color: #546385;}

.b { color: #546385;}

/*
------------------------------------------------------------------------
STRONA
------------------------------------------------------------------------
*/

#kontener { width: 920px; margin: 0 auto; padding: 0 20px 20px 20px; background-color: #fff;}

#top { width: 920px; height: auto; margin: 0 auto; padding: 0.5em 0; background-color: #fff;}

#zaw { width: 920px; margin: 10px auto; padding: 10px 0; background-color: #fff; z-index: 1;}

.lewa { width: 460px; float: left; margin: 0; padding: 10px 0; background-position: 0 0; background-repeat: repeat-y;}
.lewa.roz { background: #ebdfd9 url(img/lewa_roz.jpg) 0 0 repeat-y;}
.lewa.blue { background: #f3f8fe url(img/lewa_blue.jpg) 0 0 repeat-y;}
.lewa.blue p { margin: 20px; color: #546385;}
.prawa { width: 410px; float: right; margin: 0; padding: 0 20px;}

#stopka   { width: 940px; height: 20px; padding: 10px 0; margin: 10px auto 0; border-top: 1px solid #e8e6d9;}
#stopka p { margin: 0.2em 3em; color: #a29d97; font-size: 0.6em; text-align: center;}
#stopka a,
#stopka a:hover { margin: 0 5px; font-size: 0.9em; color: #a29d97;}


.lewa .bok { width: 100%; height: 390px; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; text-align: right;}

.lewa .bok.res,
.lewa .bok.wsk,
.lewa .bok.met { background-color: #ebdfd9; background-image: url(img/lewa_restylane.jpg);}
.lewa .bok.kon { background-color: #ebdfd9; background-image: url(img/lewa_wskazania.jpg);}


.lewa .bok a
.lewa .bok_boks { width: 100%; height: 200px; width: 100%; height: 390px; background: #ebdfd9 url(img/lewa.jpg) 0 0 no-repeat;}

.lewa .bok_boks { width: 100%; background-color: transparent; background-position: 0 0; background-repeat: no-repeat;}
.lewa .bok_boks.bokpip { height: 100px; padding: 50px 0; background-image: url(img/bok_boks_pip.jpg); border-bottom: 1px solid #ebddd6;}

.lewa .menu_lewa { display: block; margin: 10px 10px 0 0; text-align: right;}
.lewa .menu_lewa a { display: block; padding-right: 20px; color: #383634; font-size: 80%; line-height: 2em; background: transparent url(img/menu_lewa_ik.gif) 100% 50% no-repeat;}
.lewa .menu_lewa a:hover,
.lewa .menu_lewa a.on { color: #aa5858;}

.prawa ul         { margin: 1em 1.5em; list-style-type: circle; list-style-position: inside;}
.prawa ul li      { font-size: 66%; line-height: 1.6em;}

.prawa dl     { margin: 10px auto; padding-top: 10px; clear: left; border-top: 1px solid #e7e7e6;}
.prawa dl img { float: left; margin: 0 10px 10px 0; padding: 2px; border: 1px solid #e7e7e6;}
.prawa dt { margin: 0; font-weight: bold;}
.prawa dd { margin: 0;}
.prawa p a{ color: #546385;}
.prawa p a:hover{ text-decoration: underline;}

#zaw.index { height: 445px; padding: 0; background: #ebdfd9 url(img/index_srodek.jpg) 0 0 no-repeat;}

.zalety { width: 330px; height: 165px; margin: 0 0 0 530px; padding-top: 170px; text-align: right; }
.zalety li { padding-left: 20px; color: #5c3a38; font-size: 80%; line-height: 2em; background: transparent url(img/zalety_ik.gif) 0% 50% no-repeat; text-align: left;}

.boksy { height: 140px; padding: 10px 0; background-color: #f5f5f0; border: 1px solid #e2dfd3;}

.boks { width: 290px; height: 140px; float: left; border: 1px solid #e2dfd3;}

.boks.pip { margin: 0 5px; background: transparent url(img/boks_pip.jpg) 50% 50% no-repeat;}
.boks.w { margin: 0 5px; background: transparent url(img/boks_w.jpg) 50% 50% no-repeat;}
.boks.k { margin: 0 5px 0 8px; background: transparent url(img/boks_k.jpg) 50% 50% no-repeat;}

.boks a { width: 125px; display: block; margin: 5px 5px 0 130px; color: #383634; font-size: 80%;}
.boks a:hover { color: #7a4d4b;}
.boks span { width: 190px; display: block; margin: 5px 5px 0 90px; color: #383634; font-size: 100%;}
.boks span a { width: 50%; display: inline; margin: 0; font-size: 70%;}
.boks span em { font-style: normal; font-size: 60%; color: #a87b72;}

a.button { width: 93px; height: 20px; display: block; background-color: transparent; background-position: 50% 50%; background-repeat: no-repeat; text-align: center; font-size: 80%;}
a.button.bez { margin: 5px 5px 5px 150px; background-image: url(img/button_bez.gif); color: #7a4d4b;}
a.button.bez:hover { color: #d49693;}

a.button.roz { margin: 5px 5px 5px 150px; background-image: url(img/button_roz.gif); color: #7a4d4b;}
a.button.roz:hover { color: #d49693;}

a.szary { margin: 0 5px; color: #4f4b48;}
a.szary:hover { color: #d49693;}


.foto img { margin: 10px 5px; padding: 2px; border: 1px solid #e7e7e6;}




/*
---------------------------------------------
 FORMULARZ
---------------------------------------------
*/
form           { width: 380px; /*margin: 10px;*/ padding: 5px; background-color: #f9fcfe;color: #678197;}

form p em, 
form label em, 
li em          { color: #687175; font-style: normal;}

form p         { margin: 10px 0; color: #687175; font-size: 0.6em;}

form fieldset  { width: 350px; margin: 5px auto; padding: 10px; display: block; background-color: #f4f9fe; border-top: 1px solid #e5eff8; border-bottom: 1px solid #e5eff8;}

form label     { margin: 10px 10px 0 0; padding-right: 10px; display: block; text-align: left; position: relative; font-size: 60%; color: #687175;}
form input { height: 1.6em;}
form input,
form textarea       { width: 330px; margin: 0 auto; border: 1px solid #e5eff8; font-size: 70%;}
form input:focus,
form textarea:focus {	background-color: #FFC;}

form div.klik { padding: 0 10px; text-align: right;}
button { width: 60px; height: 27px; padding: 0.20em; border: 1px double #cdcdcd; color: #2e3a4a; font-size: 80%; cursor: pointer; background: #FFf url(img/button_bg.gif) 0 0 repeat-x; text-align: center;}

p.dziekujemy { width: 370px; height: 40px; padding: 10px; margin: 0; background: #f4f9fe url(img/dziekujemy.jpg) 50% 50% no-repeat; color: #687175; font-size: 12px; text-align: center;}


#zmarszczki, #zmarszczki a, #zmarszczki a.hover{
margin: 20px auto; color:#D7AEAC; font-size:10px; width: 800px; text-decoration:none;
}