#envelope {
 width: 810px;
 margin: auto;
 background: url('../imgs/bg_top.gif') top no-repeat;
}
  /* === HEADER === */
  #envelope #header {
   width: 810px;
   height: 135px;
   padding: 23px 0 0px 0;
   background: url('../imgs/header.gif') bottom no-repeat;
   position: relative;
  }
    #envelope #header a.root {
     display: block;
     width: 300px;
     height: 70px;
     margin: 35px 0 0 30px;
    }
      #envelope #header a.root:hover {
       background: none;
      }
    /* === LNGS === */
    #envelope #header ul#lngs {
     position: relative;
     float: right;
     top: -18px;
     right: 10px;
     margin: 0;
     list-style: none;
    }
      #envelope #header ul#lngs li {
       display: inline;
      }
    /* === TITLE === */
    #envelope #header #title {
     display: block;
     position: absolute;
     right: 10px;
     bottom: 5px;
     color: #B3D2EE;
     font-style: italic;
     font-size: 14px;
    }
  #envelope #main {
   background: url('../imgs/bg_main.gif');
   padding: 10px 0 10px 0;
  }
  /* === FOOTER === */
  #envelope #footer {
   width: 807px;
   padding: 7px 3px 0 0;
   text-align: right;
   background: url('../imgs/bg_bottom.gif') top no-repeat;
   font-size: 11px;
   color: white;
  }
    #envelope #footer a {
     color: white;
     text-decoration: none;
    }
      #envelope #footer a:hover {
       text-decoration: underline;
      }
  /* === MENU === */
  #envelope #main #menu {
   width: 135px;
   margin: 0 0 0 7px;
   _margin: 0 0 0 3px;
   padding: 0 5px 5px 0;
   _padding: 0 5px 5px 1px;
   float: left;
  }
    #envelope #main #menu ul {
     margin: 0;
     list-style-image: none;
     width: 135px;
     color: #B3D2EE;
     padding: 0 0 0 5px;
     list-style: none;
     text-align: left;
     font-size: 16px;
     letter-spacing: 1px;
     font-style: italic;
     background: #6CAEE2 url('../imgs/bg_menu.gif') top no-repeat;
     border: 1px solid #77B4E3;
    }
      #envelope #main #menu ul li {
       width: 125px;
      }
      #envelope #main #menu ul li ul {
       list-style: none;
       border: 0;
       width: 125px;
       text-align: right;
       font-size: 13px;
       letter-spacing: 0px;
       font-style: normal;
       position: relative;
       top: -8px;
       margin: 0;
       padding: 0;
       background: none;
      }
        #envelope #main #menu ul li ul li {
         width: 125px;
        }
        #envelope #main #menu ul li ul a {
         color: white;
         text-decoration: none;
        }
        #envelope #main #menu ul li ul a:hover {
         text-decoration: underline;
         background: none;
        }
   /* === MAIN TEXT ===*/
   #envelope #main #middle {
    padding: 0 15px 0 0;
    float: right;
    width: 640px;
    text-align: justify;
   }
   
/* REFERENCIE */
.referencie h3 a:hover {
 color: white;
 background: #ED9B19;
}
/* === HELPS TAGS === */
.clear {
 clear: both;
}

/* === MAIN TAGS === */
body {
 background: #73ABC6;
}
body, th, td {
 font-family: Georgia, Tahoma, Verdana, Sans-serif;
 font-size: 12px;
 line-height: 140%;
}
h1 {
 color: #70AFE2;
 margin: 0 0 15px 3px;
 padding: 0;
 font-size: 24px;
}
h2 {
 margin: 15px 0 15px 0px;
 padding: 2px 0 2px 3px;
 font-size: 18px;
 color: #ED9B19;
}
h3 {
 margin: 0 0 10px 0;
 padding: 0;
 font-size: 14px;
}
a {
 color: #ED9B19;
}
  a:hover {
   color: white;
   background: #ED9B19;
  }
ul {
 margin: 5px 0 5px 40px;
 padding: 0;
 list-style-image: url('../imgs/li.gif');
}
img {
 border: 0;
}