[class^="icon-"], [class*=" icon-"] {
	color: rgb(80, 173, 238);
	display: block;
	font-size: 2.8em;
	margin: 5px 0;
}

#reference {
	padding: 0 40px 0;
}

#reference .tile {
	position: relative;
	margin-top: 40px;
}

#reference .logo {
	width: 23%;
	margin-left: 20px;
}

#reference .info {
	padding-left: 20px;
	width: 60%;
}

#reference .info > p.text {
	font-size: 0.8em;
}

#reference .sluzby {
	width: 240px;
	position: absolute;
	top: 20px;
	right: 15px;
	padding: 15px;
	text-align: center;
	background-color: #f5f7fa;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	z-index: 1;
}

#reference .wrap {
	text-align: center;
}

#reference .sluzby .sluzba {
	text-align: center;
	display: inline-block;
	vertical-align: top;
	font-size: 0.9em;
	width: 100px;
}

#reference .sluzby > h1 {
	font-size: 1.1em;
}

#reference .sluzby > .wrap {
	margin: 20px 0px;
}

#reference .sluzby .sluzba img {
	width: 40px;
	display: block;
	margin: 5px auto;
}

#reference .widget {
	position: relative;
}

#reference .widget iframe {
	margin: 0px auto;
}

#reference img {
	max-width: 90%;
	margin: 0px auto;
	display: block;
	max-height: 700px;
}

#reference blockquote {
	margin: 0;
}
#reference blockquote > p {
	margin: 0;
	font-style: italic;
}
#reference blockquote > footer > cite {
	font-style: normal;
	font-weight: bold;
}

#reference .widget > button {
	padding: 10px 20px;
	position: absolute;
	top: 50%;
	left: 34%;
	background-color: rgba(0, 0, 0, 0.5);
	color: white;
	border: 0;
}

#reference .thumbnails > img {
	width: 125px;
}

#reference .lister {
	text-align: center;
	padding: 40px;
}

#reference .lister > a {
	margin: 20px;
}

#reference .lister > a.active {
	color: #647184;
}

/* slider */
#carousel a {
	height: 123px;
}
#carousel span.blockie {
	height: 100%;
}
#carousel img {
	display: inline-block;
}