/*     ---------------------  SZABLON ---------------------------      */

html, body {
	background-color: #FFFFFF;
	font-smooth: always;
	font-family:arial;
  font-size:8pt;
	color: #000000;
	margin: 0px;
	padding: 0px;
  
}



a:link, a:visited {
text-decoration: none;
color: #5C5C5C;
}

a:active, a:hover  {
  text-decoration: underline; 
  color: #5C5C5C; 
}
  


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

div.tlo a:active,div.tlo a:hover  {
  text-decoration: underline; 
  color: #DADADA; 
}

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

div.tresc_box a:active,div.tresc_box a:hover  {
  text-decoration: underline; 
  color: #DADADA; 
}




p {
margin: 0px;
}




img {
border:0px;
}





#top {
	width: 1053px; 
	margin: 0pt auto;
	margin-top:20px;
	margin-bottom:50px;
  text-align:center;
}

#NAGLOWEK {
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	cursor:pointer;
}




#MENU{
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	cursor:pointer;
}


div.pojemnik {
overflow: hidden;
}

.column {
	padding-bottom: 32767px;
	margin-bottom: -32760px;
		
	 }


#KOL{
width:inherit;
margin: 0px;
}


#KATALOG {
	width: 200px;
	float: left;
	overflow: hidden;
	background-color: #E1E1E1;
}

#KATALOG_BACK {
max-width: inherit;
background-color: #FFFFFF;
}


div.grupy {
max-width: inherit;
text-align: left;
padding-top: 17px;
padding-bottom: 10px;
padding-left: 27px;
margin-bottom: 2px;
background-color: #E1E1E1;
}

div.kategorie {
max-width: inherit;
text-align: left;
margin-left: 18px;
}




#TRESC {
  
	max-width: 653px;
	background-color: #FFFFFF;
	text-align: left;
	
	
  
}

#TRESC_BACK {
  float:left
	max-width: inherit;
  background-color: #FFFFFF;
  
  
}


#INFORMACJE {
	width: 200px;
  min-height:850px;
	float: left;
	overflow: hidden;
	background-color: #292929;
}

#INFORMACJE_BACK {
  float: right;
  max-width: inherit;
  background-color: #FFFFFF;
}


#STOPKA {
  
	clear: both;
	width: inherit;
	background-color: #FFFFFF;	
}

table.stopka {
color: #808080;
font-size: 7pt;
width:100%;
padding: 0px:
border-spacing: 0px;
border-collapse: collapse;
 
}

a.link_nic:link, a.link_nic:visited {
text-decoration: none;
color: #000000;
}

a.link_nic:active, a.link_nic:hover  {
  text-decoration: underline; 
  color: #000000; 
}

div.biuro {
  text-align: left;
  width: 200px;
  height: 240px;
  background-image:url(../img/biuro.jpg); 
  margin-bottom:3px;
}

div.informacje {
  text-align: left;
  width: 200px;
  height: 219px;
  background-image:url(../img/informacje.jpg); 
  margin-bottom:3px;
}

div.tresc_box {
 
 width: 170px;
 text-align: left;
 margin-bottom: 5px;
 font-family: arial;
 font-style:  normal;
 color: #DADADA;
 font-size: 8.5pt;
 margin-top: 51px;
 margin-left: 21px;
}






/*     ---------------------  STRONY ---------------------------      */

div.tekst {
  
  overflow: hidden;
  max-width: 565px;
  margin-top: 18px; 
  margin-left: 40px; 
  margin-right: 30px;
  
  
}

h1.h1 {
  font-family: arial;
  font-style:  normal;
  font-weight: lighter;
  font-size:15pt;
	color: #1D4057;
}

p.tekst_opis {
 overflow: hidden;
 font-family: arial;
 font-style:  normal;
 font-size:8pt;
}

div.tekst_opis {
 font-family: arial;
 font-style:  normal;
 font-size:8pt;
}

p.tekst_wiecej {
 font-family: arial;
 font-style:  normal;
 font-size:7pt;
 text-align: right;
 color: #5C5C5C;
 margin: 5px;
 padding-bottom:10px;
}

p.ukryj_guzik {
 cursor:pointer;
 margin-left: 480px;
 font-family: arial;
 font-style:  normal;
 font-size:7pt;
 color: #5C5C5C;
}


p.ukryj_guzik:hover {
text-decoration: underline;
}


a.tekst_wiecej {
  font-size:7pt;
  color: #5C5C5C;
  text-decoration: none;  
}

a.tekst_wiecej:visited {
  font-size:7pt;
  color: #5C5C5C;
  text-decoration: none;  
}

a.tekst_wiecej:hover {
  font-size: 7pt;
  color: #5C5C5C;
  text-decoration: underline;  
}

div.belka_mala {
  
  width:650px
  clear:both;
  text-align:center;
  margin-left:5px;
  margin-right:5px;
  height: 2px;
  background-image: url(../img/belka_mala.jpg);
  background-repeat: no-repeat;
  
}


/*  prezentacja GRUP   */

div.z_bazy { 
  
  
  margin-left: 12px;
  
  
  
}

div.ramka {
  float:left;
  margin-left: 5px;
  margin-bottom: 20px;
  border: solid 1px;
  width: 202px;
  max-width: 202px;
  height: 305px;
}

div.tlo {
 
  border: solid 1px;
  max-width: 292px;
  height: 292px;
  background-image: url(../img/tlo_index_z_bazy.jpg);
  background-repeat: no-repeat;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 6px;
  margin-bottom: 6px;
}

div.czarna_rama {
  position:  relative;
  width: 190px;
  height: 134px;
  background-color: #000000;
  
  padding-top:1px;
  
}

div.miniatura {
  position:  relative;
  width: 182px;
  height: 123px;
  background-color: #000000;
  margin-top: 5px;
  margin-left: 4px;
  
  
}

div.nazwa_grupy {
  
  width: 187px;
  height: 52px;
  vertical-align: center;
  
  
  text-align:center;
  color: #FFFFFF;
  font-size: 15pt;
}

div.nazwa_grupy_text {

width: 187px;
position:absolute;


}

div.kategorie_grupy {
  position:  relative;
  width: 160px;
  height: 86px;
  
  margin-top: 5px;
  margin-left : 16px;
  margin-right : 13px;
  text-align:center;
  color: #FFFFFF;
  font-size: 8pt;
}

div.wiecej {
  
  text-align:right;
  margin-right: 6px;
  
}


div.inne_korale {
  max-width: 300px;
  margin-left: 40px; 
   
}


/* ----------- OFERTA --------------- */


div.z_bazy_oferta { 
  
  margin-left: 10px;
  margin-right: 12px;
  padding-top:5px;

}



div.ramka_oferta {
  float:left;
  margin-left: 5px;
  border: solid 1px;
  width: 202px;
  height: 226px;  
  
}




div.ramka_mala_oferta {
  float:left;
  margin-top: 39px;
  margin-left: 5px;
  border: solid 1px;
  width: 202px;
  height: 187px;
  
}


div.ramka_mala_oferta_2 {
  float:left;
  margin-top: 39px;
  margin-left: 5px;
  border: solid 1px white;
  width: 202px;
  height: 187px;
}

div.tlo_oferta {
  border: solid 1px;
  width: 190px;
  height: 212px;
  background-color: #242424;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 6px;
  margin-bottom: 6px;
}

div.tlo_mala_oferta {
  border: solid 1px;
  width: 190px;
  height: 173px;
  background-color: #242424;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 6px;
  margin-bottom: 6px;
}

div.czarna_rama_oferta {
  position: absolute;
  width: 190px;
  height: 134px;
  background-color: #000000;
  margin-top: 39px;
  
  
}

div.czarna_rama_mala_oferta {
  
  
  width: 190px;
  height: 134px;
  background-color: #000000;
  
  padding-top:1px;
  
}

div.miniatura_oferta {
  float:left;
  width: 182px;
  height: 123px;
  background-color: #000000;
  margin-top: 5px;
  margin-left: 4px;
  text-align: center;
  overflow:hidden;   
}

div.nazwa_produktu {
  float:left;
  width: 182px;
  height: 123px;
  position:absolute;
  margin-top: 13px;
  margin-left: 3px;
  text-align:center;
  color: #FFFFFF;
  font-size: 9pt;
}

div.numer_produktu_matka {
  
  position:  absolute;
  margin-top: 189px;
  margin-left: 13px;
  text-align:left;
  color: #FFFFFF;
  font-size: 7.5pt;
}

div.numer_produktu {
  
  position:  absolute;
  margin-top: 15px;
  margin-left: 13px;
  text-align:left;
  color: #FFFFFF;
  font-size: 7.5pt;
}

div.cena_produktu {
 
  position:  absolute;
  margin-top: 12px;
  margin-left: 130px;
  text-align:right;
  color: #FFFFFF;
  font-size: 10pt;
  font-weight: bold;
}