#cookies-panel{
	position: fixed;
    left: 10px;
    bottom: 10px;
    width: 340px;
    background: #ffffff;
    padding: 3em 1em 1em 1em;
	font-family: "Arial";
    font-size: 14px;
	border-radius:10px;
	box-shadow:#5e5e5e 0px 0px 13px 0px;
}

#cookies-panel-header{
	font-weight:bold;
	margin-bottom:1.5em;
}

#cookies-panel-top{
	margin-bottom:2em;
	line-height:1.5;
}

#cookies-panel-bottom{
	display: flex;
	justify-content: center;
}

#black-bg{
	background: #000;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
	display:none;
}

.cookies-modal{
	position: fixed;
    z-index: 1;
    top: 10em;
    background: #fff;
    left: 0;
    right: 0;
    width: 768px;
    margin-left: auto;
    margin-right: auto;
	border-radius:5px;
	display:none;
	font-family: "Arial";
    font-size: 13.3px;
}

.cookies-modal-header{
	padding: 1em;
	font-size: 1.5em;
	border-bottom: 1px solid #d5d5d5;
}

.cookies-modal-body{
	padding: 1em;
	font-size:1.1em;
	line-height:1.2;
	border-bottom: 1px solid #d5d5d5;
}

.cookies-area{
	margin-top:2em;
	background:#ededed;
	padding:0.5em;
}

.cookies-area-header{
	font-size:1.2em;
	margin-bottom:1em;
}

.cookies-modal-footer{
	padding: 1em;
	font-size:1.1em;
	line-height:1.2;
}

#cookies-panel-bottom button, .cookies-modal-footer button{
	border: 0;
	padding: 0.8em 1.2em;
	border-radius:5px;
	cursor:pointer;
	background: #d5d5d5;
}

#cookies-panel-bottom button:hover, .cookies-modal-footer button:hover{
	background:#a3a2a2;
}

#cookies-panel-bottom button{
	margin-right: 0.4em;
}

#cookies-panel-bottom button:last-child{
	margin-right:0;
}

@media screen and (max-width: 768px) {

	.cookies-modal{
		width:calc(100% - 1em);
		left:0.5em;
		right:0.5em;
	}

}

@media screen and (max-width: 390px) {

	#cookies-panel{
		width:calc(100% - 1em);
		left:0.5em;
		right:0.5em;
	}

}


@font-face {
    font-family: Century;
    src: url('../../core/fonts/Century Gothic.TTF');
}

.boxHead{
	border-radius:0px;
	border-bottom:5px solid #03043f;
}

.box{
	/*box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
	border: 1px solid #ddd;*/
	border-radius: 0px;
	margin-bottom:50px;
}

.boxHead-padding{
	text-align:left;
	padding:1em;
	text-transform:uppercase;
}

.boxContent{
	border-radius:0px;
}

#page #mod_calendar-padding{
	height:auto;
}

#layout{
	background-position-y: 100px;
	background-size:contain;
}

#instagram{
	background-image: url(/upload/ikony/instagram.png);
    background-color: #eaeaea;
    position: fixed;
    bottom: 25px;
    width: 60px;
    height: 60px;
    right: 90px;
    z-index: 2147483644;
    background-position: center;
    background-size: 37px;
    background-repeat: no-repeat;
    border-radius: 100%;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 12px 0px;
}

a#kotva{
	left: auto !important;
    right: 30px !important;
    top: auto !important;
    bottom: 30px !important;
}



@media screen and (min-width: 1100px) {

	#header{
		height: 1040px;
	}

	#headerText{
		display: flex;
    	align-items: center;
    	flex: 1;
		height: 80%;
	}

	#headerText a{
		display: block;
    	height: 100%;
	}

	#navigation{
		width:auto;
		margin-top:0;
		margin-bottom:0;
	}

	#navigation-padding{
		width:auto;
	}

	#navigation .sf-menu{
		width:auto;
	}

	#navigation-padding{
		padding:0;
	}


	#navigation .sf-menu li>a{
		-webkit-border-radius: 10px 10px 10px 10px;
		border-radius: 0px 0px 0px 0px;
		font-weight:normal;
	}

	#navigation .sf-menu>li>a{
		padding: 17px 10px 17px;
	}

	#navigation .sf-menu ul a {
    	height: auto;
    	padding: 7px 10px 7px 17px;
	}

	.custom-fixed-banner .show-me
	{
	   background: transparent url('../../upload/sablona/boxHead.1444050644.jpg') center no-repeat;

	}

	#search
	{
	         margin-right: 74px;
	}

	#headerNavigation {
	  /*position: absolute;*/
	  bottom: 0;
	  left: 728px;
	  width:400px;
	  /*margin-bottom: -26px;*/
	  margin-top: 256px;
	  margin-left: 669px;
	}

	#headerNavigation li {
	  display: inline-block;
	  width: 18.5%;
	  margin-right: 51px;
	}
	#headerNavigation li a {
	  display: block;
		width: 125%;
	  height: 20px;
		border-radius: 5px 5px 0 0;
	  background-color: #0080ff;
		text-align: center;
		padding: 13px;
	  padding-top: 18px;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
	}
	#headerNavigation li a.uvod {
		background-color: #0080ff;
	}
	#headerNavigation li a.uvod:hover {
		background-color: #0057ad;
	  color: #fff;
	}

	#headerNavigation li a.first {
		background-color: #0080ff;
	}
	#headerNavigation li a.first:hover {
		background-color: #0057ad;
	  color: #fff;
	}

	#headerNavigation li a.second {
		background-color: #0080ff;
	}
	#headerNavigation li a.second:hover {
		background-color: #0057ad;
	  color: #fff;
	}

	#headerNavigation li a.third {
		background-color: #F9B763;
	}
	#headerNavigation li a.third:hover {
		background-color: #0057ad;
	}

	.custom-fixed-banner .show-me{
		width:40px;
		height:170px;
		background: #3b5997 url(/content/img/facebook.png) center center no-repeat;
	    transform: rotate(180deg);
	    top: 87%;
	    left: 0px;
	}

	.custom-fixed-banner{
		width: 255px;
	    height: 560px;
	    top:10%;
	    margin-top:0px;
	    border:none;
	    right:-255px;
	}

	#page-padding{
		padding: 20px 5px 15px;
		margin-top: 17px;
	}


	#footer{
		height:180px;
	}

	#page #mod_calendar{
		width:241px;
	}

	#searchImg{
		fill:#ffffff;
	}

	#anchor-total{
		position: fixed;
	    bottom: 10px;
	    height: 30px;
	    background: #424242;
	    padding: 0.5em;
	    text-align: center;
	    border-radius: 30px;
	    left: 0;
	    right: 0;
	    width: 20px;
	    margin-left: auto;
	    margin-right: auto;
	    opacity: 0.8;
		cursor:pointer;
	}

	#anchor-total img{
		height:100%;
	}
}


@media (max-width: 1099px) {

	.mobileArrow{
		width: 35px;
    	height: 35px;
		fill: #ffffff !important;
	}

	.menuMobileUl li{
		padding:0.3em 0.6em;
	}

	.menuMobileUl li>div{
		height:37px;
	}

	.submenuMobileUl li{
		padding-left:2em;
	}

	.subsubmenuMobileUl li{
		padding-left:3em;
	}

	#anchor-total{
		display:none;
	}

	#headerText{
		display:none;
	}

	#navigation{
		background:#383993;
	}

	body{
		background:none;
	}

	#title a{
		color:#fff;
		text-decoration:none;
		font-size:1.2em;
	}

	#header-mobile{
		background: #383993;
	}

	#footer-padding{
		width:100%;
		display: flex;
		align-items: center;
		height: 100%;
		justify-content: center;
		margin-top:0;
	}

	#footer img{
		max-width:100%;
		height:auto;
	}

}