/*
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	SZKL apps shared; main layout by ivosan; (C) ivo andrle
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

html {					height: 100%; color: #000;}
body {					height: 100%; padding: 11px 22px 22px 22px;background: #323539; font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; font-weight: 400;color: #222;}


#footer {					position: absolute; min-width: 720px; width: 100%; height: 122px; bottom: 0; left: 0; padding:0; text-align: center; box-shadow: 0 -2px 2px 0 #dddddd; border-top: 6px solid #ec1c23;background-color:#ffffff;}
#footerin {				position: relative; width:100%;}

#footerin a#avi{			position: absolute; width:102px; height:57px; left:11px; top:11px;}
#footerin a#avi {			opacity:0.77; -khtml-opacity:0.77; -moz-opacity:0.77; -ms-filter:"alpha(opacity=77)"; filter:alpha(opacity=88); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=77)";transition: opacity .33s ease-in-out; -moz-transition: opacity .33s ease-in-out; -webkit-transition: opacity .33s ease-in-out;}
#footerin a#avi:hover {		opacity:1; -khtml-opacity:1; -moz-opacity:1; -ms-filter:"alpha(opacity=100)"; filter:alpha(opacity=100); opacity:1; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";}
#footerin p {				color:#333;font-size:11pt;margin-left:0;}
#footerin div.avi {			text-align:left;}
#footerin div.avi p {		position:absolute;top:75px;left:11px;}
#footerin div.skzl {		text-align:right;}
#footerin div.skzl h4 {		font-size:13pt;margin:0 11px 0 0;}
#footerin div.skzl p {		margin: 9px 11px 6px 0;text-align:right;}

/*	animace top menu
	----------------------------------------------------------------------- */
@keyframes slideDown{		0%{transform:translateY(-100%)} 100%{transform:translateY(0)}}
@keyframes slideUp{			0%{transform:translateY(0)} 100%{transform:translateY(-100%)}}

#topbar.headroom {			-webkit-animation-duration:.4s;-moz-animation-duration:.4s;-o-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
#topbar.headroom--pinned {	-webkit-animation-name:slideDown;-moz-animation-name:slideDown;-o-animation-name:slideDown;animation-name:slideDown}
#topbar.headroom--unpinned {	-webkit-animation-name:slideUp;-moz-animation-name:slideUp;-o-animation-name:slideUp;animation-name:slideUp}

/*	iconfiles
	----------------------------------------------------------------------- */
i.solmnu {	display: inline-block; width: 20px; height: 20px; background-repeat: no-repeat;background-image: url("/img/sol_mnu.png");}
i.smnu-srchw {	background-position: 0 0;}		i.smnu-srchb {	background-position: 0 -20px;}
i.smnu-lockw {	background-position: -20px 0;}     i.smnu-lockb {	background-position: -20px -20px;}
i.smnu-baskw {	background-position: -40px 0;}     i.smnu-baskb {	background-position: -40px -20px;}
i.smnu-rgtw {	background-position: -60px 0;}     i.smnu-rgtb {	background-position: -60px -20px;}
i.smnu-dnw {	background-position: -80px 0;}     i.smnu-dnb {	background-position: -80px -20px;}
i.smnu-upw {	background-position: -100px 0;}    i.smnu-upb {	background-position: -100px -20px;}
i.smnu-astw {	background-position: -120px 0;}    i.smnu-astb {	background-position: -120px -20px;}
i.smnu-unlw {	background-position: -140px 0;}    i.smnu-unlb {	background-position: -140px -20px;}
i.smnu-userw {	background-position: -160px 0;}    i.smnu-userb {	background-position: -160px -20px;}

/*	Typo
	------------------------------------------------------------------------ */
H1, H2, H3, H4, H5, H6 {		margin: 1em 11px 0.5em 33px; font-family: Hind,Calibri,Candara,Segoe,'Segoe UI',Optima,Arial,sans-serif;}
H1.low, H2.low, H3.low, H4.low, H5.low, H6.low { margin-top: 0.3em;}
H1 {						font-size: 150%; margin-left: 0; margin-bottom: 0.8em;font-weight: 900;}
H1.fst {					margin-top: 0;}
H2 { 					font-size: 140%; font-weight: 900;margin-left: 11px;}
H3 { 					font-size: 130%; font-weight: 900;}
H4 { 					font-size: 120%; margin-bottom: 0.3em;}
H5 { 					font-size: 110%; margin-bottom: 0.3em;}
H6 {						font-size: 100%; margin-bottom: 0; margin-left: 55px;}
#iTabCont H1, #iTabCont H2, #iTabCont H3 {margin-left: 0;}

HR { 					height:1px; border: none; color: #ccc; background-color: #ccc; width: 100%; margin: 1em 0;}
HR.cleaner {				clear:both; height:1px; margin: -1px 0 0 0; padding:0; border:none; visibility: hidden;}
BR.bigbreak {				line-height: 66px;}

P, LI, DT, DD, BLOCKQUOTE, UL, OL, PRE, ADDRESS {
						margin: 0.3em 11px 0.5em 55px; line-height: 133%;}
DD, BLOCKQUOTE { 			margin-left: 66px; font-style: italic; font-size: 90%;}
DT {						font-weight: bold;}
DD {						font-size: 90%; font-style: italic;}
div.clanek UL {			display: table;}
div#container .chzn-container UL, div#container .chosen-container UL {display: block;}
UL LI { 					list-style-image: url('/img/szkl_li.gif');}
LI { 					margin-bottom: 0.1em;}
CENTER P { 				margin-left: 0;}

IMG {					border: none; vertical-align: middle;}
STRONG {					font-weight: bold;}
EM { 					font-style: italic;}

A {						outline: none; cursor:pointer; text-decoration: none;}
A.big { 					font-size: 130%; font-weight: bold;}

span.cap {				font-size: 105%;} 							/* vyhozeno, hlasilo chyby  font: inherited;  */
span.likeP {				font-size: 77%; font-style: normal;} 			/* pouzito pro dlouha comba uvnitr H1  */

TABLE { 					margin-left: 55px; border-color: #e5e5e5; border-collapse: collapse; border-spacing:0;}
TD, TH { 					padding: 6px; vertical-align: middle;}
TD { 					vertical-align: top;}
TD H2 { 					margin-left: 3px;}
TD P, TD LI, TD DT, TD BLOCKQUOTE, TD H4, TD H3, TD H5 {
						margin-left: 6px;}
TD H3, TD H2 { 			margin-top: 0;}
TD.ctr H4 { 				margin: 3px 0; text-align: center; font-weight: bold;}
TD.mid H4 { 				margin: 3px 0; font-weight: bold;}

FORM TD H3, FORM TD H4, FORM TD H5 {
						margin-left: 0; margin-top: 4px; margin-bottom: 0;}

div.report * {				font-family: Arial, lucida, sans-serif;}
H4.revname {				color: #222;font-weight:bold;}

@media (max-width : 980px) {
	form.rf label.ltp2 {	width: 66% !important;}
	form.rf select.ltp2, form.rf .ltp2 .chosen-container, form.rf select.ltp2 + .chosen-container { width: 28% !important;}
}

/*	Colorize
	------------------------------------------------------------------------ */
H1, H3 {					color: #005f80;}
H2 {						color: #ec1c23;}
H4, H5, H6 {				color: #000;}
div#warn em {				color: #000; font-family: Hind,Calibri,Candara,Segoe,'Segoe UI',Optima,Arial,sans-serif;font-weight: 900;}

H4.TOCname {				font-weight: bold;}

A {						color: #005f80;transition: opacity .33s ease-in-out; -moz-transition: opacity .33s ease-in-out; -webkit-transition: opacity .33s ease-in-out;}
A:hover, td.cLight A:hover {	color: #ec1c23;}
A:hover H3.revstat, A:hover H4.revname, A:hover H4.revstat, A:hover H3.revname, A:hover H4.TOCname, A:hover p.TOCauthor, A:hover p.revauthor, A:hover p.TOCcomment, A:hover p.RevENName, A:hover p.revcomment, A:hover p.TOCENName, A:hover p.commentary {
						color: #ec1c23;}
span.curjump {				color: #ec1c23;}

div.sbblock { 				border: 1px solid #e5e5e5; margin-top: 11px; padding: 0.4em 2px;}
div.sbblock P	{			font-size: 80%;}

.da-slider{				background: transparent url("/etc/jq/img/tex/32)_waves_exe.gif") repeat 0% 0%; height: 400px;  border-top: 5px solid #005f80; border-bottom: 5px solid #005f80;}
.da-slide h2{				color: #333;}
.da-slide h3{				color: #005f80;}
.da-slide p{				color: #666;}
.da-slide .da-link{			border: 5px solid rgba(80,140,200,0.8); background: rgba(255,216,0,0.15);}
.da-dots span{				background: #005f80;}
.da-arrows span{			background: #005f80;}
.da-arrows span:hover{		background: #333;}

div.magarchive div.toc_item h3 { font-size: 115%;}
div.magarchive div.toc_item h4 { font-size: 100%;}
div.magarchive H1 {			color: #000;}
div.magarchive H3.mvol.onerow {color: #666; margin: 1.2em 0 0 33px;}
div.magarchive H3.mvol a {	color: #888;}
div.magarchive H3.mvol a:hover { color: #005f80;}
div.magarchive span.pidipdf {	float: left; margin-right: 6px;margin-left: 0;}

div.minwidiv h1.mag {		color: #999; font-size: 140%;}
div.article h2.articleTitle, div.article h2.articleTitleEN {color: #005f80;}
div.clanek a h4 {			font-size: 111%} /* pdf odkaz */
p.TOCauthor a {			color:#000;}

div.magarchive H3.mvol span.volno {min-width: 99px;}

div.clanek div.trblock {		margin: 6px 0 22px 0;}
div.clanek hr.cleaner + hr.blck {margin: 6px 0;}
div.clanek a.ma, div.clanek a.ma:hover {background:transparent;border:none;padding:0;}

form.rf label.ltp2 {		width: 60% !important;}
form.rf select.ltp2, form.rf .ltp2 .chosen-container, form.rf select.ltp2 + .chosen-container { width: 25% !important;}

div#oa {					margin: 16px auto 11px auto;}
div#voltitle {				width:190px;padding: 0; margin: 11px auto 22px auto;border:1px solid #fff;}
div#voltitle img {			width:188px;}