* { padding: 0; margin: 0; }

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
background: #00346e url(../img/tlograd.png) repeat-x;
}
a {color: #00336B;text-decoration:none}
a:hover {color: #004FA3;text-decoration:underline;}
img {border:#fff;}
#tloimg {
background: url(../img/tloimg.png) no-repeat;
background-position: top center;
margin: 0 auto;
z-index: 2;
}
#tloochrona {
background: url(../img/tloochrona.png) repeat-x;
height: 276px;
width: 100%;
z-index: 3;
}
#karton {
margin: 0 auto;
width: 817px;
background: #fff;
z-index: 4;
}
#top {
width: 817px;
height: 210px;
margin: 0px;
background: url(../img/top.png) no-repeat;
}
#top .menu {
float: right;

}
.m {
position: relative;
width: 500px;
padding: 13px 0px;
overflow: hidden;
}
.m li {
float: left;
list-style: none;
}
.m li a {
text-shadow: #001E3F 0 2px 0;
font-size: 14px;
text-decoration: none;
color: #ddd;
outline: none;
text-align: center;
text-transform: uppercase;
letter-spacing: 0;
z-index: 10;
display: block;
float: left;
position: relative;
overflow: hidden;
margin: auto 10px;
padding: 9px;
}  
.m li a:hover {
color: #00356E;
text-shadow: #fff 0 2px 0;
background-color: #fff;
padding: 9px;
border-radius: 0.3em;
-moz-border-radius: 0.3em;
}
.m li .current {
color: #00356E;
text-shadow: #fff 0 2px 0;
background-color: #fff;
padding: 9px;
border-radius: 0.3em;
-moz-border-radius: 0.3em;
}
#paczka {
border-top: 4px solid #b3c3d5;
margin: 8px 8px;
padding-top: 8px;
overflow: auto;
width: 801px;
}
#lewa { 
display: inline;
color: #333;
padding: 0px;
width: 240px;
float: left;
}
#lewa .nav {
text-shadow: #001D3C 0 2px 0;
text-transform:uppercase;
background: #00346e url(../img/navbckt.png) no-repeat;
width: 240px;
}
#lewa .nav h1 {
padding: 10px 0px 0px 10px;
font-size: 14px;
color: #85B4EE;
text-shadow: #00142A 0 2px 0;
}
#lewa .nav a {
color: #fff;
text-decoration: none;
display: block;
border-left: 10px solid #00346E;
padding: 7px 5px;
margin-top: 8px;
}
#lewa .nav a:hover {
color: #fff;
background: #295585;
text-decoration: none;
display: block;
border-left: 10px solid #4b7099;
padding: 7px 5px;
border-top-right-radius: 0.2em;
border-bottom-right-radius: 0.2em;
margin-top: 8px;
}
#lewa .nav ul {
padding: 2px 5px 0px 5px;
}
#lewa .b {
background: #00346e url(../img/navbckb.png) no-repeat;
width: 240px;
height: 3px;
margin-top: 5px;
}
#lewa .nav li {

list-style-type: none;
}
#lewa .nav .active {
text-shadow: #BFBFBF 0 1px 0;
color: #00346E;
background: #e6ebf2;
display: block;
border-top-left-radius: 0.2em;
border-bottom-left-radius: 0.2em;
margin-top: 8px;
margin-right: -12px;
padding:10px;
z-index: 20;
position: relative;
}
#lewa .banner img {
margin-top: 10px;
border: none;
}
#prawai { 
float: right;
color: #333;
background: #fff;
padding: 0px;
width: 553px;
display: inline;
position: relative;
z-index:19;
}
#prawai .srodek {
padding: 0px 15px;}
#prawa p {
text-align: justify;
line-height:1.8em;
text-indent:20px;
margin-top: 10px;
text-shadow: #FFFFFF 0 1px 0;
}
#prawa { 
float: right;
color: #333;
background: #e6ebf2;
padding: 0px;
width: 553px;
display: inline;
position: relative;
border: 1px solid #DFE4EA;
z-index:19;
}
#prawa .srodek {
padding: 15px;}
#prawa p {
text-align: justify;
line-height:1.8em;
text-indent:20px;
margin-top: 10px;
text-shadow: #FFFFFF 0 1px 0;
}
#prawa p img {
padding:3px;
background: #EFF4FA;
border: 1px solid #D0D4DA;
}
#prawa h1 {
text-shadow: #FFFFFF 0 1px 0;
border-bottom: 1px solid #B4C4D5;
margin-bottom: 15px;
font-size:20px;
}
#prawa h2 {
text-shadow: #FFFFFF 0 1px 0;
font-size: 13px;
}
#prawa h3 {
text-shadow: #FFFFFF 0 1px 0;
font-size: 11px;
}
#prawa .lista ul, .lista ul li {
list-style-type: none;
margin-left:5px;
}
#prawa .lista li {
line-height:1.2em;
margin-top: 10px;
text-shadow: #FFFFFF 0 1px 0;
list-style-type: circle;
display: block;
}
#prawa .listam ul {
list-style-type: none;
font-size:10px;
margin-top: 5px;
}
#prawa .listam li {
margin-top: 2px;
text-shadow: #FFFFFF 0 1px 0;
list-style-type: circle;
display: block;
}
#news {
background: #e6ebf2;
color: #333;
border-left: 5px solid #00346E;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
z-index:19;
padding: 10px;
margin-bottom: 10px;
overflow: auto;
}
#news:hover {
background: #E1E6EC;
border-left: 5px solid #DCB629;
}
#news .title {
}
#news .title h1 {
font-weight: bold;
font-size: 16px;
text-shadow: #fff 1px 1px 1px;
}
#news .date {
font-size: 10px;
}
#news .content {
    font-size: 13px;
}
#news .content .inside {
    width: 330px;
}
#news .images {
background: #fff;
padding: 4px;
border: 1px solid #D0D4DA;
}
#news .images img {
padding: 0px;
margin: 0px;
float: right;
}
.reseta {
text-decoration: none !important;
}

#witamy {
color: #333;
z-index:19;
}
#stopka { 
width: 817px;
clear: both;
color: #ddd;
background: #fff;
padding: 8px 0px 8px 0px;
margin: 0px;
}
#stopka .w {
margin: 0px 8px 0px 8px;
background: #e6ebf2;
color: #00346e;
padding: 10px;
border-top: 4px solid #b3c3d5;
text-shadow: #FFFFFF 0 1px 0;
overflow:auto;
Overflow-x:hidden; /*Opera*/
}
#shadow {
height: 36px;
background: #00346E url(../img/shadow.png) no-repeat;
}
#formularz {
background: #EDF2F8;
padding:15px;
font-size: 12px;
text-shadow: #FFFFFF 0 1px 0;
overflow: auto;
}
#formularz ul {
list-style-type:none;
padding: 0px;
margin: 0px 0px 10px 0px;
}
#formularz li {
display: block;
padding: 5px 0px;
border-bottom: 1px solid #CCDFF1;
}
#formularz li:hover{
background: #fff;
display: block;
padding: 5px 0px;
border-bottom: 1px solid #CCDFF1;
}
#formularz label {
display: block;
margin-top: 5px;
width:150px;
float:left;
text-align: right;
font-size: 11px;
text-shadow: #fff 0 1px 0;
}
#formularz input {width:200px;border:1px solid #B4C4D5;margin-left: 10px;background: #fff;color:#666;}
#formularz textarea {width:480px;height:200px;padding:5px;border:1px solid #B4C4D5;background: #fff;color:#666;}

#news {
}
#news li {
display: block;
background: #E6EBF2;
border: 1px solid #DFE4EA;
padding: 5px;
margin-bottom: 10px;
border-radius: 0.3em;
-moz-border-radius: 0.3em;
overflow: auto;
}
#news .dwa {
display: block;
background: #fff;
border: 1px solid #DFE4EA;
padding: 5px;
margin-bottom: 10px;
border-radius: 0.3em;
-moz-border-radius: 0.3em;
overflow: auto;
}
#news .promocja {
display: block;
background: #D3E1C1;
border: 1px solid #DFE4EA;
padding: 5px;
margin-bottom: 10px;
border-radius: 0.3em;
-moz-border-radius: 0.3em;
overflow: auto;
}
#news li:hover {
display: block;
background: #D7DBE1;
border: 1px solid #DFE4EA;
padding: 5px;
margin-bottom: 10px;
border-radius: 0.3em;
-moz-border-radius: 0.3em;
overflow: auto;
}
#news .img {float: left;}
#news img {
border: 1px solid #DFE4EA;
padding: 3px;
background: #fff;
margin-right: 10px;
}
#news .dane {
margin-top:10px;
color: #999;
float:right;
font-size:10px;
}
#news .tytul {
font-weight: bold;}
#mgaleria img {
padding:2px;
background: #EFF4FA;
border: 1px solid #D0D4DA;
}
#mgaleria img:hover {
padding:2px;
background: #00356E;
border: 1px solid #D0D4DA;
}
/* -------- */
p {line-height:1,8em;}
li {display: inline;list-style-type: none;}
input,textarea {
padding:3px;
border:1px solid #999;
border-radius: 0.2em;
-moz-border-radius: 0.2em;
}
/* -------- */
.komentarz {font-size: 10px; color: #888; margin-left: 10px;}
.oddziel {
border-right: 1px solid #C1CCD5;
padding: 0px 5px;}
.error {background: #FFB6B7;border:1px solid #FF7777;padding:3px;text-shadow:none;margin-top: 5px;display:block;}
.ok {background: #ADC7FF;border:1px solid #8FA4D2;padding:3px;text-shadow:none;margin-top: 5px;display:block;}
/* -------- */
.c { clear: both; background: none; }
/* -------- */
.margt10 {margin-top:10px;}
.margt40 {margin-top:40px;}
.margl10 {margin-left:10px;}
.margp10 {margin-right:10px;}
/* -------- */
.lewa {float:left;}
.prawa {float:right;}
/* -------- */
.pomarancz {color: #DCB629;}
.niebieski {color: #0051A7;}
.szary {color: #BFBFBF;}
/* -------- */
.f13 {font-size: 12px;}
/* -------- */
.bly {float:right;margin:5px 10px 5px 0px}
.bly img {border:none;}
/* +++++++++ */
.buttons {
float: right;
margin-top: 10px;
}
.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}
button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}