@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap&subset=latin-ext');



*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}








/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline}
/* Global properties */
html {width:100%}
body {font-family:'Poppins', sans-serif;font-size:0.9em;color:#000;background:#fff;} /* color:#AEAEAE; moc svetle */

/*.main {padding:0;margin:0 auto;font-size:0.875em;line-height:1.5em}*/
a {color:#000;text-decoration:none;outline:none}
a:hover {color:#000;text-decoration:underline}

 
 
a.und, a.pod{text-decoration:underline}
a.nepod, a.nepod:hover{text-decoration:none}
p {margin: 0 0 18px 0; padding: 0; font-size:1em; line-height: 2;} 
.p1 {margin-bottom:1px}
.p2 {margin-bottom:2px}
.p5 {margin-bottom:5px}
.p8 {margin-bottom:8px}
.p12 {margin-bottom:12px}
.p30 {margin-bottom:30px}
.p40 {margin-bottom:40px}
.p50 {margin-bottom:50px}
.fleft {float:left}
.fright {float:right}
.alignright {text-align:right}
.aligncenter {text-align:center}

.t08 {font-size: 0.8em}
.t09 {font-size: 0.9em}
.t11 {font-size: 1.1em}
.t12 {font-size: 1.2em}
.t13 {font-size: 1.3em}


/*header*/
header {width:100%;}
	
	
	
	
	
	





div#topRow {
	float: left;
	position: relative;
	width: 100%;
	margin: 40px 0 10px 0; 
	padding: 0;
	font-weight: normal;
	font-size: 1.1em;
	z-index: 200;
	
}



div#topImg {
	float: left;
	position: relative;
	margin: 5px 70px 0 0;
	
}
div#topImg img {
	width: 232px;
	max-width: 100%;
	
}


div#topRight {
	float: left;/*float: right;*/
	position: relative;
	margin: 0 0 0 0; 
}


div#topEshop {
	float: right;
	position: relative;
	margin: 0 0 0 0; 
	
}

div#topEshop a {
	display:block;		
	padding: 16px 26px 16px 26px;
		color: #e7002c;
		font-size: 1.1em;
		font-weight: 500;
		text-decoration: none;
		margin: 0;
		border: 2px solid #e7002c;

}








div#topMenu {
	display: inline-block;
	text-align: center;
/*	float: right;
	position: relative;
	margin: 0;  */
}




.menu {float:left;position:relative;padding:0;margin: 0;}
.menu li {float:left;position:relative;}


.menu li a {display:block;		
		padding: 16px 8px;
		color: #504f54;
		font-size: 1.1em;
		font-weight: 500;
		text-decoration: none;
		margin: 0 10px;
		text-align:center; 
		/*text-transform: uppercase;*/

}



.menu li a.active {color: #e7002c;}
.menu li a:hover {color: #e7002c;}
/*.menu li a:hover {color: #fff; background-color: #da251d;}*/

.menu li a.last-item {padding: 16px 8px 16px 8px; margin: 0;}



.menu li div.oddel {display:block;		
		padding: 16px 16px;
		color: #504f54;
		font-size: 1.1em;
		font-weight: 500;
		text-decoration: none;
		margin: 0 10px;
		text-align:center; 
	
}



/* submenu: */

.menu li.sub:hover a { /* topmenu polozka hover */
	color: #e7002c;
}

.menu li.sub ul {
	margin-top: -2px;
	display: none;
	z-index: 200;
}
.menu li.sub:hover ul {
	display:block;
	position:absolute;
}

.menu li.sub ul {
	background: #f6f6f6; 
	margin-top: 0px; /* -2px;*/
}

.menu li.sub ul {
	/*background: rgba(255,255,255,0.5);*/
	padding: 0;
	border: 1px solid #e1e1e1;

	/*box-shadow: 5px 5px 25px rgba(0,0,0,0.2);
	-moz-box-shadow: 5px 5px 25px rgba(0,0,0,0.2);
	-webkit-box-shadow: 5px 5px 25px rgba(0,0,0,0.2);*/

}

.menu li.sub ul li a {
	text-align: left;
	width: 300px;
	margin:2px;
	padding: 10px;
	color: #504f54;
	display:block;
	font-size: 1em;
	font-weight: normal;
}

.menu li.sub ul li a:after /* ne "+" za polozkami */
	{
	  content: "";
	}



.menu li.sub ul li a, .menu li.sub ul li a:hover, .menu li.sub:hover ul li a {
	color: #504f54;
	/*width: 300px;
	font-size: 1em;
	font-weight: normal;*/
	/*border-top: 1px solid #DCDCDC;*/
}
.menu li.sub ul li a:hover { 
	text-decoration: none;
	color: #e7002c;
	background: #fff;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;

}
/* k: submenu */







h1 {font-size: 3.3em;line-height:1.2;font-weight: 600;margin: 40px 20px 70px 0;}
h2 {font-size:1.5em;line-height:1.219em;margin: 10px 0 5px 0;color:#000;font-weight:600;}
h3 {font-size:1.4em;line-height:1.514em;margin: 10px 0 0 0;color: #000;font-weight:700;}
h4 {font-size:1em;line-height:1.214em;margin: 10px 0 0 0;color: #000;font-weight:300;}




div.mlr40 {
	position: relative;
	margin-left: 40px;
	margin-right: 40px;
}
div.mlr80 {
	position: relative;
	margin-left: 80px;
	margin-right: 80px;
}
div.ml20 {
	position: relative;
	margin-left: 20px;
}
div.mr20 {
	position: relative;
	margin-right: 20px;
}
div.ml40 {
	position: relative;
	margin-left: 40px;
}
div.mr40 {
	position: relative;
	margin-right: 40px;
}


div.mlr80-menu {
	position: relative;
	margin-left: 80px;
	margin-right: 80px;
}




.fleft-img {
	float: left;
	margin: 0 35px 15px 0;

}
.fright-img {
	float: right;
	margin: 0 0 15px 35px;

}








/*footer*/
footer {width:100%;color:#504f54;padding:25px 0 0 0; background:#fff;}
footer .col-1-4 {padding:35px 0 0 0;}

footer a {color:#504f54;text-decoration:none;outline:none;}
footer a:hover {color:#504f54;text-decoration:underline}

footer h2 {color:#504f54; margin: 0 0 35px 0; padding: 0;font-size: 1.3em;font-weight: 600;}
footer p {
	margin: 0 0 3px 0;
	padding: 0;
	font-size: 1em;
	line-height: 1.2;
}

footer ul.ul-foot {
	list-style-type: none; 
	margin: 0;  
	padding: 0;
}
footer ul.ul-foot li {
	line-height: 1.3;
	margin: 0 0 6px 0;
	padding: 0 0 2px 0;
	font-size: 1em;
	font-weight: 400;
	/*text-transform: uppercase;*/
}
/*footer ul.ul-foot li:before {
    content: "- ";
    
}*/

footer div.divFootSocial {
	position:relative;
}
footer div.divFootSocial a {
	display: inline-block;
	margin: 0 5px 0 0;
	
}
footer div.divFootSocial img {
	width: 40px;
	max-width: 100%;
	margin: 10px 10px 0 0;
	
}	
footer img {
	max-width: 100%;
}

footer img.foot-logo {
	width: 156px;
	max-width: 100%;
	margin: 0 0 25px 0;
}

footer div.firma {
}	
footer div.firma h2.sidlo {
	margin: 0 0 4px 0;
	padding: 0;
	font-size: 1em;
	line-height: 1.2;
}
footer div.firma h2.nazev {
	margin: 0 0 4px 0;
	padding: 0;
	font-size: 1.2em;
	line-height: 1.2;
}
footer div.firma h2.provozovna {
	margin: 0 0 4px 0;
	padding: 0;
	font-size: 1em;
	line-height: 1.2;
}

footer div.firma p {
	margin: 0 0 4px 0;
	padding: 0;
	font-size: 1em;
	line-height: 1.2;
}
footer div.firma p.pSidlo {
	margin: 0 0 14px 0;
	padding: 0;
}
footer div.firma p.pProvozovna {
	margin: 0 0 14px 0;
	padding: 0;
}


footer p.copy {
	margin: 25px 0 40px 0;
	padding: 0;
	font-size: 1em;
	line-height: 1.2;
}



div.footer-in { /* kvuli barve pozadi v IE 8 a nize, ve footer nebralo ani s upravami */
	/*float: left;*/
	color:#504f54;
	background:#fff;
	
}

.h100p {
	position: relative; /* pro .menu-row, ktere je v nem absolute */
	height: 100%;
}






.top-banner { /* HP banner nahore */
	position: relative;
	width:100%;
	max-width: 1920px;
	margin: 0 auto;
	background: #fff; 
}


.top-banner img {
	width: 100%;
}



.top-banner .box-vlevo {
	position:absolute;
	left:0;
	bottom:0;
	/*z-index:100;*/
	width: 54%;
	height: 100%;
}
.top-banner .box-vlevo .box-vlevo-in {
	width:100%;
	height: 100%;
	position:relative;
	float:left;
	text-align: left;
	padding: 100px 10px 10px 90px;
}

.top-banner .box-vlevo .box-vlevo-in h1 {
	color: #000;
	font-weight:600;
	margin: 25px 0 30px 0;
	font-size:3.5em; 
	line-height:1.3;
}
.top-banner .box-vlevo .box-vlevo-in p {
	color: #000;
	font-weight:400;
	margin: 0 0 25px 0;
	font-size:1em; 
	line-height:2;
}







/*.hp-obr-eshop {
	position: relative;border:1px solid red;
	width: 100%;
	height: 100%;
	
}*/



img.hp-kytka {
	position: absolute;
	left: 0;
	bottom: -45px;
	z-index: 10;
	width: 40%;
	
}


div.hp-eshop {
	position: relative;
	width:100%;
	max-width: 1920px;
	margin: 0 auto;
	background: #fff url(../gfx/hp-obrazky-eshop.png) no-repeat left bottom; 
	background-size: 84%;
}

.hp-texty-eshop {
	margin: 90px 0 80px 0;
}


.hp-texty-nabidka {
	width: 100%;
	display: inline-block;
	margin: 120px 0 110px 0;
}
.hp-texty-nabidka p.t1 {
	font-size: 3.3em;
	line-height:1.3;
	font-weight: 600;
	margin: 0 0 20px 0;
	text-align: center;
}
.hp-texty-nabidka p.t2 {
	font-size:1em;
	line-height:1.5;
	margin: 0 0 60px 0;
	text-align: center;
}


.hp-klimatizace-vlastnosti {
	width: 100%;
	display: inline-block;
	margin: 100px 0 20px 0;
}
.hp-klimatizace-vlastnosti h2 {
	font-size: 3.3em;
	line-height:1.3;
	font-weight: 600;
	margin: 0 0 10px 0;
	text-align: center;
}
.hp-klimatizace-vlastnosti p.t1 {
	font-size:1em;
	line-height:1.5;
	color: #515056;
	margin: 0 0 60px 0;
	text-align: center;
}

.hp-klimatizace-vlastnosti .sl-1-2 {
	float: left;
	width: 50%;
	text-align: center;
}
.hp-klimatizace-vlastnosti .sl-1-2 .sl-1-2-in {
	margin: 10px 80px 0 80px;
}
.hp-klimatizace-vlastnosti .sl-1-2 img {
	max-width: 100%;
}

.hp-klimatizace-vlastnosti .sl-1-2-mob {
	display: none; /* resp. */
	
	float: left;
	width: 100%;
	text-align: center;
}
.hp-klimatizace-vlastnosti .sl-1-2-mob .sl-1-2-in {
	margin: 0 150px 40px 150px;
}
.hp-klimatizace-vlastnosti .sl-1-2-mob img {
	max-width: 100%;
}


.hp-klimatizace-vlastnosti .sl-1-4 {
	float: left;
	width: 25%;
	text-align: center;
}
.hp-klimatizace-vlastnosti .sl-1-4 .sl-1-4-in {
	margin: 0 10px;
}
.hp-klimatizace-vlastnosti .sl-1-4 h2 {
	font-size: 1.6em;
	font-weight: 600;
	color: #000;
	margin: 20px 0 15px 0;
}
.hp-klimatizace-vlastnosti .sl-1-4 p {
	font-size: 1em;
	color: #515056;
	margin: 0;
}
.hp-klimatizace-vlastnosti .sl-1-4 img {
	max-width: 100%;
	height: 86px;
}


.hp-aktuality {
	width: 100%;
	display: inline-block;
	margin: 40px 0 30px 0;
}
.hp-aktuality h2 {
	font-size: 3.3em;
	line-height:1.3;
	font-weight: 600;
	margin: 0 0 10px 0;
	text-align: center;
}
.hp-aktuality p.t1 {
	font-size:1em;
	line-height:1.3;
	color: #515056;
	margin: 0 0 60px 0;
	text-align: center;
}



.hp-aktuality .sl-1-4 {
	float: left;
	width: 25%;
	text-align: left;
}
.hp-aktuality .sl-1-4 .sl-1-4-in {
	margin: 0 20px;
}
.hp-aktuality .sl-1-4 h2 {
	font-size: 2.2em;
	line-height: 1.4;
	font-weight: 600;
	color: #000;
	padding: 4px 0 30px 0; /* margin nesel */
	margin: 0;
	text-align: left;
}
.hp-aktuality .sl-1-4 p.pDat {
	font-size: 1em;
	line-height: 1.4;
	color: #504f54;
	padding: 20px 0 0 0; 
	margin: 0;
}
.hp-aktuality .sl-1-4 img {
	width: 100%;
	margin: 0;
}




div.aktuality-detail h2 {
	font-size: 1.3em;
	margin: 30px 0 4px 0;
}
div.aktuality-detail p {
	margin: 0 0 10px 0;
}
div.aktuality-detail img {
	max-width: 100%;
}




.hp-reference {
	width: 100%;
	display: inline-block;
	margin: 100px 0 60px 0;
}
.hp-reference .sl-1-2 {
	float: left;
	width: 50%;
	margin: 0 0 90px 0;
	text-align: left;
}

.hp-reference .jmeno {
	float: left;
	width: 165px;
	margin: 0;
	text-align: left;
	color: #e7002c;
	font-weight: 600;
	line-height: 2;
	background: transparent url(../gfx/hp-reference-oddel-red.png) no-repeat top right;
	min-height: 77px; /* pozadi */
}
.hp-reference .text {
	float: left;
	width: calc(100% - 165px);
	margin: 0;
	padding: 0 0 0 45px;
	text-align: left;
	color: #515055;
	line-height: 2;
}


.hp-reference .sl-odkaz {
	float: left;
	width: 100%;
	margin: 10px 0 0 0;
	text-align: center;
}
a.dalsi-reference {
	font-size:1.2em;
	font-weight: 600;
	line-height:1.3;
	color: #000;
	margin: 0 0 50px 0;
}








.bloky-obr-text {
	width: 100%;
	display: inline-block;
	margin: 54px 0 70px 0;
}




.bloky-obr-text .sloupec {
	float: left;
	width: 33.33%;
	text-align: center;
}
.bloky-obr-text .sloupec .sloupec-in {
	margin: 0;
	height: 100%;
	width: 100%;
}
.bloky-obr-text .sloupec .sloupec-in .sloupec-in-obr {
	margin: 0 27px;
	background: #f6f6f6;
	/*height: 410px;*/
}
.bloky-obr-text .sloupec .sloupec-in .sloupec-in-text {
	margin: 0 77px;
	background: #fff;
	text-align: left;
}



.bloky-obr-text .sloupec .sloupec-in .sloupec-in-text h2 {
	font-size: 1.8em;
	font-weight: 600;
	color: #000;
	margin: 30px 0 10px 0;
}
.bloky-obr-text .sloupec .sloupec-in .sloupec-in-text h2 span {
	display: none;
}
.bloky-obr-text .sloupec .sloupec-in .sloupec-in-text p {
	font-size: 1em;
	color: #000;
	margin: 0 0 10px 0; 
}
.bloky-obr-text .sloupec .sloupec-in .sloupec-in-obr img {
	width: 100%;
	/*margin: 50px 0 15px 0;*/
	padding: 20px;
}

.bloky-obr-text.uziti .sloupec .sloupec-in .sloupec-in-obr img {
	width: 100%;
	padding: 0; /* vzdy */
}










.bloky-ikonky-podle-uziti {
	width: 100%;
	display: inline-block;
	margin: 40px 0 90px 0;
}




.bloky-ikonky-podle-uziti .sloupec {
	float: left;
	width: 50%;
	text-align: center;
}
.bloky-ikonky-podle-uziti .sloupec.sl1 {
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}
.bloky-ikonky-podle-uziti .sloupec.sl2 {
	border-left: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}
.bloky-ikonky-podle-uziti .sloupec.sl3 {
	border-right: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
}
.bloky-ikonky-podle-uziti .sloupec.sl4 {
	border-left: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
}


.bloky-ikonky-podle-uziti .sloupec .sloupec-in {
	margin: 0;
	height: 100%;
	width: 100%;
}
.bloky-ikonky-podle-uziti .sloupec .sloupec-in .sloupec-in-obr {
	margin: 0 15px;
}
.bloky-ikonky-podle-uziti .sloupec .sloupec-in .sloupec-in-text {
	margin: 0 15px;
	text-align: center;
}



.bloky-ikonky-podle-uziti .sloupec .sloupec-in .sloupec-in-text p {
	font-size: 1.2em;
	line-height: 1.8;
	color: #000;
	margin: 0 0 50px 0; 
}
.bloky-ikonky-podle-uziti .sloupec .sloupec-in .sloupec-in-obr img {
	max-width: 100%;
	padding: 100px 15px 50px 15px;
}





p.text-vyrazny {
	font-size: 1.6em;
	line-height: 1.6;
	font-weight: 600;
	text-align: center;
}










div#top-row {
	width:100%;
	/*background: #f5f5f5 url(../gfx/bg-head.jpg) repeat-x 0px 0px; 
	min-height: 172px;*/
}


div.top-row-2 { /* bile pozadi */
	position: relative;
	width:100%;
	background: #fff;
	
}

div.top-row-3 { /* sede pozadi */
	position: relative;
	width:100%;
	background: #f6f6f6; 
}




div.top-row-podstranka-out { /* sede pozadi nahore v podstrance */
	position: relative;
	width:100%;
	background: #f6f6f6; 
}

div.top-row-podstranka { /* sede pozadi nahore v podstrance plus obrazkove pozadi, ale jen max. 1920px */
	position: relative;
	width:100%;
	max-width: 1920px;
	margin: 30px auto 0 auto;
	background: #f6f6f6; 
}

div.top-row-podstranka.byt {
	background: #f6f6f6 url(../gfx/podle-uziti-bg/byt.png) no-repeat left top; /* from left, from top */
	background-size: contain;
}
div.top-row-podstranka.rodinny-dum {
	background: #f6f6f6 url(../gfx/podle-uziti-bg/rodinny-dum.png) no-repeat left top; /* from left, from top */
	background-size: contain;
}
div.top-row-podstranka.podkrovi {
	background: #f6f6f6 url(../gfx/podle-uziti-bg/podkrovi.png) no-repeat left top; /* from left, from top */
	background-size: contain;
}
div.top-row-podstranka.obchod {
	background: #f6f6f6 url(../gfx/podle-uziti-bg/obchod.png) no-repeat left top; /* from left, from top */
	background-size: contain;
}
div.top-row-podstranka.kancelar {
	background: #f6f6f6 url(../gfx/podle-uziti-bg/kancelar.png) no-repeat left top; /* from left, from top */
	background-size: contain;
}
div.top-row-podstranka.vinny-sklep {
	background: #f6f6f6 url(../gfx/podle-uziti-bg/vinny-sklep.png) no-repeat left top; /* from left, from top */
	background-size: contain;
}
div.top-row-podstranka.karavan {
	background: #f6f6f6 url(../gfx/podle-uziti-bg/karavan.png) no-repeat left top; /* from left, from top */
	background-size: contain;
}
div.top-row-podstranka.mobilni-dum {
	background: #f6f6f6 url(../gfx/podle-uziti-bg/mobilni-dum.png) no-repeat left top; /* from left, from top */
	background-size: contain;
}
div.top-row-podstranka.it {
	background: #f6f6f6 url(../gfx/podle-uziti-bg/it.png) no-repeat left top; /* from left, from top */
	background-size: contain;
}


div.top-row-podstranka.druhy {
	background: #f6f6f6 url(../gfx/podstranky-bg/druhy.png) no-repeat left top; /* from left, from top */
	background-size: contain;
}
div.top-row-podstranka.montaz {
	background: #f6f6f6 url(../gfx/podstranky-bg/montaz.png) no-repeat left top; /* from left, from top */
	background-size: contain;
}
div.top-row-podstranka.realizace {
	background: #f6f6f6 url(../gfx/podstranky-bg/realizace.png) no-repeat left top; /* from left, from top */
	background-size: contain;
}
div.top-row-podstranka.reference {
	background: #f6f6f6 url(../gfx/podstranky-bg/reference.png) no-repeat left top; /* from left, from top */
	background-size: contain;
}
div.top-row-podstranka.servis {
	background: #f6f6f6 url(../gfx/podstranky-bg/servis.png) no-repeat left top; /* from left, from top */
	background-size: contain;
}
div.top-row-podstranka.vyber {
	background: #f6f6f6 url(../gfx/podstranky-bg/vyber.png) no-repeat left top; /* from left, from top */
	background-size: contain;
}



div.top-row-podstranka.aktuality-domaci-klimatizace {
	background: #f6f6f6 url(../gfx/aktuality-bg/domaci-klimatizace.png) no-repeat left top; /* from left, from top */
	background-size: contain;
}
div.top-row-podstranka.aktuality-klimatizace-vlastnosti {
	background: #f6f6f6 url(../gfx/aktuality-bg/klimatizace-vlastnosti.png) no-repeat left top; /* from left, from top */
	background-size: contain;
}
div.top-row-podstranka.aktuality-vytapeni-klimatizaci {
	background: #f6f6f6 url(../gfx/aktuality-bg/vytapeni-klimatizaci.png) no-repeat left top; /* from left, from top */
	background-size: contain;
}
div.top-row-podstranka.aktuality-klimatizace-do-kancelari-a-komercnich-prostor {
	background: #f6f6f6 url(../gfx/aktuality-bg/klimatizace-do-kancelari-a-komercnich-prostor.png) no-repeat left top; /* from left, from top */
	background-size: contain;
}










.montaz-klimatizace-kroky {
	width: 100%;
	display: inline-block;
	margin: 100px 0 110px 0;
}

.montaz-klimatizace-kroky h2 {
	font-size: 3.3em;
	line-height:1.3;
	font-weight: 600;
	margin: 0 0 60px 0;
	text-align: center;
}





.klimatizace-detail {
	width: 100%;
	display: inline-block;
}
.klimatizace-detail p.t1 {
	font-size: 3.3em;
	line-height:1.3;
	font-weight: 600;
	margin: 70px 0 60px 0;
	text-align: center;
}

.klimatizace-detail h2.h2-doporucujeme {
	font-size: 3.3em;
	line-height:1.3;
	font-weight: 600;
	margin: 0 0 20px 0;
	text-align: center;
}


.klimatizace-detail div.produkty-doporucujeme h2 {
	font-size:1.5em;
	line-height:1.219em;
	margin: 0 0 5px 0;
	color:#000;
	font-weight:500;
	text-align: center;
}
.klimatizace-detail div.produkty-doporucujeme img {
	text-align: center;
	max-width: 100%;
}


.klimatizace-detail div.divOutOdkaz {
	text-align: center;
	
}

div.divOutOdkaz img, div.divOutOdkaz span {
	vertical-align: middle;
}
div.divOdkazRed {
	display: inline-block;
	font-size: 1.4em;
	font-weight: 500;
	text-align: center;
	color: #fff;
	background-color: #db001b;
	padding: 17px 35px;
	margin: 25px 0 10px 0;
}
a.aOdkazRed:hover {
	text-decoration: none;
}













/* seznam referenci: */

div.referenceBox a.aRam {
	float: left;
	position: relative;
	display: inline-block;
	text-align: center;
	width: 33.33%;
	/*height: 503px;*/
	margin: 0;
	padding: 0;
	font-size: 1em;
	overflow: hidden;
	
}

div.referenceBox a.aRam div.divObrBg {
	
	position: relative;
	display: inline-block;
	text-align: center;
	margin: 0 20px 20px 0;
	padding: 0;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	/*margin: 7px;
	padding: 0;
	width: calc(100% - 10px);
	height: calc(100% - 10px);*/

    overflow: hidden;
    background-size: cover;
    background-position: center center;
	
}

div.referenceBox a.aRam div.divObrBg img {
	max-width: 100%;
	max-height: 100%;
}

html>body div.referenceBox a.aRam div.divObrBg img {    /*hidden from IE 5-6 */
	margin-top: 0; /* to clean up, just in case IE later supports valign! */
	vertical-align: middle;
	}
	
	
	
div.referenceBox a.aRam div.divObrBg div.divReferenceNazev {
	position: absolute;
	top: 0px;
	left: 0px;
	display: inline-block;
	text-align: center;
    vertical-align: middle;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
}
div.referenceBox a.aRam div.divObrBg div.divReferenceNazev p {
	visibility: hidden;
	
    position: relative; /* pro vertical center - toto + dalsi 2 radky - v absolute nejde pres vertical-align: middle */
    top: 50%;
    transform: translateY(-50%);
	
	color: #fff;
	text-align: center;
	font-size: 1.2em;
	font-weight: 500;
	/*text-transform: uppercase;*/
	padding: 0 10px;
}

div.referenceBox a.aRam div.divObrBg div.divReferenceNazev:hover {
	background: rgba(0, 0, 0, 0.3);

}	
div.referenceBox a.aRam div.divObrBg div.divReferenceNazev:hover p {
	visibility: visible;
}

div.referenceBox a.aRam div.divObrBg div.divReferenceNazev p span {
	display: block;
	color: #fff;
	text-align: center;
	font-size: 0.9em;
	font-weight: bold;
	text-transform: none;
}





/* detail reference: */

div#referenceFotky {
	position: relative;
	float: left;
	margin:0;
	padding: 0;
}

div#referenceFotky img   {
	width:100%; /*roztazeni na celou sirku divu, ve kterem je */
	margin: 0 10px 10px 0;

}

/*.sticky {
    top: 0;
    position: fixed;background: pink;
}*/

div#referencePopis {
	line-height: 1.7;
	color: #000;
	z-index: 1000;
	background-color: #fff;
	
	padding: 12px 0 12px 25px;
}
div#referencePopis img {
	width:100%; /*roztazeni na celou sirku divu, ve kterm je */
}
div#referencePopis .ikonyFunkce img, div#referencePopis #zobrazitreferencePopis img, div#referencePopis #skrytreferencePopis img, div#referencePopis p.referenceZajem img  {
	width: auto; 
	max-width:100%;
}
div#referencePopis p.referenceZajem img  {
	padding: 0 3px 0 0;
}

div#referencePopis ul  {
	list-style-type: disc; 
	margin: 0 0 20px 30px;  
	padding: 0;
}
div#referencePopis ul li {
	font-size: 1em;
	font-weight: normal;
	line-height: 1.3;
	margin: 0 0 4px 0x;
	padding: 0 0 6px 4px;
}

div#referencePopis ol  {
	list-style-type: decimal; 
	margin: 0 0 0 30px;  
	padding: 0;
}
div#referencePopis ol li {
	font-size: 1em;
	font-weight: normal;
	line-height: 1.3;
	margin: 0 0 10px 0;
	padding: 0 0 4px 2px;
}



div#referencePopis #skrytreferencePopis img, #zobrazitreferencePopis img, area#pridat-do-oblibenych {cursor: pointer;}



div#divBottomNavig {
	position: relative; 
	display: block;
	width: 100%;
	
}

div#referencePredchozi { /* jinde: nesmi byt div#referencePredchozi, nejde proklik */
	width: 33.33%;
	display: inline-block;
	float: left;
	text-align: center;
	margin:0;
	padding: 0;
}
div#zpetNaSkupinu {
	width: 33.33%;
	display: inline-block;
	float: left;
	text-align: center;
	margin:0;
	padding: 0;
}
div#referenceDalsi {
	width: 33.33%;
	display: inline-block;
	float: right;
	text-align: center;
	margin:0;
	padding: 0;
}

div#referencePredchozi img, div#referenceDalsi img {
	margin-top: 10px;
}








.kontaktni-banner { /* banner v podstrankach */
	position: relative;
	width:100%;
	max-width: 1920px;
	margin: 70px auto 80px auto;
	background: #fff; 
}


.kontaktni-banner img {
	width: 100%;
}



.kontaktni-banner .box-vpravo {
	position:absolute;
	right:0;
	bottom:0;
	/*z-index:100;*/
	width: 54%;
	height: 100%;
}
.kontaktni-banner .box-vpravo .box-vpravo-in {
	width:100%;
	height: 100%;
	position:relative;
	float:left;
	text-align: left;
	padding: 90px 90px 10px 10px;
}

.kontaktni-banner .box-vpravo .box-vpravo-in h2 {
	color: #000;
	font-weight:600;
	margin: 25px 0 40px 0;
	font-size:3.5em; 
	line-height:1.3;
}
.kontaktni-banner .box-vpravo .box-vpravo-in p {
	color: #000;
	font-weight:400;
	margin: 0 0 25px 0;
	font-size:1.2em; 
	line-height:2;
	padding: 0 0 25px 0;
}



.kontaktni-banner .box-vpravo .box-vpravo-in p span.red-odrazka {
	color:#e7002c;
	font-size: 1em;
	font-weight: 700;
	margin: 0 5px;
}



div.cervene-tlacitko { float: left; position: relative; background-color: #e6002b; color: #fff; border: 0; font-weight: 500; padding: 20px 30px; font-size: 1.2em; }



















 
.clear {
    clear: both;
    height:0px;
    float:none;
    font-size:0px;
    line-height:0px;
    margin:0;
    padding:0;
    display:block;
}

.nobr	{ white-space:nowrap; }

.pb2 { padding-bottom:2px;}	
.pb5 { padding-bottom:5px;}	
.pb10 { padding-bottom:10px;}	
.pb15 { padding-bottom:15px;}
.pb20 { padding-bottom:20px;}
.pb30 { padding-bottom:30px;}	
.pb40 { padding-bottom:40px;}
.pb50 { padding-bottom:50px;}
.pb60 { padding-bottom:60px;}
.pb80 { padding-bottom:80px;}
.pb100 { padding-bottom:100px;}

.pb40-1-3 { padding-bottom:40px;} /* pod radkem se 3 sloupci, pak mizi */
.pb60-misto-nadpisu {padding-bottom:60px;} /* na HP, pri col-1-2 na 100% mizi */
.clear-pb50-resp50p {display: none;} /* pro resp. */
.clear-pb50-resp100p {display: none;} /* pro resp. */


.clear-pb80-resp33p {	/* ne pro resp. */	
	clear: both;
	height:0px;
	float:none;
	font-size:0px;
	line-height:0px;
	margin:0;
	padding:0;
	display:block;
	
	padding-bottom:50px;
} 
.clear-pb80-resp50p {display: none;} /* pro resp. */
.clear-pb80-resp100p {display: none;} /* pro resp. */

.clear-resp100p {display: none;} /* pro resp. */


 
div.nahoru {
	float: left;
	position: relative;
	width: 100%;
	text-align: center;
}


nav.wrapper {  /* obsahuje 3 divy nize */
	text-align:center;
}


	


div.clanek p
{
	/*text-align: justify; */
}
div.clanek p.center /* musi byt, jinak zustane justify, i kdyz je u p styl center */
{
	text-align: center; 
}
div.clanek img {
	max-width: 100%;
}









/* pro ukotveni resp. menu: */
.sticky2 {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 30000;
  background: #f6f6f6;
  padding: 7px;
  height: 44px; /* obrazek v. 30px + 2x 7px padding, neslo jinak */
  border-right: 1px solid #7f7f7e;
  border-bottom: 1px solid #7f7f7e;
}









div.drobeckova-navigace {
	position: relative;
	float: left;
	width: 100%;
	color: #000;
	font-size: 1em;
	margin: 40px 0 10px 0;
}
div.drobeckova-navigace a {
	color: #000;
	text-decoration: none;
}
div.drobeckova-navigace a:hover {
	color: #000;
	text-decoration: underline;
}




div.nadpis-stranky {
	position: relative;
	float: left;
	width: 50%;
	
	
}


div.text-vedle-drobeckove {
	position: relative;
	float: left;
	width: 50%;
	color: #000;
	font-size: 1em;
	margin: 0 0 50px 0;
	
}





div.bloky-pulene {
	/*float: left;
	position: relative;
	width: 100%;*/
	display: flex;
	flex-wrap: wrap;
	/*flex-basis: 100%;*/
}

div.bloky-pulene div.blok-obr {
	/*float: left;
	position: relative;
	width: 50%;*/
	flex: 1;
}
div.bloky-pulene div.blok-obr img {
	width: 100%;
}

div.bloky-pulene div.blok-text {
	/*float: left;
	position: relative;
	width: 50%;*/
	flex: 1;
}
div.bloky-pulene div.blok-text h2 {
	font-size: 2.4em;
	line-height:1.4;
	color: #000;
	margin: 0 0 20px 0;
}





div.blok-horiz-mezera {
	clear: both;
    height:0px;
    float:none;
    font-size:0px;
    line-height:0px;
    margin:0;
    padding:0;
    display:block;
	padding-bottom:100px;
}



hr.hr-nad-patickou {
	border: 0;
	color: #949494;
	background-color: #949494;
	height: 1px;
	width: 100%;
	margin: 0;
}








.center {
	text-align: center;
}
.left {
	text-align: left;
}
.just {
	text-align: justify; 
}



.red {
	color:#e7002c;
	}








ol.ol-2-barvy {
	margin: 0 0 0 25px;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}
ol.ol-2-barvy li {
	counter-increment: list;
	list-style-type: none;
	position: relative;
	color: #000;
	font-size: 1.1em;
	margin: 0 10px 15px 10px;

}
ol.ol-2-barvy li::before {
	color: #e7002c;
	content: counter(list); /* "."*/
	left:-36px;
	position: absolute;
	text-align: right;
	width: 26px;
}





ul.ul-2-barvy { 
	margin: 0 0 0 40px;
    columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3;
}

ul.ul-2-barvy li {  
	color: #000;
	font-size: 1.1em;
	text-align: left;
	margin: 0 25px 10px 0;
	
	list-style-type: none;
	position: relative;
}

ul.ul-2-barvy li::before {
  content: "\2022";
  color: #e7002c;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}   
ul.ul-2-barvy li:nth-child(odd) {
    font-weight:600;
}​

/* musi byt, i kdyz nepouzito pro div.list-centered !! */
#outer-div {
  width: 100%;
  text-align: center;
  background-color: #0666a3;
}

#inner-div {
  display: inline-block;
  margin: 0 auto;
  padding: 3px;
  background-color: #8ebf42;
}
/* k: musi byt, i kdyz nepouzito pro div.list-centered !! */


/*
div.list-centered {
	display: inline-block;
	text-align: center;
	width: 100%;
}
div.list-centered-in {
	display: inline-block;
	margin: 0 auto;
}

ul.ul-2-barvy-2 { 
	margin: 0 0 0 40px;
}

ul.ul-2-barvy-2 li {  
	color: #000;
	font-size: 1.1em;
	text-align: left;
	margin: 0 25px 10px 0;
	
	list-style-type: none;
	position: relative;
}

ul.ul-2-barvy-2 li::before {
  content: "\2022";
  color: #e7002c;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}   
*/


ul.ul-2-barvy-v-textu { 
	margin: 0 0 0 40px;
}

ul.ul-2-barvy-v-textu li {  
	color: #000;
	font-size: 1em;
	line-height: 2;
	text-align: left;
	margin: 0 25px 20px 0;
	
	list-style-type: none;
	position: relative;
}

ul.ul-2-barvy-v-textu li::before {
  content: "\2022";
  color: #e7002c;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}   


ul.ul-2-barvy-v-textu.mensi-mez li {  
	margin: 0 25px 8px 0;
}





	
	
	
	
 


img.stranka-neexistuje {
	width: 550px;
	max-width: 100%;
}






div.divProKontaktText {
	position: relative;
	text-align: left;
}
div.divProKontaktText div.cast-provozovna {
	position: relative;
	float: left;
	width: 50%;
}
div.divProKontaktText div.cast-sidlo {
	position: relative;
	float: left;
	width: 50%;
}

div.divProKontaktText h2 {
	margin: 0;
}
div.divProKontaktText h2.provozovna {
	color: #000;
	font-size: 3.3em;
	line-height: 1.2;
	font-weight: 600;
	text-transform: none;
	margin: 0;

}
div.divProKontaktText h2.provozovna span {
	font-size: 0.8em;
}


div.divProKontaktVedleFormu {
	position: relative;
	text-align: left;
	
}
div.divProKontaktVedleFormu div.odsadit {
	position: relative;
	text-align: left;
	margin: 90px 100px 0 30px;
}


img.kontakt-mapa {
	max-width: 100%;
}

div.divProKontaktMapa img, div.divProKontaktMapa span {
	vertical-align: middle;
}


div.kontakt-fotky img {
	width: 45%;
	width: calc(50% - 15px);
	max-width: 100%;
	margin: 0 20px 20px 0;
}
div.kontakt-fotky img.last {
	margin: 0 0 20px 0;
}






div.anchor { /* ridi JQuery */
    display: block;
    position: relative;
    /*top: 0;*/ /* posun kvuli ukotvenemu menu */
    /*visibility: hidden;*/
}
div.anchor2 { /* kontakt form */
    display: block;
    position: relative;
    top: -180px; /* posun kvuli ukotvenemu menu */
    visibility: hidden;
}




p.kontaktujte-nas {
	font-size: 3.3em;
	font-weight: 600;
	color: #000;
}

/* form v kontaktech */



div.dForm { 
	text-align: left;
}






div#form-boxy {
	width:100%;
}

div#form-boxy-in {
	margin: 0 auto;
	position: relative;
	width: 100%;
	white-space: nowrap;
}
	
div.form-boxy-box {
	/*float:left; semi byt - sice rozprostrelo presne na 100%, ale nesly v tom klikaci odkazy, ani v pridanych childech */
	display: inline-block;
	width: 50%;
	white-space: normal;
}







div.dForm input.i-1-2 { 
	width: 100%;
	/*display:inline-block;*/
	margin: 0 0 6px 0;
	font-family: inherit;
    font-size: inherit;	
	padding: 16px;
	background: #f6f6f6;
	border: 1px solid #f6f6f6; /* musi byt, jinak je dvojity border */
}
div.dForm input.i-1-2.left { 
	width: calc(100% - 3px);
	margin: 0 3px 6px 0;
}
div.dForm input.i-1-2.right { 
	width: calc(100% - 3px);
	margin: 0 0 6px 3px;
}

div.dForm textarea.t-full { 
	width: 100%;
	height: 200px;
	margin: 3px 0;
	font-family: inherit;
    font-size: inherit;	
    padding: 20px;
	background: #f6f6f6;
	border-color: #f6f6f6; /* musi byt, jinak je dvojity border */
}



div.dForm ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #646464;
  opacity: 1; /* Firefox */
}

div.dForm :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #646464;
}

div.dForm ::-ms-input-placeholder { /* Microsoft Edge */
  color: #646464;
}




div.dFormErr { 
	background-color: #cc0000;
	border: 1px solid #AD3122;
	padding: 15px 20px;	
	
}

/*chybovky v PHP formulari:*/
p.pErr {color: #fff; font-weight: bold; font-size: 1.1em;}
/*hlasky o odeslani/neodeslani v PHP formulari:*/
p.pHlasky {color: #db001b; font-weight: bold; font-size: 1em;}


input.tlacitko { background-color: #e6002b; color: #fff; border: 0; font-weight: 500; font-family: inherit; cursor: pointer; padding: 20px 60px; margin-top: 7px; font-size: 1.5em; text-transform: uppercase; }
input.tlacitko:hover {background-color: #000; color: #fff; border: 0;}
input.tlacitko:focus{outline: none;}

input.tlacitko.back { background-color: gray; color: #fff; border: 0; }
input.tlacitko.back:hover {background-color: #000; color: #fff; border: 0;}

input.tlacitko.back.male { background-color: gray; color: #fff; border: 0; padding: 10px 20px; margin-top: 7px; font-size: 1.2em; text-transform: none;}
input.tlacitko.back.male:hover {background-color: #000; color: #fff; border: 0;}

input.tlacitko.odkryt-montaz { background-color: #0062a7; color: #fff; border: 0; text-transform: none;}
input.tlacitko.odkryt-montaz:hover {background-color: #000; color: #fff; border: 0;}



div.dForm div.element-checkbox  {
	clear: both;
	float: none;
	position: relative;
}
div.dForm div.element-checkbox input {
	left: 0px;
	position: absolute;
	top: 1px;
}
div.dForm div.element-checkbox label {
	display: block;
	margin-left: 25px;
	font-size: 0.9em;

}

p.pGDPR {
	font-size: 0.9em;
	padding: 0;
	margin: 0;
	color: #787878;
}


/* navrh-klimatizace: */
div.dForm div.element-checkbox input#souhlas1, div.dForm div.element-checkbox input#souhlas2 {
	left: 0px;
	position: absolute;
	top: 1px;
	width: 18px;
	height: 18px;
}

div.dForm div.element-checkbox label[for=souhlas1], div.dForm div.element-checkbox label[for=souhlas2] {
	display: block;
	margin-left: 35px;
	font-size: 0.9em;
	color:#575757;
	max-width: 90%;
}



/* k" form v kontaktech */




/* pro formulare */

.formarea {
	overflow:hidden;
}

.formarea div.element, .formarea div.element-radio {
	padding: 3px 0px;
	/*clear:both;*/
	float:left; clear:none;
	
	

}

.formarea .column{
  float:left; 
  margin: 2px 0;

}

.formarea div.element label, .formarea div.element-radio label.main {
	position:relative;
	display:block;
	text-align:left;
	margin:0px 10px 0px 0px;
	padding:3px 10px 0px 0px;
	width:240px;
	cursor:pointer;
	float:left; 
	clear:none;
	line-height: 18px;
  /*background-color: yellow;  */ 
  font-size: 0.9em;
}

.formarea div.element-radio label.rad {  /* pro labely jednotlivych voleb radio butonu */
	position:relative;
	display:block;
	text-align:left;
	margin:0px 10px 0px 0px;
	padding:3px 10px 0px 5px;
	cursor:pointer;
	float:left; 
	clear:none;
	line-height: 18px;
	vertical-align: top;
  /*background-color: green;*/  
}
.formarea div.element-radio label.lab1 {  /* pro labely jednotlivych voleb radio butonu */
	font-size: 1em;
	font-weight: bold;
	color: #000;
}

.formarea div.element-radio input[type=radio], .formarea div.element-radio input.radio { 
	float:left; clear:none; margin: 2px 0 5px 2px; 
	
	width:1.8em;
	height:1.8em;


	
}

.formarea div.element .labelsmall {
	width:auto;
}
.formarea div.element input, .formarea div.element select, .formarea div.element textarea {
	float:left;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-size: 1.1em;
	padding:6px;
	border: 1px solid #999999;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: 3px 0px 0px 0px;
  width:350px;
  
 }
 .formarea div.element textarea {
  height: 80px;
}







	
div#mob-top {  /* jen pro mobily */
	display: none;
}
div#contain {  /* jen pro mobily */
	display: none;
}
nav#mob-menu {  /* jen pro mobily */
	display: none;
}

img#hp-top-img-mob {display: none;} /* jen pro mobily */

img#kontaktni-banner-mob {display: none;} /* jen pro mobily */


div#nahoru-abs {  
	position: fixed;
	margin: 0;
	padding: 0;
	bottom: 130px;
	right: 10px;
	display: none;
	z-index: 10000;
}











div.divOutOdkaz {
	text-align: center;
}
a.aOdkaz {
	display: inline-block;
	font-size: 1.2em;
	font-weight: 800;
	text-align: center;
	color: #fff;
	background: #C50C1F;
	padding: 0;
	text-decoration: none;
	padding: 13px 20px;
	
	
}
a.aOdkaz:hover {
	text-decoration: none;
	
}




div.navrat-na-hp {
	font-size: 3em;
	color: #e7002c;
}
div.navrat-na-hp a {
	color: #e7002c;
	text-decoration: none;
}
div.navrat-na-hp a:hover {
	text-decoration: underline;
}




a#hp-banner-konfigurator {
	display: block;
}
a#hp-banner-konfigurator img {
	width: 100%;
}








/**/




img.xls-icon {
	width: 25px;
}




img[usemap] {
		border: none;
		height: auto;
		max-width: 100%;
		/*width: auto;*/
}
img[usemap], map area {
    outline: none;
}





div#tisk-top {display: none;} /* jen pro tisk */
div#tisk-bottom {display: none;} /* jen pro tisk */





/* COOKIES INFO: */


div#cookieInfo {
	display: none; /* a pripadne zviditelnit JQuery, protoze v mobilech odsouhlasene na chvilicku probliklo, nez se JQuery zpracovalo */
	position:fixed;
	bottom:0px;
	left:0px;
	width: 100%;
	color: #fff;
	background-color: #000; /* pro IE */
	background-color:rgba(50, 50, 50, 0.9);
	padding: 0;
	z-index: 55555;
}
div#cookieInfoIn {
	margin: 10px 15px 8px 15px;
}
div#cookieInfo p {
	color: #fff;
	margin: 5px;
	font-size: 0.8em;
}
div#cookieInfo a {
	color: #fff;
	text-decoration: underline;
	font-size: 1em;
}
div#cookieInfo a:hover {
	color: #e14d69;
	text-decoration: underline;
}

div#cookieInfo a#cookieBtnRozumim {
	float: right; background-color: #e7002c; color: #fff; border: 0; font-weight: 600; cursor: pointer; padding: 5px 10px; margin: 0 0 8px 20px; font-size: 1em; text-decoration: none;
}
div#cookieInfo a#cookieBtnRozumim:hover {
	background-color: #ed1941; color: #fff; border: 0;
}


	
/* k: COOKIES INFO */