@font-face {
  font-family: rustica; /* set name */
  src: url(../fonts/rustica-regular.otf); /* url of the font */
}

:root {
  --cVitAzure: #0C363E;
  --cVitLinen: #EEE9E4;
  --cVitCerise: #E72B78;
}

html, body {	font-family: 'Nunito Sans', sans-serif;font-size: 18px;	zoom: 100%;

  background-color: #FFF ; 


}
body {	margin: 0;	padding: 0; /*url(../img/bg.jpg) repeat-x top*/
	font-family: rustica;
}

.BodyContainer{	border-radius: 17px;	background-color: White;	width: 1336px;	margin: 15px auto 15px auto;overflow:hidden;}

.wContainer{
	width:1480px;
	margin: 0px auto 0px auto;
	/*background-color:red;*/
}


.SectionHomeBanner{
	background-color: #0C363E;
	/*background-color: #0C36FF;*/
	margin: 0px 0px 59px 0px;
	/*position: relative;*/
	width:100%!important;
	height:auto;
	padding-top: 110px;
	
}

.homeBanner{	margin: 0px 0px 59px 0px;	position: relative;}
.homeBannerTexty{	position: absolute;	left: 98px;	top: 106px;	color:white;	z-index: 15;}
	.homeBannerTitle{	font-size: 76px;	font-weight: bold; color:white;margin-bottom:35px;}
	.homeBannerInfo{	font-size: 28px;margin-bottom:35px; color: var(--cVitCerise);}
	.homeBannerDesc{	font-size: 18px; width:40%;
	text-shadow: 1px 1px 2px #0C363E;
	}
	.homeBannerDesc a{	color: var(--cVitCerise);text-decoration: none;
	}	
	.homeBannerDesc a{	color: var(--cVitCerise);text-decoration: underline;
	}	

.homeBanner img{	margin: 0px;	width: 100%;top:0px; right:0px;	height: auto;}



.homeTilte{	margin-bottom: 84px;}
.homeTilte h1{	color: #062D67;	font-weight: bold;	font-size: 36px;}

.contOdsazeni{	margin: 0px 196px 0px 196px;}

.homeVyhodyI{	margin-bottom: 135px;}
.homeVyhodyIikon{	width: 51px;	height: 51px;	display: block;	background: transparent url(../img/VRE_web-icons_105x105px_svoboda.svg) no-repeat top;background-size: 100% 100%; margin-bottom:25px;}

.homeVyhodyIikonKlic{	width: 51px;	height: 51px;	display: block;	background: transparent url(../img/key_105x105.svg) no-repeat top;background-size: 100% 100%; margin-bottom:25px;}
.homeVyhodyIikonCas{	width: 51px;	height: 51px;	display: block;	background: transparent url(../img/VRE_web-icons_105x105px_cas_uvazek.svg) no-repeat top;background-size: 100% 100%; margin-bottom:25px;}
.homeVyhodyIikonKalendar{	width: 51px;	height: 51px;	display: block;	background: transparent url(../img/VRE_web-icons_105x105px_kalendar_nastup.svg) no-repeat top;background-size: 100% 100%; margin-bottom:25px;}
.homeVyhodyIikonPerStav{	width: 51px;	height: 51px;	display: block;	background: transparent url(../img/VRE_web-icons_105x105px_perfektni_stav.svg) no-repeat top;background-size: 100% 100%; margin-bottom:25px;}
.homeVyhodyIikonPoradime{	width: 51px;	height: 51px;	display: block;	background: transparent url(../img/VRE_web-icons_105x105px_poradime.svg) no-repeat top;background-size: 100% 100%; margin-bottom:25px;}
.homeVyhodyIikonSvoboda{	width: 51px;	height: 51px;	display: block;	background: transparent url(../img/VRE_web-icons_105x105px_svoboda.svg) no-repeat top;background-size: 100% 100%; margin-bottom:25px;}


.homeVyhodyItitle{	display: block;	color: var(--cVitCerise);	font-size: 22px;	font-weight: bold;}
.homeVyhodyIdesc{	display: block;	color: #333333;	font-size: 14px;}

.homeCatcher1LeftTitle{	color: var(--cVitCerise);	font-weight: bold;	font-size: 36px;}
.homeCatcher1LeftDesc{	color: #062D67;	font-size: 24px;	margin-bottom: 30px;}

a.JduDoToho{	border-radius: 34px;color: White;	text-transform: uppercase;	display: inline-block;	padding: 22px 42px 22px 42px;	font-weight: bold;	font-size: 16px;	text-decoration: none;
background: var(--cVitCerise); 

}
a.JduDoToho:hover{	color: White;	
background: var(--cVitAzure); 

}
.homeCatcher1{	margin-bottom: 90px;}
.homeCatcher1Left{padding-top: 60px;}
.homeCatcher1LeftProces{padding-top: 0px;}
.homeCatcher1Right{}
.homeCatcher1Right img{margin: 0px;	width: 100%;	height: auto; border-radius: 200px 0px 200px 0px;}

ul.homeList, ul.homeList li{	color: #062D67;	font-size: 14px;	margin: 0px;	padding: 0px;	list-style: none inside none;}
ul.homeList{	padding-top: 30px;}
ul.homeList li{	margin-bottom: 30px!important;}
span.circLiGreenH{	display: inline-block;	background: transparent url(../img/circ-h-green.png) no-repeat;	background-size: 100% 100%;	text-align: center;	width: 45px;	height: 45px;	margin-right: 20px;}
span.circLiGreenHForm{	display: inline-block;	background: transparent url(../img/circ-f-green.png) no-repeat;	background-size: 100% 100%;	text-align: center;	width: 45px;	height: 45px;	margin-right: 20px;}
span.circLiNmbr{display: inline-block;	background-color:var(--cVitCerise);	width: 40px;	height: 40px;margin-right: 12px; border-radius: 50%;text-align: center;}
span.circLiNmbr .number{	color: white;	font-size: 20px;	font-weight: bold;	padding-top: 6px;	display: inline-block;}



.homeListCont{	display: inline-block;	padding-top: 10px;}

.homePrkldTitle{	color: var(--cVitCerise);	font-size: 36px;	font-weight: bold;	margin-bottom: 20px;}
.homePrkldDesc{	color: #000;	font-size: 15px;	margin-bottom: 40px;	text-align: left;}
.homeFormBox{	background-color: #0C363E;	border-radius: 0px 0px 120px 0px;	padding: 44px 35px 44px 44px;}
.homeFormBoxLogo{	height: 69px;	text-align: center;	margin-bottom: 57px;}
.homeFormItem{	margin-bottom: 19px;}

.homeFormRight{}

.homeFormItemInput{	width: 92%;	background-color: White;	color: #3e3e3e;	font-size: 20px;	padding: 15px 4% 15px 4%;	border: 0px solid Purple;border-radius: 8px;}
.homeFormItemInput::-webkit-input-placeholder {	color: #808080;	font-weight: lighter;}
.homeFormItemInput:-ms-input-placeholder { color: #808080;font-weight: lighter;}
.homeFormItemInput::placeholder {color: #808080;font-weight: lighter;}

.homeFormLeft{padding-top: 75px;}
.homeFormLeftTitle{	color: var(--cVitAzure);	font-size: 50px;	font-weight: bold!important;	margin-bottom: 30px;}
.homeFormLeftDesc{	color: #333333;	font-size: 24px;font-weight: lighter;margin-bottom: 30px;}

ul.homeFormLeftList, ul.homeList li{	color: var(--cVitAzure);	font-size: 18px;	margin: 0px;	padding: 0px;	list-style: none inside none;}
ul.homeFormLeftList{	padding-top: 30px;}
ul.homeFormLeftList li{	margin-bottom: 30px!important;}

.h3form{
	color:var(--cVitLinen);
	margin: 0px 20px 25px 0px;
}



.contOdsazeniFooter{	margin: 0px 48px 0px 48px;}

.homeFooter{	color: #062D67;	font-size: 18px;}
.homeFooterpos1{	text-align: left;}
.homeFooterpos2{	text-align: center;}
.homeFooterpos3{	text-align: right;}

.homeFooter a{	color: #062D67;	text-decoration: none;}
.homeFooter a:hover{	color: #0e3e85;	text-decoration: none;}
.homeFooterInfo{	display: block;}
.homeFooterContacts{	font-size: 32px;}

.Registrovat{
	font-size: 17px;
	color: White;
	font-weight: bold;
	border-radius: 34px 34px 34px 34px; 
	background-color: var(--cVitCerise);

	border: 0px none Green;
	padding: 22px 38px 22px 38px;
	letter-spacing: 0px;
}
.Registrovat:hover{	
background-color: #ED2B7C; 
}


@media only screen and (max-width: 1336px) {
.BodyContainer{	width: 92%;	margin: 15px 4% 15px 4%;}
.contOdsazeni{	margin: 0px 106px 0px 106px;}
.homeBanner{	margin: 0px 0px 39px 0px;	}
.homeBannerTexty{left: 62px;	top: 62px;}
	.homeBannerTitle{	font-size: 56px;}
	.homeBannerInfo{	font-size: 22px;}
	.homeBannerDesc{	font-size: 15px;}
.homeTilte{	margin-bottom: 60px;}
.homeTilte h1{	font-size: 30px;}
.homePrkldTitle{font-size: 30px;	margin-bottom: 15px;}
.homeVyhodyI{	margin-bottom: 75px;}
.homeVyhodyIikon{	width: 40px;	height: 40px;}
.homeVyhodyItitle{font-size: 18px;	font-weight: bold;}
.homeVyhodyIdesc{font-size: 15px;}
.homeCatcher1{	margin-bottom: 60px;}
.homeCatcher1Left{padding-top: 40px;}
.homeCatcher1LeftTitle{font-size: 28px;}
.homeCatcher1LeftDesc{font-size: 18px;	margin-bottom: 24px;}
.homePrkldDesc{font-size: 16px;	margin-bottom: 100px;}
.homeFormLeft{padding-top: 50px;}
.homeFormLeftTitle{font-size: 34px;margin-bottom: 24px;}
.homeFormLeftDesc{font-size: 22px;margin-bottom: 24px;}

}
@media only screen and (max-width: 992px) {
.contOdsazeni{	margin: 0px 36px 0px 36px;}
.homeFooterpos1{	text-align: center;}
.homeFooterpos2{	text-align: center;}
.homeFooterpos3{	text-align: center;}
.homeTilte{	margin-bottom: 48px;}
.homeTilte h1{	font-size: 28px;}
.homeVyhodyI{	margin-bottom: 40px;}
.homeVyhodyIikon{	width: 36px;	height: 36px;}
.homeCatcher1{	margin-bottom: 44px;}
.homeCatcher1Left{padding-top: 20px;}
.homeCatcher1LeftTitle{font-size: 24px;}
.homeCatcher1LeftDesc{font-size: 15px;	margin-bottom: 24px;}
a.JduDoToho{padding: 17px 28px 17px 28px;	font-size: 22px;}
.homePrkldDesc{font-size: 15px;	margin-bottom: 50px;}
.homeFormLeft{padding-top: 30px;}
.homeFormLeftTitle{font-size: 28px;margin-bottom: 20px;}
.homeFormLeftDesc{font-size: 20px;margin-bottom: 20px;}
ul.homeList, ul.homeList li{	font-size: 16px;}
span.circLiGreenH{width: 38px;	height: 38px;	margin-right: 10px;}
span.circLiGreenHForm{width: 38px;	height: 38px;	margin-right: 10px;}
span.circLiNmbr{width: 38px;	height: 38px;margin-right: 10px;}
span.circLiNmbr .number{font-size: 18px;	font-weight: bold;	padding-top: 6px;}
}

#obalka{	position: absolute;	padding: 0;	height: auto;	margin-left: 0px;	left: 0%;	width: 100%;	z-index: 10;	top: 2px;	background: #f2f4f6;}

.definovanasirka{	margin: 0px auto 0px auto;	width: 1180px;	height: auto;}

.fullwidthmenu{	background: White;	height: 73px;	width: 100%;	-webkit-box-shadow: 0px 5px 5px 0px rgba(68,68,68,.25);	-moz-box-shadow: 0px 5px 5px 0px rgba(68,68,68,.25);	box-shadow: 0px 5px 5px 0px rgba(68,68,68,.25);	position: relative;	z-index: 3000;}

@media only screen and (max-width: 768px) {
.homeBannerTexty{left: 28px;	top: 30px;}
	.homeBannerTitle{	font-size: 38px;}
	.homeBannerInfo{	font-size: 18px;}
	.homeBannerDesc{	font-size: 12px;}
.homeTilte{	margin-bottom: 28px;}
.homeTilte h1{	font-size: 24px;}
.homeVyhodyI{	margin-bottom: 30px;}
.homeVyhodyIikon{	width: 30px;	height: 30px;}
.homeCatcher1{	margin-bottom: 32px;}
.homeCatcher1Left{padding-top: 12px;}
.homeCatcher1LeftTitle{font-size: 20px;}
.homeCatcher1LeftDesc{font-size: 15px;	margin-bottom: 12px;}
a.JduDoToho{padding: 14px 20px 14px 20px;	font-size: 18px;}
.homePrkldDesc{font-size: 14px;	margin-bottom: 12px;}
.homeFormLeft{padding-top: 20px;}
.homeFormLeftTitle{font-size: 28px;margin-bottom: 18px;}
ul.homeList, ul.homeList li{	font-size: 14px;}
}

@media only screen and (max-width: 680px) {

	#filtrAkce{	background-color: #062d67;	color: White;	padding: 10px 10px 10px 10px;	margin: 5px 10px 8px 0px !important;}
	.filLastRadek{	width: 48%;	margin-right: 1%;	margin-left: 1%; display: inline-block;}
	.filLastName{	width: 28%;	color: white;	display: inline-block;	font-size: 1.1em;	padding: 5px 1% 5px 1%;}
	.filLastValBlok{	width: 70%;	display: inline-block;}
	.mujAkceFiltr{	padding: 5px 5% 5px 5%;	margin: 0px;	font-size: 1.1em;	width: 90%;}
}
@media only screen and (max-width: 540px) {

.homeBannerTexty{	left: 28px;	top: 5px;	width: 60%;}
	.homeBannerTitle{	font-size: 20px;}
	.homeBannerInfo{	font-size: 14px;}
	.homeBannerDesc{	font-size: 10px;}
.homeFormLeft{padding-top: 0px;}
.homeFormLeftTitle{font-size: 26px;margin-bottom: 18px;}
	
	#filtrAkce{	background-color: #062d67;	color: White;	padding: 10px 10px 10px 10px;	margin: 5px 10px 8px 0px !important;}
	.filLastRadek{	width: 48%;	margin-right: 1%;	margin-left: 1%; display: inline-block;}
	.filLastName{	width: 32%;	color: white;	display: inline-block;	font-size: .9em;	padding: 5px 1% 5px 1%;}
	.filLastValBlok{	width: 66%;	display: inline-block;}
	.mujAkceFiltr{	padding: 5px 5% 5px 5%;	margin: 0px;	font-size: .9em;	width: 90%;}
}



.homeHeader{	height: 119px;	background-color: #0C363E;position:fixed;top:0px;width:100%;z-index:25;}
.AffiLogo{	float: left;	text-align: left;	padding: 24px 35px 0px 35px;	width: 50%;}
.AffiLogo a img{	width: 234px;	height: 123px;}

.homeHeaderLogin{	float: right;	text-align: right;	padding: 40px 30px 0px 0px;	width: 50%;}


a.LoginButton{	display: inline-block;	background: transparent url(../img/user-login.png) no-repeat top;	width: 158px;	height: 45px;	cursor: pointer;	padding: 13px 0px 0px 25px;	color: #333333;	text-decoration: none;	font-size: 14px;	text-align: left;}
a.LoginButton:hover{	background: transparent url(../img/user-login.png) no-repeat top;	color: #062D67;	text-decoration: none;}

@media only screen and (max-width: 992px) {
.AffiLogo a img{	width: 140px;	height: 41px;}
}

.welcomeOverview{	margin-bottom: 135px;}
.welcomeOverviewIkon{	width: 71px;	height: 71px;	display: block;	text-align: center!important;	margin: 0px auto 25px auto;}
.welcomeOverviewIkon img{	width: 71px;	height: 71px;	margin: 0px auto 0px auto;}

.welOverIco01{background-image: url(../img/user-over-01.png);background-position: center;}
.welOverIco02{background-image: url(../img/user-over-02.png);background-position: center;}
.welOverIco03{background-image: url(../img/user-over-03.png);background-position: center;}

.welcomeOverviewCount{
	display: block;
	color: #ffffff;
	font-size: 30px;
	font-weight: bold;
	background: #062d67;
	padding: 14px 0px 14px 0px;
	text-align: center;
	border-radius: 10px;
	margin-bottom: 15px;
}
.welcomeOverviewTitle{	display: block;	color: #333333;	font-size: 24px;	font-weight: bold;}
.welcomeOverviewDesc{	display: block;	color: #333333;	font-size: 18px;}


#affi-Chart-Visitors{  position: relative;  margin: auto;  height: 100vh;  width: auto;}

.submenuUser{
	border-bottom: 1px solid #ededed;
}
.cPoi{cursor:pointer;}


.mezera35{	width:100%;	height:35px;	float:none;	clear: both;}
.mezera50{	width:100%;	height:50px;	float:none;	clear: both;}
.mezera65{	width:100%;	height:65px;	float:none;	clear: both;}
.mezera75{	width:100%;	height:75px;	float:none;	clear: both;}



/*footer*/
.footer{
	background-color: #08262A;
	padding:35px 0px 25px 0px;
	

}

.fottercontainer{
	margin: 0px auto 10px auto;
	width:1480px;
	color: white;
}
.fottercontainer a {
	color: #F4F4F4;
	text-decoration:none;
}
.fottercontainer a:hover {
	color: white;
	text-decoration:none;
}
.footerBottom{
	padding:25px 0px 25px 0px;
	color:#C5CECF;
}




.sekceJduDoToho{
	background-color: var(--cVitLinen);
	padding: 100px 0px 100px 0px;
}

.sekceOtazky{
	padding: 100px 0px 100px 0px;
}
.sekceProces{
	background-color: var(--cVitLinen);
	background-image: url(../img/patern-01.svg);
	background-repeat: no-repeat;
	background-size: auto 100%;
	padding: 100px 0px 100px 0px;
}

.sekceMultiLevel{
	padding: 100px 0px 100px 0px;
	background-color: var(--cVitCerise);
	color:white;
	background-image: url(../img/pattern-white.svg);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: 85% 0px;
}