@import url(http://fonts.googleapis.com/css?family=Meddon);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,400,300);
@import url(http://weloveiconfonts.com/api/?family=entypo);





/* entypo */
[class*="entypo-"]:before {
  font-family: 'entypo', sans-serif;
}





}

body, ul, li {
  margin: 0;
  padding: 0;
}

body {
  background-color: #3399cc;
  color:black;
}

header {
  width: 100%;
  height: 70px;
  box-sizing: border-box;
  background-color: #373948;
  position: fixed;
  top: 0px;
  left: 0px;
  padding: 0px 0px 0px 30px;
  z-index:90;
  font-family: 'Sarpanch', sans-serif
}

h1 {
  color: white;
  margin-top: 0px;
  font-family: 'Sarpanch', sans-serif;
}



header nav ul {
  position:fixed; top:-17px; right: 7px;
  height: 70px;
  float: right; 
}



header nav ul li {
  height: 70px;
  display: inline-block;
}

header nav ul li a {
position: relative; top: 0px; 
  height: 30px;
  display: block;
  padding: 17px 20px;
  color: white;
  font-size: 2.2em;
  text-decoration: none;
  border-top: 3px solid #373948;
  border-bottom: 3px solid #373948;
  -webkit-transition: color 1s ease;
  -moz-transition: color 1s ease;
  -o-transition: color 1s ease;
  transition: color 1s ease;
}

header nav ul li a:hover{
  color: #373948;
}

header nav ul li a.active{
  height: 33px;
  border-bottom: none;
}

header nav ul li a.link-1 { background: #999521;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#008ca5+0,00acbf+51,3399cc+100 */
background: #008ca5; /* Old browsers */
background: -moz-linear-gradient(top,  #008ca5 0%, #00acbf 51%, #3399cc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008ca5), color-stop(51%,#00acbf), color-stop(100%,#3399cc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #008ca5 0%,#00acbf 51%,#3399cc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #008ca5 0%,#00acbf 51%,#3399cc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #008ca5 0%,#00acbf 51%,#3399cc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #008ca5 0%,#00acbf 51%,#3399cc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ca5', endColorstr='#3399cc',GradientType=0 ); /* IE6-9 */

 }
header nav ul li a.link-2 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#008ca5+0,00acbf+51,3399cc+100 */
background: #008ca5; /* Old browsers */
background: -moz-linear-gradient(top,  #008ca5 0%, #00acbf 51%, #3399cc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008ca5), color-stop(51%,#00acbf), color-stop(100%,#3399cc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #008ca5 0%,#00acbf 51%,#3399cc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #008ca5 0%,#00acbf 51%,#3399cc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #008ca5 0%,#00acbf 51%,#3399cc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #008ca5 0%,#00acbf 51%,#3399cc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ca5', endColorstr='#3399cc',GradientType=0 ); /* IE6-9 */

 }

header nav ul li a.link-3 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#008ca5+0,00acbf+51,3399cc+100 */
background: #008ca5; /* Old browsers */
background: -moz-linear-gradient(top,  #008ca5 0%, #00acbf 51%, #3399cc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008ca5), color-stop(51%,#00acbf), color-stop(100%,#3399cc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #008ca5 0%,#00acbf 51%,#3399cc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #008ca5 0%,#00acbf 51%,#3399cc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #008ca5 0%,#00acbf 51%,#3399cc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #008ca5 0%,#00acbf 51%,#3399cc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ca5', endColorstr='#3399cc',GradientType=0 ); /* IE6-9 */

 }

header nav ul li a.link-4 {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#008ca5+0,00acbf+51,3399cc+100 */
background: #008ca5; /* Old browsers */
background: -moz-linear-gradient(top,  #008ca5 0%, #00acbf 51%, #3399cc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008ca5), color-stop(51%,#00acbf), color-stop(100%,#3399cc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #008ca5 0%,#00acbf 51%,#3399cc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #008ca5 0%,#00acbf 51%,#3399cc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #008ca5 0%,#00acbf 51%,#3399cc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #008ca5 0%,#00acbf 51%,#3399cc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ca5', endColorstr='#3399cc',GradientType=0 ); /* IE6-9 */

 }


section {
  width: 100%;
  height:auto;
  box-sizing: border-box;
  padding: 20px;
  overflow: hidden;
}



section { background-color: #3399CC; margin-top: 70px; border-bottom:4px solid #373948;
color:black;
}



section h2 {
  color:black ;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 3em;
  margin: 0px;
}

section h3 {  color:black ;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 2em;
  margin: 0px;}

section .illustration1 {
  width: 100%;
  height: 240px;
  border: 3px solid #373948;
  background:  url(../img/IMAG0259.jpg), url(../img/IMAG0654.jpg), url(../img/IMAG0868.jpg), url(../img/IMAG0947.jpg), url(../img/IMAG0009.jpg), url(../img/IMAG1152.jpg);
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  background-position: 0px 0px, 150px 0px, 301px 0px, 454px 0px, 607px 0px, 800px 0px;
  margin-top: 15px;
  background-size: auto 240px;
  background-color: #373948;
}

section{
  color: #black;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 1em; 
}

#map{

background-color: #373948;
position:relative;
float:right;
width:500px;
height:400px;
;
}
.plosina{
width: auto;
height: 340px;
border: 4px solid #373948;
margin-left: 3%; 

}

#title{
position: fixed; top: 0px; left: 0px;
 color: white;
 width: 30%;
  font-family: 'Sarpanch', sans-serif;
z-index:99;
}
.nadpis{font-size: 25pt; font-weight:bold;}