*{
	font-family: "Montserrat", sans-serif;
}
@font-face {
  font-family: infinus;
  src: url(font/infinus.otf);
}


body{
	margin: 0;
	padding: 0;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
}
.scrolltops{
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	border-radius: 100px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color: #62B6EB;
	color: white;
}
.scrolltops:hover{
   background-color: #1D355C;
}

#logomobil{
	display: none;
}
.creator img{
 width: 160px;
 height: 160px;
 object-fit: cover;
 border-radius: 100px;
 overflow: hidden;
}
.infolista{
	text-align: center;
	padding: 13px;
	font-size: 0.9rem;
	color: #1D355C;
}

#menumobil111 {
    display: none;
    

  }

.domobilu{
	display: none;
}  
.mobillog{
	display: none; 
}
#textarea_feedback{
	display: inline-block;
	font-size: 15px;
	font-weight: bold;
}
.tlacidlarr{
	width: 90%;
	height: auto;
	margin: auto;
	text-align: center;
}

  .velkeok{
  	width: 100%;
  	height: 100vh;
  	position: fixed;
    background-color: rgba(0,0,0,0.5);
    top: 0px;
    left: 0px;
  }

  #hlaskaok{

  	  padding: 30px;
  	  width: 400px;
  	  margin: auto;
  	  text-align: center;
  	  margin-top: 10vh;
  	  color: #1b3559;
  	  border-radius: 20px;
  	  background-color: rgba(255,255,255,1);
  }
   #hlaskaok img{

    width: 40%;

   }

  .prihlasmob{
  	display: none;
  }

  .celokvysvetlivky{
  	width: 100%;
  	height: 100vh;
  	background-color: rgba(0,0,0,0.3);
  	position: fixed;
  	z-index: 5000;
  	display: none;
  }
    .celokvysvetlivky .vysvetlivkastred{

    	width: 900px;
    	padding: 20px;
    	border-radius: 20px;
    	background-color: white;
    	margin: auto;
    	margin-top: 7vh;
    }
    .celokvysvetlivky .vysvetlivkastred h2{
      color: #112953; 
      text-align: center;
    }
    .popisekscroll{
    	width: 100%;
    	height: 500px;
    	font-size: 15px;
    	color: gray;
    	overflow: scroll;
    }

header{
	width: 100%;
	height: auto;
	height: auto;
	background-color: #1F55A8;
	padding-bottom: 30px;
	position: relative;
}

.profil_nav{
	width: 100%;
	padding: 20px 0;
	background-color: white;
	-webkit-box-shadow: 0px 9px 16px 0px rgba(50, 50, 50, 0.15);
    -moz-box-shadow: 0px 9px 16px 0px rgba(50, 50, 50, 0.15);
    box-shadow: 0px 9px 16px 0px rgba(50, 50, 50, 0.15);
}

.central_sirka{
	width: 80%;
	margin: auto;
	text-align: center;
}
.central_sirka h1{
	font-size: 3.3rem;
	color: #333333;
}
.central_sirka h3{
	color:#333333;
}
.centralsirkaflex{
	display: flex;
	gap: 0px;
	flex-wrap: wrap;
	justify-content: space-between;

}
.capterform label{
  margin-bottom: 40px;
  line-height: 1.5;
}
.capterform label span{
	font-size: 1.2rem;
	font-weight: 800;
}
.flexpanel50{
	width: 45%;
	text-align: left;
	line-height: 1.5;
}
.flexpanel50 h3{
	text-align: left;
	color: #1c355b;
	font-size: 1.8rem;
}
.flexpanel50 p{
	font-size: 0.9rem!important;
	color: #309ee3;
}
.flexobal50vzoru h3{
	font-size: 1.2rem!important;
	margin-bottom: 0;
	padding-bottom: 0;
}
.flexobal50vzoru h1{
	text-align: left!important;
	width: 100%!important;
	margin-top: 0!important;
	padding-top: 0!important;
}

.flexobal50vzoru #cenah1{
  font-size: 1.6rem;
  color: green;
}

.flexpanel30{
	width: 40%;
	text-align: left;
	line-height: 1.5;
}
.flexpanel60{
	width: 65%;
	text-align: left;
	line-height: 1.5;
}


.spadingom{
	padding: 30px 0px;
}

#headerspeci{
	height: 210px;
}
#headerspeci .fotis2{
	width: 75%;
	margin-top: 25px;
	margin-right: 5%;
}
#headeris2{
	width: 100%;
	height: auto;
	height: 60px;
	background-color: #2055A8;
	padding-bottom: 30px;
}

#novyheader{
	width: 100%;
	height: auto;
	background-color: #2055A8;
	padding-bottom: 100px;
}

#novyheader h2{
	width: 100%;
	text-align: center;
	margin-top: 60px;
	color: #FAD02B;
	margin-bottom: 40px;
	font-size: 2.8em;
    line-height: 1.2em;
    font-weight: 700;
}
.obalskoleniaaa{
	background-color: #F7F9FB;
	padding-bottom: 30px;
	padding-top: 40px;
}
.cesta{
	width: 100%;
	margin-top: 0px;
	background-color: #F7F9FB;
	padding-bottom: 50px;
	padding-top: 50px;
}

.profilvzory_grid{
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(2, 1fr);
}

.flexcesta{
	display: flex;
	gap: 30px;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.flexcestagrid{
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(2, 1fr);
}

.cestabox{
	flex: 35;
	max-width: 27.8%;
  cursor: pointer;
}
.cestabox a{
	color: #309ee3;
	font-size: 0.95rem;
	text-decoration: none;
}
.cestasipka{
	display: flex;
	align-items: center;

}
.cestasipka img{
	width: 100%;
}
.minisipka{
	width: 70px;
}
.minisipka img{
	height: 55px;
	margin-top: 70px;
}
.cestabox .foto{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	margin-top: -40px;

}
.cestabox .foto .fotokruh{
	width: 120px;
	height: 120px;
	border-radius: 100px;
	overflow: hidden;
	background-color: grey;
	border: 7px solid #309ee3;
	-webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.05); 
box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.05);
position: relative;
top: 50px;
}
.cestabox .foto .fotokruh img{
  width: 100%;
  height: 120px;
  object-fit: cover;
}
.cestabox .infocestabox{
	padding: 70px 20px 20px 20px;
	background-color: white;
	-webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.05); 
box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.05);
border-radius: 15px;
-webkit-transition: 0.5s;
}
.cestabox .infocestabox .kork1{
	color: #309ee3;
	font-weight: 800;
	font-size: 1.2rem;
}
.infocestabox h3{
	color: #1d355d;
	margin-top: 0;
}
.infocestabox p{
	font-size: 0.9rem;
	color: #1d355d;
}
.cestabox:hover .infocestabox{
	background-color: #D6EFFF;
}

header .stredheader22{
	width: 100%;
	height: auto;
	margin: auto;
}


header .stredheader{
	width: 80%;
	height: auto;
	margin: auto;
	display: flex;
}




header .stredheader .leftheader{
	width: 55%;
	height: auto;
	margin-top: 40px;
}



header .stredheader .leftheader h1{
	color: #1d355c;
	font-size: 45px;
	padding-top: 16px;
	margin-bottom: 0;
	font-size: 36px;
	padding-bottom: 0;
}
header .stredheader .leftheader b{
	color: #309ee3;
	font-size: 14px;
}

header .stredheader .leftheader .vyhody{
	width: 85%;
	height: auto;
	margin-top: 30px;
	font-size: 15px;
	line-height: 23px;
	margin-bottom: 45px;
	text-align: justify;
}

header .stredheader .leftheader .vyhody2{
	width: 85%;
	height: auto;
	margin-top: 10px;
	font-size: 15px;
	line-height: 23px;
	margin-bottom: 45px;
}
header .stredheader .leftheader .vyhody2 a{
	color: #1d355d;
}


header .stredheader .leftheader_vid{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 40px;
}



header .stredheader .leftheader_vid h1{
	color: #1d355c;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: 24px;
	padding-bottom: 0;
}

.blink_me {
  animation: blinker 2s linear infinite;
  color: white;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}


.odkazis{
   text-decoration: none;
   -webkit-transition:0.3s;
   cursor: pointer;
}
.odkazis:hover{
   opacity: 0.5;
   font-weight: bold;
}

.odkazis .doraz{
	color: #2a9ee0;
	font-weight: bold;
}

header .stredheader .leftheader .vyhody .policko{
	width: 45%;
	padding: 10px 10px 10px 10px;
	float: left;
}
header .stredheader .leftheader .vyhody .policko i{
	color: #309ee3;
	font-size: 20px;
}

header .stredheader .rightheader{
	width: 45%;
	height: auto;
}

header .stredheader .rightheader233{
	width: 32%;
	height: 500px;
	float: right;
	margin-top: 40px;
	background-color: white;
	padding: 10px;
}
header .stredheader .rightheader233 h3{
	font-size: 16px;
	margin-top: 0;
	padding-top: 0;
}

header .stredheader .rightheader .icon{
	width: 75%;
	margin-left: 10%;
	margin-top: 70px;
}

header .stredheader .rightheader .left2header{
     
     width: 30%;
     float: left;
     height: 400px;
     z-index: 300;
}

header .stredheader .rightheader .left2header img{

	width: 185%;
	margin-left: -80px;
	margin-top: 50px;
	z-index: 300;
}

header .stredheader .rightheader .right2header{
     
     width: 65%;
     float: right;
     background-color: white;
     height: auto;
     margin-top: 35px;
     position: relative;
     left: 25px;
     padding: 10px;
     z-index: 0;
     
}
header .stredheader .rightheader .right2header a{
	text-decoration: none;
}
header .stredheader .rightheader .right2header h3{
    font-size: 17px;
    margin-left: 3%;
    margin-top: 5px;
	color: #1d355c;
}

header .stredheader .rightheader .right2header .panelpor{
	width: 95%;
	margin-left: 3%;
	border-bottom: 1px solid #dadada;
	margin-bottom: 7px;
}

header .stredheader .rightheader .right2header .panelpor h4{
	padding: 0;
	margin: 0 0 2px 0;
	font-size: 14px;
	color: #309ee3;
}

header .stredheader .rightheader .right2header .panelpor p{
	padding: 0;
	margin: 0 0 6px 0;
	font-size: 12px;
	color: #cecece;
}

.videoohead{
	width: 590px;
	height: 345px;
	overflow: hidden;
	margin-left: -1%;
	
}
.videoohead iframe{
	width: 590px;
	height: 345px;
	 filter: blur(3px);
  z-index: 0;
  -webkit-filter: blur(3px);
}


.videoohead3{
	width: 590px;
	height: 345px;
	overflow: hidden;
	margin-left: -1%;
	
}
.videoohead3 iframe{
	width: 590px;
	height: 345px;
  z-index: 0;
}

.videoohead2{
	width: 690px;
	height: 445px;
	overflow: hidden;
	margin-left: -1%;
	
}

.prekryt{
	width: 590px;
	height: 345px;
	background-color: rgba(29, 53, 92,0.6);
	position: absolute;
	z-index: 4000;
  font-size: 20px;
  color: white;
  text-align: center;
  font-family: "Montserrat", sans-serif;
	font-weight: 800;
}


.prekryt img{
	width: 100px;
	color: gray;
}
.prekryt a{
  text-decoration: none;
  color: #1d355c;
}



.poregistracii{
  background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 100%);
  width: 100%;
  height: 300px;
  margin-top: 100px;
  font-size: 14px;
  position: absolute;
  color: gray;
  text-align: center;
  font-family: "Montserrat", sans-serif;
	font-weight: 800;
	margin-left: -10px;
}


.poregistracii i{
	font-size: 30px;
	color: gray;
	margin-bottom: 16px;
}


.poregistracii2{
  background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 100%);
  width: 100%;
  height: 500px;
  margin-top: 40px;
  font-size: 15px;
  position: absolute;
  color: gray;
  text-align: center;
	font-weight: 800;
}


.poregistracii2 i{
	font-size: 30px;
	color: gray;
	margin-bottom: 16px;
}


.poregistracii3{
  background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 100%);
  width: 100%;
  height: 950px;
  margin-top: 40px;
  font-size: 15px;
  position: absolute;
  color: gray;
  text-align: center;
	font-weight: 800;
	margin-top: 120px;
	z-index: 1000;
}

.nicbutoon{
  border: none;
  padding: 0;
  margin: 0;
  background-color: transparent;
  cursor: pointer;
  -webkit-transition:0.2s;
}
.nicbutoon i{
  font-size: 16px;
}

.poregistracii3 i{
	font-size: 30px;
	color: gray;
	margin-bottom: 16px;
}

.poregistracii4{
  background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 100%);
  width: 100%;
  height: 410px;
  margin-top: 40px;
  font-size: 15px;
  color: gray;
  text-align: center;
	font-weight: 800;
	z-index: 1000;
}


.poregistracii4 i{
	font-size: 30px;
	color: gray;
	margin-bottom: 16px;
}

#clankobr2{
	width: 100%;
	height: 70px;
	background-color: #d6effe;
	z-index: 3000;
}
.cierna2{
  width: 100%;
  height:auto;
  z-index: 4000;
}

.cierna2 h3{
	width: 80%;
	margin: auto;
	color: #1c355b;
	font-size: 25px;
	margin-top: 38px;
	position: absolute;
	left: 9.7%;
	z-index: 3000;


}
.obaless{
	z-index: 0;
overflow: hidden;
}

.pcschov{
	display: none;
}


#onas34{
	width: 100%;
	padding: 0% 0% 0% 0%;
	height: auto;
	margin-top: -110px;
	z-index: 40000;
	position: relative;

}

#onas34 #stredis{
	width: 80%;
	margin: 10px auto;
	height: auto;
	margin-bottom: 0;

}
.flexstredis{
	display: flex;
	justify-content: space-between;
}

.logaprot{
  width: 45%;
  margin: auto;
  height: auto;
  text-align: center;
  color: white;
  font-size: 12px;
  margin-top: 0px;

}
.popiskurzu{
	font-size: 1.1rem;
	color: black;
	line-height: 1.4;
	margin-top: 60px;
}
.popiskurzu b{
	font-size: 2rem!important;
	padding-bottom: 20px;
}

#celokloga{
  width: 100%;
  height: auto;
}

.logaprot .polemy2{
  width: 25%;
  height: auto;
  float: left;
  margin-left: 6%;
  background-size: 100%;
  opacity: 0.6;
}
.logaprot .polemy2 img{
  width: 100%;
  float: left;
  object-fit: contain;
  background-size: 100%;
}



.topik{
z-index: 0;
	width: 150%;
	display: block;

}

.obaless11{
	z-index: 0;
overflow: hidden;
}
.topik11{
z-index: 0;
	width: 150%;
	display: block;

}
.fajka{
	display: inline-block;
	width: 30px;
	position: relative;
	top: 7px;
}
.vyhody3{
	font-size: 15px;
	color: gray;
	line-height: 35px;
}
.fajka2{
	display: inline-block;
	width: 22px;
	position: relative;
	top: 4px;
}


.obrazocek{

	position: absolute;
 right: 10%;
 top: 90px;
 z-index: 0;
 height: 250px;

}

nav{
	width: 100%;
	height: auto;
	z-index: 2000;

}

.nic{
	display: block;
	clear: both;
}

.menustred{
	width: 85%;
	height: 90px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	gap: 20px;
}
.menustred .logo{
	width: 15%;
	height: 64px;
	
	-webkit-transition:0.2s;

}
.menustred .logo:hover{
	opacity: 0.7;
}
.menustred .logo img{
	height: 100px;
	position: relative;
	top: 15px;
	left: 18%;
}
.menustred ul{
	width: 80%;
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 80px;
	text-align: right;
	z-index: 500;

}
.menustred ul li{
	display: inline-block;
	
}
.menustred ul a li{
	margin-left: 30px;
    color: white;
    font-size: 0.9rem;
    -webkit-transition: 0.2s;
}
.menustred ul a li:hover{
	color: white;
}
.farba{
	    color: white;
    background-color: #FAD02C;
    border-radius: 100px;
    padding: 8px 34px;
    font-weight: 700;
    height: 25px;
    line-height: 25px;
    -webkit-transition: 0.2s;
}
.farba:hover{
  color: white;
  background-color: #757575;
}

.farba2{
	    color: #1F55A7!important;
    background-color: #F7EF00;
    border-radius: 100px;
    padding: 8px 34px;
    font-weight: 700;
    height: 25px;
    line-height: 25px;
    -webkit-transition: 0.2s;
}
.farba2:hover{
  color: white;
  background-color: #757575;
}

.farba3{
	    color: white;
    background-color: #333333;
    border-radius: 100px;
    padding: 8px 17px;
    font-weight: 700;
    height: 25px;
    line-height: 25px;
    margin-left: 10px;
    -webkit-transition: 0.2s;
}
.farba3:hover{
  color: white;
  background-color: #757575;
}


.farba4{
	    color: #1d355c;
    background-color: white;
    border-radius: 100px;
    padding: 6px 15px;
    font-weight: 700;
    height: 25px;
    line-height: 25px;
    margin-left: 10px;
    -webkit-transition: 0.2s;
}
.farba4 input{
	border:none;
}
.farba4 button{
	border:none;
	background-color: transparent;
}


.tlacidlo{
	    color: white;
    background-color: #1F55A8;
    border-radius: 100px;
    padding: 15px 35px;
    font-weight: 700;
    font-size: 15px;
    text-decoration: none;
    -webkit-transition: 0.2s;
    border: none;
    display: inline-block;
    cursor: pointer;
}
.tlacidlo:hover{
  color: white;
  background-color: #757575;
}

.tlacidlomini{
	    color: white;
    background-color: #1F55A8;
    border-radius: 100px;
    padding: 10px 20px;
    font-weight: 700;
    font-size: 13px;
    text-decoration: none;
    -webkit-transition: 0.2s;
    border: none;
    display: inline-block;
    cursor: pointer;
}
.tlacidlomini:hover{
  color: white;
  background-color: #757575;
}



.uhradabutt{
	    color: white;
    background-color: #309ee3;
    border-radius: 100px;
    padding: 5px 16px;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
    -webkit-transition: 0.2s;
    border: none;
    display: inline-block;
    cursor: pointer;
}
.uhradabutt:hover{
  color: white;
  background-color: #757575;
}
.uhradabutt2{
	background-color: red;
}
.tlacidlow{
	color: white;
    background-color: #309ee3;
    border-radius: 100px;
    padding: 13px 45px;
    font-weight: 700;
    font-size: 15px;
    text-decoration: none;
    -webkit-transition: 0.2s;
    display: inline-block;
}
.tlacidlow:hover{
  color: white;
  background-color: #757575;
}

.tlacidlow_uloz_email{
	color: white;
    background-color: #309ee3;
    border-radius: 100px;
    padding: 13px 45px;
    font-weight: 700;
    font-size: 15px;
    text-decoration: none;
    -webkit-transition: 0.2s;
    display: inline-block;
    border: none;
}
.tlacidlow_uloz_email:hover{
  color: white;
  background-color: #757575;
}

.tlacc2{

background-color: #19d20b;

	}

.tlacidlo24{
    background-color: #cf2020;
    border-radius: 100px;
    padding: 8px 30px;
    font-weight: 700;
    margin: auto;
    font-size: 11px;
    color: white;
    text-decoration: none;
    -webkit-transition: 0.2s;
    position: relative;
    top: -20px;
    cursor: pointer;
}
.tlacidlo24:hover{
  color: white;
  background-color: #757575;
}



.tlacidlo2{
	    color: white;
    background-color: #1d355c;
    border-radius: 100px;
    padding: 15px 66px;
    font-weight: 700;
    font-size: 15px;
    margin-top: 15px;
    text-decoration: none;
    -webkit-transition: 0.2s;
}
.tlacidlo2:hover{
  color: white;
  background-color: #757575;
}

.tlacidlo22{
	    color: white;
    background-color: #309ee3;
    border-radius: 100px;
    padding: 10px 55px;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    -webkit-transition: 0.2s;
    display: inline-block;
    text-align: center;
}
.tlacidlo22:hover{
  color: white;
  background-color: #757575;
}

.tlacidlo23{
	    color: white;
    background-color: #f09b06;
    border-radius: 100px;
    padding: 10px 55px;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    -webkit-transition: 0.2s;
}
.tlacidlo23:hover{
  color: white;
  background-color: #757575;
}
main{
	width: 84%;
	height: auto;
	margin: auto;
	margin-top: 30px;
}
main .leftmain{
	width: 69%;
	height: 500px;
	float: left;
}
main .leftmain h3{
	padding-bottom: 10px;
	color: #1d355c;
	border-bottom: 1px solid #309ee3;
}
main .rightmain{
	width: 27%;
	height: auto;
	float: right;
}
main .rightmain .novinka{
    width: 100%;
    height: auto;
    padding-bottom: 10px;
    border-bottom: 1px solid #dadada;
}
main .rightmain .novinka h2{
    font-size: 16px;
    line-height: 20px;
    color: #309ee3;

}
main .rightmain .novinka p{
    font-size: 14px;
    line-height: 16px;
    color: gray;

}
main .rightmain h3{
	padding-bottom: 10px;
	color: #1d355c;
	border-bottom: 1px solid #309ee3;
}
.loga{
	width: 23%;
	margin-left: 2.6%;
	height: 130px;
	background-color: #dadada;
	float: left;
}
.loga:first-child{
	margin-left: 0%;
}

#onas33{
	width: 100%;
	padding: 0% 0% 0% 0%;
	height: auto;
	padding-top: 1px ;

}

#onas33 #stredis{
	width: 83%;
	margin: 0px auto;
	height: auto;
	margin-bottom: 0;
	margin-top: 10px;
}
#onas33 #stredis h3{
	color: #1c355b;
}
#onas33 #stredis h3 b{
	color: #2a9ee0;
	font-size: 22px;
}
#onas33 #stredis22{
	width: 70%;
	margin: 10px auto;
	height: auto;

	text-align: center;
}
.flexobaluvod{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 90px;
  padding-bottom: 70px;
}
.obalplatenehovzoru{
	position: relative;
	display: flex;
	gap: 50px;
	justify-content: space-between;
}
.platenyvzor{
  
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 100%);
  z-index: 500;
  display: flex;
  justify-content: center;
}

.platenyvzors{
  
  width: 100%;
  background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 100%);
  z-index: 500;
  display: flex;
  justify-content: center;
}
.stredplatenehovzrou{
  
  width: 700px;
  z-index: 5002;
}
.boxuzamknuty{
	margin-top: 55px;
	background-color: #D6EFFF;
	padding: 0px 30px 40px 30px;
	border-radius: 28px;
	margin-top: -150px;
	color: #1d355c;
}
.uzamknutie{
	text-align: center;
	display: flex;
	justify-content: center;

}
.boxuzamknuty h3{
	color: #1d355c!important;
	text-align: center;
}
.uzamknutie .uzamknutagulicka{
	border-radius: 100px;
	width: 80px;
	height: 80px;
	background-color: white;
	border: 6px solid #D6EFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.6rem;
	color: #319ee3;
	margin-top: -45px;
}
.obalminibalicky{
	display: flex;
	gap: 10px;
}
.balicekminiflex{
	flex: 40;
	background-color: white;
	padding: 25px;
	border-radius: 15px;
	text-align: center;
}
.balicekminiflex p{
	font-size: 0.9rem!important;
	text-align: left!important;
	padding: 0 10px;
}
.balicekminiflex .mamucet{
	color: #309ee3;
	font-weight: 800;
	text-decoration: none;
}
.blacicekalebo{
	display: flex;
	align-items: center;
	color: white;

}
.balicekminiflex .nazovminibalicku{
	font-size: 1.2rem;
	font-weight: 600;
	padding-top: 10px;
	padding-bottom: 10px;
}
.balicekminiflex .minibalieckcena{
	font-size: 1.4rem;
	font-weight: 800;
}
.tlacidlominibox{
	    color: white;
    background-color: #309ee3;
    border-radius: 100px;
    padding: 10px;
    display: block!important;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    -webkit-transition: 0.2s;
    border: none;
}
.tlacidlominibox:hover{
  color: white;
  background-color: #757575;
}
.tlacidlominibox2{
	    color: white;
    background-color: #309ee3;
    border-radius: 100px;
    padding: 10px;
    display: block!important;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    -webkit-transition: 0.2s;
    border: none;
    width: 100%;
    margin-top: 0px;
    cursor: pointer;
}
.tlacidlominibox2:hover{
  color: white;
  background-color: #757575;
}

.hvzor{
	text-align: left;
	margin: 2%;
	color: #1d355c;
}
#stredis_clank{
	width: 81%;
	margin: 0px auto;
	height: auto;
	margin-bottom: 10px;
	padding-bottom: 20px;
	text-align: left;
	border-bottom: 1px solid #dadada;
}
.stredisdodatoa{
}

.stredisdodatok{
	margin-top: 0px;
   
}

.leftzoom222{
	flex: 35%;
  max-width: 35%;
	height: auto;
}
.leftzoom222 img{
	width: 100%;
}


.leftzoom223{
	flex: 40%;
  max-width: 40%;
	height: auto;
	min-height: 200px;
}
.leftzoom223 img{
	width: 100%;
}

.leftzoom223ss{
	width: 43%;
	height: auto;
	float: right;
	min-height: 200px;
	margin-bottom: 80px;
	margin-top: 35px;
	margin-right: 2%;
}


.topik{
z-index: 0;
	width: 150%;

}

.rightzoom222{
	flex: 60%;
	height: auto;
	color: white;
	font-size: 16px;
	line-height: 1.6;
	font-weight: 300px;
	float: right;
	text-align: justify;
}

.rightzoom222 h3{
	color: #309ee3;
	margin: 20px 0 20px 0;
	font-weight: 400px;

}
.rightzoom222 h1{
	line-height: 40px;
	color: #1d355d;
	font-size: 40px;
	text-align: left;
	margin: 20px 0 0px 0;
}
.prvyodsek{
	display: flex;
	flex: 30%;
	max-width: 30%;
	align-items: top;
	justify-content: center;
  text-align: center;
   

}
.prvyodsek img{
   width: 80%; 


}


.trhoviskoverzia h1{
	line-height: 40px;
	color: #1d355d;
	font-size: 3.8rem;
	text-align: left;
	margin: 20px 0 40px 0;
}
.trhoviskoverzia h2{
	text-align: left;
}
.podstranka{
	max-width: 60%;
}
.podstranka h1{
	line-height: 40px;
	color: #1d355d;
	font-size: 2.5rem;
	text-align: left;
	margin: 50px 0 0px 0;

}
.trhoviskoimage{
	flex: 25%;
  max-width: 25%;
	height: auto;
	position: relative;
}
.trhoviskoimage img{
	width: 120%;
	margin-left: -2%;
}
.uvodimagepanak {
    width: 30%;
    height: 300px;
}
.uvodimagepanak img {
	width: 80%!important;
	margin-top: -30px;
} 

.trhoviskoimage2{
	flex: 15%;
  max-width: 15%;
	height: auto;
	position: relative;
}
.trhoviskoimage2 img{
	width: 100%;
}
.lietajuce{
	position: absolute;
	left: 0;
	top: 0px;
	width: 380px!important;
}
.lietajuce2{
	position: absolute;
	left: 0;
	top: -80px;
	width: 167px!important;

}
.searchflex{
	display: flex;
	gap: 30px;
	padding-top: 12px;
}
.searchflex input{

	padding: 15px;
	border: none;
	max-width: 50%;
	flex: 50%;
	border-radius: 10px;
}
.searchflex button{
    background-color: #309ee3;;
    color: white;
    font-size: 1rem;
    font-weight: 700;
    -webkit-transition: 0.2s;
    padding: 15px 20px;
    border-radius: 100px;
    border: none;
    cursor: pointer;
    -webkit-transition:0.3s;
}
.searchflex button:hover{
	background-color: #1d355c;
}


.rightzoom225{
	width: 47%;
	height: auto;
	color: #393939;
	font-size: 14px;
	line-height: 24px;
	font-weight: 300px;
	margin-top: 50px;
	float: right;
	text-align: justify;
}

.rightzoom225 h3{
	color: #309ee3;
	margin: 20px 0 20px 0;
	font-weight: 400px;

}
.rightzoom225 h1{
	line-height: 40px;
	color: #1d355d;
	font-size: 30px;
	text-align: left;
	margin: 20px 0 0px 0;
}



.leftzoom224{
	width: 47%;
	height: auto;
	color: #393939;
	font-size: 14px;
	line-height: 24px;
	font-weight: 300px;
	margin-top: 50px;
	float: left;
	text-align: justify;
	background-color: red;
}

.leftzoom224 h3{
	color: #309ee3;
	margin: 20px 0 20px 0;
	font-weight: 400px;

}
.leftzoom224 h1{
	line-height: 40px;
	color: #1d355d;
	font-size: 30px;
	text-align: left;
	margin: 20px 0 0px 0;
}


.rightzoom224{
	width: 43%;
	height: auto;
	color: #393939;
	font-size: 14px;
	line-height: 24px;
	font-weight: 300px;
	margin-top: 50px;
	float: right;
	text-align: justify;
	-webkit-box-shadow: 0px 9px 16px 0px rgba(50, 50, 50, 0.11);
-moz-box-shadow:    0px 9px 16px 0px rgba(50, 50, 50, 0.11);
box-shadow:         0px 9px 16px 0px rgba(50, 50, 50, 0.11);
padding: 20px 20px 20px 30px;
}

.rightzoom224 h3{
	color: #309ee3;
	margin: 20px 0 20px 0;
	font-weight: 400px;

}
.rightzoom224 h1{
	line-height: 40px;
	color: #1d355d;
	font-size: 28px;
	text-align: left;
	margin: 20px 0 0px 0;
}

.policka_inside{

width: 90%;
	height: auto;
	color: #393939;
	font-size: 14px;
	line-height: 24px;
	font-weight: 300px;
	margin-top: 30px;
	margin-left: 0%;
	float: left;
	-webkit-box-shadow: 0px 9px 16px 0px rgba(50, 50, 50, 0.11);
-moz-box-shadow:    0px 9px 16px 0px rgba(50, 50, 50, 0.11);
box-shadow:         0px 9px 16px 0px rgba(50, 50, 50, 0.11);
padding: 20px 5% 20px 5%;
border-radius: 15px;
text-align: left;

}

.policka_inside h3{
	color: #309ee3;
	margin: 20px 0 20px 0;
	font-weight: 400px;

}
.policka_inside h1{
	line-height: 33px;
	height: 65px;
	overflow: hidden;
	color: #1d355d;
	font-size: 26px;
	text-align: left;
	margin: 20px 0 0px 0;
}

.policka_inside2{
	box-shadow: none;
	min-height: 390px;
}
.policka_inside2 img{
	object-fit: contain;
	width: 100%;
	height: 390px;

}
.dvojpole{

	width: 100%;
	height: auto;
}


.stredisleft{
	width: 50%;
	float: left;
	height: auto;
}
.stredisright{
	width: 45%;
	float: right;
	height: auto;
}



.policka_inside_short{

width: 43.3%;
	height: auto;
	color: #393939;
	font-size: 14px;
	line-height: 24px;
	font-weight: 300px;
	margin-top: 30px;
	margin-left: 2.3%;
	float: left;
	-webkit-box-shadow: 0px 9px 16px 0px rgba(50, 50, 50, 0.11);
-moz-box-shadow:    0px 9px 16px 0px rgba(50, 50, 50, 0.11);
box-shadow:         0px 9px 16px 0px rgba(50, 50, 50, 0.11);
padding: 20px 25px 20px 25px;
min-height: 170px;
border-radius: 15px;

}

.policka_inside_short h3{
	color: #309ee3;
	margin: 20px 0 20px 0;
	font-weight: 400px;

}
.policka_inside_short h1{
	line-height: 33px;
	color: #1d355d;
	font-size: 23px;
	text-align: left;
	margin: 20px 0 0px 0;
}


.policka_inside_short3{

width: 87%;
	height: auto;
	color: #393939;
	font-size: 14px;
	line-height: 24px;
	font-weight: 300px;
	margin-top: 20px;
	-webkit-box-shadow: 0px 9px 16px 0px rgba(50, 50, 50, 0.11);
-moz-box-shadow:    0px 9px 16px 0px rgba(50, 50, 50, 0.11);
box-shadow:         0px 9px 16px 0px rgba(50, 50, 50, 0.11);
padding: 28px 25px 20px 25px;
height: auto;
border-radius: 15px;
background-color: white;

}

.policka_inside_short3 h3{
	color: #309ee3;
	margin: 20px 0 20px 0;
	font-weight: 400px;

}
.policka_inside_short3 img{
	width: 100%;

}


.policka_inside_short2{

width: 31.2%;
	height: auto;
	color: #393939;
	line-height: 24px;
	font-weight: 300px;
	margin-top: 30px;
	margin-left: 2%;
	float: left;
min-height: 170px;

}


.policka_inside_short2 iframe{
	width: 100%;
	height: 260px;
	font-size: 0;
	display: inline-block;
}
.polickanavod{
	width: 100%;
}

.policka_inside_short2 h3{
	color: black;
	font-size: 15px;
	text-align: left;
	display: block;
	margin-top: 5px;
	margin-bottom: 0;
	padding-top: 0;
}
.policka_inside_short2 b{
	color: black;
	text-align: left;
	font-size: 10px;
	display: block;
	font-weight: normal;
	color: gray;
}


.leftzoom222_clank{
	width: 30%;
	height: auto;
	float: left;
	min-height: 275px;
	margin-bottom: 0px;
	margin-top: 44px;
	margin-left: 0%;
}
.leftzoom222_clank img{
	width: 100%;    
	height: 275px;
	object-fit: cover;
}

.leftzoom222_for{
	width: 13%;
	height: auto;
	float: left;
	min-height: 200px;
	margin-bottom: 80px;
	margin-top: 25px;
	margin-left: 0%;
}
.leftzoom222_for img{
	width: 100%;
}


.datumovnik_clank{
	padding: 10px 0px 20px 0px;
	font-size: 15px;
	color: #309ee3;
	font-weight: 800;
}
.aktualtext{
	width: 100%;
	height: 100px;
	overflow: hidden;
}
.aktualtext2{
	width: 100%;
	height: 70px;
	overflow: hidden;
}
.aktualtext p{
	margin: 0;
	padding: 0;
}
.chatbox{
   
   width: 100%;
   height: 330px;
   overflow-y: scroll;

}
.otazeckaaaa{
	width: 100%;
	margin-bottom: 10px;
	font-size: 14px;
}


.rightzoom222_clank{
	width: 65%;
	height: auto;
	color: #393939;
	font-size: 14px;
	line-height: 24px;
	font-weight: 300px;
	margin-top: 30px;
	float: right;
}

.rightzoom222_clank h3{
	color: #309ee3;
	margin: 4px 0 20px 0;
	font-weight: 400px;

}
.rightzoom222_clank h1{
	line-height: 35px;
	color: #1d355d;
	font-size: 25px;
	margin: 10px 0px 0px 0;
}

.rightzoom222_for{
	width: 80%;
	height: auto;
	color: #393939;
	font-size: 14px;
	line-height: 24px;
	font-weight: 300px;
	margin-top: 20px;
	float: right;
}

.rightzoom222_for h3{
	color: #309ee3;
	margin: 4px 0 20px 0;
	font-weight: 400px;

}
.rightzoom222_for h1{
	line-height: 35px;
	color: #1d355d;
	font-size: 25px;
	margin: 10px 0px 0px 0;
}


.rightzoom223{
	flex: 60%;
	height: auto;
	color: #393939;
	font-size: 16px;
	line-height: 1.6;
	font-weight: 300px;
	text-align: justify;
}

.rightzoom223 h3{
	color: #309ee3;
	margin: 20px 0 20px 0;
	font-weight: 400px;

}
.rightzoom223 h1{
	line-height: 40px;
	color: #1d355d;
	font-size: 30px;
	text-align: left;
	margin: 20px 0 0px 0;
}





#obalonass{
	width: 80%;
	height: auto;
	text-align: center;
	margin: auto;
}
#obalonass h1{
	font-size: 20px;
}
#obalonass p{
	padding: 0;
	margin: 0;
	font-size: 15px;
	line-height: 22px;
}
.obalpodmienok h3{
  margin-bottom: 5px;
  margin-top: 5px;
}
.obalpodmienok h2{
  margin-bottom: 5px;
  margin-top: 0px;
}
.obalnazov{
	width: 750px;
	height: auto;
	text-align: center;
	margin: auto;
}

.obalus{
	width: 81%;
	margin: auto;
}
.podporaobal{
	width: 70%;
	margin: auto;
	height: auto;
	padding: 3%;
	margin-top: -100px;
	background-color: white;
	position: relative;
	border-radius: 30px;
	-webkit-box-shadow: 25px 28px 51px -1px rgb(0 0 0 / 6%);
    -moz-box-shadow: 25px 28px 51px -1px rgba(0,0,0,0.06);
    box-shadow: 25px 28px 51px -1px rgb(0 0 0 / 6%);
    z-index: 500;
}
.kosikobals{
	width: 70%;
	margin: auto;
	height: auto;
	margin-top: -100px;
	position: relative;
	
    z-index: 500;
}
.kosikobal{
	width: 70%;
	margin: auto;
	height: auto;
	padding: 3%;
	margin-top: 20px;
	background-color: white;
	position: relative;
	border-radius: 30px;
	-webkit-box-shadow: 25px 28px 51px -1px rgb(0 0 0 / 6%);
    -moz-box-shadow: 25px 28px 51px -1px rgba(0,0,0,0.06);
    box-shadow: 25px 28px 51px -1px rgb(0 0 0 / 6%);
    z-index: 500;

}


.forumaobal{
	width: 70%;
	margin: auto;
	height: auto;
	padding: 30px;
	margin-top: -120px;
	background-color: white;
	position: relative;
	border-radius: 30px;
	-webkit-box-shadow: 25px 28px 51px -1px rgb(0 0 0 / 6%);
    -moz-box-shadow: 25px 28px 51px -1px rgba(0,0,0,0.06);
    box-shadow: 25px 28px 51px -1px rgb(0 0 0 / 6%);
    z-index: 500;
}
.forumaobal h2{
	font-size: 1.3rem;
	color: #309ee3;
	margin-top: 0;
}
.popistek{
	font-size: 0.8rem;
	color: gray;
}

 #novyheader .ppcko{
	width: 80%;
	margin: auto;
	font-size: 1.1em;
	line-height: 1.6em;
	text-align: center;
	margin-bottom: 50px;
	color: white;

}

.vzdorlavo{
	width: 50%;
	background-color: gray;
	float: left;
	height: 500px;
}
.vzdorpravo{
	width: 40%;
	background-color: red;
	float: right;
	height: 500px;
}

#stredprehl2 {
  width: 45%;
  height: auto;
  float: none;
  margin: auto;
   text-align: center;

 

}
#stredprehl2 b{
  color: #3c9cd6;
}
#stredprehl2 a{
     
color: gray;
text-decoration: none;
-webkit-transition:0.2s;
}

#stredprehl2 a:hover{
  color: #309ee3;
}

#stredprehl2 h3{
	color: #309ee3;
}


#stredprehl2 h3 b{
	color: gray;
	font-size: 12px;
}
#stredprehl3 {
     
  width: 30%;
  height: auto;
  float: right;
  line-height: 40px;
  color: gray;
  text-align: left;

 

}
#stredprehl3 h3{
	color: white;
}
#stredprehl3 #okk{
	color:  #309ee3;
	width: 25px;
	display: inline-block;
	position: relative;
	top: 5px;
}
#stredprehl2 input{
	width: 96%;
    height: 23px;
    border-radius: 10px;
   background-color: #e0ebed;
    border: none;
    font-size: 14px;
    color: gray;
    padding: 10px;
}
#formvseobecny input{
	width: 96%;
    height: 23px;
    border-radius: 10px;
   background-color: #e0ebed;
    border: none;
    font-size: 14px;
    color: gray;
    padding: 10px;
}
#formvseobecny textarea{
	width: 96%;
    height: 100px;
    border-radius: 10px;
   background-color: #e0ebed;
    border: none;
    font-size: 14px;
    color: gray;
    padding: 10px;
}
#formvseobecny .prihlasbutt{
	width: 100%;
  -webkit-transition: 0.3s;
  height: 50px;
  font-size: 15px;
  padding: 10px 10px 10px 10px;
  background: none;
  color: white;
  background-color: #309ee3;
  box-shadow: none;
  float: right;
  border-radius: 100px;
	font-weight: 600;

}

.flexformkontakt{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	text-align: left;
}
.inputcast{
	flex: 1 50%;
	max-width: 48%;
}
.inputcast input{
	width: 96%;
    height: 23px;
    border-radius: 10px;
   background-color: #e0ebed;
    border: none;
    font-size: 14px;
    color: gray;
    padding: 10px;
}

.inputcast .prihlasbutt{
	width: 100%;
  -webkit-transition: 0.3s;
  height: 50px;
  font-size: 15px;
  padding: 10px 10px 10px 10px;
  background: none;
  color: white;
  background-color: #309ee3;
  box-shadow: none;
  float: right;
  border-radius: 100px;
	font-weight: 600;
	cursor: pointer;

}

#stredprehl2 .prihlasbutt{
	width: 100%;
  -webkit-transition: 0.3s;
  height: 50px;
  font-size: 15px;
  padding: 10px 10px 10px 10px;
  background: none;
  color: white;
  background-color: #FAD02B;
  box-shadow: none;
  float: right;
  border-radius: 100px;
	font-weight: 600;

}
#stredprehl2 .prihlasbutt:hover{
  color: white;
  cursor: pointer;
  background: gray;
}
#stredprehl3 #buttprv{
	padding: 4% 4% 4% 4%;
	background: gray;
	color: white;
	border-radius: 100px;
	font-size: 16px;
	text-decoration: none;
}

#suhlas{
 width: 100%;
  height: auto;
  font-size: 15px;
padding-bottom: 40px;

}

#suhlas input{
  display: inline-block;
  width: 30px;
  font-size: 15px;
  position: relative;
  top: 5px;

}

#suhlas2{
 width: 100%;
  height: auto;
  font-size: 13px;
padding-bottom: 40px;
text-align: left;

}
.suhlasflex{
	display: flex;
	align-items: center;
	padding: 10px 0;
	gap: 8px;
}
.suhlasflex input{
  width: 20px!important;
  padding: 0!important;
  margin: 0!important;
}
form #suhlas2 input{
  display: inline-block;
  width: 20px;
  font-size: 10px;
  position: relative;
  top: 7px;

}

form textarea{
	width: 96%;
    height: 180px;
    font-size: 14px;
    padding: 10px;
    border: none;
    border-radius: 10px;
}
#suhlas2 a{
	color: gray;
}

.emailform {
    display: block;
    margin-left: 0%; 
    position: relative;

    
}
.emailform input{
    width: 98%;
    height: 28px;
   background-color: #f0f0f0;
    border:none;
    font-size: 14px;
    border-radius: 10px;
    padding: 10px;
   



}
.emailform textarea{
    width: 98%;
    height: 230px;
    background-color: #f0f0f0;
    border:none;
    font-size: 14px;
    padding: 10px;
    font-family: arial;

    
}

.emailform #odoslat{
  width: 40%;
  -webkit-transition: 0.3s;
  height: 50px;
  font-size: 1.2vw;
  float: right;
  margin-right: 2px;
  font-family: Colfax;
  line-height: 34px;
  background-color: #d6022a;
	border-radius: 10px;
	color: white;


}
.emailform #odoslat:active{
   
}
.emailform #odoslat:hover{
-webkit-box-shadow: -2px 20px 18px -16px rgba(0,0,0,0.39);
-moz-box-shadow: -2px 20px 18px -16px rgba(0,0,0,0.39);
box-shadow: -2px 20px 18px -16px rgba(0,0,0,0.39);
  background: gray;
  color: white;
}

#editform{


}
#editform input{
    width: 98%;
   background-color: #f0f0f0;
    border:none;
    font-size: 14px;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 15px;
   



}

#editform select{
    width: 100%;
   background-color: #f0f0f0;
    border:none;
    font-size: 14px;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 15px;
   



}


.forumik  input{
    width: 98%;
    height: 20px;
   background-color: #f0f0f0;
    border:none;
    font-size: 14px;
    border-radius: 10px;
    padding: 5px;
   



}
.forumik  select{
    width: 98%;
    height: 50px;
   background-color: #f0f0f0;
    border:none;
    font-size: 14px;
    border-radius: 10px;
   



}

#editform textarea{
    width: 98%;
    height: 120px;
    background-color: #f0f0f0;
    border:none;
    padding: 5px;
    font-size: 15px;

    
}

#editform .odoslatpp{
  width: 40%;
  -webkit-transition: 0.3s;
  height: 40px;
  font-size: 15px;
  line-height: 34px;
  background-color: #1ad60c;
	border-radius: 100px;
	color: white;
	display: block;
	border: none;


}

.odoslatchat{
  -webkit-transition: 0.3s;
  padding: 10px 8%;
  font-size: 15px;
  background-color: #309EE3;
	border-radius: 100px;
	color: white;
	display: block;
	border: none;
	font-weight: 600;
	margin-top: 10px;


}


#editform .odoslatpp2{
  width: 40%;
  -webkit-transition: 0.3s;
  padding: 12px 20px;
  font-size: 15px;
  background-color: #1ad60c;
	border-radius: 100px;
	color: white;
	display: block;
	border: none;
	margin: auto;
	font-weight: 700;


}
#editform .odoslatpp:active{
   
}
#editform .odoslatpp:hover{
-webkit-box-shadow: -2px 20px 18px -16px rgba(0,0,0,0.39);
-moz-box-shadow: -2px 20px 18px -16px rgba(0,0,0,0.39);
box-shadow: -2px 20px 18px -16px rgba(0,0,0,0.39);
  background: gray;
  color: white;
}   

.vyskakovac{
	width: 100%;
	height: 100vh;
	position: fixed;
	z-index: 7000;
	background-color: rgba(0,0,0,0.4);
}
.vyskakovacstred{
	width: 30%;
	height: auto;
	margin: 20vh auto;
	background-color: white;
	text-align: center;
	border-radius: 5px;
	padding: 2%;
}
.vyskakovacstred p{
	color: gray;
}
.vyskakovacstred i{
	text-align: center;
	width: 100%;
	font-size: 8vh;
	color: #44bd32;
}



.podpanelpeta{
	width: 85%;

	margin: auto;

	margin-top: 40px;
}


.panell{
	width: 30%;
	margin-left: 2.4%;
	height: 200px;
	background-color: #ecebeb;
	border-radius: 20px;
	float: left;
}
.spodokboxy{
	width: 80%;
	display: flex;
	height: auto;
	margin: auto;
	gap: 20px;
	text-align: center;
	padding-top: 30px;
}
.boxys{
	width: 25%;
	padding: 35px 20px;
	background-color: #d6efff;
	
	
	border-radius: 25px;
	-webkit-transition:0.2s;

	color: #1e355b;
	font-size: 1.1em;
	font-weight: 700;
	text-decoration: none;
	
}
 .boxys p{
 	width: 80%;
 	margin: auto;
 	margin-top: 10px;
	font-size: 0.8em;
	font-weight: 400;
}
.boxys:first-child{
	margin-left: 0;
}

.spodokboxy .boxys:hover{
    background-color: #1e355c;
    color: white;
}

footer{
	background-color: white;
	background-size: 100%;
	width: 100%;
	height: auto;

}
#stredfooter{
	width: 85%;
	height: auto;
	margin: auto;
	margin-top: 0px;
	margin-bottom: 70px;
}
.footpole{
	width: 23.8%;
	height: 280px;
	line-height: 24px;
	float: left;
	font-size: 13px;
	color: black;
	margin-left: 1%;
}
.footpole a{
	color: #1d355c;
	text-decoration: none;
}
.footpole h4{
  font-size: 17px;
  color: #1d355c;
}
.footpole .fa-envelope-square{
	font-size: 1vw;
	margin-left: 0;
}
.footpole .fa-phone-square{
	font-size: 1vw;
	margin-left: 0;
}
.footpole #juu{
	float: left;
	margin-left: 5%;
}
.footpole #juu:first-child{
	float: left;
	margin-left: 0%;
}
.footpole a i{
	color: white;
	font-size: 2vw;
	-webkit-transition:0.2s;
	margin-left: 3%;
}
.footpole a i:hover{
	 color: #ffd213;
}

.footpole #fbb{
	background-image: url(img/facebook.svg);
	width: 2vw;
	height: 5vh;
	background-size: 100%;
	background-repeat: no-repeat;
}
.footpole #fbb:hover{
	background-image: url(img/fbb.svg);
}
.footpole #igg{
	background-image: url(img/instagram.svg);
	width: 2vw;
	height: 5vh;
	background-size: 100%;
	background-repeat: no-repeat;
}
.footpole #lnn{
	background-image: url(img/linkedin.svg);
	width: 2vw;
	height: 5vh;
	background-size: 100%;
	background-repeat: no-repeat;
}
.footpole ul{
	margin: 0;
	padding: 0;
}
.footpole ul li{
	list-style: none;
}
.footpole ul li a{
	color: #dadada;
	text-decoration: none;
}
.foootnov{
	width: 100%;
	text-align: center;
	padding-bottom: 35px;
	font-weight: 700;
	border-bottom: 1px solid #dadada;
}
.foootnov a{
	color: #1F55A8;
	text-decoration: none;
	font-size: 18px;
	
}

.foootnov2{
	width: 100%;
	text-align: center;
	padding-bottom: 0px;
	padding-top: 30px;
}
.foootnov2 a{
	color: gray;
	text-decoration: none;
	font-size: 15px;
	font-weight: lighter;
	margin-left: 1.8%;
	margin-right: 4%;
	
}
.podpeta{
	width: 100%;
	height: 30px;
	line-height: 0px;
	text-align: center;
	font-size: 12px;
	color: #dadada;
}
.fotis{
	width: 60%;
	float: right;
}
.fotis2{
	width: 80%;
	float: right;
	margin-top: 90px;
}

.fotis3{
	width: 85%;
	float: right;
	margin-top: 35px;
}
.flexskoleni{
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(2, 1fr);
}

.skolenieblok{
  
  padding: 22px 20px 10px 25px;
  background-color: white;
  float: left;
  border-radius: 20px;
  -webkit-box-shadow: 0px 9px 16px 0px rgba(50, 50, 50, 0.11);
-moz-box-shadow:    0px 9px 16px 0px rgba(50, 50, 50, 0.11);
box-shadow:         0px 9px 16px 0px rgba(50, 50, 50, 0.11);
text-align: left;
border: 1px solid #FAA12C;
margin-left: 1.5%;
margin-top: 20px;

}
.skolenieblok img{
	width: 310px;
	border-radius: 20px;
	height: 120px;
	object-fit: cover;
	margin-bottom: 10px;

}

.skolenieblok_clank{
  width: 92%;
  padding: 22px 30px 10px 35px;
  background-color: white;
  margin: 50px auto;
  border-radius: 20px;
  -webkit-box-shadow: 0px 9px 16px 0px rgba(50, 50, 50, 0.11);
-moz-box-shadow:    0px 9px 16px 0px rgba(50, 50, 50, 0.11);
box-shadow:         0px 9px 16px 0px rgba(50, 50, 50, 0.11);
text-align: left;

}

.opacit{
  opacity: 0.5;
}


.skolenieblok .nazovcelok{
  width: 100%;
  height: auto;
  font-weight: bold;
  padding: 0px 0 20px 0;
      font-weight: 800;
}
.skolenieblok .nazovcelok .skoleniename{
  width: 70%;
  font-size: 1.8rem;
  max-height: 90px;
  color: #FAA12C;
  float: left;
  overflow: hidden;
}
.skolenieblok .nazovcelok .skoleniename2{
  width: 62%;

  font-size: 25px;
  color: #062e52;
  float: left;
  height: 125px;
  overflow: hidden;
}


.skolenieblok .nazovcelok .cena{
  width: 17%;
  text-align: right;
  font-size: 17px;
  float: right;
  color: gray;
}

.skolenieblok .nazovcelok .cena b{
  font-size: 20px;
  color:#062e52;
}

.skolenieblok  .info{
  width: 100%;
  height: auto;
}

.skolenieblok  .miestokontania{
  width: 100%;
  padding: 5px 0 10px 0;
  font-size: 17px;
  text-transform: uppercase;
  border-bottom: 1px solid #dadada;
  height: auto;
}

.skolenieblok  .varianty{
  width: 40%;
  padding: 0px 0 40px 0;
  font-size: 15px;
  float: left;
  min-height: 105px;
}
.icons{
	width: 100%;
	text-align: center;
	margin: auto;
}
.icons a{
	color: gray;
	font-size: 30px;
	margin-left: 5px;
	margin-right: 5px;
}


.skolenieblok  .varianty2{
  width: 40%;
  padding: 10px 0 30px 0;
  font-size: 17px;
  float: left;
  min-height: 65px;
}

.skolenieblok  .varianty h4{
  margin-bottom: 15px;
}
.skolenieblok  .varianty a{
  display: block;
  color: gray;
  text-decoration: none;
  padding-bottom: 5px;
  padding-top: 5px;
  -webkit-transition:0.3s;
}
.skolenieblok  .varianty a .fa-angle-double-right{

  position: relative;
  top: 1px;
}
.skolenieblok  .varianty a .fa-check{
  color: #14c408;
  
}
.skolenieblok  .varianty a:hover{
  opacity: 0.5;
}

.viacskolenietalcs{
  padding: 13px 50px 13px 50px;
       background-color: #FAA12C;
      color: white;
      font-size: 15px;
      border-radius: 100px;
      text-decoration: none;
      -webkit-transition:0.3s;
      border: none;
      font-weight: 600; 
      margin-top: 20px;
      margin-bottom: 15px;
      display: inline-block;
      text-align: center;
      border: 2px solid #FAA12C;
   }
.viacskolenietalcs:hover{
      background-color: transparent;
      color: #FAA12C;
      border: 2px solid #FAA12C;
   }

.skolenieblok  .viacskolenie{
  padding: 13px 50px 13px 50px;
       background-color: #FAA12C;
      color: white;
      font-size: 15px;
      border-radius: 100px;
      text-decoration: none;
      -webkit-transition:0.3s;
      border: none;
      font-weight: 600; 
      float: right;
      margin-top: 90px;
      display: inline-block;
      text-align: center;
      border: 2px solid #FAA12C;
   }
 .skolenieblok  .viacskolenie:hover{
      background-color: transparent;
      color: #FAA12C;
      border: 2px solid #FAA12C;
   }



.skolenieblok  .viackurz{
  padding: 13px 50px 13px 50px;
       background-color: #309ee3;
      color: white;
      font-size: 15px;
      border-radius: 100px;
      text-decoration: none;
      -webkit-transition:0.3s;
      border: none;
      font-weight: 600; 
      float: right;
      margin-top: 34px;
    margin-bottom: 20px;
      display: inline-block;
      text-align: center;
      border: 2px solid #309ee3;
   }
 .skolenieblok  .viackurz:hover{
      background-color: transparent;
      color: #bdc3c7;
      border: 2px solid #bdc3c7;
   }






   .skolenieblok  .viacskoleniewebinar{
  padding: 13px 40px 13px 40px;
       background-color: #309ee3;
      color: white;
      font-size: 15px;
      border-radius: 100px;
      text-decoration: none;
      -webkit-transition:0.3s;
      border: none;
      font-weight: 600; 
      float: right;
      margin-top: 40px;
   }
 .skolenieblok  .viacskoleniewebinar:hover{
      background-color: transparent;
      color: #34495e;
      background-color: #dadada;
      border: 0px solid #bdc3c7;
   }


.skolenieblok  .viacskolenie2{
  padding: 10px 50px 10px 50px;
      background-color: #bdc3c7;
      color: white;
      text-decoration: none;
      -webkit-transition:0.3s;
      border: none;
      font-weight: 400;
      border: 3px solid #bdc3c7;
      float: right;
      margin-top: 30px;
   }
 .skolenieblok  .viacskolenie2:hover{
      background-color: transparent;
      color: #34495e;
      border: 3px solid #bdc3c7;
   }

 #h333{
 	text-align: center;
    color: #1d355d;
    margin-bottom: 0;
    padding-bottom: 0;
 }

  #h334{
 	text-align: center;
    color: #309ee3;
    font-size: 26px;
    margin-bottom: 0;
    padding-bottom: 0;
 }

 #h111{
 	text-align: center;
 	color: #2055A8;
 	margin-top: 0;
    padding-top: 0;
    margin-bottom: 40px;
    font-size: 45px;
 	
 }
  #h112{
 	text-align: center;
 	color: #319ee3;
 	margin: auto;
 	margin-top: 0;
 	width: 70%;
    padding-top: 0;

    margin-bottom: 50px;
    font-size: 33px;
 	
 }
 #ppp{
 	width: 80%;
 	margin: auto;
 	font-size: 15px;
 	line-height: 23px;
 	text-align: center;
 	margin-bottom: 80px;
 }

  #ppp22{
 	width: 80%;
 	margin: auto;
 	font-size: 15px;
 	line-height: 1.6;
 	text-align: center;
 	margin-bottom: 30px;
 }
  #ppp22 div{
  	font-size: 15px;
 	line-height: 1.6;
  }

 .modroobal{
 	background-color: #d6efff;
 	height: auto;
 }

 #vytvorene{
 	width: 100%;
 	text-align: center;
 	font-size: 25px;
 	font-weight: 800;
 	color: #1c355b;
 	padding-bottom: 100px;
 }
  #vytvorene img{
 	width: 150px;
 	padding-bottom: 50px;
 }



.obaltlacky{
	width: 88%;
	margin: auto;
}
.obaltlacky a{
	color: white;
	text-decoration: none;
}
.obaltlacky2{
	width: 100%;
	margin: auto;
}
.obaltlacky2 a{
	color: white;
	text-align: center;
	text-decoration: none;
}

.admintop{
	width: 80%;
	padding: 10px 10%;
	height: auto;
	text-align: center;
	display: flex;
	background-color: #1c355b;
	font-size: 14px;
	color: gray;
	position: fixed;
	top: 0;
	z-index: 10000;
	-webkit-box-shadow: 0px 1px 15px -4px rgba(0,0,0,0.55); 
box-shadow: 0px 1px 15px -4px rgba(0,0,0,0.55);
align-items: center;
}
.admintop a{
	text-decoration: none;
	margin-bottom: 10px;
}
.admin_top_left{
	width: 70%;
	text-align: left;
}
.admin_top_right{
	width: 30%;
	font-size: 12px;
	color: #dadada;
	text-align: right;
}
.admin_top_right a {
	background-color: white;
	padding: 4px 10px 4px 10px;
	border-radius: 6px;
	margin-left: 5px;
	font-size: 12px;
	-webkit-transition:0.3s;
	color: #1c355b;

}
.admin_top_right a  i{
	color: #309ee3;
}
.admin_top_right a:hover{
	background-color: #1c355b;
	color: white;
	border-radius: 100px;
}


.odsek{
	height: 40px;
}

.butvyber{
	width: 180px;
	padding: 10px;
	background-color: #2a9ee0;
	color: white;
	font-weight: 600;
	font-size: 12px;
	display: inline-block;
	margin-left: 10px;
	border-radius: 100px;
	cursor: pointer;
}
.butvyber2{
	width: 180px;
	padding: 10px;
	background-color: #1c355b;
	color: white;
	font-weight: 600;
	font-size: 12px;
	display: inline-block;
	margin-left: 10px;
	border-radius: 100px;
	cursor: pointer;
	-webkit-transition:0.2s;
	margin-top: 17px;
}
.butvyber2:hover{
	background-color: #2a9ee0;
}




.butvyber3{
	width: 220px;
	padding: 15px;
	background-color: #2a9ee0;
	color: white;
	font-weight: 600;
	font-size: 14px;
	display: inline-block;
	margin-left: 10px;
	border-radius: 100px;
	cursor: pointer;
}
.butvyber4{
	width: 220px;
	padding: 15px;
	background-color: #1c355b;
	color: white;
	font-weight: 600;
	font-size: 14px;
	display: inline-block;
	margin-left: 10px;
	border-radius: 100px;
	cursor: pointer;
	-webkit-transition:0.2s;
	margin-top: 17px;
}
.butvyber4:hover{
	background-color: #2a9ee0;
}


.butvyber5{
	width: 390px;
	padding: 10px;
	background-color: #2a9ee0;
	color: white;
	font-weight: 600;
	font-size: 12px;
	display: inline-block;
	margin-left: 10px;
	border-radius: 100px;
	cursor: pointer;
	margin-top: 40px;
}


.vzoris{
	width: 20%;
	height: auto;
	padding: 2%;
	margin-left: 1%;
	-webkit-box-shadow: 0px 9px 16px 0px rgba(50, 50, 50, 0.11);
-moz-box-shadow:    0px 9px 16px 0px rgba(50, 50, 50, 0.11);
box-shadow:         0px 9px 16px 0px rgba(50, 50, 50, 0.11);
border-radius: 20px;
margin-top: 27px;
float: left;
-webkit-transition:0.3s;
cursor: pointer;
}
.vzoris i{
	font-size: 55px;
	height: auto;

	color: #2a9ee0;
}
.vzoris a{
	text-decoration: none;
}
.vzoris .nazovvzoru{
	width: 100%;
	height: 40px;
	font-weight: 700;
	overflow: hidden;
	font-size: 17px;
	padding: 17px 0 17px 0;
	color: #1c355b;
}
.vzoris .cenaa{
	width: 100%;
	height: auto;
	font-weight: 700;
	font-size: 16px;
	padding: 7px 0 7px 0;
	color: #2a9ee0;
}
.vzoris:hover{
	background-color: #d6effe;
}
.vzoris:hover i{
	color: #1c355b;
}

.leftvzor{
	width: 59%;
	margin-left: 2%;
}
.leftvzor form textarea{
    
   width: 100%;
   padding: 10px;
   font-size: 10px !important;
background-color: red;
line-height: 21px !important;
}
.leftvzor h3{
    font-size: 20px;
    color: #808080;

}

.rightvzor{
	width: 34%;
	-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
line-height: 21px;
}
.rightvzor p{
	white-space: pre-wrap;
font-size: 14px;
color: #1c355b;
line-height: 21px;
padding: 0;
margin: 0;
}
.rightvzor ul{
	font-size: 14px;
	color: #1c355b;
line-height: 21px;
}
.rightvzor .navoddiv{
	height: 700px;
   overflow: scroll;
   text-align: justify;
   padding-right: 20px;
}
.rightvzor .navoddiv p{
	text-align: justify!important;
}

.rightvzor .navoddiv2{
	height: 500px;
	overflow: hidden;
	position: relative;
}
.rightvzor2 .navoddiv{
	height: 700px;
   overflow: scroll;
}
.rightvzor2 .navoddiv2{
	height: auto;
	overflow: hidden;
	padding-bottom: 30px;
}
.rightvzor2 .navoddiv3{
	height: auto;
	overflow: hidden;
	padding-bottom: 30px;
}
.rightvzor p b{
font-size: 16px;
color: #2a9ee0;

}
.rightvzor h3{
    font-size: 20px;
    color: #808080;

}
.cena_vzoru{
	width: 100%;
	text-align: center;
	padding: 0px 0 20px 0;
	font-size: 20px; 
	color: gray;
}
.cena_vzoru b{
	font-size: 20px;
	color: #2a9ee0;
}
#editor{
	height: 1150px;
}
#editor2{
	height: 1000px;
}
.leftvzor2{
	width: 75%;
}



.leftvzor2 iframe{
	width: 90%;
	height: 450px;
	margin-bottom: 18px;
}
.leftvzor2 #sampleMovie{
	width: 90%;
	height: auto;
	margin-bottom: 18px;
	border: none;
}

.fakevideo{
	width: 90%;
	height: 400px;
	margin-bottom: 18px;
	background-color: #d9dadb;
	text-align: center;
	font-weight: 800;
	font-size: 20px;
	color: #1d355b;
	padding-top: 50px;
}
.fakevideo a{
	color: #1d365c;
}
.fakevideo img{
	width: 180px;
    margin: auto;
	display: block;
	margin-top: 30px;
	margin-bottom: 30px;
}

.fakevideo2{
	width: 90%;
	height: 400px;
	margin-bottom: 15px;
	background-color: #d9dadb;
	text-align: center;
	font-weight: 800;
	font-size: 20px;
	color: #1d355b;
	overflow: hidden;
}
.fakevideo2 img{
	width: 100%;
	height: 400px;
	object-fit: cover;
}

.leftvzor2 b{
   color: #2f9ee3;
   font-weight: 400;
   font-size: 15px;
}
.rightcelok{
	width: 33%;
}
.rightvzor2{
	
	height: auto;
	-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
background-color: white;
padding: 10px 20px;
-webkit-box-shadow: 3px 3px 11px 0px rgba(50, 50, 50, 0.15);
-moz-box-shadow:    3px 3px 11px 0px rgba(50, 50, 50, 0.15);
box-shadow:         3px 3px 11px 0px rgba(50, 50, 50, 0.15);

border-radius: 15px;
}

.rightvzor_sklenie{
	width: 90%;
	height: auto;
	-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
background-color: white;
padding: 10px 5% 10px 5%;
-webkit-box-shadow: 3px 3px 11px 0px rgba(50, 50, 50, 0.15);
-moz-box-shadow:    3px 3px 11px 0px rgba(50, 50, 50, 0.15);
box-shadow:         3px 3px 11px 0px rgba(50, 50, 50, 0.15);

border-radius: 11px;
}

.rightvzor2s{
	width: 24%;
	height: auto;
	float: right;
	-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
background-color: white;
padding: 0px 1% 0px 1%;

}
.anookno{
	width: 100%;
	height: auto;
	font-size: 14px;
	color: black;
	line-height: 19px;
	padding-bottom: 20px;
}


.rightvzor2 iframe{
	width: 100%;
	height: 450px;
}

.rightvzor2 h3{
    font-size: 17px;
    color: #309ee3;
    margin-top: 10px;

}
.rightvzor2 h3 i{
    font-size: 17px;
    color: #1d355b;

}


.rightvzor3{
	
	height: auto;
	-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
background-color: white;
padding: 20px 20px;
-webkit-box-shadow: 3px 3px 11px 0px rgba(50, 50, 50, 0.15);
-moz-box-shadow:    3px 3px 11px 0px rgba(50, 50, 50, 0.15);
box-shadow:         3px 3px 11px 0px rgba(50, 50, 50, 0.15);

border-radius: 15px;
margin-bottom: 20px;

}
.creator{
	width: 250px;
	height: auto;
	-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
background-color: white;
display: inline-block;
padding: 20px 20px;
-webkit-box-shadow: 3px 3px 11px 0px rgba(50, 50, 50, 0.15);
-moz-box-shadow:    3px 3px 11px 0px rgba(50, 50, 50, 0.15);
box-shadow:         3px 3px 11px 0px rgba(50, 50, 50, 0.15);

border-radius: 15px;
margin-bottom: 20px;
}

.rightvzor3 h3{
    font-size: 1.2rem;
    color: #F9A12C;
    margin-top: 0px;
    margin-bottom: 5px;

}
.rightvzor3 h3 i{
    font-size: 17px;
    color: #1d355b;

}


.rightvzor4{
	width: 27%;
	height: auto;
	float: right;
	-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;

}

.rightvzor4 h3{
    font-size: 17px;
    color: #309ee3;
    margin: 0;
    padding: 0;

}


.leftvzor2 h3{
    font-size: 22px;
    color: #1d355b;
    margin-top: 0;
    width: 90%;

}
.leftvzor2 #h33s{
    
    color: #1d355b;
    margin-top: 0;
    font-size: 26px;
    width: 90%;
    line-height: 33px;
    margin-top: 20px;
    margin-bottom: 10px;

}
.ponukanadpis{
	font-weight: 600;
	font-size: 2rem!important;
	margin-bottom: 15px;
	color: #309ee3;
}
.skolb{
	font-size: ;
}

.popisek{
	width: 90%;
	font-size: 1rem;
	line-height: 1.5;
	color: #1F55A7;
	padding-top: 20px;
}
.popisek b{
	color: #1F55A7!important;
	font-weight: 800;
}
.popisek h4{
	color: #F8A12C;
	font-size: 1.2rem;
}
.minuska{
	margin-top: -100px;
}
.popisek2{
	width: 90%;
	font-size: 15px;
	line-height: 23px;
	color: black;
	padding-top: 10px;
}
.tlacis{
	background-color: white;
	padding: 4px 10px 4px 10px;
	border-radius: 6px;
	margin-right: 15px;
	font-size: 12px;
	-webkit-transition:0.3s;
	color: #1c355b;

}
.tlacis i{
	color: #309ee3;
}
.tlacis:hover{
	background-color: #1c355b;
	color: white;
	border-radius: 100px;
}

.skol_edit_button{
	background-color: #f09b06;
	padding: 10px 7% 10px 7%;
	border-radius: 100px;
	margin-right: 15px;
	font-size: 14px;
	-webkit-transition:0.3s;
	color: white;
	text-decoration: none;
	font-weight: 600;
}

.doublelista{
	width: 100%;
	height: 50px;
}
.doub_lavo{
	width: 30%;
	font-size: 12px;
	color: white;
	float: left;
	text-align: center;
	background-color: #1e355c;
	height: 45px;
	font-weight: bold;
    border-radius: 15px;
	line-height: 15px;
}
.doub_lavo b{
	position: relative;
	display: block;
	font-size: 9px;
	font-weight: normal;
	margin-top: 5px;
	color: #309ee3;
}
.doub_pravo{
	width: 33%;
	font-size: 13px;
	height: 45px;
    margin-right: 1%;
	line-height: 15px;
	color: #1d355c;
	float: right;
	 border-radius: 15px;
	text-align: center;
	background-color: #d6efff;
	cursor: pointer;
	font-weight: bold;
	-webkit-transition:0.2s;
}
.doub_pravo b{
	position: relative;
	display: block;
	font-size: 9px;
	font-weight: normal;
	margin-top: 5px;
	color: #309ee3;
}
.doub_pravo:hover{
	border-radius: 100px;
	color: white;
	background-color: #1e355c;

}

.doub_pravo2{
	width: 33%;
	font-size: 13px;
	height: 45px;
    margin-right: 1%;
	line-height: 15px;
	font-weight: bold;
	color: #1d355c;
	float: right;
	border-radius: 15px;
	text-align: center;
	background-color: #d6efff;
	cursor: pointer;
	-webkit-transition:0.2s;
}
.doub_pravo2 b{
	position: relative;
	display: block;
	font-size: 9px;
	font-weight: normal;
	margin-top: 5px;
	color: #309ee3;
}

.doub_lavo .b2{
	position: relative;
	display: block;
	font-size: 9px;
	font-weight: 600;
	margin-top: -5px;
	color: red;
}

.doub_pravo2 .b2{
	position: relative;
	display: block;
	font-size: 9px;
	font-weight: 600;
	margin-top: -5px;
	color: red;
}
.doub_pravo2:hover{
	border-radius: 100px;
	color: white;
	background-color: #1e355c;

}

table {
  border-collapse: collapse;
  width: 82%;
  margin: auto;
  font-size: 14.5px;
}

td, th {
  border: 1px solid #dddddd;
  text-align: center;
  padding: 8px;
  color: #1c355b;
}
td a i{
	color: gray;
}
tr:nth-child(even) {
  background-color: #d6effe;
}
.zaroven{
  text-align: left;
  padding-left: 30px;
}
.bub{
  -webkit-transition:0.3s;
}
.bublinka{
  position: absolute;
  min-height: 100px;
  background-color: white;
  padding: 10px 30px;
  width: 200px;
  margin-left: 2.2%;
  margin-top: -40px;
  -webkit-transition:0.3s;
  border-radius: 10px;
  display: none;
  font-size: 12px;
  color: black;
  -webkit-box-shadow: 3px 5px 24px -6px rgba(0,0,0,0.44); 
box-shadow: 3px 5px 24px -6px rgba(0,0,0,0.44);
}

.bub:hover + .bublinka{
  display: block;
}
.bub:hover{
 color: gray;
}

.cenniky{
	width: 84%;
	height: auto;
	margin: auto;
	margin-bottom: 70px;
	margin-top: 60px;
}


.cenniky .cennikus{
	width: 31%;
	margin-left: 2.2%;
	float: left;
	background-color: #e3f4ff;
	text-align: center;
	border-radius: 10px;
	overflow: hidden;
}
.cennikus a{
	text-decoration: none;
}
.cenniky .cennikus .c_odporuc{
	width: 100%;
	padding: 10px 0px 10px 0px;
	color: white;
	font-size: 15px;	
	background-color: white;
}
.cenniky .cennikus .c_nazov1{
	width: 100%;
	padding: 20px 0px 5px 0px;
	color: #1d355d;
	font-size: 15px;
}
.cenniky .cennikus .c_nazov2{
	width: 100%;
	padding: 5px 0px 20px 0px;
	color: #1d355d;
	font-size: 18px;
	font-weight: 700;
	border-bottom: 1px solid #1d355c;
}
.cenniky .cennikus .c_vyhody{
   
     width: 87%;
     height: auto;
     text-align: left;
     margin: auto;
     padding-bottom: 30px;
}
.cenniky .cennikus .c_vyhody .vyhoda1{
    width: 100%;
	height: auto;
	margin-top: 15px;
	font-size: 14px;
	margin-bottom: 5px;
	line-height: 23px;

}
.cenniky .cennikus .c_cena{
	width: 100%;
	padding: 20px 0px 35px 0px;
	color: #1d355d;
	font-size: 22px;
	font-weight: 700;
}
.p_stred{
	width: 100%;
	height: auto;
	margin: auto;
	display: flex;
	position: relative;
	z-index: 400;
	gap: 50px;
}
.p_left{
	width: 25%;
	height: auto;
	padding-bottom: 40px;
	position: relative;
	text-align: left;
	background-color: white;
	z-index: 500;
	-webkit-box-shadow: 0px 9px 16px 0px rgb(50 50 50 / 15%);
    -moz-box-shadow: 0px 9px 16px 0px rgba(50, 50, 50, 0.15);
    box-shadow: 0px 9px 16px 0px rgb(50 50 50 / 15%);
    border-radius: 20px;
    padding: 20px;
}
.p_informacie{
	flex: 80;
	text-align: left!important;
}
.p_profilovka{
	width: 170px;
	height: 170px;
	background-color: #dadada;
	border-radius: 100px;
	overflow: hidden;
	margin-top: -60px;
	position: relative;
	border: 8px solid white;
	-webkit-box-shadow: 0px 9px 16px 0px rgb(50 50 50 / 15%);
    -moz-box-shadow: 0px 9px 16px 0px rgba(50, 50, 50, 0.15);
    box-shadow: 0px 9px 16px 0px rgb(50 50 50 / 15%);
}
.p_profilovka img{
	width: 100%;
	height: 170px;
	object-fit: cover;
}
.p_profil_name{
	font-size: 1.3rem;
	padding: 10px 0px 5px 0px;
	font-weight: 600;
	color: #1d355d;
	text-align: left;
}
.p_profil_email{
	font-size: 16px;
	padding: 0px 0px 8px 0px;
	color: gray;
	text-align: left;
}

.p_right_obal{
  width: 70%;
	float: right;
}

.p_right_obal .pright_left{
  width: 45%;
	float: left;
}

.p_right_obal .pright_right{
  width: 45%;
	float: right;
}


.p_right{
	width: 70%;
	height: auto;
	padding: 20px 2% 30px 2%;
	float: right;
	-webkit-box-shadow: 0px 9px 16px 0px rgba(50, 50, 50, 0.15);
-moz-box-shadow:    0px 9px 16px 0px rgba(50, 50, 50, 0.15);
box-shadow:         0px 9px 16px 0px rgba(50, 50, 50, 0.15);
border-radius: 15px;
text-align: left;
margin-bottom: 50px;
background-color: white;
}
.p_right a{
	text-decoration: none;
}

.p_right2{
	width: 90%;
	height: auto;
	padding: 20px 5% 30px 5%;
	-webkit-box-shadow: 0px 9px 16px 0px rgba(50, 50, 50, 0.15);
-moz-box-shadow:    0px 9px 16px 0px rgba(50, 50, 50, 0.15);
box-shadow:         0px 9px 16px 0px rgba(50, 50, 50, 0.15);
border-radius: 15px;
text-align: left;
margin-bottom: 50px;
}

.p_right2 h2{
	color: #309ee3;
	font-size: 18px;
}

.cenniky22{
	width: 74%;
	height: auto;
	padding: 20px 0% 30px 0%;
	float: right;
border-radius: 15px;
text-align: left;
margin-bottom: 50px;
}
.p_right  b{
	font-size: 17px;
	color: #1d355d;
}
.p_right h2{
	color: #309ee3;
	font-size: 22px;
}
.minimenu{
	width: 100%;
	height: auto;
	margin-top: 15px;
	border-top: 1px solid #dadada;
	text-align: left;

}
.minimenu a{
	padding: 20px 0px 10px 0px;
	color: gray;
	font-weight: 400;
	font-size: 16px;
	margin-right: 30px;
	display: inline-block;
	text-decoration: none;

}
.minimenu i{
	width: 17px;
}
.minimenu .read{
	color: #309ee3;
	font-weight: 600;
}
.pppp{
	font-size: 14px;
	color: gray;
}
.pppp2{
	font-size: 14px;
	color: gray;
	height: 73px;
	line-height: 22px;
	overflow: hidden;
	margin-top: 10px;
}
.pppp2 p{
	margin: 0;
	padding:0;
}
.datumovnik{
	font-size: 17px;
	color: #1c355b;

}
.dodatk{
	font-size: 14px;
	color: gray;

}
.fakevideo h2 .mensie{
	font-size: 14px;
	color: #2a9ee0;

	margin-right: 8px;
	margin-left: 4px;
	display: inline-block;
}
.pppp i{
	font-size: 14px;
	color: #36dd1b;
}


.zaznamis{
	padding: 10px;
	color: white;
	font-size: 12px;
	width: 210px;
	text-align: center;
	background-color: #132c55;

}

#setform{ 
width: 70%;
	height: auto;
	padding: 20px 2% 30px 2%;
	float: right;
border-radius: 15px;
text-align: left;
margin-bottom: 50px;
}

#setform input{
	width: 96%;
    height: 23px;
    border-radius: 10px;
   background-color: #e0ebed;
    border: none;
    font-size: 14px;
    color: gray;
    padding: 10px;
    margin-bottom: 15px;
}
#setform textarea{
  width: 96%;
    height: 180px;
    font-size: 14px;
    padding: 10px;
    background-color: #e0ebed;
    border: none;
    border-radius: 10px;
}
#setform .prihlasbutt{
	width: 40%;
  -webkit-transition: 0.3s;
  height: 45px;
  font-size: 15px;
  padding: 10px 10px 10px 10px;
  background: none;
  color: white;
  background-color: #309ee3;
  box-shadow: none;
  float: right;
  border-radius: 100px;
	font-weight: 600;

}
#setform .prihlasbutt:hover{
  color: white;
  cursor: pointer;
  background: gray;
}



#setform2{ 
width: 98%;
	height: auto;
text-align: left;
}

#setform2 input{
	width: 96%;
    height: 23px;
    border-radius: 10px;
   background-color: #e0ebed;
    border: none;
    font-size: 14px;
    color: gray;
    padding: 9px;
    margin-bottom: 10px;
}
#setform2 select{
	width: 100%;
    height:43px;
    border-radius: 10px;
   background-color: #e0ebed;
    border: none;
    font-size: 14px;
    color: gray;
    margin-bottom: 10px;
}
#setform2 .prihlasbutt{
	
  -webkit-transition: 0.3s;
  
  padding: 15px 20px;
  font-size: 1rem;
  display: block;
  text-align: center;
  border: none;
  background: none;
  color: white;
  background-color: #F8A12C;
  box-shadow: none;
  border-radius: 100px;
	font-weight: 600;

}
#setform2 .prihlasbutt:hover{
  color: white;
  cursor: pointer;
  background: gray;
}
.zmluv{
	width: 85%;
	padding: 20px 2% 20px 2%;
	background-color: white;
	color: #1d355b;
	text-align: center;
	margin: auto;
	font-weight: 600;
	border-radius: 10px;
}
.skolcena{
	padding: 20px 0px 20px 0px;
}

.sbalikom{
	background-color: #1F55A7;
	border-radius: 20px;
	padding: 15px 25px;
	line-height: 1.5;
	margin-bottom: 20px;
	color: white;
	width: 70%;
}
.sbalikom a{
	color: black;
	margin-top: 10px;
	font-size: 0.8rem;
	font-weight: 800;
	color: #1d355b;
}
.sbalikom b{
	font-size: 1.3rem!important;
	margin-top: 10px;
	color: #F9D02B;
}

.minipopis{
	width: 100%;
	height: 150px;
	overflow: hidden;
}
.listaskol{
	width: 100%;
}

.listaskol .tag{
	padding: 7px 20px 7px 20px;
	border-radius: 100px;
	width: 200px;
	text-align: center;
	color: white;
	background-color: #1d345d;
	position: relative;
	top: -15px;
}

.minipole{
  width: 100%;
  height: auto;
  -webkit-transition:0.3s;
}
.minipole .polesubjekt{
  font-size: 14px;
  color:#1e355b;
  padding: 5px 0px 5px 0px;
}
.minipole .polesubjekt b{
  font-size: 18px;
  color:#329ee3;
  padding: 5px 0px 5px 0px;
}
.minipole .poletextmini{
  font-size: 14px;
  line-height: 19px;
  color: gray;
  height: 40px;
  margin-bottom: 10px;
  overflow: hidden;

}

.dates{
  padding: 0px 0 5px 0;
  color: #1e355b;
  font-size: 11px;
}
.otazkas{
	width: 1000px;
	margin: auto;
	height: auto;
	color: #1d355b;
	text-align: center;
	font-size: 15px;
	line-height: 22px;
}
.otazkas .polesubjekt{
	font-size: 20px;
	font-weight: bold;
}
.odpovedos{
	width: 1000px;
	margin: auto;
	font-size: 16px;
	padding: 30px;
	line-height: 22px;
	background-color: #d6efff;
	border-radius: 20px;
	margin-top: 40px;
}
.odpovedos2{
	width: 1000px;
	margin: auto;
	font-size: 16px;
	padding: 30px;
	text-align: left;
	line-height: 22px;
	background-color: #d6efff;
	border-radius: 20px;
	margin-top: 40px;
}
.odpovedos2 .polesubjekt{
	font-size: 19px;
	font-weight: bold;
	color: #1d355b;
	padding-bottom: 15px;
}
.kustredu{
	width: 80%;
	height: auto;
	margin: auto;
	text-align: center;
}
.pripravujeme{
	display: block;
	position: absolute;
	margin-top: -47px;
}
.pripravujeme b{
   color: #ed0d25;
}
.pripravujeme img{
	width: 18px;
	display: inline-block;
}
.pripravujemecelok{
	display: inline-block;
	width: 30%;
	text-align: center;
	margin-bottom:40px;
}
.pripravujeme2{
	display: block;
	position: relative;
	top: -20px;
}
.pripravujeme2 b{
   color: #ed0d25;
}
.pripravujeme2 img{
	width: 18px;
	display: inline-block;
}

.liniaboxov{
   width: 85%;
   height: auto;
   margin: auto;
   padding-top: 20px;
   padding-bottom: 20px;
   margin-bottom: 30px;
   display: flex;
   gap: 20px;
   flex-wrap: wrap;
}
.boxis1{
	width: 15.5%;
	margin-left: 2%;
	background-color: #D6EFFE;
	padding: 2%;
	text-align: left;
	border-radius: 20px;
}
.userpocet{
	font-size: 35px;
	font-weight: bold;
	color: #1C355B;
}
.boxis1 p{
	padding-top: 0;
	margin-top: 10px;
}
.uputavkaobalis{
	width: 100%;
	height: 100vh;
	background-color: rgba(0,0,0,0.5);
	display: none;
	position: fixed;
	z-index: 5000;
}
.uputavkastred{
	width: 800px;
	height: auto;
	background-color: white;
	padding: 10px;
	margin: auto;
	margin-top: 10vh;
}
.zatvoritokno{
	width: 100;
	height: 35px;
	text-align: right;
	font-size: 20px;
	color: gray;
}

.flex2s{
	width: 82%!important;
	margin: auto;
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(2, 1fr);
}

.listas{
	width: 100%;
	height: 50px;
	text-align: right;
}
.listas form button{
	border-radius: 12px;
	float: right;
	margin-right: 5%;

	color: white;
    background-color: #70e841;
    padding: 15px 20px;
    font-weight: 700;
    font-size: 15px;
    text-decoration: none;
    -webkit-transition: 0.2s;
    border: none;
    display: inline-block;
    cursor: pointer;
}

#editform33 input{
    width: 26%;
    height: 20px;
   background-color: #f0f0f0;
    border:none;
    font-size: 14px;
    border-radius: 10px;
    padding: 15px 2%;
   



}

.rolling{
	height: 300px;
	overflow: scroll;
}


.listasemailing {
    width: 90%;
    margin: auto;
    height: auto;
    text-align: right;
    padding-bottom: 20px;
    border-bottom: 1px solid gray;
    margin-bottom: 50px;
}
.listasemailing form .tlacidlos {
    border-radius: 12px;
    float: right;
    margin-right: 5%;
    color: white;
    background-color: #70e841;
    padding: 15px 20px;
    font-weight: 700;
    font-size: 15px;
    text-decoration: none;
    -webkit-transition: 0.2s;
    border: none;
    display: inline-block;
    cursor: pointer;
}
.listasemailing form .tlacidlos2 {
    border-radius: 12px;
    margin-right: 5%;
    color: white;
    background-color: #d6022a;
    padding: 15px 20px;
    font-weight: 700;
    font-size: 15px;
    text-decoration: none;
    -webkit-transition: 0.2s;
    border: none;
    display: inline-block;
    cursor: pointer;
}

#editform33 .mini{
    width: 10%;



}

.priprava{


  padding: 22px 20px 30px 25px;
  background-color: white;

  width: 60%;
  border-radius: 20px;
  -webkit-box-shadow: 0px 9px 16px 0px rgba(50, 50, 50, 0.11);
  -moz-box-shadow:    0px 9px 16px 0px rgba(50, 50, 50, 0.11);
  box-shadow:         0px 9px 16px 0px rgba(50, 50, 50, 0.11);
  margin: auto;
  margin-top: 30px;
  font-weight: 700;
  color: white; 
  font-size: 16px;
  background-color: #2A9EE0;



}
.priprava i{
	font-size: 40px;

}

.flexobal{
	display: flex;
	gap: 25px;
}
.flexbox{
	flex: 30%;
	padding: 20px 20px 10px 20px;
	background-color: #D6EFFF;
	border-radius: 30px;
	text-align: center;
	color: #1d355d;
	margin-bottom: 30px;
	-webkit-box-shadow: 25px 28px 51px -10px rgb(0 0 0 / 6%);
    -moz-box-shadow: 25px 28px 51px -10px rgba(0,0,0,0.06);
    box-shadow: 25px 28px 51px -10px rgb(0 0 0 / 6%);
}
.flexbox2{
	flex: 50%;
	padding: 20px 20px 10px 20px;
	background-color: white;
	border-radius: 30px;
	text-align: center;
	color: #1d355d;
	margin-bottom: 30px;
	-webkit-box-shadow: 0px 9px 16px 0px rgb(50 50 50 / 18%);
    -moz-box-shadow: 0px 9px 16px 0px rgba(50, 50, 50, 0.18);
    box-shadow: 0px 9px 16px 0px rgb(50 50 50 / 18%);
}
.flexbox .fas{
	font-size: 2.6em;
	margin-bottom: 10px;
}
.flexbox .voxnazov{
	font-size: 1.2em;
	margin-bottom: 0px;
	color: #309ee3;
	font-weight: 700;
}
.flexbox p{
	margin-top: 0px;
	padding-top: 5px;
}

.flexbox .cidlos{
	font-size: 1em;
	text-decoration: none;
	padding: 13px 10px;
	color: #1d355d;
	border-radius: 18px;
	background-color: white;
	margin-bottom: 10px;
	font-weight: 700;
	display: block;
	text-align: center;
}

.podporaobal h2{
	width: 100%;
	text-align: center;
	margin-top: 60px;
	color: #1d355d;
	margin-bottom: 40px;
	font-size: 2em;
    line-height: 1.2em;
    font-weight: 700;
}

 .podporaobal .ppcko{
	width: 80%;
	margin: auto;
	font-size: 1.1em;
	line-height: 1.6em;
	text-align: center;
	margin-bottom: 50px;
}

.flexbox2 .voxnazov{
	font-size: 1.3em;
	margin-bottom: 20px;
	color: #309ee3;
	font-weight: 700;
}
.flexbox2 .cidlos{
	font-size: 0.9em;
	text-decoration: none;
	padding: 13px 10px;
	color: white;
	border-radius: 18px;
	background-color: #309ee3;
	margin-bottom: 10px;
	font-weight: 700;
	display: block;
	text-align: center;
}
.podporaobal .registracnyformular{
  flex: 45%;
  
}
.kosikobal .registracnyformular{
  flex: 45%;
  
}
.vyhodyregistracie{
  flex: 35%;
  max-width: 35%;
  padding-left: 4%;
}
.vyhodyregistracie .ziskate{
  padding-bottom: 40px;
  font-size: 24px;
  font-weight: 800;
  color: #F7A12D;
}
.flexvyhoda{
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 20px;
  
}
.flexvyhoda img{

  max-width: 30px;
}
.ciarkyobe{
	align-items: center;
	text-align: left;
	padding-bottom: 0;
	padding: 20px 0;
}
.logicko{
	position: relative;
	top: -10px;
}
.minivzory{
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(5, 1fr);
	padding-bottom: 50px;
	padding-top: 20px;
	position: relative;
}

.minivzory2{
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(7, 1fr);
	padding-bottom: 40px;
	padding-top: 20px;
	position: relative;
	text-align: center;
}

.minigrid{
	display: grid;
    gap: 20px;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 10px;
    margin-bottom: 20px;
}
.minigrid3{
   display: grid;
    gap: 20px;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 10px;
    margin-bottom: 20px;
}
.trigrid{
	grid-template-columns: repeat(3, 1fr);
}

.poleilustracie{
	display: flex;
	align-items: center;
	justify-content: center;
}

.minusbox{
	
	padding: 20px 0;

-webkit-transition:0.3s;
cursor: pointer;
	text-align: left;
}
.minusbox .typsluzby{
	font-weight: 800;
	color: #309ee3;
	font-size: 1rem;
}
.minusbox .uspora{
	font-weight: 800;
	font-size: 1.9rem;
	color: #1d355d;
}
.vzoris2{
	height: auto;
	padding: 20px;
	-webkit-box-shadow: 0px 9px 16px 0px rgba(50, 50, 50, 0.11);
-moz-box-shadow:    0px 9px 16px 0px rgba(50, 50, 50, 0.11);
box-shadow:         0px 9px 16px 0px rgba(50, 50, 50, 0.11);
border-radius: 20px;
-webkit-transition:0.3s;
cursor: pointer;
}
.vzoris2 i{
	font-size: 2.5rem;
	height: auto;

	color: #2a9ee0;
}
.vzoris2 a{
	text-decoration: none;
}
.vzoris2 .nazovvzoru{
	width: 100%;
	height: 40px;
	font-weight: 700;
	overflow: hidden;
	font-size: 1rem;
	line-height: 1.3;
	margin: 15px 0 10px 0;
	color: #1c355b;
	text-align: left;
}
.vzoris2 .cenaa{
	width: 100%;
	height: auto;
	font-weight: 700;
	font-size: 0.8rem;
	padding: 5px 0 0px 0;
	color: #2a9ee0;
}
.vzoris2 .cenaa_mini{
  font-size: 0.9rem;
  color: #42D209;
  font-weight: 700;
  padding-bottom: 0px;
  padding-top: 7px;
}
.vzoris2:hover{
	background-color: #d6effe;
}
.vzoris2:hover i{
	color: #1c355b;
}




.vzoris3{
	height: auto;
	padding: 30px;
	-webkit-box-shadow: 0px 9px 16px 0px rgba(50, 50, 50, 0.11);
-moz-box-shadow:    0px 9px 16px 0px rgba(50, 50, 50, 0.11);
box-shadow:         0px 9px 16px 0px rgba(50, 50, 50, 0.11);
border-radius: 20px;
-webkit-transition:0.3s;
cursor: pointer;
text-align: left;
position: relative;
background-color: white;
}
.vzoris3 i{
	font-size: 3rem;
	height: auto;

	color: #2a9ee0;
}
.vzoris3 a{
	text-decoration: none;
}
.vzoris3 .nazovvzoru{
	width: 100%;
	font-weight: 700;
	font-size: 1.2rem;
	line-height: 1.3;
	margin: 25px 0 0px 0;
	color: #1c355b;
	text-align: left;
}
.vzoris3 .cenaa{
	width: 100%;
	height: auto;
	font-weight: 700;
	font-size: 1rem;
	padding: 7px 0 0px 0;
	color: #2a9ee0;
}
.vzoris3:hover{
	background-color: #d6effe;
}
.vzoris3:hover i{
	color: #1c355b;
}
.popisikvzoru{
	padding: 20px 0;
	font-size: 0.9rem;
	color: black!important;
}
.popisikvzoruwarp{
	white-space: pre-line;
}



.fademini{
	position: absolute;
	right: 0;
	margin-right: -2%;
	width: 25%;
	height: 100%;
	background: rgb(255,255,255);
background: linear-gradient(267deg, rgba(255,255,255,1) 15%, rgba(255,255,255,0) 100%);
}
.kategore_trhu{
	flex: 20%;
	height: 500px;
	background-color: white;
	padding: 20px;
	text-align: left;
	-webkit-box-shadow: 25px 28px 51px -1px rgb(0 0 0 / 6%);
    -moz-box-shadow: 25px 28px 51px -1px rgba(0,0,0,0.06);
    box-shadow: 25px 28px 51px -1px rgb(0 0 0 / 6%);
    display: none;
}
/*trhovisko */

.inzeraty_trhu{
	flex: 70%;
	padding: 20px;
 
 display: grid;
	gap: 20px;
	grid-template-columns: repeat(4, 1fr);

	background-color: transparent;
	
}
.obaltrhu{
	position: relative;
	margin-top: -20px;
	z-index: 500;
	background-color: transparent;
}
.obalbalikov{
	width: 800px!important;
	position: relative;
	margin-top: -120px;
	z-index: 500;
	background-color: transparent;
}
.nazovkates{
	font-size: 1.1rem;
	font-weight: 800;
	color: #1d355d;
}
.obalbalikovtop2{
	margin-top: 0px!important;
}

.restikamini{
	
  height: auto;
	margin-top: 8px;
	margin-bottom: 25px;
	color: white;
	text-align: center;
	background-color: white;
	-webkit-box-shadow: 0px 9px 16px 0px rgba(50, 50, 50, 0.11);
    -moz-box-shadow: 0px 9px 16px 0px rgba(50, 50, 50, 0.11);
    box-shadow: 0px 9px 16px 0px rgba(50, 50, 50, 0.11);
    border-radius: 10px;
    text-align: left;
}
.restikamini a{
	text-decoration: none;
}
.restikamini .restika_headerik{
	width: 100%;
	height: 120px;
	background-size: cover;
	padding: 1px;
	position: relative;

}
.restikamini .restika_profilovka{
	width: 90px;
	height: 90px;
	border-radius: 20px;
	overflow: hidden;
	border: 7px solid white;
	-webkit-box-shadow: 0px 9px 16px 0px rgba(50, 50, 50, 0.11);
    -moz-box-shadow: 0px 9px 16px 0px rgba(50, 50, 50, 0.11);
    box-shadow: 0px 9px 16px 0px rgba(50, 50, 50, 0.11);

    margin-top: 50px;
    margin-left: 20px;
}
.restikamini .restika_profilovka img{
	width: 100%;
	height: 100px;
	object-fit: cover;
}
.restikamini .restika_otvorene{
	background-color: white;
	position: absolute;
	margin-left: 15px;
	padding: 8px 20px;
	font-size: 1.1rem;
	font-weight: 700;
	border-radius: 20px;
	margin-top: 96px;
	color: #1d355d;
	-webkit-box-shadow: 0px 9px 16px 0px rgb(50 50 50 / 11%);
    -moz-box-shadow: 0px 9px 16px 0px rgba(50, 50, 50, 0.11);
    box-shadow: 0px 9px 16px 0px rgb(50 50 50 / 11%);
    
}
.restikamini .restika_otvorene span{
	font-size: 0.9rem;
}

.restikamini .restika_otvorene2{
	background-color: #70E73B;
	position: absolute;
	margin-left: -15px;
	padding: 9px 10px;
	font-size: 0.6rem;
	font-weight: 700;
	border-radius: 20px;
	margin-top: -15px;
	color: white;
	-webkit-box-shadow: 0px 9px 16px 0px rgb(50 50 50 / 11%);
    -moz-box-shadow: 0px 9px 16px 0px rgba(50, 50, 50, 0.11);
    box-shadow: 0px 9px 16px 0px rgb(50 50 50 / 11%);
    
}
.restikamini .restika_nazov{
	padding: 38px 20px 5px 20px;
	font-size: 20px;
	font-weight: 800;
	
	text-align: left;
	color: #1d355d;
	margin-bottom: 25px;
}
.restikamini .restika_kategorie{
	padding: 10px 20px 10px 20px;
	width: 100%;
	height: 30px;
	overflow: hidden;
	font-size: 13px;
	color: gray;
	text-align: left;
	font-weight: 700;
	color: #48BF53;
}
.restikamini .restika_info{
	width: 100%;
	height: auto;

}

.restikamini .restika_info .restika_info_left{
	width: 100%;
	height: auto;
	margin: auto;
	padding: 0px 20px 0px 20px;
	font-size: 12px;
	color: #1d355d;
	font-weight: 700;
	text-align: left;
	display: inline-block;
}
.restikamini .restika_info .restika_info_left .nazovdodavatela{
   font-size: 1rem;
   color: #309ee3;
}

.restikamini .restika_info .restika_info_right{
	width: 45%;
	height: auto;
	display: inline-block;
	padding: 0px 20px;
	font-size: 12px;
	color: gray;
	text-align: left;
}

.restika_tlacidlo{
	padding: 14px 25px 14px 25px;
	display: inline-block;
	background-color: #309ee3;
	border-radius: 100px;
	font-weight: 600;
	font-size: 0.8rem;
	color: white;
	margin-bottom: 20px;
	margin-top: 20px;
	margin-left: 20px;
}


.restauracia_left{
	width: 70%;
	float: left;
	
	height: auto;
}

.restauracia_left .restauracia_headerik{
	width: 100%;
	height: 230px;
	background-size: cover;
	padding: 1px;
}
.restauracia_left .restauracia_profilovka{
	width: 150px;
	height: 150px;
	border-radius: 100px;
	overflow: hidden;
	border: 7px solid white;
	-webkit-box-shadow: 0px 9px 16px 0px rgba(50, 50, 50, 0.11);
    -moz-box-shadow: 0px 9px 16px 0px rgba(50, 50, 50, 0.11);
    box-shadow: 0px 9px 16px 0px rgba(50, 50, 50, 0.11);

    margin-top: 100px;
    margin-left: 5%;
}
.restauracia_left .restauracia_profilovka img{
	width: 100%;
	height: 150px;
	object-fit: cover;
}
.restauracia_left .restauracia_otvorene{
	background-color: #11D20C;
	position: absolute;
	margin-left: 60%;
	padding: 8px;
	font-size: 16px;
	font-weight: 700;
	border-radius: 10px;
	margin-top: 10px;
	color: white;
}
.restauracia_left .restauracia_nazov{
	padding: 45px 20px 5px 5%;
	font-size: 28px;
	font-weight: 800;
	
	text-align: left;
	color: #003580;
}
.restauracia_left .restauracia_hodnotenie{
	padding: 5px 0px 10px 5%;
}
.restauracia_left .restauracia_hodnotenie .hodnotenieaktual{
	padding: 10px 20px;
	background-color: #11D20C;
	display: inline-block;
	border-radius: 20px;
	color: white;
	font-size: 14px;
	font-weight: 700;
}
.restauracia_left .restauracia_hodnotenie .zobrazitrecenzie{
	padding: 10px 20px;
	background-color: #003580;
	display: inline-block;
	border-radius: 20px;
	color: white;
	font-size: 14px;
	font-weight: 700;
}
.restauracia_left .restauracia_kategorie{
	padding: 0px 20px 0px 5%;
	width: 100%;
	height: 30px;
	overflow: hidden;
	font-size: 13px;
	color: gray;
	text-align: left;
}
.restauracia_left .restauracia_lista{
	width: 100%;
	padding: 20px 5% 20px 5%;
	border-top: 1px solid #dadada;
	-webkit-box-shadow: 0px 9px 16px 0px rgba(50, 50, 50, 0.11);
    -moz-box-shadow: 0px 9px 16px 0px rgba(50, 50, 50, 0.11);
    box-shadow: 0px 9px 16px 0px rgba(50, 50, 50, 0.11);
}
.restauracia_left .kategomini{
   
     flex: 19%;
	max-width: 19%;
  height: auto;
	margin-bottom: 8px;
  background-color: white;
	-webkit-box-shadow: 0px 9px 16px 0px rgba(50, 50, 50, 0.11);
    -moz-box-shadow: 0px 9px 16px 0px rgba(50, 50, 50, 0.11);
    box-shadow: 0px 9px 16px 0px rgba(50, 50, 50, 0.11);
    border-radius: 20px;
    background-size: cover;
    overflow: hidden;
    text-align: center;
    padding: 20px;
    color: white;
    font-weight: 800;
    cursor: pointer;


}
.restauracia_left .kategomini a{
	text-decoration: none;
	color: white;
}
.restauracia_left .ponukas{
	width: 100%;
	padding: 20px 4% 20px 5%;
}

.restauracia_left .minijedlo{
   
     flex: 48.5%;
	max-width: 48.5%;
  height: auto;
	margin-bottom: 8px;
	margin-top: 8px;
  background-color: white;
	-webkit-box-shadow: 0px 9px 16px 0px rgba(50, 50, 50, 0.11);
    -moz-box-shadow: 0px 9px 16px 0px rgba(50, 50, 50, 0.11);
    box-shadow: 0px 9px 16px 0px rgba(50, 50, 50, 0.11);
    border-radius: 20px;
    background-size: cover;
    overflow: hidden;
    text-align: center;
    padding: 20px;
    color: white;
    font-weight: 800;
    cursor: pointer;
    text-align: left;


}
.lomeno{
	font-size: 1.2rem;
}


/*koniec trhovisko */

.cestakrokov{
	display: flex;
	align-items: center;

}
.linia{
	flex: 80;
}
.linia img{
	width: 100%;
}

.ponukafotecky{
	flex: 50%;
	text-align: left;
}
.ponukafotecky img{
	width: 100%;
	margin-top: 30px;
}
.ponukainfo{
	flex: 30%;
	text-align: left;
	padding-right: 40px;
}
.ponukafotecky h1{
	font-size: 2rem;
	padding-bottom: 0;
	margin-bottom: 0;
	margin-top: 6px;
	
}
.minusobal{
	width: 1350px;
	gap: 50px;
}
.ponukainfo h3{
	padding-top: 10px;
	color: #309ee3;
	
}
.ponukablaicky{
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 30px;
}
.ponukablaicky h3{
	padding-top: 0px;
	padding: 0;
	color: #309ee3;
	font-size: 1.5rem;
	color: #309ee3;
	margin: 0;
	
}
.cesticka{
	font-size: 0.9rem;
  color: #dadada;
}
.cesticka a{
	color: #1e355b;
	text-decoration: none;
}
.ponukablaicky h5{
	padding-top: 0;
	margin-top: 5px;
	color: gray;
}

.minibalicek{

 border: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  margin-bottom: 30px;
  padding: 25px;
}
.minibalicek h4{
	color: #1e355b;
	padding-top: 0;
	margin-top: 0;

}
.minibalicek .flexpole{
	display: flex;
	gap: 5px;
	align-items: start;
}
.minibalicek .flexpole img{
	
	width: 19px;
	margin-top: 4px;
}
.ododavatelovi{
	white-space: pre-line;
	font-size: 0.9rem;
	line-height: 1.5!important;
}

#otazkaform input{
	width: 96%;
    height: 23px;
    border-radius: 10px;
   background-color: #e0ebed;
    border: none;
    font-size: 14px;
    color: gray;
    padding: 10px;
    margin-bottom: 15px;
}
#otazkaform textarea{
  width: 96%;
    height: 140px;
    font-size: 14px;
    padding: 10px;
    background-color: #e0ebed;
    border: none;
    border-radius: 10px;
}
#otazkaform button{
	
  -webkit-transition: 0.3s;

  font-size: 15px;
  padding: 12px 30px 12px 30px;
  background: none;
  color: white;
  background-color: #309ee3;
  box-shadow: none;
  border: none;
  border-radius: 100px;
	font-weight: 600;

}
.flexvlanko{
	display: flex;
  gap: 70px;
}
.vlaknos{
	flex: 60%;
	text-align: left;
}
.doporucenie{
	flex: 30%;
	background-color: white;
	box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
    overflow: hidden;
    text-align: left;
    padding: 10px 20px;
    border-radius: 10px;
    height: 1100px;
}
.fixnaotazka{
	width: 100%;
	height: auto;
	display: flex;
	gap: 10px;
	margin-bottom: 15px;
}
.autorfoto{
	width: 80px;
}
.autorfoto img{
	width: 100%;
}
.bublinaobal{
	display: flex;
	flex: 80%;
}
.bublinaobal .sipka{
	width: 30px;
}
.bublinaobal .sipka img{
	margin-top: 15px;
}
.bublinaobal .textis{
  flex: 90;
  background-color: #D6EFFF;
  border-radius: 10px;
  padding: 20px;

}
.bublinaobal .textis2{
  flex: 90;
  background-color: white;
  border-radius: 10px;
  padding: 20px;

}
.vlaknos h1{
	font-size: 1.6rem;
	text-align: left;
	margin-top: 0;
	margin-bottom: 5px;
}
.vlaknos .spatis{
	font-size: 1rem;
	text-decoration: none;
}
.infolistaodpovede{
	padding-bottom: 20px;
	border-bottom: 1px solid #dadada;
	margin-bottom: 20px;
}
.odpovedka{
	padding: 5px;
	background-color: #2f9ee3;
	color: #1D355C;
  width: 50px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
	margin-top: 10px;
	color: white;
}
.odpovedka img{
	width: 15px;
}
.autor{
	font-size: 1.2rem;
	font-weight: 700;
	color: #1d355c;
}
.textis p{
	font-size: 0.9rem;
	line-height: 1.6;
	color: #1d355c;
}
.textis2 p{
	font-size: 0.9rem;
	line-height: 1.6;
	color: #1d355c;
}
.listaodpoved{
	display: flex;
	gap: 20px;
	padding-left: 120px;
	padding-top: 15px;
	padding-bottom: 15px;
	justify-content: space-between;
}
.listaodpoved .pridatprispevok{

}
.pridatprispevok .pridatodpoved{
	padding: 10px 20px;
	display: block;
  background-color: #1D355C;
  color: white;
  text-decoration: none;
  font-size: 0.9rem;
  border-radius: 10px;
}
.strankovanie{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	font-size: 0.9rem;
}
.pridatodpovednadpis{
	font-size: 1.2rem;
	text-align: left;
	margin-top: 0;
	font-weight: 700;
	color: #1e355b;
	margin-bottom: 20px;
}
.otazecka{
	padding-bottom: 14px;
	margin-bottom: 14px;
	border-bottom: 1px solid #dadada;
}
.otazecka a{
	text-decoration: none;
}
.predmetismini{
	font-size: 0.9rem;
	font-weight: 700;
	color: #2F9EE3;
}
.datumovniksd{
	font-size: 0.7rem;
	color: gray;
}
.balieck{
	-webkit-box-shadow: 0px 9px 16px 0px rgb(50 50 50 / 15%);
    -moz-box-shadow: 0px 9px 16px 0px rgba(50, 50, 50, 0.15);
    box-shadow: 0px 9px 16px 0px rgb(50 50 50 / 15%);
    border-radius: 30px;
    background-color: white;

}
.balieck .balickvrch{
	padding: 30px;
	text-align: center;
	font-size: 1.8rem;
	 color: #309EE3;
	 font-weight: 800;
}
.balieck .cenabalika{
	text-align: center;
	background-color: #D6EFFF;
	padding: 20px;
	font-size: 1.6rem;
	font-weight: 800;
	color: #1D355C;
}
.balikobsahuje{
	padding: 30px;
}
.balikobsahuje .obsahbalikaflex{
	display: flex;
	font-size: 16px;
	margin-bottom: 12px;
	gap: 10px;
	text-align: left;
	align-items: start;
}
.balikobsahuje .obsahbalikaflex img{
	width: 20px;
	position: relative;
	top: 2px;
}
.lietajucikosik{
	position: absolute;
	right: 0;
	background-color: white;
	color: black;
	padding: 10px 20px;
	border-radius: 20px 0px 0px 20px;
	font-size: 12px;
}
.lietajucikosik a{
	text-decoration: none;
	color: black;
}
.lietajucabublinka{
	position: fixed;
	bottom: 0;
	left: 0;
	padding: 10px 20px;
	border-radius: 20px 20px 0px 0px;
	-webkit-box-shadow: 5px 5px 15px 5px rgb(0 0 0 / 5%);
    box-shadow: 5px 5px 15px 5px rgb(0 0 0 / 5%);
    background-color: #1d355c;
    z-index: 200000;
    color: white;
}
.lietajucabublinka a{
	text-decoration: none;
	font-size: 13px;
	color: white;
	font-weight: 700;
}

/* forum */

#forumline{
	width: 100%;
	display: flex;
	gap: 20px;
	align-items: center;
	padding-bottom: 16px;
	border-bottom: 1px solid #dadada;
}

.leftzoom222_form{
  width: 100px;
}
.leftzoom222_form img{
	width: 60px;
}
.rightzoom222_form{
	width: 70%;
	text-align: left;
}
.otazkafor{
	text-align: left;
	line-height: 1.3;
	font-size: 0.8rem;
	max-height: 50px;
	overflow: hidden;
}
.datumovnik_for{
	padding: 0px 0 0 0;
	padding-bottom: 10px;
	font-size: 1rem;
}
.headerabsoluter{
	position: absolute;
}
.headerabsoluter h1{
	font-size: 3.6rem!important; color:white; text-align: left; line-height:1.3;
}
.minusos{
	margin-top: -250px; position: relative; z-index: 200;
}
.flexcestagaranti{
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(2, 1fr);
	margin-top: 30px;
}
.pcoff{
	display: none;
}
.mobiloff{
  display: block;
}
.odbornygarantpalen{
	text-align: center;

	padding: 25px 20px;
	background-image: url(img/aklpbg.jpg);
	
	
	border-radius: 25px;
	-webkit-transition:0.2s;

	color: #1e355b;
	font-size: 1.1em;
	font-weight: 700;
	text-decoration: none;
}
.odbornygarantpalen h3{
	font-size: 1.1rem;
	color: #1e355b;
}
.odbornygarantpalen h2{
	font-size: 1.1rem;
	color: #1e355b;
}
.odbornygarantpalen img{
	 height: 90px;
    margin-top: 29px;
    margin-bottom: 41px;
}


.profilovecka{
	width: 120px;
	height: 120px;
	overflow: hidden;
	border-radius: 100px;
	margin: auto;
}
.profilovecka img{
	width: 100%;
	height: 120px;
	object-fit: cover;
}


.odbornygarantpalen2{
	text-align: center;

	padding: 25px 0px;
	background-color: #d6efff;
	
	
	border-radius: 25px;
	-webkit-transition:0.2s;

	color: #1e355b;
	font-size: 1.1em;
	font-weight: 700;
	text-decoration: none;

}
.odbornygarantpalen2 h3{
	font-size: 1.1rem;
	color: #309ee3;
}
.odbornygarantpalen2 h2{
	font-size: 1.1rem;
	color: #1d355d;
}
.odbornygarantpalen2 img{
	height: 120px;
}
.profilovecka2{
	width: 120px;
	height: 120px;
	overflow: hidden;
	border-radius: 100px;
	margin: auto;
}
.profilovecka2 img{
	width: 100%;
	height: 120px;
	object-fit: cover;
}



.obalproduktykosik{
	width: 94%;
	margin: auto;
	height: auto;
	padding: 3%;
	margin-top: 20px;
	background-color: white;
	position: relative;
	border-radius: 30px;
	-webkit-box-shadow: 25px 28px 51px -1px rgb(0 0 0 / 6%);
    -moz-box-shadow: 25px 28px 51px -1px rgba(0,0,0,0.06);
    box-shadow: 25px 28px 51px -1px rgb(0 0 0 / 6%);
    z-index: 500;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
}
.obalproduktykosik i{
	font-size: 3rem;
	color: #373737;
}
.kosiknapdis{
	width: 60%;
	font-size: 1.1rem;
	color: #309ee3;
	font-weight: 600;
}
.kosikcena{
	font-weight: 800;
	font-size: 1.4rem;
}
.minusovanie button{
	padding: 10px 20px;
	font-size: 0.8rem;
	font-weight: 700;
	border-radius: 20px;
	background-color: red;
	border: none;
	color: white;
	cursor: pointer;
}
.spolus{
	width: 100%;
	padding-top: 30px;
	padding-bottom: 50px;
	display: flex;
	gap: 10px;
	align-items: center;
}
.nadpiscos{
 color: gray;
 text-transform: uppercase;
}
.ciarkos{
	background-color: gray;
	flex: 100;
	height: 2px;
}
.spolus2{
	width: 100%;
	padding-top: 0px;
	padding-bottom: 50px;
	display: flex;
	gap: 30px;
	align-items: center;
	
}
.panelspolus{
	width: 50%;
	display: flex;
	align-items: center;
}
.nadpiscos2{
 color: #1d355d;
 font-size: 1.2rem;
 font-weight: 800;
}
.cenos2{
	font-size: 2rem;
	font-weight: 800;
	color: #309ee3;
}
.uhradas{
	width: 45%;
	text-align: left;
	margin-right: 30px;
    -webkit-transition: 0.3s;

}
.uhradas input+label {
    padding: 20px;
	-webkit-box-shadow: 25px 28px 51px -1px rgb(0 0 0 / 6%);
    -moz-box-shadow: 25px 28px 51px -1px rgba(0,0,0,0.06);
    box-shadow: 25px 28px 51px -1px rgb(0 0 0 / 6%);
    display: block;
    cursor: pointer;
    border-radius: 20px;
    -webkit-transition: 0.3s;
}
.uhradas label:hover{
   background-color: #D6EFFF;
   
}

.uhradas input:checked+label{
 border: 1px solid #dfdfdf;
 background-color: #D6EFFF;
}
.uhradas .cenapredplat{
	font-weight: 800;
	color: #1d355d;
	font-size: 0.9rem;
}
.uhradas .popisek_transakcie{
	width: 100%;
	font-size: 0.7rem;
	line-height: 18px;
	color: gray;
	padding-top: 10px;
	margin-top: 10px;
	border-top: 1px solid #dadada;
}
.uhradas .cenazatransakciu{
	color: #309ee3;
	font-weight: 800;
  padding-top: 10px;
}

.cenaplatenych{
	width: 90%;
  padding: 5%;
  background-color: #F7F9FB;
  text-align: center;
  color: gray;
  line-height: 1.5;
  border-radius: 20px;
  margin-top: 20px;
}
.cenaplatenych .sumavzoru{
	font-size: 1.2rem;
	font-weight: 800;
	color: #309ee3;

}
.cenaplatenych .sumavzoru2{
	font-size: 1rem;
	font-weight: 800;
	color: #1c355b;

}
.bezplatnelietajuce{
	position: absolute;
	background-color: #11d20c;
	padding: 10px 20px;
	font-weight: 800;
	color: white;
	right: 0;
	font-size: 0.7vw;
	border-radius: 20px 0 0px 20px;
}
.celovyhladavanie{
	width: 500px;
	position: absolute;
	background-color: white;
	padding: 20px;
	border-radius: 100px;
	right: 0;
	margin-right: 6.5%;
	display: none;
}
.searchflex2{
	display: flex;
	gap: 30px;
	padding-top: 0px;
	justify-content: space-between;
}
.searchflex2 input{

	padding: 10px;
	border: none;
	max-width: 60%;
	flex: 60%;
	border-radius: 10px;
}
.searchflex2 button{
    background-color: #309ee3;;
    color: white;
    font-size: 0.8rem;
    font-weight: 700;
    -webkit-transition: 0.2s;
    padding: 10px 20px;
    border-radius: 100px;
    border: none;
    cursor: pointer;
}


.searchflex_vyhladavanie{
	width: 60%;
	margin: auto;
	display: flex;
	gap: 20px;
	padding-top: 0px;
	justify-content: space-between;
}
.searchflex_vyhladavanie input{

	padding: 20px;
	border: none;
	flex: 60%;
	border-radius: 10px;
}
.searchflex_vyhladavanie button{
    background-color: #309ee3;;
    color: white;
    font-size: 1rem;
    font-weight: 700;
    -webkit-transition: 0.2s;
    padding: 20px 20px;
    border-radius: 100px;
    border: none;
    cursor: pointer;
}






.obalpopup{
	width: 100%;
	height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  z-index: 5000;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup{
	width: 1000px;
	height: auto;
}
.popupbiele{
	border-radius: 20px;
	padding: 30px;
	background-color: white;
	text-align: center;
	line-height: 1.6;
	color: #1d355c;
}
.nadpiskonzultant{
	font-size: 2rem;
	font-weight: 700;
	color: #309EE3;
	padding-bottom: 10px;
}
.menokonzultant{
	font-size: 1.2rem;
	font-weight: 700;
	padding-bottom: 10px;
	color: #1d355c;
}
.closewin{
	padding: 10px;
	display: block;
	width: 150px;
	text-align: center;
	background-color: white;
	color: red;
	border-radius: 100px;
	margin: auto;
	margin-bottom: 10px;
	cursor: pointer;
	font-weight: 800;
}
.tu{
	color: #309EE3;
}
.mamzaujemfade{
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgb(255,255,255);
background: linear-gradient(183deg, rgba(255,255,255,0.5219129888283438) 0%, rgba(255,255,255,1) 67%);
	z-index: 10000;
	display: flex;
	align-items: center;
	justify-content: center;
}
.vzorheader{
	display: flex;
	gap: 20px;
}
.vzorheader_left{
	text-align: left;
	width: 80%;
}
.vzorheader_left h3{
	text-align: left!important;
}
.vzorheader_left #h112{
	text-align: left!important;

 	color: #319ee3;
 	margin: auto;
 	margin-top: 0;
 	width: 100%;
    padding-top: 0;

    margin-bottom: 50px;
    font-size: 27px;
 	
}
.vzorheader_right{
	text-align: left;
	font-size: 0.8rem;
	display: flex;
	align-items: center;
}
.vzorheader_right img{
		
}

.tlacidlosave{
	    color: white;
    background-color: #309ee3;
    border-radius: 40px;
    padding: 15px 30px;
    font-weight: 700;
    font-size: 15px;
    text-decoration: none;
    -webkit-transition: 0.2s;
    border: none;
    display: inline-block;
    cursor: pointer;
}
.tlacidlosave:hover{
  color: white;
  background-color: #757575;
}
.bublehover{
	position: relative;
}
.bublehover .bublinkainfo{
	width: 260px;
	height: auto;
	position: absolute;
	bottom: 30px;
	display: none;
	background-color: white;
  padding: 15px;
  border-radius: 10px;
  -webkit-box-shadow: 2px 5px 20px 8px rgba(0,0,0,0.1); 
box-shadow: 2px 5px 20px 8px rgba(0,0,0,0.1);
}
.bublehover:hover .bublinkainfo{

  display: block;
}
.documentnamierumini{
	padding: 20px;
	background-color: white;
	border-radius: 10px;
	margin-top: 30px;
}

.documentnamieruvelky{
	padding: 30px 30px;
	background-color: #D6EFFF;
	border-radius: 25px;
	margin-top: 30px;
	text-align: left;
}
.documentnamieruvelky h3{
	padding-top: 0!important;
	margin-top: 0!important;
	font-size: 1.4rem;
}

.searchmobil{
	display: none;
}
.profilmobil{
	display: none;
}

.floatobal2{
	width: 100%;
    height: 100vh;
    position: fixed;
    top:0;
    right: 0;
	z-index: 5000000;
	background-color: rgba(214, 239, 255, 0.7);
	backdrop-filter: blur(5px);

}
.floatstred2{
	margin: auto;
    width: 500px;
    padding: 50px;
    background-color: #FF3F3F;
    margin-top: 5vh;
    position: absolute;
    right: 0;
    top: 0;
    height: 100vh;
}
.floatstred2 h2{
	color: white;
    font-size: 1.8rem!important;
    margin-top: 0px!important;
    text-align: left;
    margin-bottom: 0px!important;
}
.exitus2{
	font-size: 30px;
	padding-top: 7vh;
	cursor: pointer;
	position: absolute;
	right: 40px;
	-webkit-transition: 0.3s;
	z-index: 100;
}
.exitus2:hover{
	opacity: 0.5;
}
.flexlinka{
	display: flex;
	gap:10px;
	align-items:center!important;
	padding-top: 5px;
	padding-bottom: 5px;

}
.flexlinka b{
	font-weight: 400;
	font-size: 1rem;
}
.h2coworking{
	font-size:2rem!important; 
	color: #D6EFFF!important; 
	text-align: left!important; 
	font-weight: lighter!important; 
	margin-top: 0!important; 
	padding-top: 0!important;
}
.pcoworking{
	text-align: left; color: white; font-size:1.15rem; line-height:1.7; font-weight: lighter;
}