div#body {
    margin: auto;
    margin-top: 0px;
    padding-bottom: 35px;
    margin-bottom: 0px;
    padding-left: 14px;
    padding-right: 14px;
    background-image: url("../images/background-text.png");
    background-repeat: repeat;
    color: #000000;
    width: 815px;
}

table th {
    color: #000000;
    font-size: 0.9em;
    text-align: right;
    font-style: italic; 
}

div#body a {
    color: #0000FF;
}

div#body a:hover {
    color: #000088;
    text-decoration: underline;
}

div#body p.hlaska-red {
    color: #ff0000;
    font-weight: bold;
}

div#body p.hlaska-green {
    color: #00ff00;
    font-weight: bold;
}

div#left {
    z-index: 0;
    width: 270px;
    float: left;
}

form legend {
    font-size: 1.0em;
    font-weight: normal;
    font-style: italic;
}

form input form textarea {
    border: 1px solid #006699;
}

form .button {
    border: 1px solid #006699;
    background-color: #ffffff;    
}

form label {
    font-size: 1.0em;
    font-weight: normal;
}

div#body div#right {
    float: left;
    width: 515px;
    padding-left: 10px;
}

abbr {
    border-bottom: 1px dashed #006699;
}

div.vizitka {
    background-image: url("../images/kontakty.png");
    background-repeat: no-repeat;
    background-position: bottom;
    line-height: 1.6em;
    width: 380px;
    margin: 20px;
    border: 1px dashed #006699;
    padding: 10px;
    height: 180px;
}

div.reference {
    background-image: url("../images/kontakty.png");
    background-repeat: no-repeat;
    background-position: bottom;
    line-height: 1.6em;
    width: 330px;
    margin: 20px;
    border: 1px dashed #006699;
    padding: 10px;
    height: 180px;
    float: left;
    
}

div.vizitka h3, div.reference h3 {
    margin-top: 0px;
    color: #006699;    
}

table.kontakt td h3 {
    color: #006699;
    font-style: italic;
}

table.kontakt th {
    color: #585858;
}

div#body div.reference h3 a, div#body div.reference a:hover {
    color: #006699;
}

div#body div.vizitka h3 a, div#body div.vizitka a:hover {
    color: #006699;
}

div.vizitka img, div.reference img {
    margin-right: 10px;
    border: 0px;
}

div.vizitka span {
    font-size: 1.1em;
    font-weight: bold;
}

div#left form fieldset, div#rychly-kontakt {
    border: 0px;
}

div.images {
    float: left;
    width: 200px;
}

div.images img {
    margin-top: 20px;
}

div.popis {
    float: left;
    width: 580px;
} 

div#text ul li {
    list-style-image: url("../images/point.png");
}

div#text ul.projekty li {
    color: #006699;
    margin-top: 5px;    
}

div#text ul.projekty li a {
    color: #006699;
}

ul#subkonzultace, ul#subwww, ul#submarketing {
    display: none;
}

div#text h2 a, div#text h2 a:hover {
    color: #006699;
}         

div#body div#links {
    background-image: url("../images/background-links.png");
    height: 40px;
    width: 815px;
}

div#body div#links img {
    border: 0px;
    margin: 0px;
    padding: 0px;
    margin-right: 16px;
}

div#body span.image_spolecnost {
    height: 240px;
    display: block;
    background-image: url("../images/o-spolecnosti-big.png");
    background-position: bottom;
    background-repeat: no-repeat;
}

div#body span.image_projekty {
    height: 240px;
    display: block;
    background-image: url("../images/projekty-big.png");
    background-position: bottom;
    background-repeat: no-repeat;
}

div#body span.image_sluzby {
    height: 240px;
    display: block;
    background-image: url("../images/sluzby-big.png");
    background-position: bottom;
    background-repeat: no-repeat;
}

div#body span.image_servis {
    height: 240px;
    display: block;
    background-image: url("../images/servis-pc-big.png");
    background-position: bottom;
    background-repeat: no-repeat;
}

div#body span.image_klienti {
    height: 240px;
    display: block;
    background-image: url("../images/klienti-big.png");
    background-position: bottom;
    background-repeat: no-repeat;
}

div#body span.image_kontakt {
    height: 240px;
    display: block;
    background-image: url("../images/kontakt-big.png");
    background-position: bottom;
    background-repeat: no-repeat;
}
 
div#body div#text {
    padding: 10px;
}

div#body div#text h1 {
    border-bottom: 1px dotted #006699;
    color: #006699;
}

div#body div#text h1.hide {
    display: none;
}

div#body div#text h4 {
    border-bottom: 1px dotted #006699;
    color: #006699;
    font-size: 1.2em;
}

div#body div#text h2, div#rychly-kontakt h2 {
    border-bottom: 1px dotted #006699;
    color: #006699;
    font-size: 1.3em;   
}

div#body div#text p {
    text-indent: 1.0em;
    text-align: justify;
}

dl dt {
    font-weight: bold;
    font-size: 1.0em;
    margin-top: 10px;
    margin-bottom: 4px;
}

div#rychly-kontakt {
    background-image: url("../images/background-text-2.png");
    position: fixed;
    padding: 5px;
    z-index: 1;
    bottom: 21px;
    width: 280px;
    color: #000000;
    border: 1px solid #000000;
    display: none;
}

div#rychly-kontakt img {
    cursor: pointer;
    position: absolute;
    right: 6px;
    top: 6px;
}

div#rychly-kontakt fieldset {
    border: 0px;
}

div#footer {
    position: fixed;
    z-index: 1;
    bottom: 0px;
    height: 22px;
    background-image: url("../images/background-footer.png");
    background-repeat: repeat-x;
    background-position: bottom;
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    width: 98.5%;
    padding: 3px;
}

div#footer span.images {
    position: absolute;
    right: 25px;
    bottom: 1px;
}

div#footer span.images-left {
    position: absolute;
    left: 20px;
    bottom: 2px;
}

div#footer span.images-left img {
    cursor: pointer;
}


div#footer span {
    color: #5e5e5e;
}

div#footer a img {
    border: 0px;
}

div#footer ul {
    padding: 0px;
    margin: 4px 60px;
}

div#footer ul li {
    display: inline;
    margin-right: 15px;
}

div#footer ul li a:hover {
    color: #ffffff;
}

div#footer ul li a {
    color: #000000;
}