
.tl a, .tl2 a, .link-vice-informaci a, .tl span {padding: 7px 25px 7px; background-color: #FFCB09; color: #000; text-decoration: none; display: inline-block; text-transform: uppercase; font-size: 140%; transition: .2s all ease;}
.tl a:hover, .tl2 a:hover, .link-vice-informaci a:hover, .tl span:hover {background-color: #000; color: #fff;}
.tl2 a {background-color:#93c949;}

/******** hlavicka *********************************/
header.hlavicka {background-color: #fff; width: 100%; height: 147px; position: fixed; top: 0;width: 100%; z-index: 200;  transition: .1s all ease; box-shadow: 0px 0px 8px rgba(0,0,0, .2);}
header.hlavicka .wrapper {position: relative; z-index: 91;}

header.hlavicka .boxHlavickaBottom {position: absolute; top: 40px; height: 107px; background-color: #fff; width: 100%;transition: .1s all ease; z-index: 112;}
header.hlavicka .boxHlavickaTop {position: absolute; width: 100%; top: 0;transition: .1s all ease; height: 40px; background-color: #000;z-index: 110; overflow: hidden;}
header.hlavicka .boxRychlyKontakt ul {margin: 0; line-height: 39px; float: left;}
header.hlavicka .boxRychlyKontakt ul li {display: inline-block; margin: 0 25px 0 10px;}
header.hlavicka .boxRychlyKontakt a {color: #ebebeb; text-decoration: none; padding: 0 0 0 33px; font-size: 100%; transition: .1s all ease; display: block;}
header.hlavicka .boxRychlyKontakt a:hover {color: #fff;}
header.hlavicka .boxRychlyKontakt .ikoFacebook a {background: transparent url(../layout/ikoFacebook.gif) no-repeat scroll left center; background-size: auto;}
header.hlavicka .boxRychlyKontakt .ikoEmail a    {background: transparent url(../layout/ikoEmail.gif)    no-repeat scroll left center; background-size: auto;}
header.hlavicka .boxRychlyKontakt .ikoTelefon a  {background: transparent url(../layout/ikoTelefon.gif)  no-repeat scroll left center; background-size: auto;}

header.hlavicka .boxJazykyLinkEshop {float: right;}
header.hlavicka .boxJazykyLinkEshop div {display: inline-block;}
header.hlavicka .boxJazykyLinkEshop .boxTlEshop {float: right; padding: 4px 10px 0 10px;}
header.hlavicka .boxJazykyLinkEshop .boxTlEshop a {font-size: 100%; padding: 5px 25px 5px;}
header.hlavicka .boxJazykyLinkEshop .boxTlEshop a:hover {background-color: #fff; color: #000;}

#menuJazyky {float: left; padding: 8px 0 0;}
#menuJazyky ul, #menuJazyky li {display: inline-block; margin: 0; padding: 0; list-style: none url();}
#menuJazyky li {padding: 0 10px 0 0;}

#boxPrepinacZemiMenu {display: none; cursor: default;}
#boxPrepinacZemi {transition: .1s all ease; background: transparent url(../layout/boxPrepinacZemi.png) no-repeat bottom center; padding: 0 0 16px; cursor: pointer; position: absolute; right: 100px; top: 32px; z-index: 113;}
.boxPrepinacZemiHover {background-color: #eee;}
.boxPrepinacZemiChecked {display: block; line-height: 27px; width: 40px; font-weight: bold;background-color: #fed215; color: #000; text-align: center;cursor: pointer;}
#boxPrepinacZemiMenu {position: absolute; right: 0; top: 27px; z-index: 101; background-color: #fff; box-shadow: -2px 2px 10px #bbb; white-space: nowrap; padding: 7px 10px;}
#boxPrepinacZemiMenu ul {margin: 0 0;}
#boxPrepinacZemiMenu ul li {list-style: none url();display: inline-block;}
#boxPrepinacZemiMenu a {color: #111; padding: 0 7px;}

#logo {padding: 0; margin: 0; position: absolute; top: 0; left: 0; line-height: normal; line-height: 70%; z-index: 113; height: 100%;}
#logo a {display: block; position: relative; text-decoration: none; border: none; height: 100%;}
#logo a img {max-width: none;max-height: 100%;}
/**********************************************/
#hlavniMenu {left: 0; right: 0; margin: 0 auto; position: absolute; top: 0; transition: .1s all ease; background-color: #fff; width: 100%;}
#boxMenuContent {text-align: center;}
#boxMenuContent > ul {margin: 0 auto; padding: 0; line-height: 107px;display: inline-block;}
#boxMenuContent > ul > li {list-style: none url(); padding: 0px; display: inline-block; }
#boxMenuContent > ul > li:first-child {padding-left: 0;}
#boxMenuContent > ul > li:last-child { padding-right: 0;}
#boxMenuContent > ul > li > a { display: block; text-decoration: none; font-size: 130%; position: relative;  padding: 5px 20px; color: #000; font-weight: normal;}
#boxMenuContent ul li a {transition: .1s all ease;}
#boxMenuContent > ul > li > a.aktivni {background-color: #FFCB09; font-weight: bold;}
#boxMenuContent > ul > li > a:hover {color: #222;}

header.navMin, header.navMin .boxHlavickaBottom {height: 70px; top: 0;}

header.navMin #logo {top: 0;}
header.navMin #logo a {}

header.navMin #hlavniMenu {top: 0;}
header.navMin #boxMenuContent > ul {line-height: 70px;}
header.navMin .boxHlavickaTop {height: 0;}
header.navMin #boxPrepinacZemi {top: 13px;}

.aTl a {text-decoration: none; text-transform: uppercase; font-size: 130%; color: #000; padding: 15px 50px 10px; transition: .2s all ease; line-height: 200%;}
/******************************************************/
#hlavniObsah {position: relative; padding: 250px 0 0; z-index: 80; background: transparent url(../layout/bgBody.jpg) no-repeat top center; background-size: 100% auto; }
.podstrana #hlavniObsah {padding: 250px 0 0;}
/******************************************************/
#hlavniObsah .wrapper {padding: 60px 20px 0;}
#hlavniObsah .boxZakladniTop .wrapper {background-color: #ffffff; position: relative;}
#hlavniObsah .boxZakladniSedy {background-color: #e0e0e4;}
#hlavniObsah .boxZakladniSedy .wrapper {padding-top: 50px;}
#hlavniObsah .boxZakladniCerny {background-color: #000000; color: #fff;}
#hlavniObsah .boxZakladniCerny * {color: #fff;}
#hlavniObsah .boxZakladniCerny a {color: #FFCB09;}

.boxNadpis {margin: 0 0 60px;}
.uvod .boxNadpis {text-align: center; font-size: 110%;}
.boxNadpis .nadpis {margin: 0; padding: 0; line-height: 100%;}
.boxNadpis p {padding: 0;}

.podstrana #hlavniObsah .boxZakladniTop .wrapper {padding-top: 30px;}
.podstrana .boxNadpis {text-align: center; border-bottom: solid 1px #000; padding: 0 0 30px; margin: 0 0 20px;}

#hlavniObsah2Sl {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-justify-content:center;justify-content:center;}
.hlavniObsahRight {width: 68%; margin-left: auto; order: 2; padding: 0 0 25px;}
.hlavniObsahLeft  {width: 30%;}
.hlavniObsahLeft .hlavniObsahLeftContent {background-color: #F0F0F0; padding: 0 0 25px;}

#menuZobrazKategorie .menuZobrazKategorieContent {float: right; height: 40px;padding: 10px 12px;cursor: pointer; background-color: #000; margin: 0 0 5px; color: #fff;}
#menuZobrazKategorie img {width: auto; height: 100%; cursor: pointer;}
#menuZobrazKategorie label {font-size: 130%; padding: 0 0 0 8px; position: relative; top: -4px; text-transform: uppercase; cursor: pointer;}


.box70 {width: 70%; margin: 0 auto;}
/******************************************************/
#boxDrobeckovaNavigace {position: absolute; right: 0; top: -35px; line-height: 25px; height: 35px; background-color: #FFCB09; padding: 5px 20px; font-size: 100%;}
/******** zboží *********************************/
.boxVypisZbozi {padding: 0 0 10px;}
.boxVypisZbozi .polozka {text-align: left; float: left; width: 301px; padding: 0 0 15px; margin: 0 18px 0px 0px; position: relative;}
.boxVypisZbozi .polozka:nth-child(4n) {margin-right: 0;}

.boxVypisZbozi .polozka .foto { margin: 0 0 15px;}
.boxVypisZbozi .polozka .foto a {display: block; line-height: 1px; width: 301px; height: 184px; overflow: hidden;  margin: 0 auto;}

.boxVypisZbozi .polozka .nadpis {font-size: 110%;padding: 0 4px 15px;}
.boxVypisZbozi .polozka .nadpis a {font-weight: bold; color: #000;}
.boxVypisZbozi .polozka p {padding: 0 4px; margin: 0 auto 15px; line-height: 150%; width: 100%; font-size: 95%;}
.boxVypisZbozi .polozka p a {color: #fff; font-size: 90%; display: block;height: 50px; text-decoration: none;}
.boxVypisZbozi .polozka .tlKoupit a {font-size: 110%;padding: 5px 25px 5px;}

.atributy span {font-size: 100%; display: inline-block; padding: 3px 7px;}
.atributy span.atributNovinka      {background-color: #ffda09; color: #000;}
.atributy span.atributDoporucujeme {background-color: #93c949; color: #000;}
.atributy span.atributSleva        {background-color: #EB0000; color: #fff;}
.boxVypisZbozi .atributy, .boxVypisZboziEshop .atributy {position: absolute; top: 10px; left: 10px}
#box-detail-zbozi .atributy {margin: 0 0 5px 0;}
#box-detail-zbozi .atributy span {margin: 0 0 10px 0;}

.boxVypisZbozi .boxTlacitka {text-align: center; padding: 40px 0;}
.boxVypisZbozi .boxTlacitka .tl {display: inline-block; margin: 0 10px;}

.boxVypisZboziEshop p.foto {float: left;width: 160px;}
.boxVypisZboziEshop div.obsah {float: right;width: 685px;}
.boxVypisZboziEshop .polozka {border-bottom: dashed 1px #ABABAB;margin: 0 0 15px; position: relative;}
.boxVypisZboziEshop .atributy {top: -11px; left: 5px;}

/** atributy ***/
.atributyVyroba {width: 100%; display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-justify-content:space-between;justify-content:space-between; padding: 0 0 10px 0;}
.atributyVyroba span {display: block; width: 49%; margin: 0px 0 5px 0; background-color: #eee;padding: 17px 20px 18px 80px; color: #000; font-size: 1.2em; font-weight: bold;}
.atributyVyroba span.atributCeskyVyrobek {background: url("../layout/ikoCeskyVyrobek.png") no-repeat scroll left 15px center #eee;}
.atributyVyroba span.atributVyrobaNaMiru {background: url("../layout/ikoVyrobaNaMiru.png") no-repeat scroll left 15px center #eee;}

/******** box-detail-zbozi ****/
#box-detail-zbozi div.foto {float: right;width: 220px;}
#box-detail-zbozi div.foto a {display: block;margin: 0 0 7px;}
#box-detail-zbozi div.obsah {float: left;width: 610px;}
#box-detail-zbozi h2 {padding: 0 0 5px;}
#box-detail-zbozi .vypocitana-cena, #box-detail-zbozi select.text, #box-detail-zbozi .submit {width: 380px;}
input.kalkulace {background-color: #93C949;color: #fff;font-size: 150%;}
#box-detail-zbozi .vypocitana-cena {border: solid 1px #ABABAB;padding: 5px 5px;margin: 0 0 10px;background-color: #fff;}
#box-detail-zbozi .vypocitana-cena p {padding: 0;padding: 0 5px;}
#box-detail-zbozi .vypocitana-cena .label {width: 55%;float: left;}
#box-detail-zbozi .vypocitana-cena .value {float: right;width: 45%;text-align: right;}
#box-detail-zbozi .vypocitana-cena .s-dph {font-size: 120%;background-color: #eee;font-weight: bold;}
#box-detail-zbozi iframe {margin: 0 0 20px;}
/***** vzorkníky ***/
.form_vzornik_box {display: none;}
div.form_vzornik {background-color: #eee;padding: 2em 2em;width: 96%;max-width: 1900px;}
.form_vzornik div.polozka {float: left;width: 200px;text-align: center;margin: 0 15px 10px 0;border: solid 1px #fff;height: 226px;}
.form_vzornik div.polozka_249 {height: 245px;}
.form_vzornik div p {padding: 0;line-height: 70%;background-color: #303030;color: #FFFFFF;}
.form_vzornik div.polozka_249 p label {height: 45px;}
.form_vzornik div.polozka img,.form_vzornik div.polozka label {cursor: pointer;}
.form_vzornik div.polozka label {font-size: 90%;background-color: #303030;color: #FFFFFF;display: block;margin: 0 auto;padding: 4px 0;font-weight: bold;line-height: 110%;}
.form_vzornik div.polozka label span {font-size: 70%;font-weight: normal;}

/***** vzorkníky ***/
.dalsi-polozky {background: url("../layout/bgDalsiPolozky.png") no-repeat scroll center bottom transparent;padding: 45px 0 60px;text-align: center;font-size: 140%;cursor: pointer;}
.dalsi-polozky:hover {color: #000;}
/******************/
#boxCelySortimentEshopu .content {padding: 0 0 40px;}
#boxCelySortimentEshopu ul {margin:0; padding: 0;}
#boxCelySortimentEshopu ul li {float: left;position: relative;padding: 0;margin: 0 10px 67px;list-style: none url();}
#boxCelySortimentEshopu ul li .dBlok {display: block;  width: 232px; height: 167px; position: relative; text-decoration: none;}
#boxCelySortimentEshopu ul li .nazev {display: block; position: absolute;bottom: -46px;width: 100%;padding: 0 1%;background-color: #fff;text-align: center;line-height: 46px;}
#boxCelySortimentEshopu h3 {font-size: 120%; padding: 0; margin: 0; text-transform: none;}
#boxCelySortimentEshopu .pripravujeme h3 {font-size: 98%;}
.podstrana #boxCelySortimentEshopu ul li {margin: 0 20px 67px 0;}
.podstrana #boxCelySortimentEshopu ul li .dBlok {width: 265px;height: 180px;}
.podstrana #boxCelySortimentEshopu ul li .nazev {background-color: #F0F0F0; font-weight: bold;}
.podstrana #boxCelySortimentEshopu ul .pripravujeme .nazev {font-weight: normal;}

#boxCelySortimentEshopu ul li .nazev1 {display: block; position: absolute;bottom: -25px;width: 100%;padding: 4px 2px 0; height: 25px; line-height: 100%;background-color: #fff;text-align: center;background-color: #F0F0F0; font-weight: bold; font-size: 95%;}
#boxCelySortimentEshopu ul li .nazev2 {display: block; position: absolute;bottom: -46px;width: 100%;padding: 0px 2px 10px; height: 21px; line-height: 100%;background-color: #fff;text-align: center; background-color: #F0F0F0; font-size: 70%;}

#box-den-noc {background: url("../layout/bg-box-den-noc.jpg") no-repeat scroll center center transparent;}
#box-horizontalni-zaluzie {background: url("../layout/bg-box-horizontalni-zaluzie.jpg") no-repeat scroll center center transparent;}
#box-vertikalni-zaluzie {background: url("../layout/bg-box-vertikalni-zaluzie.jpg") no-repeat scroll center center transparent;}
#box-cannae-silweta {background: url("../layout/bg-box-cannae-silweta.jpg") no-repeat scroll center center transparent;}
#box-textilni-roletky, #box-textilni-rolety-sp28-volne-visici {background: url("../layout/bg-box-textilni-roletky.jpg") no-repeat scroll center center transparent;}
#box-site {background: url("../layout/bg-box-site.jpg") no-repeat scroll center center transparent;}
#box-plisse {background: url("../layout/bg-box-plisse.jpg") no-repeat scroll center center transparent;}
#box-japonske-steny {background: url("../layout/bg-box-japonske-steny.jpg") no-repeat scroll center center transparent;}
#box-rimske-rolety {background: url("../layout/bg-box-rimske-rolety.jpg") no-repeat scroll center center transparent;}
#box-venkovni-pruzinova-roleta {background: url("../layout/bg-box-venkovni-pruzinova-roleta-a1.jpg") no-repeat scroll center center transparent;}
#box-stineni-stresnich-oken {background: url("../layout/bg-box-stineni-stresnich-oken.jpg") no-repeat scroll center center transparent;}
#box-foliove-rolety {background: url("../layout/bg-box-foliove-rolety.jpg") no-repeat scroll center center transparent;}
#box-motory-k-ovladani-rolet {background: url("../layout/bg-box-motory-k-ovladani-rolet.jpg") no-repeat scroll center center transparent;}
#box-venkovni-hlinikove-rolety {background: url("../layout/bg-box-venkovni-hlinikove-rolety.jpg") no-repeat scroll center center transparent;}
#box-parapety {background: url("../layout/bg-box-parapety.jpg") no-repeat scroll center center transparent;}
#box-zaclonove-den-noc {background: url("../layout/bg-box-zaclonove-den-noc.jpg") no-repeat scroll center center transparent;}

#box-textilni-rolety-kazetovy-lepici-system {background: url("../layout/zbozi_skupiny_filtry/bg-box-textilni-rolety-kazetovy-lepici-system.jpg") no-repeat scroll center center transparent;}


#boxCelySortimentEshopu ul li {background-size: 100% auto;transition: background-size 200ms linear;}
#boxCelySortimentEshopu ul li:hover {background-size: 120%;}
/*****************************************************/
#boxProdejnaMozaika {padding: 0 0 40px;}
#boxProdejnaMozaika .box1 {text-align: right;}
#boxProdejnaMozaika .box1, #boxProdejnaMozaika .box3 {width: 530px;}
#boxProdejnaMozaika .box2 {width: 200px; padding: 5px 30px 0; text-align: center;}
#boxProdejnaMozaika .hlavniNadpis {margin: 0 0 10px; line-height: 100%;}
#boxProdejnaMozaika p {padding: 0 0 5px;}
#boxProdejnaMozaika .fCondensed {font-size: 110%;}
#boxProdejnaMozaika .tableOtviraciDoba {width: 70%; margin: 0; background-color: transparent;}
#boxProdejnaMozaika .tableOtviraciDoba td, .tableOtviraciDoba th {padding: 0 0 3px 0; border: none; background-color: transparent;}
#boxProdejnaMozaika .tableOtviraciDoba td {text-align: center;}
/*****************************************************/
.mozaika-logo {float: left;width: 220px;}
.box-prodejna {float: left;width: 550px;}
.kontakty .box-prodejna {width: 450px;}
.google-maps {float: right; width: 790px;}
/*****************************************************/
.uvod #boxSortiment .wrapper {max-width: 1800px; width: 100%;}
#boxSortiment .content {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-justify-content:center;justify-content:center;}
#boxSortiment .content .polozka {width: 16%; text-align: center; margin: 0 0 50px;}
.podstrana #boxSortiment .content .polozka {width: 33.333%;}
.podstrana #boxSortiment h2 {text-align: center; padding: 30px 0 30px;}
#boxSortiment .content .polozka .nadpis {text-transform: uppercase; font-weight: bold; font-size: 120%; padding: 0 0 5px; line-height: 110%;}
#boxSortiment .content .polozka .nadpis a {text-decoration: none;}
#boxSortiment .content .polozka .popis {padding: 0 0 10px;}
#boxSortiment .content .polozka .foto {text-align: right; max-width: 205px; margin: 0 auto;}
#boxSortiment .content .polozka .foto img {width: 85%; position: relative; right: -20%; display: block;-webkit-transition: all 200ms;-moz-transition: all 200ms;-ms-transition: all 200ms;-o-transition: all 200ms;transition: all 200ms;}
#boxSortiment .content .polozka:hover .foto img {-webkit-transform:scale(1.15); -moz-transform:scale(1.15); -ms-transform:scale(1.15); -o-transform:scale(1.15); transform:scale(1.15);}
/*****************************************************/
#boxPosledniReference .boxReference {width: 80%; margin: 0 auto; text-align: left;}
#boxPosledniReference .boxTlacitka {text-align: center;padding: 40px 0;}
.boxReference .boxReferencePolozka {width: 100%; border-top: solid 1px #c4c4c8; padding: 20px 0 0;}
.boxReference .boxReferencePolozka:first-child { padding: 0; border: none;}
.boxReference .strucnyPopis {float: left; width: 56%;}
.boxReference .strucnyPopis .nadpis {line-height: 120%;padding: 0 0 5px;font-weight: bold;font-size: 130%; margin: 0; text-transform: none;}
.boxReference .strucnyPopis .zverejneno {padding: 0 0 15px; font-style: italic;}
.boxReference .fotky {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-justify-content:right;justify-content:right; float: right; width: 39%; padding: 5px 0px;}
.boxReference .fotky .polozka {width: 120px; margin: 0 0 10px 10px;}
.podstrana .boxReference .fotky {width: 46%}
.podstrana .boxReference .strucnyPopis {width: 53%;}
/*****************************************************/

/***** prehledova tabulka ****/
table.obyc_vypis {width: 100%;border-collapse: collapse;margin: 5px 0 13px;}
table.obyc_vypis td {padding: 3px 5px;vertical-align: middle;text-align: left;background-color: #fff;font-size: 110%;}
table.obyc_vypis th {font-weight: bold;padding: 10px 5px;vertical-align: middle;text-align: left;font-size: 100%;}
table.obyc_vypis tr.radek1 {background-color: #fff;}
table.obyc_vypis tr.radek2 {background-color: #fff;}
table.obyc_vypis img {border: none;padding: 0;}
table.obyc_vypis a:hover img {background: url() transparent;}
table.obyc_vypis div {white-space: nowrap;}
table.obyc_vypis .konfigurace {font-size: 80%;padding: 5px 0 0; white-space: normal;}
table.obyc_vypis tr.no-border td,table.obyc_vypis tr.no-border th {border: none;}
table.obyc_vypis tr.border-top td,table.obyc_vypis tr.border-top th {background: url() ;}
table.obyc_vypis td {padding: 10px 5px;}
table.obyc_vypis tr.no-bg th,table.obyc_vypis tr.no-bg td {background: transparent url();color: #291910;padding: 4px 5px;}
table.obyc_vypis .do-kosiku {position: relative;padding: 0;width: 80px;}
table.obyc_vypis .do-kosiku input.text {text-align: right;width: 40px;position: relative;top: 5px;font-size: 100%;}
table.obyc_vypis button.img-kosik {background: transparent url("../layout/refresh-icon.png") no-repeat scroll 0px 0px;border: none;width: 32px;height: 32px;cursor: pointer;padding: 0;}
table.obyc_vypis button.img-kosik span {display: none;visibility: hidden;}
table.obyc_vypis .celkem-k-uhrade {color: #E41F25;font-size: 160%;}

#objednavkovy-forumlar {margin: 20px 0 0;}
.formContent  {width: 50%;}

#objednavkovy-forumlar div.box-obec,#objednavkovy-forumlar div.box-psc,#objednavkovy-forumlar div.box-ico,#objednavkovy-forumlar div.box-dic {float: left;}
#objednavkovy-forumlar div.box-ico,#objednavkovy-forumlar div.box-dic {width: 207px;}
#objednavkovy-forumlar div.box-ico input,#objednavkovy-forumlar div.box-dic input {width: 193px;}
#objednavkovy-forumlar div.box-obec {width: 310px;}
#objednavkovy-forumlar div.box-obec input {width: 280px;}
#objednavkovy-forumlar div.box-psc {width: 100px;}
#objednavkovy-forumlar div.box-psc input {width: 90px;}
/*****************************************************/
#paticka .patickaTop {background-color: #000000; padding: 60px 0 20px; font-size: 100%;}
#paticka .patickaTop, #paticka .patickaTop * {color: #fff;}
#paticka a {color: #fff; text-decoration: none;transition: .2s color ease;}
#paticka a:hover {color: #fdcd01; }
#paticka .patickaTop .text {text-align: left;}
#paticka h2 {font-size: 150%; margin: 0; padding: 0 0 30px 0; text-transform: uppercase;}
#paticka ul {margin: 2px 0 25px;}
#paticka ul li {padding-left: 0; background-image: url(); text-transform: uppercase; font-size: 90%;}
#paticka p, #paticka address {padding: 0 0 25px;}

#boxPatickaAktuality {float: left; width: 65%;}
#boxPatickaAktuality .foto, #boxAktuality .foto {float: left; width: 150px; padding: 0 0 30px;}
#boxPatickaAktuality .obsah, #boxAktuality .obsah {float: right; width: 650px;}
#boxPatickaAktuality .contentFull .obsah, #boxAktuality .contentFull .obsah {width: 100%;}
#boxPatickaAktuality .text, #boxAktuality .text {padding: 0 0 5px;}
#boxPatickaAktuality .nadpis {line-height: 110%; font-size: 130%; padding: 0 0 10px; font-weight: bold;}
#boxPatickaAktuality .zverejneno, #boxAktuality .zverejneno {font-style: italic; padding: 0 0 10px;}

#boxPatickaAktuality .obsah a {text-decoration: underline;}
#boxPatickaAktuality .obsah a:hover {text-decoration: none;}
#boxPatickaAktuality .tl a {color:#000;}
#boxPatickaAktuality .tl a:hover {background-color: #fff;}

#boxPatickaUzitecneInformace {float: right; width: 30%; padding: 0 0 30px; background-color: #000; }
/*****************************************************/
#boxAktuality .obsah {width: 1090px;}
#boxAktuality .nadpis {line-height: 120%;padding: 0 0 5px;font-weight: bold;font-size: 130%; margin: 0;}
/*****************************************************/
.hlavniObsahLeft .box-submenu h2,#boxSortiment .hlavniObsahLeft h2, #box-kosik h2 {padding: 5px 15px;margin: 0px 0 10px;background-color: #303030;color: #fff;text-align: left;font-size: 160%;}
.hlavniObsahLeft .box-submenu-content {padding: 0 15px;}
.hlavniObsahLeft .box-submenu ul {padding: 0 0 15px; margin: 0;}
.hlavniObsahLeft .box-submenu li {list-style: none url();padding: 0 0 0px;background: url();}
.hlavniObsahLeft .box-submenu li li {padding: 0;}
.hlavniObsahLeft .box-submenu ul li a {padding: 5px 0 7px 20px;display: block;font-size: 130%;text-decoration: none;line-height: 160%;color: #303030; background: url(); border-bottom: 1px dashed #ABABAB;}
.hlavniObsahLeft .box-submenu ul li li a {background: url();padding: 2px 0 2px 30px;font-size: 100%;color: #303030;}
.hlavniObsahLeft .box-submenu li.current>a {background-color: #e5e5e5;font-weight: bold; color: #000;}
.hlavniObsahLeft .box-submenu li.current>a {background-color: #e5e5e5;font-weight: bold; color: #000; background: url("../layout/ok.png") no-repeat scroll 10px 13px transparent; padding-left: 35px;}
.hlavniObsahLeft .box-submenu li a:hover {background-color: #fafafa;color: #000;}
.hlavniObsahLeft .box-submenu li.tlZobrazVse>a {background-color: #fed215;color: #000;}
/********************************************************/
/** submenu sortimentu **/
.hlavniObsahLeft .box-submenu-sortiment h2 a, .hlavniObsahLeft .box-submenu-sortiment h2 a:hover {color: #fff;text-decoration: none;}
.hlavniObsahLeft .box-submenu-sortiment ul li {background: url() ;border-bottom: 1px dashed #ABABAB;padding: 5px 0;}
.hlavniObsahLeft .box-submenu-sortiment ul li a {text-decoration: none;color: #797979;font-size: 100%;padding: 0;font-weight: normal; border: none;}
.hlavniObsahLeft .box-submenu-sortiment ul li a:hover {background-color: transparent;}
.hlavniObsahLeft .box-submenu-sortiment a strong {text-transform: uppercase;color: #303030;font-size: 120%;}
.hlavniObsahLeft .box-submenu-sortiment a span {float: left;display: inline-block;padding: 5px 0 0 10px;}
.hlavniObsahLeft .box-submenu-sortiment a:hover,.hlavniObsahLeft .box-submenu-sortiment a:hover * {color: #EB0000;}
.hlavniObsahLeft .box-submenu-sortiment img {float: left;padding: 0;margin: 0;border: none;width: 35px;}
/********************************************************/
#box-kosik {text-align: center;}
#box-kosik h2 {margin: 0 0 30px;}
/********************************************************/
#boxMalyKosik {position: absolute; margin: auto 0; top: 0; bottom: 0; right: 22px;transition: .2s all ease; height: 44px;}
#boxMalyKosik .content {display: inline-block; line-height: 44px; height: 44px; width: 41px; background: #fff url(../layout/icoKosik.jpg) no-repeat right top; text-decoration: none; color: #1b1b1b; font-size: 110%; position: relative;}
#boxMalyKosik .pocet {position: absolute; right: -6px; bottom: 35px; background-color: #ff0000; font-size: 50%; width: 16px; line-height: 16px; height: 16px; display: block; text-align: center; color: #fff; border-radius: 8px;}
/********************************************************/
.galerie-fotky {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-justify-content:left;justify-content:left;}
.galerie-fotky .polozka {width: 185px; margin: 0 20px 20px 0; line-height: 70%;}

figure.polozka figcaption {display: none; visibility: hidden;}
/********************************************************/

#form_typy_oken {padding: 2em 2em;}
#form_typy_oken .tl {text-align: center;}
#form_typy_oken .tl span {font-size: 100%;}
#form_typy_oken .dCell {vertical-align: middle;}



/***** POPUP BLOCK *****/
.white-popup-block {background: none repeat scroll 0 0 #FFFFFF;margin: 20px auto;max-width: 900px;padding: 2em 3em;position: relative;width: auto;}
.white-popup-block h2 {font-size: 150%; border-bottom:solid 1px #ddd; padding: 0 0 10px; margin: 0 0 25px;}
.white-popup-block .objednavkovy-proces-paticka {border-top:solid 1px #ddd; padding: 25px 0 0;}


.cenaDoporucena {text-decoration: line-through;}

button.submitDokoncitObjednavku {font-weight: bold; text-transform: uppercase; font-size: 140%; line-height: 105%; padding: 10px 15px;}
button.submitDokoncitObjednavku span {display: inline; font-weight: normal; font-size: 70%; text-transform: none;}
button.tlZpracovavam, button.tlZpracovavam:hover {background-color: #555 !important; color: #ddd !important;}

#boxFiltrySkupiny ul {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-justify-content:left;justify-content:left; margin-left: 0;}
#boxFiltrySkupiny ul li {width: 33.333%; list-style: none; padding: 0 10px 10px 0; background-image: url();}
#boxFiltrySkupiny ul li a {display: block; border: 1px dashed #ABABAB; padding: 7px 10px; width: 100%; height: 100%; text-decoration: none; font-size: 120%;}
#boxFiltrySkupiny ul li a span {display: block;}
#boxFiltrySkupiny ul li a .nazev1 {font-weight: bold; font-size: 120%;}
#boxFiltrySkupiny ul li a:hover  {border-color:#000; background-color: #eee;}

#boxFiltrySkupiny ul li.aktivni a, #boxFiltrySkupiny ul li.aktivni a:hover {background-color: #FFCB09; border-color: #000;}