body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form {

    margin: 0px;

    padding: 0px;

    border: 0px;

    font-family: Arial;

    font-size: 13px;

    font-weight: normal;

    color: #454545;

}

html, body {

    height:100%;

    margin:0;

    padding:0;

    border:none;

    text-align:center;

    overflow:hidden;

}

body {

    margin: 0; padding: 0;background: #09040d url(images/bg.jpg) center top no-repeat; /*background-attachment: fixed;*/

}

.hidden {

    display: none;

}

img, :link img, :visited img {

    border: none;

}

div.clear {

    clear: both;

    overflow: hidden;

    height: 1px;

}



#wrap {

    position:absolute;

    top:0;

    left:0;

    height:100%;

    width:100%;

    overflow:auto;

    text-align:center;



}



#content {

    width: 1195px;

    margin: 0 auto;

    text-align: left;

    overflow: hidden;

    margin-left: -599px; /*ta i nastepna linia powoduja ze srodek pieknie sie centruje przy zmniejszaniu okna - tutaj polowa szerokosci div-a content*/

    padding-left: 50%; /*pcham w prawo o polowe szerokosci calego okna i cofam w lewo o polowe szerkosci contentu*/

}



#top-plant {

    position: relative; z-index: 9005; top: 0px; margin-left: 856px;

}



#logo {

    position: relative; z-index: 9003; top: -105px; margin-left: 104px;

}



#board {

    position: relative; z-index: 9000; top: -302px; margin-left: 246px; background: transparent url(images/menu.jpg) center top no-repeat; width: 777px; height: 121px;

}



#menu {

    position: absolute; z-index: 9010; top: 53px; margin-left: 258px; width: 754px; height: 110px;

}

#mouseovers {

    width: 755px;

    height: 110px;

}

#nawigacja {

    position:absolute; top:-100px; left:0;

}

#nawigacja a:link, #nawigacja a:visited, #nawigacja a:hover {

    color: #020000;

    text-decoration: none;

    margin-right: 8px;

}

#nawigacja a:hover {

    text-decoration: none;

}

#miecho {

    position: relative; z-index: 9001; margin:0 auto; top: -329px; margin-bottom: -329px; width:1195px; overflow: auto;

}



/* ramka zaczyna sie tu */

.container {

	text-align:center;

	width:1195px;

	margin:0px auto;

	margin-top:41px; /* styk z gora */

	background:transparent url(images/bg.png) left top repeat-y;

}



.masthead {

	background:transparent url(images/top.png) left top no-repeat;

	height:41px;

	padding:0 0 0 0;

	position:relative;

	top:-41px; /* styk gory z body bg */

	line-height:1em;

}



.srodek {

    width:870px; /*center hack*/

    margin:0 auto; /*center hack*/

    margin-top: -41px;

    text-align: left;

    min-height: 100px;

}



.zakonczenie {

	line-height:1.2em;

	text-align:left;

	width:1195px;

    height: 322px;

	clear:both;

	padding:0;

	margin:0px auto;

	background:transparent url(images/footer.png) left top no-repeat;

	font-size:0.8em;

}

/* ramka konczy sie tu */

#banner {

    position: relative; z-index: 9002; top: -36px;

}





#picture {

    position: relative; z-index: 9006; top: -32px; margin-left: -22px;

}



#text {

    position: relative; z-index: 9004;margin-left:1px; width:870px; margin-top:-188px; /* - dzieki temu nie naklada sie footer z bg i nie ma podwojnego cienia*/ text-align:left; overflow: auto;

}

#text_wide {

    position: relative; z-index: 9004;margin-left:1px; width:870px; margin-top:-49px; /* - dzieki temu nie naklada sie footer z bg i nie ma podwojnego cienia*/ text-align:left; overflow: auto;

}

#left {

    margin-top:-665px;

    overflow: hidden;

}

#left_wide {

    overflow: hidden;

}

#right {

    background-image: url(images/plama.png);

    background-repeat: no-repeat;

    background-position: center center;

    position: relative;

    z-index: 9007;

    margin-left:447px;

    width: 423px;

}

#video-tab {

    position: relative; z-index: 9009;

    margin-left: 18px;

}

#video-home {

    position: relative; z-index: 9008;

    margin-top: -4px;

    background-image: url(images/video-tlo.png);

    background-position: left top;

    background-repeat: no-repeat;

    width: 412px;

    height: 307px;

}

#gallery {

    position: relative; z-index: 9008;

    margin-left: 60px;

    width: 600px;

    height: 450px;

}

#no-flash {

    position: absolute;

    margin-top: 130px;

    width: 350px;

}

#gallery-home {

    background-image: url(images/galeria-tlo.png);

    background-position: left top;

    background-repeat: no-repeat;

    width: 423px;

    height: 286px;

    margin-top: 42px;

}

#gallery-home img.left, #gallery-home img.right {

    margin-top: 50px;

    margin-left: 25px;

}

#gallery-home img.right {

    margin-left: 19px;

}

#gallery-home img.readmore {

    margin-top: 10px;

    margin-left: 355px;



}



/* maly papierek ramka zaczyna sie tu */

.l_container {

	text-align:left;

	width:441px;

	margin:0px auto;

    margin-left: 26px;

	margin-top:80px; /* styk z gora div-a left */

	background:transparent url(images/maly_papierek_bg.jpg) left top repeat-y;

}



.l_masthead {

	background:transparent url(images/maly_papierek_top.jpg) left top no-repeat;

	height:44px;

	padding:0 0 0 0;

	position:relative;

	top:-44px; /* styk gory z body bg */

	line-height:1em;

}



.l_srodek {

    width:345px; /*center hack*/

    margin:0 auto; /*center hack*/

    margin-top: -44px;

    padding-bottom: 0px;

    text-align:left;

    min-height: 100px;

    padding-bottom: 75px;

}



.l_srodek p {

    line-height: 18px;

    text-align: justify;

    padding-bottom: 10px;

}



.l_srodek img, .l_srodek_wide img {

    padding-right: 10px;

    margin-top: 3px;

    padding-bottom:10px;

}



.l_srodek_wide img.right {

    padding-right: 0px;

    padding-left: 10px;

}



.l_srodek_wide img.ramka {

    border: 1px solid #fa9590;

    padding-right: 0px;

    margin-right: 10px;

    margin-top: 10px;

    margin-bottom: 15px;

}



.l_zakonczenie {

	line-height:1.2em;

	text-align:left;

	width:441px;

    height: 7px;

	clear:both;

	padding:0 0 0 0;

	margin:0px auto;

    margin-left: 26px;

	background:transparent url(images/maly_papierek_bottom.jpg) left top no-repeat;

	font-size:0.8em;

}

/* maly papierek ramka maly konczy sie tu */



/* duzy papierek ramka zaczyna sie tu */

.l_container_wide {

	text-align:left;

	width:821px;

	margin:0px auto;

    margin-left: 26px;

	margin-top:80px; /* styk z gora div-a left_wide */

	background:transparent url(images/duzy_papierek_bg.jpg) left top repeat-y;

}



.l_masthead_wide {

	background:transparent url(images/duzy_papierek_top.jpg) left top no-repeat;

	height:44px;

	padding:0 0 0 0;

	position:relative;

	top:-44px; /* styk gory z body bg */

	line-height:1em;

}



.l_srodek_wide {

    width:720px; /*center hack*/

    margin:0 auto; /*center hack*/

    margin-top: -44px;

    padding-bottom: 0px;

    text-align:left;

    min-height: 100px;

    padding-bottom: 75px;

}



.l_srodek_wide p {

    line-height: 18px;

    text-align: justify;

    padding-bottom: 10px;

}



.l_srodek_wide p strong {

    color: #fa9590;

    font-weight: bold;

    font-size: 15px;

}



.l_srodek_wide p em, .l_srodek_wide p.syg {

    color: #666666;

}



.l_srodek_wide p.pink, .l_srodek_wide p.pink2, .l_srodek_wide p.pink3, .l_srodek_wide p.pink4 {

    color: #fa9590;

    font-weight: bold;

}

.l_srodek_wide p.pink2 {

    font-size: 15px;

    text-align: center;

    margin: 0 auto;

}

.l_srodek_wide p.pink3 {

    font-size: 15px;

}

.l_srodek_wide p.pink4 {

    margin-top:10px;

}

.l_srodek_wide ol {

    padding-left: 20px;

}

.l_srodek_wide ol li {

    padding-bottom: 6px;

}

.l_srodek_wide ul {

    padding-bottom: 20px;

}

.l_srodek_wide ul li {

    list-style: none;

    padding-bottom: 2px;

}
.recipe ul li {

    list-style: disc;

    padding-bottom: 2px;

}

.szuflada {

    float: left; margin-right: 24px; display: block;

}





.l_zakonczenie_wide {

	line-height:1.2em;

	text-align:left;

	width:821px;

    height: 7px;

	clear:both;

	padding:0 0 0 0;

	margin:0px auto;

    margin-left: 26px;

	background:transparent url(images/duzy_papierek_bottom.jpg) left top no-repeat;

	font-size:0.8em;

}

/* duzy papierek ramka maly konczy sie tu */



#linki {

    margin-right: 173px;

}

#left_plant {

    position:relative; z-index: 8999; top:-530px; margin-bottom: -213px; margin-left: 56px;

}

#right_tab {

    position:relative; z-index: 8998; top:-502px; margin-bottom: -329px; margin-left: 1035px;

}

#omdesign {

    position:relative; z-index: 9998; top:-502px; margin-bottom: -329px; margin-left: 1035px;

}

.title {

    margin: 0;

    padding: 0;

    margin-top: 24px;

    margin-bottom: 43px;

}



/*formularz kontaktowy zaczyna sie tutaj*/

form#contact-form {

    margin: 0;

    width: 700px;

}



form#contact-form table tr td {

    font-family: Arial;

    font-size: 13px;

    font-weight: normal;

    color: #454545;

}



form#contact-form input.form {

    font-family: Arial;

    font-size: 13px;

    font-weight: normal;

    color: #454545;

    background-color: #FFFFFF;

    width: 350px;

    margin-left: 30px;

}

form#contact-form input.form2, textarea {

    font-family: Arial;

    font-size: 13px;

    font-weight: normal;

    color: #454545;

    background-color: #FFFFFF;

    width: 350px;

    margin-left: 30px;

}

/*formularz kontaktowy konczy sie tutaj*/



#footer {

    position: absolute; bottom: -50px;

}

a:link, a:visited, a:hover {

    color: #F97B75;

    text-decoration: underline;

}

a:hover {

    text-decoration: none;

}
.float_right {
	position:absolute;
	top:70px;
	right:0px;
	width:100px;
	overflow:hidden;
}

