body {

    background-color: #7e7e7e;
    padding: 0px;
    margin: 0px;

}

/* -------------------- HLAVIČKA & TĚLO -------------------- */

.mainframe {

    width: 821px;
    position: absolute;
    left: 50%;
    margin: 25px 0px 0px -410px;

}

.mainframe .logo {

    position: absolute;
    top: 24px;
    left: 644px;
    border: 0px;

}

.mainframe .logo img {

    border: 0px;

}



.mainframe .top {

    background-image: url('images/background-top.gif');
    background-repeat: no-repeat;
    height: 34px

}

/* -------------------- HLAVNÍ NABÍDKA MENU -------------------- */

.mainframe .menu {

    background-image: url('images/background-menu.gif');
    background-repeat: no-repeat;
    height: 46px

}

.mainframe .menu .mainmenu {

    position:absolute;
    top: 37px;
    left: 14px;
    margin: 0px;
    padding: 0px;

}

.mainframe .menu .mainmenu .mainitem {

    list-style-type: none;
    float: left;
    margin-left: 1px;
    background: #fcfcfc;


}

.mainframe .menu .mainmenu .mainitem a {
    display: block;
    height: 25px;
    _height: 42px;
    #height: 42px;
    width: 90px;
    text-align: center;
    vertical-align: middle;
    color: black;
    padding-top:7px;
    font-size: 17px;
    font-family: "Trebuchet MS","Arial", sans-serif;
    text-decoration: none;
    border-bottom: 10px solid #d8d8d8;

}



.mainframe .menu .mainmenu .mainitem a:hover {

    border-bottom: 10px solid #33ccff;

}

/* -------------------- MENU > SLUŽBY -------------------- */

.mainframe .menu .mainmenu .submenu {

    visibility: hidden;
    position: absolute;
    display:block;
    margin: 0px;
    padding: 0px;
    left: 183px;
    top: 42px;
    border-top: 1px solid white;
    background-color: #33ccff;
    padding: 10px 0px 10px 0px;
    _padding: 0px 0px 10px 0px;
    #padding: 0px 0px 10px 0px;
}

.mainframe .menu .mainmenu .submenu .subitem {

    list-style-type: none;
    display: block;
    background-color: #33ccff;
    padding: 2px 0px 2px 0px;
}

.mainframe .menu .mainmenu .submenu .subitem a {
    display: block;
    width: 90px;
    height: auto;
    text-align: center;
    color: white;
    font-size: 13px;
    line-height: 120%;
    font-family: "Trebuchet MS","Arial", sans-serif;
    text-decoration: none;
    border: 0px;

}

.mainframe .menu .mainmenu .submenu .subitem  a:hover {

    color: #d8d8d8;
    border: 0px;

}


.mainframe .middle {

    background-image: url('images/background-middle.gif');
    background-repeat: repeat-y;
    padding-left:6px; padding-right:10px; padding-top:0px; padding-bottom:0px


}

/* -------------------- KOLÁŽ -------------------- */

.mainframe .middle .graphic {

    background-image: url('images/graphic-main.gif');
    height: 244px;
    width: 805px;
    background-repeat: no-repeat;
    font-family: "Trebuchet MS","Arial", sans-serif


}

.mainframe .middle .graphic b {

    position: absolute;
    left: 483px;
    top: 145px;
    color: #33ccff;
    font-size: 30px;
    width: 300px;



}

.mainframe .middle .graphic p {

    position: absolute;
    left: 483px;
    top: 185px;
    font-size: 13px;
    width: 275px;
    line-height: 150%;


}

/* -------------------- BOXY -------------------- */

.mainframe .middle .linkboxes {

    padding: 0px;
    margin: 0px;
    vertical-align: top;
    height: 269px;
    width: 805px;
    overflow: hidden;
    position: relative;
}

.mainframe .middle .linkboxes .box,
.mainframe .middle .linkboxes .lastbox {

    float: left;
    width: 255px;
    height: 269px;
    margin: 0px 2px 0px 9px;
    text-decoration: none;


}

.mainframe .middle .linkboxes .lastbox   {

    margin: 0px 0px 0px 9px;
}

.mainframe .middle .linkboxes .box .head,
.mainframe .middle .linkboxes .lastbox .head  {

    height: 96px;
    background-color: #33ccff;
    font-family: "Trebuchet MS","Arial", sans-serif;
}

.mainframe .middle .linkboxes .box .head h2 a,
.mainframe .middle .linkboxes .lastbox .head h2 a {

    position: relative;
    left: 10px;
    top: 15px;
    font-size: 26px;
    text-decoration: none;
    color: white;
    padding-bottom: 20px;

}

.mainframe .middle .linkboxes .box .head h3 a,
.mainframe .middle .linkboxes .lastbox .head h3 a {

    position: relative;
    left: 10px;
    top: 0px;
    font-size: 16px;
    text-decoration: none;
    color: white;
    padding-top: 20px;

}


.mainframe .middle .linkboxes .box .body,
.mainframe .middle .linkboxes .lastbox .body {

    height: 173px;
    background-image: url('images/background-box.gif');
    padding-right: 25px

}

.mainframe .middle .linkboxes .box .body a,
.mainframe .middle .linkboxes .lastbox .body a {

    position: relative;
    left: 10px;
    top: 10px;
    font-size: 13px;
    color: white;
    font-family: "Verdana", sans-serif;
    text-decoration: none;
    line-height: 150%;

}

/* -------------------- NOVINKY  -------------------- */

.mainframe .middle .newboxes {

    padding: 0px;
    margin: 0px;
    height: 157px;
    overflow: hidden;
    margin-top: 14px;
    clear: both;
    position: relative;
    top: -3px;


}

.mainframe .middle .newboxes .new,
.mainframe .middle .newboxes .lastnew {

    float: left;
    height: 157px;
    width: 255px;
    margin: 0px 2px 0px 9px;
    background-color: #d9d9d9;
    font-size: 11px;
    font-family: "Verdana", sans-serif;
    line-height: 180%;
}

.mainframe .middle .newboxes .lastnew {

    margin: 0px 0px 0px 9px;
}

.mainframe .middle .newboxes .newborder-left, .mainframe .middle .newboxes .newborder-right {

    position: absolute;
    height: 157px;
    width: 11px;
    background-image: url('images/border-news.gif');
}

.mainframe .middle .newboxes .newborder-left {

    left: 264px;
}

.mainframe .middle .newboxes .newborder-right {

    left: 530px;
}


.mainframe .middle .newboxes .new .date,
.mainframe .middle .newboxes .new .text,
.mainframe .middle .newboxes .new .head,
.mainframe .middle .newboxes .lastnew .date,
.mainframe .middle .newboxes .lastnew .text,
.mainframe .middle .newboxes .lastnew .head {

    position: relative;
    left: 10px;
    top: 25px;
    width: 220px;

}

.mainframe .middle .newboxes .new .date,
.mainframe .middle .newboxes .lastnew .date {

    color: #33ccff;

}

.mainframe .middle .newboxes .new .text,
.mainframe .middle .newboxes .lastnew .text {

    color: #666666;

}

.mainframe .middle .newboxes .new .head,
.mainframe .middle .newboxes .lastnew .head {

    font-weight: bold;
    color: #666666;
}



/* -------------------- OBSAH -------------------- */


.mainframe .middle .page {

    width:  787px;
    margin-left: 9px;
    border-top: 22px solid #d8d8d8;
    padding-top: 20px;
    overflow: hidden;
}

.mainframe .middle .page .content {

    margin: 0px 20px 15px 20px;
    font-family: "Arial", sans-serif;
    font-size: 13px;
    line-height: 150%;


}

.mainframe .middle .page .content h1 {

    font-family: "Trebuchet MS","Arial", sans-serif;
    color: #33ccff;
    font-size: 25px;
    margin: 15px 0px 15px 0px;

}

.mainframe .middle .page .content h2 {

    font-family: "Trebuchet MS","Arial", sans-serif;
    font-size: 16px;
    margin: 20px 0px 10px 0px;
    border-bottom: 1px solid #33ccff;

}

.mainframe .middle .page .content h3 {

    font-family: "Trebuchet MS","Arial", sans-serif;
    font-size: 13px;
    margin: 10px 0px 10px 0px;

}

.mainframe .middle .page .content li {

    margin-bottom: 3px;
}

.mainframe .middle .page .content a {

    color: black;

}

.mainframe .middle .page .content a:hover {

    text-decoration: none;

}

.mainframe .middle .page .content .contacts {

    width: 330px;
    _line-height: 135%;
    #line-height: 135%;
    float:left;

}

.mainframe .middle .page .content .mailform {

    width: 380px;
    float:left;
    margin-right: 37px;
    position: relative;
    top: 10px;

}

.mainframe .middle .page .content .mailform legend {

    font-family: "Trebuchet MS","Arial", sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: black;

}

.mainframe .middle .page .content .mailform form {

    margin: 15px;
    display: block;
    _margin-left: 30px;
    #margin-left: 30px;


}

.mainframe .middle .page .content .mailform .statusbar {

    margin-bottom: 10px;
    font-weight: bold;

}

.mainframe .middle .page .content .mailform .line {

    clear: both;


}

.mainframe .middle .page .content .mailform .code {

    margin-bottom: 10px;


}

.mainframe .middle .page .content .mailform label {

    float:left;
    width: 100px;
    margin-bottom: 10px;


}

.mainframe .middle .page .content .mailform input {


    width: 220px;
    margin-bottom: 10px;
    border: 1px solid #d8d8d8;


}

.mainframe .middle .page .content .mailform textarea {

    width: 320px;
    height: 250px;
    margin: 10px 0px 10px 0px;
    border: 1px solid #d8d8d8;


}

.mainframe .middle .page .content .mailform textarea.cut {

    height: 220px;

}

.mainframe .middle .page .content .mailform .submit {

    position: relative;
    left: 170px;
    width: 150px;
    background-color: #f0f0f0;

}

.mainframe .middle .page .content .mailform fieldset {

    border: 1px solid #33ccff;

}

.mainframe .middle .page .content .refblock {

      clear: both;
      
}


.mainframe .middle .page .content .refpicture {

    float: left;
    margin-bottom: 15px;
    border: 1px solid #33ccff;
    position: relative;
    z-index: 1;
    

}

.mainframe .middle .page .content .reftext {

    position: relative;
    left: 20px;
    top: 10px;
  
}

.mainframe .middle .page .content .reftext ul {

    position: relative;
    left: 15px;
    list-style-position: inside;
  
}

.mainframe .middle .page .content .reference {
  
  margin-bottom: 30px;
  
}

.mainframe .bottom {

    background-position: right top;
    clear: both;
    background-image: url('images/background-bottom.gif');
    background-repeat: no-repeat;
    height: 16px;
    margin-bottom: 0px


}

.mainframe .copyright {


    color: #33ccff;
    margin-left: 9px;
    font-size: 10px;
    font-family:  "Verdana", sans-serif;
    margin-bottom: 25px;
    float: left;
    width: 50%;


}

.mainframe .ikona {
  
  width: 39%;
  float: right;
  margin-right: 10px;
  margin-bottom: 20px;
  text-align: right;

}