body {margin: 0px; padding: 0px; width: 100%; height: 100%; background:#fff url(../graf/bg.jpg) no-repeat 50% 50% fixed; background-size:cover;  overflow-x: hidden;}

body, input, textarea, select, div, td  {  font-family: Tahoma, Geneva, sans-serif;  text-align: justify; font-size: 12px; color: #777; line-height:20px;}
.all input, .all textarea, .all select, .all div, .all td , .all ul li { color:#111;}

.fl{ float:left;}
.fr{ float:right;}
.cl {clear: both;}
img {border:none; margin:0px; padding:0px; }
h1 , h2 , h3 , h4 , h5, h6{padding:0px; font-size: 18px; margin:0px;  font-weight: normal;  }
a:link , a:visited , a:hover {text-decoration: none; color:#008be5;}
a:hover {color:#16d330}
p{ margin:0px 0px 10px 0px; padding:0px;  }
ul , ul li{ padding:0px; margin:0px; list-style:none;}

img.alignleft , .alignleft{ float:left; margin-right:10px;}
img.alignright { float:right; margin-left:10px;}
img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto;}

.all{  margin:auto; position:relative; width:1000px; }
#kontener input , #kontener textarea , #kontener select , #kontener{-webkit-border-radius: 5px; border-radius: 5px;}

@font-face {
    font-family: 'OswaldRegular';
    src: url('oswald-webfont.eot');
    src: url('oswald-webfont.eot?#iefix') format('embedded-opentype'),
         url('oswald-webfont.woff') format('woff'),
         url('oswald-webfont.ttf') format('truetype'),
         url('oswald-webfont.svg#OswaldRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

#kontener h1 , #kontener h2 , #kontener h3 , #kontener h4 , #kontener h5 , #kontener h6 { font-family:OswaldRegular, Arial; text-transform:uppercase; }


#bg{ width:100%; height:100%; background: url(../graf/bg.png) top left; position:fixed; left:0px; top:0px;  z-index:2;  }
#kontener{ width:960px; background:#FFF; padding:30px 20px 50px 20px; position:absolute; z-index:5; float:left; margin:20px 0px 20px 0px;
-webkit-box-shadow:  0px 0px 5px 1px rgba(0, 0, 0, 0.2);
box-shadow:  0px 0px 5px 1px rgba(0, 0, 0, 0.2);}
#kontener label { width:200px; display:inline-block; text-align:right; padding-right:20px; vertical-align:middle;}

#kontener input , #kontener textarea , #kontener select  { width:300px; padding:10px; border:none; border:1px solid #0076c2; }
#kontener textarea { height:80px;}
#kontener select { width:320px;}
#kontener input:focus , #kontener textarea:focus , #kontener select:focus {
-webkit-box-shadow:  0px 0px 6px 2px rgba(0, 139, 229, 0.5);
box-shadow:  0px 0px 6px 2px rgba(0, 139, 229, 0.5);}

.all #kontener input.wylicz{  width:100px; background:none; border:1px solid #008be5; color:#FFF; text-align:center; cursor:pointer; text-transform:uppercase; background:#008be5; float:left; font-size:11px; margin:20px 0px 0px 225px;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5);
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5);}
.all #kontener input.wylicz:hover{  
-webkit-box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.4);
box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.4);}


#kontener h1 , #kontener h2 , #kontener h3 , #kontener h4 { clear:both; }
#kontener h1 { font-size:28px; color:#CCC; line-height:28px; padding-top:30px;}
#kontener h2 { font-size:24px; color:#999; margin-bottom:30px;}
#kontener h3 { font-size:20px; padding:10px 0px 10px 0px; color:#0085db;}
#kontener h4 {font-size:32px; padding:10px 0px 15px 0px; color:#0085db;}

#kontener table{ width:100%; margin-bottom:30px;}
#kontener table th{ background:#0076c2; color:#FFF; padding:5px;}
#kontener table td{ border-bottom:1px solid #eee; padding:5px;}
#kontener table tr:hover{ background:#eee;}
#kontener table tr td:hover{ background:#0085db; color:#FFF;}

.szary { background:#eee; }

#calcloader{ position:absolute; left:50%; top:50%;}

#podpis{ float:left; height:30px; width:1000px;}
ul { list-style:none; padding:10px 0px 20px 20px; display: table;}
ul li{ background:url(../graf/li2.png) no-repeat 0px 4px; padding-left:22px;}
ul li , ol li { margin-bottom:5px;}


#szegol{ width:960px; clear:both; float:left; margin:0px 0px 20px 0px; }
.all #kontener #szegol input.wylicz{ float:right; margin:0px 0px 0px 0px;}
#szegol p { float:left; padding-top:7px;}

#calccontent { width:960px; float:left;}