body{
    margin: 0;
    padding: 0;
    background-image: url(../images/back-strip.png);
    background-repeat: repeat-x;
    background-color: #0071BC;
    font-family: Helvetica CE, Arial CE, Arial, Helvetica, sans-serif;
    color: #005E9C;
}

h1{
    width: 428px;
    height: 22px;
    background-image: url(../images/h1-back.png);
    background-repeat: no-repeat;
    font-size: 13pt;
    padding: 5px 0 0 8px;
    margin: 0 0 20px -10px;
}

h2{

    font-size: 10pt;
    padding: 0px 0 0 8px;
    margin: 0 0 10px -10px;
}

p {
    margin: 0 0 7px 0;
}


ul, li {
    margin: 0;
    padding: 0;
}
a {
    text-decoration: none;
}
th {
    text-align: left;
}

img {
    border: none;
}

#top {
    width: 948px;
    height: 148px;
    background-image: url(../images/top.png);
    background-repeat: no-repeat;

}

#home {
    width: 293px;
    height: 118px;
    background-image: url(../images/home.png);
    background-repeat: no-repeat;
    position: absolute;
    margin: 30px 0 0 116px;
}

#home a {
    width: 293px;
    height: 118px;
    display: block;
    visibility: collapse;
}

#home a span {
    display: none;
}

#menu {
    width: 638px;
    height: 135px;
    background-image: url(../images/top-menu.png);
    background-repeat: no-repeat;
    position: absolute;
    margin: 99px 0 0 409px;
}

#menu ul {
    width: 507px;
    height: 49px;
}

#menu ul li{
    float: left;
    display: inline-block;
    margin-right: 22px;
}

#menu ul li a{
    width: 99px;
    height: 39px;
    display: block;
    padding: 10px 0 0 48px;
    color: #005E9C;
    font-weight: bold;
    font-size: 16pt;
    letter-spacing: 1px;
}

#menu ul li a:hover{
    width: 99px;
    height: 39px;
    background-image: url(../images/top-menu-active.png);
    background-repeat: no-repeat;
    color: white;
}

#menu ul li a.left:hover{
    width: 99px;
    height: 39px;
    background-image: url(../images/top-menu-left.png);
    background-repeat: no-repeat;
}

#header {
    width: 948px;
    height: 248px;

    background-image: url(../images/header.png);
    background-repeat: no-repeat;

}

#left {
    width:407px;
    height: 359px;
    background-image: url(../images/left-menu-back.png);
    background-repeat: no-repeat;
    float: left;
}

#left-menu {
    width:291px;
    height: 253px;
    background-image: url(../images/left-menu.png);
    background-repeat: no-repeat;
    float: right;

}

#left-menu ul{
    height: 220px;
    margin-top: 33px;
}

#left-menu ul li{
    display: block;
    list-style: none;
    margin: 0 0 5px 0;
}
#left-menu ul li a{
    width: 291px;
    height: 23px;
    display: block;


    font-weight: bold;
    font-size: 11pt;
    letter-spacing: 1px;
    background-image: url(../images/left-menu-passive.png);
    background-repeat: no-repeat;
    text-align: center;
    color: white;
    text-transform: uppercase;
    padding:4px 0 0 0;

}

#left-menu ul li a:hover{
    width: 291px;
    height: 23px;
    background-image: url(../images/left-menu-active.png);
    background-repeat: no-repeat;
    color: #005E9C;
}

#adress {
    width: 271px;
    height: 123px;
    color: white;
    float: right;
    font-size: 10pt;
    font-weight: bold;
    text-align: right;
    padding: 15px 20px 0 0;

}

#adress ul{

    height: 123px;
}

#adress ul,li{
    margin: 0;
    padding: 0;
}

#adress p{
    letter-spacing: 4px;
    font-size: 11pt;
}

#center {
    min-height: 320px;
    background-image: url(../images/content-back.png);
    background-repeat: repeat-y;
    float: left;

}

#content {
    width: 501px;
    min-height: 320px;
    background-image: url(../images/center.png);
    background-repeat: no-repeat;
    font-size: 10pt;
    padding: 30px 0px 5px 40px;

}

#content p {
    width: 430px;
}

#content ul {
    list-style: circle;
    margin: 20px;
}

.vize, .realizace, .reference, .foto{
    font-weight: bold;
    margin-bottom: 2px;
}

.foto {
    margin-bottom: 10px;
}

table.fotky-radek1 {
    margin-left: 60px;
}

table.fotky-radek2{
    margin-left: 95px;
}

table.fotky-radek1 img{
    border: 1px solid #005E9C;
    margin: 2px;
}
table.fotky-radek2 img{
    border: 1px solid #005E9C;
    margin: 2px;
}

img.kapky {
    position: absolute;
    margin: 0 0 0 330px;
}

img.mapa {
    height: 160px;
    position: absolute;
    margin: 90px 0 0 250px;
}

img.zelena-usporam {
    height: 100px;
    position: absolute;
    margin: -390px 0 0 410px;
}

#footer {
    width: 500px;
    height: 30px;

   
    margin: 0 0 0 410px;
    color: white;
    font-size: 10pt;
    padding: 5px 0 0 0;
}

#footer table{
    width: 500px;
}

#footer table td {
    width: 33%;

}

#footer a{
    color: white;
}

#footer a:hover{
    text-decoration: underline;
}


.left {
    text-align: left;
}

.right {
    text-align: right;
}

.center {
    text-align: center;
}
.odsazeni {
    height: 10px;
}

.podkategorie {
    padding-left: 15px;
}

.podkategorie a{
    text-decoration: underline;
}

.podkategorie a:hover{

    text-decoration: none;
}

.bold {
    font-weight: bold;
}

p.modelova-kalkulace {
    margin: 20px 0 0 0;
    border-top: 1px solid #005E9C;
    padding-top: 20px;

}

p.modelova-kalkulace a{
    color: #005E9C;
    font-weight: bold;
    text-decoration: underline;

}

p.modelova-kalkulace a:hover{
    text-decoration: none;
}