body { color: white; padding: 0; margin: 0; }

#wrap { width: 950px; height: 100%; margin: 0 auto; position: relative; }

#header { width: 950px; background-image: url("header.jpg"); height: 286px; position: relative; float: left; }
#home   { width: 950px; background-image: url("img/home.jpg"); height: 550px; position: relative; float: left; margin-top: 5px; }

#clanek { width: 945px; background-color: white; height: 550px; positon: relative; float: left; background-repeat: no-repeat; background-position: top left; z-index: 50; }
#text   { width: 400px; background-color: white; position: absolute; right: 130px; top: 500px; z-index: 100; padding: 0 0 200px 10px;  }

#paticka{ position: relative; width: 300px; height: 100px; margin-top: 40px;  }

#menu   { width: 875px; background-image: url("img/menu.jpg"); height: 35px; position: relative; float: left; left: 26px; }

#menu #co { width: 185px; height: 35px; background-image: url("img/menu.jpg"); background-position: 0px  0px; position: relative; float: left; }
#menu #ja { width: 145px; height: 35px; background-image: url("img/menu.jpg"); background-position: -185px  0px; position: relative; float: left; }
#menu #jp { width: 245px; height: 35px; background-image: url("img/menu.jpg"); background-position: -330px  0px; position: relative; float: left; }
#menu #vy { width:  95px; height: 35px; background-image: url("img/menu.jpg"); background-position: -575px  0px; position: relative; float: left; }
#menu #ko { width: 195px; height: 35px; background-image: url("img/menu.jpg"); background-position: -670px  0px; position: relative; float: left; }

#menu #co:hover { background-position:    0px -36px; }
#menu #ja:hover { background-position: -185px -36px; }
#menu #jp:hover { background-position: -330px -36px; }
#menu #vy:hover { background-position: -575px -36px; }
#menu #ko:hover { background-position: -670px -36px; }

#newska { width: 800px; height: 680px; background-image: url("img/rollover.jpg"); position: absolute; z-index: 10; top: -700px; left: 70px; cursor: pointer; }

#return { position: absolute; right: 80px; top: 255px; z-index: 10; }
#sulkologo { position: absolute; left: 000px; top: 000px; z-index: 10; border: 0px solid black; width: 300px; height: 150px;}


ul { color: gray; }

p  {
   font-family:  Arial, sans-serif;
   font-style:              normal;
   font-size:                 19px;
   line-height:               30px;
   font-weight:             normal;
   text-align:                left;
   color:                     #333;
   background-color:   transparent;
   display:                  block;
   padding:                      0;
   margin:                       0;
   }
   
h1 {
   font-family:  Arial, sans-serif;
   font-style:              normal;
   font-size:                 12px;
   line-height:               16px;
   font-weight:               bold;
   text-align:                left;
   color:                  #ef3e25;
   background-color:   transparent;
   display:                 inline;
   padding:                      0;
   margin:                       0; 
   }

h2  {
   font-family:  Arial, sans-serif;
   font-style:              normal;
   font-size:                 12px;
   line-height:               18px;
   font-weight:             normal;
   text-align:                left;
   color:                     #333;
   background-color:   transparent;
   display:                  block;
   padding:                      0;
   margin:                       0;
   }

a { color: #555; text-decoration: none;}

a:hover { text-decoration: underline; }