h2.index {
         margin: 10px;
         font-size: 1.8em;
         }

a.index {
        font-family: "Trebuchet MS", Arial;
        color: white;
        text-decoration: none;
        }

a.index:hover {
              color: black;
              }

div.box1 {
         width: 330px;
         height: 130px;
         background-color: #fea500;
         background-image: url("./obrazky/back_webtvorba.png");
         background-repeat: no-repeat;
         font-weight: normal;
         font-style: italic;
         text-align: left;
         font-size: 0.8em;
         overflow: hidden;
         float: left;
         margin: 25px;
         _margin-left: 13px;
         _margin-right: 30px;
         margin-top: 20px;
         padding: 10px;
         }

div.box2 {
         width: 330px;
         height: 130px;
         background-color: #0ca93c;
         background-image: url("./obrazky/back_pchelp.png");
         background-repeat: no-repeat;
         font-weight: normal;
         font-style: italic;
         text-align: left;
         font-size: 0.8em;
         overflow: hidden;
         float: left;
         margin: 25px;
         _margin-left: 17px;
         _margin-right: 0px;
         margin-top: 20px;
         padding: 10px;
         }

div.box3 {
         width: 330px;
         height: 130px;
         background-color: #c80000;
         background-image: url("./obrazky/back_hosting.png");
         background-repeat: no-repeat;
         font-weight: normal;
         font-style: italic;
         text-align: left;
         font-size: 0.8em;
         color: white;
         overflow: hidden;
         float: left;
         margin: 25px;
         _margin-left: 13px;
         _margin-right: 30px;
         margin-top: 0px;
         padding: 10px;
         }

div.box4 {
         width: 330px;
         height: 130px;
         background-color: #7c7c7c;
         background-image: url("./obrazky/back_ostatni.png");
         background-repeat: no-repeat;
         font-weight: normal;
         font-style: italic;
         text-align: left;
         font-size: 0.8em;
         color: white;
         overflow: hidden;
         float: left;
         margin: 25px;
         _margin-left: 17px;
         _margin-right: 0px;
         margin-top: 0px;
         padding: 10px;
         }

div.telo-index {
         background-image: url("./obrazky/back-head-index.png");
         background-repeat: no-repeat;
         width: 800px;
         margin: auto;
         }