body {margin: 0px; padding: 0px; width: 100%; height: 100%; background:#fff url(../graf/bg.png) repeat-y 50% 0px; }

body, input, textarea, select, div, td  {  font-family: sans-serif;  text-align: justify; color:#fff; font-size:14px;}
.all input, .all textarea, .all select, .all div, .all td , .all ul li { color:#fff;}

.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:#00aeef;}
a:hover {color:#00aeef}
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{ clear:both; margin:auto; position:relative; width:1000px;}
.all2{ clear:both; margin:auto; position:relative; width:1200px;}

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

#opis , #zakres { font-family:proxima_novathin, Arial; }

#opis { float:right; font-size:36px; line-height:45px; text-align:right; padding-top:150px; padding-right:200px; }
#opis h1{ font-size:56px; line-height:56px;}
#opis h2{ font-size:36px; margin-bottom:20px;}

a.logo { position:absolute; z-index:2; top:130px; left:55px;}

#zakres{ clear:both; float:right; font-size:22px; padding:30px 200px 0px 0px; }
#zakres ul { padding:0px 0px 10px 20px; }
#zakres ul li {list-style: square;}
#zakres ul ul li { list-style:circle !important;}