/*______________Created by Duonet______________*/
/*________________www.duonet.eu_______________*/

body { margin: 0; font: 12px/20px Arial; color: #545454; background: #fff url('../img/bg_bottom.png') repeat-x center bottom; }
img  { border: 0 none; vertical-align: middle; }
a { color: #00cc00; text-decoration: none; font-weight: bold; }
a:hover { text-decoration: underline; }


div.c { clear: both !important; margin: 0px !important; padding: 0px !important; width: 0px !important; height: 0px !important;	border: 0 none !important; overflow: hidden !important; }
.text-center { text-align: center; }
.text-right  { text-align: right; }
.noborder    { border: 0 none !important; }
.justify     { text-align: justify; }
.indent      { text-indent: 7px; }
.center      { margin: 0 auto; }
.hidden      { display: none; }
.right       { float: right; }
.block       { display: block; }
.bold        { font-weight: bold; }
.left        { float: left; }

#top { height: 396px; background: url('../img/bg_top_2.jpg') no-repeat center -20px; }
/*
#top { height: 396px; background: url('../img/bg_top.jpg') no-repeat top center; }
*/
#top_container { margin: 0px auto; width: 960px; position: relative; }


#logo { position: absolute; top: 20px; left: 0px; z-index: 999; }
#logo_unopol_bis { position: absolute; top: 70px; left: 220px; z-index: 999; }
#menu { float: right; clear: right; margin-top: 24px; width: 731px; height: 44px; background: url('../img/bg_menu.png') no-repeat 0px 0px; }
#menu a { display: block; float: left; margin-left: 32px; height: 36px; }
#menu a span { visibility: hidden; }
#menu a#menu_sg       { width: 131px; background: url('../img/menu.png') no-repeat    0px 0px; margin-left: 80px; }
#menu a#menu_o_firmie { width:  78px; background: url('../img/menu.png') no-repeat -164px 0px; }
#menu a#menu_oferta   { width:  69px; background: url('../img/menu.png') no-repeat -276px 0px; }
#menu a#menu_konkurs  { width:  81px; background: url('../img/menu.png') no-repeat -378px 0px; }
#menu a#menu_kontakt  { width:  78px; background: url('../img/menu.png') no-repeat -493px 0px; }

#menu a#menu_sg:hover, 		#menu a#menu_sg.active			{ background: url('../img/menu.png') no-repeat    0px -36px; }
#menu a#menu_o_firmie:hover, #menu a#menu_o_firmie.active	{ background: url('../img/menu.png') no-repeat -164px -36px; }
#menu a#menu_oferta:hover,  #menu a#menu_oferta.active		{ background: url('../img/menu.png') no-repeat -276px -36px; }
#menu a#menu_konkurs:hover, #menu a#menu_konkurs.active		{ background: url('../img/menu.png') no-repeat -378px -36px; }
#menu a#menu_kontakt:hover, #menu a#menu_kontakt.active		{ background: url('../img/menu.png') no-repeat -493px -36px; }

#wizerunek { float: right; clear: right;  margin: 7px 0px 0px 0px; width: 720px; height: 320px; overflow: hidden; }
#wizerunek img { float: left; }
#navi-prev, #navi-next { display: none; position: absolute; z-index: 999; top: 400px; }
#navi-prev { left: 0px; }
#navi-next { left: 900px; }

#product_slider_container { float: left; margin-top: 120px; width: 960px; }
#product_slider { margin: 0px; padding: 0px; width: 980px; height: 200px; overflow: hidden; list-style: none; }
#product_slider li { float: left; width: 20%; height: 200px; text-align: center; }
#product_slider li a { color: #ff9805; font-size: 14px; }
#product_slider li div.name { margin-top: 4px; text-align: center; text-shadow: 0 0 2px #ffcc99; }


#grass { background: url('../img/bg_grass.jpg') no-repeat bottom center; }
#frame { padding-bottom: 18px; background: url('../img/bg_content.png') no-repeat top center; }
#content { margin: 0px auto; padding-bottom: 35px; width: 959px; line-height: 130%;
			background: url('../img/bg_content_bottom.png') no-repeat bottom center; }
#content_top { min-height: 110px;}
#content_top h3 { margin: 0px; padding-top: 40px; font-size: 24px; text-align: center; color: #3c7302; }
#content_bg { min-height: 315px; background: #fff7e9; }
#content_bg .margin { margin: 0px 16px 0px 16px; }
#content_bg .margin h4 { color: #3c7302; font-size: 14px; margin: 0px; }
#content_bg .margin h4 { color: #3c7302; }

#footer { height: 118px; }
#footer .w960 { margin: 0px auto; width: 960px; color: #ffffff; }
#footer .w960 a { color: #ffffff; font-weight: normal; margin-right: 20px; }
#footer .w960 #duonet { float: right; clear: right; }

#sg_oferta { float: left; margin: -70px 24px 0px 0px; width: 215px; min-height: 240px; padding: 8px 0px 0px 16px; line-height: 190%;
			 color: #ffffff; /* background: url('../img/box_nasza_oferta.png') no-repeat 0px 0px; */ }
#sg_oferta a { color: #ffffff; font-weight: normal; }

ul.oferta { position: relative; float: left; clear: left; list-style: none; width: 160px; padding: 20px 30px; }
ul.oferta li { margin: 8px 0px; }
ul.oferta li a { font-size: 12px; color: #ffffff; padding-left: 10px; font-weight: normal;
				 background: url('../img/ul_li_ffffff.png') no-repeat 0px 2px; }
ul.oferta li a:hover { color: #3C7302; }
ul.oferta li a.active { font-weight: bold; }
.oferta { position: relative; }
.oferta .maska { position: absolute; bottom: 0px; right: 0px; z-index: 2; }

.produkty { float: right; clear: right; margin-top: 16px; padding-left: 16px;
			width: 640px; min-height: 400px; border-left: 1px solid #FFB532; }
.produkty .produkt { margin: 8px 0px; }

.nagrody { }
.nagrody .nagroda { float: left; margin: 10px; padding: 10px; width: 160px; height: 180px;
					border: 1px solid #3C7302; text-align: center; font-size: 14px; font-weight: bold; }
.nagrody .nagroda img { margin: 8px 0px; }

.bg_orange {
	background: #ff9805; /* Old browsers */
	background: -moz-linear-gradient(top, #ff9805 0%, #ff6411 50%, #ff9805 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9805), color-stop(50%,#ff6411), color-stop(100%,#ff9805)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ff9805 0%,#ff6411 50%,#ff9805 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ff9805 0%,#ff6411 50%,#ff9805 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ff9805 0%,#ff6411 50%,#ff9805 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ff9805 0%,#ff6411 50%,#ff9805 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9805', endColorstr='#ff9805',GradientType=0 ); /* IE6-9 */
}
.radius { border-radius: 9px; }