*{
	font-family: 'Lato', sans-serif;
	color: #353535;
}

@media only screen and (max-width: 480px) { /* pro nejmensi zarizeni */

.dovednost-obrazek{
	max-width:300px;
	width:100%;
}
#logo{
	max-width:300px;
	display:block;
	margin: 0 auto;
}
  nav{
	  display:none;

  }
  h1,h2{
	  text-align:center;
	  
  }
  nav ul li{
	  display:block;
	  padding:10px;
	  text-align:center;
  }
  nav a{
	  	  text-decoration:none;
	  color:white;

  }
  .profile-photo{
	width:100%;
}
.logo_image{
	display:block;
	margin:0 auto;
}
.toggle_menu {
    width: 48px;
    height: 48px;
    border: 1px solid white;
	border-radius:4px;
    background-size: 100% 100%;
    background-image: url(../img/menu.png);
    outline: 0;
    display: block !important;
    margin-bottom: 5px;
}


}

@media only screen and (min-width: 481px) and (max-width: 960px){ /* pro tablety a mala zarizeni */
.dovednost-obrazek{
	max-width:300px;
	width:20vh;height:20vw;
}
.dovednost-wrapper{
	width:250px;
	min-height:350px;
	display:inline-block;
}
#logo{
	width:300px;
	display:block;
	margin: 0 auto;
}
h1{
	margin-left:15px;
}
	nav ul li{
		display:inline-block !important;
	  padding:10px;
	  text-align:center;
  }
  nav a{
	  	  text-decoration:none;
	  color:white;

  }
    .profile-photo{
	width:100px;
	display:none !important;
}
.card-info-basic{
	max-width:50%;
	min-width:10%;
	float:left;
	
}
.card-info-basic h2{
	margin-top:0px;
}
.card-basic-info-part{
	width: 295px;
}
}

@media print {  /* Jedna varianta pro tisk, setreni barvou, vice neni treba */
 
 *{
	 background:white !important;
	 color:black !important;
 }
 
 
}

@media only screen and (min-width: 961px) { /* pro nejvetsi zarizeni */
#logo{
	width:300px;
display:inline;
}
.toggle_menu {

    display: none;

}

.menu-wrapper{
	
	
}
.body-width-limiter{
	width:1024px;
	padding:5px;
	box-sizing:border-box;
	margin:0 auto;
	position:relative;
}

nav ul li{
display:inline-block;
margin-left:10px;
}
nav ul{
	
}
nav{
	display:block;
	float:right !important;
	 position: absolute;
	 right:0;
  top: 50%;
  transform: translateY(-50%);
}
.card-info-basic{
	max-width:50%;
	min-width:10%;
	float:left;
	
}
.card-info-basic h2{
	margin-top:0px;
}
.card-basic-info-part{
	width: 295px;
}
.profile-photo{
	width:200px;
}

.linkedin-element{
	position:relative;
	left:-5px;
	top:5px;
	
}
.tlacitko{
	width:120px;
}
.tlacitko:hover{
	background:rgb(30,30,30);
	transition:0.5s ease;
}

.dovednost-wrapper{
	width:250px;
	height:350px;
	display:inline-block;
}
.dovednost-obrazek{
	margin:0 auto;
	display:block;
	width:100px;
	height:100px;
	
}
.dovednost-wrapper p{
	text-align:center;
	
}

.fotogalerie-stranka-wrapper{
	margin-bottom:10px;
	padding-top:10px;
	padding-bottom:0px;
	vertical-align:top;
	width:350px;
	height:300px;
	display:inline-block;
	border-top:1px solid black;
	border-bottom:1px solid black;
	border-radius:5px;
	
}
.fotogalerie-stranka-wrapper img{
	width:350px;
	height:250px;
}
.eshop-polozka-wrapper{
	width:350px;
	height:300px;
}


}


/* SPOLECNE */
#swipebox-title{
	color:white !important;
}
#swipebox-overlay{
	background:rgba(0,0,0,.9) !important;
	
}
.swipebox img{
	border:2px solid royalblue;
	border-radius:10px;
}
.monitor_effect::before {
    content: "";
    pointer-events: none;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient( 0deg, transparent 0%, rgba(88, 88, 88, 0.2) 2%, rgba(88, 88, 88, 0.8) 3%, rgba(88, 88, 88, 0.2) 3%, transparent 100%);
    background-repeat: no-repeat;
}
.monitor_effect{
position: absolute;
    pointer-events: none;
    width: 100%;
    height: 100%;
    background: repeating-linear-gradient( 180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0) 100%);
    background-size: auto 4px;
    background-color: #6a6a6a00;
    background-image: radial-gradient(#3c3c3c00, #0000006b);
    z-index: 100 !important;
    margin: -10px;
	
}
.important_dark{
	position:relative;
border: 2px solid #ea5858;
    background-color: #282828;
    padding: 10px;
    box-sizing: border-box;
	
}
.important_dark *{
		color:#bc6877  !important;

	
}
.info_img{
	width: 32px;
    position: absolute;
    right: 10px;
}
.important_red{
	padding:10px;
	box-sizing:border-box;
	background:#ea5858;
}
.important_info{
		color:white !important;
		background:#648dff;
			padding:10px;
	box-sizing:border-box;

}
.important_red *{
		color:white !important;

}
.important_info *{

		color:white !important;

}
a{
	
	 overflow-wrap: break-word;
  word-wrap: break-word;
}
.ytcontainer {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.mainlist > li{
font-weight:bold;
	margin-bottom:5px;
	margin-top:10px;
}

.specialborder{
	border: 2px solid red;
	padding:5px;
	box-sizing:border-box;
}

.textbox{
	border:0;
border-bottom: 1px solid #737373;
    outline: 0;
    border-radius: 6px;
    padding: 8px;
    margin-bottom: 2px;
    display: block;
    box-sizing: border-box;
}
.full_width{
	width:100%;
}


  nav ul li{
  list-style-type:none;
  }

  nav ul{
	  margin:0;
	  padding:0;
  }
.text-center{ text-align:center; }


.body-width-limiter{
	padding:5px;
	box-sizing:border-box;

}


nav a{
	color:white;
	text-decoration:none;
	font-size:130%;
	text-transform: uppercase;
}
footer{
padding: 30px;
    box-sizing: border-box;
    background: #445bff;
    color: white;
    text-align: center;
}
footer span {
	font-size:150%;
}

header{
box-shadow: 0px 0px 8px 2px #2a42b9;
    padding: 5px;
    box-sizing: border-box;
    background: linear-gradient(180deg, rgb(62, 52, 228) 0%, rgb(87, 87, 246) 35%, rgb(81, 116, 178) 100%);
}

.dovednost-wrapper{
	margin-bottom:10px;
	padding-top:10px;
	padding-bottom:0px;
	vertical-align:top;
	border-top:1px solid black;
	border-bottom:1px solid black;
	border-radius:5px;
	
}
.card-info-basic{
	padding:5px;
	box-sizing:border-box;
	border-top:1px solid black;
	border-bottom:1px solid black;
	border-radius:5px;
	min-height:320px;
	
}
.safe{
	color:green;
}
.warning{
	color:gold;
}
.caution{
	color:red;
}


.tlacitko{
	padding:5px;
	box-sizing:border-box;
	background:black;
	display:inline-block;
	color:white;
	cursor:pointer;
	border-radius:3px;
}
table{
	width:100%;
	border-spacing:0;
	
}
table th{
	background:#353535;
	color:white;	
	padding:10px;
}
table td{
	padding:10px;
}
table tr:nth-child(even){
background:#e0e0e0;
}


.eshop-polozka-wrapper{
	margin-bottom:10px;
	padding-top:10px;
	padding-bottom:0px;
	vertical-align:top;
	display:inline-block;
	border-top:1px solid black;
	border-bottom:1px solid black;
	border-radius:5px;
	
}
.fotogalerie-stranka-wrapper a{
text-decoration:none;
}

.cena{
	text-align:right;
	
}

.clear{
	clear:both;
}
.inline-div{
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
}
.standardpadding{
	padding:5px;
}
.left{
	float:left;
}
.right{
	float:right;
}

.bar{
	margin-top:30px;
	margin-bottom:30px;
	width:100%;
	height:50px;
	background:linear-gradient(to right, lime, yellow, red);
}
.bar-slider{
	float:right;
	height:50px;
	background:rgba(255,255,255,.8);
	width:20%;
	transition:1s ease;
}

body{
	padding:0;
	margin:0;
}