@font-face {
	font-family: 'Graphik Web';
	src: url('fonts/Graphik-Regular-Web.eot');
	src: url('fonts/Graphik-Regular-Web.eot?#iefix') format('embedded-opentype'), url('fonts/Graphik-Regular-Web.woff2') format('woff2'), url('fonts/Graphik-Regular-Web.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal
}
@font-face {
	font-family: 'Graphik Web';
	src: url('fonts/Graphik-Semibold-Web.eot');
	src: url('fonts/Graphik-Semibold-Web.eot?#iefix') format('embedded-opentype'), url('fonts/Graphik-Semibold-Web.woff2') format('woff2'), url('fonts/Graphik-Semibold-Web.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-stretch: normal
}
@font-face {
	font-family: 'Gilroy';
	src: url('fonts/Gilroy-Light.eot');
	src: url('fonts/Gilroy-Light.eot?#iefix') format('embedded-opentype'), url('fonts/Gilroy-Light.woff2') format('woff2'), url('fonts/Gilroy-Light.woff') format('woff'), url('fonts/Gilroy-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	font-stretch: normal
}
@font-face {
	font-family: 'Gilroy';
	src: url('fonts/Gilroy-Bold.eot');
	src: url('fonts/Gilroy-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Gilroy-Bold.woff2') format('woff2'), url('fonts/Gilroy-Bold.woff') format('woff'), url('fonts/Gilroy-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
	font-stretch: normal
}

body {
  margin:0 0 0 0;
  padding:0 0 0 0;
  font-family: 'Gilroy', Arial, Helvetica, sans-serif;
  font-size:18px;
  text-align:center;
  color:#646465;
  background:#FFF;
  -webkit-text-size-adjust:none;
}
a.to-home {
  margin:35px 0 0 0;
	width:103px;
	height:35px;
	background-size:103px 35px;
	background-image:url(../img/logo_blue.png);
	background-position:0 0;
}





/**** layout **********************************************************/

div.screen {
	text-align:left;
}
div.screen-in {
	padding:0 0 0 0;
	position:relative;
}
div.page {

}
div.page-in, .page-padding {
	padding:90px 0 60px 0;
	line-height:1.3em;
}
div.page-in-in {
	margin:0 60px 0 60px;
	position:relative;
}
div.page-in2 {
	padding:30px 0 30px 0;
	line-height:1.3em;
}
div.page:first-child div.page-in {
	padding-top:60px;
}
div.l {
	float:left;
	width:800px;
}
div.r {
	float:right;
	width:460px;
}


.content-width {
	display:block;
	width:1180px;
	height:auto;
	margin:0 auto 0 auto;
	z-index:5;
}










/*** head ***/
div.head {
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size:cover;
}

div.head-in .content-width {
	xheight:100vh;
}



.imgbar {
	height:calc(100vh - 100px);
	background-size:cover!important;
	background-repeat:no-repeat;
	margin:0 0 0 0;
	position:relative;
	z-index:90;
	background-position:center center!important;
}
.imgbar-half, div.head div.imgbar.imgbar-half div.content-width {
	height:calc(50vh - 100px)!important;
}
.imgbar-s, div.head div.imgbar.imgbar-s div.content-width {
	height:350px!important;
}
.imgbar-fullview, div.head div.imgbar.imgbar-fullview div.content-width {
	height:auto!important;
}
.imgbar-fullview img {
	width:100%;
}
div.head div.imgbar div.content-width {
	height:calc(100vh - 100px)!important;
	position:relative;
}
.imgbarauto {
	position:relative;
	z-index:90;
}
div.head div.imgbarauto div.content-width {
	position:relative;
}
.menubar {
	background:#fff;
	height:100px;
	box-shadow:rgba(0,0,0,0.3) 0 0 15px;
}
.menubar div.content-width {
	z-index:999;
}

div.head-box {
	width:800px;
	position:absolute;
	bottom:100px;
}

.head-desc {
	margin-top: 20px;
	font-size:32px;
	line-height: 1.3;
}
.head-desc-small {
	font-size:24px;
}

div.head-pruvodce .menubar {
	box-shadow:none!important;
}
div.head-pruvodce .imgbar {
	height: 500px;
	background-size: contain !important;
	background-position: bottom 0 right 150px !important;
	background-repeat: no-repeat;
	position: relative;
	z-index: 90;
	width:1180px;
	margin:0 auto 0 auto;
}
div.head.head-pruvodce .imgbar div.content-width {
	height:500px!important;
}
div.head.head-pruvodce div.head-box h1 {
	color:#EC620A;
	text-shadow:none;
	font-size:60px;
	margin:0;
}

div.head-box-r {
	width:100%;
	text-align:right;
	position:absolute;
	bottom:75px;
}
div.head-box-r-top {
	bottom:auto;
	top:75px;
}
div.head-box-l-top {
	bottom:auto;
	top:75px;
	text-align:left;
}
.head-box-l-bott {
	text-align:left!important;
}


.head-login-butt, .head-alert-butt {
	position:absolute;
	top:30px;
	right:0;
	padding:15px;
	background:#47BA81;
	display:flex;
	text-decoration:none;
	color:white;
	font-weight:normal;
	z-index: 10;
}
.head-login-butt .ico, .head-alert-butt .ico {
	width:26px;
}
.head-login-butt .txt, .head-alert-butt .txt {
	margin:0 0 0 15px;
	font-size:100%;
	line-height:1.2em;
	min-width: 200px;
}
.head-alert-butt {
	background:#F36B1F;
	align-items: center;
}
.head-alert-butt-energie {
	top:135px;
}
.head-alert-butt-energie3 {
	top:220px;
	background:#00168E;
}
.head-alert-butt-energie4 {
	top:305px;
}
.head-alert-butt-energie5 {
	top:390px;
}





div.oceneni {
	position:absolute;
	right:0;
	bottom:20px;
	width:160px;
	height:450px;
}
div.oceneni a {
	display:block;
	margin:0 0 10px 0;
}
div.oceneni a img {
	display:block;
	max-width:100%;
}

.ec {
	width:130px;
	margin:0 0 50px 0;
	display:block;
}

/*** showmenu ***/
a.showmenu {
	display:none;
	position:absolute;
	top:25px;
	right:5px;
	z-index:999;
	cursor:pointer;
	text-decoration:none;
}
a.showmenu strong {
	display:inline-block;
	margin:10px 10px 0 0;
	font-size:18px;
}
a.showmenu em {
	width:25px;
	height:25px;
	float:right;
}
a.showmenu em span {
	display: block;
  width:25px;
	height:3px;
	background:#04198C;
	position:absolute;
	
	-webkit-transition: -webkit-transform 0.2s ease-in-out, top 0.2s ease-in-out 0.2s, opacity 0.20s ease-in-out 0.2s;
  -moz-transition: -moz-transform 0.2s ease-in-out, top 0.2s ease-in-out 0.2s, opacity 0.20s ease-in-out 0.2s;
  transition: transform 0.2s ease-in-out, top 0.2s ease-in-out 0.2s, opacity 0.20s ease-in-out 0.2s;
	-webkit-transform-origin: center;
  -moz-transform-origin: center;
  transform-origin: center;
}
a.showmenu em span.showmenu-top {
	top:0px;
}
a.showmenu em span.showmenu-middle {
	top:12px;
}
a.showmenu em span.showmenu-bottom {
	top:24px;
}



a.showmenu.act:after {
  border-right: 7px solid #EFC57A;
}
a.showmenu.act em span {
	-webkit-transition: -webkit-transform 0.2s ease-in-out 0.2s, top 0.20s ease-in-out, opacity 0.20s ease-in-out;
  -moz-transition: -moz-transform 0.2s ease-in-out 0.2s, top 0.20s ease-in-out, opacity 0.20s ease-in-out;
  transition: transform 0.2s ease-in-out 0.2s, top 0.20s ease-in-out, opacity 0.20s ease-in-out;
}
a.showmenu.act em span.showmenu-top, a.showmenu.act em span.showmenu-middle {
	top: 14px;
	-webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  transform: rotate(135deg);
}
a.showmenu.act em span.showmenu-middle {
	opacity: 0;
}
a.showmenu.act em span.showmenu-bottom {
	top: 14px;
	-webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  transform: rotate(225deg);
}



/*** menu ***/
ul.menu {
	position:absolute;
	top:45px;
	right:0;
	z-index:99;
}
ul.menu li {
	float:left;
	margin:0 0 0 18px;
}
ul.menu li a {
	float:left;
	font-size:14px;
	text-decoration:none;
	font-weight:normal;
	padding:0 0 0 0;
	position:relative;
	color:#011689;
}


ul.menu li a.drop:after {
	content:"";
	display:inline-block;
	background-image:url(../img/s.png);
	background-position:0 -233px;
	width:12px;
	height:8px;
	margin-left:6px;
	vertical-align:middle;
}

ul.menu li a:hover {
	color:#FF6B00;
}
ul.menu li.act > a {
  color:#FF6B00;
}

ul.menu li.bord {
	border-left:2px solid #FF6B00;
	margin:0 0 0 18px;
	padding:12px 0 12px 0;
	position:relative;
	top:-14px;
	width:0;
}


ul.menu li a.menu-zona {
	padding: 1em!important;;
	margin-top: -1em!important;;
	background-color: #FF6B00!important;;
	color: white!important;
	font-weight: bold;
}


/*** javascript menu ***/

ul.menu ul {
  display:none;
	position:absolute;
	background:rgba(255,255,255,1);
	margin:25px 0 0 -23px;
	padding:20px 23px 20px 23px;
	z-index:999;
	box-shadow:rgba(0,0,0,0.5) 0 0 3px;
}
ul.menu ul:before {
  content:"";
  position:absolute;
  top:-20px;
  left:30px;
  width:32px;
  height:20px;
  background:url(../img/menu_arr.png) no-repeat left bottom;
  background-size:32px 20px;
}
ul.menu ul li {
	display:block;
  float:none;
  margin:0 0 0 0;
  padding:0 0 0 0;
}
ul.menu ul li a {
  float:none;
  height:auto;
  line-height:1em;
  display:block;
  margin:0 0 15px 0;
  padding:0;
  color:#031889;
}
ul.menu ul li a:before {
  display:none;
}
ul.menu ul li:last-child a {
  margin:0 0 0 0;
}
ul.menu ul li a:hover, ul.menu ul li.act a {
  color:#FF6B00;
}





.page-menu-out {
	margin:0 0 30px 0;
}
.page-menu {
	display:flex;
	overflow:visible;
	flex-wrap:wrap;
}
.page-menu a, .page-menu > div {
	position:relative;
	flex:0 0 auto;
	margin:0 30px 20px 0;
	color:#001789;
	text-decoration:none;
	font-weight:normal;
	font-size:14px;
}
.page-menu > div {
	display:flex;
	align-items:center;
}
.page-menu label {
	font-weight:normal;
}
.page-menu a:hover {
	color:#FF6B00;
}
.page-menu a.act, .page-menu > div.act {
	color:#FF6B00;
	font-weight:600;
}



/**** foot **********************************************************/

div.foot {
	margin:0 0 0 0;
	padding:70px 0 60px 0;
	color:#001789;
	font-size:20px;
}
div.foot a {
	color:#001789;
	font-weight:normal;
	text-decoration:none;
}
div.foot-in {
	display:flex;
	justify-content:space-between;
}
div.foot-l {
	display:flex;
	align-items:center;
}
div.foot-r {
	display:flex;
	justify-content:flex-end;
	align-items:center;
}


div.footlogo {
	margin:0 60px 0 0;
}
.foot-logo {
	display:block;
	width:120px;
	height:auto;
	margin:0 0 0 0;
}
.foot-logo img {
	width:100%;
	height:auto;
}


div.foot-contact div {
	display:inline-block;
	margin:0 0 0 30px;
}
div.foot-contact span {
	display:inline-block;
	padding:5px 0 5px 40px;
	font-weight:600;
}
div.foot-contact a {
	font-weight:600;
}
.foot-mail {
	background:url(../img/icons/mail_orange.png) no-repeat center left;
	background-size:auto 25px;
}
.foot-phone {
	background:url(../img/icons/phone_orange.png) no-repeat center left;
	background-size:auto 25px;
}

.foot-social {
	display:flex;
	align-items:center;
}
.foot-social a {
	margin:0 0 0 10px;
}
.foot-social img {
	height:20px;
	display:block;
}


.footmenu {
	margin:0 10px 0 0;
	padding:15px 0 15px 0;
	border-right:2px solid #E86200;
	display:flex;
	align-items:center;
}
.footmenu li {
	display:flex;
	align-items:center;
}
.footmenu li a {
	display:inline-block;
	margin:0 20px 0 0;
	font-size:14px;
}
.footmenu li a:hover {
	color:#EB6310;
}