BODY { 
       background-color: #000032;

       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 12px;
       color: #9f9fd1;
       /*color: #a4a3cb;*/
     }


.kryptbg {   background-color:#f00;
             border-top: 10px solid #f00;
             
        }


#texty  {
       position:absolute;
       top:55;
       height: 500;
       width: 700px;
       left:0px;
       background-repeat: repeat;
/*       background-attachment: fixed; */
/*       background-image: url('../img/pozad1.jpg');*/
       background-position: top;
       text-align: justify;
       padding-left: 50px;
       padding-right: 50px;
       padding-top: 50px;
       color: #000032;
       font-size: 11px;
}
td      {
       text-align: justify;
       color: #000032;
       font-size: 11px;
       vertical-align: top;
}
#texty h2 {
        font-size: 18px;
        font-weight: bold;
        letter-spacing : 5px;
}
#texty h4 {
        font-size: 14px;
        font-weight: bold;
}
#page       {
             position:relative;
             width:800px;
/*             height:550px;*/
             height:100%;
             top:0px;
             margin-left:auto;
             margin-right:auto;
             z-index:5;
            }

img {
 border:0;
}

        }

#left {
/*        float:left;
        width: 465px;*/
        position:absolute;
        top:63px;
        left:0px;
        width: 465px;

}
#right {
        position:absolute;
/*        top:-540px;*/
        top:60px;
        left:464px;
        float:right;
        width: 335px;
	border: 0px;
}
#ktl { 
        float:left;
        width: 370px
}
#kfr {
        float:right;
        width: 370px
}

#kryptext {
        position:absolute;
        top:100px;
        left:465px;
}

.preload {
        visibility: hide;
        position: absolute;
}
#lista {
      position: absolute;
      top:-8px;
      left:0px;
      width:800px;
}

.kryptover {
padding-top: 10px;

}
.xmlover {
        margin-top: 10;
}
a {
 text-decoration: none;
 color:#33c;
 font-weight: bold;
}
a:hover, a:active {
 color:#66f;
}

#translator {
    position: absolute;
    top: 0;
    right: 0;
}

/*#######################      MENU      ###############*/
#menu       { position:relative;
                                                 top:0px;
                                                 width:800px;
                                                 z-index:100;
                                                 background-color:#000032;
                                                 text-align: center;
                                                 border: 0;
                                                 padding: 0;
                                                 margin: 0;

                                                 }
                                                 
ul#mainMenu, ul {        
        color: #9f9fd1;
        /*color: #a4a3cb;*/
        padding: 0;
        margin: 0;
        list-style-type: none;

}
ul#mainMenu a:hover {
/*        background-color: #222254;*/
}
ul#mainMenu ul {
        margin-top: 0px;
}
ul#mainMenu li {
        float: left;
        padding: 0px;
/*        width: 95px;*/
        width: 80px;
}
ul#mainMenu li.tiskz {
       width: 100px;
}
ul#mainMenu li.langz {
       width: 120px;
}
ul#mainMenu a {
        color: #9f9fd1;
        /*color: #fff;*/
/*      background-color: #000032;*/
        display: block;
        border-bottom: 0px solid #000032;
        text-decoration: none;
        font-weight: bold;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 18px;
        padding-bottom: 25px;
}
ul#translatorMenu a {
        color: #9f9fd1;
        /*color: #fff;*/
/*      background-color: #000032;*/
        display: block;
        border-bottom: 0px solid #000032;
        text-decoration: none;
        font-weight: bold;        
}

ul#mainMenu ul a, ul#translatorMenu ul a {
        padding-top: 5px;
        padding-bottom: 5px;
        border-bottom: 2px solid #222254;
        border-left: 0px solid #000032;
        border-right: 0px solid #000032;
        padding-left: 5px;
        background-color: #000032;
        margin-top: 0px;
}
ul#mainMenu ul.trans {
        margin-top: 35px;
        margin-left: 15px;
}
ul#mainMenu ul a:hover {
        color: #9f9fd1;
        /*color: #fff;*/
        border-left: 0px solid #222254;
        border-right: 0px solid #222254;
        background-color: #222254;
}
ul#mainMenu ul, ul#translatorMenu ul {
        position: absolute;
        visibility: hidden;
        /*border-bottom: 1px solid white;*/
        background-color: #222254;
}
ul#mainMenu li:hover ul, ul#mainMenu li.hover ul {
        visibility: visible;
        text-align: left;
}
ul#mainMenu li li, ul#translatorMenu li li {
        float: none;
        border: none;
        padding: 0;
        width: 120px;
}
body, #menu {
        background-image:url('../img/lista.gif');
        background-repeat:no-repeat;
        background-position : top;
}
ul#mainMenu a:hover.logo{
 background: none;
}
ul#mainMenu li {
/*behavior: url(hover.htc);*/ /* Protoe IE nedodruje CSS standardy, aby bylo een�funk�� pouijeme tento *.htc soubor */
}

ul#translatorMenu ul {
	visibility: hidden;
}

ul#translatorMenu li:hover ul, ul#translatorMenu li.hover ul {
        visibility: visible;
        text-align: left;
}

#cryptography {
	height: 165px;
	width: 336px;
}

#j2ee {
	height: 162px;
	width: 336px;
}

.listOfVirtues {
       color: #9f9fd1;
}