/*
---------------------------------------------
 Design & Code (c) Wild Moose Justyna Walczak
---------------------------------------------
*/
/*
------------------------------------------------------------------------
HTML
------------------------------------------------------------------------
*/

.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 { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 62.5%;}

p          { font-size: 150%; line-height: 1.6em;}
a, a:hover { text-decoration:none;}

h1, h2		{ margin-left: 15px; line-height: 2.0em; font-weight: normal; color: #493017;}
h1				{ font-size: 210%;}
h2        { font-size: 180%;}

h1 span		{ color: #bb0d7e; text-transform: uppercase;}
/*
------------------------------------------------------------------------
KOLORY
------------------------------------------------------------------------
*/
html            { background-color: #F8D173;}
body            { background: #F8D173 url(img/bg.jpg) top repeat-x; color: #493017;}
#kontener       { background: transparent url(img/ginekolog.jpg) top right no-repeat;}
#naglowek       { background: transparent;}
.haslo          { background-color: transparent;}
.kol            { background-color: inherit;}
.prawa          { background-color: inherit;}
.lewa           { background-color: inherit;}
.wew            { background-color: #FCFAF4;}
.bor_b          { border-bottom: 1px solid #fff;}
.str_1, .str_2, .lp_2, .lp_1
					      { background-position: 0% 50%; background-repeat: no-repeat;}
.str_2          { background-image: url(img/str_2.jpg);}
.str_2 a        { color: #bb0d7e;}
.str_1          { background-image: url(img/str_1.jpg);}
.str_1 a        { color: #bb0d7e;}
.str_2 a:hover, .str_1 a:hover
                { color: #493017;}
.lp_2           { background-image: url(img/lp_2.jpg);}
.lp_1           { background-image: url(img/lp_1.jpg);}

#stopka         { background: transparent; border-top: 1px solid #fabc43;}
#stopka .wew    { background: transparent; color: #b0945e; border-top: 1px solid #fbe8b0;}
#stopka a       { color: #b0945e;}
#stopka a:hover { color: #fbe8b0;}
#stopka .wew p, .art p { margin: 10px; font-size: 11px;}
/*
------------------------------------------------------------------------
KLASY
------------------------------------------------------------------------
*/

#kontener  { width: 980px; margin: 0 auto; line-height: 130%;}
#naglowek  { width: 80%; height: 400px;}
.haslo     { width: 560px; height: 80px; display: block; position: relative; top: 300px; left: 0; padding: 10px; text-align: center;}
.wew       { width: 100%; height: auto; margin: 0 auto; display: block;}
.mar_t     { margin-top: 10px; }
.kol       { width: 50%; height: 130px; padding: 10px 0;}
.prawa     { float: right; }
.lewa      { float: left; }
.str_1, .str_2, .lp_2, .lp_1
					 { width: 50%; padding: 10px 20%; margin: 2em auto;}
#stopka 	 { width: 100%; height: 174px; margin: 10px auto; clear: both;}
