.slider-pro {
    font-family: 'Open Sans', Arial;
}

/* Example 1 */

#example1 .sp-thumbnail {
	width: 100%;
	background-color: #79be15;
	padding:8px 0px 2px 0px;
	text-align: center;
	width:60px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#example1 .sp-thumbnail:active {
	width: 100%;
	background-color: #3e8400;
	padding:8px 0px 2px 0px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#example1 .sp-thumbnail:focus {
	width: 100%;
	background-color: #3e8400;
	padding:8px 0px 2px 0px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



#example1 .sp-thumbnail-title {
	margin-bottom: 7.5px;
	text-transform: uppercase;
	color: #fff;
}

#example1 .sp-thumbnail-description {
	font-size: 14px;
	color: #333;
}

@media (max-width: 860px) {
	#example1 .hide-medium-screen {
		display: none;
	}
}

@media (max-width: 640px) {
	#example1 .sp-layer {
		font-size: 12px;
	}

	#example1 .hide-small-screen {
		display: none;
	}
}

@media (max-width: 500px) {
	#example1 .sp-thumbnail {
	width: 100%;
	background-color: #79be15;
	padding:8px 0px 2px 0px;
	text-align: center;
	width:60px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

	#example1 .sp-thumbnail-title {
		font-size: 12px;
		text-transform: uppercase;
	}

	#example1 .sp-thumbnail-description {
		display: none;
	}
}

@media (max-width: 860px) {
	.sp-popisek {
	width: 92.5%;

}
@media (max-width: 640px) {
	.sp-popisek {
	width: 94.5%;

}
@media (max-width: 500px) {
	.sp-popisek {
	width: 94.5%;

}}}}



#showall {
	background-color:#79be15;
	cursor:pointer;
	padding:10px;
	float:right;

}

#showall a:link, #showall a:visited, #showall a:active 
{
    font-family: 'Open Sans', Arial;
    font-size:12px;
	cursor:pointer;
	padding:10px;
	width:40px;
	color:#fff;
	text-decoration: none;
}

#sp-popisky {
    list-style-position: inside;
    padding-left:0;
}

#sp-popisky li {
	background-color: rgb(226,226,226);
	border-top:white solid 10px;
	padding:10px;
	width:100%;
	text-align: left;
	margin:0 auto;
    
}

/* barava šipek pro přechod */
.sp-next-arrow::after, .sp-next-arrow::before, .sp-previous-arrow::after, .sp-previous-arrow::before {
    background-color: #e2e2e2;
    
}


