@charset "utf-8";
* { margin: 0; padding: 0; border: 0; }


@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Josefin Sans Regular'), local('JosefinSans-Regular'), url(https://fonts.gstatic.com/s/josefinsans/v12/Qw3aZQNVED7rKGKxtqIqX5EUDXx9.ttf) format('truetype');
}

@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Josefin Sans Bold'), local('JosefinSans-Bold'),   url(https://fonts.gstatic.com/s/josefinsans/v12/Qw3FZQNVED7rKGKxtqIqX5Ectllte10k.ttf) format('truetype');
}

/*
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: 
	  local('Roboto'), 
		local('Roboto-Regular'), 
		url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2) format('woff2')
  ;
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
*/

/**/
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Regular'), 
       local('Roboto-Regular'), 
       url(http://themes.googleusercontent.com/static/fonts/roboto/v11/2UX7WLTfW3W8TclTUvlFyQ.woff) 
       format('woff');
}

@font-face{
 font-family:rsfont;
 src:url(rsfont.eot);
 src:url(rsfont.eot) format("embedded-opentype"),
     url(rsfont.woff) format("woff"),
     url(rsfont.ttf) format("truetype")
 font-weight:400;
 font-style:normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('Roboto-ThinItalic-webfont.eot');
    src: url('Roboto-ThinItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('Roboto-ThinItalic-webfont.woff') format('woff'),
         url('Roboto-ThinItalic-webfont.ttf') format('truetype'),
         url('Roboto-ThinItalic-webfont.svg#RobotoThinItalic') format('svg'); (under the Apache Software License). 
    font-weight: 200;
    font-style: italic;
}

html, body {
	width:100%;
	height:100%;
}

body {
	font-family: Arial, Tahoma, Verdana;
	/*font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
  /*font-family: 'Josefin Sans', sans-serif;*/
  font-size: 1.2em;
	color: #000;
	font-size: 100%;
	/*
	background-image: url(images/pozadie.jpg);
	background-image: url(images/nsky_1.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
	*/
}

.container {
  /*position: absolute;*/
  width: 100%;
	/*resize:both;*/
	/*overflow:auto;*/
	/*height: 1000px;*/
	/*
	min-height: calc(100% - 4em);
	min-height: 100vh;
	*/
	height: 100%;
	/*min-height: 100%;*/
	/*left: 0;*/
	/*top: 0;*/
}

.header_container {
	/**/
	background-image: url(images/bsw-6.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
	width: 100%;
	height: 16em;
}

.my_header {
	height: 4em;
	/*background-color: #003366;*/
}

.inside_header {
  display: block;
	height: inherit;
	width: 1060px;
	margin-right: auto;
	margin-left: auto;
}

.logo {
	background-position:left;
	background-image: url(images/logo.png);
	background-size: contain;
	background-repeat: no-repeat;
  width: 10%;
  height: 50%;
	height: 2em;
	z-index: 1;
	margin-top: 0px;
	margin-left: 0px;
	float: left;
	
	position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.inline_container {
	width: 2.1em;
	height: 0.95em;
	top: 0.0em;
	display: inline-block;
	position:relative;
} 
	
.pub_med_icon {
	width: 2.2em;
	height: 1.95em;
	top: -0.35em;
	
	background-position:left;
	background-image: url(images/pub_med_link_ico.png);
	background-size: contain;
	background-repeat: no-repeat;
	display: inline-block;
	position:relative;
	position:absolute;
}
	
#deco {
	position: absolute;
	z-index: 1;
  margin-top: 100px; 
	margin-left: 10%;
}

#deco1 {
	position: absolute;
	z-index: 1;
  margin-top: 800px; 
	margin-left: 10%;
}

.icon_container {
	display: none;
  cursor: pointer;
  float:right;
	position: relative;
  top: 50%;
  transform: translateY(-50%);
	padding: 0px 4px 1px 4px;
}

.bar1, .bar2, .bar3 {
	width: 20px;
	height: 2px;
	background-color: #66FFFF;	
	margin-right: auto;	margin-left: auto;
  margin: 4px 0;
	transition: 0.8s;
}

.change .bar1 {
  -ms-transform: rotate(-45deg) translate(-4px, 4px);
  transform: rotate(-45deg) translate(-4px, 4px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  -ms-transform: rotate(45deg) translate(-4px, -4px);
  transform: rotate(45deg) translate(-4px, -4px);
}

.right {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	margin-left: 3px;
}

.left {
	border-style: solid;
	border-color: inherit;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 3px;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	margin-left: -8px;
	margin-bottom: 3px;
}

.up {
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}

.down {
	border-style: solid;
	border-color: inherit;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 3px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	margin-left: 5px;
	margin-bottom: 3px;
}

.hreverse {
	transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	margin-bottom: 0px;
}

.vreverse {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	margin-left: -14px;
	margin-right: 6px;
}

.navbar, .lang_container {
	display: block;
	padding-top: 1em;
	float: right;
	font-size: 1em;
	font-weight: bold;
	text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.8);
	z-index: 1;
	overflow: hidden;
}

.vnavbar {
	display: none;
	position: absolute;
	/*top: 8vmin;*/
	top: 2em;
	right: 5%;
	width: 200px;
	font-size: 130%;
	text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.8);
	z-index: 1;
}

.drop_container {
	cursor: pointer;
	float: right;
}

.always_visible {
	color: #0FF;
	/*font-size: 90%;*/
	font-size: 100%;
	padding-right: 5px;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	border-color: #0FF;
}

.always_visible a {
  text-decoration: none;
	color: inherit;
}

.always_visible:hover {
	color: white;
	border-color: white;
}

.hidden_container {
	display: none;
	position: absolute;
	background-color: #006699;
	width: 200px;
  z-index: 1;
}

.narrow {
	width: 90px;
	text-align: center;
}

.hidden_container a {
	display: block; 
	color: #0FF;
	font-size: 90%;
	padding: 5px 10px 5px 10px;
	cursor: pointer;
	margin: 0px;
	border: thin solid #0FF;
}

.link {
  display:block;
	text-decoration: none;
}

.nepodciarkni {
	color:inherit;
  text-decoration: none;
}
	
.video_wrap {
	width: 320px;
	margin: auto;
  overflow: auto;
}

.flag-icon,.flag-icon-background {
	background-size:contain;
	background-position:50%;
	background-repeat:no-repeat
}
.flag-icon {
	position:relative;
	display:inline-block;
	width:1.33333333em;
	line-height:1em
}
.flag-icon:before {
	content:"\00a0"
}
.flag-icon.flag-icon-squared {
	width:1em
}

.title {
  width: 100%;
	height: 12em;
	height: 20vh;
	/*background-color: #003366;*/
	/*background-color: rgba(0.2,0.2,1.0,0.5);*/
	/*background-color: rgba( 200, 200, 200, 0.5);*/
	/*margin-bottom: 20px;*/
}

.title_text {
	position: relative;
  /**/
	top: 45%;
  transform: translateY(-50%);
	/**/
}

.title_text h1 {
	/*font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;*/
	text-align: center;
	/*font-size: 2em;*/
	font-size: 3em;
	/*color: #2B63B7;*/
	/*color: #003366;*/
	color: white;
	font-weight: bold;
	/*text-shadow: 1px 1px 1px rgba(200, 200, 200, 1.0);*/
	text-shadow: 5px 5px 5px rgba(0, 0, 100, 1.0);
	padding: 5px;
}

.title_text p {
	text-align: center;
	/*font-size: 200%;*/
	/*font-size: 3vmin;*/
	/*font-size: 1em;*/
	font-size: 1.5em;
	font-weight:normal;
	font-style:italic;
	/*color: #000;*/
	color: white;
	text-shadow: 3px 3px 3px rgba(0, 0, 100, 1.0);
	margin-right: auto;
	margin-left: auto;
	/*
	padding-top: 0px;
	padding-bottom: 20px;
	*/
	/*padding: 0px 10px 20px 10px;*/
	padding: 10px 5% 0px 5%;
}

.title img{
	display: block;
	width: 90%;
  height: auto;
	margin-right: auto;
	margin-left: auto;
}

.subtitle {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
  /*background-color: rgba(0.2,0.2,1.0,0.5);*/
	/*background-color: rgba( 200, 200, 200, 0.5);*/
	position: relative;
}


.middle_tail {
	/**/
	display: flex;
	justify-content: center;
	/**/
	/*background-color: #003366;*/
	/*background-color:	#006699;*/
	border: 5px solid #006699;
	padding-top: 5px;
	padding-bottom: 5px;
}

.container_tail {
	/**/
	display: flex;
	justify-content: center;
	/**/
	/*background-color: #003366;*/
	/*background-color:	#006699;*/
	/*background-image: url(images/nebo_1.jpg);*/
	/*background-image: url(images/Blue-Sky-Wallpaper-6.jpg);*/
	/*background-image: url(images/cloud_7.jpg);*/
	background-image: url(images/blue.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
	padding-top: 5px;
	padding-bottom: 5px;
}

.wrap_teil { 
	/*width: 1100px;*/
	width: 50em;
	/*width: 500px;*/
  /*justify-content: flex-start;*/
  /**/
	display: flex;
  justify-content: center;
  flex-wrap: wrap;
	/**/	
	/*
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
	*/
}

.wrap_teil a { 
	width: 30%;
	/*margin: 30px;*/
	padding: 5px;
}

/*
.wrap_teil a:nth-of-type(1) { background: red;}
.wrap_teil a:nth-of-type(2) { background: green;}
.wrap_teil a:nth-of-type(3) { background: blue;}
.wrap_teil a:nth-of-type(4) { background: yellow;}
.wrap_teil a:nth-of-type(5) { background: magenta;}
*/
.teil {
	text-align: center;
	/*border: 1px inset #36C;*/
	/*border-radius: 10px 10px 0px 20px;	*/
	/*border-radius: 0px 0px 20px 20px;*/
	background: white;
}

.teil_small {
  /*width: 276px;*/
	/*width: 16.0em;*/
	/*width: 80%;*/
	/*width: 14.0em;*/
  /*height: 100px;*/
	height: 10.0em;
	/*margin: 5px;*/
}

.teil:hover {
	/*background: rgba(255, 255, 255, 0.8);*/
	/*background: rgba(0, 51, 102, 0.8);*/
	/*background: red;*/
  /*color: #000;*/
}

.teil:hover .teil_up {
  background: rgba(0, 155, 155, 0.1);
	/*background: #003366;*/
	/*background: RGB(46,49,146);*/
}

.teil:hover .teil_up p{
	/*color: white;*/
	color: RGB(46,49,146);
}

.teil_up {
	display: table;
	/*min-height: 40%;*/
	height: 27%;
	/*height: 30%;*/
	/*width: 100%;*/
	width: calc(100% + 1px);
	background: rgba(0, 51, 102, 0.8);
	
	/*background: rgba(46, 48, 148, 0.8);*/ /* Blue Color from icon pictures */
	/*background: rgba(46, 48, 148, 1.0);*/ /* Blue Color from icon pictures */
  /*background: rgba(50, 150, 200, 0.4);*/
	/*border: 1px solid #069;*/
	/*border-radius: 0px 0px 0px 20px;*/
}

.teil_up p{
	font-size: 0.9em;
	font-weight: bold;
	/*color: #00CCFF;*/
	color: white;
	/*color: #069;*/
  /*color: #003366;*/
	/*color: RGB(46,49,146);*/
	/*color: RGB(38,34,98);*/
	/*font-family: 'Roboto', sans-serif;*/
  /*font-family: 'rsfont';*/
	padding-left: 5%;
	padding-right: 5%;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	/*background: #069;*/

}

.teil_mid {
	margin-right: auto;
	margin-left: auto;
	height: 2%;
}

.teil_mid_inside {
	height: calc(100% - 2px);
	border-top: 1px solid #003366;
	border-bottom: 1px solid #003366;
}

.teil_down {
  width: 100%;
  height: 72%;
	width: calc(100% + 1px);
} 

/*
.teil_down img {
  height: 100%;
  object-fit: fill;
}
*/

.intro_panel_link {
	/*display: inline-block;*/
	/*
	bottom: 0%;
	left: 70%;
	*/
	/*margin-right: 20px;*/
	/*display:block;*/
	
	font-family: 'Roboto', sans-serif;
	/*font-family: 'Josefin Sans', sans-serif;*/
	
	position: absolute;
	/*bottom: 0%;*/
	right: 0%;
	
	float: right;
	float: left;
	padding: 10px;
	padding: 10px 20px 10px 10px;
	/*
	margin-top: 20px;
	margin-right: 20px;
	*/
	margin: 0px 20px 10px 10px;
  /*border-radius: 10px;*/
	/*background: #069;*/
	/*color: white;*/
 
	/*
	margin-right: 20px;
	margin-bottom: 20px;
	*/
	/*padding: 20px 0px 0px 20px	;*/
	/*border: 1px solid #069;*/
	/*border-radius: 10px 10px 0px 20px;*/
  background-repeat: no-repeat;
  background-image: 
		linear-gradient(to left, #039, white), 
		linear-gradient(white, #039)
	;
  background-size: 100% 1px, 1px 100%;
  background-position: 100% 100%, bottom right;
	
}

.intro_panel_link:hover {
	/*color: white;*/
	/*background-color: blue;*/
  /*background-color: #006699;*/
	background: rgba(255, 255, 255, 0.1);
	color:  #069;
}

.my_footer {
	/*	
	display: block;
  position: relative;
	position: absolute;
  bottom: 0;
	*/
	/*clear: both;*/
	/*width: 950px;*/
	width: 100%;
	/*height: 100px;*/
	/*height: 4em;*/
	height: 7vh;
	/*font-size: x-large;*/
	background-color: #003366;
}

.inside_footer {
	/*height: 3em;*/
	height: 50%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.inside_footer p{
	position: relative;
  top: 50%;
  transform: translateY(-50%);
	float: right;
	/*font-weight: bold;*/
	font-size: 0.75em;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
	color: #0FF;
	padding-right: 10px;
}

.h_nav_sticky {
	/*position: absolute;*/
  /*position: fixed;*/
  /*top: 30;*/
	/*width: inherit;*/
	/*width: 420px;*/
	/*margin-left: 530px;	*/
}

.h_content_sticky {
  top: 0;
	margin-top: 30px;
}

.show {
	transition: 1.0s;
  display: block;
}

/*
body           { border: 1px  solid #F00;}
.container     { border: 1px  solid red;}
.my_header     { border: 1px  solid green;}
.navbar        { border: 1px  solid magenta;}
.inside_header { border: 3px  solid yellow;}
.always_visible { border: 1px  solid #0C3;}
.title         { border: 1px  solid #3FF;}
.body_container     { border: 1px  solid blue;}
.my_footer     { border: 1px  solid yellow;}
.inside_footer { border: 1px solid #F00;}
*/
/*
.logo          { border: 1px dashed #0C3;}
.icon_container { border: 1px dashed #F00;}
*/

/*========================================================*/
/*========================================================*/

.photo-grid-container {
  /**/
  display: flex;
  justify-content: center;
  /**/
}

.photo-grid {
  width: 900px;
  display: flex;
  /*justify-content: flex-start;*/
  justify-content: center;
  flex-wrap: wrap;
}

.photo-grid-item {
  border: 1px solid #fff;
  width: 300px;
  height: 300px;
  /*width: 33.33%;*/
  border: 1px solid black;
}

/*========================================================*/
/*========================================================*/

/*@media screen and (max-width: 2000px) { */
@media screen and (min-width: 1000px) and (max-width: 2600px) {
  .vnavbar { display: none;}
}

@media screen and (max-width: 1150px) {
	.inside_header {width: 94%;}
	.inside_footer {width: 94%;}
}

@media screen and (max-width: 1000px) {
	/* .container { font-size: 74%; } */
	.logo { width: 20%;}
	/*.logo { height: 90%; }*/
	.navbar         { display: none;	}
	/*.vnavbar        { display: block; }*/
	.icon_container { display: block;	}
	.drop_container {
    position: relative;
		width: 100%;
	 	float: left;
		background-color: #006699;
		border: thin solid #0FF;
	}
	.hidden_container {
		position: absolute;
		left: -90px;
		top: 0px;
	}
	.intro_panel_link {	
	  /*padding-top: 3px;*/
		font-size: 80%;
	}
	.header_container {
		height: 15em;
	}
  .title  {
    height: 10em;
    /*margin-bottom: 20px;*/
  }  
  .title_text h1 {
    font-size: 2.6em;
    padding: 13px;
  }
  .title_text p {
    font-size: 1.35em;
    padding-bottom: 20px;
  }
}

@media screen and (max-width: 840px) {
	.title { 
    /*height: 14em;*/
    /*margin-bottom: 15px;*/
  }
  .title_text h1 {
    font-size: 2.1em;
    padding: 10px;
  }
  .title_text p {
    font-size: 1.35em;
    padding-bottom: 20px;
  }
	.teil_small {
		height: 8.0em;
		margin: 0px;
	}
}

@media screen and (max-width: 740px) {
  .navbar { width: 200px;}

	.title  { 
    height:   10em; 
    /*margin-bottom: 10px;*/
  } 	
  .title_text h1 { 
    font-size: 2.0em;
    padding: 7px 25px 7px 25px;
  }
  .title_text p { 
    font-size: 1.20em;
    padding-bottom: 20px;
  }
	.teil_up p {
    font-size: 0.8em;
	}
	.wrap_teil a { 
    width: 40%;
    /*margin: 10px;*/
		padding: 5px;
  }  
}

@media screen and (max-width: 600px) {
	.header_container {
		height: 13em;
	}
	.title  {
    height: 8em; 
    margin-bottom: 5px;
  } 	
  .title_text h1 { 
    font-size: 1.7em;
    padding: 15px 25px 5px 25px;
  }
  .title_text p { 
    font-size: 1.0em;
    padding-bottom: 20px;
  }
	.teil_up p {
    font-size: 0.7em;
	}
	/*.teil_small { width: 10.0em; }*/
}

@media screen and (max-width: 480px) {
	.header_container {
		height: 11em;
	}
	.title  { 
    height: 6em; 
    margin-bottom: 5px;
  } 	
  .title_text h1 { 
    font-size: 1.2em;
    padding: 3px;
  }
  .title_text p { 
    font-size: 0.9em;
    padding-bottom: 10px;
  }
	.teil_small {
		height: 6.0em;
	}
	.teil_up p{
    font-size: 0.60em;
	}
}

@media screen and (max-width: 410px) {
	.header_container {
		height: 9em;
	}
	.title  { 
    height: 5em; 
    margin-bottom: 0px;
  } 	
	teil_up p{
    font-size: 0.45em;
	}
  .title_text h1 { 
    font-size: 1.0em;
    padding: 0px;
  }
  .title_text p { 
    font-size: 0.8em;
    padding-bottom: 5px;
  }
	.title_text {
		top: 35%;
	  transform: translateY(-50%);
	}

}