header,nav,article,section,aside,footer,figure,menu,details,summary,hgroup
      {
       display:           block;
       }


.backgroundHeader
                 {
                  background-color:  #C0C0C0;
                  background-image:  linear-gradient(bottom,#FFF,#8B8682 60%,#FFF);     /* #C0C0C0 65%.*/
                  background-image:  -moz-linear-gradient(bottom,#FFF,#8B8682 60%,#FFF);
                  background-image:  -webkit-linear-gradient(bottom,#FFF,#8B8682 60%,#FFF);
                  background-image:  -o-linear-gradient(bottom,#FFF,#8B8682 60%,#FFF);
                  background-image:  -ms-linear-gradient(bottom,#FFF,#8B8682 60%,#FFF);
                  color:            #434343;
                  }

.backgroundHeaderLink
                     {
                      background-color:  #EEE5DE;
                      background-image:  linear-gradient(bottom,#EEE5DE,#FFF,#8B8682 );
                      background-image:  -moz-linear-gradient(bottom,#EEE5DE,#FFF,#8B8682 );
                      background-image:  -webkit-linear-gradient(bottom,#EEE5DE,#FFF,#8B8682 );
                      background-image:  -o-linear-gradient(bottom,#EEE5DE,#FFF,#8B8682 );
                      background-image:  -ms-linear-gradient(bottom,#EEE5DE,#FFF,#8B8682 );


                      color:            #434343;
                      }
.backgroundArticle
                  {
                   background-color:  #f7f8ee;
                   background-image:  linear-gradient(bottom,#FFF,#EEE5DE);     /* #C0C0C0 65%.*/
                   background-image:  -moz-linear-gradient(bottom,#FFF,#EEE5DE);
                   background-image:  -webkit-linear-gradient(bottom,#FFF,#EEE5DE);
                   background-image:  -o-linear-gradient(bottom,#FFF,#EEE5DE);
                   background-image:  -ms-linear-gradient(bottom,#FFF,#EEE5DE);
                   color:            black;
                   }
.backgroundForm
                  {
                   background-color:         black;
                   color:                    white;
                   opacity:                  0.6;
                   }
.cursorWhite{
             cursor:        wait;
             }
a:target,#selected, .noContent
         {
          background:                white;
           background-image:  -webkit-linear-gradient(bottom,#EEE5DE,#FFF,#EEE5DE );
          -webkit-transform:         none;
          -moz-transform:            none;
          -o-transform:              none;
          -ms-transform:             none;
          cursor:                    none;
          opacity:                   0.1;

          }

p{
      text-indent:        10%;
      text-align:         justify;
      }
body * {
        font-family:       Cataneo BT, Serif;
        }
body{
     width:               1000px;
     height:              450px;
     margin:              0 auto 0 auto;
     font-family:       Cataneo BT, Serif;
     font-size:           14px;
     }


header{
       width:                   1000px;
       height:                  100px;
       float:                   left;
       }

header figure
           {
            float:                      left;
            margin:                     1%;
            animation:            animLink 10000ms lnear infinite;
            -moz-animation:       animLink 10000ms linear infinite;
            -webkit-animation:    animLink 10000ms linear infinite;
            opacity:              0.7;
           }

header>h1{
          text-transform:    capitalize;
          color:             #646d1a;
          padding-left:      300px;
          text-shadow:       3px 3px 9px white;
          }

a     {
         text-decoration:          none;
       }
li>a
        {
         border-radius:            20px;
         border:                   0px outset #fff;
         padding:                  2px 10px 2px 10px;
         box-shadow:               4px 4px 5px 1px black;
         }


li>a:active,li>a:target
              {
               border:          2px inset #fff;
               padding:         1px 8px 1px 8px;

               }
li>a:hover
       {
         background-color:          white    ;     /*#ecf644*/
         transition:                background-color 800ms linear;
         -webkit-transition:        background-color 800ms linear;
         -moz-transition:           background-color 800ms linear;
         -o-transition:             background-color 800ms linear;
         transform:                 none;
         -webkit-transform:         none;
         -moz-transform:            none;
         -o-transform:              none;
         -ms-transform:             none;
         }
ul      {
          list-style-type:         none;
          margin:                  0;
          padding:                 0;
          }
li      {
          display:            inline;
          margin:             1%;
          font-size:          14px;

          }

article{
        height:              100%;
        width:               100%
        padding:             0;
        margin:              0;
        padding-top:         120px;
        }
article nav,article div,article figure,article img,article td
        {
         height:                     227px;
         }


article li{
           display:          block;
           }
article a{
            display:               block;
            min-width:             70px;
            text-align:            center;
            border-radius:         20px 3px 20px 3px;
            transform:                rotate(-8deg);
            -webkit-transform:        rotate(-8deg);
            -moz-transform:           rotate(-8deg);
            -o-transform:             rotate(-8deg);
            -ms-transform:            rotate(-8deg);

            }

article nav
        {
         float:               left;
         padding-right:       5%;
         height:              227px;
         }

article div
        {
         float:               left;
         width:               60%;
         }
article figure
        {
         margin:                     0;
         padding:                    0;
         perspektive:                160;
         -webkit-perspective:        160;
         -moz-perspective:           160;
         perspective-origin:         50% -50%;
         -webkit-perspective-origin: 40% -50%;
         -moz-perspective-origin:    40% -50%;
         }
article figure:nth-of-type(1)
        {
         float:                      right;
         perspective-origin:         50% 0%;
         -webkit-perspective-origin: 50% 0%;
         -moz-perspective-origin: 50% 0%;
         }
article figure:nth-of-type(2)
        {
         float:                      left;
         }
article img
        {
         transform:               rotateY(-15deg);
         -webkit-transform:       rotateY(-15deg);
         }

article img.secondImg
        {
         transform:               rotateY(15deg);
         -webkit-transform:       rotateY(15deg);
         zoom:                    100%;
         }

td{

         padding:              0 15px 0 25px;
         vertical-align:       middle;
         text-align:           justify
         }

@keyframes animLink
           {
            0%{
               transform:          rotateX(30deg);
               }
            100%{
                 transform:        rotateX(360deg);
                 }
            }
@-webkit-keyframes animLink
                   {
                    0%{
                       -webkt-transform:          rotateY(0deg);
                       }

                    100%{
                         -webkit-transform:        rotateY(360deg);
                         }
                    }
@-moz-keyframes animLink
                {
                 0%{
                    -moz-transform:          rotateY(0deg);
                    }
                 100%{
                      -moz-transform:        rotateY(360deg);
                      }
                 }


div#login
         {
          position:     absolute;
          z-index:      2;
          left:         970px;
          top:          10px;
          }

#map
    {
     float:                   left;
     margin-top:              20px;
     height:                  460px;
     width:                   50%;
     margin-bottom:           10px;
     opacity:                 0.8;
     border-right:            3px outset;
     border-bottom:           3px outset;
     }
.contact
        {
         float:               left;
         }
.contact hgroup
         {
          float:              left;
          margin:       0 20px 0 20px;

          }
.contact hgroup h2
         {
          line-height:        0;
          }
#formMail
         {
          float:              left;
          width:              49%;
          padding:            0 0 0 3px;

          }
#formMail textarea
          {
           width:     440px;
           height:    75px;
           }
#formMail input
          {
           width:     123px;
           }
#formMail fieldset.inputLong input
          {
           width:     170px;
           }
.error
      {
       background:    red;
       }
.success
      {
       background:    yellow;
       }
#komunikat
      {
       position:      absolute;
       z-index:       3;
       display:         inline;
       }

/*

wartości (double, dotted, dashed, groove, ridge, inset, outset, hidden, none)

*/