/*
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Manual doi app - main layout by ivosan; (C) ivo andrle
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/*	DOIVUP
	------------------------------------------------------------------------ */

html {					height: 100%; }
body {					height: 100%; padding: 11px 22px 22px 22px; background: #4d5555; font-weight: 400; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;}

#wrapper {				min-width: 900px; max-width: 1560px; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; position: relative;
						-moz-box-shadow: 2px 2px 11px #333; -webkit-box-shadow: 2px 2px 11px #333; box-shadow: 2px 2px 11px #333; behavior: url("/etc/jq/ie/PIE.htc");
						background: white url("/img/udm_bottbg.jpg") no-repeat bottom right; border: none; border: 0; }
#wrapper.widefull {			min-width: 900px; max-width: 3333px; }
#header {					width: 100%; height: 144px; position: absolute; padding: 0;background:#006FAD;border-bottom: 5px solid #00568c;}
#headerin {				width: 100%; height: 144px; }

#middle {					width: auto; padding: 188px 11px 99px 11px;}
#middle:after {			content: ''; clear: both; display: table;}
#container {				width: 100%; float: left; margin-bottom: 0;}

#content {				padding-left: 222px; margin-right: 11px;}
#contentrgt {				padding-right: 222px; padding-left: 0;}
#contentfull {				padding-right: 0; padding-left: 0; width: 100%;}
#content3cols {			padding-right: 222px; padding-left: 222px;}
#sideRight {				float: left; width: 196px; margin: 0 0 0 -196px; position: relative;}
#sideLeft {				float: left; width: 196px; margin: 0 -244px 0 0; position: relative;}

#footer {					position: absolute; width: 100%; height: 88px; bottom: 0; left: 0; padding: 11px; text-align: center;
						border-top: 4px solid #ddd; background: rgba(222, 222, 222, .4); }
#footerin {				width: 66%; min-width:777px; height: 100%; margin: 0 auto; }
#footerin span#avlogomin {	width: 109px; height: 55px; background: transparent url("/img/fol_actavia.png") no-repeat top left; margin-right: 11px; display: inline-block;
						-khtml-opacity:.60; -moz-opacity:.60; -ms-filter:"alpha(opacity=60)"; filter:alpha(opacity=60); opacity:.60; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=60)";
						transition: opacity .33s ease-in-out; -moz-transition: opacity .33s ease-in-out; -webkit-transition: opacity .33s ease-in-out;}
#footerin span#avlogomin: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 table {			width: auto; height: 55px; margin: 1px auto; padding: 0; }
#footerin table td {		margin: 0; padding: 0; text-align: center; font-size: 10pt; line-height: 15pt; color: #666; Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;}
#footerin table td p {		font-size: 9pt; color: #999; }

#headerin a#logoBg {		position: absolute; display: block; width: 470px; height: 75px; top: 22px; left: 22px;}
a#logoBg span#logoTop {		position: absolute; display: block; width: 470px; height: 75px; top: 0; left: 0;
						font-family: 'PT Sans',Calibri,Candara,Segoe,'Segoe UI',Optima,Arial,sans-serif; font-size: 66px; color: white;
						transition: color .66s ease-in-out; -moz-transition: color .66s ease-in-out; -webkit-transition: color .66s ease-in-out; }
a#logoBg:hover span#logoTop {	color: #ddd;}

a#logoRgt {				position: absolute; display: block; width: 366px; height: 120px; top: 11px; right: 22px; background: transparent url("/img/udm_paluniup2.gif") no-repeat top left;}
a#logoRgt img { 			position: absolute; display: block; width: 366px; height: 120px; top: 0; left: 0;
						-khtml-opacity: 1; -moz-opacity: 1; -ms-filter:"alpha(opacity=1)"; filter:alpha(opacity=1); opacity: 1;
						transition: opacity .66s ease-in-out; -moz-transition: opacity .66s ease-in-out; -webkit-transition: opacity .66s ease-in-out;}
a#logoRgt:hover img { 		opacity: 0;}

#flags {					position: absolute; display: block; width: 80px; height: 24px; top: 155px; right: 11px;}
#flags table {				margin: 0; padding: 0; }
#flags table tr td {		margin: 0; padding: 0; width: 40px; height: 22px; text-align: right;}
#flags span.flag, #flags span.flag a, #flags span.flag a span {
						display: block; width: 28px; height: 22px; margin: 0; padding: 0; background: transparent url("/img/udm_flags.gif") no-repeat;}
#flags span.flag a span {	-khtml-opacity: 0; -moz-opacity: 0; -ms-filter:"alpha(opacity=0)"; filter:alpha(opacity=0); opacity: 0;
						transition: opacity .33s ease-in-out; -moz-transition: opacity .33s ease-in-out; -webkit-transition: opacity .33s ease-in-out; }
#flags span.flag a:hover span { opacity: 1; }

#flags span.flag#cz {		background-position: 0 -44px; }
#flags span.flag#sk {		background-position: -28px -44px; }
#flags span.flag#en {		background-position: -56px -44px; }
#flags span.flag#cz a span {	background-position: 0 -22px; }
#flags span.flag#sk a span {	background-position: -28px -22px; }
#flags span.flag#en a span {	background-position: -56px -22px; }
#flags span.flag#cz a {		background-position: 0 0; }
#flags span.flag#sk a {		background-position: -28px 0; }
#flags span.flag#en a {		background-position: -56px 0; }


/*	Mega Menu - project
	------------------------------------------------------------------------ */
#megamenu {				top: 110px; left: 0; }
#mmenu li a {				font-size:12pt; color: white; font-family: 'PT Sans',Calibri,Candara,Segoe,'Segoe UI',Optima,Arial,sans-serif;}
#mmenu li:hover a {			color: #00568c;}
#mmenu td>li>a {			padding: 6px 11px;}
#mmenu td>li:hover>a {		background-color: #00568c;color: white;}

.lmacc {					margin-top: 0;}
.lmacc a.oneit {			width: 192px;display: inline-block; z-index: 1;position: relative;padding:4px 11px; margin: 6px auto; height: 44px; line-height: 33px; font-size: 14pt; font-family: 'PT Sans', Tahoma, "Lucida Grande CE", lucida, sans-serif;
						color: #006FAD !important;background: #fff;border: 1px solid #006FAD;text-align: left;vertical-align: middle;-webkit-transition: background-color 0.3s, color 0.3s;transition: background-color 0.3s, color 0.3s;filter: none !important;}
.lmacc a:focus{			outline: none;}
.lmacc a::before {			color: #006FAD !important;border: 2px solid #fff;content: '';position: absolute; top: 0; left: 0; width: 100%; height: 100%;z-index: -1;border-radius:inherit;opacity: 0;-webkit-transform: scale3d(0.6, 0.6, 1); transform: scale3d(0.6, 0.6, 1); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}
.lmacc a:hover {			background-color: #006FAD !important; color: #fff !important;}
.lmacc a:hover::before {		-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity:1;}
.lmacc li{				list-style:none;text-decoration:none;display:block}
.lmacc label, .lmacc a.oneit {background: #fff;}
.lmacc a.oneit:hover{		text-shadow: none;}
/*
.lmacc {					margin-top: 15px;}
.lmacc label, .lmacc a.oneit {font-family: 'PT Sans',Calibri,Candara,Segoe,'Segoe UI',Optima,Arial,sans-serif; border-top: 1px solid #006FAD; color: #006FAD;}
.lmacc input:checked + label, .lmacc input:checked + label:hover{ color: #414d51;
						background: #f5fafe; background: -moz-linear-gradient(top, #e7f3fc 1%, #f5fafe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e7f3fc), color-stop(100%,#f5fafe)); background: -webkit-linear-gradient(top, #e7f3fc 1%,#f5fafe 100%); background: -o-linear-gradient(top, #e7f3fc 1%,#f5fafe 100%); background: -ms-linear-gradient(top, #e7f3fc 1%,#f5fafe 100%); background: linear-gradient(top, #e7f3fc 1%,#f5fafe 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7f3fc', endColorstr='#f5fafe',GradientType=0);}
*/

/*	Typo
	------------------------------------------------------------------------ */
H1, H2, H3, H4, H5, H6 {		margin: 1em 11px 0.5em 33px; font-family: 'PT Sans',Calibri,Candara,Segoe,'Segoe UI',Optima,Arial,sans-serif;font-weight: 700; }
H1.low, H2.low, H3.low, H4.low, H5.low, H6.low { margin-top: 0.3em;}
H1 {						font-size: 170%; margin-left: 0; margin-bottom: 0.8em;}
H1.fst {					margin-top: 0;}
H2 { 					font-size: 160%; margin-left: 11px;}
H3 { 					font-size: 130%;}
H4 { 					font-size: 120%; margin-bottom: 0.3em;}
H5 { 					font-weight: 400; font-size: 110%; margin-bottom: 0.3em;}
H6 {						font-weight: 400; font-size: 105%; margin-bottom: 0; margin-left: 55px;}

HR { 					height:1px; border: none; color: #999; background-color: #999; 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/udm_li2.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: #ddd; 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; }

/*	Colorize
	------------------------------------------------------------------------ */
H1, H2, H3, H4, H5, H6 {		color: #006FAD;}
#header H1, #header P {		color: white; }
div#warn em {				color: #006FAD;font-family: 'PT Sans',Calibri,Candara,Segoe,'Segoe UI',Optima,Arial,sans-serif;}

#content h1:first-of-type {	margin-top: 0;}

A {						color: #006FAD;}
A:hover {					color: #145e98;}
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: #145e98;}

a div.mdtoc p.citation_row, a:hover div.mdtoc p.citation_row {color: #999;}
a div.mdtoc p{				color: #666;}
a:hover div.mdtoc p {		color: #006FAD;}

span.curjump {				color: #31afe1;}

div.sbblock { 				border: 1px solid #717073; 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 #006FAD; border-bottom: 5px solid #006FAD; }
.da-slide h2{				color: #006FAD; }
.da-slide h3{				color: #006FAD; }
.da-slide p{				color: #1a171b; }
.da-slide .da-link{			border: 5px solid rgba(0,107,171,0.8); background: rgba(0,107,171,0.15); }
.da-dots span{				background: #006FAD; }
.da-arrows span{			background: #006FAD; }
.da-arrows span:hover{		background: #1a171b; }


/*	TOC as gallery
	------------------------------------------------------------------------ */

div.mdblock {				display: inline-block; width: 200px; height: 411px; margin: 6px 12px 6px 0; border: 1px solid #ddd; overflow: hidden;}
div.mdblockin {			position: relative; width: 200px; height: 411px;text-align: center; }
div.mdblock span.simg {		width: 180px; height: 250px; margin: 10px; overflow: hidden;}
div.mdblock span.simg img{	width: 180px; height: 250px; padding-top: 10px;}
div.mdblock h4, div.mdblock h3 {	position: absolute; display: block; top: 345px; height: 55px; font-size: 90%; width: 96%; overflow: hidden; text-align: center;margin: 0 2%;}
div.mdblock h4 {				top: 285px; height: 65px; font-weight: normal;height: 411px;}
div.mdblock a:hover div.mdblockin{	background-color: #eee;}
div.mdblock p.annotation b {		font-weight: normal;}

div.mdblock.mdwide, div.mdblock.mdwide div.mdblockin {width: 100%;height: 300px;}
div.mdblock.mdwide span.simg {	display: inline-block;float: left; text-align: left; margin: 11px;vertical-align:middle;width: 200px; height: 278px;}
div.mdblock.mdwide span.simg img {	width: 200px; height: 278px;padding-top: 0;}
div.mdblock.mdwide h4, div.mdblock.mdwide h3, div.mdblock.mdwide p, div.mdblock h2, div.mdblock h5 {
							width:auto;position:absolute;left: 222px;overflow:visible;display:block;text-align:left;margin: 0 11px 6px 0;height: auto;}
div.mdblock.mdwide p.citation_row.crowsec {top: 44px;}
div.mdblock.mdwide p.citation_row {top: 11px;color: #666;font-size: 95%;}
div.mdblock.mdwide h4 {			top: 77px;}
div.mdblock.mdwide h3 {			top: 122px;}
div.mdblock.mdwide p.annotation {	top: 166px;color: #666;font-size: 80%;}
div.mdblock.mdwide h5 {			top: 11px;font-size: 90%;}
div.mdblock.mdwide h2 {			top: 33px;margin:0;font-size:16pt;}
div.mdblock.mdwide p.jannotation {	top: 88px;color: #666;font-size: 80%;height:200px;overflow:hidden;}
div.mdblock a:hover div.mdblock.mdwide p.citation_row{color: #333;}

@media (min-width : 1580px) {div.mdblock.mdwide, div.mdblock.mdwide div.mdblockin {width: 625px;}}

i.dm {		display: inline-block; width: 30px; height: 24px; line-height: 24px; margin: 8px 8px 0 8px; padding: 0; vertical-align: text-top; background-repeat: no-repeat; margin-right: 3px;background-image: url("/etc/jq/img/igi_doilist.gif");}
i.dm-gal {	background-position: 0 0;}
i.dm-wid {	background-position: -30px 0;}
i.dm-galon {	background-position: -60px 0;}
i.dm-widon {	background-position: -90px 0;}
