/*------------------------------------------------------------------
[Podstawowe informacje o tym CSS]

Strona: www.darogrodu.pl
Dla: Dar Ogrodu. Sposob na owoc
Autor: Lukasz Bachur, friskweb.pl, kodowane recznie
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Kolory]

#2e1f11 - kolor tla
#684a2f - kolor tekstu

-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Style reset]
-------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*------------------------------------------------------------------
[Style uniwersalne]
-------------------------------------------------------------------*/

body {
  background: #2e1f11 url(img/main_bg.jpg) top center no-repeat;
  margin: 0;
  padding: 0;
  text-align: center; /* fix for IE 5 */
  color: #684a2f;
  font-family: arial, sans-serif;
  font-size: 15px;
  line-height: 21px;
}

* {
  margin: 0;
  padding: 0;
}

p {
  margin: 0 0 21px 0;
}

a {
  color: #31729f;
  text-decoration: underline;
}

a:hover {
  color: #684a2f;
  text-decoration: none;
}

.clear {
  clear: both;
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.indeks_gorny {
  font-size: 6px;
  line-height: 100%;
  vertical-align: super;
}

.asterisk {
  font-style: italic;
  font-size: 12px;
}

h1 {
  color: #433120;
  font-family: arial, sans-serif;
  font-size: 21px;
  font-weight: bold;
  margin: 0 0 21px 0;
}

h1 span {
  color: #7a7169;
}

h2 {
  color: #433120;
  font-family: arial, sans-serif;
  font-size: 16px;
  margin: 0 0 21px 0;
}

h2.in_txt {
  font-weight: bold;
}

h2.machine_name {
  font-weight: bold;
  margin: 0 0 3px 0;
  padding: 0 0 0 5px;
}

/*------------------------------------------------------------------
[Glowne kontenery]
-------------------------------------------------------------------*/

#main_wrapper {
  background-color: #fff;
  left: 0;
  margin: 0 auto;
  position: relative;
  top: 0;
  text-align: left;
  width: 792px;
}

#header {
  background: #2e1f11 url(img/header_wood.jpg) top left no-repeat;
  height: 85px;
  width: 792px;
}

#content_wrapper {
  padding: 0 20px 20px 20px;
  margin: 0;
  width: 752px;
}

/*------------------------------------------------------------------
[Menu]
-------------------------------------------------------------------*/

.distext {
  text-align: left;
  display: none;
  float: left;
}

#navigationcontainer {
  border: 0;
  float: right;
  height: 85px;
  margin: 0 0 0 0;
  width: 695px;
}

#navigationcontainer ul.sitenav {
  margin: 0;
  overflow: hidden;
}

#navigationcontainer ul.sitenav li {
  display: block;
  float: left;
  height: 85px;
  /* margin: 0; */
}

#navigationcontainer ul.sitenav li a {
  display: block;
  height: 100%;
  width: 100%;
}

ul.sitenav li.strona_glowna 		{ width:170px; }
ul.sitenav li.oferta 				{ width:96px; }
ul.sitenav li.tradycja_i_marka		{ width:178px; }
ul.sitenav li.opakowania			{ width:151px; }
ul.sitenav li.kontakt	 			{ width:100px; }

ul.sitenav li.strona_glowna a		{ background: url(img/menu/strona_glowna.gif) no-repeat; }
ul.sitenav li.oferta a				{ background: url(img/menu/oferta.gif) no-repeat; }
ul.sitenav li.tradycja_i_marka a 	{ background: url(img/menu/tradycja_i_marka.gif) no-repeat; }
ul.sitenav li.opakowania a			{ background: url(img/menu/opakowania.gif) no-repeat; }
ul.sitenav li.kontakt a			{ background: url(img/menu/kontakt.gif) no-repeat; }

ul.sitenav li.strona_glowna a:hover	{ background-position: 0 -85px; }
ul.sitenav li.oferta a:hover			{ background-position: 0 -85px; }
ul.sitenav li.tradycja_i_marka a:hover	{ background-position: 0 -85px; }
ul.sitenav li.opakowania a:hover		{ background-position: 0 -85px; }
ul.sitenav li.kontakt a:hover			{ background-position: 0 -85px; }

ul.sitenav li#active1 a { width: 170px; background: url(img/menu/strona_glowna.gif) no-repeat; background-position: 0 -85px; }
ul.sitenav li#active2 a { width: 96px; background: url(img/menu/oferta.gif) no-repeat; background-position: 0 -85px; }
ul.sitenav li#active3 a { width: 178px; background: url(img/menu/tradycja_i_marka.gif) no-repeat; background-position: 0 -85px; }
ul.sitenav li#active4 a { width: 151px; background: url(img/menu/opakowania.gif) no-repeat; background-position: 0 -85px; }
ul.sitenav li#active5 a { width: 100px; background: url(img/menu/kontakt.gif) no-repeat; background-position: 0 -85px; }

/*------------------------------------------------------------------
[Content - struktura]
-------------------------------------------------------------------*/

.left_column {
  float: left;
  margin: 0 55px 0 0;
  width: 425px;
}

.right_column {
  float: left;
  margin: 0;
  width: 272px;
}

.right_column_contact {
  float: left;
  margin: 42px 0 0 0;
  width: 272px;
}

/*------------------------------------------------------------------
[Content - tresc]
-------------------------------------------------------------------*/

/* overall */

div#submenu {
  float: right;
  margin: 0 0 20px 0;
}

div#submenu_top {
  background: transparent url(img/menu/submenu_top_bg.gif) top left no-repeat;
  float: left;
  width: 265px;
  height: 39px;
}

div#submenu_middle {
  background: transparent url(img/menu/submenu_middle_bg.gif) top left repeat-y;
  float: left;
  padding: 0 0 0 15px;
  width: 250px;
}

div#submenu_middle a { text-decoration: none; }

div#submenu_bottom {
  background: transparent url(img/menu/submenu_bottom_bg.gif) top left no-repeat;
  float: left;
  width: 265px;
  height: 15px;
}

/* a] home */

div#three_steps {
  background: #ffffff url(img/1-2-3.gif) top left no-repeat;
  font-weight: bold;
  height: 338px;
  padding: 0 0 0 185px;
  width: 240px;
}

div.step1 {
  padding: 20px 0 65px 0;
}

div.step2 {
  padding: 0 0 75px 0;
}

div.step3 {
  margin: 0;
}

/* b] oferta */

div.full_width_photo {
  margin: 0 0 25px 0;
}

div.half_width_photo {
  float: left;
  margin: 0 25px 0 0;
  width: 200px;
}

div.half_width_photo_last {
  float: left;
  margin: 0 0 0 0;
  width: 200px;
}

div.full_width_photo p, div.half_width_photo p, div.half_width_photo_last p {
  font-size: 14px;
  font-style: italic;
}

div.price {
  float: right;
  margin: 0;
  width: 150px;
}

div.price_what {
  float: left;
  margin: 0 45px 0 0;
  width: 230px;
}

div.prod_item {
  border-bottom: 1px solid #d4c9c2;
  padding: 15px 0;
}

/* e] kontakt */

div.kontakt_left_column {
  float: left;
  margin: 0 15px 0 0;
  width: 205px;
}

div.kontakt_right_column {
  float: right;
  margin: 0;
  width: 205px;
}


/*------------------------------------------------------------------
[obrazy]
-------------------------------------------------------------------*/

img#red_stripe {
  left: -6px;
  position: absolute;
  top: 368px;
}

img#main_apples {
  margin: 0 0 90px 0;
}

img.ad_right_column {
  border: 0;
  float: right;
  margin: 0 0 40px 0;
}

img.ad_no_marg_right_column {
  border: 0;
  float: right;
  margin: 0;
}

img.album_right_column {
  float: right;
  margin: 0 0 35px 0;
}

img#mapa_dojazdu {
  border: 0;
  margin: 0;
}

img.img_txt_full_width {
  margin: 0 0 15px 0;
}

/*------------------------------------------------------------------
[Listy]
-------------------------------------------------------------------*/

ul.footer_list {
  float: left;
  margin: 0;
  padding: 0;
  width: 162px;
}

ul.footer_list li {
  border-bottom: 1px solid #3f2e1a;
  padding: 5px 0 5px 2px;
}

ul.footer_list li a {
  color: #a9a097;
  text-decoration: none;
}

ul.footer_list li a:hover {
  color: #5f554a;
  text-decoration: none;
}

ul#links_first {
  float: left;
  margin: 0 60px 0 0;
}

ul#links_second {
  float: right;
  margin: 0;
}

ul.submenu_list {
  float: left;
  margin: 0;
  padding: 0;
  width: 230px;
}

ul.submenu_list li {
  background: transparent url(img/menu/leaf.gif) 0 5px no-repeat;
  border-bottom: 1px dotted #cfc6ad;
  display: block;
  padding: 7px 0 5px 38px;
}

ul.submenu_list li a {
  display: block;
  text-decoration: none;
}

ul.submenu_list li a:hover {
  text-decoration: none;
}

ul.items {
  margin: 0 0 21px 0;
  padding: 0;
}

ul.items li {
  list-style: inside square;
}


/*------------------------------------------------------------------
[Stopka]
-------------------------------------------------------------------*/

div#footer {
  margin: 0 auto;
  margin-top: 28px;
  padding-bottom: 50px;
  text-align: left;
  width: 792px;
}

div#footer_left {
  background: #2e1f11 url(img/footer_left_bg.gif) top left no-repeat;
  color: #5f554a;
  float: left;
  font-size: 11px;
  height: 45px;
  line-height: 16px;
  margin: 0 60px 0 0;
  padding: 85px 0 0 105px;
  width: 242px;
}

div#footer_left a { color: #7a6d5f; text-decoration: underline; }
div#footer_left a:hover { color: #5f554a; }

div#footer_right {
  float: right;
  font-size: 12px;
  margin: 4px 0 0 0;
  width: 385px;
}