html {
    height:100%;
}
body {
    background:url('../images/bg-main.gif') repeat-y top center #262626;
    margin:0px;
    font-family:tahoma,sans-serif;
    color:#000;
    font-size:0.7em;
    text-align:center;
    color:#FFF;
    height:100%;
}

a { outline:none; }

.body {
    background:url('../images/bg.gif') repeat-x top center;
}

h1 {
    width:761px;
    height:101px;
    /*background:url('../images/start.gif') no-repeat 500px 25px;*/
    margin:0px auto;
    text-align:left;
}
h1 a {
    display:block;
    background:url('../images/logo.gif') no-repeat 22px 11px;
    height:85px;
    width:190px;
}
h1 a span { display:none; }

#images {
    background:url('../images/main.jpg') no-repeat 0px 0px;
    height:235px;
    width:762px;
    margin:0px auto;
}
#images h2 {
    text-align:center;
    margin:0px;
    padding:180px 0px 0px 0px;
    font-family:Tahoma;
    font-size:1.4em;
    font-weight:normal;
}
#images div.padding {
    padding:18px 30px 0px 30px;
}
.image1 {
    background:url('../images/image1.jpg') no-repeat 0px 0px;
    width:296px;
    height:211px;
    float:right;
}
.image2 {
    background:url('../images/image2.jpg') no-repeat 0px 0px;
    width:296px;
    height:211px;
    float:left;
}

.main {
    width:762px;
    margin:0px auto;
}

#menu {
    width:190px;
    float:left;
    text-align:left;
    background:url('../images/bg-menu-ul.gif') repeat-y 33px 0px;
    _background:url('../images/bg-menu-ul.gif') repeat-y 34px 0px;
}
#menu ul {
    margin:0px 0px 0px 33px;
    _margin:0px 0px 0px 34px;
    padding:26px 0px 0px 0px;
    list-style:none;
    text-align:left;
    _width:130px;
}
#menu ul li {
    padding:6px 0px 7px 15px;
    border-left:1px solid #7F7F7F;
    position:relative;
}
#menu ul ul {
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    position:absolute;
    top:5px;
    left:140px;
    _left:110px;
    list-style:none;
    background:#333;
    border:none;
    border-bottom:3px solid #222;
    border-right:3px solid #222;
    z-index:10;
    display:none;
    float:left;
    width:auto;
}
#menu ul li.hover ul { display:block; }
#menu ul li ul li {
    padding:5px 10px 5px 10px;
    background:none;
    position:relative;
    border-bottom:1px solid #666;
    border-right:1px solid #666;
    border-left:1px solid #666;
    white-space: nowrap;
}
#menu ul li ul li.first {
    border-top:1px solid #666;
}

a { color:#B1B1B1; text-decoration:none; }
a:hover { color:#FFF; text-decoration:none; }

.loga {
    float:left;
    width:500px;
    text-align:center;
    padding:0px 0px 0px 15px;
}

.loga h2 {
    margin:0px;
    padding:20px 0px 10px 15px;
    font-size:1.5em;
    font-weight:bold;
    color:#9D9D9D;
    text-align:left;
}
.loga p {
    margin:0px;
    padding:20px 0px 20px 15px;
    text-align:center;
    color:#B1B1B1;
}
.loga img {
    border:none;
    margin:0px 20px 0px 20px;
}

div.referencie {
    float:left;
    width:500px;
    text-align:center;
    padding:0px 0px 0px 30px;
    color:#C1C1C1;
}

div.referencie h2 {
    margin:0px;
    padding:20px 0px 10px 0px;
    font-size:1.5em;
    font-weight:bold;
    color:#9D9D9D;
    text-align:left;
}
div.referencie span {
    font-size:1.5em;
    font-weight:bold;
    color:#9D9D9D;
    padding:5px 0px 10px 0px;
    display:block;
    text-align:center;
}
div.referencie ul {
    text-align:left;
    list-style:none;
    margin:0px;
    padding:10px 20px 10px 50px;
}
div.referencie ul li {
    padding:2px 0px 4px 0px;
    position:relative;
}
div.referencie ul li a {
    display:block;
    width:14px;
    height:14px;
    border:1px solid #F00;
    position:absolute;
    top:0px;
    left:-25px;
}

.text {
    float:left;
    width:540px;
    text-align:left;
    color:#B1B1B1;
}
.text div {
    text-align:justify;
    padding:26px 25px 0px 20px;
    color:#B1B1B1;
    line-height:1.4em;
}
.text h2 {
    margin:0px;
    padding:20px 0px 10px 0px;
    font-size:1.5em;
    font-weight:bold;
    color:#9D9D9D;
    text-align:left;
}
.text h3 {
    margin:0px;
    padding:20px 0px 10px 0px;
    font-size:1.3em;
    font-weight:bold;
    color:#9D9D9D;
    text-align:left;
}
strong {
    color:#FFF;
}

table.pripravujeme {
    color:#9D9D9D;
    margin:10px auto 10px auto;
}
table.pripravujeme th {
    width:210px;
    font-weight:normal;
    padding:5px 10px 10px 10px;
}
table.pripravujeme td { width:210px; }

/*
    ----------------------
    KONTAKTY
    ----------------------
*/
.kontakty {
    float:left;
    width:500px;
    text-align:left;
    color:#B1B1B1;
    line-height:1.4em;
    padding:3px 0px 0px 30px;
}
.kontakty h2 {
    margin:0px;
    padding:20px 0px 10px 0px;
    font-size:1.5em;
    font-weight:bold;
    color:#9D9D9D;
    text-align:left;
}
.kontakty h3 {
    margin:0px;
    padding:20px 0px 10px 0px;
    font-size:1.3em;
    font-weight:bold;
    color:#9D9D9D;
    text-align:left;
}
div.block1 {
    width:200px;
    float:left;
    padding:0px;
}
div.block2 {
    width:200px;
    float:left;
    padding:0px;
}
span.white {
    color:#FFF;
    width:200px;
    float:left;
}
.clean {
    clear:both;
    margin:0px;
    padding:0px;
}

.separator {
    display:none;
}