/*------------------------------------------------ */
/* body */
body {
	background: #FAFAFA;
	behavior:url("csshover2.htc");
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: small;
	line-height: 125%;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

/* ------------------------------------------------ */
/* kontener calosci strony */
#pasekG {
	position: absolute; top: 0px;
	background-color: #FAFAFA;
	height: 20px;
	width: 95%;
	text-align: right;;
	margin: 0 2.5% 0 2.5%;
	padding: 1px 0 1px 0;
}

#pasekG a {
	font-size: x-small;
	margin: 0 20px 0 15px;
	padding: 0 0 0 0;
	color: #666;
	text-decoration: none;  
}

#pasekG a:hover {
	color: #000; 
}

/* ------------------------------------------------ */
/* kontener calosci strony */
#calosc {
	position: absolute; top: 20px; left: 0px;
	background-image: url(GrafStala/tlo2.jpg);
	background-position: top;
	background-repeat: repeat-x;
   width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/* ------------------------------------------------ */
/*  nagl */
#nagl {
	position: relative;
	background-image: url(GrafStala/tlo1.jpg);
	background-repeat: repeat-x;
	height: 80px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 95%;
	margin: 0 2.5% 0 2.5%;
	padding: 0 0 0 0;
}

/* ------------------------------------------------ */
/*  menuG */
#menuG {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #BE6869;
}

#menuGW1 {
	background-color: #B2191B;
	width: 95%;
	margin: 0 2.5% 0 2.5%;
	padding: 0 0 0 0;
}

.menuGW {
	background-color: #B2191B;
	float: left;
	padding: 7px 15px 7px 15px;
	border-right: 1px solid #555;
}

.menuGW:hover {
	background-color: #C81F23;
}

.menuGWR {
	background-color: #B2191B;
	float: right;
	padding: 7px 15px 7px 15px;
}

.menuGW a:hover {
	color: #FFF;
}

/* ------------------------------------------------ */
/* tekst */

#tekst {
	position: relative;
	width: 100%;
	background-image: url("GrafStala/tlo6.jpg");
	background-position: top;
	background-repeat: repeat-x;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}


#tekst h2 {
	font-size: 125%;
	font-variant: small-caps;
	color: #B2191B;
	margin: 10px 10px 10px 20px;
}

#tekst h2.tytul {
	font-size: 140%;
	font-weight: bold;
	color: #B2191B;
	margin-bottom: 30px;
}

#tekst h3 {
	font-size: 105%;
	font-variant: normal;
	color: #111;
	margin: 20px 10px 5px 20px;
}

#tekst1 {
	width: 95%;
	background-color: #FFF;
	background-image: url("GrafStala/tlo5.jpg");
	background-position: top;
	background-repeat: repeat-x;
	margin: 0 2.5% 0 2.5%;
	padding: 0 0 0 0;
}

#menuDolne {
	width: 100%;
	margin: 5px 0 5px 0;
	padding: 5px 0 5px 0;
	border-top: 1px solid #ABABAB;
	text-align: center;
}

#menuDolne a {
	font-size: 88%;
	margin-left: 20px;
	color: #555;
}

#menuDolne a:hover {
	color: #B2191B;
	text-decoration: underline;
}

/* ------------------------------------------------ */
/* lewa */

#lewa {
	width: 71%;
	margin-top: 25px; 
	float: left;
}

#OfertaGl {
	width: 95%;
	margin-left: 3%;
	margin-top: 1%;
	margin-bottom: 1%;
}

#OfertaGl .oferta1 {
	float: left;
	width: 46%;
	margin: 0 1% 2% 0;
	padding: 0.5% 1% 0.5% 1%;
	border: 1px solid #ABABAB;
	background-image: url(GrafStala/tlo7.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
}

#OfertaGl .oferta1 p {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #555;
	font-size: 90%;
}

#OfertaGl .oferta1 img {
   float: left;
   margin-right: 5px;
   border: 0; 
}

#OfertaGl .oferta1 .tytul1 {
	color: #111;
	font-variant: small-caps;
	font-size: 115%;
	font-weight: bold;
}

#OfertaGl .oferta1 .tytul1:hover {
	color: #B2191B;
}

/*sekcja dla opisu konkretnego produktu */
#OfertaGl .oferta2 {
   width: 100%;
}

#OfertaGl .oferta2 img {
   border: 0;
   margin: 5px 10px 10px 5px;
}

#Promocja {
	width: 95%;
	margin-left: 3%;
	margin-top: 1%;
	margin-bottom: 1%;
	border-top: 1px solid #ABABAB;
}

#Promocja .promo1 {
	width: 31%;
	padding: 0.3% 0.3% 0.3% 0.3%;
	float: left;
	background-color: #FCFCFC;
}

#Promocja .promo1:hover {
	background-color: #FEFEFE;
}

#Promocja .promo1 a {
	font-weight: bold;
	color: #B2191B;
	text-decoration: 0;
	font-variant: small-caps;
}

#Promocja .promo1 a:hover {
	text-decoration: underline;
}

#Promocja .promoOpis {
	color: #555;
}

/* ------------------------------------------------ */
/* prawa */

#prawa {
	width: 28%;
	margin-top: 25px; 
	float: right;
	border-left: 1px solid #ABABAB;
}

.prawa1 {
	width: 90%;
	margin: 10px 5% 10px 5%;
	padding-bottom: 10px;
	border-bottom: 1px solid #ABABAB;
}

.prawa1 a {
	font-variant: small-caps;
}


/* ------------------------------------------------ */
/* stopka */

#stopka {
	width: 100%;
	margin: 3px 0 3px 0; 
	padding: 3px 0 3px 0; 
	border-top: 1px solid #ABABAB;
	font-size: 80%;
	color: #888;
	text-align: center;
}

#stopka a {
	text-decoration: none;
	color: #2A73A1;
}

#stopka a:hover {
	text-decoration: underline;
	color: #B2191B;
}




/* ------------------------------------------------ */
/* czyscik */
.czyscik {
	clear: both;
}

/* ------------------------------------------------ */
/* ogolne */
.tekst1 {
	margin: 5px 10px 5px 25px;
	padding: 5px 10px 5px 25px;
	font-variant: small-caps;
}

.info1 {
	margin: 5px 10px 5px 25px;
	padding: 5px 10px 5px 25px;
	font-variant: small-caps;
	font-weight: bold;
}

a:link, a:active, a:visited {
	color: #2A73A1;
	text-decoration: none;
}

a:hover {
	color: #B2191B;
}

.lacze1:link, .lacze1:active, .lacze1:visited {
   color: #000;
}

.lacze1:hover {
   color: #B2191B;
   text-decoration: underline;
}