* /*ZERUJEMY wszystkie marginesy i wypełnienia */
 {
   margin: 0px;
   padding: 0px;
 }
body
 {
   margin: 0px;
   padding: 0px;
   background: url('../images/tlo/bg_FAKRO_4841x2571-grey_01D.png') #dfddd9 center fixed no-repeat; /* Wstawiamy tło strony */
 }
div#kontener
 {
   width: 1004px;
   margin: 1px auto; /* Wycentrowanie kontenera */
   background-color: rgb(255, 255, 255);
  /* opacity: 0.7;
   filter: alpha(opacity=70); */ /* ← ←  To jest przezroczystosc */
 }
div#header /* Nagłowek strony, ten widoczny na monitorze :) */
 {
   position: relative;
   margin: 0px auto;
   background: url('../images/tlo/ban_o2c.png') 50% 10px fixed no-repeat, url('../images/tlo/rystechniczny.png') 50% 10px fixed no-repeat, url('../images/tlo/deski_2_a.jpeg') 50% 10px fixed no-repeat #fff7e6;
   /* POWYZEJ: ↑ pozycja tła w nagłówku L+R = 50% , U+D=10px */
   width: 1004px;
   height: 125px;
   border-top: 1px solid #7d610a;
 }
div#menugorne /* MENU pod nagłówkiem, u góry strony  */
 {
   position: relative;
   width: 1004px;
   height: 30px;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   background-image: url('../images/tlo/tlo_menu.png');  /* Tło dla całego div kryzmontmenu */
   margin: 0px;
   top: 125px; /* 125px od góry div#header */
   border-top: 1px solid #7d610a;
   /* border-bottom: 1px solid #7d610a; */
   /* opacity: 0.7;
   filter: alpha(opacity=70); */
    }
div#menugorne:hover /* Efekt widoczny gdy nie ma Tła dla diva #menugorne */
 {
  background-color: rgb(183, 184, 174);
  -webkit-transition:  3s; 
  -moz-transition:  3s;
  -o-transition:  3s;
  transition: 3s; 
 }
div#menugorne li
 {
   list-style-type: none;
   float: left;
   /* border-right: 1px solid rgb(82, 61, 4); */
   position:relative; /* relative żeby potem ustawic ładnie drugi poziom np  linia 81 */
   margin-left: 10px;
   margin-top: 3px;
   
  }
div#menugorne li a /* Ustawienie czcionki, koloru dla odsyłaczy menu gornego */
  {
    font-weight: bold;
    font-size: 14px;
    color: crimson;
   
    text-decoration: none;
  }
div#menugorne li a:hover
 {
   color:#012998;
   -webkit-transition:  2s; /* Transition dla różnych przeglądarek */
   -moz-transition:  2s;
   -o-transition:  2s;
   transition: 2s;
   /* DODAJE backround po najechaniu myszą - TYLKO selektor li a:hover 
   background-color: rgb(199, 236, 174);
   padding: 3px;
   -webkit-transition:  1.5s;  Transition dla różnych przeglądarek 
   -moz-transition:  1.5s;
   -o-transition:  1.5s;
   transition: 1.5s; */
 }
div#menugorne a:visited
 {
   color:#7d610a;
 }
#menukontakt /* Ustawienia odnosnika KONTAKT w div#menugorne ul li a */
 {
   position:absolute;
   right: 20px;
 }
 /* ***********
 KONIEC ustawien menu górne */
 /* Ustawienia kontenera zawarosci strony */
div#kontenerzawartosci
 {
  position:relative;
  width: 1004px;
  height: 500px;
  background-color: #dfddd9;
  margin-top: 30px;
 }
div#zawartosc
 {
    width: 482px; /* 1004px kontener - padding [4-4-4-4] - border [2-2-2-2]*/
    height: 350px; /* wysokosc blokow ID Content */
    border-radius: 5%;
    /* background-color: #ADD8E6; */
    /* border: 1px dotted black; */
    background:#dfddd9 url('../images/tlo/fakro_tlo_02b.png') no-repeat fixed center;
    float: left;
    padding: 10px; /*odleglosc tekstu od krawedzi ID Content*/
    margin: 0px; /*odległość między blokami news2 (pierwszy blok + 5px + drugi blok) */
 }
div#zawartosc:hover
 {
   background-color: rgb(255, 255, 255);
   -webkit-transition:  1.5s;   
   -moz-transition:  1.5s;
   -o-transition:  1.5s;
   transition: 1.5s; 
 } 
div.news
 {
  position: relative;
  background-color: #fafaf8;
  width: 482px;
  margin-top: 15px; /* odległość tekstu od góry obszaru kontent */
  /* border-style: dotted; */
  border-radius: 5%;
  padding-top: 4px;
  text-align: justify;
 }
div.news:hover
 {
   background-color: rgb(255, 255, 255);
   -webkit-transition:  1.5s;   
   -moz-transition:  1.5s;
   -o-transition:  1.5s;
   transition: 1.5s; 
 }