body {
   background-color: #3163ad;
   background-image: url('img/pozadi.png');
   background-repeat: repeat-x;
   background-position: top left;
   margin: 0;
   padding: 0;
   font-family: Arial;
   font-size: 13px;
   color: black;
}
a {
   font-family: Arial;
   font-size: 13px;
   color: black;
   text-decoration: underline;
}
a:hover {
   text-decoration: none;
}
img {
   border: 0;
}

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

#stranka {
   width: 980px;
   margin: auto;
   background-image: url('img/pozadi_stin.png');
}
#stranka .pozadi_top {
   background-image: url('img/pozadi_top.png');
   background-repeat: repeat-x;
   background-position: top;
}
#stranka .stranka_stred {
   width: 958px;
   margin: auto;
}

#right {
   width: 275px;
   float: right;
}
#right .kontakt {
   background-color: #3163ad;
   border: 1px solid #619cc8;
   color: white;
   padding: 20px 25px 20px 25px;
   margin: 0 0 10px 0;
}
#right .kontakt a {
   color: white;
}

#logo {
   position: relative;
}
#logo img.logo {
   position: absolute;
   top: 22px;
   left: 43px;
}
#logo .top {
   height: 98px;
   background-image: url('img/logo_ikonky.jpg');
   background-repeat: no-repeat;
   background-position: right bottom;
}
#logo .menu_top {
   height: 38px;
   background-image: url('img/menu_top.png');
   padding: 0 0 0 220px;
}
#logo .menu_top a {
   display: block;
   float: left;
   line-height: 38px;
   color: #a2edfe;
   text-decoration: none;
   font-weight: bold;
   background-image: url('img/menu_top.png');
   text-align: center;
}
#logo .menu_top a:hover,
#logo .menu_top a.vybrane {
   background-image: url('img/menu_top_hover.png');
   color: white;
}

#logo .menu_bottom {
   background-color: #023174;
   height: 28px;
}
#logo .menu_bottom a {
   display: block;
   float: left;
   line-height: 28px;
   color: #a0edfe;
   text-decoration: none;
   padding: 0 0 0 35px;
   background-repeat: no-repeat;
   background-position: 20px 11px;
   background-image: url('img/menu_bottom_a.gif');
   font-size: 12px;
}
#logo .menu_bottom a:hover,
#logo .menu_bottom a.vybrane {
   color: white;
   background-image: url('img/menu_bottom_a_hover.gif');
}

#logo .odsazeni_tlumoceni {
   padding: 0 0 0 295px;
}
#logo .odsazeni_ozvuceni {
   padding: 0 0 0 405px;
}
#logo .odsazeni_dalsi_sluzby {
   padding: 0 0 0 500px;
}
#logo .odsazeni_prodej_a_instalace {
   padding: 0 0 0 615px;
}

#prostredek_top {
   background-image: url('img/prostredek_top.gif');
}
#prostredek_top .upoutavka {
   background-color: black;
   height: 144px;
   background-repeat: no-repeat;
   background-position: right top;
}
#prostredek_top .strom {
   background-repeat: no-repeat;
   background-position: top;
   height: 40px;
}
#prostredek_top .upoutavka h1 {
   font-size: 16px;
   color: white;
   margin: 0;
   padding: 20px 0 20px 60px;
   background-image: url('img/h1.gif');
   background-repeat: no-repeat;
   background-position: 20px 16px;
}
#prostredek_top .upoutavka .slogan {
   color: white;
   padding: 0 350px 0 75px;
   font-style: italic;
}

#cesta {
   line-height: 40px;
   padding: 0 0 0 17px;
   color: #a6eefe;
   font-size: 12px;
}
#cesta a {
   text-decoration: none;
   color: #a6eefe;
   font-size: 12px;
   padding: 0 3px 0 3px;
}
#cesta strong {
   color: white;
   padding: 0 3px 0 3px;
}

#prostredek_top .style_default .strom {
   background-image: url('img/sekce/0_default_strom.jpg');
}
#prostredek_top .style_default .upoutavka {
   background-image: url('img/sekce/0_default_upoutavka.jpg');
}

#prostredek {
   background-image: url('img/prostredek.gif');
   padding: 0 15px 0 14px;
}

#paticka {
   height: 50px;
   background-image: url('img/paticka.gif');
   padding: 0 1px 0 15px;
   font-size: 11px;
}
#paticka a {
   font-size: 11px;
}
#paticka td {
   height: 50px;
}
#paticka table {
   width: 100%;
}
#paticka .td1 {
   text-align: center;
   padding: 0 0 0 0;
}
#paticka .td2 {
   width: 300px;
   color: white;
   text-align: center;
}
#paticka .td2 a {
   color: #a3eefe;
   text-decoration: none;
}

#left {
   float: left;
   width: 643px;
   padding: 0 0 15px 0;
}

#uvod {
   padding: 10px 30px 0 30px;
}
#uvod p {
   margin: 0;
   padding: 15px 0 0 0;
}

#vyber {
   padding: 25px 30px 0 30px;
}
#vyber .nadpis {
   border-bottom: 1px solid #d0d1cf;
   padding: 0 0 3px 5px;
}
#vyber .sekce {
   padding: 15px 0 0 20px;
}
#vyber .sekce a {
   text-decoration: none;
}
#vyber .sekce a:hover {
   font-weight: bold;
}
#vyber .sekce .polozka {
   padding: 2px 0 2px 0;
}

#detail {
   padding: 10px 30px 0 30px;
}
#detail h2 {
   margin: 0;
   padding: 15px 0 0 0;
   font-size: 14px;
}
#detail p {
   margin: 0;
   padding: 15px 0 0 15px;
}

.fotky {
   padding: 20px 0 0 0;
}
.fotky .detail_fotky img {
   padding: 5px;
   border: 1px solid #a0b7d9;
}
.fotky .nahledy_fotky {
   padding: 10px 0 15px 0;
   text-align: center;
}
.fotky .nahledy_fotky img {
   height: 75px;
   padding: 2px;
   border: 1px solid #a0b7d9;
   margin: 5px 3px 0 3px;
   cursor: pointer;
}
#popis_fotky {
   text-align: center;
}

#kontakt {
   padding: 5px 30px 0 30px;
}
#kontakt h2 {
   Padding: 20px 0 0 0;
   margin: 0;
   font-size: 14px;
}
#kontakt p {
   margin: 0;
   padding: 15px 0 0 20px;
}
#kontakt td {
   vertical-align: top;
}
.mapka {
   text-align: center;
   padding: 25px 0 0 0;
}

#cenik {
   padding: 25px 30px 0 30px;
}
#cenik h2 {
   border-bottom: 1px solid #d0d1cf;
   padding: 10px 0 3px 5px;
   font-size: 13px;
}
#cenik .cenik_priklad {
   padding: 15px 0 30px 0;
}
#cenik .cenik_priklad table {
   margin: auto;
   border: 1px solid #c3c3c2;
}
#cenik .cenik_priklad .td1 {
   padding: 5px 40px 5px 15px;
   background-color: #c3c3c2;
}
#cenik .cenik_priklad .td2 {
   padding: 5px 15px 5px 40px;
   background-color: #d0d1cf;
}
#cenik img {
   vertical-align: bottom;
}
#cenik a {
   text-decoration: none;
   font-weight: bold;
}