@media only screen and (min-width:0px) and (max-width:1023px) {

html, body {
	overflow: auto;
	height: 100%;
}
body{
	background-color: #fff;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: 'Montserrat', sans-serif;

    position: relative;
}
nav ul {
	padding-left: 0px;
	padding-right: 0px;
	
}
nav ul li {
	width: 100% !important;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	clear: both !important;
}
nav ul li a{
	width: 100%;
}
.stred {
	width: 100%;
}
.odskokalbum {
	padding-top: 0px;
}
.kataloginstruktoru{
	width: 100%;
	float: left;
}
.kataloginstruktoru2 {
	width: 100%;
}
.popisinstruktor {
	width: calc(100% - 40px);
	padding-left: 20px;
	padding-right: 20px;
}
.zmenseneh1 {
	font-size: 2.4rem;
}
.cernepozadi{
	background-color: #1e1e1e;
	width: 100%;
	height: 100%;
	min-height: 100%;
	position: absolute;
	margin-top: 0px;
	top: 0;
	    display: flex;
	    flex-direction: column;
}
.blokall h2 {
	color: #fff;
}
.pc{

}
li {
	font-size: 12px;
}
li p{
	text-align: center;
	font-size: 16px;
}
.logo{
	width: calc(100% - 100px);
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 100px;
}
.logo img{
	width: 100%;
}
.logo2{
	width: 240px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
}
.logo2 img{
	width: 100%;
}
.sipka_hlavicka {
	display: none;
	width: 85px;
	height: 75px;
	float: left;
	background-image: url('../img/prechod.png');
	
}

h2{
	
	font-size: 26px;
	font-weight: 700;
	margin-bottom: 0px;

	margin-top: 25px;
	font-family: 'Montserrat', sans-serif;
}
.menuvertikal{
	width: 100%;
	height: 100%;
	min-height: 100%;
	border-right: 1px solid #ccc;

	background-color: #fff;
	display: none;
	overflow: auto;
	position: absolute;
	z-index: 4;
	padding-top: 100px;
	padding-left: 100px;
}
h3{
	
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 0px;

	margin-top: 25px;
	font-family: 'Montserrat', sans-serif;
}
.icoblok{
	display: block;
	 position: relative;
	text-decoration: none;
margin-left: 20px;
margin-right: 20px;
	width: calc(100% - 40px);
	height: 290px;
	float: left;
	text-align: center;
padding: 20px 20px 20px 20px;
}
.icoblok:hover{
	background-color: #282828;
}
p{
	color: #7f7f7f;
	width: 100%;
	padding-bottom: 0px;

	text-align: justify;
	margin-top: 20px;

	font-size: 12px;

}
.icoimg{
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 80px;
}
.sipka{
	width: 15px;
	height: 15px;

	  position: absolute;
  bottom: 8px;
  right: 0;

}
.sipka img{

	width: 100%;
}
.blokall {
	width: 100%;
	overflow: auto;

	margin-left: auto;
	margin-right: auto;


}

.prehledkosiku {
	width: 1200px;
	margin-top: 0px;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	font-family: 'Montserrat', sans-serif;
	overflow: auto;
}
.prehledkosiku table {
	width: 100%;
	padding-bottom: 50px;


	text-align: left;
}

.prehledkosiku table tr th{
	border-bottom: 1px solid #ccc;
}
.prehledkosiku table td{
	border-bottom: 1px solid #ccc;
}
.vlevo {
	text-align: left;
}
.vpravo {
	text-align: right;
}
.prehledkosiku_doprava {
	width: calc(100% - 0px);
	padding-left: 25px;
	padding-right: 25px;
	margin-top: 40px;
	padding-bottom: 25px;
	margin-bottom: 25px;
	overflow: auto;
	background-color: #000;
}
.prehledkosiku_doprava h2{
	color: #fff;
	font-size: 18px;
	text-align: left;
	font-weight: normal;
}
.prehledkosiku_doprava input[type="text"] {
	width: calc(100% - 0px);
	padding-left: 15px;
	font-family: 'Montserrat', sans-serif;

	margin-bottom: 25px;
	margin-top: 10px;
}
.zpusobplatba table{
	margin-top: 10px;
}
.zpusobplatba td{
	height: 38px;
}
.zpusobdopravy{
	width: 100%;
	padding-top: 20px;
	padding-left: 0px;
	float: left;
}
.zpusobdopravy table {
	width: 100%;
}
.zpusobplatba {
	width: 100%;
	padding-top: 30px;
	float: left;
}
.zpusobplatba2 {
	width: 50%;
	padding-top: 20px;
	float: left;
}
.zpusobplatba table {
	width: 100%;
}
.eshop {

	padding-top: 150px;
	width: 1180px;
	overflow: auto;
	margin-left: auto;
	margin-right: auto;
}
.produkt{
	width: calc(50% - 5px);


	margin-left: 0px;
	margin-right: 0px;
	float: left;

	display: block;
	text-align: center;
		font-family: 'Montserrat', sans-serif;
}
.hlavicka {
	width: 100%;
	height: 75px;
	z-index: 1;
	position: absolute;
	top: 0px;
	background-color: #1e1e1e;
}
.hlavicka_in {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	}
.produktimg {
	width: 350px;
	height: 350px;
	margin-left: auto;
	margin-right: auto;
}
.btnpridat{
	width: 300px;
	float: right;
	background-color: #ccc;
}
.produktimgdetail {
	width: 400px;
	float: left;
}


@import "compass/css3";

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);



.wrapper {
	float: left;
  perspective: 1000px;


  width: 0em;
}

.wrapper:hover .inner {
  transform: rotate(0)
  
}

.inner {
  transition: .3s; 
  transform: rotateY(20deg);
}

.inner figure {
  box-shadow: -6px 6px 2px -3px  rgba(100,100,100,100,.1);
  border: 2px solid rgba(140,140,140,.5);

  display: inline-block;



}

.inner figcaption {
  text-align: center;
  margin: .5em 0;

  font-weight: bold;
  color: darken(tomato, 15%);
}

.inner img {
  display: block;
  height: 400px;
  margin: 0 auto;

}

.produktkosik {
	width: 50px;
	border: 1px solid #f2f2f2;
	margin-top: 10px;
	margin-bottom: 10px;
}
.produktkosik {
	display: inline-block;
}
.produktkosik2 {
	width: 50px;
	border: 1px solid #f2f2f2;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 15px;
	margin-left: 10px;
	float: left;
}
.produktkosik2 {
	display: inline-block;
}
.nazevkosik {

	font-weight: normal;
}
.nazevkosik2 {
	padding-top: 20px;
	display: inline-block;

}
.prejitdokosiku {
	background-color: #ef7d00;
	color: #fff;
	height: 35px;
	line-height: 35px;
	padding-left: 15px;
	text-decoration: none;
	display: block;
}
.celkemkosik {
	font-weight: bold;
	padding-top: 15px;
	display: block;
}
.nakupujinafirmu {
	margin-top: 15px;
}
#nakupujinafirmudiv {
	display: none;
}
.btnzpet {
	width: 200px;
	height: 40px;
	line-height: 40px;
	text-decoration: none;
	text-align: center;
	float: left;
	margin-top: 20px;
	display: block;
	background: #ccc;

  color: #333;
  font-weight: bold;
}
.btnpokracovat {
	width: 200px;
	height: 40px;
	line-height: 40px;
	text-decoration: none;
	text-align: center;
	float: right;
	margin-top: 20px;
	display: block;
	background: #ccc;

  font-weight: bold;
  color: #333;
}
.kosik_reka_in {
	margin-top: 20px;
	padding-left: 10px;
	text-align: left;
}
.semena{
	clear: both;
	margin-top: 50px;
	padding-bottom: 50px;
	overflow: auto;
}
.semana_cena {
	font-size: 18px;
	font-weight: bold;

}
.prehledeshop {
	font-size: 22px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	font-weight: bold;
	text-transform: uppercase !important;
}

.semana_btn {
	width: 150px;
	height: 45px;
	line-height: 45px;

	text-align:center;


	font-size: 22px;

	display: block;
	margin-left: auto;
	margin-right: auto;

	text-decoration: none;
	color: #fff;
	background-color: #f39110;

	margin-top: 15px;
}
.bilaplocha {

	overflow: auto;
	background: #fff;
	min-height: 100%;
	height: 100%;
	padding-bottom: 100px;



   




}

.plocha1280 {
		width: calc(100% - 0px);
	padding-top: 150px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 100px;
	
}
.login {
	width: 600px;
	margin-top: 10px;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	font-family: 'Montserrat', sans-serif;
	overflow: auto;
}
.card {
	width: 49% !important;
	display: inline-block;
	text-align: center;
	margin-right: 0px;
	border:none;
}
.card-body {
	margin-top: 15px;
	float: left;
	margin-left: 265px;
	text-align: left;
}
.card-body p{
	margin-top: 5px;
}
.knihabtn {
	width: 200px;
	text-align: left;
	text-decoration: none;
	display: block;

	margin-top: 20px;
	height: 36px;
	line-height: 30px;
	padding-left: 10px;
	border: 2px solid #ef7d00;
	
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;

	color: #ef7d00;
	font-weight: bold;
	clear: both;

}
.knihabtnmini {
	text-align: center;
	width: 100px;
	float: right;
	text-decoration: none;
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 14px;
	margin-top: -30px;
	height: 34px;
	line-height: 30px;
	padding-left: 10px;
	border: 2px solid #ef7d00;
	
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;

	background-color: #ef7d00;
	color: #fff;
	font-weight: bold;
	clear: both;

}
.linkclub {
	font-size: 12px;
	color: #ef7d00;
	float: right;
	font-weight: bold;
}
.cena_span {
		font-size: 18px;
	color: #ef7d00;
	float: left;
	padding-top: 10px;
	font-weight: bold;
}
.cena_span2 {
	clear: both;
	font-size: 10px;
	color: #ef7d00;
	float: left;
	padding-top: 0px;
	font-weight: normal;
	cursor: pointer;
}
.cena_span2:hover {
	text-decoration: underline;

}
.cena_span2 .fa {
	font-size: 16px;
	display: block;
	float: right;
	margin-top: -3px;
	margin-left: 5px;
}
.eknihabtn {
	width: 200px;
	text-align: left;
	text-decoration: none;
	display: block;

	margin-top: 5px;

	height: 36px;
	line-height: 30px;
	padding-left: 10px;
	background: #ef7d00;
	border: 2px solid #ef7d00;
	
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;

	color: #fff;
	font-weight: bold;
	clear: both;

}
.card-text {
	display: inline-block;
	width: 70%;
	font-size: 14px;
	text-align: left;
	float: none;

}
.detailproduktu{
	float: left;
}
.popisek_div{
	float: left;
	width: 768px;
}
.popisek_div p{
	font-size: 14px;
	text-align: left;
}


.knihabtn2 {
	width: 200px;
	cursor: pointer;
	text-decoration: none;
	margin-left: auto;
	margin-right: auto;
	height: 36px;
	line-height: 32px;
	margin-top: 5px;

	padding-left: 10px;
	border: 2px solid #ef7d00;
	margin-left: 15px;
	float: right;
	text-align: center;

-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;

	color: #ef7d00;
	font-weight: bold;


}

.eknihabtn2 {
	text-decoration: none;
	width: 200px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	line-height: 32px;
	text-align: center;
	float: right;
	text-decoration: none;
	cursor: pointer;

	height: 36px;
	
	padding-left: 10px;
	background: #ef7d00;
	border: 2px solid #ef7d00;
	
-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;

	color: #fff;
	font-weight: bold;


}

.nahledknihy {
	color: #fff;
	width: 200px;

	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;

	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;

	text-decoration: none;
	float: left;
		text-align: center;

	height: 36px;
	line-height: 32px;
	padding-left: 10px;
	background: #000;
	border: 2px solid #000;
	
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;

	color: #fff;
	font-weight: bold;


}
.nahledknihy a{
	color: #fff;
	width: 100%;
	text-align: center;
	text-decoration: none;
	


}
.knihabtn2 a{
	color: #333;
	width: 100%;
	text-align: center;
	text-decoration: none;

}
.produktdiv{
	text-align: left;
	margin-left: 300px;
}
.drobecky {
	text-transform: uppercase;
	font-size: 24px;
	display: none;
	float: left;
	padding-top: 18px;
	margin-left: 10px;

	color: #fff;
	text-decoration: none;
}
.drobecky:hover {
	color: #999;
}
.card-title {
	text-transform: uppercase;
}
.shopingb {
	margin-left: 15px;
	margin-right: 15px;
	height: 20px;
}
.shopingb2 {
	margin-left: 0px;
	margin-right: 15px;
	height: 20px;
}
.pdfb {
	margin-left: 0px;
	margin-right: 5px;
	height: 20px;
}
.pridat_do_kosiku_div {

}
.jmenoproduktu {
	text-transform: uppercase;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.tabulkakosik{
	padding-top: 20px;
	padding-bottom: 30px;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	width: calc(100% - 0px);

}
.tabulkakosik th {
	height: 70px;
	font-size: 12px;
	text-align: left;

}
.tabulkakosik td {
	height: 50px;
}
.zpusobplatba table {}

.paticka {
	display: none;
	width: 100%;
	height: 30px;
	clear: both;
	text-align: center;
	position: absolute;
  width: 100%;
  bottom: 0;
  text-align: center;

	
}
.paticka a{
	color: #7f7f7f;
	font-size: 12px;
	text-transform: uppercase;
	margin-right: 20px;
	margin-right: 20px;
	text-decoration: none;
}
.login_btn {
	display: none;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;
	top: 20px;
	LEFT: 15px;
	position: absolute;
}
.kosikikona {
	width: 40px;
	text-decoration: none;
	height: 40px;
	right: 20px;
	margin-top: 15px;
	margin-right: 15px;
	display: block;
	float: right;
	background-size: 100%;
	background-image: url('../img/shoping_o.png');


}
.kosikikona:hover {
	background-image: url('../img/shoping_b.png');
}
.outikona {
	width: 40px;
	height: 36px;
	right: 20px;
	margin-top: 20px;
	margin-right: 15px;
	display: block;
	float: right;
	background-size: 100%;
	background-image: url('../img/logout.png');


}
.outikona:hover {
	background-image: url('../img/logout_b.png');
}


.remove {
	width: 25px;
	height: 25px;
	display: block;
	float: right;
	background-image: url('../img/remove.png');
	background-size: 100%;
}
.prehled_knih {
	padding-top: 50px;
}
.jmenouzivatle{
	float: right;
	font-size: 20px;
	margin-right: 20px;
	margin-top: 20px;
	color: #ef7d00;
	font-weight: bold;
}
.odskok_institute {
	margin-top: 75px;
	clear: both;
}
.card-body-institute {
	margin-left: 0px;
}
.card-text-institute {
	width: 100%;
}

.card2 {
	width: 100% !important;
	display: inline-block;
	text-align: center;
	margin-right: 0px;
	border:none;
}

.pocetpolozek {
	display: block;
	width: 20px;
	height: 20px;
	color: #000;
	font-weight: bold;
	text-align: center;
	line-height: 20px;
	text-decoration: none !important;
	background-color: #ff8500;
	margin-left: -20px;
	margin-top: 30px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;

}

.minikosik {
	display: none;
	width: 350px;
	margin-top: 75px;
	right: 20px;
	position: absolute;
	z-index: 1000;
	background-color: #fff;
	border-left: 1px solid #f2f2f2;
	border-right: 1px solid #f2f2f2;
}
.minikosik table{
	width: 100%;
}
.minikosik table td {
	border-bottom: 1px solid #f2f2f2;
}
.odebratmini {


}
.cenakosikmini {
	padding-right: 10px;
}
.odebratmini {
	text-decoration: none;
	color: #999;
	font-size: 12px;
}
.odebratmini:hover {
	text-decoration: none;
	color: #ef7d00;

}

.inner
transform: rotateY(20deg);
}
.inner figure {
box-shadow: -3px 4px 12px rgb(100 100 100 / 10%);  
/* border: 2px solid rgb(140 140 140 / 50%);  */
  border: 2px solid rgba(140,140,140,.5);
}
.shopingb {
    margin-left: 2px;
    margin-right: 22px;
}
a.knihabtn:hover {
color: #ef7d00;  
transform: scale(1.03);  
}
a.eknihabtn:hover {
color: #fff; 
transform: scale(1.03);
}
.btnvpravo {
	float: right;
}
.obsahskoleni {

	background-color: #fff;
}
.fotoinstruktor2 {
	width: 100%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.datum {
	font-size: 18px;
	color: #333;
}
.cas {
	clear: both;
	display: block;
	font-size: 14px;
	color: #333;
}
.divdatumy{
	width: 50%;
	text-align: left;
	float: left;
	font-weight: bold;
}
.divmista{
	width: 50%;
	text-align: left;
	float: right;
}
.radekterminy{
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	display: block;
	overflow: auto;
}
.cenazahrnujediv {
	width: 100%;
	padding-top: 1px;
	padding-bottom: 20px;
	clear: both;
	display: none;

}
.popisskoleni {
	height: 90px;
	display: block;
	overflow: auto;
}
.nazevskoleninahled{
	height: 40px;
	display: block;
}
.misto {
	font-weight: bold;
	text-align: right;
	display: block;
	float: right;
	font-size: 14px;
	color: #333;
}
.textleft {
	text-align: left !important;
	font-size: 16px !important;
}

.odskok50 {
	margin-bottom: 50px;
}
.small {
	font-size: .78em !important;
}
.datum2 {
	font-weight: bold;
	display: block;
	font-size: 30px;
	color: #333;
}
.datum3 {
	font-weight: bold;
	display: block;
	font-size: 14px;
	padding-top: 15px;
	color: #333;
}
.sipka2{
	float: right;
	margin-top: 15px;
	display: block;
}
.nahled100 {
	width: 100%;
	overflow: auto;
}
.navigace_webinare {
	float: right;
	margin-top: 25px;
}

.btn_navigace {

	text-decoration: none;
	color: #ed8e11;
	font-weight: bold;
	font-family: 'Montserrat', sans-serif;


}
.btn_navigace2 {
	color: #fff;
	padding-left: 15px;
	padding-right: 15px;
	font-family: 'Montserrat', sans-serif;
}
.knihabtn3 {
	width: 150px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	text-transform: uppercase;
	font-size: 16px;
	margin-top: 10px;
	height: 36px;
	line-height: 30px;
	border: 2px solid #ef7d00;
	background-color: #ef7d00;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	color: #fff;
	font-weight: bold;


}

.knihabtn3:hover {
	color: #000;
background-color: #FFF;
color: #ef7d00;
}
.jmeno2{
	padding-top: 10px;
	display: block;
	font-weight: bold;
}
.sedypodklad{

}
.detail {
	text-align: left;
	font-size: 16px;
	font-weight: normal;
	margin-top: 0px;
}
.odskok_mini {
	margin-top: 70px;
	margin-bottom: 20px;
}
.oranzovedatum {
	color: #ff8400;
}
.vystredtp {
	text-align: center;
	font-size: 16px;
}
.btn_prihlasit {
	width: 100%;
	text-align: center;
	text-decoration: none;
	display: block;
	display: inline-block;
	margin-top: 5px;
	font-weight: normal;
	height: 36px;
	line-height: 34px;
	padding-left: 10px;
	background: #fff;
	border: 2px solid #ef7d00;
	
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;

	color: #ef7d00;

	clear: both;

}
.btn_registrovat {
	width: 100%;
	text-align: center;
	text-decoration: none;
	display: block;
	display: inline-block;
	margin-top: 5px;
	font-weight: normal;
	height: 34px;
	line-height: 30px;
	padding-left: 10px;
	background: #ef7d00;
	border: 2px solid #ef7d00;
	
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;

	color: #fff;

	clear: both;

}
.bilakosik{
	color: #fff;
	text-align: left;
	float: left;
	margin-left: 10px;
}
.odskokpodminky {
	padding-top: 30px;
}
.odskokpodminky a{
	color: #fff;
}
.form-check-input:checked {
	background-color: #ef7d00;
    border-color: #ef7d00;
}
.btn_prihlasit_kosik {
	float: left;
	display: block;
	margin-top: 20px;
	cursor: pointer;
}
.btn_registrovat_kosik {
	float: right;
	clear: none;
	cursor: pointer;

}
.bilyobsah_kosik {
	color: #fff;
	text-align: left;
}
.blog_filter h2 {
	font-size: 20px;
	color: #333;
	padding-left: 15px;
	text-align: left;
	font-weight: normal;
}

.vlajky {
	position: absolute;
	top: 15px;
	right: 15px;
	margin-top: 0px !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
}
#menu {
	display: none;

	padding-top: 15px;
	padding-left: 30px;
	font-size: 30PX;
	position: absolute;
	z-index: 3;
	color: #fff;
	cursor: pointer;
}
#menu2 {
	top: 20px;
	left: 30px;

	font-size: 30PX;
	position: absolute;
	cursor: pointer;
	z-index: 3;
}



.pageodskok {
	padding-top: 100px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

}