body {
   margin: 0;
   padding: 0;
   font-family: Arial;
   font-size: 14px;
   color: black;
   background-repeat: repeat-x;
   background-position: top;
}
a {
   font-family: Arial;
   font-size: 14px;
   color: black;
   text-decoration: underline;
}
a:hover {
   text-decoration: none;
}
img {
   border: 0;
}
.vyhlazeni {
   width: 100%;
   height: 1px;
   font-size: 1px;
   clear: both;
}
input,
select,
textarea {
   font-family: Arial;
   font-size: 14px;
   color: black;
   border: 1px solid #d3d3d3;
   margin: 1px 0 0 0;
}
form {
   margin: 0;
   padding: 0;
}

#stranka {
   width: 980px;
   margin: auto;
}
#stranka .slideshow {
   position: relative;
   width: 721px;
   height: 409px;
   background-color: white;
}
#stranka .slideshow img {
   position: absolute;
   left: 0;
   top: 0;
}
#top {
   height: 140px;
   position: relative;
}
#top .infoprohlidka {
   position: absolute;
   top: 35px;
   left: 350px;
   color: white;
   font-size: 14px;
   background-repeat: no-repeat;
   background-position: 0 4px;
   padding: 0 0 0 40px;
}
#top .infoprohlidka a {
   text-decoration: none;
   color: white;
}
#top .infoprohlidka a.hlavni_odkaz {
   position: absolute;
   top: 0;
   left: 0;
   display: block;
   width: 160px;
   height: 40px;
   z-index: 1000;
}
#top .infoprohlidka span {
   font-size: 16px;
   font-weight: bold;
}
#top .infolinka {
   position: absolute;
   top: 35px;
   left: 540px;
   color: white;
   font-size: 14px;
   background-repeat: no-repeat;
   background-position: 0 3px;
   padding: 0 0 0 40px;
}
#top .infolinka span {
   font-size: 16px;
   font-weight: bold;
}
#top .infomail {
   position: absolute;
   top: 35px;
   left: 750px;
   color: white;
   font-size: 14px;
   background-repeat: no-repeat;
   background-position: 0 3px;
   padding: 0 0 0 40px;
}
#top .infomail a {
   color: white;
   text-decoration: none;
   font-size: 14px;
}
#top .infomail span {
   font-size: 16px;
   font-weight: bold;
}
#top img.logo {
   position: absolute;
}
#stred_top {
   position: relative;
   height: 412px;
}
#stred_top .stred_menu {
   position: absolute;
   right: 0;
   top: 0;
   width: 259px;
   height: 409px;
   background-repeat: no-repeat;
   z-index: 500;
}
#stred_top .stred_menu div {
   text-align: center;
   padding: 26px 0 0 0;
}
#stred_top .slideshow {
   position: relative;
}
#top ul {
   padding: 90px 0 0 10px;
   margin: 0;
}
#top ul li {
   float: left;
   list-style-type: none;
   padding: 0;
   margin: 0;
}
#top ul a {
   text-transform: uppercase;
   line-height: 43px;
   text-decoration: none;
   text-align: center;
   display: block;
   font-size: 16px;
   background-repeat: no-repeat;
}
#top ul li.odk_uvod a {
   width: 100px;
}
#top ul li.odk_lokalita a {
   width: 150px;
}
#top ul li.odk_fotogalerie a {
   width: 160px;
}
#top ul li.odk_cenik a {
   width: 100px;
}
#top ul li.odk_vybaveni a {
   width: 150px;
}
#top ul li.odk_financovani a {
   width: 160px;
}
#top ul li.odk_kontakt a {
   width: 140px;
}

#stred {
   padding: 0 0 0 0;
}
#stred .facebook {
   text-align: center;
   padding: 0 0 20px 0;
   width: 75px;
   margin: auto;
}
#stred .left {
   width: 254px;
   float: left;
   position: relative;
}
#menu_posuvne {
   width: 254px;;
}
#stred .left h2 {
   margin: 0;
   padding: 10px 0 10px 20px;
   color: white;
   background-color: #414141;
   font-weight: normal;
   font-size: 18px;
}
#stred .left .left_stred {
   background-color: white;
   border: 1px solid #ededed;
   padding: 12px 0 0 0;
}
#stred .left .l_stred_menu {
   text-align: center;
   padding: 10px 0 10px 0;
}
#stred .left_kontakt {
   margin: 0 12px 0 12px;
}
#stred .left_kontakt h3 {
   margin: 0;
   padding: 10px 0 15px 0;
   text-align: center;
   font-size: 18px;
   text-transform: uppercase;
   color: white;
}
#stred .left_kontakt h4 {
   margin: 0;
   padding: 0 0 10px 0;
   text-align: center;
   font-size: 14px;
   text-transform: uppercase;
   color: white;
}
#stred .left_kontakt .cislo {
   text-align: center;
   padding: 0 0 10px 0;
}
#stred .left_kontakt .cislo input {
   vertical-align: middle;
}
#stred .left_kontakt .cislo input.ok {
   background-color: #acacac;
}
#stred .left_kontakt table {
   margin: 0 auto 0 auto;
   padding: 0 0 15px 0;
   width: 200px;
}
#stred .left_kontakt .icon {
   width: 20px;
   text-align: center;
}
#stred .left_kontakt .nazev {
   color: white;
   font-size: 12px;
   padding: 0 0 0 5px;
}
#stred .left_kontakt .nazev a {
   color: white;
   font-size: 12px;
}
#stred .left_kontakt .hodnota {
   text-align: right;
}
#stred .left_kontakt .hodnota,
#stred .left_kontakt .hodnota a {
   color: white;
   font-size: 12px;
}
#stred .right {
   width: 711px;
   float: right;
   padding: 0 0 30px 0;
}
#stred .right h1 {
   margin: 0;
   padding: 10px 0 10px 20px;
   color: white;
   background-color: #414141;
   font-weight: normal;
   font-size: 18px;
   text-transform: uppercase;
}
#stred .right .right_stred {
   background-color: white;
   border: 1px solid #ededed;
}
#stred .left_kontakt input.zavolat_cislo,
#stred .left_kontakt input.zavolat_cislo_hover {
   width: 120px;
   padding: 2px 0 3px 5px;
}

#kalkulacka {
   width: 227px;
   height: 176px;
   background-image: url('img/kalkulacka.png');
   margin: auto;
   position: relative;
}
#kalkulacka .mesicne {
   padding: 15px 0 0 15px;
   font-weight: bold;
   font-size: 17px;
}
#kalkulacka .splaceni {
   padding: 15px 0 0 15px;
}
#kalkulacka .pocet_let {
   text-align: center;
   color: #0686ff;
   padding: 15px 0 5px 0;
   font-size: 16px;
   font-weight: bold;
}
#kalkulacka .informace {
   position: absolute;
   width: 250px;
   top: -90px;
   left: 140px;
   font-size: 11px;
   width: 277px;
   height: 107px;
   z-index: 1000;
   display: none;
}
#kalkulacka .informace p {
   margin: 0;
   padding: 17px 10px 0 10px;
   text-align: center;
}


#kalkulacka .posuvnik_pozadi {
   background: url('img/slider_pozadi_small.png') no-repeat;
   background-position: center 6px;
   border: 0;
   width: 180px;
   margin: auto;
}
#kalkulacka .posuvnik {
   height: 18px;
   width: 160px;
   padding: 1px;
   position: relative;
   margin: 0 0 0 0;
   background: transparent;
}
#kalkulacka .ui-widget-content {
   border: 0;
   background: transparent;
}
#kalkulacka .ui-state-default, 
#kalkulacka .ui-widget-content .ui-state-default, 
#kalkulacka .ui-widget-header .ui-state-default {
   border: 0;
   background-position: bottom;
   width: 39px;
   height: 20px;
}
#kalkulacka .vice {
   text-align: right;
   padding: 8px 10px 0 0;
}

#fotogalerie {
   padding: 5px 0 0 5px;
}
#fotogalerie .fotka {
   width: 210px;
   height: 160px;
   float: left;
   border: 1px solid #dcdcdc;
   margin: 10px 0 0 15px;
   background-color: #f5f5f5;
}
#fotogalerie .fotka td {
   width: 210px;
   height: 165px;
   text-align: center;
   vertical-align: middle;
}
#fotogalerie .fotka td img {
   border: 1px solid #ebeaea;
}

#text {
   margin: 0;
   padding: 10px 20px 10px 20px;
}
#text p {
   margin: 0;
   padding: 10px 0 10px 0;
}

#text .kontakt_kontakt {
   padding: 10px 0 10px 0;
}
#text .kontakt_telefon {
   float: left;
   padding: 0 0 0 50px;
   font-size: 16px;
}
#text .kontakt_mail {
   float: left;
   padding: 0 0 0 150px;
   font-size: 16px;
}
#text .kontakt_mail a {
   font-size: 16px;
}
#text .kontakt_mail span,
#text .kontakt_telefon span {
   font-weight: bold;
}

#text .kontakt_developer {
   padding: 15px 0 10px 20px;
}

#paticka {
   padding: 15px 0 15px 0;
   text-align: center;
   bottom: 0;
   margin: 15px 0 0 0;
}
#paticka_text {
   text-align: center;
   padding: 10px 0 0 0;
   font-size: 12px;
   color: #969696;
}
#paticka_text a {
   color: #969696;
   text-decoration: none;
   font-size: 12px;
}
#paticka_text p {
   margin: 0;
   padding: 0 0 10px 0;
}

#cenik {
   padding: 15px 20px 15px 20px;
}
#cenik .radit_dle {
   padding: 0 0 5px 5px;
}
#cenik .radit_dle a {
   color: #0686ff;
}
#cenik .radit_dle a.oznacene {
   font-weight: bold;
   color: black;
   text-decoration: none;
}
#cenik .vypis a {
   text-decoration: none;
   color: black;
   z-index: 500;
}
#cenik .vypis .nadpis a {
   color: white;
}
#cenik .vypis .nadpis a.oznacene {
   font-weight: bold;
   text-decoration: none;
}
#cenik .vypis table {
   width: 100%;
}
#cenik .vypis td {
   padding: 7px 5px 7px 8px;
   vertical-align: middle;
   border-bottom: 1px solid white;
}
#cenik .vypis td img {
   vertical-align: middle;
}
#cenik .vypis td a.odkaz_radek {
   position: absolute;
   text-decoration: none;
   display: block;
   height: 25px;
   width: 655px;
   z-index: 100;
}
#cenik td.nadpis_podlazi {
   color: #343434;
   background-color: #bbbbbb;
   font-size: 11px;
   padding: 5px 5px 3px 8px;
   border-bottom: 1px solid #7d7d7d;
}
#cenik .vypis span {
   font-size: 11px;
}
#cenik .strankovani table {
   width: 100%;
}
#cenik .strankovani .stranky {
   text-align: center;
   color: #b9b9b9;
}
#cenik .strankovani {
   color: white;
   background-color: #414141;
}
#cenik .strankovani td {
   height: 30px;
   vertical-align: middle;
   font-size: 12px;
}
#cenik .strankovani .str_left,
#cenik .strankovani .str_right {
   width: 150px;
}
#cenik .strankovani .str_left a,
#cenik .strankovani .str_right a {
   text-decoration: none;
   color: white;
   font-size: 12px;
}
#cenik .strankovani .str_left {
   padding: 0 0 0 10px;
   text-align: left;
}
#cenik .strankovani .str_right {
   padding: 0 10px 0 0;
   text-align: right;
}
#cenik .cisla_stranek {
   text-align: center;
   padding: 5px 0 0 0;
}
#cenik .cisla_stranek a,
#cenik .cisla_stranek strong {
   padding: 0 3px 0 3px;
}

#detail {
   padding: 15px 0 15px 0;
}
#detail h2 {
   margin: 0;
   padding: 5px 20px 15px 20px;
   font-size: 20px;
   font-weight: normal;
}
#detail h2 img {
   float: right;
   padding: 2px 0 0 10px;
}
#detail .detail_left {
   float: left;
   width: 443px;
}
#detail .fotka_hlavni {
   width: 430px;
   height: 330px;
   border: 1px solid #bebebe;
   margin: 0 0 0 auto;
}
#detail .fotka_hlavni td {
   width: 430px;
   height: 330px;
   text-align: center;
   vertical-align: middle;
}
#detail .detail_right {
   float: right;
   width: 235px;
   margin: 0 20px 0 0;
}
#detail .detail_right .cena table {
   width: 100%;
   border: 1px solid #bebebe;
}
#detail .detail_right .cena .td_left {
   color: #0068be;
   font-size: 20px;
   padding: 5px 0 5px 10px;
}
#detail .detail_right .cena .td_right {
   text-align: right;
   font-size: 20px;
   padding: 5px 10px 5px 0;
}
#detail .detail_right .cena_poznamka {
   padding: 5px 5px 0 8px;
}

#detail .detail_right .parametry {
   padding: 12px 0 0 0;
}
#detail .detail_right .parametry table {
   width: 100%;
}
#detail .detail_right .parametry td {
   line-height: 22px;
}
#detail .detail_right .parametry .td_left {
   color: #0068be;
   padding: 5px 0 5px 10px;
}
#detail .detail_right .parametry .td_right {
   text-align: right;
   padding: 5px 10px 5px 0;
}
#detail .detail_popis {
   padding: 15px 20px 15px 20px;
   text-align: justify;
}
#detail .prohlidka {
   text-align: center;
   padding: 0 0 5px 0;
}
#detail .tisk {
   text-align: center;
   padding: 8px 0 0 0
}

#formular {
   border: 1px solid #d3d3d3;
   margin: 10px 10px 10px 10px;
   padding: 1px;
   background-repeat: repeat-x;
   background-position: top;
}
#formular .uvodni_text {
   padding: 0 0 30px 0;
   color: #818181;
   text-align: center;
   font-size: 15px;
}
#formular .formular_formular {
   padding: 25px 25px 20px 25px;
}
#formular_pozadi {
   background-repeat: no-repeat;
   background-position: 500px 0;
}
#formular .hlaska {
   color: red;
   font-weight: bold;
   text-align: center;
   padding: 0 0 30px 0;
}
#formular .td1 {
   padding: 5px 0 0 0;
   vertical-align: top;
   width: 160px;
}
#formular .td2 {
   padding: 0 0 5px 0;
}
#formular .td3 {
   padding: 0 0 5px 5px;
   vertical-align: middle;
}
#formular .td3 span span {
   font-size: 11px;
   font-weight: bold;
}
#formular .td2 input {
   width: 300px;
}
#formular .odeslat {
   text-align: center;
   padding: 0 0 15px 0;
}
#formular input {
   padding: 5px 0 5px 5px;
}
#formular textarea {
   width: 420px;
   height: 100px;
   vertical-align: top;
   padding: 5px;
}
#formular .formular_odeslan {
   text-align: center;
}
#formular img {
   vertical-align: middle;
}
#formular_uspesne_odeslan {
   text-align: center;
   font-weight: bold;
   padding: 20px 0 0 0;
}
#formular_uspesne_odeslan strong {
   color: #09b800;
   font-size: 18px;
}


/* slider specific CSS */
#detail .sliderGallery {
   overflow: hidden;
   position: relative;
   padding: 2px 10px 0 10px;
   height: 110px;
   width: 410px;
   margin: 5px 0 0 13px;
}
#detail .sliderGallery UL {
   position: absolute;
   list-style: none;
   overflow: none;
   white-space: nowrap;
   padding: 0;
   margin: 0;
}
#detail .sliderGallery UL LI {
   display: inline;
}
#detail .sliderGallery UL LI img {
   height: 70px;
   padding: 1px;
   border: 1px solid #bebebe;
   margin: 0 5px 0 0;
}
#detail .odsazeni {
   height: 83px;
}
#detail .zobrazit_fotky {
   text-align: center;
   padding: 5px 0 0 0;
}
#detail .zobrazit_fotky a {
   font-size: 12px;
}
#detail .slider_pozadi {
   background: url('img/slider_pozadi.png') no-repeat;
   background-position: center 6px;
   height: 18px;
   width: 400px;
   position: relative;
   margin: 0 0 0 10px;
}
#detail .slider {
   width: 370px;
   height: 18px;
   padding: 1px;
   background: transparent;
   margin: 0;
}
#detail .ui-widget-content {
   border: 0;
   background: transparent;
}
#detail .ui-state-default, 
#detail .ui-widget-content .ui-state-default, 
#detail .ui-widget-header .ui-state-default {
   border: 0;
   background-position: bottom;
   width: 39px;
   height: 20px;
   position: absolute;
}

#cenik .vyhledavani_zobrazit {
   border: 1px solid #d4d4d4;
   margin: 0 0 10px 0;
   padding: 1px;
}
#cenik .vyhledavani_zobrazit_stred {
   height: 44px;
   background-repeat: repeat-x;
   background-position: top;
   background-image: url('img/vyhledavani_zobrazit.png');
}
#cenik .vyhledavani_zobrazit a {
   line-height: 44px;
   padding: 0 0 0 15px;
   display: block;
   text-decoration: none;
   font-weight: bold;
   color: #018dff;
   font-size: 18px;
}
#cenik .vyhledavani_zobrazit img {
   vertical-align: middle;
   padding: 0 5px 0 0;
}

#cenik .vyhledavani {
   border: 1px solid #d4d4d4;
   margin: 0 0 10px 0;
   padding: 1px;
}
#cenik .vyhledavani_stred {
   background-repeat: repeat-x;
   background-position: top;
   background-image: url('img/vyhledavani.png');
   padding: 10px 20px 10px 20px;
}

#cenik .vyhledavani .td1 {
   color: #0686ff;
   font-weight: bold;
   width: 90px;
   vertical-align: top;
   padding: 5px 0 0 0;
}
#cenik .vyhledavani .td2 {
   padding: 5px 0 0 0;
}
#cenik div.polozka {
   float: left;
   padding: 0 15px 0 0;
}
#cenik div.polozka img {
   vertical-align: middle;
}
#cenik .vyhledavani .od {
   float: left;
   width: 370px;
   color: #0686ff;
   font-weight: bold;
   padding: 0 0 5px 0;
}
#cenik .vyhledavani .do {
   float: left;
   color: #0686ff;
   font-weight: bold;
   padding: 0 0 5px 0;
}
#cenik .vyhledavani span {
   color: black;
   font-size: 16px;
}
#cenik .posuvnik {
   padding: 5px 0 15px 0;
   width: 370px;
   margin: 0 0 0 20px;
}
#cenik .tlacitko_vyhledat {
   text-align: center;
   padding: 15px 0 0 0;
}
#cenik .tlacitko_vyhledat input {
   border: 0;
}

#upozorneni_akce {
   line-height: 35px;
   text-align: center;
   text-transform: uppercase;
   font-weight: bold;
   margin: 0 0 3px 0;
}

#mapka {
   width: 650px;
   height: 300px;
   padding: 1px;
   border: 3px solid #eaeaea;
   margin: 15px auto 10px auto;
}

#bannery_left .banner {
   padding: 10px 0 0 0;
   text-align: center;
}


#text,
#text p {
   line-height: 150%;
}

#text p {
   margin: 0;
   padding: 15px 0 15px 0;
}
#stred a{color:#0068be;}
#text div.text { width:308px;float:left;padding:0 0 0px 13px;line-height:25px;}
#text div.text.first,
#text div:first-child.text{padding-left:0; margin-right: 17px;}
#text h2{font-size:18px;line-height:21px;padding:10px 0 0 0;color:#0068be; margin: 0;}
#text .box{color:#0068be;width:308px;height:75px;margin:0 0 0px 0;}
#text .box h3.like-h2,
#text .box h2{height:60px;width:220px;display:table-cell;vertical-align:middle;font-weight:normal;font-size:16px;line-height:19px;font-style:italic;margin:0;padding:7px 0 0 0;color:#0068be;}
#text .box img{display:inline-block;float:left;margin:8px 15px 0 10px;width:59px;}
#text th,#stred td{vertical-align:top;text-align:left;}
#text .cleaner{clear:both;}
#text .nastred{padding-left:10px;}
#stred p.hledate { margin: 0; padding: 50px 20px 20px 20px;}
#text img {
   padding: 5px;
   border: 1px solid #e5e5e5;
}
img.bez_ohraniceni {
   border: 0 !important;
}
img.obrazek_doprava {
   float: right;
   margin: 0 0 0 10px;
}
img.obrazek_doleva {
   float: left;
   margin: 0 10px 0 0;
}

#hlavni_fotka {
   cursor: pointer;
}

#flash_video {
   background-color: white;
   padding: 0 0 10px 0;
}

#smluvni_podminky {
   padding: 0 20px 0 20px;
}
#smluvni_podminky span {
   float: left;
}
#smluvni_podminky p {
   float: right;
   width: 630px;
   margin: 0;
   padding: 0 0 15px 0;
}
#smluvni_podminky h2 {
   text-align: center;
}
#smluvni_podminky h3 {
   text-align: center;
}

.smluvni_podminky {
   text-align: center;
   padding: 10px 0 0 0;
}
