html,body {padding: 0; margin: 0;}
a {outline: 0;}
a img {border: 0;}

*,*:focus,*:hover{outline:none;}

#chtl-chat-icon-container {z-index: 9999 !important;}
.chtl-hovering-message-container {font-family: 'Open Sans', sans-serif;}

#obal {position: relative; display: block; width: 1099px; padding: 0 20px 0 20px; margin: 0 auto;}
#stranka {position: relative; display: block; width: 1099px; padding: 0; margin: 0; font-family: 'Open Sans', sans-serif;}

header {position: relative; display: block; height: 125px;}
header #logo {position: absolute; left: 0px; top: 30px;}
header #slogan {font-family: "Fira Sans Extra Condensed", Arial, Helvetica, sans-serif; position: absolute; left: 250px; top: 37px; font-size: 40px; font-weight: 300;}
header #hledani {position: absolute; right: 230px; top: 40px; display: block; width: 320px; height: 40px;}
header #hledani input {position: relative; display: block; float: left; width: 220px; height: 40px; box-sizing: border-box; border: 1px solid #e4f0fc; background-color: #f0f6fc; font-size: 14px; padding-left: 30px; background-image: url("../images/layout/lupa.png"); background-repeat: no-repeat;}
header #hledani button {font-family: 'Raleway', sans-serif; position: relative; display: block; float: right; width: 100px; height: 40px; box-sizing: border-box; font-size: 14px; text-transform: uppercase; color: #fff; border: 1px solid #034a82; background-color: #034a82; font-weight: 700;}
header #hledani button:hover {background-color: #82d0f5; border-color: #82d0f5; color: #034a82;}
header #kosik {position: absolute; right: 0px; top: 40px; display: block; width: 220px; height: 40px;}
header #kosik a {font-family: 'Raleway', sans-serif; position: relative; display: block; width: 220px; height: 40px; box-sizing: border-box; font-size: 14px; line-height: 38px; text-decoration: none; text-align: center; text-transform: uppercase; color: #fff; border: 1px solid #88b62d; background-color: #88b62d; font-weight: 600;}
header #kosik a:hover {background-color: #fff; color: #000;}
header #kosik a .pocet-polozek {font-family: 'Open Sans', sans-serif; position: absolute; top: -15px; right: -15px; min-width: 30px; line-height: 30px; font-size: 14px; font-weight: 700; text-align: center; box-sizing: border-box; padding-left: 5px; padding-right: 5px; color: #fff; border: 1px solid #034a82; background-color: #034a82; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}

#hlavni-menu {position: relative; display: block; height: 55px; z-index: 5000;}
#hlavni-menu .sub1 {position: relative; display: block; float: left; line-height: 15px; background-color: #ffffff; border-right: 1px solid #cccccc; padding: 0 20px 0 20px;}
#hlavni-menu .sub1:last-child {border-right: 0px;}
#hlavni-menu .sub1a {font-size: 15px; color: #000000; text-decoration: none; text-transform: uppercase; font-family: 'Raleway', sans-serif; font-weight: 700; border-bottom: 8px solid #ffffff; margin-bottom: -8px;}
#hlavni-menu .parent:hover .sub1a {border-color: #034a82;}
#hlavni-menu .parent .sub1a {background-image: url("../images/layout/vice.png"); background-repeat: no-repeat; background-position: right center; padding-right: 11px;}
#hlavni-menu .parent:hover > ul {position: absolute; display: block;}
#hlavni-menu .child {display: none; position: absolute; margin-top: 9px; border: 1px solid #e4f0fc; border-top: 0px; margin-left: -1px;}
#hlavni-menu .child li {width: 200px; background-color: #f0f6fc;}
#hlavni-menu .child li a {height: 40px; display: block; color: #034a82; line-height: 40px; padding: 0 10px 0 10px; font-size: 16px; font-weight: 400; text-decoration: none;}
#hlavni-menu .child li a:hover {background-color: #034a82; color: #ffffff; font-weight: 600;}
#hlavni-menu ul {list-style: none; margin: 0; padding: 0px; min-width: 10px;}
#hlavni-menu ul ul ul {width: 100%; top: 0; margin-left: 1px;}

#obsah {position: relative; display: block;}

#obsah h1 {font-family: 'Raleway', sans-serif; font-size: 21px; text-transform: uppercase; margin: 0; padding: 28px 28px 10px 28px; line-height: 21px; background-color: #f0f6fc; font-weight: 700;}
#obsah .h1-info {font-size: 14px; line-height: 21px; padding: 0 28px 28px 28px; background-color: #f0f6fc; margin: 0 0 20px 0;}
#obsah .odeslano-info {padding: 0 28px 8px 28px; background-color: #f0f6fc; margin: 0 0 20px 0;}
#obsah .odeslano-info p {font-size: 14px; line-height: 21px; padding: 0; margin: 0 0 20px 0;}
#obsah .odeslano-info p strong {font-weight: 700;}

#obsah h2 {clear: both; font-family: 'Raleway', sans-serif; font-size: 20px; margin: 0 0 10px 0; padding: 0; line-height: 31px; font-weight: 700;}
#obsah p a {color: #446c96;}
#obsah p a:hover {color: #008fff;}

.obsah-levy-sloupec {position: relative; display: block; float: left; width: 744px;}
.obsah-pravy-sloupec {display: block; float: right; width: 355px; text-align: center;}
.obsah-sloupec {position: relative; display: block; float: left; width: 100%;}

#nakresObal {position: relative;}
#nakresObal #loader {position: absolute; top: 134px; left: 161px;}

.nakres-info {position: relative; display: block; font-size: 14px; line-height: 14px; padding: 20px 20px 20px 20px; background-color: #f0f6fc; margin-bottom: 12px;}
.nakres-info strong {color: #004a83; font-weight: 700;}
.prilohy-info {position: relative; display: block; font-size: 14px; line-height: 21px; padding: 20px 20px 20px 20px; background-color: #f0f6fc; margin-bottom: 5px; margin-top: 0;}
.prilohy-info strong {color: #004a83; font-weight: 700;}

.kosik {margin: 0; padding: 0;}
.kosik fieldset {position: relative; border: 1px solid #95d6f6; margin: 0; padding: 15px 330px 15px 15px;}
.kosik fieldset a#kosik-pokracovat {font-family: 'Raleway', sans-serif; position: absolute; right: 30px; margin-top: 25px; display: block; width: 280px; height: 40px; box-sizing: border-box; font-size: 14px; line-height: 38px; text-decoration: none; text-align: center; text-transform: uppercase; color: #fff; border: 1px solid #88b62d; background-color: #88b62d; font-weight: 600;}
.kosik fieldset a#kosik-pokracovat:hover {background-color: #fff; color: #000;}
.kosik legend {padding: 0 15px 0 15px; font-size: 14px; color: #004a83;}
.kosik ul.kosik-vypis {position: relative; display: block; margin: 0; padding: 0; list-style: none;}
.kosik ul.kosik-vypis li {position: relative; display: block; float: left; margin-left: 15px; margin-right: 20px;}
.kosik ul.kosik-vypis li .pocet-ks {position: absolute; top: 35px; right: -15px; min-width: 30px; line-height: 30px; font-size: 14px; text-align: center; box-sizing: border-box; padding-left: 5px; padding-right: 5px; color: #fff; border: 1px solid #034a82; background-color: #034a82; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; font-weight: 700;}
.kosik ul.kosik-vypis li .kosik-polozka-detail {position: absolute; z-index: 5000; left: 40px; top: -80px; width: 310px; min-height: 300px; overflow: hidden; padding: 15px 15px 15px 15px; background: #fff; border: 5px solid #f0f6fc; box-shadow: 0px 0px 5px #888888; display: none;}
.kosik ul.kosik-vypis li .kosik-polozka-detail .pocet {position: relative; float: left; min-width: 30px; line-height: 30px; font-size: 14px; text-align: center; box-sizing: border-box; padding-left: 5px; padding-right: 5px; margin-right: 10px; color: #fff; border: 1px solid #034a82; background-color: #034a82; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; font-weight: 700;}
.kosik ul.kosik-vypis li .kosik-polozka-detail .nadpis {position: relative; display: block; line-height: 21px; font-size: 14px; color: #034a82; font-weight: 700; padding-top: 4px;}
.kosik ul.kosik-vypis li .kosik-polozka-detail .podnadpis {position: relative; display: block; line-height: 21px; font-size: 14px; color: #034a82; font-weight: 400; padding-bottom: 5px;}
.kosik ul.kosik-vypis li .kosik-polozka-detail .nahled {clear: both; position: relative; display: block; width: 200px; height: 167px; overflow: hidden; margin: 0 55px 0 55px;}
.kosik ul.kosik-vypis li .kosik-polozka-detail .nahled .loader {position: absolute; left: 83px; top: 66px;}
.kosik ul.kosik-vypis li .kosik-polozka-detail .nahled .nakres {position: absolute; left: 0px; top: 0px;}
.kosik ul.kosik-vypis li .kosik-polozka-detail .parametr {width: 60px; font-size: 12px; font-weight: 700; vertical-align: top;}
.kosik ul.kosik-vypis li .kosik-polozka-detail .hodnota {font-size: 12px; vertical-align: middle; }
.kosik ul.kosik-vypis li .kosik-polozka-detail .poznamka {font-size: 12px;}
.kosik ul.kosik-vypis li .kosik-polozka-detail .tlacitko {font-family: 'Raleway', sans-serif; height: 40px; box-sizing: border-box; font-size: 14px; line-height: 40px; text-transform: uppercase; float: left; margin-top: 20px; font-weight: 700;}
.kosik ul.kosik-vypis li .kosik-polozka-detail .tlacitko-editovat {border: 1px solid #034a82; background-color: #034a82; color: #fff; width: 180px; margin-right: 10px;}
.kosik ul.kosik-vypis li .kosik-polozka-detail .tlacitko-editovat:hover {background-color: #82d0f5; border-color: #82d0f5; color: #034a82;}
.kosik ul.kosik-vypis li .kosik-polozka-detail .tlacitko-odstranit {border: 1px solid #b72525; background-color: #b72525; color: #fff; width: 120px;}
.kosik ul.kosik-vypis li .kosik-polozka-detail .tlacitko-odstranit:hover {background-color: #fff; color: #000;}
	
.uvod {}
.uvod .kosik {margin-bottom: 35px;}
.uvod ul.rozcestnik {margin: 0; padding: 0; list-style: none;}
.uvod ul.rozcestnik li {position: relative; float: left; display: block; margin-right: 17px; text-align: center; padding-bottom: 20px;}
.uvod ul.rozcestnik li:last-child {margin-right: 0px;}
.uvod ul.rozcestnik li a {position: relative; display: block; width: 355px; height: 270px; box-sizing: border-box; text-align: center; color: #fff; text-decoration: none; margin-bottom: 20px;}
.uvod ul.rozcestnik li a img {display: block; float: none; margin: 45px auto 25px auto;}
.uvod ul.rozcestnik li a .nadpis {display: inline-block; text-transform: uppercase; font-size: 20px; line-height: 30px; font-weight: 700;}
.uvod ul.rozcestnik li a .info {display: inline-block; font-size: 14px; padding-left: 20px; padding-right: 20px; padding-top: 15px; font-weight: 400;}
.uvod ul.rozcestnik li.rozcestnik-poptavka a {background-color: #88b62d; border: 2px solid #88b62d;}
.uvod ul.rozcestnik li.rozcestnik-kontakt a {background-color: #034a82; border: 2px solid #034a82;}
.uvod ul.rozcestnik li.rozcestnik-zamereni a {background-color: #82cff5; border: 2px solid #82cff5;}

.uvod ul.cta {margin: 0; padding: 0; list-style: none;}
.uvod ul.cta li {position: relative; float: left; display: block; width: 355px; height: 170px; text-align: center; background-color: #f0f6fc; margin-right: 17px;}
.uvod ul.cta li:last-child {margin-right: 0px;}
.uvod ul.cta li a {display: block; width: 355px; height: 170px;}
.uvod ul.cta li .obrazek {position: relative; display: inline-block; padding-top: 30px; width: 100%; height: 45px; padding-bottom: 20px;}
.uvod ul.cta li .titulek {position: relative; display: inline-block; width: 100%; color: #034a82; font-size: 18px; font-weight: 800;}
.uvod ul.cta li .popis {position: relative; display: inline-block; width: 100%; color: #000; font-size: 13px; font-weight: 400;}


.table {display: table; margin-bottom: 15px;}
.row {display: table-row;}
.cell {display: table-cell; padding: 2px 0 2px 0;}

.blok-h3 {clear: both; border-top: 1px solid #95d6f6; border-left: 1px solid #95d6f6; border-right: 1px solid #95d6f6; margin: -1px 0 0 0; height: 55px; line-height: 55px; padding: 0 20px 0 20px; font-size: 19px; font-weight: 700; background-color: #f0f6fc; color: #004a83;}
.blok-h3 img.nova_zelena_usporam {margin-left: 15px;}
.blok {position: relative; display: block; border: 1px solid #95d6f6; padding: 20px 20px 20px 20px;}

.blok #nahledProfilObal {position: relative; float: left; border: 0; width: 150px; height: 150px; display: block; margin: 0 20px 0 0;}
.blok #nahledProfilObal img#loader {position: absolute; top: 59px; left: 59px;}

.blok table {}
.blok table tr {}
.blok table tr th {text-align: left;}
.blok table tr th label {font-size: 14px; font-weight: 700; line-height: 50px; color: #3f3f3f; padding-right: 30px;}
.blok table tr th label.dalsi-rozmery {font-weight: 400;}
.blok table tr td {font-size: 14px; font-weight: 400; color: #004a83; padding-right: 10px; height: 50px;}
.rozmery table tr th {min-width: 150px;}
.blok .nadpis-pozice {font-family: 'Raleway', sans-serif; font-size: 20px; font-weight: 400; color: #004a83; line-height: 50px;}
.blok h4 {font-size: 19px; font-weight: 400; color: #004a83; line-height: 50px; margin: 0; padding: 0;}
.blok p {font-size: 14px;}
.blok input {font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 400; color: #000; border: 1px solid #95d6f6; padding: 10px 10px 10px 10px;}
.blok textarea {font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 400; color: #000; border: 1px solid #95d6f6; padding: 10px 10px 10px 10px;}

input.rozmery {width: 35px; text-align: right;}
input.pocet {width: 40px; text-align: center;}
input.uliceMontaze {width: 300px; text-align: left;}
input.pscMontaze {width: 55px; text-align: left;}
input.mestoMontaze {width: 300px; text-align: left;}
input.jmeno {width: 300px;}
input.prijmeni {width: 300px;}
input.ulice {width: 300px;}
input.cp {width: 45px; text-align: center;}
input.co {width: 45px; text-align: center;}
input.mesto {width: 300px;}
input.psc {width: 55px;}
input.telefon {width: 170px;}
input.mail {width: 300px;}

select.cleneni {width: 250px;}
select.barva {width: 350px;}
select.sklo1 {width: 270px;}
select.sklo2 {width: 270px;}
select.klika {width: 300px;}
select.parapetHloubka {width: 100px;}
select.parapetBarva {width: 170px;}
select.zaluzieBarva {width: 200px;}
select.typStavby {width: 200px;}
select.typRamu {width: 350px;}
select.terminRealizace {width: 400px;}
select.pobocka {width: 300px}
select.otazka1{width: 250px;}
select.statMontaze {width: 250px; text-align: left;}
select.stat {width: 250px; text-align: left;}

textarea#poznamka {width: 500px; height: 100px;}
.blok-zamereni-poznamka textarea#poznamka {width: 1035px; height: 100px;}
.blok-kontakt-poznamka textarea#poznamka {width: 1035px; height: 200px;}

.tlacitka_zpet_dalsi {position: relative; display: block; padding: 20px 0 20px 0;}
.tlacitka_zpet_dalsi .tlacitko-dalsi {font-family: 'Raleway', sans-serif; position: relative; float: right; line-height: 40px; box-sizing: border-box; font-size: 14px; text-transform: uppercase; color: #fff; border: 1px solid #034a82; background-color: #034a82; padding: 0 20px 0 20px; font-weight: 700; text-decoration: none;}
.tlacitka_zpet_dalsi .tlacitko-dalsi:hover {background-color: #82d0f5; border-color: #82d0f5; color: #034a82;}
.tlacitka_zpet_dalsi .tlacitko-zpet {font-family: 'Open Sans', sans-serif; color: #004a83; text-decoration: none; font-size: 14px; line-height: 40px;}
.tlacitka_zpet_dalsi .tlacitko-zpet:hover {color: #008fff;}
.tlacitka_zpet_dalsi .tlacitko-pokracovat {font-family: 'Raleway', sans-serif; position: relative; float: right; line-height: 40px; box-sizing: border-box; font-size: 14px; text-transform: uppercase; color: #fff;border: 1px solid #88b62d; background-color: #88b62d; font-weight: 600; padding: 0 20px 0 20px; font-weight: 700; text-decoration: none;}
.tlacitka_zpet_dalsi .tlacitko-pokracovat:hover {background-color: #fff; color: #000;}

a.napoveda span {position: relative; font-size: 14px; font-weight: normal; text-align: left; z-index: 300;} 
a.napoveda span span {display: block; position: absolute; visibility: hidden; top: 8px; left: 8px; width: 320px; color: #004a83; background-color: #f0f6fc; border: 1px solid #95d6f6; padding: 10px 10px 10px 10px;} 
a.napoveda:hover span span {visibility: visible;} 
a.napoveda {font-weight: bold; cursor: help; color: black; text-decoration: none;}
a.napoveda img {border: 0;} 
a.napoveda:hover {background: #fff;}

div.validace_text {position: relative; width: auto; height: 26px; line-height: 26px; padding: 0px 5px 0px 8px; font-size: 14px; text-align: left; color: #8b2d2d; background: #fcf0f0; border: 0px none #fcf0f0; border-radius: 0px 3.2px 3.2px 0px; box-shadow: inset -4px 0px 4px #fcf0f0; z-index: 100; margin-left: 10px;}
div.validace_text:after {content: ""; position: absolute; width: 0; height: 0; border-width: 14px; border-style: solid; border-color: transparent #fcf0f0 transparent transparent; top: 0px; left: -25px; z-index: 100;}

ul.kroky {position: relative; display: block; width: 100%; height: 70px; margin: -1px 0 40px 0; padding: 0; border: 1px solid #95d6f6; list-style: none; box-sizing: border-box;}
ul.kroky li {display: block; width: 25%; height: 68px; float: left; line-height: 68px; box-sizing: border-box; color: #004a83; font-weight: 600; font-size: 14px; padding-left: 90px; text-transform: uppercase;}
ul.kroky li.krok1a {background-color: #f0f6fc; background-image: url("../images/layout/krok1a.png"); background-repeat: no-repeat; background-position: left 50px center;}
ul.kroky li.krok1h {background-color: #f0f6fc; background-image: url("../images/layout/krok1h.png"); background-repeat: no-repeat; background-position: left 50px center;}
ul.kroky li.krok2 {background-image: url("../images/layout/krok2.png"); background-repeat: no-repeat; background-position: left 50px center;}
ul.kroky li.krok2a {background-color: #f0f6fc; background-image: url("../images/layout/krok2a.png"); background-repeat: no-repeat; background-position: left 50px center;}
ul.kroky li.krok2h {background-color: #f0f6fc; background-image: url("../images/layout/krok2h.png"); background-repeat: no-repeat; background-position: left 50px center;}
ul.kroky li.krok3 {background-image: url("../images/layout/krok3.png"); background-repeat: no-repeat; background-position: left 50px center;}
ul.kroky li.krok3a {background-color: #f0f6fc; background-image: url("../images/layout/krok3a.png"); background-repeat: no-repeat; background-position: left 50px center;}
ul.kroky li.krok3h {background-color: #f0f6fc; background-image: url("../images/layout/krok3h.png"); background-repeat: no-repeat; background-position: left 50px center;}
ul.kroky li.krok4 {background-image: url("../images/layout/krok4.png"); background-repeat: no-repeat; background-position: left 50px center;}
ul.kroky li.krok4a {background-color: #f0f6fc; background-image: url("../images/layout/krok4a.png"); background-repeat: no-repeat; background-position: left 50px center;}
ul.kroky li span.aktivni {position: relative; display: block; background-image: url("../images/layout/krok.png"); background-repeat: no-repeat; background-position: right center; line-height: 68px; }

#horizontalTab ul {list-style: none;}
#horizontalTab .nakres-info {position: relative; display: block; font-size: 14px; line-height: 14px; padding: 20px 20px 20px 20px; background-color: #f0f6fc; margin-bottom: 0px;}
#horizontalTab .nakres-info strong {color: #004a83;}
.r-tabs {position: relative;}
.r-tabs .r-tabs-nav {border-bottom: 1px solid #95d6f6; margin: 0; padding: 0;}
.r-tabs .r-tabs-nav .r-tabs-tab {position: relative; top: 1px; display: inline-block; margin: 0; list-style: none;}
.r-tabs .r-tabs-nav .r-tabs-anchor {/* NEVYBRANA ZALOZKA */background-color: #f0f6fc; margin-bottom: 1px; height: 40px; line-height: 40px; padding: 0 20px 0 20px; display: inline-block; text-decoration: none; color: #004a83; font-weight: 400; font-size: 15px; border-top: 1px solid #95d6f6; border-left: 1px solid #95d6f6; border-right: 1px solid #95d6f6; font-size: 14px; text-transform: uppercase; font-weight: 600;}
.r-tabs .r-tabs-nav .r-tabs-anchor:hover {background-color: #004a83; color: #fff;}
.r-tabs .r-tabs-nav .r-tabs-state-active {/* VYBRANA ZALOZKA */ background-color: #034a82; margin-bottom: -1px;}
.r-tabs .r-tabs-nav .r-tabs-state-disabled {opacity: 0.5;}
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {/* VYBRANA ZALOZKA */color: #fff; background-color: #004a83;}
.r-tabs .r-tabs-panel {/* OKNO */border-right: 1px solid #95d6f6; border-bottom: 1px solid #95d6f6; border-left: 1px solid #95d6f6; margin-bottom: 3px; padding: 15px 15px 0px 15px;}
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {/* NEVYBRANA ZALOZKA - RESPONSIVNI */	display: block; padding: 10px; background-color: #f0f6fc; color: #004a83; font-weight: 400; text-decoration: none; margin-bottom: 3px;}
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {opacity: 0.5;}
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {/* VYBRANA ZALOZKA - RESPONSIVNI */background-color: #004a83; color: #fff; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; margin-bottom: 0;}
.r-tabs .r-tabs-panel {padding: 15px; display: none;}
.r-tabs .r-tabs-accordion-title {display: none;}
.r-tabs .r-tabs-panel.r-tabs-state-active {display: block;}

.zalozka-typ-okna {display: block; position: relative; margin: 0; padding: 20px 20px 0px 20px;}
.zalozka-typ-okna .nakres-info {position: relative; display: block; font-size: 14px; line-height: 14px; padding: 20px 20px 20px 20px; background-color: #f0f6fc; margin-bottom: 0px;}
.zalozka-typ-okna .nakres-info strong {color: #004a83;}

.typ-okna-dlazdice {margin: 0; padding: 0; list-style: none;}
.typ-okna-dlazdice div {position: relative; display: block; width: 251px; height: 205px; float: left; margin: 20px 20px 0 0; padding: 0;}
.typ-okna-dlazdice div:nth-child(4n) {margin-right: 0px;}
.typ-okna-dlazdice div button {position: relative; display: block; width: 251px; height: 205px; text-align: center; border: 1px solid #95d6f6; box-sizing: border-box; padding: 0 0 0 0; font-size: 14px; color: #004a83; text-decoration: none; background-color: #fff;}
.typ-okna-dlazdice div button:hover {background-color: #f0f6fc; border-color: #004a83;}
.typ-okna-dlazdice div button .button-nakres {position: relative; display: block; height: 130px; margin: 0; box-sizing: border-box;}
.typ-okna-dlazdice div button .button-nakres img {position: relative; display: block; float: none; margin: 0 auto;}
.typ-okna-dlazdice div button .button-popis {position: relative; height: 75px; margin: 0; padding: 0 20px 0 20px; box-sizing: border-box; }
.typ-okna-dlazdice div button:hover .button-popis {padding: 0 20px 0 20px;}

.ctverce {clear: both; position: relative; display: block; height: 270px; padding: 50px 0 0 0;}
.ctverce .ctverec {position: relative; display: block; float: left; width: 264px; height: 270px; border: 1px solid #95d6f6; margin-right: 15px; box-sizing: border-box;}
.ctverce .ctverec .nadpis {position: relative; display: block; padding: 0 30px 0 30px; line-height: 40px; font-size: 14px; font-weight: 600; color: #fff; text-transform: uppercase; margin: -1px -1px 0 -1px;}
.ctverce .ctverec ul {margin: 0; padding: 15px 0 0 30px; list-style: none; line-height: 18px;}
.ctverce .ctverec ul li {}
.ctverce .ctverec ul li a {text-transform: uppercase; text-decoration: none; color: #000; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 400;}
.ctverce .ctverec ul li a:hover {text-decoration: underline;}
.ctverce .ctverec-zakaznicky-servis .nadpis {background-color: #004a83;}
.ctverce .ctverec-zakaznicky-servis .zelena-linka {position: absolute; left: 30px; bottom: 20px; font-size: 14px; font-weight: 700; text-transform: uppercase; color: #88b62d;}
.ctverce .ctverec-proc-pramos .nadpis {background-color: #4e9ac8;}
.ctverce .ctverec-kontakty {width: 541px; margin-right: 0px;}
.ctverce .ctverec-kontakty .nadpis {background-color: #88b62d;}
.ctverce .ctverec-kontakty ul {-webkit-column-count: 3; -moz-column-count: 3; column-count: 3;}

footer {clear: both; position: relative; display: block; padding: 40px 10px 40px 10px; font-family: 'Open Sans', sans-serif;}
footer span {margin: 0; padding: 0 0 10px 0; font-size: 12px;}
footer span a {color: #000; text-decoration: none;}

.clear {clear: both;}
.normal {font-weight: 400;}
.width200 {width: 250px;}

.alert {padding: 25px; margin-bottom: 20px; border: 1px solid transparent; font-size: 14px; line-height: 21px;}
.alert-info {color: #31708f; background-color: #d9edf7; border-color: #bce8f1;}
.alert-warning {color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc;}
.alert-danger {color: #a94442; background-color: #f2dede; border-color: #ebccd1;}
.alert-success {color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6;}

ul.vzornik_vyplne {display: block; margin: 0; padding: 0;}
ul.vzornik_vyplne li {display: block; margin: 0; float: left;}
ul.vzornik_vyplne li a {display: block; outline: none; padding: 0; border: 2px solid #fff;}
ul.vzornik_vyplne li a.aktivni_vypln {border: 2px solid #004a83;}
ul.vzornik_vyplne li a:hover {border: 2px solid #004a83;}
ul.vzornik_vyplne li a img {border: 1px solid #eee; margin-bottom: -5px;}

ul.vzornik_perito {display: block; margin: 0; padding: 0;}
ul.vzornik_perito li {display: block; margin: 0; float: left;}
ul.vzornik_perito li a {display: block; outline: none; padding: 0; border: 2px solid #fff;}
ul.vzornik_perito li a.aktivni_perito {border: 2px solid #004a83;}
ul.vzornik_perito li a:hover {border: 2px solid #004a83;}
ul.vzornik_perito li a img {border: 1px solid #eee; margin-bottom: -5px;}

#preview{border: 1px solid #ccc; font-size: 0.8em; font-weight: bold; text-align: center; position: absolute; padding:5px; display: none; color: #000; background-color: #fff;}
#preview img {margin-bottom: 5px;}

#modal-pridano {width: 680px; height: 190px; background-color: #fff; box-shadow: 0px 0px 5px #888888; cursor: default;}
#modal-pridano .modal-levy-sloupec {position: relative; float: left; width: 340px; height: 190px; box-sizing: border-box; padding: 15px 20px 15px 20px;}
#modal-pridano .modal-levy-sloupec .modal-nadpis {font-family: 'Open Sans', sans-serif; position: relative; width: 300px; font-size: 20px; line-height: 30px; font-weight: 700; text-align: left; padding: 0; margin: 0;}
#modal-pridano .modal-levy-sloupec #modal-img {float: left;}
#modal-pridano .modal-levy-sloupec .modal-title {position: relative; display: table-cell; vertical-align: middle; text-align: left; font-size: 15px; padding: 0; margin: 0; height: 118px; color: #034a82; width: 150px; box-sizing: border-box;}
#modal-pridano .modal-pravy-sloupec {position: relative; display: block; float: right; width: 340px; height: 190px; box-sizing: border-box; background-color: #008fff; padding-top: 25px; box-sizing: border-box;}
#modal-pridano .modal-pravy-sloupec .tlacitko {font-family: 'Raleway', sans-serif; height: 40px; box-sizing: border-box; font-size: 14px; line-height: 38px; text-transform: uppercase; float: left; margin-top: 20px; font-weight: 700;}
#modal-pridano .modal-pravy-sloupec .tlacitko-pridat {border: 1px solid #034a82; background-color: #034a82; color: #fff; width: 260px; margin-left: 40px;}
#modal-pridano .modal-pravy-sloupec .tlacitko-pridat:hover {background-color: #82d0f5; border-color: #82d0f5; color: #034a82;}
#modal-pridano .modal-pravy-sloupec .tlacitko-pokracovat {border: 1px solid #88b62d; background-color: #88b62d; color: #fff; width: 260px; margin-left: 40px;}
#modal-pridano .modal-pravy-sloupec .tlacitko-pokracovat:hover {background-color: #fff; color: #000; border: 1px solid #fff;}

#modal-montaz {width: 600px; background-color: #fff; box-shadow: 0px 0px 5px #888888; cursor: default; box-sizing: border-box; padding: 15px 0px 15px 0px;}
#modal-montaz p {font-family: 'Raleway', sans-serif; position: relative; font-size: 20px; line-height: 30px; font-weight: 700; text-align: center; padding: 0; margin: 0 0 20px 0; padding: 0 20px 0 20px;}
#modal-montaz .tlacitko {font-family: 'Open Sans', sans-serif; height: 40px; box-sizing: border-box; font-size: 14px; line-height: 40px; text-transform: uppercase; font-weight: 600; width: 100px;}
#modal-montaz #ano {font-family: 'Raleway', sans-serif; color: #fff;border: 1px solid #88b62d; background-color: #88b62d; margin-right: 10px; font-weight: 700;}
#modal-montaz #ano:hover {background-color: #fff; color: #000;}
#modal-montaz #ne {font-family: 'Raleway', sans-serif; border: 1px solid #b72525; background-color: #b72525; color: #fff; font-weight: 700;}
#modal-montaz #ne:hover {background-color: #fff; color: #000;}

iframe.prilohy {width: 100%; border: 0px; height: auto;}

.prilohy {font-family: 'Open Sans', sans-serif;}
.prilohy table {}
.prilohy table tr {}
.prilohy table tr th {text-align: left;}
.prilohy table tr th label {font-size: 14px; font-weight: 700; line-height: 50px; color: #3f3f3f; padding-right: 30px; height: auto;}
.prilohy table tr td {font-size: 14px; font-weight: 400; color: #004a83; padding-right: 10px; min-height: 50px;}
.prilohy table tr td input#file {height: 40px; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 400; color: #000; width: 400px;}
.prilohy #tlacitko_upload {font-family: 'Raleway', sans-serif; position: relative; float: right; line-height: 38px; box-sizing: border-box; font-size: 14px; text-transform: uppercase; color: #fff; padding: 0 20px 0 20px; font-weight: 600; text-decoration: none; border: 1px solid #034a82; background-color: #034a82; color: #fff;}
.prilohy #tlacitko_upload:hover {background-color: #82d0f5; border-color: #82d0f5; color: #034a82;}
.prilohy .pocet-priloh {font-size: 14px; font-weight: 400; line-height: 21px;}
.prilohy .pocet-priloh strong {font-weight: 700;}

table.vypis_souboru {position: relative; font-size: 14px; margin: 0px; border-collapse: separate; border-spacing: 0 5px;}
table.vypis_souboru tr {}
table.vypis_souboru tr td.nazev {padding: 0 50px 0 20px; color: #3f3f3f; background-color: #f0f6fc;}
table.vypis_souboru tr td {padding: 0 20px 0 20px; color: #3f3f3f; background-color: #f0f6fc; height: 35px;}
table.vypis_souboru tr td strong {font-weight: 700;}
table.vypis_souboru tr td .tlacitko_odstranit {font-family: 'Open Sans', sans-serif; font-size: 14px; height: 14px; padding: 0; margin: 0; color: #446c96; background: transparent; border: 0; text-transform: lowercase;}
table.vypis_souboru tr td .tlacitko_odstranit:hover {color: #008fff;}

.pobocka {}
.pobocka .levy-sloupec {position: relative; float: left; display: block;}
.pobocka .levy-sloupec .adresa {position: relative; display: block; float: left; width: 240px; box-sizing: border-box; margin-right: 20px;}
.pobocka .levy-sloupec .adresa .adresa1 {color: #3f3f3f; font-size: 16px; font-weight: 700; line-height: 50px;}
.pobocka .levy-sloupec .adresa .adresa2 {font-size: 14px; line-height: 21px;}
.pobocka .levy-sloupec .adresa .adresa3 {font-size: 14px; line-height: 21px;}
.pobocka .levy-sloupec .adresa .adresa4 {font-size: 14px; line-height: 21px; margin-top: 10px;}
.pobocka .levy-sloupec .adresa .adresa5 {font-size: 14px; line-height: 21px;}
.pobocka .levy-sloupec .kontakt {position: relative; display: block; box-sizing: border-box; padding-top: 50px;}
.pobocka .levy-sloupec .kontakt table {}
.pobocka .levy-sloupec .kontakt table tr {}
.pobocka .levy-sloupec .kontakt table tr th {text-align: left; font-size: 14px; font-weight: 700; line-height: 21px; color: #3f3f3f; padding-right: 30px;}
.pobocka .levy-sloupec .kontakt table tr td {font-size: 14px; font-weight: 400; color: #004a83; padding-right: 10px; height: 21px;}
.pobocka .levy-sloupec .kontakt table tr td  a {color: #446c96;}
.pobocka .levy-sloupec .kontakt table tr td  a:hover {color: #008fff;}
.pobocka .levy-sloupec .obchodni-zastupce {clear: both; position: relative; margin-top: 40px;}
.pobocka .levy-sloupec .obchodni-zastupce h3 {font-family: 'Raleway', sans-serif; color: #034a82; font-weight: 400; font-size: 20px;}
.pobocka .levy-sloupec .obchodni-zastupce .obchodni-zastupce-jmeno {color: #3f3f3f; font-size: 16px; font-weight: 700; line-height: 25px;}
.pobocka .levy-sloupec .obchodni-zastupce table {}
.pobocka .levy-sloupec .obchodni-zastupce table tr {}
.pobocka .levy-sloupec .obchodni-zastupce table tr th {text-align: left; font-size: 14px; font-weight: 400; line-height: 21px; color: #3f3f3f; padding-right: 30px;}
.pobocka .levy-sloupec .obchodni-zastupce table tr td {font-size: 14px; font-weight: 400; color: #004a83; padding-right: 10px; height: 21px;}
.pobocka .levy-sloupec .obchodni-zastupce table tr td a {color: #446c96;}
.pobocka .levy-sloupec .obchodni-zastupce table tr td a:hover {color: #008fff;}
.pobocka .levy-sloupec .navigacni-tlacitka {position: relative; display: block; margin-top: 60px;}
.pobocka .levy-sloupec .navigacni-tlacitka .tlacitko {font-family: 'Raleway', sans-serif; height: 40px; box-sizing: border-box; padding: 0 20px 0 20px; font-size: 14px; line-height: 38px; text-transform: uppercase; float: left; margin-right: 10px; font-weight: 700; text-decoration: none;}
.pobocka .levy-sloupec .navigacni-tlacitka .tlacitko-dalsi-poptavka {border: 1px solid #88b62d; background-color: #88b62d; color: #fff;}
.pobocka .levy-sloupec .navigacni-tlacitka .tlacitko-dalsi-poptavka:hover {background-color: #fff; color: #000;}
.pobocka .levy-sloupec .navigacni-tlacitka .tlacitko-uvodni-stranka {border: 1px solid #034a82; background-color: #034a82; color: #fff;}
.pobocka .levy-sloupec .navigacni-tlacitka .tlacitko-uvodni-stranka:hover {background-color: #82d0f5; border-color: #82d0f5; color: #034a82;}
.pobocka .pravy-sloupec {position: relative; float: right; display: block; width: 355px;}
.pobocka .pravy-sloupec .foto {position: relative; display: block; margin: 0; padding: 0;}
.pobocka .pravy-sloupec .foto img {}
.pobocka .pravy-sloupec .provozni-doba {}
.pobocka .pravy-sloupec .provozni-doba h3 {font-family: 'Raleway', sans-serif; font-size: 20px; line-height: 50px; margin: 0; padding: 0; font-weight: 700;}
.pobocka .pravy-sloupec .provozni-doba table {position: relative; width: 100%;}
.pobocka .pravy-sloupec .provozni-doba table tr {padding: 0; height: 25px; padding: 0;}
.pobocka .pravy-sloupec .provozni-doba table tr:nth-child(even) {background: #ffffff;}
.pobocka .pravy-sloupec .provozni-doba table tr:nth-child(odd) {background: #f0f6fc}
.pobocka .pravy-sloupec .provozni-doba table tr th {color: #034a82; font-size: 14px; font-weight: 700; padding: 0 20px 0 20px; padding-right: 0px; text-transform: uppercase;}
.pobocka .pravy-sloupec .provozni-doba table tr td {color: #000; height: auto;}

.dd .ddChild a .tooltip {position: relative; display: inline-block; border-bottom: 1px dotted black;}
.dd .ddChild a .tooltip .tooltiptext {color: red; visibility: hidden; width: 120px; background-color: black; color: #fff; text-align: center; padding: 5px 0; border-radius: 6px; position: absolute; z-index: 1;}
.dd .ddChild a .tooltip:hover .tooltiptext {visibility: visible;}

.sticky {position: -webkit-sticky; position: sticky; top: 0; border: 0;}

.hidden {display: none;}