.topAcc a {
    text-decoration: none;
    display: inline-block;
    height: 100%;
    padding: 10px;
	box-sizing: border-box;
	transition: .2s;
	color: var(--c-accent);
}

.topSearch form {
    position: absolute;
    top: 0%;
    left: -300px;
    background: #fff;
    color: #000;
    box-shadow: inset 0px 0px 0px 2px #00bbcc;
    opacity: 0;
	visibility: hidden;
    overflow: hidden;
    box-sizing: border-box;
    /*width: 300px;*/
	width: 0;
	-webkit-transition: opacity 0.5s, visibility 0.5s, width 0.5s;
	transition: opacity 0.5s, visibility 0.5s, width 0.5s;
	padding: 14px 16px;
	font-size: 1.2rem;
}
.topSearch form.active {
	opacity: 1;
	visibility: visible;
	width: 300px;
}
@media only screen and (max-width: 680px) {
	.topSearch form {
		left: -100%;
		top:100%;
	}
}

.searchActivator {
    font-size: 30px;
    cursor: pointer;
    padding: 10px;
    line-height: 0;
	transition: .25s;
	display: block;
}

.topSearch {
    background-color: transparent;
    border: none;
    border-width: 0;
    display: inline-block;
	vertical-align: middle;
	margin: 0;
}

.topAcc, .topCart {
    background-color: #3e5490;
    display: inline-block;
    border: none;
    background: transparent;
	vertical-align: middle;
	margin: 0;
}
.topAcc {
	display: flex;
	align-items: center;
}
.topCart a {
	padding: 10px;
	transition: .25s;
	background: #fff;
}
.smallCartItems {
    position: absolute;
    top: -2px;
    right: -2px;
    background: #D0BCB1;
	color: #fff;
    padding: 2px 8px;
    border-radius: 50%;
	font-weight: 800;
	font-size: .75rem;
}
.topCart a > .fa, .topAcc a > .fa {
    font-size: 30px;
    vertical-align: middle;
    margin-left: 0;
	margin-right: 0;
}

.specialBoxes {
    display: table-cell;
    vertical-align: middle;
	width: 154px;
}

/* menu */
#main-menu .menuLink, .custom-top-menu .menuLink {
	text-transform: none;
}
@media only screen and (min-width: 1200px) {
#main-menu .menuItem {
	margin: 0 !important;
}
#main-menu .menuLink {
    font-weight: 900;
    padding: 33px 18px !important;
	transition: .25s;
}
#main-menu .menuItem:hover > .menuLink, #main-menu .menuLink.select {
	background-color: transparent;
	color: var(--c-accent) !important;
}
/*#main-menu .menuItem:last-child .menuLink {
	background-color: #d7f100 !important;
	color: #6c6d70;
}*/
#main-menu .menuItem .menuLink::after {
    content: " ";
    display: block;
    width: auto;
	width: calc(100% - 20px);
    height: 0px;
    background: var(--c-accent);
    position: absolute;
    left: 10px;
    text-align: center;
    margin: 0 auto;
    right: 20px;
	transition: .25s;
}
#main-menu .menuItem .menuLink:hover::after, #main-menu .menuItem .menuLink.select:after {
	height: 4px;
}
}
@media only screen and (min-width: 1230px) {
#main-menu .menuLink {
    padding: 33px 18px !important;
}
#main-menu .menuItem .menuLink::after {
    width: auto;
	width: calc(100% - 60px);
	left: 20px;
}
}

#banner {
	border: 0px #dfdfdf;
	border-width: 3px 0 1px;
	border-style: dotted solid solid;
}

/* main */
#main {
    padding: 0px 0 0px;
}
#content {
    border: none;
	padding-bottom: 20px;
	padding-top: 30px;
}
footer {
    border: 1px dotted #DFDFDF;
    border-width: 4px 0;
	padding: 20px 0;
}
footer h2 {
    margin: 10px 0 0;
}

/* rozcestniky */
.odkazy1 .directoryListItem, .odkazy2 .directoryListItem {
    padding: 0;
    /*background: #d7f100;*/
    color: var(--c-accent);
    border: none;
}
.odkazy2 .directoryListItem, .odkazy3 .directoryListItem {
    /*background: #00bbcc;
    color: #dff300;*/
	border: none;
	color: #fff;
}
.odkazy3 .directoryListItem {
    margin: 15px 0 5px;
    text-decoration: none !important;
}
.odkazy3 .directoryListItemTitle {
    margin-top: 10px;
}
.odkazy1 .directoryListImageLink, .odkazy2 .directoryListImageLink {
    font-size: 0;
}
.odkazy1 .directoryListItemTitle, .odkazy2 .directoryListItemTitle {
    padding: 10px 10px 0;
    margin-bottom: 10px;
    /*border-top: 5px dotted white;*/
}

.abovefooter {
    margin: 0 0 20px;
}

/* odkazy 4 */
.odkazy4 {
	text-align: center;
}
.odkazy4 .directoryBoxesTitle {
	font-size: 2em;
}
.odkazy4 .directoryBoxesTitle, .odkazy4 .directoryBoxesItemTitle>a {
	font-weight: 900;
	color: var(--c-accent);
}
.odkazy4 .directoryBoxes>.directoryBoxesItem {
	background: transparent;
	border: none;
	padding: 0;
}
.odkazy4 .directoryBoxesItemText {
	line-height: 1.25;
	margin-top: 8px;
}

/* respo nav */
#logo {
    width: 260px;
}
@media only screen and (max-width: 1230px) {
	#menu-cont > .iCont {
		width: 100%;
	}
}
@media only screen and (min-width:680px) {
	#logo > a {
		position: relative;
		display: inline-block;
		top: 0;
		left: 0;
	}
	.navCont > #logo {
		text-align: center;
	}
	#logo img {
		vertical-align: middle;
	}
}
.topSearch>.siteSearchForm {
	margin: 0;
}
@media only screen and (max-width: 680px) {
#logo {
	display: block !important;
	width: 100%;
	height: 100px;
}
#logo > a {
	position: relative;
	left: 0;
	text-align: center;
}
#main-menu, .specialBoxes {
	display: inline-block !important;
}
.specialBoxes {
	float:left;
}
#main-menu {
	float:right;
	margin: 5px 0;
}
#main-menu .menuCont {
	padding: 0;
}
}
@media only screen and (max-width: 400px) {
	.topCart, .topSearch, .topAcc {
		margin: 0;
	}
	.specialBoxes {
		width: auto;
		font-size: 0;
	}
	/*.topCart a, .topAcc a {
		padding-left: 6px;
		padding-right: 6px;
	}
	.searchActivator {
		padding: 10px 6px;
	}*/
}

.specialBoxesFlex {
    display: flex;
    align-items: center;
}
.sliderCartActivator > img, .searchActivator > img, .topAcc a > img {
	height: 27px;
	width: 27px;
	object-fit: contain;
	vertical-align: middle;
	transition: opacity .15s;
}
.searchActivator:hover > img, .topCart a:hover > img, .topAcc a:hover > img, .searchActivator.active > img {
	opacity: .7;
}
