body { font-family:arial; font-size:13px; text-align:center; }
body div { text-align:left; }
a { color:blue;}
 
/*///////////////////////////////////////////////////////// LOGOWANIE //////////////////////////////////////////////////*/
#logowanie_strona {
  width:450px; margin-left:auto; margin-right:auto; margin-top:300px;
  border:1px solid gray; padding:2px;
}
 
#logowanie_naglowek { }
#logowanie_srodek    {}
#logowanie_stopka   { }

#logowanie_naglowek .zawartosc {
  border:1px solid black;
  padding:5px;
  padding-left:25px;
  background:navy;
  color:white;
  font-size:20px;
}

 
#logowanie_srodek .zawartosc {
  border-left:1px solid gray;
  padding:5px;
  color:navy;
  margin-top:3px;
  margin-bottom:3px;
  text-align: center;
  border: 1px solid blue;
}
 
#logowanie_stopka .zawartosc {
  border:1px solid navy;
  padding:3px;
  padding-right:10px;
  background:#eeeedd;
  color:maroon;
  font-size:11px;
  text-align:right;
}
 

 
/*///////////////////////////////////////////////////////// GLOWNA //////////////////////////////////////////////////*/ 
#strona {
  width:1000px; margin-left:auto; margin-right:auto; 
  border:1px solid gray; padding:2px;
  background: AliceBlue;
} 
 
#naglowek { }
#lewa     { float:left;  width:15%; }
#prawa  { float:right; width:85%; }
#stopka { clear: both;} 
 
 
#naglowek .zawartosc {
  padding:5px;
  padding-left:5px;
}

#lewa .zawartosc {
  padding:5px;
  color:navy;
  margin-top:3px;
  margin-bottom:3px;
}

 
#prawa .zawartosc {
  border-left:1px solid gray;
  padding:5px;
  margin-top:3px;
  margin-bottom:3px;
} 
 
/*.................... NAGLOWEK ..........................*/ 
#top_naglowka {
}

#top_naglowka .zawartosc {
  border:1px solid black;
  padding:5px;
  margin: 5px;
  color:navy;
  background:beige;
  font-size:36px;
  text-decoration: bold;
} 
 
#menu_poziome1 {
}

#menu_poziome1 .zawartosc {
background:beige;
text-align: right;
border:1px solid gray;
color: navy;
font-size: 12px;
padding:5px;
margin: 5px;
}

#menu_poziome2 {
}

#menu_poziome2 .zawartosc {
background:beige;
text-align: right;
border:1px solid gray;
color: navy;
text-align: left;
font-size: 12px;
padding:5px;
margin: 5px;
}

#path {
}

#path .zawartosc {
background:beige;
text-align: right;
border:1px solid gray;
color: navy;
text-align: left;
font-size: 9px;
padding:5px;
margin: 5px;
}

/*..................... GLOWNE OKNO ....................*/

#glowna_tresc {
}

#glowna_tresc .zawartosc{
  padding:5px;
  margin-top:3px;
  margin-bottom:3px;
  min-height: 600px;
  border: none;
}
 
.tytul  {
  font-size:18px;
  color:gray;
  border-left:10px solid #eeeeee;
  padding-left:10px;
}

/*....................... STOPKA ......................... */

#stopka .zawartosc {
  border:1px solid navy;
  padding:3px;
  padding-right:10px;
  background:#eeeedd;
  color:maroon;
  font-size:11px;
  text-align:right;
}


.order_index {
font-size: 11px;
}

.ord_indx_hdr {
margin: 2px;
padding: 2px;
background: navy;
color: white;
text-align: center;

}

.table_header {
margin: 2px;
padding: 2px;
background: navy;
color: white;
text-align: center;
font-weight: bold;
}



/*.................................. UPLOAD .................................*/

#upload{
	margin:30px 200px; padding:15px;
	font-weight:bold; font-size:1.3em;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	background:#f2f2f2;
	color:#3366cc;
	border:1px solid #ccc;
	width:150px;
	cursor:pointer !important;
	-moz-border-radius:5px; -webkit-border-radius:5px;
}
.darkbg{
	background:#ddd !important;
}
#status{
	font-family:Arial; padding:5px;
}
ul#files{ list-style:none; padding:0; margin:0; }
ul#files li{ padding:10px; margin-bottom:2px; width:200px; float:left; margin-right:10px;}
ul#files li img{ max-width:180px; max-height:150px; }
.success{ background:#99f099; border:1px solid #339933; }
.error{ background:#f0c6c3; border:1px solid #cc6622; }