@charset "utf-8";
/* CSS Document */
@font-face{
	font-family: "wagnergroteskbitpro";
	src: url(../fonts/wagnergroteskbitform.ttf) format('truetype');
}
.font{
	font-family: "wagnergroteskpro";
}
.hltext{
	font-size: 15px;
	padding-right: 20px;
	padding-left: 50px;
	color: #FFFFFF;
	font-weight: bold;
	font-family: 'Josefin Sans', sans-serif;
}
h1{
	color: #CBCDCD;
	font-size: 45px;
}
#menu .text{
	font-size: 25px;
	font-family: 'Josefin Sans', sans-serif;
	padding-left: 30px;
}
#menu .farbatext{
	color: #F1F1F1;
}
#spodok{
	width:100%;
	height:60px;
}
#spodok .text{
	font-size: 15px;
	padding-top: 6px;
	text-align: center;
	font-family: 'Josefin Sans', sans-serif;
}
#spodok .text2{
	font-size: 15px;
	padding-top: 6px;
	text-align: left;
	font-family: 'Josefin Sans', sans-serif;
}
#spodok a{
	font-size: 15px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 25px;
	font-family: 'Josefin Sans', sans-serif;
}
#kontaktnadpis{
	padding-top: 100px;
	padding-bottom: 20px;
	padding-right: 20px;
	padding-left: 50px;
	font-family: "wagnergroteskbitpro";
	background-color: #343a40;
}

#cast1nadpis{
	padding-top: 95px;
	padding-bottom: 20px;
	padding-right: 20px;
	padding-left: 50px;
	font-family: "wagnergroteskbitpro";
	background-color: #343a40;
}
#cast2nadpis{
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 20px;
	padding-left: 50px;
	font-family: "wagnergroteskbitpro";
	color: #CBCDCD;
	background-color: #343a40;
}
#cast3nadpis{
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 20px;
	padding-left: 50px;
	font-family: "wagnergroteskbitpro";
	color: #CBCDCD;
	background-color: #343a40;
}
#cast1{
	padding-top: 100px;
	padding-right: 50px;
	padding-left: 550px;
}
#cast1 h1{
	font-family: "wagnergroteskbitpro";
}
#cast1{
  	background: url(' ../pozadia/d81a943ec0a9aa29c9caf83628a95a6c.jpg');
  	background-size: cover;
  	height: 400px;
	weight:100%;
	opacity: 0.9;
}
#cast1 a{
	font-size: 15px;
	padding-right: 20px;
	padding-left: 50px;
	color: #FFFFFF;
	font-weight: bold;
	font-family: 'Josefin Sans', sans-serif;
}
#cast2 {
  	background: url(' ../pozadia/assassins_creed_unity_2015-wallpaper-1920x1200.jpg');
  	background-size: cover;
  	height: 400px;
	weight:100%;
	opacity: 0.9;
}
#cast2{
	padding-top: 100px;
	padding-right: 550px;
	padding-left: 50px;
}
#cast2 h1{
	font-family: "wagnergroteskbitpro";
}
#cast2 a{
	font-size: 15px;
	padding-right: 50px;
	padding-left: 50px;
	color:#FFFFFF;
	font-weight: bold;
	font-family: 'Josefin Sans', sans-serif;
}
#cast3{
  	background: url('../pozadia/06e393f14607ede19a36cec3bb290148.jpg');
  	background-size: cover;
  	height: 400px;
	weight:100%;
}
#cast3{
	padding-top: 100px;
	padding-right: 275px;
	padding-left: 275px;
}
#cast3 h1{
	font-family: "wagnergroteskbitpro";
}
#cast3 a{
	font-size: 15px;
	padding-right: 50px;
	padding-left: 50px;
	color:#FFFFFF;
	font-weight: bold;
	font-family: 'Josefin Sans', sans-serif;
}
/* Team CSS*/
#vedenieteam .karta{
	height: 600px;
	width: 500px;
}
#clenovia .karta{
	height: 600px;
	width: 500px;
}
#clenovia2 .karta{
	height: 600px;
	width: 500px;
}
#spravnarada .karta{
	height: 600px;
	width: 500px;
}
#team .odsadenie{
	padding-left: 50px;
	padding-right: 50px;
}
#vedenieteam .tlacitko{
	position:absolute;
    bottom: 20px;
	width: 200px;
	padding-right: 5px;
}
#spravnarada .tlacitko{
	position:absolute;
    bottom: 20px;
	width: 200px;
	padding-right: 5px;
}
#clenovia .tlacitko{
	position:absolute;
    bottom: 20px;
	width: 200px;
	padding-right: 5px;
}
#clenovia2 .tlacitko{
	position:absolute;
    bottom: 20px;
	width: 200px;
	padding-right: 5px;
}
#team hr{
	height: 20px;
	width: 100%;
}
.pozadnie{
	height: 50px;
	font-family: "wagnergroteskbitpro";
	color: #CBCDCD;
	background-color: #343a40;
}
#team .odsadko	{
	padding-bottom: 30px;
	padding-top: 30px;
}
#nadpiscln h1{
	color: #CBCDCD;
	font-size: 45px;
}
#nadpiscln{
	padding-top: 95px;
	padding-bottom: 30px;
	padding-right: 20px;
	padding-left: 50px;
	font-family: "wagnergroteskbitpro";
	background-color: #343a40;
}
#nadpisspravnarada{
	padding-bottom: 20px;
	padding-right: 20px;
	padding-left: 50px;
	font-family: "wagnergroteskbitpro";
	background-color: #343a40;
}
#spravnarada{
	padding-top: 30px;
	padding-bottom: 30px;
}
#clenovia{
	padding-top: 30px;
	padding-bottom: 30px;
}
#clenovia2{
	padding-top: 30px;
	padding-bottom: 30px;
}
#vedenieteam{
	padding-top: 30px;
	padding-bottom: 30px;
}
#spodokteam{
	width:100%;
	height:60px;
	padding-top: 130px;
}
#spodokteam .text{
	font-size: 15px;
	padding-top: 6px;
	text-align: center;
	font-family: 'Josefin Sans', sans-serif;
}
#spodokteam a{
	font-size: 15px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 25px;
	font-family: 'Josefin Sans', sans-serif;
}
/* Kontakt css*/
#spodokkontakt{
	width:100%;
	height:60px;
	padding-top: 130px;
}
#spodokkontakt .text{
	font-size: 15px;
	padding-top: 6px;
	text-align: center;
	font-family: 'Josefin Sans', sans-serif;
}
#spodokkontakt a{
	font-size: 15px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 25px;
	font-family: 'Josefin Sans', sans-serif;
}
#spodokkontakt .text2{
	font-size: 15px;
	padding-top: 6px;
	text-align: left;
	font-family: 'Josefin Sans', sans-serif;
}
#kontakt {
	padding-top: 50px;
}
#kontakt .text{
	font-family: 'Josefin Sans', sans-serif;
	font-size: 15px;
}
#kontakt .odsd{
	padding-left: 50%;
	padding-top: 0px;
	line-height: 100px;
}
#kontakt .napis{
	font-family: 'Josefin Sans', sans-serif;
	font-size: 25px;
}
#kontakt a{
	color: #343a40;
	font-family: 'Josefin Sans', sans-serif;
}
#kontakt .odsadenie2{
	padding-right: 30px;
	padding-left: 30px;
}
/* Stanovy CSS*/
#spodokstanovy{
	width:100%;
	height:60px;
}
#spodokstanovy .text{
	font-size: 15px;
	padding-top: 6px;
	text-align: center;
	font-family: 'Josefin Sans', sans-serif;
}
#spodokstanovy a{
	font-size: 15px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 25px;
	font-family: 'Josefin Sans', sans-serif;
}
#spodokstanovy .text2{
	font-size: 15px;
	padding-top: 6px;
	text-align: left;
	font-family: 'Josefin Sans', sans-serif;
}
#stanovy .stanovytext2{
	background-color: #FFFFFF;
	color: #000000;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 15px;
	padding-top: 20px;
	padding-bottom: 20px;
}
#stanovy .stanovytext2 h1{
	color: #000000;
	padding-top: 3px;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 25px;
	font: bold;
}
#stanovy .stanovytext h1{
	font-family: 'Josefin Sans', sans-serif;
	font-size: 25px;
	font: bold;
}
#clanok3 .tma{
	font-family: 'Josefin Sans', sans-serif;
	font-size: 15px;
	color: #CBCDCD;
	background-color: #343a40;
}
#clanok3 .tma h1{
	padding-top: 20px;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 25px;
	font: bold;
	color: #CBCDCD;
}
#clanok3{
	padding-bottom: 50px;
}
.modal-header{
	background-color: #FFFFFF;
}
.modal-header h2{
	font-family: 'Josefin Sans', sans-serif;
	font-size: 20px;
	font: bold;
	color: #000000;
}
.textclankov{
	font-family: 'Josefin Sans', sans-serif;
	font-size: 15px;
	font: bold;
	color: #000000;
	padding-top: 20px;
	padding-bottom: 20px;
}
#clanky .tlacitko{
	padding-bottom: 20px;
}
#clanok3 .pozadie{
	background: url(../pozadia/users-group.svg);
	background-repeat: no-repeat;
	background-position: center;
}
#clanok4 .tma{
	font-family: 'Josefin Sans', sans-serif;
	font-size: 15px;
	color: #CBCDCD;
	background-color: #343a40;
}
#clanok4 .tma h1{
	padding-top: 20px;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 25px;
	font: bold;
	color: #CBCDCD;
}
#clanok4{
	padding-bottom: 50px;
}
#clanok4 .pozadie{
	background: url(../pozadia/management-group.svg);
	background-repeat: no-repeat;
	background-position: center;
}
#clanok5 .tma{
	font-family: 'Josefin Sans', sans-serif;
	font-size: 15px;
	color: #CBCDCD;
	background-color: #343a40;
}
#clanok5 .tma h1{
	padding-top: 20px;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 25px;
	font: bold;
	color: #CBCDCD;
}
#clanok5{
	padding-bottom: 50px;
}
#clanok5 .pozadie{
	background: url( ../pozadia/book.svg);
	background-repeat: no-repeat;
	background-position: center;
}
#clanok6 .tma{
	font-family: 'Josefin Sans', sans-serif;
	font-size: 15px;
	color: #CBCDCD;
	background-color: #343a40;
	padding-bottom: 20px;
}
#clanok6 .tma h1{
	padding-top: 20px;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 25px;
	font: bold;
	color: #CBCDCD;
}
#clanok6{
	padding-bottom: 50px;
}
#clanok6 .pozadie{
	background: url( ../pozadia/paragraph-symbol.svg);
	background-repeat: no-repeat;
	background-position: center;
}

#clanky .btn{
	color: #FFFFFF;
	background-color: #3fa62d;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 15px;
}
#plany {
	padding-top: 130px;
	padding-bottom: 130px;
}
#plany h1{
	font-family: 'Josefin Sans', sans-serif;
	color: #343a40;
	text-align: center;
}
#plany hr{
	height: 20px;
	width: 100%;
}
#plany p{
	font-family: 'Josefin Sans', sans-serif;
	color: #343a40;
	text-align: center;
	font-size: 20px;
}
/* responzivita */
@media (max-width: 640px) {
	#cast1nadpis{
	padding-top: 90px;
	padding-bottom: 20px;
	width: 100vh;
	font-family: "wagnergroteskbitpro";
	color: #CBCDCD;
	background-color: #343a40;
}
	#cast1 {
		width: 100vh;
		padding-left: 10px;
		padding-right: 10px;
	}
	#cast2nadpis{
	padding-top: 20px;
	padding-bottom: 20px;
	width: 100vh;
	font-family: "wagnergroteskbitpro";
	color: #CBCDCD;
	background-color: #343a40;
}
	#cast2 {
		width: 100vh;
		padding-left: 10px;
		padding-right: 10px;
	}
	#cast3nadpis{
	padding-top: 20px;
	padding-bottom: 20px;
	width: 100vh;
	font-family: "wagnergroteskbitpro";
	color: #CBCDCD;
	background-color: #343a40;
}
	#cast3 {
		width: 100vh;
		padding-left: 10px;
		padding-right: 10px;
	}
#spodok{
	width:100vh;
	height:60px;
}
	#spodok .text{
	font-size: 20px;
	padding-top: 6px;
	text-align: center;
	font-family: 'Josefin Sans', sans-serif;
}
#spodok .text2{
	font-size: 20px;
	padding-top: 6px;
	text-align: left;
	font-family: 'Josefin Sans', sans-serif;
}
#spodok a{
	font-size: 20px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 25px;
	font-family: 'Josefin Sans', sans-serif;
}
}
@media (max-width: 300px) {
	#cast1nadpis{
	padding-top: 90px;
	padding-bottom: 20px;
	width: 100vh;
	font-family: "wagnergroteskbitpro";
	color: #CBCDCD;
	background-color: #343a40;
}
#cast1{
	padding-top: 100px;
	padding-right: 50px;
	padding-left: 10px;
}
	#cast2nadpis{
	padding-top: 20px;
	padding-bottom: 20px;
	width: 100vh;
	font-family: "wagnergroteskbitpro";
	color: #CBCDCD;
	background-color: #343a40;
}
	#cast2{
	padding-top: 100px;
	padding-right: 50px;
	padding-left: 10px;
}
	#cast3nadpis{
	padding-top: 20px;
	padding-bottom: 20px;
	width: 100vh;
	font-family: "wagnergroteskbitpro";
	color: #CBCDCD;
	background-color: #343a40;
}
	#cast3{
	padding-top: 100px;
	padding-right: 50px;
	padding-left: 10px;
}
	.hltext{
	font-size: 20px;
	padding-right: 20px;
	padding-left: 50px;
	color: #FFFFFF;
	font-weight: bold;
	font-family: 'Josefin Sans', sans-serif;
}
	#spodok .text{
	font-size: 20px;
	padding-top: 6px;
	text-align: center;
	font-family: 'Josefin Sans', sans-serif;
}
#spodok .text2{
	font-size: 20px;
	padding-top: 6px;
	text-align: left;
	font-family: 'Josefin Sans', sans-serif;
}
#spodok a{
	font-size: 20px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 25px;
	font-family: 'Josefin Sans', sans-serif;
}
}
@media (max-width: 768px) {
		.hltext{
	font-size: 20px;
	padding-right: 20px;
	padding-left: 50px;
	color: #FFFFFF;
	font-weight: bold;
	font-family: 'Josefin Sans', sans-serif;
}
	#cast1nadpis{
	padding-top: 100px;
	padding-bottom: 20px;
	font-family: "wagnergroteskbitpro";
	color: #CBCDCD;
	background-color: #343a40;
}
#cast1{
	padding-top: 100px;
	padding-right: 50px;
	padding-left: 10px;
}
	#cast2nadpis{
	padding-top: 20px;
	padding-bottom: 20px;
	font-family: "wagnergroteskbitpro";
	color: #CBCDCD;
	background-color: #343a40;
}
	#cast2{
	padding-top: 100px;
	padding-right: 50px;
	padding-left: 10px;
}
	#cast3nadpis{
	padding-top: 20px;
	padding-bottom: 20px;
	font-family: "wagnergroteskbitpro";
	color: #CBCDCD;
	background-color: #343a40;
}
	#cast3{
	padding-top: 100px;
	padding-right: 50px;
	padding-left: 10px;
}
}
@media (max-width: 1024px) {
	.hltext{
	font-size: 20px;
	color: #FFFFFF;
	font-weight: bold;
	font-family: 'Josefin Sans', sans-serif;
	padding-left: 10px;
	padding-bottom: 10px;
}
	#cast1nadpis{
	padding-top: 100px;
	padding-bottom: 20px;
	font-family: "wagnergroteskbitpro";
	color: #CBCDCD;
	background-color: #343a40;
}
	#cast1{
	padding-top: 100px;
	padding-right: 10px;
	padding-left: 10px;
}
	#cast2nadpis{
	padding-top: 20px;
	padding-bottom: 20px;
	font-family: "wagnergroteskbitpro";
	color: #CBCDCD;
	background-color: #343a40;
}
	#cast2{
	padding-top: 100px;
	padding-right: 50px;
	padding-left: 10px;
}
	#cast3nadpis{
	padding-top: 20px;
	padding-bottom: 20px;
	font-family: "wagnergroteskbitpro";
	color: #CBCDCD;
	background-color: #343a40;
}
	#cast3{
	padding-top: 100px;
	padding-right: 50px;
	padding-left: 10px;
}
}
@media (max-width: px) {
	.hltext{
	font-size: 25px;
	padding-right: 20px;
	padding-left: 50px;
	color: #FFFFFF;
	font-weight: bold;
	font-family: 'Josefin Sans', sans-serif;
}
	#spodok{
	width:100%;
	height:60px;
}
	#spodok .text{
	font-size: 25px;
	padding-top: 6px;
	text-align: center;
	font-family: 'Josefin Sans', sans-serif;
}
#spodok .text2{
	font-size: 25px;
	padding-top: 6px;
	text-align: left;
	font-family: 'Josefin Sans', sans-serif;
}
#spodok a{
	font-size: 25px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 25px;
	font-family: 'Josefin Sans', sans-serif;
}
}