body {
       padding: 0;
       margin: 0px;
       background-color: #f5f4ef;
       text-align: center;
               color:#0E78B8;
               font-size: 12px;
               font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.baner {
       background-image: url(images/baner.jpg);
       width: 1113px;
       height: 324px;
       margin-left: auto;
       margin-right: auto;
               margin-top: 0px;
}
#top {
       width: 770px;
       margin-left: auto;
       margin-right: auto;
       background-color: white;
       border-left-width: 1px;
       border-left-style: solid;
       border-left-color: black;
       border-right-width: 1px;
       border-right-style: solid;
       border-right-color: black;
       text-align      : left;
}
#logadmin {
       
       border: 1px solid #C2C5C0;
       padding: 7px 7px 7px 7px;
               background-color: #FFFFFF;
               margin: 30px auto 30px auto;
               width: 800px;
               text-align: left;
}
h2 {
       font: normal bold 18px Verdana;
       color: #173051;
}
.link4 {
       color: #FF903E;
       text-decoration: none;
}
.link4:hover {
       text-decoration: underline;
       color: #FF903E;
}
#GORA {
       
}
.tytul {
       background-color: black;
       font-size: 12px;
       font-family: "Verdana";
       letter-spacing: 1px;
       color: white;
       margin-bottom: 10px;
       padding: 1px 2px;
       margin-top: 20px;
}
.tytultekst {
       font-size: 12px;
       font-family: "Verdana";
       letter-spacing: 1px;
       color: black;
       
}

.nowosci2 {
       background-color: white;
       border-top: dashed black 1px;
       border-bottom: 1px dashed black;
       padding: 2px 2px 2px;
       vertical-align: top;
       font-family: Arial;
       font-size: 12px;
       color: black;
       font-weight: normal;
       text-decoration: none;
       display: block;
       margin: 5px 0px 5px 0px;
       overflow:auto;
}
.katalog {
       background-color: #000199;
       border-top: dashed ThreedShadow 1px;
       border-bottom: 1px dashed ThreedShadow;
       padding: 2px 2px 2px;
       vertical-align: middle;
       font-family: Arial;
       font-size: 12px;
       color: Background;
       font-weight: normal;
       text-decoration: none;
       display: block;
       margin: 5px 0px 5px 0px;
}
.katalog:hover {
       background-color: #C9C9C9;
       border-top: 1px dashed ThreedShadow;
       border-bottom: 1px dashed ThreedShadow;
       vertical-align: middle;
       padding: 2px 2px 2px;
        font-family: Arial; font-size: 12px; color: red; font-weight: normal; text-decoration: none;
        display:block;
        margin: 5px 0px 5px 0px;
}
.tytulnow {
       padding: 2px 2px 2px;
       vertical-align: middle;
       font-family: Arial;
       font-size: 12px;
       color: Background;
       font-weight: normal;
       text-decoration: none;
}
.tytulnow:hover {
       vertical-align: middle;
       padding: 2px 2px 2px;
        font-family: Arial; font-size: 12px; color: red; font-weight: normal; text-decoration: none;
       
}
#SRODEK {
       width: 758px;
       float: left;
       overflow: hidden;
       padding-left: 10px;
       padding-right: 5px;
}

#STOPKA {
       clear: both;
       width: auto;
       background-color: black;
       font-family: "Arial";
       font-size: 11px;
       font-style: normal;
       font-weight: normal;
       letter-spacing: 2px;
       color: white;
       padding-left: 8px;
       padding-top: 2px;
       padding-bottom: 2px;
       text-align: left;
               
}

.gora1 {
       border-top: 5px solid #0002F2;
       width:auto;
}
.menutlo {
       width: 770px;
       background-color: Black;
}
.gora2 {
       
       background-color: black;
       font-family: "Times New Roman";
       font-size: 11px;
       font-style: normal;
       font-weight: normal;
       letter-spacing: 1px;
       color: white;
       padding-left: 8px;
       padding-top: 2px;
       padding-bottom: 2px;
       text-align: left;
}
ul { width: 100%; list-style: none; margin: 0; padding: 0; border-top: 5px solid ActiveCaption;}
ul li { float: left; background: #00002D;  width:109px; text-align: center; 
border-width: 0 1px 3px 0; border-style: solid; border-color: #000000; 
} 
ul li a { display: block; width: 100%; color: white; text-decoration: none; 
letter-spacing: 2px;
       font-size: 12px;
       font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
       padding: 5px 0px 3px 0px;
}
ul li a:hover {
       text-decoration: underline;
       letter-spacing: 2px;
       font-size: 12px;
       font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
       padding: 5px 0px 3px 0px;
       background: Navy;
}
ul li.submenu { position: relative; color: white;
letter-spacing: 2px;
       font-size: 12px;
       font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
       padding: 5px 0px 3px 0px;
}
ul li.submenu ul { display: none; width: 109px; color: white;
}
ul li.submenu:hover ul { display: block; overflow: hidden; position: absolute; top: 22px; left: 0;} 
.logowanie {
       background-color: white;
       padding: 2px 2px 2px;
       vertical-align: top;
       font-family: Arial;
       font-size: 12px;
       color: black;
       font-weight: normal;
       text-decoration: none;
       display: block;
       margin: 5px 0px 5px 0px;
}

.logowanie2 {
       padding-bottom: 2px;
       padding-right: 2px;
       padding-left: 2px;
       padding-top: 3px;
       font-family: Arial;
       font-size: 12px;
       color: Background;
       font-weight: normal;
       text-decoration: none;
       text-align: left;
       float: left;
       overflow: hidden;
       display: block;
       width: 200px;
}
.paseklog {
       height: 30px;
       font-family: Arial;
       font-size: 12px;
       color: white;
       font-weight: bold;
       text-decoration: none;
       letter-spacing: 2px;
       background-color: Black;
       width: 390px;
       padding: 10px 0px 2px 10px;
       margin: 0;
}

.form {
       background-color: white;
       border: thin solid #B0B4B8;
               width: 200px;
}

.form2 {
       background-color: white;
       border: thin solid #B0B4B8;
               width: 200px;
               float: right;
               margin-right: 400px;
}

.button {
       background-image: url(images/buton.jpg);
       width: 96px;
       height: 26px;
       border: 0;
       color: white;
       padding: 0px 0px 5px 0px;
       font-weight: bold;
       margin-top: 10px;
}
.link2 { font-family: Arial; font-size: 12px; color: black; font-weight: normal; text-decoration: none;}
.link2:hover { font-family: Arial; font-size: 12px; color: black; font-weight: normal; text-decoration: underline;
}

.nowosci {
       padding-top: 3px;
       padding-right: 2px;
       padding-left: 6px;
       padding-bottom: 3px;
       font-family: "Arial";
       font-size: 11px;
       letter-spacing: 1px;
       font-weight: normal;
       font-style: normal;
       color:white;
}

.newsy2 {
       background-color: #373737;
       padding-top: 0px;
       padding-right: 2px;
       padding-left: 4px;
       padding-bottom: 2px;
       font-family: "Arial";
       font-size: 11px;
       letter-spacing: 1px;
       font-weight: normal;
       font-style: normal;
       color: white;
       margin-top: 1px;
       margin-bottom: 4px;
       margin-left: 5px;
       margin-right: 5px;
       vertical-align: top;
       text-align: left;
}

.link1 { font-family: Arial; font-size: 11px; color: white; normal: bold; text-decoration: none;}
.link1:hover { font-family: Arial; font-size: 11px; color: white; font-weight: normal; text-decoration: underline;}
.kat {
       width: 150px;
}


.spis {
       background-color: #DEDEDE;
       font-family: Arial;
       font-size: 12px;
       color: Background;
       font-weight: bold;
       text-decoration: none;
       padding: 2px 5px 2px 5px;
}
.spis:hover {
       background-color: white;
       font-family: Arial;
       font-size: 12px;
       color: InfoText;
       font-weight: bold;
       text-decoration: none;
       padding: 2px 5px 2px 5px;
}
.input {
       background-color: #E1E1E1;
       border: solid black 1px;
       width: 200px;
       padding-top: 2px;
       padding-bottom: 2px;
       height: 26px;
}
.input:hover {
       background-color: white;
}
.input2 {
       background-color: #E1E1E1;
       border: solid black 1px;
       width: 400px;
       padding-top: 2px;
       padding-bottom: 2px;
       height: 120px;
       margin-top: 10px;
}
.input2:hover {
       background-color: white;
}
.przycisk {
       background-color: #000140;
       color: white;
       height: 22px;
       border: 1px solid black;
       padding-bottom: 2px;
       margin-left: 40px;
}
.przycisk:hover {
       background-color: darkblue;
       color: #D0D0D0;
}
#tabela {
       border: 1px solid black;
       border-collapse: collapse;
       background-color: #E6E6FA;
}
#tabela td {
   border: 1px solid black;
   padding: 5px;
}
#tabela td.tytul {
   background-color: #000155;
       color: white;
}
.inedit {
       width: 100px;
       background-color: #E6E6FA;
       border: 1px solid black;
}
.inedit3 {
       width: 130px;
       background-color: #E6E6FA;
       border: 1px solid black;
}
.inedit4 {
       width: 250px;
       background-color: #E6E6FA;
       border: 1px solid black;
}
.inedit2 {
       width: 580px;
       background-color: #E6E6FA;
       border: 1px solid black;
}
.kodr {
       width: 300px;
       height: 120px;
       background-color: #E6E6FA;
       border: 1px solid black;
}
.przerwa {
       height: 6px;
}
.poleselect {
       border: 1px solid black;
       background-color: #E0E0E0;
       margin: 5px;
       color: black;
}
.polef {
       background-image: url(poleform.jpg);
       width: 300px;
       height: 29px;
       border: 0;
       color: black;
       font-size: 14px;
       padding-top: 4px;
       padding-left: 6px;
}
.przform {
       background-image: url(przform.jpg);
       width: 76px;
       height: 25px;
       display: block;
       border: 0;
}
.tytulform {
       margin-top: 5px;
       margin-bottom: 2px;
       font-weight: bolder;
       font-size: 14px;
}
.polefzd {
       border: 1px solid black;
}
.page {
       width: 880px;
       margin-left: auto;
       margin-right: auto;
}
.lewa {
       width: 190px;
       float: left;
       text-align: left;
        background-color: #FFFFFF;
         border: 1px solid #C2C5C0;
        margin: 20px 10px 10px 10px;
}
.prawa {
margin: 20px 10px 10px 10px;
       float: left;
       text-align: left;
       line-height: 22px;
       width: 630px;
         border: 1px solid #C2C5C0;
       padding: 7px 7px 7px 7px;
               background-color: #FFFFFF;
}
.box {
       padding: 0px 5px 4px 5px;
       color: #1A3553;
       margin-top: 10px;
       margin-bottom: 10px;
}
h3 {
       font-size: 15px;
       background-color: #356CAC;
       color: white;
       font-weight: normal;
       margin-top: 2px;
       padding: 2px 4px 3px 5px;
}

.elink2 {
              font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
       font-size: 14px;
       color: #0E78B8;
       text-decoration: none;
       background-image: url(images/arrow.png);
       background-position: left;
       background-repeat: no-repeat;
       padding-left: 20px;
       display: block;
       margin-bottom: 10px;
}
.elink2:hover {
       background-image: url(images/arrowh.png);
       color: #0F232C;
}

.estrony {
       padding-left: 15px;
}
.elink {
       text-decoration: none;
       color: #1A3553;
}
.elink:hover {
       color: #1A3553;
       text-decoration: underline;
}
.inf, .taf {
       margin-top: 6px;
       margin-bottom: 14px;
       display: block;
       border: 1px solid #B0B4B8;
       color: black;
       width: 580px;
}
.taf {
       height: 210px;
}
.message {
       width: 100%;
       border: 1px solid #FF903E;
       color: red;
       font-weight: bold;
       font-size: 14px;
       padding: 5px 5px 5px 5px;
       
}
.plinki {
       margin-bottom: 10px;
       margin-top: 10px;
       border-bottom: 1px solid #FB9B55;
       padding-bottom: 10px;
}
.lfoto {
       border: 2px solid #B0B4B8;
       margin-right: 30px;
}
.dlfoto {
       width: 200px;
       float: left;
}
.clear {
       clear: both;
}
.lstrzalki {
       float: right;
}
.lopis {
       float: left;
       width: 350px;
}
.lbtn {
       background-image: url(images/buton.jpg);
       width: 96px;
       height: 21px;
       border: 0;
       color: white;
       padding: 0px 0px 5px 0px;
       font-weight: bold;
       margin-top: 10px;
       display: block;
       text-decoration: none;
       text-align: center;
       float: left;
       margin-right: 20px;
}


#goraa {
       background-image: url(images/top.jpg);
		 background-repeat: repeat-x;
               height: 100px;
}
#gora {
               width: 972px;
       margin-left: auto;
       margin-right: auto;
}
.gora1 {
       float: left;
       margin-top: 22px;
       margin-left: 25px;
       border: 0px;
               text-align: right;
}

 .menu {
       background-image: url(images/menug.jpg);
       height: 5px;
       background-repeat: repeat-x;
       position: absolute;
       width: 100%;
       top: 100px;
}


.stopka {
       background-image: url(images/stopka.jpg);
               background-repeat: repeat-x;
               background-color: #F4F3EE;
       text-align: center;
       margin-top: 20px;
       color: #464537;
       font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
       font-size: 11px;
               padding-top: 10px;
               padding-bottom: 5px;
               height: 85px;
}