/* ************************************************************* */
/* ******************* style globalne ************************** */
/* ************************************************************* */

body
{
		background: #008A48 url("../gfx/bckgr.png") repeat-x top;
		font-family: "Arial";
		font-size: 11px;
		padding: 0px;
		margin: 0px;
}
h1, h2, h3 { padding: 0px; margin: 0px; }
input { font-family: "Arial"; font-size: 11px; }
a { color: #FFFFFF; }


/* ************************************************************* */
/* ********************* style class *************************** */
/* ************************************************************* */

a.underline { display: block; background: url("../gfx/underline89.png") no-repeat bottom right; color: #FFFFFF; text-align: right; text-decoration: none; padding: 5px 5px 5px 0px; }


/* ************************************************************* */
/* ********************* style layout ************************** */
/* ************************************************************* */

div#sectionContent { position: relative; width: 980px; background: url("../gfx/bckgrContent.jpg") no-repeat top left; margin: 0px auto 0px auto; }
div#sectionHeader { border-bottom: 5px solid #137733; }
div#sectionMain { overflow: hidden; }
div#sectionLeft { float: left; width: 220px; background: #005A1D url("../gfx/bckgrLeft.jpg") no-repeat top right; color: #FFFFFF; }
div#sectionRight { float: right; width: 760px; background: #006321 url("../gfx/bckgrRight.jpg") no-repeat bottom center;  }
div#sectionFooter { float: right; clear: both; overflow: hidden; width: 720px; padding: 0px 20px 0px 20px; margin: 20px 0px 20px 0px; }

/* ************************************************************* */
/* ********************* style header ************************** */
/* ************************************************************* */
div#sectionTopper { overflow: hidden; color: #9BF0B7; height: 22px; padding: 8px 0px 0px 0px; }
div#sectionTopper a { color: #9BF0B7; }
div#sectionNavigation { float: left; padding: 0px 0px 0px 5px; text-transform:lowercase; }
div#sectionNavigation a { padding: 0px 5px 0px 5px; }
div#UserAccount { float: right; }
div#UserAccount a { color: #FFFFFF; padding: 0px 5px 0px 5px; }
div#UserAccount span { font-size: 6px; }

a#Logotype { position: absolute; margin: 15px 0px 0px 350px; }


/* ************************************************************* */
/* *********************** style menu ************************** */
/* ************************************************************* */

div#sectionMenu { overflow: hidden; padding: 20px 0px 0px 0px; }
div#sectionMenu a 
{
		float: left;
		display: block;
		height: 56px;
		background-image: url("../gfx/menu-sprite.png");
		background-repeat: no-repeat;
}
div#sectionMenu a span { display: none; }
a#Item1 { width: 141px; background-position: 0px 0px; }
a#Item2 { width: 141px; background-position: -141px 0px; }
a#Item3 { width: 76px; background-position: -282px 0px; }
a#Item4 { width: 108px; background-position: -358px 0px; margin: 0px 20px 0px 260px; }
a#Item5 { width: 94px; background-position: -466px 0px; margin-right: 30px; }
a#Item6 { width: 94px; background-position: -560px 0px; }

a#Item1:hover { width: 141px; background-position: 0px -56px; }
a#Item2:hover { width: 141px; background-position: -141px -56px; }
a#Item3:hover { width: 76px; background-position: -282px -56px; }
a#Item4:hover { width: 108px; background-position: -358px -56px; margin: 0px 20px 0px 260px; }
a#Item5:hover { width: 94px; background-position: -466px -56px; margin-right: 30px; }
a#Item6:hover { width: 94px; background-position: -560px -56px; }


/* ************************************************************* */
/* ***************** style wyszukiwarka ************************ */
/* ************************************************************* */

div#SearchEngine { border-bottom: 1px solid #00290D; text-align: center; padding: 20px; }
div#SearchEngine img { margin-bottom: 10px; }
div#SearchEngine a { clear: both; }
div#SearchEngine input.inputText { float: left; width: 136px; height: 16px; background: transparent url("../gfx/SearchEngine-text.jpg") no-repeat right; border: none; color: #FFFFFF; padding: 5px; margin-left: 5px; }
div#SearchEngine input.submitAction { float: left; width: 24px; height: 26px; background: transparent url("../gfx/SearchEngine-submit.jpg") no-repeat left; border: none; }


/* ************************************************************* */
/* *********************** style kategorie ********************* */
/* ************************************************************* */

div#Categories { border-top: 1px solid #008A48; background: url("../gfx/bckgrCategories.png") no-repeat bottom center; text-align: center; padding: 20px 0px 20px 0px; }
div#Categories img { margin-bottom: 10px; }
div#Categories a { font-size:14px; display: block; border-bottom: 1px solid #008B2E; color: #FFFFFF; font-weight: bold; text-align: left; text-decoration: none; padding: 8px 20px 8px 25px; }

/* ************************************************************* */
/* ********************* style newsletter ********************** */
/* ************************************************************* */

div#Newsletter { float: left; width: 390px; height: 30px; background: url("../gfx/bckgrNewsletter.jpg") no-repeat center; padding: 40px 20px 20px 30px; }
div#Newsletter input.inputText { width: 281px; height: 12px; background: url("../gfx/Newsletter-text.jpg") no-repeat center; border: none; color: #004015; padding: 8px 5px 8px 5px; }
div#Newsletter input.submitAction { width: 95px; height: 30px; background: url("../gfx/Newsletter-submit.jpg") no-repeat center; border: none; color: #FFFFFF; }


div#Start { color:#FFFFFF; overflow: hidden; clear: both; background: url("../gfx/bckgrContainer.jpg") repeat-x top; }
div#Start h1 { color:#FFFFFF; }
div#Start div#Message-Box { color:#FFFFFF; width:100%; text-align:center; padding:20px; font-weight:bold; }
div#Start div.layerForm { color:#FFFFFF; }
div#Start div.recipeAdd { padding:20px; }
div#Start div.recipeAdd input, div#Start div.recipeAdd select, div#Start div.recipeAdd textarea { border:1px solid #000000; background-color:#9BF0B7!important; font-size:13px; }
div#Start div.recipeAdd input.emailText { border:1px solid #000000; padding:5px; background-color:#FFFFFF; width:300px; }
div#Start div.recipeAdd select { border:1px solid #000000; padding:5px; background-color:#FFFFFF; width:312px; }
div#Start div.recipeAdd input.submitAction { font-size:11px; width: 93px; height: 26px; background: url("../gfx/Newsletter-submit.jpg") no-repeat center; border: none; color: #FFFFFF; }
div#Start div.layerForm input.emailText, div#Start div.layerForm input.passwordText { padding:5px; width:200px; background-color:#9BF0B7; border:1px solid #000000; }
div#Start div.layerForm input.submitAction { width: 93px; height: 26px; background: url("../gfx/Newsletter-submit.jpg") no-repeat center; border: none; color: #FFFFFF; }
div#LastEntries { float: left; width: 439px; border-right: 1px solid #148232; }
div#Start div#LastEntries div.layerHeader { margin: 20px 20px 0px 20px; }
div#LastEntries div.ItemEntry { overflow: hidden; border-bottom: 1px solid #146829; padding: 30px; margin: 0px 0px 0px 0px; }
div#LastEntries div.ItemEntry a.Image { float: left; display: block; width: 90px; height: 90px; background-position: center; background-repeat: no-repeat; margin-right: 30px; }
div#LastEntries div.ItemEntry h3 { font-size: 14px; }
div#LastEntries div.ItemEntry h3 a { text-decoration: none; }
div#LastEntries div.ItemEntry div.categories span { font-size: 6px; color: #62FF76; padding: 0px 3px 0px 3px; }
div#LastEntries div.ItemEntry div.categories a { color: #41E697; }
div#LastEntries div.ItemEntry div.time { background: url("../gfx/clock.png") no-repeat left; color: #41E697; padding: 0px 0px 0px 15px; margin: 0px 0px 5px 120px; }

div#recipe { padding:30px; font-size:12px; }
div#recipe div#powrot { position:relative; left:600px; }
div#recipe div#powrot a { text-decoration:none; }
div#recipe div#powrot a:hover { text-decoration:underline; }
div#recipe textarea { padding:5px; }
div#recipe div#grade div select { padding:2px; margin-right:10px;  }
div#recipe div#grade div input.submitAction { width: 93px; height: 26px; background: url("../gfx/Newsletter-submit.jpg") no-repeat center; border: none; color: #FFFFFF; }
div#recipe div#shows { float:right; }
div#recipe div#grade { padding:20px 20px 0px 20px;  width:60%; float:left; }
div#recipe div#grade div { padding:10px; }
div#recipe h3 { color: #41E697; margin-bottom:5px; padding-left:5px; padding-bottom:2px; width:100%; border-bottom:1px solid #146F2D; }
div#recipe div#time { padding:20px 20px 0px 20px; width:60%; float:left; }
div#recipe div#time span { background: url("../gfx/clock.png") no-repeat left; padding: 0px 0px 0px 15px; margin: 15px 0px 5px 0px; }
div#recipe div#ingredients { padding:20px; width:60%; float:left; }
div#recipe div#ingredients div { padding:10px; }
div#recipe a.Image { width:30%; height:200px; display:block; float:left; background-position:center; background-repeat:no-repeat; }
div#recipe div#content { width:98%; clear:both; padding:10px; }
div#recipe div#content div { padding:10px; text-align:justify; line-height:16px; }
div#recipe div#content div * { color:#FFFFFF; }
div#recipe div#layerComments { padding:30px; }

div#recipe div#layerComments textarea { background-color:#9BF0B7; width:100%; border:1px solid #000000; }
div#recipe div#layerComments input.submitAction { width: 93px; height: 26px; background: url("../gfx/Newsletter-submit.jpg") no-repeat center; border: none; color: #FFFFFF; }
div#recipe div#layerComments div.comment { padding:10px; }
div#recipe div#layerComments div.comment h3 { color: #FFFFFF; font-size:11px; margin-bottom:5px; padding-left:5px; padding-bottom:2px; width:100%; border-bottom:1px solid #146F2D; }
div#recipe div#layerComments div.comment div { padding:10px; }

div#Start div#Publications { float: right; width: 320px; padding: 0px; }
div#LastArticle { padding: 20px; }
div#LastArticle div.layerHeader { margin: 0px 0px 20px 0px; }
div#LastArticle h3 { line-height: 18px; margin: 0px 0px 10px 0px; }
div#LastArticle h3 a { font-size: 14px; color: #41E697; text-decoration: none; }
div#LastArticle div.layerText a { line-height: 18px; text-decoration: none; }

div#LastDiet { padding: 20px; }
div#LastDiet div.layerHeader { margin: 0px 0px 20px 0px; }
div#LastDiet h3 { line-height: 18px; margin: 0px 0px 10px 0px; }
div#LastDiet h3 a { font-size: 14px; color: #41E697; text-decoration: none; }
div#LastDiet div.layerText a { line-height: 18px; text-decoration: none; }

div.Spices { padding: 20px; }
div.Spices a.Image { display: block; width:100px; background-position: center; background-repeat: no-repeat; margin: 0px 0px 10px 0px; }
div.Spices a.Image img { width:100px; }
div.Spices div.layerHeader { margin: 0px 0px 20px 0px; }
div.Spices h3 { line-height: 18px; margin: 0px 0px 10px 0px; }
div.Spices h3 a { font-size: 14px; color: #41E697; text-decoration: none; }
div.Spices div.layerText a { line-height: 18px; text-decoration: none; }
div.spice { display:block; width:100%; height:150px; }

div#RandomEntries { clear:both; overflow:hidden; margin-top:15px; display:block; }
div#RandomEntries div.ItemEntry { display:block; overflow:hidden; clear:both; padding:5px; margin:10px 0; }
div#RandomEntries div.ItemEntry a.Image { float:left; margin-right:10px; }
div#RandomEntries div.ItemEntry h3 { display:block; font-size:14px; }
div#RandomEntries div.ItemEntry h3 a { text-decoration:none; font-size:14px; }
div#RandomEntries div.ItemEntry div.categories a { font-size:11px; color:#41E697; }

div#TheMedia { float: left; color: #99D0B6; }
div#TheMedia strong { font-weight: normal; }
div#TheMedia a { color: #99D0B6; text-decoration: none; }

div#sectionFooter div#sectionLinks { color:#FFFFFF; clear:both; }

div#Links { float: right; padding: 6px 0px 0px 0px; }
div#Links a { text-decoration: none; }
div#Links a:hover { text-decoration: underline; }
div#Links span { font-size: 6px; color: #99D0B6; padding: 0px 5px 0px 5px; }
a#Logo { display: block; clear: both; background: url("../gfx/lineEnd.jpg") no-repeat top center; text-align: center; padding: 10px 0px 5px 0px; margin: 40px 0px 10px 0px; }

div#skyscraper { width: 160px; height: 600px; border: 1px solid #FFFFFF; margin: 20px auto 0px auto; }
div#skyscraper a { border:none; padding:0; margin:0; }
div#rectangle, div#rectangle2 { width: 300px; height: 250px; border: 1px solid #FFFFFF; margin: 0px auto 0px auto; clear:both; }
div#banner { clear: both; border-top: 1px solid #148232; text-align: center; padding: 10px; }

/* ***************************************************************** */
/* *********************** style scroller ************************** */
/* ***************************************************************** */

/* --------------------------------------------------- */
div#Scroller-Main
{
		width: 760px;
		height: 225px;
		margin:0 0 0 -20px;
		
}
div#Scroller-Main a#Prev { display: block; float: left; width: 20px; height: 225px; background: url("../gfx/prev.png") no-repeat 0px 51%; }
div#Scroller-Main a#Next { display: block; position: absolute; width: 20px; height: 225px; margin-left: 740px; background: url("../gfx/next.png") no-repeat 99% 51%; }

div#Scrolling { position: absolute; overflow: hidden; width: 760px; height: 225px; background: #FFFFFF url("../gfx/bckgrSlider.jpg") no-repeat top; margin-left: 20px; }
div#Scrolling div.Slider { padding:20px; width:720px; height: 185px;  }
div#Scrolling div.Slider a.Image { display: block; float: left; width: 260px; height: 175px; background-position: center; background-repeat: no-repeat; margin: 0px 30px 0px 0px; }
div#Scrolling div.Slider a { color: #111111; text-decoration: none; }
div#Scrolling div.Slider h2 { font-size: 22px; font-weight: normal; margin: 50px 0px 10px 0px; }
div#Scrolling div.Slider div.layerText { float: left; width: 300px; line-height: 20px; }
div#Scrolling div.Items { position:relative; top:170px; right:20px; float:right; }
div#Scrolling div.Items a { text-decoration:none; display: block; float: left; width: 22px; height: 18px; color: #666666; background: url("../gfx/Slider-Item.png") no-repeat center; text-align: center; padding: 9px 5px 5px 5px; }
div#Scrolling div.Slider div.Items a.this { text-decoration:none; background-image: url("../gfx/Slider-This.png"); color: #FFFFFF; }
/* *************************************************************** */
/* **************************** Pager **************************** */
/* *************************************************************** */
div.sectionPager
{
		color: #FFFFFF;
		text-align: right;
		padding: 20px 15px 10px 15px;
		margin: 0px 0px 0px 0px;
}
div.sectionPager * { font-family: Arial; color: #FFFFFF; }
div.sectionPager strong { 
background:url("../gfx/arrowPageActual.png") no-repeat scroll center center transparent;
color:#FFFFFF;
font-weight:normal;
padding:5px 8px;
	}
div.sectionPager a {  	
background:url("../gfx/arrowPage.png") no-repeat scroll center center transparent;
color:#000000;
font-family:"Arial";
margin:0 2px;
padding:5px 8px;
text-decoration:none;
	}
div.sectionPager span { display: none; color: #FFFFFF; }
div.sectionPager img {
margin:0 -8px -8px;
}