.buttons span{cursor: pointer}
.buttons span.active, .buttons span:hover{color: yellow}

#box1, #box2, #box3, #box4 {
	                         position: absolute;
	                         margin-left: 25px;
                           }

/* Sample 5*/
#box5 div {
	        position: absolute;
	        background-color: #006840;
	        width: 750px;
	        height: 550px;
          }

#box5 h3 {
	       padding:0 0 10px 0;
         }

.mask {
	    position:relative;
	    width: 800px;
    	height: 550px;
    	overflow: auto;
      }
      
.mask2 {
	    position: relative;
	    width: 700px;
    	height: 450px;
    	overflow: hidden;
      }

.mask2 img {
	         position: absolute;
	         display: block;
	         border: none;
           }

body {
     background-color: #5a5a5a;
     background-image: url("./obrazky/back.png");
     background-repeat: repeat-x;
     font-family: Century Schoolbook;
     overflow: auto;
     text-align: center;
     color: #FFFFFF;
     margin: 0px;
     }

.doba {
      float: left;
      width: 100px;
      margin-top: 5px
      }

div.bodystyl {
             width: 800px;
             margin: auto;
             }

div.head {
         overflow: hidden;
         width: 100%;
         height: 138px;
         }

div.article {
            background-color: #006840;
            font-family: Century Schoolbook;
            font-size: 0.85em;
            text-align: left;
            width: 800px;
            color: white;
            }

h2.articlehead {
                font-family: Century Schoolbook;
                font-weight: bold;
                text-align: left;
                color: #000000;
                font-size: 1.6em;
                padding-top: 15px;
                padding-left: 25px;
                padding-right: 25px;
                padding-bottom: 7px;
                margin: 0px;
                }

p {
  padding-left: 25px;
  padding-right: 25px;
  }

div.copy {
         width: 100%;
         height: 20px;
         _overflow: hidden;
         background-color: #838383;
         color: #ffffff;
         font-family: Century Schoolbook;
         font-size: 0.8em;
         padding-top: 2px;
         }

div.menu {
         width: 100%;
         height: 20px;
         _overflow: hidden;
         background-color: #838383;
         color: #ffffff;
         font-family: Century Schoolbook;
         font-size: 0.8em;
         font-weight: bold;
         padding-top: 2px;
         }

a.menu {
       color: white;
       font-family: Century Schoolbook;
       text-decoration: none;
       font-weight: bold;
       }

a.menu:hover {
             color: yellow;
             }

a.odkaz {
        color: DodgerBlue;
        font-family: Century Schoolbook;
        text-decoration: none;
        font-weight: bold;
        }

a.odkaz:hover {
              color: yellow;
              }

a.copyodkaz {
            color: white;
            font-family: Century Schoolbook;
            text-decoration: none;
            }

a.copyodkaz:hover {
                  color: yellow;
                  }

input {
      border-width: 1px;
      }

textarea {
         border-width: 1px;
         }


input.submit {
             background-color: #2b178e;
             color: #ffffff;
             font-weight: bold;
             }

img {
    border: none;
    }