body {
font-family: "Verdana", "Arial, sans-serif";
font-weight: normal;
font-size: 10px;
color: #E4E4E4;
background-color: #434343;
background-image:url('image/bg.gif');
text-decoration: none;
margin: 0px;
padding-bottom: 0px;
line-height: 1.4;
}

#strona 
{ 
width: 800px; 
margin: 0; /* okre?lamy marginesy(odstęp)od końca ekranu: góra/dół po 10px, prawo/lewo: po równo automatycznie */ 
border: 0; /*ramka naokoło całego diva o szeroko?ci 0px*/
} 
#gora 
{ 
background-color: transparent;
background-image:url('image/g.gif');
border: 0;
width: 800px;
height: 240px;
} 
#glowna 
{ 
border-left: gray dotted 1px;
border-top: none; 
border-right: gray dotted 1px;
border-bottom: none;
margin-right: 24px;
margin-left: 26px; /*większy margines od width menu dają nam pewno?ć że ten blok "wsunie" się miedzy bloki zawierające menu */
background-color: #646464;
padding: 0;
text-align: justify; 
} 
#stopka 
{ 
clear: both;
background-color: transparent;
background-image:url('image/d.gif'); background-repeat: no-repeat;
width: 800px;
height: 50px;
} 

.txt { text-align : justify; padding-left: 10px; padding-right : 20px; line-height : 1.8; }
H1, H2, H3, H5, p, td, .info, A, A:hover  { background-color : transparent; }
H1, H2, H3, H5 { font-family: Verdana, Arial, sans-serif; padding-left: 5px; padding-right: 5px; margin: 1px 0 -1px 0}
H1 { font-size: 10px; color: #ffffff; font-weight: normal; text-align: justify;}
H2 { font-size: 10px; color: #ffffff; font-weight: bold;}
H3 { font-size: 14px; color: #ccc; font-weight: bold;}

#linkme A, A:hover { font-size: 9px; color: #666;}
.linkuj, .linkuj:hover {  color: #666; font-size: 9px; }
p, td { font-size: 10px; color: white; line-height:1.5; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: justify }
A, A:hover {font-family: Tahoma, Arial, Helvetica, sans-serif; text-decoration: none; }
A { font-size: 10px; color: #ffffff; font-family: Tahoma, Arial, Helvetica, sans-serif; text-decoration: none; font-weight: bold; }
A:hover { font-weight: bold; font-size: 10px; color: #c0c0c0;}

A.edycja       {font-size: 9px; color: #c00; text-decoration: none; font-weight: bold; font-family: Tahoma, Arial, sans-serif;}
A.edycja:hover {font-size: 9px; color: #FD6000; text-decoration: none; font-weight: bold; font-family: Tahoma, Arial, sans-serif;}

A.linki       {font-size: 9px; color: #444; text-decoration: none; font-family: Tahoma, Arial, sans-serif;}
A.linki:hover {font-size: 9px; color: #FD6000; text-decoration: none; font-family: Tahoma, Arial, sans-serif;}

.ost, .tresc, .aktualizacja { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #E4E4E4; }
.ost { margin-left: 5px; margin-right: 5px; line-height: 1.4; }
.tytul, .tyt { font-size: 12px; color: #E4E4E4; font-weight: bold; }
.tytul { padding-left : 20px; line-height: 1.9; }		
.tresc, .aktualizacja { margin-left: 3px; margin-right: 3px; }
.tresc { line-height: 1.4; padding-bottom: 5px;  }	
.aktualizacja { padding-bottom: 3px; padding-top: 3px; }
.akapit { float: left; padding-top : 3px; text-align: justify;  } /* wyroznia czesc tekstu z calosci*/
.odstep {display: block; padding-top : 2px; padding-bottom : 2px; text-align: justify;  } /* wyroznia czesc tekstu z calosci*/
.funkcja { float: left; padding-top : 15px; padding-left : 25px; text-align: justify;  } /* wyroznia czesc tekstu z calosci*/
.odstepXL { display: block; padding-top: 5px; padding-bottom: 150px; text-align: center; }
.grube { font-weight: bold;  } /* pogrubiony txt*/	
.copy, .standard { padding-top: 5px; font-weight: bold; color: #666666; font-size: 9px; text-align: center; } /* stopka strony*/
.tytulgif {
float: right;
background-image: url('image/ostatnie.gif'); background-repeat: no-repeat;
font-family: "Verdana", "Arial, sans-serif";
background-image: url('image/ostatnie.gif');
 width: 547px;
 height: 24px;
 padding-bottom: 6px;
 margin: 0;
	  }
img {	border: 0; 	margin: 0; 	padding: 0; }
.startimg { float: left; margin: 0 3px 5px; }

/* główna strona w pokaz.php */
#wrapper  {table-layout:fixed;  width: 749px; display:table; background-color: transparent; }
.kolumna1 {display: table-cell; float: left; width: 200px; text-align: center; padding-top: 3px;  height: 305px;}
.kolumna2 {display: table-cell; float: left; width: 544px; padding-left : 3px; padding-right : 2px;}

/* index id=1*/
#id1  {table-layout:fixed;  width: 535px; display:table; background-color: transparent; border-bottom: gray dotted 1px; }
.lewa, .srodek, .prawa {
 display: table-cell;
 float: left;
 background-image:url('image/bgobrazek.jpg'); background-repeat: repeat-x;
 width: 170px;
 padding-top: 3px;
 padding-right: 3px;
 padding-left: 3px;}
.srodek { border-right: gray dotted 1px; border-left: gray dotted 1px; }
.obrazek { text-align: center; padding-bottom: 5px; }

/* index id=...*/
#id2  {table-layout:fixed;  width: 538px; display:table; border-bottom: gray dotted 1px; }
.kolumna200, .kolumna335, .kolumna70, .kolumna465, .kolumna260, .kolumna100 , .kolumna435  {
 display: table-cell;
 float: left;
 padding-top: 6px;
 padding: 0;  }
.kolumna200 { width: 200px;  }
.kolumna335 { width: 335px; padding-left: 3px; }
.kolumna70  { width: 70px; padding-top: 15px; }
.kolumna465 { width: 465px; padding-left: 3px; text-align: justify; }
.kolumna260 { width: 260px; padding-top: 6px; padding-right: 8px; text-align: justify; }
.kolumna100 { width: 100px; padding-top: 10px; }
.kolumna435 { width: 435px; padding-left: 3px; padding-top: 50px; padding-bottom: 150px; text-align: justify; }

/* GALERIA */
#galer  { width: 480px;  background-color: transparent; border: gray dotted 1px; margin-left: 30px; margin-top: 5px;}
.galerg { text-align: center; margin-top: 5px; }
.galerl { float: left; width: 165px; text-align: center; border: gray dotted 1px; margin-left: 10px; }
.galers { float: left; width: 110px; text-align: justify; padding-left: 2px; padding-right: 2px; }
.galerp { float: left; width: 165px; text-align: center; border: gray solid 1px;  }
.galerd { clear: both; width: 440px; padding-left: 15px; padding-right: 5px;  }

/* profil usera */
#profil  {table-layout:fixed;  width: 745px; display:table; background-color: transparent;}
.profil1 {display: table-cell; float: left; width: 270px; border-right: gray dotted 1px; padding : 3px;}
.profil2 {display: table-cell; float: left; width: 180px; padding : 3px;}
.profil3 {display: table-cell; float: left; width: 270px; border-left: gray dotted 1px; padding : 3px;}
 /* KONTAKT */
#wrapper_k  {table-layout:fixed;  width: 749px; display:table; background-color: transparent; }
.kolumna1_k {display: table-cell; float: left; width: 200px; text-align: center; padding-top: 3px;  height: 330px;}
.kolumna2_k {display: table-cell; float: left; width: 273px; padding-left : 3px; padding-right : 3px;}
.kolumna3_k {display: table-cell; float: left; width: 270px; }

input.kontakt, textarea.kontakt, input.wyslij, input.wyslijmod, input.dodaj, .kolumna3_k input.wyslij, input.log,
input.zaloguj, input.mod, textarea.area, textarea.area2, textarea.area4
{ color: #fff;  background-color: transparent; }
input.kontakt, textarea.kontakt {    /* elementy podswietlania input w KONTAKT */
width: 200px;
padding-left : 3px;
margin-bottom: 3px;
font-size: 11px;	
border: 1px solid #434343;
}
input.kontakt:focus, textarea.kontakt:focus {  border: 1px solid #e4e4e4; }
textarea.kontakt { height: 175px; }
input.wyslij, input.wyslijmod, input.dodaj, .kolumna3_k input.wyslij  {
border: 1px solid #e6e6e6;
font-size: 10px;
font-weight: bold; }
input.wyslij, input.wyslijmod, input.dodaj, .kolumna3_k input.wyslij { border: 1px solid #e6e6e6; font-size: 10px; }
.kolumna3_k input.wyslij { width: 60px; padding: 0px;	margin-right: 15px; float: right; }
input.wyslij { width: 200px; padding: 0; margin-left: 55px; float: left; }
input.dodaj { width: 200px; padding: 0; float: left; margin-left: 55px; }

label { float: left; width: 55px; font-size: 10px; font-weight: bold; }
.wymagane { font-size: 10px; color: #E4E4E4; margin-right: 15px; float: right; }

  /* elementy podswietlania input przy logowaniu się */
input.log, input.zaloguj { width: 70px; margin-top: 3px; margin-bottom: 3px; font-size: 11px; border: 1px solid #444; }
input.log:focus { border: 1px solid #e4e4e4; 	background-color: transparent; }
input.zaloguj   { width: 40px; padding: 0px; background-color: transparent; }

/* blok moderacji */
input.wyslijmod { width: 200px; padding: 0; float: left; }
input.mod { width: 250px; margin-top: 5px; margin-bottom: 3px; font-size: 11px; border: 1px solid #444; }
input.mod:focus { border: 1px solid #e4e4e4; 	background-color: transparent; }
textarea.area { width: 730px; margin-bottom: 3px; font-size: 11px; border: 1px solid #434343;}
textarea.area2, textarea.area4 { width: 250px; margin-bottom: 3px; font-size: 11px; border: 1px solid #434343;}

textarea.area:focus, textarea.area2:focus, textarea.area4:focus {  border: 1px solid #e4e4e4; }
textarea.area { height: 315px; }
textarea.area2 { height: 50px; }
textarea.area4 { height: 80px; }

.statl, .statxl {background-color: #444;}
.statystyka2  {float: left;  width: 790px; padding-top: 1px; border: 1px;  clear: both; }
.stat, .statl, .statxl  { float: left; text-align: center; background-color: #333; }
.stat { margin-left: 1px; }
.stat, .statl  { width: 70px; }
.statxl { width: 140px;}


#pion {	width: 130px;	float: left;	margin-left: 5px;	clear: none; }
#menu {  text-align: left; }
#menu  .jeden a, .pierwszy a {			/* 1--> menu główne */ 
	display: block;
	padding: 1px 1px;
	width: 130px;
	color: #fff;
	background: #transparent;         /* */
	text-decoration: none;
	border-left: 3px solid #eee;     /* kolor, rozmiar odstepu w menu */
	border-bottom: 1px solid #eee;   /* kolor obramowania miedzy menu */
cursor: pointer;
}
#menu  .jeden a:hover, .pierwszy a:hover {			  /*  menu główne po podswietleniu */ 
	color: #eee;
	background: #434343;		  /* kolor podswietlanego tła w menu */
	text-decoration: none;
	border-left: 3px solid #999;   /* kolor, rozmiar odstepu w menu po podswietleniu */
	border-bottom: 1px solid #999; /* kolor obramowania miedzy menu po podswietleniu */
}
#menu  .dwa a {				 /* 2 --> podmenu  */ 
	display: block;
	padding: 5px 15px 5px 5px;
	color: #fff;			 /* kolor czcionki*/
	background-color: #434343;      /* kolor tła*/
	text-decoration: none;
	border-left: 3px solid #999;     /* kolor i rozmiar odstepu */
     /* border-bottom: 1px solid #999;  */

}
#menu  .dwa a:hover {			 /*  podmenu po podswietleniu */
	color: #000;			 /* czcionka */
	background: #eee;		 /* kolor tła */
	text-decoration: none;
	border-left: 3px solid #003399; /* kolor odstepu */
     /* border-bottom: 1px solid #003399;  */
}
#menu  .tyt {	float: left; border-right: 1px solid #eee; }
#menu   .pierwszy {
border-top: 1px solid #eee;
border-right: 1px solid #eee;
width: 135px;
}
#menu  .opcje {		                /* ustawienie wysuwanego podmenu */
	position: absolute;
	white-space: nowrap;
	visibility: hidden;
	margin: 2px;			 /*odstep menu od podmenu !!! */
	cursor: pointer;
	border: 1px solid #999;      /*kolor obramowania podmenu */
}