@font-face {
  font-family: "brandon";
  src:url("../fonts/hvd-fonts-brandontext-regular.eot");
  src:url("../fonts/hvd-fonts-brandontext-regular.eot?#iefix") format("embedded-opentype"),
      url("../fonts/hvd-fonts-brandontext-regular.woff") format("woff"),
      url("../fonts/hvd-fonts-brandontext-regular.ttf") format("truetype"),
      url("../fonts/hvd-fonts-brandontext-regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "brandon";
  src:url("../fonts/hvd-fonts-brandontext-bold.eot");
  src:url("../fonts/hvd-fonts-brandontext-bold.eot?#iefix") format("embedded-opentype"),
      url("../fonts/hvd-fonts-brandontext-bold.woff") format("woff"),
      url("../fonts/hvd-fonts-brandontext-bold.ttf") format("truetype"),
      url("../fonts/hvd-fonts-brandontext-bold.svg") format("svg");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "brandon";
  src:url("../fonts/hvd-fonts-brandontext-light.eot");
  src:url("../fonts/hvd-fonts-brandontext-light.eot?#iefix") format("embedded-opentype"),
      url("../fonts/hvd-fonts-brandontext-light.woff") format("woff"),
      url("../fonts/hvd-fonts-brandontext-light.ttf") format("truetype"),
      url("../fonts/hvd-fonts-brandontext-light.svg") format("svg");
  font-weight: 100;
  font-style: normal;
}

.modal-backdrop {
	z-index:0;
}

body {
	font-size:16px;
	color:#66666c;
	font-family:"brandon";
}

#header {
	min-height:764px;
	background:url(/images/new/header.jpg) center top no-repeat;
	background-size:cover;
	color:white;
	font-size:40px;
	font-weight:100;
}

#header .container {
	background:url(/images/new/shadow1.png) 50px bottom no-repeat;	
	
}

#header img {
	padding-top:100px;
}

p {
	margin-bottom:30px;
}

#header h1 {
	padding-top:20px;
	font-size:50px;
	font-weight:100;
	padding-bottom:20px;
}

#header h1 strong {
	font-weight:700;
}

._blueHeadline {
	font-size:40px;
	font-weight:700;
	color:#008bb0;
	margin-bottom:30px;
}

#about {
	padding-top:40px;
	padding-bottom:40px;
	color:#a4a4a4;
}

#about .more {
	max-height: 0;
    transition: max-height 0.4s linear;
    overflow: hidden;
}

#about .show-more {
	display:inline-block;
	margin:0px auto;
	background-color:#0990b4;
	color:#fff;
	font-size:20px;
	padding:10px 20px;
	border-radius:20px;
}

#about .show-more:hover, #about .show-more:focus {
	text-decoration:none;
	text-shadow:1px 1px 1px black;
}

#about .more.opened {
	max-height:1000px;
    transition: max-height 0.4s linear;
}

.dostupnost {
	display:block;
	width:327px;
	height:85px;
	color:white;
	font-size:30px;
	font-weight:100;
	background:url(/images/new/dostupnost.jpg);
	margin:40px auto 0 auto;
	padding-top:20px;
	padding-left:20px;
}

.dostupnost:hover {
	color:white;
	text-shadow:1px 1px 1px black;
	text-decoration:none;
}

#articles {
	background-color:#f4f4f4;
	padding:0px 0 40px 0;
}

#articles h4 {
	font-size:24px;
	color:#008bb0;
	font-weight:700;
	margin-bottom:30px;
	margin-top:30px;
}

#articles .article {
	margin-bottom:0px;
	color:#66666c;
}

#articles .article img {
	width:100%;
}

#articles .article h5 {
	background:white;
	padding:25px;
	font-size:24px;
	font-weight:100;
	margin:0;
	height:4.4em;
}

#articles .article p {
	background:white;
	padding:25px;
	font-weight:100;
	margin:0;
	min-height:10em;
	position:relative;
}

#articles .article p span {
	position:absolute;
	display:block;
	width:19px;
	height:21px;
	background:url(/images/new/text-arrow.png) no-repeat;
	left:-5px;
	top:25px;
}

#activities {
	background-color:#1195b8;
	color:white;
	padding-top:30px;
	padding-bottom:50px;
}


#activities h4 {
	margin-bottom:30px;
	font-weight:700;
	font-size:30px;
}

#invite {
	background:url(/images/new/bg1.jpg) center top no-repeat;
	background-size:cover;
	padding-top:60px;
	padding-bottom:60px;
	font-size:19px;
	color:white;
}

#invite h5 {
	font-size:40px;
	font-weight:100;
	color:white;
	margin-bottom:30px;
}

#invite h5 strong {
	font-weight:700;
}

#invite p {
	text-shadow:1px 1px 1px black;
}

#invite img {
	margin:0px auto;
}

#contact {
	background:url(/images/new/bg2.jpg) center top no-repeat;
	background-size:cover;
	height:511px;
	color:white;
	text-align:center;
	padding-top:50px;
}


#contact h3 {
	
	font-size:60px;
	font-weight:700px;	
}

#footer {
	background-color:#1195b8;
	font-size:14px;
	color:white;
	padding-top:20px;
	padding-bottom:20px;
}

#footer p {
	margin:0;
	padding:0;
}

#footer p a {
	color:white;
}






.jcarousel-container {
    height: 250px;
    width:920px;
    margin:0px auto;
    position:relative;
}

.jcarousel-clip {
    overflow: hidden;
}

#fotogalerie {
	
}

#carousel {
    position:relative;
    height: 250px;
    width:80%;
    padding: 0px;
}

#carousel ul {
	display:block;
	height: 250px;
    width:100%;
    overflow:hidden;
}

#carousel li {
    position:relative;
    height: 250px;
    width:220px;
    overflow:hidden;
    z-index:1;
	text-align:center;
	font-size:14px;
}

#carousel li a {
	display:block;
    height: 210px;
    width:210px;
    position:relative;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:auto 220px;
    border-radius:110px;
    border:5px solid white;
}


#slider-left {
    left: -40px;
    background: url(/images/car_left.png) no-repeat center top;
}


#slider-right {
    right: -18px;
    background: url(/images/car_right.png) no-repeat center top;
}


#slider-left, #slider-right {
    position: absolute; 
    top:80px;
    width: 37px;
    height: 75px;
    cursor:pointer;
    z-index:0;
}







@media screen and (max-width: 768px) {
	
	body {
		font-size:16px;
	}
	
	p {
		margin-bottom:20px;
	}
	
	br {
		display:none;
	}
	
	a.dostupnost {
		max-width:100%;
		background-size:100% auto;
		background-repeat:no-repeat;
		font-size:24px;
	}
	
	#articles .article h5 {
		height:auto;
	}
	
	#activities .col-sm-6:nth-child(2) h4 {
		margin-top:30px;
	}
	
	#header {
		min-height:0;
	}
	
	#header img {
		padding-top:30px;
	}

	#header h1 {
		padding-top:0px;
		font-size:40px;
	}	

	#header p {
		font-size:30px;
	}	
	
	._blueHeadline	{
		font-size:30px;
	}
	
	#fotogalerie {
		padding-top:0;
	}

	#fotogalerie img {
		display:block;
		margin-bottom:20px;
	}
	
	#articles .article h5 {
		font-size:26px;
		padding-bottom:0;
	}
	
	#articles .article p {
		font-size:16px;
	}
	
	#invite h5 {
		font-size:30px;
	}

}