@font-face {
    font-family: 'titillium_bdbold';
    src: url('fonts/titillium-bold-webfont.eot');
    src: url('fonts/titillium-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/titillium-bold-webfont.woff2') format('woff2'),
         url('fonts/titillium-bold-webfont.woff') format('woff'),
         url('fonts/titillium-bold-webfont.svg#titillium_bdbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'titilliumregular';
    src: url('fonts/titillium-regular-webfont.eot');
    src: url('fonts/titillium-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/titillium-regular-webfont.woff2') format('woff2'),
         url('fonts/titillium-regular-webfont.woff') format('woff'),
         url('fonts/titillium-regular-webfont.svg#titilliumregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	  font-family: 'titilliumregular';
}

h1, h2{font-family: 'titillium_bdbold';}

h1 { color:#3d6bb2; margin:2rem 0rem; padding-bottom:1rem; border-bottom:1px solid #3d6bb2 }
h1.home {color:#fff; margin:9rem 0 0 0; border:none; font-style:bold}
h1.home span {text-transform:uppercase; font-size:0.9rem; display:block}

h2 {margin-bottom:0.9rem}
h2.home {color:#3F6AB0; margin:3rem 0 1rem 0; text-align:right; font-style:bold}
h2.home span {text-transform:uppercase; font-size:0.9rem; color:#474950; display:block}
h3 {color:#3d6bb2; font-size:1.3rem; font-weight:bold;     font-family: 'titilliumregular';}

	
.jumbotron {background: url("../img/bg-menu-sluzby.png") no-repeat 0 0; background-size:cover; border-radius:0; margin:0}
.logo {background: url("../img/bg-logo.png") no-repeat 0 0; background-size:contain;}



nav.menu {
    display: block;
    width: 100%;
    background: #33353D;
    font-size: 0;
	border-radius:0;
}

nav.menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

nav.menu ul li {
    width: 100%;
}

nav.menu a {
    display: block;
    padding: 0 15px;
    color: white;
    line-height: 2em;
    text-decoration: none;
    font-family: sans-serif;
    font-size: 16px;
}

nav.menu a:hover {
    background: none;
	color: #13C7E2;
	text-decoration:underline
}
nav.menu li.active a {
	color:#13C7E2}

/* šaškárny kolem schovávacího tlačítka */
nav #hlavni-menu  { /* menu v malém rozlišení schovat */
	display: none;
}

nav .navbar-nav  { /* budeme možná potřebovat absolutní pozicování v tomhle divu */
	position: relative;
	display: inline-block;
	float: right;
	text-align: right;
}

nav .nav-toggler  { /* tlačítko v malém rozlišení zobrazit */
	display: block;
}
/* / šaškárny kolem schovávacího tlačítka */

@media (min-width: 600px) {

    nav.menu {
        background: #33353D;

    }

    nav.menu ul {
        width: 100%;
        text-align: center;
    }

    nav.menu ul li {
        width: auto;
        /*background: red;*/
        display: inline-block;
    }
 nav.menu ul li.none {display:none}
    nav.menu a {
        line-height: 50px;
        position: relative;
    }

 

	/* šaškárny kolem schovávacího tlačítka */
	nav a.nav-toggler  { /* tlačítko na velkém rozlišení schovat */
		display: none;
	}
	nav #hlavni-menu  { /* menu na velkém rozlišení zobrazit */
		display: block;
	}
	/* /šaškárny kolem schovávacího tlačítka */
}




/** druhé menu **/
div.menu2 { 
    display: block;
    width: 100%;
}

div.menu2 ul { 
    list-style-type: none;
    margin: 0;
    padding: 0.5rem 0px 0px 0px;
}

div.menu2 ul li { 
    width: 100%;
}

div.menu2 ul li.none {
        display: none;			 
    }

div.menu2 a { 
    display: block;
    padding: 0rem 0rem 0rem 1rem;
    color: white;
    line-height: 1.5rem;
    text-decoration: none; 
	outline:0px;
}

div.menu2 a:hover { text-decoration:none;
    background: rgba(0, 0, 0, 0);
}

.navbar-toggler {padding: 0.5rem 0rem}


ul.menu li:nth-of-type(2) ul.dropdown-menu { top:-2rem;}
ul.menu li:nth-of-type(3) ul.dropdown-menu { top:-4rem;}
ul.menu li:nth-of-type(4) ul.dropdown-menu { top:-6rem;}
ul.menu li:nth-of-type(5) ul.dropdown-menu { top:-8rem;}
ul.menu li:nth-of-type(6) ul.dropdown-menu { top:-10rem;}


/** nadefinování menu pro desktop **/
@media (min-width: 365px) {
    div.menu2 a { 
     
        position: relative;		
	 /**	padding: 0rem 0rem 0rem 2rem;   odsazení pro široké monitory CZ VERZE **/
		padding: 0rem 0rem 0rem 1.9rem;   /** odsazení pro široké monitory **/
    }
}

@media (min-width: 768px) {

    div.menu2 {  width: 100%; margin:5rem 0 0 2rem; padding:0;

    }

    div.menu2 ul { margin:0; padding:0;
        width: 100%; 
        
    }

    div.menu2 ul li { 
        text-align:center; width:auto; width:16%; margin:1.5rem;
		
	display: inline-block;	padding:0}
	
	    div.menu2 ul li.last-item { margin-right:0}
		div.menu2 ul li.first-item { margin-left:0}
	
	div.menu2 ul li a,  div.menu2 ul li.last-item a {padding:6.5rem 2rem 1.5rem 2rem; font-size:1rem;   font-family: 'titillium_bdbold'; text-transform:uppercase; 
	position: relative; }

    div.menu2 ul li:first-of-type a {background: url("../img/bg-menu-voda.png") no-repeat 50% 0;  background-size:contain}
	div.menu2 ul li:nth-of-type(2) a {background: url("../img/bg-menu-topeni.png") no-repeat 50% 0; background-size:contain;}
	div.menu2 ul li:nth-of-type(3) a {background: url("../img/bg-menu-plyn.png") no-repeat 50% 0; background-size:contain;}
	div.menu2 ul li:nth-of-type(4) a {background: url("../img/bg-menu-klimatizace.png") no-repeat 50% 0; background-size:contain;}
	div.menu2 ul li:nth-of-type(5) a {background: url("../img/bg-menu-rekuperace.png") no-repeat 50% 0; background-size:contain;}
	
	div.menu2 ul li:first-of-type a:hover {color:#13C7E1}
	div.menu2 ul li:nth-of-type(2) a:hover {color:#D9251C}
	div.menu2 ul li:nth-of-type(3) a:hover {color:#F9CF00}
	div.menu2 ul li:nth-of-type(4) a:hover {color:#007BDA}
	div.menu2 ul li:nth-of-type(5) a:hover {color:#C94836}	
	 /**	padding: 0rem 0rem 0rem 2rem;   odsazení pro široké monitory CZ VERZE **/
	 /** odsazení pro široké monitory **/

	
div.menu2 ul li a:hover {color:#007CD9}
div.menu2 ul li a::before    { content: "";
        display: block;
        width: 20%;
        height: 1px;
        background: #fff;
        bottom: 50%;
        left: -26%;
position: absolute;}
div.menu2 ul li.first-item a::before {display:none}
	

  /**  blokové podtržení položky menu  ** /
  
  div.menu2 a:hover::after {
        content: "";
        display: block;
        width: 100%;
        height: 3px;
        background: rgba(0, 0, 0, 0.15);
        bottom: 0;
        left: 0;
        position: absolute;
    }
	**/
}
.dotace {padding-top:0.7rem; font-size:0.9rem}
.dotace span {color:red}
.img-dotace {float:left; padding:0.5rem 0.5rem 0.5rem 0rem; }
.instal-renc {border-left:2px solid #dedede; margin-top:0.7rem; padding-left:1.3rem; font-size:0.9rem}
.img-instal-renc {float:right; padding:1rem 0rem 0.5rem 0.5rem; width:200px}
.logo-wattgas {padding:1rem 1rem 3rem 1rem;  width:100%}

.onas {background: url("../img/bg-onas1.png") no-repeat 50% 0; background-size:cover; margin: 0; }
.onas-text {padding:0 2rem 2rem 0; color:#fff}
.onas-leva {text-align:right}
.onas .onas-leva p:first-of-type {padding:4rem 0 0 0}

.mapa {background-image: linear-gradient(to bottom left, #F3F3F3, #fff);    }
.img-mapa {width:100%; padding-top:2rem}
.voda {background-image: linear-gradient(to bottom right, #F3F3F3, #fff);    }
.separator {background:#C8D0CC; height:1px; margin:2rem 0rem}

.page {margin:0; padding:0; min-height:25rem}
.page ul {margin:0 0 0rem 1.5rem	; padding:0 }
.page ul li {list-style-type:none; margin-left:0rem; text-indent:-1rem; padding-bottom:0.4rem}
.page .vlevo ul li:before {font-family:FontAwesome; content:"\f0ad"; font-size:0.7rem; margin:-0.2rem 0.5rem 0 0; padding:0 0rem 0.4rem 0}
.page .vpravo ul li:after {font-family:FontAwesome; content:"\f0ad"; font-size:0.7rem; margin:-0.2rem 0 0 0.5rem}
.page .cenik ul li:before {font-family:FontAwesome; content:"\f0ad"; font-size:0.9rem; margin:-0.2rem 0.5rem 0 0; padding:0}

.vpravo {padding-right:3rem; text-align:right}
.vlevo {padding-left:3rem; text-align:left}
.img-sluzby {width:90%; text-align:center}
.img-sluzby-topeni {width:90%; margin-top:3rem; text-align:center}

.gps {text-align:left}


footer {background:#33353D; color:#fff}
.footer-kontakt {background: url("../img/bg-footer-kontakty.png") no-repeat 50% 0; background-size:cover; margin-top:4rem; padding:1rem 0 2rem 0; font-size:0.9rem }
.footer-kontakt h3 {font-size:1rem; color:#fff; padding:0; margin:1rem 0 0.3rem 0; padding-bottom:0}
.ikona-footer-phone:before {font-family:FontAwesome; content:"\f095"; font-size:2.2rem; float:left; margin:-0.5rem 1.5rem 0 4rem; padding-left:1rem} 
.ikona-footer-obalka:before {font-family:FontAwesome; content:"\f0e0"; font-size:2rem; float:left; margin:-0.5rem 1.5rem 0 4rem} 
.ikona-footer-adresa:before {font-family:FontAwesome; content:"\f041"; font-size:2.2rem; float:left; margin:-0.5rem 1.5rem 0 2rem} 


.menu-footer {
    display: block;
    width: 100%;
    background: #4194DA;
    font-size: 1rem;
	margin:2rem 0;
	padding: 0
}

.menu-footer  ul {
    list-style-type: none;
    margin: 2rem 0;
    padding: 0;
	
}

.menu-footer  ul li { float:left; padding:0; margin:0; padding-left:4.2rem; text-align:center}

.menu-footer  ul li:before {font-family:FontAwesome; content:"\f054"; color:#007BD8; margin-right:0.5rem; font-size:0.8rem}

.menu-footer  a {
    color: white;
    line-height: 2em;
    text-decoration: none;
}
.menu-footer  a:hover {
    background: none;
	color: #007BDA
	}
.menu-footer .active a {color:#007BDA}

.copyright {text-align:center; border-top:1px solid #444444; color:#818287; padding-top:2rem; margin-top:2rem}

.cleaner {
    clear: both;
}

#toTop{
	position: fixed;
	bottom: 10px;
	right: 10px;
	cursor: pointer;
	display: none;
}


/* fotogalerie */
.zpet {float:right; color:#fff; padding:3px 10px 4px 10px; margin:20px 50px 0px 0px; font-weight:bold; font-size:12px; text-decoration:none}

.fotoGaleryVypis {float:left;padding:5px; margin:10px; background:#efefef; height:170px; max-width:30%; font-size:13px }
.fotoGaleryVypis img {padding:8px; width:100%; height:100px; overflow:hidden}
.fotoGaleryVypis i {font-size:10px}
.fotoGaleryFoto {border: 1px dotted #9ACF05; margin:7px; width:180px; height:180px; float:left; padding:0px; display: table-cell;vertical-align: middle;text-align:center}
.fotoGaleryFoto p {text-align:center; padding-top:5px; }
.fotoGaleryFoto1 {border: 1px dotted #9ACF05; margin:7px; width:180px; height:150px; float:left; padding:0px; display: table-cell;vertical-align: middle;text-align:center}

#dokumenty ul {margin: 0px 10px 30px 0px; padding:0px; } 
#dokumenty ul li {
	background:none; color: #C3341C;
    font-size: 15px; font-weight:bold;
	padding:  0px 0px 5px 0px; }
#dokumenty ul li span {color:#000; font-size:13px; font-weight:normal;	 padding:  0px 0px 5px 0px; }
#dokumenty ul  ul {margin: 3px 10px 20px 20px;}
#dokumenty ul ul li {
	background: url('../img/_li.jpg') no-repeat 0 5px; 
	padding:  0px 0px 10px 15px; font-weight:normal; font-size:13px; line-height:140%;}

#faqs {text-align:left; margin:0px; line-height:150%}
#faqs h3  { cursor:pointer; padding:0px 0px 5px 0px; margin:0px; color:#C3341C;  font-size:14px; text-decoration:underline; font-weight:normal;  }
#faqs h3 span {}
#faqs h3.active  { color:#d74646; } 
#faqs div { height:0; overflow:hidden; position:relative;  padding:0px 10px 5px 5px}
#faqs div p  { padding:5px 0px 5px 0px; margin: 0px; line-height:180%; }
#faqs ul {margin:0px 0px 0px 20px; list-style-type:none}
#faqs li {line-height:150% }
#faqs ul.reference {margin-left:0px; list-style-type:none; padding-left:0px}
#faqs h3.otazka span {border-bottom: 0px solid #000000; cursor:auto; }


#faqsTable {text-align:left; margin-top:10px; line-height:150%}
#faqsTable h3  { cursor:pointer; padding:0px 0px 5px 0px; margin:0px; color:#2F5B75;  font-weight:normal;  }
#faqsTable h3 span {border-bottom:1px solid #000}
#faqsTable h3.active  { color:#d74646; } 
#faqsTable div { height:0px; overflow:hidden; position:relative; background: url("../img/bg-odpoved.jpg") repeat-x 0 0 #EFEFEF; border:1px solid #CBCBCB; border-radius:5px; padding:8px}
#faqsTable div p  { padding:0; margin: 0px; }
#faqsTable ul {margin-left:20px; list-style-type:decimal}
#faqsTable ul  li {margin:5px 0px 3px 0px; color:#2F5B75; text-align:justify; padding:0px 8px 3px 0px }
#faqsTable ul.reference {margin-left:0px; list-style-type:none; padding-left:0px}
#faqsTable strong p {font-weight:bold; color:#484649}

#faqsTable h3.otazka span {border-bottom: 0px solid #000000; cursor:auto; }

/* formuláře, tlačítka */
.btn-right { width:100%; background:#FF8841; color:white; font-size:.8em; display:block; white-space:normal; word-wrap:break-word; }
.btn-primary { background:#4269AF; text-transform:uppercase; border-radius:0; padding:0.5rem 1.3rem 0.5rem 2.5rem; border:0;  position:relative;  font-family: 'titillium_bdbold';}
.btn-primary::before {content: ""; width: 0;
height: 0;
border-style: solid;
border-width: 50px 10px 0 0;
position:absolute; left:0; top:0;
border-color: #fff transparent transparent transparent;
} 
	
.btn-primary:hover {background:#3E6BB2; border-color:#3E6BB2; opacity:50% }
.btn-secondary { background:#ACC8EC; color:#03316b; border-color:#0e6de7; }
.btn-warning { background: #FF8841; }

form { border:1px solid #3E6BB1; border-radius:.25rem; padding:.2rem; margin-top:1rem }
div.border { border:1px solid #ACC8EC; border-radius:.25rem; padding:.2rem; }
section form.noborder { border:0px solid #ACC8EC; border-radius:0rem; padding:0rem; }
.form-adc-row { background:#f5f5f5; border-radius:.25rem; margin-bottom:.25rem; padding:0.5rem }
.form-adc-row:after { content: ""; display: table; clear: both; }
.form-adc-row.noform { background:none; margin-top:0.5rem; padding-bottom:0.5rem; color:#7F0A24; font-size:1rem; font-weight:bold}
label {padding-right:0.5rem; text-align:left}
label span {font-weight:normal}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    margin: 2px 0px;
    position: absolute;
}
.radio label, .checkbox label {
    padding-left: 25px;
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    margin: 5px 5px 10px 10px;
}

.formlabel {padding:0.5rem 0px}


input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus, .gsc-search-button 
{
  box-sizing: content-box;
  line-height: normal;
}