html,body {margin: 0; padding: 0;}

#pozadi.okna {}
#pozadi.potrubni_systemy {}

#stranka {}

#zahlavi {position: relative; display: block; height: 125px;}
#logo {padding-top: 25px; margin-left: 50px;}
#logo a img {border: 0;}
#zahlavi #logo img {margin-left: 15px; margin-top: 0px; border: 0;}
#logo_static {display: none;}
#slogan {position: absolute; top: 57px; left: 318px;}

.center {text-align: center;}
.right {text-align: right;}
.left {text-align: left;}
.tucne {font-weight: bold;}

/* HLAVNI MENU */
#hlavni_menu {display: none;}

/* BANER AKCE */
#baner_akce {display: none;}

/* BANERKY */
#banerky {display: none;}


/* PATICKA STRANKY */
#zapati {display: none;}

/* CLANKY */
#clanek {display: block; width: 986px; margin-top: 7px; border-top: 1px solid #000; border-bottom: 5px solid #000; font-family: Arial, Helvetica, sans-serif;}

#levy_sloupec {position: relative; float: left; display: block; width: 245px;}
#levy_sloupec #nazev {width: 245px; padding-top: 10px; padding-bottom: 10px; border-bottom: 2px solid #fff; border-top: 2px solid #fff;}
#levy_sloupec #nazev h1 {font-size: 14pt; padding-left: 20px; padding-right: 15px; margin: 0; font-weight: normal;}

#levy_sloupec #menu_podkapitoly {display: block; padding-bottom: 83px; }
#levy_sloupec #menu_podkapitoly ul {display: block; margin: 0; padding: 0;}
#levy_sloupec #menu_podkapitoly ul li {margin: 0; padding: 0; border-bottom: 2px dotted #fff; height: 41px; display: block;}
#levy_sloupec #menu_podkapitoly ul li.aktivni {display: block;}
#levy_sloupec #menu_podkapitoly ul li.aktivni a {background-color: #fff; color: #000;	font-weight: bold;}
#levy_sloupec #menu_podkapitoly ul li a {display: block; height: 31px; font-size: 12pt; color: #fff; text-decoration: none; padding-left: 20px; padding-top: 10px; background: transparent;}
#levy_sloupec #menu_podkapitoly ul li:hover {}	
#levy_sloupec #menu_podkapitoly ul li:hover a {background-color: #fff; color: #000; font-weight: bold;}	

#pravy_sloupec {position: relative; display: block; width: 741px; float: right; padding-bottom: 0px;} 
#pravy_sloupec h2 {clear: both; font-size: 1.25em; margin: 0; font-weight: normal; padding-top: 9px; padding-bottom: 9px; border-top: 2px solid #fff; padding-left: 20px; background: #e6e6e6; font-weight: bold;}
#pravy_sloupec h3 {font-size: 1.1em; font-weight: bold; padding-left: 20px; padding-right: 25px; padding-top: 5px; padding-bottom: 5px;}
#pravy_sloupec h4 {font-size: 0.9em; font-weight: bold; padding-left: 20px; padding-right: 25px; padding-top: 5px; padding-bottom: 0px; margin: 0;}
#pravy_sloupec h5 {font-size: 0.9em; font-weight: bold; padding-left: 20px; padding-right: 25px; padding-top: 5px; padding-bottom: 0px; margin: 0;}
#pravy_sloupec h6 {font-size: 0.9em; font-weight: bold; padding-left: 20px; padding-right: 25px; padding-top: 5px; padding-bottom: 0px; margin: 0;}
#pravy_sloupec .motiv {display: block; float: right; margin-left: 15px; margin-bottom: 10px; margin-top: 10px; margin-right: 25px; border: 1px solid #cacaca; width: 340px;}
#pravy_sloupec .motiv img {border: 0px;}
#pravy_sloupec p {margin-left: 20px; margin-right: 25px; margin-top: 10px; text-align: left; font-size: 0.8em;}
#pravy_sloupec a:hover {text-decoration: none;}
#pravy_sloupec ol {list-style: decimal; font-size: 0.8em; padding-right: 25px; text-align: left;}
#pravy_sloupec ol li {list-style-type: decimal; margin-bottom: 10px;}
#pravy_sloupec ul {list-style: decimal; font-size: 0.8em; padding-right: 25px; text-align: left;}
#pravy_sloupec ul li {margin-left: 20px; list-style-type: square; margin-bottom: 10px;}
#pravy_sloupec .obrazek_vlevo {margin-left: 15px; float: left; margin-right: 10px; margin-bottom: 10px; border: 1px solid #cacaca;}
#pravy_sloupec .obrazek_vpravo {margin-right: 25px; float: right; margin-left: 10px; margin-bottom: 10px; border: 1px solid #cacaca;}
#pravy_sloupec .obrazek_stred {margin-right: 25px; margin-left: 15px; text-align: center; margin-bottom: 10px; padding: 0; border: 1px solid #cacaca;}
#pravy_sloupec .obrazek_vlevo img {border: 0;}
#pravy_sloupec .obrazek_vpravo img {border: 0;}
#pravy_sloupec .obrazek_stred img {border: 0;}
#pravy_sloupec table {margin-left: 20px; margin-right: 25px; font-size: 0.8em; border: 0px solid #c9c9c9;}
#pravy_sloupec table tr {}
#pravy_sloupec table tr th {color: #fff; padding: 5px 5px 5px 5px;}
#pravy_sloupec table tr td {border: 0px solid #c9c9c9; padding: 5px 5px 5px 5px;}

#pravy_sloupec table.vzornik_vyplne_pramos {margin-left: 20px; margin-right: 25px; font-size: 0.8em; border: 1px solid #c9c9c9; padding: 10px 10px 10px 10px;}
#pravy_sloupec table.vzornik_vyplne_pramos tr {}
#pravy_sloupec table.vzornik_vyplne_pramos tr td {border: 0px; padding: 4px 4px 4px 4px;}

.produkty #pravy_sloupec a,.produkty #pravy_sloupec strong,.produkty #pravy_sloupec h3 {color: #225f95;}
.produkty #pravy_sloupec table tr th {background-color: #225f95;}
.sluzby #pravy_sloupec a,.sluzby #pravy_sloupec strong,.sluzby #pravy_sloupec h3 {color: #225f95;}
.sluzby #pravy_sloupec table tr th {background-color: #225f95;}
.reference #pravy_sloupec a,.reference #pravy_sloupec strong,.reference #pravy_sloupec h3 {color: #ee9311;}
.reference #pravy_sloupec table tr th {background-color: #ee9311;}
.o_firme #pravy_sloupec a,.o_firme #pravy_sloupec strong,.o_firme #pravy_sloupec h3 {color: #656565;}
.o_firme #pravy_sloupec table tr th {background-color: #656565;}
.kalkulace #pravy_sloupec strong,.kalkulace #pravy_sloupec h3 {color: #e00022;}
.kalkulace #pravy_sloupec table tr th {background-color: #e00022;}
.kalkulace #pravy_sloupec p a {color: #e00022;}
.ke_stazeni #pravy_sloupec a,.ke_stazeni #pravy_sloupec strong,.ke_stazeni #pravy_sloupec h3 {color: #225f95;}
.ke_stazeni #pravy_sloupec table tr th {background-color: #225f95;}
.kontakty #pravy_sloupec a,.kotnakty #pravy_sloupec strong,.kontakty #pravy_sloupec h3 {color: #656565;}
.kontakty #pravy_sloupec table tr th {background-color: #656565;}
.kontakty #pravy_sloupec table tr td {padding: 1px 1px 1px 0px;}
.kontakty #pravy_sloupec #detail_kancelare .motiv {width: 410px;}
.novinky #pravy_sloupec a,.novinky #pravy_sloupec strong,.novinky #pravy_sloupec h3 {color: #4e9437;}
.novinky #pravy_sloupec table tr th {background-color: #4e9437;}
.novinky #pravy_sloupec hr {clear: both; border: 1px solid #fff;}
.prodej #pravy_sloupec a,.o_firme #pravy_sloupec strong,.o_firme #pravy_sloupec h3 {color: #656565;}
.prodej #pravy_sloupec table tr th {background-color: #656565;}
.ceniky #pravy_sloupec a,.ceniky #pravy_sloupec strong,.ceniky #pravy_sloupec h3 {color: #e00022;}
.ceniky #pravy_sloupec table tr th {background-color: #e00022;}

.reference #pravy_sloupec #foto {width: 740px; height: 420px; text-align: center; padding-top: 40px;}
.reference #pravy_sloupec #foto img#pole_foto {margin: 0; padding: 0; border: 0;}
.reference #pravy_sloupec #foto #pole_popisek_fota {font-size: 0.75em; padding-top: 15px;}
.reference #pravy_sloupec #foto #pole_popisek_fota span {color: #f29812; background: transparent;}
.reference #pravy_sloupec #nahledy {display: none;}

.kontakty #pravy_sloupec #nahledy {display: none;}
                                                                                    
#navigace {display: none;}


#aplikace_vzornik {clear: both; display: block; height: 480px; padding-bottom: 15px;}
#aplikace_vzornik img {float: right;}
#aplikace_vzornik table {margin-left: 22px; margin-top: 35px; padding-top: 35px; width: 432px; border: 0;}
#aplikace_vzornik table tr td {text-align: center; font-size: 7.5pt; width: 108px; border: 0; margin: 0; padding: 0;}
#aplikace_vzornik table tr td a img {border: 0;}

#aplikace_kovani {clear: both; display: block; background-color: #fff; padding-bottom: 10px; padding-top: 0px; margin-bottom: 15px; margin-top: 0px;}
#aplikace_kovani #nahled {float: right; width: 230px; height: 400px; background-image: url("../include/aplikace/kovani/pozadi.jpg"); margin-left: 15px;}
#aplikace_kovani p {font-size: 0.8em; padding-top: 15px; margin-top: 0px;}

#aplikace_cleneni table {width: 700px; padding-top: 10px; padding-bottom: 20px; margin: 0; margin-bottom: 20px; margin-left: 20px; border: 0;}
#aplikace_cleneni table tr td {text-align: center; font-size: 0.8em; border: 0;}

#aplikace_reklamacni_formular input {padding: 4px 4px 4px 4px; border: 1px solid #cacaca;}
#aplikace_reklamacni_formular table.kontaktni_udaje tr td {padding: 3px 3px 3px 0px;}
#aplikace_reklamacni_formular table.reklamovana_polozka tr td {padding: 3px 3px 3px 0px;}
#aplikace_reklamacni_formular input#pole_cislo_smlouvy {width: 75px;}
#aplikace_reklamacni_formular input#pole_jmeno {width: 250px;}
#aplikace_reklamacni_formular input#pole_prijmeni {width: 250px;}
#aplikace_reklamacni_formular input#pole_misto_realizace {width: 250px;}
#aplikace_reklamacni_formular input#pole_telefon {width: 150px;}
#aplikace_reklamacni_formular input#pole_mail {width: 250px;}
#aplikace_reklamacni_formular input#pole_cislo_polozky {width: 30px; text-align: center;}
#aplikace_reklamacni_formular textarea#pole_popis_zavady {width: 400px; height: 75px; font-family: Arial, Helvetica, sans-serif; border: 1px solid #cacaca; padding: 4px 4px 4px 4px;}
#aplikace_reklamacni_formular button#tlacitko_pridat_polozku {height: 40px; color: #fff; background-color: #000; background-image: url("../include/aplikace/kalkulace-zakazky/tlacitko.jpg"); border: 0px; font-weight: bold; float: right; margin-right: 25px; margin-bottom: 20px; margin-top: 15px; width: auto;}
#aplikace_reklamacni_formular h3 {clear: both;}
#aplikace_reklamacni_formular table.vypis_polozek_k_reklamaci tr td {border: 1px solid #cacaca; margin: 0; padding: 5px 5px 5px 5px;}
#aplikace_reklamacni_formular table.vypis_polozek_k_reklamaci {border-collapse: collapse; width: 695px; margin-bottom: 15px;}
#navigace_reklamace {display: none;}

#aplikace_vypocet_uspor input {padding: 4px 4px 4px 4px; border: 1px solid #cacaca;}
#aplikace_vypocet_uspor select {padding: 4px 4px 4px 4px; border: 1px solid #cacaca;}
#aplikace_vypocet_uspor input#pole_uspora {padding: 4px 4px 4px 4px; text-align: right; border: 1px solid #cacaca; font-size: 1.4em;}

#mapa_pobocek {display: none;}

#mapa_kraje {display: none;}

#mapa_prodejnich_mist {display: none;}

iframe.video {display: none;}

#aplikace_kalkulace_zakazky img#nahled_okna {display: block; float: right; margin-left: 15px; margin-top: 5px; margin-right: 5px;border: 1px solid #cacaca;}
#aplikace_kalkulace_zakazky input {padding: 4px 4px 4px 4px; border: 1px solid #cacaca; font-family: Verdana; font-weight: bold;}
#aplikace_kalkulace_zakazky select {padding: 4px 4px 4px 4px; border: 1px solid #cacaca; font-family: Verdana; font-weight: bold;}
#aplikace_kalkulace_zakazky input#pole_poznamka {padding: 4px 4px 4px 4px; border: 1px solid #cacaca; font-family: Verdana; font-weight: bold; width: 550px;}
#aplikace_kalkulace_zakazky input#pole_b {width: 40px; text-align: center;}
#aplikace_kalkulace_zakazky input#pole_h {width: 40px; text-align: center;}
#aplikace_kalkulace_zakazky input#pole_b1 {width: 40px; text-align: center;}
#aplikace_kalkulace_zakazky input#pole_h1 {width: 40px; text-align: center;}
#aplikace_kalkulace_zakazky input#pole_pocet {width: 30px; text-align: center;}
#aplikace_kalkulace_zakazky input#pole_vypln {width: 250px;}
#aplikace_kalkulace_zakazky table.parametry_okna {margin-left: 5px; margin-right: 5px;}
#aplikace_kalkulace_zakazky table.parametry_okna tr td {padding: 3px 3px 3px 0px;}
#aplikace_kalkulace_zakazky table.parametry_okna tr td img {margin: 0; padding: 0; border: 0; margin-bottom: 0; }
#aplikace_kalkulace_zakazky h3 {clear: both;}
#aplikace_kalkulace_zakazky #hlaska p {font-weight: bold; padding: 0; margin: 0;}
#aplikace_kalkulace_zakazky #hlaska1 p {font-weight: bold; padding: 0; margin: 0;}
#aplikace_kalkulace_zakazky #hlaska2 p {font-weight: bold; padding: 0; margin: 0;}
#aplikace_kalkulace_zakazky table.vypis_polozek_ke_kalkulaci {border-collapse: collapse; width: 695px; margin: 0px 0px 15px 20px; padding: 0;}
#aplikace_kalkulace_zakazky table.vypis_polozek_ke_kalkulaci tr {margin: 0; padding: 0;}
#aplikace_kalkulace_zakazky table.vypis_polozek_ke_kalkulaci tr td {border: 1px solid #cacaca; margin: 0; padding: 5px 5px 5px 5px;}
#aplikace_kalkulace_zakazky table.vypis_polozek_ke_kalkulaci tr td a {color: #d21e1f;}
#aplikace_kalkulace_zakazky table.vypis_polozek_ke_kalkulaci tr td a:hover {text-decoration: none;}
#aplikace_kalkulace_zakazky table.typy_oken {margin: 0px; padding: 0;}
#aplikace_kalkulace_zakazky table.typy_oken tr {padding: 0; margin: 0;}
#aplikace_kalkulace_zakazky table.typy_oken tr td {text-align: center; padding: 1px; }
#aplikace_kalkulace_zakazky table.typy_oken tr td img {border: 1px solid #cacaca; margin: 0px;}
#aplikace_kalkulace_zakazky table.kontaktni_udaje tr td {padding: 3px 3px 3px 0px;}
#aplikace_kalkulace_zakazky input#pole_jmeno {width: 250px;}
#aplikace_kalkulace_zakazky input#pole_prijmeni {width: 250px;}
#aplikace_kalkulace_zakazky input#pole_ulice {width: 250px;}
#aplikace_kalkulace_zakazky input#pole_cp {width: 40px; text-align: center;}
#aplikace_kalkulace_zakazky input#pole_co {width: 40px; text-align: center;}
#aplikace_kalkulace_zakazky input#pole_obec {width: 250px;}
#aplikace_kalkulace_zakazky input#pole_psc {width: 50px;}
#aplikace_kalkulace_zakazky input#pole_telefon {width: 150px;}
#aplikace_kalkulace_zakazky input#pole_mail {width: 250px;}
#aplikace_kalkulace_zakazky table.dobrovolny_dotaznik {}
#aplikace_kalkulace_zakazky table.dobrovolny_dotaznik tr td {padding: 3px 3px 3px 0px;}
#aplikace_kalkulace_zakazky table.dobrovolny_dotaznik tr td select {width: 200px; margin-right: 2px;}
#aplikace_kalkulace_zakazky input#pole_otazka1 {width: 437px;}
#aplikace_kalkulace_zakazky input#pole_otazka2 {width: 437px;}
#aplikace_kalkulace_zakazky input#pole_otazka3 {width: 630px;}
#aplikace_kalkulace_zakazky input#pole_otazka4 {width: 630px;}
#aplikace_kalkulace_zakazky input#pole_otazka5 {width: 437px;}
#aplikace_kalkulace_zakazky table.poznamka {margin-bottom: 15px; }
#aplikace_kalkulace_zakazky textarea#pole_poznamka {width: 660px; height: 100px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; border: 1px solid #cacaca; padding: 4px 4px 4px 4px;}
#aplikace_kalkulace_zakazky select#pole_cleneni {width: 120px;}
#aplikace_kalkulace_zakazky select#pole_barva_interier {width: 180px;}
#aplikace_kalkulace_zakazky select#pole_barva_exterier {width: 180px;}
#aplikace_kalkulace_zakazky select#pole_material {width: 100px;}
#aplikace_kalkulace_zakazky select#pole_sklo {width: 200px;}
#aplikace_kalkulace_zakazky select#pole_sklo_vlastnosti {width: 220px;}
#aplikace_kalkulace_zakazky select#pole_klika {width: 200px;}
#aplikace_kalkulace_zakazky select#pole_vypln_pramos {width: 120px;}
#aplikace_kalkulace_zakazky select#pole_parapet_vnejsi_hloubka {width: 100px;}
#aplikace_kalkulace_zakazky select#pole_parapet_vnitrni_hloubka {width: 100px;}
#aplikace_kalkulace_zakazky select#pole_site_umisteni {width: 110px;}
#aplikace_kalkulace_zakazky select#pole_pobocka {width: 280px;}
#aplikace_kalkulace_zakazky select#pole_typ_stavby {width: 280px;}
#aplikace_kalkulace_zakazky select#pole_typ_zapraveni {width: 260px;}

#aplikace_kalkulace_zakazky p a {color: #d21e1f;}
#aplikace_kalkulace_zakazky p a:hover {text-decoration: none;}

#aplikace_kalkulace_zakazky div#zalozky {position: relative; margin: 0 15px 0 20px; padding: 0 10px 0 0; display: block;}
#aplikace_kalkulace_zakazky div#zalozky ul {margin: 0 0 0 10px; padding: 0px 0px 0px 0px;}
#aplikace_kalkulace_zakazky div#zalozky ul li {float: left; list-style: none; margin: 0px;}
#aplikace_kalkulace_zakazky div#zalozky ul li a {color: #d21e1f; padding: 5px 10px 5px 10px; float: left; margin-right: 4px; text-decoration: none; border-left: 1px solid #d21e1f; border-top: 1px solid #d21e1f; border-right: 1px solid #d21e1f; display: block;}
#aplikace_kalkulace_zakazky div#zalozky ul li a:hover {text-decoration: underline;}
#aplikace_kalkulace_zakazky div#zalozky ul li a.neaktivni {border-bottom: 1px solid #fff;} 
#aplikace_kalkulace_zakazky div#zalozky ul li a.aktivni {border-bottom: 1px solid #d21e1f; color: #fff; background-color: #d21e1f;}
#aplikace_kalkulace_zakazky div.popisek_karty {font-size: 0.8em; padding: 5px 10px 5px 10px; float: left; margin-left: 30px; margin-right: 2px; text-decoration: none; border-left: 1px solid #d21e1f; border-top: 1px solid #d21e1f; border-right: 1px solid #d21e1f;border-bottom: 1px solid #d21e1f; color: #fff; background-color: #d21e1f;}
#aplikace_kalkulace_zakazky div.karta {clear: both; display: block; border: 1px solid #d21e1f; padding: 10px 10px 10px 10px; margin-left: 20px; margin-right: 20px; margin-bottom: 20px;}
#aplikace_kalkulace_zakazky div.karta table {margin: 0; padding: 0;}
#aplikace_kalkulace_zakazky div.karta button#tlacitko_pridat_polozku {height: 40px; color: #fff; background-color: #000; background-image: url("../include/aplikace/kalkulace-zakazky/tlacitko.jpg"); border: 0px ; font-weight: bold; width: auto; padding-left: 20px; padding-right: 20px; margin-right: 5px;}
#aplikace_kalkulace_zakazky div.karta button#tlacitko_zpet_vyber_typu_okna {height: 40px; color: #fff; background-color: #000; background-image: url("../include/aplikace/kalkulace-zakazky/tlacitko.jpg"); border: 0px ; font-weight: bold; width: auto; padding-left: 20px; padding-right: 20px;}

#navigace_kalkulace {display: none;}

.cela_sirka {width: 100%;}
.chyba {position: relative; clear: both; display: none; border: 1px solid #d21e1f; padding: 10px 10px 10px 10px; margin-bottom: 10px; font-family: Arial, Helvetica, sans-serif;}
.skryty {display: none;}
.red_odkaz {color: #d21e1f;}

#baner {position: relative;}
#pole_baner {position: absolute; top: 0px; left: 0px; z-index: 500;}
#pole_baner_predchozi {position: absolute; top: 0px; left: 0px; z-index: 600;}

ul.poptavka_rozcestnik {list-style: none;	margin: 0 0 0 0; padding: 0;}
ul.poptavka_rozcestnik li {float: left; display: block; margin-left: 0px; margin-right: 5px; padding: 0; width: 210px;}
ul.poptavka_rozcestnik li a {display: block; color: #fff; padding: 10px 10px 10px 10px; background-color: #000; background-image: url("../include/aplikace/kalkulace-zakazky/tlacitko.jpg"); background-position: top; background-repeat: repeat-x; width: 200px; text-decoration: none; font-weight: bold; text-align: center; font-size: 1.3em; height: 37px;}