* {margin: 0; padding: 0;}

BODY {
    color: #000000;
	margin-right: auto; 
	margin-left: auto; 
	background-color: #C6CBC7;
	font-family: Book Antiqua;
	width: 850px;
	}
	
#glowna{
	    position: relative;
		top: 50px;
		text-align: right;
		margin-bottom: 100px;
		padding: 0;
		border: 10px white solid;
		width: 830px;
	    
		background-color: #E6E6E6;
 		overflow: hidden;
}	 
		
#banner{
		position: relative;
		top:0;
		left: 0;
		z-index:100;
		height: 197px;
		width: 830px;
	
		border: 0px solid white;

}


	
#copyr{
	  color: #696E68;
	  position: absolute;
	  right: 0px;
	  bottom: 0px;
	  padding: 3px 5px 5px 0;
	  text-align:right;
	  font-family: Verdana;
	  font-size: 12.5px;

}


#okno{
	  position: relative;
	  text-align: justify;
	  left: 0px;
	  padding: 30px 20px 30px 20px;
	  margin: 0;
	  width: 795px;
	  height: auto;
	  border: 0px solid black;
	  background-color: #E6E6E6;
	  font-family: Verdana, sans serif;
	  font-style: italic;
	  font-weight: 500;
	  font-size: 12.5px; 
	  color: #686E68;
	  line-height: 1.4em;
	  float: right;
}
	
a:link{
  	  color: #383F38;
	  text-decoration: none;
}

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

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


	
#account{
position: absolute; 
left: 355px;
top: 60px
}

#obrazek_lewy{
 float: right;
 position: relative;
}


table{
  font-family: 'Trebuchet MS', 'small fonts', serif;
  font-weight: 500;
  font-size: 12px; 
  font-style: normal;

  color: #E6E6E6;
  border-collapse: collapse;
}
table tr{
 }
table td{
 border: 4px solid #E6E6E6;
 background-color: #686E68;
  padding: 1px 1px 1px 1px;
}


a.link_na_ciemym:link{
  	  color: #A6A4A4;
	  text-decoration: none;
}

a.link_na_ciemym:visited{
	  color: #E6E4E4;
	  text-decoration: none;
}

a.link_na_ciemym:hover{
	  color: #316229;
	  text-decoration: none;
}
a.link_nc1:link{
  	  color: white;
	  text-decoration: none;
}

a.link_nc1:visited{
	  color: white;
	  text-decoration: none;
}

a.link_nc1:hover{
	  color: white;
	  text-decoration: none;
}
a.link_czysty:link{
  	  color: black;
	  text-decoration: none;
}

a.link_czysty:visited{
	  color: black;
	  text-decoration: none;
}

a.link_czysty:hover{
	  color: black;
	  text-decoration: none;
}
a.link_u:link{
  	  color: #686E68;
	  text-decoration: none;
}

a.link_u:visited{
	  color:#686E68;
	  text-decoration: none;
}

a.link_u:hover{
	  color: #686E68;
	  text-decoration: none;
}



font.czerw{
 color: #6D3435;
}
font.gree{
 color: #326C32;
}

table td.przez{
background-color: #E6E6E6;
 color: #686E68;
}

table td.hh1{
color: #f51c45;
}

table.przez td{
background-color: #E6E6E6;
 color: #686E68;
}

table#zap td{
 background-color: #CACACA;
 color: #686E68;
}

#przezroczysta td{
 background-color: #E6E6E6;
 color: #686E68;
}



.zdjecie{
background-color: #686E68;
margin: 10px 10px 10px 0;
padding: 8px 8px 12px 8px;
text-align:center;
float: left;
}

.opis_z{
color: #E6E6E6;
padding: 5px 0 0 0;
margin: 0;
text-align: center;
font-family: MonotypeCoursiva, Pristina, Book Antiqua, verdana, serif;
font-size: 17px;
}

.kursywa{
	color: #686E68;
	font-family: MonotypeCoursiva, Pristina, Book Antiqua, verdana, serif;
	font-size: 20px;
}

.czysc{
  clear: both;
}

.ciemny{
  background-color: #686E68;
 color: #E6E6E6;
 padding: 3px
}

#pieczec{
position: absolute
}
/* --------------------- */	
h1	{
	color: #686E68;
	font-family: verdana, serif;
	font: italic;
	font-size: 16.5px;
	line-height: 3em;
    letter-spacing: 0.15em;
	font-weight: 600;
	}
	
h2	{
	color: #686E68;
	font-family: MonotypeCoursiva, Pristina, Book Antiqua, verdana, serif;
	font-size: 17px;
	line-height: 3em;
    letter-spacing: 0.2em;
	}

h3	{
	color: #686E68;
	font-family: verdana, Book Antiqua, serif;
	font-size: 13.5px;
	line-height: 3em;
    letter-spacing: 0.1em;
	}
h4	{
	color: #ffffff;
	}
h5	{
	color: #000000;
	}
	
h5 a:link,h2 a:link{
	   color: black;
}

h5 a:hover, h2 a:hover {
 color:black;
 
}

h2 a:visited, h5 a:visited{
 color: darkred;
}
	
p {

}

span{
 color: darkred;
 font-size: 2em;
}
	  		 

		 





#zalogowany{
	  color: #B9B9B9;
	  position: absolute;
	  top: 200px;
	  left: 10px;
	  font-family: 'times new roman';
	  font-size:smaller;
}

#zalogowany  a:link, #zalogowany a:visited{
 color: white;
}

#zalogowany  a:hover{
 color: red;
}



#koszyk_l a:link, #koszyk_l a:visited{
 color:#FFFEAD;
}


#gw{
color: 'green';
font-size: smaller;
float: left;
position: relative;
}

#tekst_o{
margin-left: 0px;
margin-right: 0px;
padding: 0px;
width: auto;
height: auto;
}




#okno2{
	  position: relative;
	
	  margin-right:25px;
	  margin-left: 225px;
	  padding-top:40px;
	  width: auto;
	  height: auto;
}


#towar{
	   position: relative;
	   margin-top: 10px;
	   margin-right: 30px;
	   width: auto;

	   clear: left;
}

#opis{
	  position: relative;
	 
	
}



#obrazek_prawy{

float: left;
margin: 0px;
 margin-right: 15px;
 padding:0;
 z-index:17;
  position: relative;
}

#obrazek_prawy2{
 float: left;
 margin-right: 0px;
 	z-index:17; 
}



#ramka_obrazek{
 PADDING-left:0px;
 border: ridge;
 margin: 0px;
 z-index:20;
}

#prawy{

color: darkred;
font-weight: bold;

}

#prawy_abs{
 position: absolute;
 margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	  border: 1px solid #ffffff;
}

#obr{
 margin: 5px;
 WIDTH="313";
  border: 1px solid #ffffff;
 float: left;
 position: relative;
}

#maly{
 font-size: smaller;
}


#wyroznienie{
	color: blue;
}

#klient{
width: 350px;

}

#tab_zaplecze{
position: absolute;
left: 360px;
top: 30px;
width: 200px;
}

#ref{
 background-color: #F3F3F3;
 border: 0px solid #ffffff;
 margin: 20px 30px 10px 0;
   font-size: 11.5px; 
}

#ns{
  	 position: relative;
	  left: 0px;
	  top: 0px;
	  width: 150px;
	  padding: 0px;
	  margin: 0px;
	  border: 0px;
	  z-index: 111;
}

#news{
  border: 0px solid black;
   padding: 0px;
   margin: 0px;
   background-color: red; 
}

#news td {
   border: 0px solid black;
   padding: 1px 1px 1px 1px;
   margin: 1px;
   color: red;
}

/*	-------------------  */
/* common styling */

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

/* slides styling */

.photo {width:635px; text-align:left; position:relative; margin:0 auto;}

.photo a ul, 
.photo li ul 
{display: block;}

.photo li a:hover,
.photo li:hover a
{color:#fff; background:#aaa;}


.photo a:hover ul, 
.photo ul
{display:block; position:relative; left:0px; top:31px; list-style:none; padding:0; margin:0; height:auto; width:664px; padding:0px 0px; border:0px solid #aaa; z-index:100;}

.photo ul li
{display:block; width:216px; height:216px; float:left; border:0px solid #fff; margin:1px;}
.photo ul li.pion
{display:block; width:216px; height:216px; float:left; border:0px solid #fff; margin:1px;}


.photo ul li a
{display:block; margin: 0; width:212px; height:144px; cursor:default; float:left; text-decoration:none; border:1px solid #888;}
.photo ul li.pion a
{display:block; width:144px; height:212px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}

.cien
{display:block; margin: 33px 0 0 0; width:214px; height:146px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}
.cien_p
{display:block; margin: 0 0 0 33px; width:146px; height:214px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}
.cien_k
{display:block; margin: 0 0 0 0px; width:214px; height:214px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}



.photo ul li a img
{display:block;  margin: 0; width:200px; height:133px; border:5px solid #eee;}
.photo ul li.pion a img
{display:block; width:133px; margin: 0; height:200px; border:5px solid #eee;}
.photo ul li.k a img
{display:block; width:200px; margin: 0; height:200px; border:5px solid #eee;}


.photo a:hover ul li a:hover, 
.photo ul li a:hover 
{white-space:normal; position:relative;}

.photo a:hover ul li a:hover img, 
.photo ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:auto; height:auto; border-color:#fff;}

.photo ul li.pion a:hover img 
{position:absolute; left:-32px; top:-50px; width:auto; height:auto; border-color:#fff;}

