HTML {
                 width: 100%;
                height: 100%;
}

BODY {
                 width: 100%;
                height: 100%;
                margin: 0px 0px 0px 0px;
           font-family: Tahoma, Arial, Helvetica;
           font-weight: normal;
             font-size: 10px;
            text-align: left;
                 color: #000000;
      background-color: #FFFFFF;
            overflow-x: hidden;
                cursor: default;
}

IMG {
                margin: 0px;
                border: 0px none;
}

A {
               display: block;
                 width: 1px;
                margin: 0px 0px 5px 0px;
                 color: #404040;
           font-weight: bold;
       text-decoration: none;
           white-space: nowrap;
}

A:hover {
                 color: #FF0000;
}

FORM {
                margin: 0px 0px 40px 0px;
}

/*****************************************************************/

TABLE.KontenerCalosci {
                margin: 0px 0px 0px 0px;
                 width: 578px;
                height: 100%;
}

TD.KontenerCalosci {
                 width: 578px;
                height: 100%;
           font-family: Tahoma, Arial, Helvetica;
           font-weight: normal;
             font-size: 10px;
                 color: #404040;
      background-color: #FFFFFF;
        vertical-align: top;
}

/*****************************************************************/

DIV.RamkaTresci {
            min-height: 428px;
                height: 428px;
                margin: 0px 0px 0px 136px;
            border-top: 1px solid #C0C0C0;
         border-bottom: 1px solid #C0C0C0;
}

BODY[class] .RamkaTresci {
                height: auto;
} 

DIV.KontenerTresci {
               padding: 50px 25px 50px 0px;
}

IFRAME.BuforTresci {
                width: 0px;
               height: 0px;
         border-width: 0px;
           visibility: hidden;
}

/*****************************************************************/

H1 {
                margin: 0px 0px 5px 0px;
             font-size: 10px;
                 color: #404040
           font-weight: bold;
}

IMG.Punktor {
                 width: 3px;
                height: 3px;
                margin: 0px 8px 4px 0px;
        vertical-align: bottom;
}

IMG.PunktorLink {
                 width: 11px;
                height: 7px;
                margin: 0px 0px 2px 0px;
        vertical-align: bottom;
}

/*****************************************************************/

DIV.RozwijanaTresc {
               display: none;
                margin: 0px 0px 50px 11px;
}

/*****************************************************************/

DIV.KontenerTrescIkona {
                margin: 15px 0px 0px 0px;
                 width: 100%;
                height: 65px;
               display: table;
        vertical-align: top;
}

DIV.KontenerTrescIkonaIkona {
                 width: 56px;
                height: 100%;
                 float: left;
               display: table-cell;
        vertical-align: top;
}

DIV.KontenerTrescIkonaTresc {
                height: 100%;
               display: table-cell;
        vertical-align: top;
}

IMG.Ikona {
                 width: 46px;
                height: 46px;
                margin: 3px 25px 0px 0px;
}

/*****************************************************************/

DIV.KontenerPowiekszenie {
              position: absolute;
               display: none;
                   top: 331px;
                  left: 375px;
               padding: 9px 9px 9px 0px;
      background-color: #FFFFFF;
        vertical-align: top;
}

A.PowiekszenieZamknij {
               display: inline;
                margin: 0px 0px 0px 0px;
}

IMG.PowiekszenieZamknij {
                 width: 20px;
                height: 20px;
        vertical-align: top;
}

IMG.Powiekszenie {
          border-width: 1px;
          border-style: solid;
          border-color: #C0C0C0;
}

DIV.PowiekszenieOpis {
                height: 14px;
           margin-left: 20px;
                 color: #404040;
}

/*****************************************************************/

DIV.KontenerPortfolio {
                margin: 0px 0px 25px 0px;
                 width: 211px;
                height: 100px;
}

DIV.KontenerPortfolioLinki {
                 width: 130px;
                 float: left;
}

DIV.KontenerPortfolioMiniatura {
                 float: right;
}

IMG.Miniatura {
                 width: 76px;
                height: 76px;
                margin: 3px 0px 0px 0px;
          border-width: 1px;
          border-style: solid;
          border-color: #C0C0C0;
}

DIV.KontenerMiniaturki {
                 width: 222px;
}

DIV.Miniaturka {
                 width: 44px;
                height: 44px;
                 float: left;
}

A.Miniaturka {
               display: block;
                 width: 27px;
                height: 28px;
                margin: 1px 1px 1px 1px;
               padding: 2px 2px 2px 3px;
             font-size: 9px;
           font-weight: normal;
                 color: #C0C0C0;
          border-width: 1px;
          border-style: solid;
          border-color: #C0C0C0;
}

A.Miniaturka:hover {
                margin: 0px 0px 0px 0px;
                 color: #C0C0C0;
          border-width: 2px;
          border-style: solid;
          border-color: #FF0000;
}

A.MiniaturkaWybrana {
               display: block;
                 width: 27px;
                height: 28px;
                margin: 0px 0px 0px 0px;
               padding: 2px 2px 2px 3px;
             font-size: 9px;
           font-weight: normal;
                 color: #C0C0C0;
          border-width: 2px;
          border-style: solid;
          border-color: #C0C0C0;
}

A.MiniaturkaWybrana:hover {
                margin: 0px 0px 0px 0px;
                 color: #C0C0C0;
          border-width: 2px;
          border-style: solid;
          border-color: #FF0000;
}
/*****************************************************************/

DIV.KontenerKontakt {
                margin: 15px 0px 0px 0px;
                 width: 100%;
               display: table;
        vertical-align: top;
}

DIV.KontenerKontaktOpis {
                margin: 4px 0px 0px 0px;
                 width: 100px;
                height: 100%;
                 float: left;
               display: table-cell;
        vertical-align: top;
}

DIV.KontenerKontaktInput {
                height: 100%;
               display: table-cell;
        vertical-align: top;
}

INPUT.Kontakt {
                 width: 252px;
               padding: 4px 4px 4px 4px;
           font-family: Tahoma, Arial, Helvetica;
             font-size: 9px;
           font-weight: bold;
                 color: #404040;
          border-width: 1px;
          border-style: solid;
          border-color: #C0C0C0;
      background-color: #FFFFFF;
}

INPUT.KontaktFocus {
                 width: 252px;
               padding: 4px 4px 4px 4px;
           font-family: Tahoma, Arial, Helvetica;
             font-size: 9px;
           font-weight: bold;
                 color: #404040;
          border-width: 1px;
          border-style: solid;
          border-color: #C0C0C0;
      background-color: #E0E0E0;
}

TEXTAREA.Kontakt {
                 width: 252px;
                height: 57px;
               padding: 4px 4px 4px 4px;
           font-family: Tahoma, Arial, Helvetica;
             font-size: 9px;
           font-weight: bold;
                 color: #404040;
          border-width: 1px;
          border-style: solid;
          border-color: #C0C0C0;
      background-color: #FFFFFF;
}

TEXTAREA.KontaktFocus {
                 width: 252px;
                height: 57px;
               padding: 4px 4px 4px 4px;
           font-family: Tahoma, Arial, Helvetica;
             font-size: 9px;
           font-weight: bold;
                 color: #404040;
          border-width: 1px;
          border-style: solid;
          border-color: #C0C0C0;
      background-color: #E0E0E0;
}

A.Kontakt {
               display: inline;
                margin: 0px 0px 0px 0px;
                 color: #404040;
           font-weight: normal;
       text-decoration: none;
}

A.Kontakt:hover {
                 color: #FF0000;
}
/*****************************************************************/

DIV.StopkaCopyright {
           font-family: Tahoma, Arial, Helvetica;
             font-size: 9px;
                 color: #C0C0C0;
            font-style: normal;
           font-weight: normal;
            text-align: right;
                margin: 4px 4px 25px 0px;
}

A.StopkaCopyright {
       text-decoration: none;
           font-weight: bold;
                 color: #404040;
}

A.StopkaCopyright:hover {
       text-decoration: underline;
                 color: #FF0000;
}

