@import 'box.css';
@import 'logowanie.css';
@import 'kategorie.css';
@import 'przegladaj.css';
@import 'tabela.css';
@import 'menu.css';
@import 'index.css';

body {
	font-size: 12px;
	font-family: Verdana;
	margin: 0px;
	background-color: #7abaf2; }
.x { display: none; }
span.err { 
  color: red;
  width: 720px;
  float: left;
  margin: 20px 0px;
  text-align: left;}
a {
  font-size: 12px;
  line-height: 16px;
  color: black;
  text-decoration: none;}
a.delete {
  display: block;
  background: url('./cross.png');
  height: 16px;
  width: 16px;
  margin-left: 10px;}
a.edit { 
  display: block;
  background: url('./pencil.png');
  height: 16px;
  width: 16px; 
  margin-left: 10px;}
a.add { 
  display: block;
  background: url('./add.png');
  height: 16px;
  width: 16px; 
  margin-left: 10px;}
  
input[type=text] {
  border: 1px solid #183152;
  font-size: 12px;
  padding: 2px;
}
input[type=password]
{
  border: 1px solid #183152;
  font-size: 12px;
  padding: 2px;
}
select {
  border: 1px solid #183152;
  font-size: 12px;
  padding: 2px;
}
input[type=submit] {
  border: 1px solid #00305a;
  background-color: #004b8d;
  font-weight: bold;
  color: white;
  height: 21px;}
span.label {
  display: block; 
  float: left; 
  width: 100px; 
  line-height: 22px; 
  vertical-align: bottom;}
ul {
  list-style-image: url('../i/adminMenuBullet.jpg');}
a img { border: 0px; }
#page_center { 
	display: block; float: left;
	width: 1000px;
	margin: 0 auto; }
#page_head {
	border-bottom: 3px solid #183152;
	background-color: white;
	color: #183152;
	font-size: 22px;
	font-style: italic;
	font-weight: bold;
	height: 35px; 
  padding-left: 50px;
  padding-top: 15px;}
  #page_head a {  
  	font-size: 22px;
  	font-style: italic;
  	font-weight: bold;
    background: url('../i/panelLogo.jpg');}
	
#page_menu { 
  float: left;
	margin-top: 20px; 
  margin-left: 20px; 
  margin-bottom: 20px;
  width: 190px; }
	#page_menu_head {
    padding: 2px; 
    border: 0; 
    color: #00305a; 
    font-weight: bold;
    font-size: 14px;}
  #page_menu_body {
    background-color: white; 
    padding-top: 5px; 
  	border-top: 3px solid #183152;
  	border-bottom: 3px solid #183152;
    color: black; 
    font-weight: bold;}
    #page_menu_body ul li a {
      font-size: 14px;
      color: black;
      text-decoration: none;}
    #page_menu_body ul li a:hover {
      color: #e1e6fa;}
	
#page_body {   
  float: left;
	margin-top: 20px; 
  margin-left: 20px; 
  width: 750px; }
  #page_body_head {
    padding: 2px;    
    width: 750px; 
    position: relative;
    color: #00305a; 
    font-weight: bold;
    font-size: 14px;}
    #page_body_head_icons {   
      width: 200px; 
      position: absolute;
      right: 3px; top: 2px;
      text-align: right;}
  #page_body_body {   
    float: left;
    width: 720px; height: auto;
    position: relative;
    background-color: white; 
    padding-top: 5px; 
  	border-top: 3px solid #183152;
  	border-bottom: 3px solid #183152;
  	margin-bottom: 10px;
    color: black; }
    .section_head{
      height: 26px;
    	cursor: pointer;
    	position: relative;
    	margin: 1px auto 1px auto;
      font-weight:bold;
      color: white;
      text-align: left;
      background: url('../i/btnMenu.jpg') repeat-x;}
      .section_head span {
        display: block;
        height: 26px;
        padding-top: 5px;
        padding-left: 30px;}
    .section_body {
      text-align: left;
      padding: 10px;}

#page_tail {
	clear: both;
	float: none;
	padding-top: 10px;
	padding-bottom: 0px;
	background: url('../i/page_tail.jpg') repeat-x;
	height: 35px;
	font-weight: bold;
	font-size: 10px; 
	border-top: 3px solid #183152;
	border-bottom: 3px solid #183152;
	background-color: white;
  margin-top: 200px;}
	#page_copyright {
		padding-top: 6px;
		display: inline;
		float: left;
		margin-left: 480px; }
	#page_copyright a {
		color: #bd363a;
		text-decoration: none; }
	#page_design {
		padding-top: 6px;
		margin-right: 25px;
		display: inline;
		float: right; }
	#page_design a {
		color: #bd363a;
		text-decoration: none; }
		

.icoPodstrona {
  background: url('../i/icoPodstrona.png') 5px 1px no-repeat;}  
.icoStrona {
  background: url('../i/icoStrona.png') 5px 1px no-repeat;}
.icoSekcja {
  background: url('../i/icoSekcja.png') 5px 1px no-repeat;}
.icoZdjecia {
  background: url('../i/icoZdjecia.png') 5px 1px no-repeat;}
.icoKonfiguracja {
  background: url('../i/icoKonfiguracja.png') 5px 1px no-repeat;}
  
.bar_hidden {
  display: none;
  background-image: url('../i/btnMenu_on.jpg');}
  
/* ikonki na headzie kazdej sekcji */
#sectionHeadIcons {
  position: absolute;
  height: 16px;
  margin-left: 685px;}
  #sectionHeadIconHome {
    display: block; float: left;
    width: 16px; height: 16px;
    margin: 0px 2px 0px 2px;
    background: url('../i/tinyHome.png');}
  #sectionHeadIconMail {
    display: block; float: left;
    width: 16px; height: 16px;
    margin: 0px 2px 0px 2px;
    background: url('../i/tinyMail.png');}
  #sectionHeadIconHelp {
    display: block; float: left;
    width: 16px; height: 16px;
    margin: 0px 2px 0px 2px;
    background: url('../i/tinyInfo.png');}


form span {
  display: block; float: left;
  width: 150px;
  line-height: 24px;}
form input {
  margin: 3px 0px;}