html, body { height: 100%; margin: 0px; position: relative; font-family: 'Noticia Text', serif; }
body { background-image: url('../image/bg-body.jpg'); background-attachment: fixed; }
div { font-family: 'Noticia Text', serif; font-size: 15px; color: #222222; font-weightx: 300; }

a { color: #843427; text-decoration: none; }
a:hover { color: #8D1A15; text-decoration: none; }
a:focus { color: #843427; }
h1 { font-family: 'Noticia Text', serif; font-size: 43px; font-weight: 600; color: #843427; margin-top: 0px; margin-bottom: 30px; text-transformx: uppercase; }
h2 { font-family: 'Noticia Text', serif; font-size: 33px; font-weight: 600; color: #843427; margin-top: 0px; margin-bottom: 20px; text-transform: uppercase; }
h3 { font-family: 'Noticia Text', serif; font-size: 23px; font-weight: 600; color: #843427; margin-top: 0px; margin-bottom: 20px; text-transform: uppercase; }
h4 { font-family: 'Noticia Text', serif; font-size: 20px; font-weight: 600; color: #843427; margin-top: 0px; margin-bottom: 20px; }

a, input, textarea, .section, #footer { -webkit-transition: 100ms ease-in-out; -moz-transition: 100ms ease-in-out; -ms-transition: 100ms ease-in-out; -o-transition: 100ms ease-in-out; transition: 100ms ease-in-out; }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.color1, a.color1 { color: #843427; }
.color2, a.color2 { color: #EC008C; }
.bgc1 { background-color: #EC008B; color: #FFFFFF; }
.white, a.white { color: #FFFFFF; }
.red, a.red { color: #E10813; }
.black, a.black { color: #222222; }
a.dark, .dark { color: #222222; }
.selected { font-weight: 600; }

.btn-primary { background: #002661; border-color: #002661; border-radius: 15px; }
.btn-primary:hover { background: #F7941D; border-color: #F7941D; }

.btn-cscd { display: inline-block; padding: 4px 10px; border: 1px solid #222222; text-transformx: uppercase; font-size: 12px; font-weight: 700; color: #222222; text-transform: uppercase; }
.btn-cscd.active { background: #E10715; color: #FFFFFF; font-size: 18px; padding: 6px 12px; }
.btn-cscd:hover { background: #222222; color: #FFFFFF; }
.btn-cscd.white { border: 1px solid #FFFFFF; color: #FFFFFF; }
.btn-cscd.white:hover { background: #FFFFFF; color: #222222; }
.btn-cscd.white.hover { background: #FFFFFF; color: #222222; }

.btn-pe.lg { padding: 20px; text-transform: uppercase; font-size: 23px; }
.btn-pe.sm { padding: 3px 5px; font-size: 14px; font-weight: 400; margin-bottom: 5px;  }
.btn-pe.dark { border: 1px solid #222222; }

.fs14 { font-size: 14px; }
.fw400 { font-weight: 400; }
.fw600 { font-weight: 600; }
.font-lg { font-size: 30px; font-weight: 300; }
.p30 { padding: 30px; }
.pb30 { padding-bottom: 30px; }
.mtb10 { margin-top: 10px; margin-bottom: 10px; }
.mb10 { margin-bottom: 10px; }
.mb5 { margin-bottom: 5px; }
.mtb60 { margin-top: 60px; margin-bottom: 60px; }
.ptb40 { padding-top: 40px; padding-bottom: 40px; }
.ptb60 { padding-top: 60px; padding-bottom: 60px; }
.pb40 { padding-bottom: 40px; }
.p40 { padding: 40px; }
.shadow { box-shadow: 1px 4px 8px 1px rgba(20,20,20,.3); }

.anim { transition: all .50s ease-in-out; }
.anim-fast { transition: all .20s ease-in-out; }
.anim-slow { transition: all .80s ease-in-out; }

input:focus { outline: none; }

.opacity0 { opacity: 0; }
.rotate45 { transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.rotate45-back { transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }

.form-control { background: none; border: 1px solid #F0CCA4; box-shadow: none; }
.table > tbody > tr > td { border-top: 1px solid #2D031A; background: none; }
.table > tbody > tr > td:nth-child(odd) { font-weight: bold; }

/* HLAVNE BLOKY */
.container60 { padding-left: 60px; padding-right: 60px; }
#window { margin-left: 300px; margin-right: 300px; background: rgba(239,230,221,.95); background-image: url('../image/app-bg.jpg'); background-sizex: cover; min-height: 100%; box-shadow: 6px 0px 40px rgba(51,48,46,.9); }
#header { position: fixed; top: 0px; right: 0px; width: 300px; height: 100%; background: rgba(229,193,99,.95); background-image: url('../image/header-bg.jpg'); background-size: cover; box-shadow: 6px 0px 50px rgba(51,48,46,.6); }
#application { position: relative; padding: 30px; }
#application-header { }
#application-body { }
#application-before-route { }
#application-route { margin-bottomx: 20px; }
#application-content {  }
#application-content.reset { margin-left: 0px; margin-right: 0px; }
#application-after-route { }
#application-footer { }
#footer-container { background: #E30713; }

/* HEADER */
#header, .anim { transition: all .50s ease-in-out; }
.anim-fast { transition: all .20s ease-in-out; }
.anim-slow { transition: all .80s ease-in-out; }

#menu { padding-top: 30px; }
#menu-mobile { positionx: absolute; text-align: center; borderx: 2px solid #444771; widthx: 100px; heightx: 38px; paddingx: 6px 10px; font-weight: 600; margin-top: 20px; margin-bottom: 10px; rightx: 30px; }
#menu .menuitem { display: inline-block; padding: 6px 0px; font-size: 15px; font-weight: 600; position: relative; line-height: 20px; margin-left: 15px; margin-right: 15px; }
#menu .menuitem, #menu .menuitem a { color: #843427; }
#menu a:hover { color: #FFFFFF; }
#menu .menuitem.selected { font-weight: 600; }
#menu .menuitem.selected a { color: #FFFFFF; }

#menu.compact .selected { background: #8CC63F; }
#menu.compact .selected a { color: #FFFFFF; }

#header-bottom { position: absolute; bottom: 0px; left: 0px; width: 100%; text-align: center; }

.logo { max-width: 80%; }
.social { font-size: 40px; display: inline-block; margin-left: 10px; margin-right: 10px; }
/* APP */

/* CELL TYPES */

/* FOOTER */
#footer #back-top a { color: #40331E; }

/* WIDGETS */
.prehlad-row { background: #FFFFFF; border-radius: 10px; padding: 10px; border: 2px solid #FFFFFF; }
.prehlad-row:hover { background: #F7D781; border: 2px solid #F7D781; }
.prehlad-datum { display: inline-block; padding: 0px 5px; border-radius: 6px; background: #E10715; color: #FFFFFF; margin-right: 10px; font-weight: 600; }

.archiv-over { position: absolute; bottom: -1px; left: 0px; width: 100%; height: 50%; background: linear-gradient(to top, rgba(153,54,35,1) 0%,rgba(153,54,35,0) 100%); }
.archiv-container { background: #FFFFFF; border-radius: 12px; padding: 10px; }
.archiv-container:hover { background: #F7D781; }

.scroll-to-top { position: fixed; bottom: 50px; right: 20px; background: rgba(30,30,30,.85); color: #FFFFFF; padding: 15px; border-radius: 5px; text-align: center; padding-top: 12px; display: none; }
.papierik { position: fixed; top: 0px; left: 0px; max-width: 360px; }

/* MEDIA QUERIES */
@media (min-width: 1680px) {
	.content_container { width: 1000px; margin-left: auto; margin-right: auto; }
	.content_container.reset { width: auto; margin-left: 0px; margin-right: 0px; }
}
@media (max-width: 1640px) {
	#header-menu-inside { background-image: none; }
}

@media (max-width: 1400px) {
	#window { margin-left: 200px; }
	.papierik { max-width: 260px; }
	
	.content_container { margin-left: 180px; margin-right: 180px; }
	.main_container { padding-left: 10%; padding-right: 10%; }
}

@media (max-width: 1200px) {
	#window { margin-left: 100px; }
	.papierik { max-width: 160px; }
	
	h1 { font-size: 36px; }
	
	.main_container { padding-left: 5%; padding-right: 5%; }
	.main_container_wide { padding-left: 25px; padding-right: 25px; }
	
	.menuitem { font-size: 17px; margin-right: 25px; }
}

@media (min-width: 768px) {
	#menu { display: block; }
	#menu-mobile { display: none; }
}
@media (max-width: 767px) {
	.content_container { margin-left: 140px; margin-right: 140px; }
	#menu { display: none; margin-top: 0px; padding-top: 0px; padding-bottom: 20px; }
	#menu-mobile { display: inline-block; }
}

@media (max-width: 991px) {
	#window { margin-left: 30px; margin-right: 30px; box-shadow: none; }
	#header { position: static; top: auto; right: auto; width: auto; height: auto; margin-left: 30px; margin-right: 30px; box-shadow: none; padding-top: 0px; padding-bottom: 30px; }
	#header-bottom { position: static; bottom: auto; left: auto; width: 100%; text-align: center; }
	.logo { max-width: 300px; }

	.content_container { margin-left: 40px; margin-right: 40px; }
	.container { padding-left: 30px; padding-right: 30px; }
	.menuitem { font-size: 15px; }
}
@media (max-width: 891px) {
}

@media (max-width: 767px) {
	h1 { font-size: 32px; }
	h2 { font-size: 29px; }
	h2 { font-size: 26px; }
	
	.menuitemx { float: left; width: 100%; margin-left: 0px; font-size: 16px; height: auto; padding: 20px 0px; heightx: 80px; }
	.menuitem .submenu { position: absolute; top: 48px; left: 0px; padding: 10px; text-align: center; background: rgba(255,255,255,.95); }
	.menuitem .submenu .submenu-item { float: none; display: inline-block; padding: 6px 20px; }
	.menuitem .submenu.wm { width: 100%; }
	.menuitem .submenu.wl { width: auto; }
	
	.container60 { padding-left: 30px; padding-right: 30px; }
	.container_inside { padding: 40px 0px; }
	
	.copyright { text-align: center; }
	.webmaster { text-align: center; }
}
@media (max-width: 880px) {
}
@media (max-width: 767px) {
	h1 { font-size: 23px; }
}
@media (max-width: 540px) {
	.logo { max-width: 250px; }
}
@media (max-width: 480px) {
	#header-menu { background-image: none; }
}
@media (max-width: 380px) {
	#menu-mobile { left: 80px; margin-left: 0px; }
}