/* 
	agropom.pl stylesheet
	$Id: agropomstyle.css,v 1.1 2008/02/16 12:01:55 ula Exp $
 */

* {
	padding: 0;
	margin: 0;
	background-color: transparent;
}

body {
	background: #F2F2ED;
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	color: #000;
}

.accessibility {
	display: none;
}

a:link {
	color: #339900;
	text-decoration: none;
}

a:visited {
	color: #339900;
	text-decoration: none;
}

a:hover {
	color: #31B428;
	text-decoration: underline;
}

a:active {
	color: #339900;
	text-decoration: none;
}

/*------------- layout --------------- */

#container {
	width: 787px;
	margin-left: auto;
	margin-right: auto;
}

#header {
	width: 787px;
	height: 110px;
	position: relative;
}

#header h1  {
	font-size: 14px;
}

#header h1 a {
	position: absolute;
	display: block;
	width: 172px;
	height: 68px;
	background: url(img/logo.jpg) no-repeat;
	left: 8px;
	top: 30px;	
}

#header h1 a span {
	display: none;
}

#topMenu {
	float: right;	
}

#topMenu ul {
	float: right;
}

#topMenu ul li {
	display: block;
	float: left;
}

#topMenu ul li a {
	display: block;
	color: #000;
	padding: 40px 30px 5px 30px;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
	border-right: 1px solid #D6D6C7;
}

#topMenu ul li a:link,
#topMenu ul li a:visited {
	color: #333;
}

#topMenu ul li a:hover {
	color: #D4D0C8;
}

#topMenu ul li a:active {
	color: #999;	
}

#flashContainer {
	width: 787px;
	height: 200px;
	background: url(img/bg_flash.jpg) no-repeat;
}

#blackContainer {
	width: 747px;
	height: 218px;
	background: url(img/black_container_bg.gif) center bottom no-repeat;
	padding: 15px 20px 10px 20px;
	margin-bottom: 15px;
}

#boxFirma {
	width: 209px;
	height: 171px;
	background: url(img/bg_box.jpg) no-repeat;
	float: left;
	margin-right: 15px;
	padding: 25px 15px 10px 15px;
	display: inline;
	position: relative;
}

#hFirma {
	margin: 0; 
	padding: 0;
	position: relative;
	width: 60px; 
	height: 19px;
	overflow: hidden;
	font-weight: normal;
	font-size: 15px;
}

#hFirma span {
	display: block;
	position: absolute; 
	left: 0; 
	top: 0; 
	z-index:1;
	width: 60px; 
	height: 19px;
	margin: 0; 
	padding: 0;
	background: url(img/hfirma.gif) left center no-repeat;
}

#boxFirma p {
	color: #edeee9;
	font-size: 11px;
	margin-top: 15px;
}

#boxOferta {
	width: 209px;
	height: 171px;
	background: url(img/bg_box.jpg) no-repeat;
	float: left;
	margin-right: 15px;
	padding: 25px 15px 10px 15px;
	display: inline;
	position: relative;
}

#hOferta {
	margin: 0; 
	padding: 0;
	position: relative;
	width: 79px; 
	height: 19px;
	overflow: hidden;
	font-weight: normal;
	font-size: 15px;
}

#hOferta span {
	display: block;
	position: absolute; 
	left: 0; 
	top: 0; 
	z-index:1;
	width: 79px; 
	height: 19px;
	margin: 0; 
	padding: 0;
	background:  url(img/hoferta.gif) left center no-repeat;
}

#boxOferta p {
	color: #edeee9;
	font-size: 11px;
	margin-top: 15px;
}

div.moreContainer {
	width: 209px;
	position: absolute;
	top: 180px;
}

div.more {
	float: right;
	font-size: 11px;
}

div.more a {
	font-weight: bold;
	text-decoration: none;
	color: #edeee9;
	background:  url(img/ikona_more.gif) left no-repeat;
	padding-left: 17px;
	margin-top: 15px;
}

div.more a:link,
div.more a:visited {
	text-decoration: none;
	color: #cdcc4f;
}

div.more a:hover {
	text-decoration: underline;
	color: #cdcc4f;
}

div.more a:active {
	text-decoration: none;
	color: #cdcc4f;
}

#boxKontakt {
	width: 209px;
	height: 171px;
	background: url(img/bg_box.jpg) no-repeat;
	float: left;
	padding: 25px 15px 10px 15px;
	display: inline;
	position: relative;
}

#hKontakt {
	margin: 0; 
	padding: 0;
	position: relative;
	width: 105px; 
	height: 19px;
	overflow: hidden;
	font-weight: normal;
	font-size: 15px;
}

#hKontakt span {
	display: block;
	position: absolute; 
	left: 0; 
	top: 0; 
	z-index:1;
	width: 105px; 
	height: 19px;
	margin: 0; 
	padding: 0;
	background: url(img/hkontakt.gif) left center no-repeat;
}

#boxKontakt p {
	color: #edeee9;
	font-size: 11px;
	margin-top: 15px;
}

#boxKontenery {
	width: 747px;
	height: 226px;
	background: url(img/box_kontenery.jpg) no-repeat;
	padding: 10px 20px 20px 20px;
	margin-bottom: 10px;
}

#boxK30 {
	width: 225px;
	float: left;
	margin-right: 20px;
	padding-left: 10px;
	background: url(img/k30.gif) top center no-repeat;
	position: relative;
}

#boxMulda {
	width: 225px;
	float: left;
	margin-right: 20px;
	padding-left: 10px;
	background: url(img/mulda.gif) top center no-repeat;
	position: relative;
}

#boxTyp34 {
	width: 225px;
	float: left;
	padding-left: 10px;
	background: url(img/typ34.gif) top center no-repeat;
	position: relative;
}

div.moreKontenery {
	width: 235px;
	position: absolute;
	top: 130px;
}

div.moreTyp {
	float: left;
	font-size: 11px;
}

div.moreTyp a {
	font-weight: bold;
	text-decoration: none;
	color: #339900;
	background: url(img/ikona_more_kontenery.gif) left no-repeat;
	padding-left: 15px;	
}

div.moreTyp a:link,
div.moreTyp a:visited {
	text-decoration: none;
	color: #339900;
}

div.moreTyp a:hover {
	text-decoration: underline;
	color: #339900;
}

div.more a:active {
	text-decoration: none;
	color: #339900;
}

#boxKontenery p {
	color: #505856;
	font-size: 11px;
	padding-top: 145px;
}

#boxDownMenu {
	width: 787px;
	height: 25px;
	border-bottom: 2px solid #d1d1c0;
	margin-bottom: 10px;
}

#downMenu {
	width: 350px;
	float: left;
}

#downMenu ul {
	list-style: none;
}

#downMenu ul li {
	display: block;
	float: left;
	font-size: 11px;
}

#downMenu ul li a {
	color: #505856;
	padding: 0 10px;
}

#downMenu ul li + li a {
	border-left: 1px solid #505856 !important;
}

#siteMap {
	width: 350px;
	float: right;
}

#siteMap ul {
	float: right;
}

#siteMap ul li {
	list-style: none;
	float: left;
	display: block;
}

#siteMap ul li a {
	display: block;
	float: left;
	color: #505856;
	text-decoration: none;
	padding-left: 20px;
	padding-right: 10px;
	font-size: 11px;
}

#siteMap ul li a.home {
	background: url(img/ikona_home.gif) left no-repeat;
}

#siteMap ul li a.map {
	background: url(img/ikona_map.gif) left no-repeat;
}

#footer {
	width: 787px;
	height: 45px;
	clear: both;
}

#copyrights {
	color: #505856;
	font-size: 11px;
	float: left;
	padding-left: 5px;
}

#designed {
	color: #505856;
	font-size: 11px;
	float: right;
	padding-right: 15px;
}

#adress {
	color: #aab0af;
	font-size: 11px;
	float: left;
	padding-left: 5px;
	padding-top: 5px;
	clear: both;
}

/*------------- page --------------- */

#breadcrumbs {
	width: 787px;
	height: 32px;
	background: url(img/bg_breadcrumbs.jpg) center no-repeat;
	margin-bottom: 10px;
}

#breadcrumbs p {
	font-size: 11px;
	color: #a7c4bf;
	padding-left: 20px;
	padding-top: 5px;
}

#breadcrumbs a:link {
	color: #a7c4bf;
	text-decoration: none;
}

#breadcrumbs a:visited {
	color: #a7c4bf;
	text-decoration: none;
}

#breadcrumbs a:hover {
	color: #a7c4bf;
	text-decoration: underline;
}

#breadcrumbs a:active {
	color: #a7c4bf;
	text-decoration: none;
}

#bgTop {
	width: 787px;
	height: 32px;
	background: url(img/bg_withe_top.jpg) no-repeat;
}

#bgMiddle {
	width: 787px;
	background: url(img/bg_withe_middle.jpg) top repeat; 
}

/* ------------ template: catalog ------------- */

#tplCatalog #boxLeft {
	width: 727px;
	padding: 0 30px 0 30px;
	float: left;
	margin-bottom: 50px;
}

#tplCatalog #boxRight {
	display: none;	
}


#boxLeft {
	width: 450px;
	padding: 0 10px 0 30px;
	float: left;
	margin-bottom: 50px;
}

#boxLeft h2 {
	font-size: 17px;
	border-bottom: 1px solid #282827;
	font-weight: normal;
	margin-bottom: 10px;
}

#boxLeft p {
	padding: 6px 0;
	font-size: 12px;
}

/*  #boxLeft h2 {
	color: #390;
	font-size: 14px;
	margin: 20px 0 10px 0;
}*/

#boxLeft ul {
	list-style: square;
	margin-left: 20px;
}

#boxRight {
	width: 250px;
	height: 335px;
	float: right;
	background: url(img/spawacz.jpg) left no-repeat;
}

#tplCompany #boxRight {
	background: url(img/spawacz4.jpg) left no-repeat;
}

#tplNews #boxRight {
	background: url(img/spawacz2.jpg) left no-repeat;
}

#tplKontakt #boxRight {
	background: url(img/spawacz3.jpg) left no-repeat;
}

#boxGaleria {
	width: 727px;
	clear: both;
	padding: 0 30px 0 30px;
}

#boxGaleria h3 {
	font-size: 17px;
	font-weight: normal;
	border-bottom: 1px solid #282827;
	margin-bottom: 20px;
}

#bgBottom {
	width: 787px;
	height: 32px;
	background: url(img/bg_bottom.jpg) no-repeat;
	margin-bottom: 20px;
}

/* --------------- clearfix ------------------ */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/* -------------------- produkty --------------------- */

div.item {
	display: inline;
	width: 148px;
	height: 180px;
	float: left;
	padding: 5px;
	margin: 0 23px 15px 0;
	text-align: center;
	position: relative;
}

div.item a:hover img {
	filter: alpha(opacity=70);
	opacity: .70;
}

div.itemImage img {
	border: 0;
	padding-top: 5px;
}

div.itemAdult {

}

div.itemName {
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	top: 120px;
	left: 5px;
	z-index: 5;
}

div.itemName a {
	text-decoration: none;
	display: block;
	padding: 5px;
	text-align: left;
	font-size: 11px;
	background: url(img/ikona_more_kontenery.gif) left no-repeat;
	padding-left: 20px;
	color: #390;
}

div.itemName a:link,
div.itemName a:visited {
	color: #390;
}

div.itemName a:hover {
	color: #390;
	text-decoration: underline;
}

div.itemName a:active {
	color: #390;
}

div.itemListing {
	float: none;
	padding-top: 10px;
}

div.itemListingNav {
	text-align: right;
	margin-bottom: 20px;
}


/* --------------------- karta produktu --------------------- */

#catalogItem {
	position: relative;
}

.item_images {
	width: 640px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.item_images img {
	padding: 2px;
	border: 1px solid #efefef;
}

#itemThumbnails {
	padding: 5px;
	margin-bottom: 15px;
	margin-top: 20px;
}

#itemThumbnails img {
	border: 0;
}

#itemThumbnails a:hover img {
	filter: alpha(opacity=70);
	opacity: .70;
}

div.itemThumbnailsThumb {
 	width: 70px;
	height: 53px;
	float: left;
	display: inline;
	background: #fff;
	border: 1px solid #ccc;
	margin-right: 4px;
	margin-bottom: 4px;
	text-align: center;
	padding: 3px;
}

#itemThumbnails .clear {
	height: 1px;
	clear: both;
}

#itemDescription {
	color: #000;
	padding: 10px;
	border: 1px solid #ccc;
	background: #efefef;
}



#itemDescriptionBody {
	padding: 10px;
}

#itemDescriptionBody ul {
	margin-left: 20px;
	list-style-image: url(img/itemdot.gif);
}

#itemDescriptionLinks {
	padding: 5px;
	clear: both;
}

/* -------------------- forms ------------------ */


input, select, textarea { 
	width: 98%;
	padding: 2px;
	background: #fafafa;
	border: 1px solid #999;
	font-size: 11px;
	/*margin-bottom: 2px;*/
	margin: 1px 0;
}

input.error, textarea.error, select.error {
	border: 1px solid #555;
}

input.disabled {
	background: #ccc;
}

input:focus, textarea:focus {
	background: #fff;
	border: 1px solid #555;
}

input.req:focus, textarea.req:focus {
	background: #fff right no-repeat;
}

form {
	/*width: 99%;*/
	font-weight: normal;
}

div.formError {
	border: 1px solid #CC0000;
	font-weight: bold;
	margin: 1em;
	padding: 20px;
}

div.formError ul {
	list-style: url(img/formerroritem.gif) !important;
}

div.formError ul li {
 	padding-left: 10px;
}
 
label {
	display: block;
	cursor: pointer;
	padding-top: 5px;
	padding-right: 5px;
	font-size: 12px;
}
        
input.button {
	color: #fff;
	width: 100px !important;
	height: 25px;
	border: 0;
	background: transparent url(img/btnbg.gif) no-repeat;
	font-size: 13px;
	font-weight: bold;
	padding: 1px;
}


fieldset {
	padding: 0;
	border: 0;
	margin: 0;
	background: transparent;
}


.captchaStyle {
	margin-bottom: 1em; 
	text-align: center;
}

legend {
	text-align: center;
	font-weight: bold;
	background: transparent;
	padding: 3px 3px 3px 0;
	font-size: 14px;
}

/* --------------------- newsy -------------- */

div#news {
  border: 1px solid #000; 
  background: #FFE9AF; 
}

div#news h2 {
   line-height: 2em;
   background: #fff;
}

.NewsSummary {
    padding: 20px 0; /* padding for the news article summary */
    /*margin: 0 0.5em 1em 0.5em;*/ /* margin to the bottom of the news article summary */
    border-bottom: 1px solid #ccc; 
}

.NewsSummaryPostdate {
	font-size: 90%;
	font-weight: bold;
	margin-bottom: 5px;
}

.NewsSummaryLink {
    font-weight: bold;
    padding-top: 0.2em;
	margin-bottom: 5px;
}

.NewsSummaryCategory {
	font-style: italic;
	margin: 5px 0;
}

.NewsSummaryAuthor {
	font-style: italic;
	padding-bottom: 0.5em;
}

.NewsSummarySummary, .NewsSummaryContent {
	line-height: 140%;
}

.NewsSummaryMorelink {
	padding-top: 0.5em;
}

#NewsPostDetailDate {
	font-size: 90%;
	margin-bottom: 5px;
	font-weight: bold;
}

#NewsPostDetailSummary {
   line-height: 150%;
}

#NewsPostDetailCategory {
	font-style: italic;
	border-top: 1px solid #ccc;
	margin-top: 0.5em;
	padding: 0.2em 0;
}

#NewsPostDetailContent {
	margin-bottom: 15px;
	line-height: 150%;
}

#NewsPostDetailAuthor {
	padding-bottom: 1.5em;
	font-style: italic;
}


/* to add specific style to the below divs, uncomment them. */


#NewsPostDetailTitle {
	margin-bottom: 20px;
	font-size: 12px;
	color: #339900;
}

/*
#NewsPostDetailHorizRule {}
#NewsPostDetailPrintLink {}
#NewsPostDetailReturnLink {}
*/


#sitemap {
	padding: 20px;
}

#sitemap ul {
	list-style: url(img/ikona_more_kontenery.gif);
}

#sitemap ul ul {
	list-style: url(img/dot_sitemap.gif);
	font-size: 11px;
}



/* ----------------------- slideshow ------------------- */

#gallery_box {
    width: 750px;
    height: 235px !important;
    overflow: hidden !important;
    position: relative;
}

#gallery {
	position: relative;
	height: 235px
}

#gallery a {
    float: left;
    position: absolute;
    z-index: -100;
}

#gallery a img {
    border: none;
    width: 750px;
}

#gallery a.show {
    z-index: 500
}

#gallery .caption {
    z-index: 600; 
    /*background-color: #fff;*/
    color: #333; 
    height: 200px; 
    width: 350px !important; 
    position: absolute;
    bottom: 0;
    overflow: hidden;
}

#gallery .caption .content {
    margin: 20px 15px;
    font-weight: normal;
    text-align: left;
}

#gallery .caption .content h3 {
    margin: 0;
    padding: 0;
    color: #f90;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 15px;
}