body {
    font-family: verdana;
    font-size: 13px;


       



    }

    .wrapper {

  margin: 0 auto;           /* automatyczne marginesy po bokach */
}
.content {
  max-width: 800px;         /* lub dopasuj do swojego układu */
  margin: 0 auto;         /* wyśrodkowanie poziome */
}

body.wojtek .wojtek {

  display: none !important;
}

.hidden-for-wojtek {
  display: none !important;
}

    input {
    text-align:right;
    font-family: verdana;
    font-size: 12px;
    font-weight: 300;
    margin: 2px;
      border: 2px solid 555555;
      border-radius: 4px;
       background-color: #ddffdd;
    }
    
    input:read-nly {
    text-align:right;
    font-family: verdana;
    font-size: 12px;
    font-weight: 300;
    margin: 2px;
      border: 2px solid 555555;
      border-radius: 4px;
       background-color: #666666;
    }
    
    td {
    font-family: verdana;
    font-size: 13px;
    
       text-align:left;
    }


    div{
        padding:10px;
        text-align:justify;

    }
    .tytul {
        font-family: verdana;
        font-size: 20px;
        font-weight: bold;
        color: #666666;
  
        }
        .dane{
            margin-left:20px;

        }
        span{
            display: block;

        }
   .typ {
    font-family: verdana;
    font-size: 14px;
    font-style: italic;
    color: #666666;
    
    }
    .opis {
        font-family: verdana;
        font-size: 13px;
        font-weight: normal;
        color: #666666;
        
        }

    td.pusty {
       background-color: #000000;
    
    }
    
    table {
       background-color: #ffffff;
    
    }
    tr:hover td {background:#ddd}
    
    tr {background-color:#ffffff;}
    .w3-striped tbody tr:nth-child(even){background-color:#f1f1f1;}
    
    
    tr.naglowek {background-color:#ffffff;}
    
    tr.blue {background-color:#ccccff;}



    #container {
        width: 800px;
        display: flex;                  /* establish flex container */

        flex-wrap: nowrap;              /* default value; can be omitted */
        justify-content: center; /* switched from default (flex-start, see below) */
        background-color: #ffe2ad;
        border: 2px solid #c3c3c3;
        margin-bottom:15px;
      }
      #container > div {

        border: 1px solid black;
        background-color: white;
      }
      
      #container:hover{

        border: 2px solid #ff6363;

      }
      A{
        text-decoration: none;
        color: #888888;
        font-weight: bold;
      }
      A:hover {
        text-decoration: none;
        color: #444444;
        font-weight: bold;
      }

      .box-hover{
        background-color: black;
        position: absolute;
        width: 290px;
        height: 185px;
        margin: 5px 5px 0 5px;
        display: visible;
        opacity: 0.7;
      }