body {
   background-color: black;
   font-family: Arial;
   font-size: 12px;
   color: black;
   margin: 0;
   padding: 0;
}
img {
   border: 0;
}
a {
   font-family: Arial;
   font-size: 12px;
   color: black;
   text-decoration: underline;
}
a:hover {
   text-decoration: none;
}

.vyhlazeni {
   width: 100%;
   height: 1px;
   font-size: 1px;
   clear: both;
}

#stranka {
   width: 980px;
   margin: auto;
}
#top {
   height: 205px;
   background-color: white;
   position:relative;
   background-image: url('img/header_01.jpg');
}
#logo {
   width: 980px;
   height: 200px;
   position:relative;
}
#logo .vlajecky {
   z-index:15;
   position: absolute;
   right: 0;
   top: 0;
   background-color: #f57215;
   padding: 5px 15px 5px 15px;
}
#logo .vlajecky img {
   padding: 0 5px 0 5px;
   vertical-align: middle;
}
#logo .vlajecky img.small {
   height: 20px;
}
#logo img.logo {
    position:absolute;
    float:right;
    top:163px;
    right: 5px;
    z-index:15;
}
#slideshow {
    position:absolute;
    height:1px;
    margin:0;
    padding:0;
   top:0px;
   left:0px;
}
#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    margin:0;
    padding:0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

#nav{
   margin:0;
   padding:0;
   background:#f57215;
   padding:5px 10px;
   height:30px;
   text-align:center;
   position:relative;
   z-index:10;
}
#nav ul{
   padding:0;
   margin:0;
   height:30px;
   background:#f57215;
}
#nav li{
   position: relative;
   float: left;
   list-style: none;
   margin: 0;
   padding:0;
   margin-right:2px;
   border:1px solid #f5811e;
   width:19%;
   height:30px;
   background:#f57215;
}
#nav li a {
   width:100%;
   height: 30px;
   display: block;
   text-decoration:none;
   text-align: center;
   line-height: 30px;
   font-weight: bold;
   color: white;
   font-size: 14px;
}
#nav li a:hover,
#nav li a.selected{
   background-image: url("img/menu_hover.png");
}
#nav ul ul{
   position: relative;
   /*top: 50px;*/
   /*width: 120px;*/
   visibility: hidden;
   z-index:999;
}
#nav ul li:hover ul{
   visibility:visible;
}
#nav li ul li {
   width:100%;
   height:30px;
   z-index:10;
}
#nav li ul li a {
   height:30px;
   line-height:30px;
}

#prostredek {
   background-color: #dddddd;
}
#prostredek_pozadi {
   background-color: #dddddd;
   background-image: url('img/prostredek.gif');
}

#paticka {
   text-align: center;
   padding: 5px 0 5px 0;
   background-color: #f57215;
}

#kontakt {
   
}
#kontakt .right {
   width: 320px;
   float: right;
}
#kontakt .right h2 {
   font-size: 18px;
   margin: 0;
   padding: 10px 0 0 15px;
}
#kontakt .right h3 {
   font-size: 16px;
   margin: 0;
   padding: 15px 0 0 35px;
}
#kontakt .right p {
   font-size: 12px;
   margin: 0;
   padding: 5px 0 15px 45px;
}
#kontakt .left {
   width: 660px;
   float: left;
}
#kontakt .left h2 {
   font-size: 18px;
   margin: 0;
   padding: 10px 0 0 15px;
}
#kontakt .left h3 {
   font-size: 16px;
   margin: 0;
   padding: 0;
}
#kontakt .left .td1 {
   width: 200px;
   text-align: center;
}
#kontakt .left p {
   margin: 0;
   padding: 10px 0 0 20px;
}
#kontakt .firma {
   padding: 20px 0 15px 20px;
}

#lokalita {
   padding: 0 0 15px 0;
}
#lokalita h1 {
   font-size: 18px;
   margin: 0;
   padding: 10px 0 0 15px;
}
#lokalita .text {
   padding: 5px 0 5px 0;
}
#lokalita p {
   margin: 0;
   padding: 12px 30px 0 30px;
}

#prubeh_vystavby {
   padding: 0 0 15px 0;
}
#prubeh_vystavby h1 {
   font-size: 18px;
   margin: 0;
   padding: 10px 0 0 15px;
}

.fotogalerie {
   border: 1px solid #9999cc;
   margin: 15px 20px 0 20px;
   background-color: #d2d1d1;
}
.fotogalerie .nadpis {
   background-color: #9999cc;
   font-weight: bold;
   font-size: 14px;
   text-align: center;
   padding: 5px 0 5px 0;
   margin: 1px 1px 0 1px;
}
.fotogalerie .hlavni_fotka {
   text-align: center;
   padding: 15px 0 15px 0;
}
#hlavni_fotka {
   width: 900px;
   border: 3px solid #9999cc;
}
.fotogalerie .nahledy {
   text-align: center;
   padding: 0 0 15px 0;
}
.fotogalerie .nahledy img {
   height: 70px;
   border: 2px solid #9999cc;
   margin: 2px 5px 2px 5px;
   cursor: pointer;
}

#o_projektu .right {
   text-align: center;
   float: right;
   width: 320px;
}
#o_projektu .right img {
   width: 280px;
   padding: 15px 0 0 0;
}
#o_projektu .left {
   width: 660px;
   float: left;
}
#o_projektu .left h1 {
   font-size: 18px;
   margin: 0;
   padding: 10px 0 0 15px;
}
#o_projektu .left .text {
   padding: 0 10px 20px 30px;
}
#o_projektu .left .text p {
   margin: 0;
   padding: 15px 0 0 0;
}
#o_projektu .icon {
   text-align: center;
   padding: 10px 0 20px 0;
}

#cenik {
   padding: 0 15px 20px 15px;
}
#cenik h1 {
   font-size: 18px;
   margin: 0;
   padding: 10px 0 0 0;
}
#cenik .tabulka {
   padding: 15px 0 0 0;
}
#cenik table {
   width: 100%;
}
#cenik .td_nadpis {
   font-size: 11px;
   text-align: center;
   font-weight: bold;
   padding: 3px 0 3px 0;
   border-bottom: 1px solid gray;
}
#cenik td {
   text-align: center;
   border-bottom: 1px solid #dddddd;
}
#cenik td.td_volny_bg1 {
   background-color: #d2d1d1;
}
#cenik td.td_rezervovano_bg1,
#cenik td.td_rezervovano_bg2 {
   background-color: #ff00ea;
   color: white;
}
#cenik td.td_prodano_bg1,
#cenik td.td_prodano_bg2 {
   background-color: #ff0000;
   color: white;
}
#cenik td.td_ustni_rezervace_bg1,
#cenik td.td_ustni_rezervace_bg2 {
   background-color: #fcff00;
}

#vizualizace {
   padding: 0 0 20px 0;
}
#vizualizace h1 {
   font-size: 18px;
   margin: 0;
   padding: 10px 0 0 15px;
}
#vizualizace .vizual {
   border: 1px solid #9999cc;
   margin: 15px 20px 0 20px;
   background-color: #d2d1d1;
}
#vizualizace h2 {
   background-color: #9999cc;
   font-weight: bold;
   font-size: 14px;
   text-align: center;
   padding: 5px 0 5px 0;
   margin: 1px 1px 0 1px;
}
#vizualizace .obrazky {
   text-align: center;
   padding: 15px 0 15px;
}
#vizualizace .obrazky img {
   height: 145px;
   padding: 0 10px 0 10px;
}

#mapa_web {
   padding: 0 0 20px 0;
}
#mapa_web h1 {
   font-size: 18px;
   margin: 0;
   padding: 10px 0 0 15px;
}
#mapa_web .mapka {
   padding: 15px 0 10px 0;
   width: 698px;
   margin: auto;
}

#map_wrap {
     position:relative;
     background-image:url("img/loading.gif");
     background-repeat:no-repeat;
     background-position: center;
 }
 #map_back, #map_over {
     background-image:url("img/mapka.png");
     background-repeat:no-repeat;
     background-position: center;
 }
 img {
     border:0;
 }
 
 
 
#detail .left {
   width: 660px;
   float: left;
   padding: 0 0 20px 0;
}
#detail .left h1 {
   font-size: 18px;
   margin: 0;
   padding: 10px 0 0 15px;
}
#detail .popis {
   padding: 0 20px 15px 30px;
}
#detail .popis p {
   margin: 0;
   padding: 12px 0 0 0;
}
#detail .popis_mistnosti {
   border: 1px solid #9999cc;
   margin: 15px 20px 0 20px;
}
#detail .popis_mistnosti h2 {
   background-color: #9999cc;
   font-weight: bold;
   font-size: 14px;
   text-align: center;
   padding: 5px 0 5px 0;
   margin: 1px 1px 0 1px;
}
#detail .popis_mistnosti .vypis_mistnosti .bg1 {
   background-color: #d2d1d1;
}
#detail .popis_mistnosti .vypis_mistnosti .bg2 {
   background-color: #c6c4c4;
}
#detail .popis_mistnosti .vypis_mistnosti table {
   width: 100%;
}
#detail .popis_mistnosti .vypis_mistnosti .td1 {
   padding: 0 0 0 15px;
}
#detail .popis_mistnosti .vypis_mistnosti .td2 {
   text-align: center;
   width: 60px;
}
#detail .popis_mistnosti .vypis_mistnosti .td3 {
   text-align: center;
   width: 150px;
}
#detail .popis_mistnosti .vypis_mistnosti .td4 {
   text-align: center;
   width: 80px;
}
#detail .popis_mistnosti .vypis_mistnosti .td5 {
   text-align: center;
   width: 200px;
}
#detail .right {
   width: 320px;
   float: right;
   padding: 15px 0 15px 0;
}
#detail .right h3 {
   margin: 1px 1px 1px 1px;
   padding: 3px 0 3px 0;
   text-align: center;
   font-size: 14px;
   background-color: #dddddd;
}
#detail .right .obr_param {
   border: 1px solid #dddddd;
   margin: 0 15px 0 15px;
}
#detail .right .obrazky {
   text-align: center;
   padding: 5px 0 5px 0;
}
#detail .right .obrazky img {
   width: 260px;
   padding: 5px 0 5px 0;
}
#detail .right .obrazky img {
   width: 260px;
   padding: 5px 0 5px 0;
}
#detail .parametry table {
   width: 100%;
}
#detail .parametry {
   padding: 1px 1px 0 1px;
   border-top: 1px solid #dddddd;
}
#detail .parametry .bg1 {
   /* background-color: #dddddd; */
   background-color: #ecebeb;
   border-bottom: 1px solid #9999cc;
}
#detail .parametry .bg2 {
   background-color: #dddddd;
   border-bottom: 1px solid #9999cc;
}
#detail .parametry .td1 {
   padding: 5px 0 5px 10px;
   font-weight: bold;
}
#detail .parametry .td2 {
   padding: 2px 10px 2px 0;
   text-align: right;
}
#detail .kalkulacka {
   border: 1px solid #dddddd;
   width: 250px;
   margin: 15px auto 0 auto;
}
#detail .kalkulacka_nadpis {
   background-color: #ecebeb;
   margin: 1px 1px 0 1px;
   text-align: center;
   font-weight: bold;
   padding: 3px 0 3px 0;
}
#detail .kalkulacka_tabulka table {
   width: 100%;
}
#detail .kalkulacka_tabulka td {
   background-color: #dddddd;
}
#detail .kalkulacka_tabulka td.td1 {
   padding: 3px 10px 3px 10px;
   text-align: center;
}
#detail .kalkulacka_tabulka td.td2 {
   padding: 3px 10px 3px 0;
   text-align: right;
}

#detail .prilohy {
   border: 1px solid #dddddd;
   width: 250px;
   margin: 15px auto 0 auto;
}
#detail .prilohy_nadpis {
   background-color: #ecebeb;
   margin: 1px 1px 0 1px;
   text-align: center;
   font-weight: bold;
   padding: 3px 0 3px 0;
}
#detail .prilohy_text {
   padding: 10px 0 10px 0;
   text-align: center;
   background-color: #dddddd;
   margin: 1px;
}
#detail .prilohy_text a {
   font-weight: bold;
   color: #000000;
}