
#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;
	z-index:600;
}

#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;
	z-index:601;
}

.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;
	z-index:602;
}

.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;
	}

}

#navigation{
	height:147px;
	background-position:center;
	background-repeat-x: repeat;
	margin-top:93px;
}
#navigation-padding{
	background:none;
	width:1155px;
	margin-left:auto;
	margin-right:auto;
	padding-top:33px;
}

#navigation .sf-menu li>a{
	width:108px;
	margin-right:0px;
	margin-bottom:16px;
	margin-top:-6px;
	padding-top: 16px;
	padding-bottom: 16px;
	padding-left: 17px;
	padding-right: 17px;
}

#navigation .sf-menu li:hover>a, #navigation .sf-menu li.active>a{
	border-radius: 0px;
}

#navigation .sf-menu .submenu li>a{
	background: #eebe4c;
	padding:0px;
	color: #000;
	text-align:left;
	height:25px;
	margin-bottom:0px;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
}

#navigation ul li>ul.submenu{
	margin-top:-10px;
}

#navigation ul.submenu li:hover>a, #navigation ul.submenu li.active>a{
	background: #693d22;
	text-decoration:none;
	color: #fff;
}

.boxhead{

}

#page-padding{
	margin-top:-8px;
	padding-left:60px;
	padding-right:65px;
}

.info{
	    color: #a0a0a0;
    font-size: 11px;
    text-align: left;
    margin-bottom: 5px;
}

#container h1, #container h2, #container h3, #container strong{
	color: #000;
}

a, a:visited{
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

#container{
	background:none;
	width:605px;
}

#container-padding{
	padding:0px;
	margin:0px;
}

.postDiv{
	background-color: #e9d9b4;
	padding:20px;
	margin-bottom:20px;
}

.blogDiv2, #mod_gallery-container, .containerPaddingContact, #contactDiv{
	background-color: #e9d9b4;
	padding:20px;
	margin-top:0px;
}

#gallery-category .g-c-row{
	float: left;
    width: 45%;
    margin-left: 22px;
}

#gallery-category .g-c-row .g-c-image{
	float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 3px solid #ffffff;
    box-shadow: 0px 0px 9px 3px #a0a0a0;
}

#gallery-category .g-c-row .g-c-image img{
	    width: 84px;
    height: 60px;
}

#gallery-category .g-c-row:hover{
	background:none;
}

.schoolWeek{
	margin-top:8px;
}

#page{
	background: #f2cc94 url(../../upload/sablona/pageBg.jpg) top center repeat-y; */
}

body{
	background: #f2cc94;
}

#navigation .sf-menu{
	width:1155px;
}

#navigation .sf-menu ul ul{
	margin-top:6px;
}

.custom-fixed-banner-band {
	padding: 10px;
	position: fixed;
	left: -271px;
	top: 50%;
	width: 250px;
	margin-top: -250px;
	min-height: 228px;
	background: #E9D9B4;
	color: #000;
	border: 1px solid #693d22;
	border-left: 0;
	z-index: 600;
	border-radius: 0 10px 10px 0;
}

.custom-fixed-banner-band .show-me {
	width: 40px;
	height: 162px;
	position: absolute;
	left: 270px;
	top: 35%;
	z-index: 500;
	overflow: hidden;
	margin-top: -49px;
	background: #3b5997 url(img/yxes.jpg) center center no-repeat;
	color: #ffffff;
	border-radius: 0 10px 10px 0;
}

.custom-fixed-banner2 .show-me2 {
    width: 40px;
    height: 230px;
    position: absolute;
    left: 270px;
    top: 20%;
    z-index: 500;
    overflow: hidden;
    margin-top: -81px;
    background: #3b5997 url(img/facebook.png) center center no-repeat;
    color: #ffffff;
}

.custom-fixed-banner2 {
    padding: 10px;
    position: fixed;
    left: -271px;
    top: 15%;
    width: 250px;
    margin-top: 270px;
    min-height: 208px;
    background: #ffffff;
    color: #ffffff;
    border: 1px solid #3b5997;
    border-left: 0;
    z-index: 600;
}

#kour {
    width: 387px;
    height: 166px;
	top: -61px;
    left: 445px;
    display: block;
    position:absolute;
}

#kour_text {
	margin-left: 524px;
	margin-top: -28px;
	width: 400px;
	height: 30px;
	color: #000000;
	font-size: 18px;
	position: absolute;
	z-index: 9;
	font-weight: bold;
}

.custom-fixed-banner .show-me {
    width: 40px;
    height: 230px;
    position: absolute;
    left: -41px;
    top: 35%;
    z-index: 500;
    overflow: hidden;
    margin-top: -82px;
    background: transparent url(img/partners.png) center center no-repeat;
    color: #ffffff;
    border: 1px solid transparent;
    border-right: 0;
    transform: none;
    padding-top:0px;
}

.custom-fixed-banner {
    padding: 10px;
    position: fixed;
    right: -271px;
    top: 68%;
    width: 250px;
    margin-top: -40px;
    min-height: 210px;
    background: #E9D9B4;
    color: #000000;
    z-index: 600;
    border: 1px solid #693d22;
    border-right: 0;
    -webkit-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
}

.custom-fixed-banner-krtek .show-me-krtek {
    width: 140px;
    height: 230px;
    position: absolute;
    left: -100px;
    top: 35%;
    z-index: 500;
    overflow: hidden;
    margin-top: -82px;
    background: transparent url(../modules/mod_krtekright/krtek_fix.png) center center no-repeat;
    color: #ffffff;
    border: 1px solid transparent;
    border-right: 0;
}

.custom-fixed-banner-krtek {
    padding: 10px;
    position: fixed;
    right: -271px;
    top: 45%;
    width: 250px;
    margin-top: -40px;
    min-height: 210px;
    background: #E9D9B4;
    color: #000000;
    z-index: 600;
    border: 1px solid #693d22;
    border-right: 0;
    -webkit-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
}

#girl{
    margin-left: 760px;
    margin-top: 176px;
    height: 230px;
    display: none;
    position:absolute;
    }

    #welcomeHelp {
    display: block;
    width: 40px;
    height: 40px;
    color: #FFF;
    font-weight: bold;
    background: rgba(29, 28, 62, 0.95);
    border-radius: 10px 0 0 10px;
    position: absolute;
    top: 30%;
    right: 0px;
    text-align: center;
    line-height: 40px;
    font-size: 22px;
}

#header2{
	position:absolute;
}

#header-padding a.parrot {
    background: transparent;
    display: block;
    height: 100px;
    left: 230px;
    position: absolute;
    top: 190px;
    width: 110px;
    font-size: 0px;
    text-indent: -10000px;
}

#header-padding a.parrot:hover {
    background: url(../templates/primary/images/ptacek_final_hover.png) no-repeat 4px 32px;
}

#header-padding{
	position:absolute;
	width:1257px;
}
#header{
	    background: url(../../upload/sablona/headerBg.jpg) no-repeat top center;
}

.custom-fixed-banner .show-me .exclamation-mark {
    position: relative;
    left: 10px;
    top: 24px;
    background: #fff;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    text-align: center;
    width: 20px;
    height:21px;
}

.custom-fixed-banner .show-me .exclamation-mark img {
    height: 17px;
}

#navigation-padding.fixedNavigation{
	height:114px;
	background: transparent url(../../upload/sablona/navigationBg.jpg) center no-repeat;
}

#block-recommend{
	margin: 40px 8px -1px 10px;
}

#zoom{
	float:right;
	margin-bottom:0px !important;
}

#sidemap{
	float:right;
	margin: 6px 0px -1px -6px !important;
}

#content-before{
	background-color: #e9d9b4;
}

#breadcrumbs a{
	text-decoration:underline;
}

#breadcrumbs a:hover{
	text-decoration:none;
}

#search{
	position:absolute;
	right: 0px;
	top: 15px;
}

#search input{
	width: 248px;
    border-radius: 3px;
    background: #ffe5be;
    padding: 4px;
}

#search img{
	width:26px;
}

#slider{
	position:static;
	margin-top:0px;
	margin-bottom:0px;
	overflow:visible;
	text-align:center;
}

#slider img{
	border: none;
	border-radius: 0px;
	max-height:100%;
}

.sliderItem{
	display:none;
}

body{
	overflow-x:hidden;
}
/* 1. hvězda */

.hvezda-1-div{
	overflow:hidden;
	position:absolute;
    width: 272px;
    height: 141px;
    margin-left: -199px;
    margin-top: -30px;
}

#hvezda1{
	animation: hvezda1 3s linear infinite;
}

@keyframes hvezda1{
	20%{margin-left: 175px;margin-top: 140px;}
	100%{margin-left: 175px;margin-top: 140px;}
}

/* 2. hvězda */

.hvezda-2-div{
	overflow:hidden;
	position:absolute;
    width: 272px;
    height: 113px;
    margin-left: -14px;
    margin-top: -30px;
}

#hvezda2{
	animation: hvezda2 5s linear infinite;
	width:30px;
}

@keyframes hvezda2{
	30%{margin-left: 175px;margin-top: 140px;}
	100%{margin-left: 175px;margin-top: 140px;}
}

/* 3. hvězda */

.hvezda-3-div{
	overflow:hidden;
	position:absolute;
    width: 272px;
    height: 59px;
    margin-left: 458px;
    margin-top: -30px;
}

#hvezda3{
	animation: hvezda3 8s linear infinite;
	width:15px;
}

@keyframes hvezda3{
	50%{margin-left: 175px;margin-top: 140px;}
	100%{margin-left: 175px;margin-top: 140px;}
}

#canvas {
    position:absolute;
    margin-left: 843px;
    margin-top: -462px;
    transform:rotate(90deg);*/
    display:none;
    top:0;
    transform: rotate(90deg);
}


img#d-n{display:none;}

#fullCalendar{
	background-color: #e9d9b4;
	margin-top:-70px;
	padding:5px;
}

#contentCalendar{
	background-color: #e9d9b4;
	padding: 5px;
}

.custom-fixed-banner-inner{
	margin-left: 20px;margin-top:10px;
}

.text-center{
	text-align:center;
}

.file-size{
	font-size:11px;
}

img.fileIcon{
	vertical-align:-2.5px;
}

h1.post-360{
	margin-top:-20px;
}

.vitalex-name{
	color: cornflowerblue;
	text-decoration: underline;
}

.vitalex-logo{
	vertical-align: sub;
}

.fb-box{
	border:none;
	overflow:hidden;
	width:250px;
	height:590px;
}

.footer-table{
	height: 132px;
	margin-left: auto;
	margin-right: auto;
}

.percent-0{
		width:0%;
	}.percent-1{
		width:1%;
	}.percent-2{
		width:2%;
	}.percent-3{
		width:3%;
	}.percent-4{
		width:4%;
	}.percent-5{
		width:5%;
	}.percent-6{
		width:6%;
	}.percent-7{
		width:7%;
	}.percent-8{
		width:8%;
	}.percent-9{
		width:9%;
	}.percent-10{
		width:10%;
	}.percent-11{
		width:11%;
	}.percent-12{
		width:12%;
	}.percent-13{
		width:13%;
	}.percent-14{
		width:14%;
	}.percent-15{
		width:15%;
	}.percent-16{
		width:16%;
	}.percent-17{
		width:17%;
	}.percent-18{
		width:18%;
	}.percent-19{
		width:19%;
	}.percent-20{
		width:20%;
	}.percent-21{
		width:21%;
	}.percent-22{
		width:22%;
	}.percent-23{
		width:23%;
	}.percent-24{
		width:24%;
	}.percent-25{
		width:25%;
	}.percent-26{
		width:26%;
	}.percent-27{
		width:27%;
	}.percent-28{
		width:28%;
	}.percent-29{
		width:29%;
	}.percent-30{
		width:30%;
	}.percent-31{
		width:31%;
	}.percent-32{
		width:32%;
	}.percent-33{
		width:33%;
	}.percent-34{
		width:34%;
	}.percent-35{
		width:35%;
	}.percent-36{
		width:36%;
	}.percent-37{
		width:37%;
	}.percent-38{
		width:38%;
	}.percent-39{
		width:39%;
	}.percent-40{
		width:40%;
	}.percent-41{
		width:41%;
	}.percent-42{
		width:42%;
	}.percent-43{
		width:43%;
	}.percent-44{
		width:44%;
	}.percent-45{
		width:45%;
	}.percent-46{
		width:46%;
	}.percent-47{
		width:47%;
	}.percent-48{
		width:48%;
	}.percent-49{
		width:49%;
	}.percent-50{
		width:50%;
	}.percent-51{
		width:51%;
	}.percent-52{
		width:52%;
	}.percent-53{
		width:53%;
	}.percent-54{
		width:54%;
	}.percent-55{
		width:55%;
	}.percent-56{
		width:56%;
	}.percent-57{
		width:57%;
	}.percent-58{
		width:58%;
	}.percent-59{
		width:59%;
	}.percent-60{
		width:60%;
	}.percent-61{
		width:61%;
	}.percent-62{
		width:62%;
	}.percent-63{
		width:63%;
	}.percent-64{
		width:64%;
	}.percent-65{
		width:65%;
	}.percent-66{
		width:66%;
	}.percent-67{
		width:67%;
	}.percent-68{
		width:68%;
	}.percent-69{
		width:69%;
	}.percent-70{
		width:70%;
	}.percent-71{
		width:71%;
	}.percent-72{
		width:72%;
	}.percent-73{
		width:73%;
	}.percent-74{
		width:74%;
	}.percent-75{
		width:75%;
	}.percent-76{
		width:76%;
	}.percent-77{
		width:77%;
	}.percent-78{
		width:78%;
	}.percent-79{
		width:79%;
	}.percent-80{
		width:80%;
	}.percent-81{
		width:81%;
	}.percent-82{
		width:82%;
	}.percent-83{
		width:83%;
	}.percent-84{
		width:84%;
	}.percent-85{
		width:85%;
	}.percent-86{
		width:86%;
	}.percent-87{
		width:87%;
	}.percent-88{
		width:88%;
	}.percent-89{
		width:89%;
	}.percent-90{
		width:90%;
	}.percent-91{
		width:91%;
	}.percent-92{
		width:92%;
	}.percent-93{
		width:93%;
	}.percent-94{
		width:94%;
	}.percent-95{
		width:95%;
	}.percent-96{
		width:96%;
	}.percent-97{
		width:97%;
	}.percent-98{
		width:98%;
	}.percent-99{
		width:99%;
	}.percent-100{
		width:100%;
	}