@charset "UTF-8";
@font-face {
font-family: 'Segoe UI';
/*font-style: normal;*/
/*font-weight: normal;*/
src: local('Segoe UI'), url('datoteke/font/segoeuil.ttf') format('truetype');
}

.font-extralight {
  font-family: "Titillium Web", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.font-light {
  font-family: "Titillium Web", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.font-regular {
  font-family: "Titillium Web", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.font-semibold {
  font-family: "Titillium Web", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.font-bold {
  font-family: "Titillium Web", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.font-black {
  font-family: "Titillium Web", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.font-extralight-italic {
  font-family: "Titillium Web", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.font-light-italic {
  font-family: "Titillium Web", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.font-regular-italic {
  font-family: "Titillium Web", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.font-semibold-italic {
  font-family: "Titillium Web", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.font-bold-italic {
  font-family: "Titillium Web", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.titillium-web-extralight {
  font-family: "Titillium Web", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.titillium-web-light {
  font-family: "Titillium Web", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.titillium-web-regular {
  font-family: "Titillium Web", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.titillium-web-semibold {
  font-family: "Titillium Web", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.titillium-web-bold {
  font-family: "Titillium Web", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.titillium-web-black {
  font-family: "Titillium Web", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.titillium-web-extralight-italic {
  font-family: "Titillium Web", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.titillium-web-light-italic {
  font-family: "Titillium Web", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.titillium-web-regular-italic {
  font-family: "Titillium Web", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.titillium-web-semibold-italic {
  font-family: "Titillium Web", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.titillium-web-bold-italic {
  font-family: "Titillium Web", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.mynerve-regular {
  font-family: "Mynerve", cursive;
  font-weight: 400;
  font-style: normal;
}


html, body {
	/*font-family:Segoe UI;*/
	/*font-family: Helvetica;*/
	/*font-size:18px;*/
	font-size: 1.3em;
	padding:0px;
	margin:0px;
	outline:none;
	color:#666;
	background: #ddd;
	height:100%;
  scroll-behavior: smooth;
}
/* Hide scrollbar for Chrome, Safari and Opera */
body::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
body {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
a {
	color:#000;
	text-decoration:underline;
}
a:hover {
	color:#000;
	text-decoration:none;
}
h1 {
	color: #049aef;
	padding-top:35px;
}
.gradient_glava {
	background: #049aef; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#8de7fe, #049aef); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#8de7fe, #049aef); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#8de7fe, #049aef); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#8de7fe, #049aef); /* Standard syntax */
	
	height:245px;
}
.bg_glava {
	background:url(datoteke/bg_glava.png) repeat-x bottom;
	height:245px;
}
.menu {
	font-size:22px;
	font-weight:bold;
}
.menu a {
	text-decoration:none;
	color:#a8a8a8;
	padding:10px;
	padding-left:40px;
	padding-right:40px;
}
.menu a:hover {
	color:#ccc;
}
.ico_down {
	background:url(datoteke/ico_down.png) top center no-repeat;
	height:70px;
}
.tx_modra {
	color:#049aef;
}
.div-opomba {
	border: 2px solid #049aef;
	border-radius: 10px;
	padding: 10px;
	margin: 25px 0;
	font-size: 90%;
	font-style: italic;
}
.el_form_tx {
	font-family:Segoe UI;
	font-size: 1.3em;
	color:#09f;
	width:100%;
	border:solid 2px #049aef;
	border-radius:10px;
	padding:7px 10px;
	background:none;
	outline:none;
}
.el_form_txa {
	font-family:Segoe UI;
	font-size: 1.3em;
	color:#09f;
	width:100%;
	border:solid 2px #049aef;
	border-radius:10px;
	padding:7px 10px;
	height:250px;
	resize:vertical;
	background:none;
	outline:none;
}
.btn_ok {
	color:#fff;
	font-weight:bold;
	padding:10px;
	padding-left:30px;
	padding-right:30px;
	border:none;
	border-radius:10px;
	font-family:Segoe UI;
	font-size: 1.3em;
	text-decoration:none;
	
	background: #049aef; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#8de7fe, #049aef); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#8de7fe, #049aef); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#8de7fe, #049aef); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#8de7fe, #049aef); /* Standard syntax */
}
.btn_ok:hover {
	background:none;
	background-color:#049aef;
	cursor:pointer;
	color:#fff;
}
.btn_cancel {
	color:#a8a8a8;
	text-decoration:underline;
	background:none;
	border:none;
	font-family:Segoe UI;
	font-size: 1.3em;
	outline:none;
}
.btn_cancel:hover {
	color:#000;
	text-decoration:none;
	cursor:pointer;
}
.opomba {
	font-size: 0.8em;
}
.tbl_kontakt_form {
	width:100%;
	max-width:600px;
}


#to-top {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #09f;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 10px;
}

#to-top:hover {
  background-color: #555;
}
.container-partner {
	height: 165px;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
	z-index: 3;
}
.logo-partner {
	padding: 20px;
	width: 160px;
}
.logo-partner img {
	width: 150px;
	border-radius: 50%;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
	transition: width 0.5s;
}
.logo-partner img:hover {
	width: 155px;
}
.footer {
	margin-top: 30px;
	padding: 30px;
	color: #ddd;
	text-align: center;
	background-color: #999;
}