/*
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	UJEP EduPort app - main layout by ivosan; (C) ivo andrle
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

html {					height: 100%; color: #2b2b2b;}
body {					height: 100%; padding: 11px 22px 22px 22px; background: #2b2b2b; font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;color: #333;}

#wrapper {				position:relative; min-width: 720px; max-width: 1560px; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; position:relative; background: white; border: none; -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;}
#topbar {					position:absolute; min-width: 720px; height:200px; margin: 0 auto; background: #fff; z-index:111; top:0; left: 22px; right: 22px;}
#topbarin {				position:relative; width: 100%; min-width: 720px; max-width: 1560px; margin: 0 auto; height: 156px;}

#wrapper.withleft {			background:white;}
#wrapper.widefull, #topbar.widefull, #topbar.widefull #topbarin, #topbar.widefull #menubar{max-width: 3333px;}

@media only screen and (min-width: 1600px) {	#wrapper, #topbar, #topbarin, #menubar, #vmnu{width: 1560px;}
						#wrapper.widefull, #topbar.widefull, #topbar.widefull #topbarin, #topbar.widefull #vmnu {width: auto;}
						#topbar.widefull #menubar {width: 100%;}
} /* debilni IE jinak neudela margin: 0 auto */

#headerin {				width: 100%; height: 155px;border:1px solid transparent;background:#fff;}
#headerin #logo {			position:absolute;left:22px;top:11px;}
#headerin #logo_ujep {		position:absolute;right:22px;top:33px;}
#headerin #logo_ujep {		position:absolute;right:22px;top:22px;}
#headerin #logo H1 {		margin:0;font-size:48px;font-weight:700;color:#000;}
#headerin #logo H1 span {	color:#e53188;}
#headerin #logo H2 {		margin:6px 0 0 1px;font-size:22px;font-weight:400;color:#666;}
#headerin p {				position:absolute;left:24px;top:111px;margin:0;font-size:20px;font-weight:400;color:#999;}

#menubar {				z-index: 1111;position:absolute; top: 155px;width: 100%; min-width: 720px; max-width: 1560px; margin: 0 auto; height: 44px;background:#f3f3f3;}

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

#content {				padding-left: 211px; 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: 211px;}

#sideRight {				float: left; width: 196px; margin: 22px 0 0 -196px; position: relative;}
#sideLeft {				float: left; width: 200px; margin: 0 -200px 0 0; position: relative;}

div#voltitle {				padding: 0.6em 6px; margin: 6px auto 22px auto;border:none;}
div#voltitle img {			width:188px;}

#footer {					position: absolute; width: 100%; height: 144px; bottom: 0; left: 0; padding: 2px; text-align: center; box-shadow: 0 -2px 2px 0 #bbb; background: rgba(222, 222, 222, .4);border-top: 6px solid #e53188;}
#footerin {				width: 100%; height: 100%; margin: 0;}
#footerin table {			width: 96%; margin: 6px 2%; padding: 0;}
#footerin table td {		margin: 0; padding: 0; font-size: 10pt;line-height: 15pt; color: #666;}
#footerin table td a {		color: #666;}
#footerin table td a img {	margin-top: 6px; -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 table td a:hover img {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 td a:hover {	color: #000;}
#footerin table td a.av {	color: #888;}
#footerin table td a#cc img {	margin: 6px 0 2px 0;}
#footerin img.avlogomin {	width: 102px; height: 57px;display: inline-block;margin: 15px -11px 6px 11px;}

@media only screen and (max-width: 1024px) {
	body {				padding:0;background:#fff;font-size:18px;}
	#wrapper {			-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}
	#topbar {				left:0;right:0;box-shadow:none}
	#footer {				box-shadow:none;}
	#content {			padding-left: 0;}
	#sideLeft {			display:none;}
	#wrapper.withleft {		background-image: none;}
	#vmnu{				font-size:20px;}
	#vmnu ul li .sdd.smnu li a,#vmnu ul li .sdd.wide li a{font-size:20px;}
	div.clanek a h4 {		font-size: 140%}
}

@media only screen and (max-width: 888px) {
	#middle {				padding-bottom: 199px;}
	#footer {				height: 166px;}
}

@media only screen and (max-width: 780px) {
	div.magarchive H3.mvol, div.magarchive H3.mvol a {font-size:100%}
	div.magarchive H3.mvol.onerow {margin: 1.2em 0 0 22px;}
}

#flags {					position: absolute; display: block; width: 80px; height: 24px; top: 120px; 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/edp_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   {	background-position: 0 -22px; }
#flags span.flag#sk a   {	background-position: -28px -22px; }
#flags span.flag#en a   {	background-position: -56px -22px; }
#flags span.flag#cz a span {	background-position: 0 0; }
#flags span.flag#sk a span {	background-position: -28px 0; }
#flags span.flag#en a span {	background-position: -56px 0; }

/*	Headroom animace, POZOR, vyzaduje upraveny headroom_aip.js
	------------------------------------------------------------------------ */
#topbar.headroom.headroom--top {		position: absolute;top:0;}
#topbar.headroom.headroom--not-top {	position: fixed;top:-157px;}

#topbar.headroom.headroom--pinned {	top:-157px;}
#topbar.headroom.headroom--unpinned {	top:-200px;}
#topbar.headroom.headroom--top.headroom.headroom--unpinned {top:0;}
#topbar.headroom.headroom--top.headroom.headroom--pinned {top:0;}

@-webkit-keyframes slideDown{	0%{-webkit-transform:translateY(-100%)} 100%{-webkit-transform:translateY(0)}}
@-moz-keyframes slideDown{	0%{-moz-transform:translateY(-100%)} 100%{-moz-transform:translateY(0)}}
@-o-keyframes slideDown{		0%{-o-transform:translateY(-100%)} 100%{-o-transform:translateY(0)}}
@keyframes slideDown{		0%{transform:translateY(-100%)} 100%{transform:translateY(0)}}

@-webkit-keyframes slideUp{	0%{-webkit-transform:translateY(0)} 100%{-webkit-transform:translateY(-100%)}}
@-moz-keyframes slideUp{		0%{-moz-transform:translateY(0)} 100%{-moz-transform:translateY(-100%)}}
@-o-keyframes slideUp{		0%{-o-transform:translateY(0)} 100%{-o-transform:translateY(-100%)}}
@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 -20px;}	i.smnu-srchb {	background-position: 0 -20px;}
i.smnu-lockw {	background-position: -20px -20px;}	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 -20px;}	i.smnu-dnb {	background-position: -80px -20px;}
i.smnu-upw {	background-position: -100px -20px;}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 -20px;}i.smnu-unlb {	background-position: -140px -20px;}
i.smnu-userw {	background-position: -160px 0;}    i.smnu-userb {	background-position: -160px -20px;}

/*	TopMenu
	----------------------------------------------------------------------- */
#vmnu{					height:44px;min-width: 720px;max-width: 1560px;font-size:18px;font-weight:700;width:100%;position:relative;z-index:999;}
#vmnu>ul{					position:relative;z-index:999;width:100%;min-height:44px;float:left;box-shadow:0 2px 5px rgba(0,0,0,.44);}
#vmnu>ul>li{				float:left;min-height:44px;line-height:44px;}
#vmnu>ul>li:first-of-type{	margin-left:14px;}
#vmnu>ul>li>a{				min-height:40px;text-align:center;float:left;padding-left:11px;padding-right:11px}
#vmnu>ul>li:hover>a, #vmnu>ul>li:active>a{		color:#fff;text-shadow:none;}
#vmnu>ul>li:hover, #vmnu>ul>li:active{			background:#e53188;}
#vmnu>ul>li.title:hover, #vmnu>ul>li.title:active{background: none;}
#vmnu>ul>li:hover>a, #vmnu>ul>li:active>a, #vmnu>ul>li:hover, #vmnu>ul>li:active{
						transition:background .3s linear 0s;-ms-transition:background .3s linear 0s;-moz-transition:background .3s linear 0s;-webkit-transition:background .3s linear 0s;-o-transition:background .3s linear 0s}
#vmnu>ul>.title a{							-ms-filter:"alpha(opacity=85)"; filter:alpha(opacity=0.85); opacity: 0.85; transition: opacity .55s ease-in-out; -moz-transition: opacity .55s ease-in-out; -webkit-transition: opacity .55s ease-in-out;}
#vmnu>ul>.title a:hover, #vmnu>ul>.title a:active{-ms-filter:"alpha(opacity=100)"; filter:alpha(opacity=1); opacity: 1;}

#topbar.widefull #vmnu {		max-width: 3333px;}

#vmnu ul li .sm-anim{ 		display:none}
#vmnu ul li:hover>.sm-anim, #vmnu ul li:active>.sm-anim, #vmnu ul li .sm-anim.showed {	display:block;animation:sm-anim .3s linear 0s 1 forwards;-moz-animation:sm-anim .3s linear 0s 1 forwards;-webkit-animation:sm-anim .3s linear 0s 1 forwards;-o-animation:sm-anim .3s linear 0s 1 forwards;-ms-animation:sm-anim .3s linear 0s 1 forwards}
@keyframes sm-anim{			0%{opacity:0;transform:scale(.95,.95)} 50%{opacity:0.5;transform:scale(1.02,1.02)} 100%{opacity:1;transform:scale(1,1)}}
@-moz-keyframes sm-anim{		0%{opacity:0;-moz-transform:scale(.95,.95)} 50%{opacity:0.5;transform:scale(1.02,1.02)} 100%{opacity:1;-moz-transform:scale(1,1)}}
@-webkit-keyframes sm-anim{	0%{opacity:0;-webkit-transform:scale(.95,.95)} 50%{opacity:0.5;transform:scale(1.02,1.02)} 100%{opacity:1;-webkit-transform:scale(1,1)}}
@-o-keyframes sm-anim{		0%{opacity:0;-o-transform:scale(.95,.95)} 50%{opacity:0.5;transform:scale(1.02,1.02)} 100%{opacity:1;-o-transform:scale(1,1)}}
@-ms-keyframes sm-anim{		0%{opacity:0;-ms-transform:scale(.95,.95)} 50%{opacity:0.5;transform:scale(1.02,1.02)} 100%{opacity:1;-ms-transform:scale(1,1)}}

#vmnu>ul>li i.solmnu{							float:right;margin:10px 0;}
#vmnu>ul>li:hover i.solmnu.smnu-dnw,
#vmnu>ul>li:active i.solmnu.smnu-dnw{				background-position: -80px -20px;}
#vmnu ul li i.solmnu.smnu-rgtb{					margin:8px 6px 0 0;}
#vmnu>ul>li>ul.sdd>li:hover>i.solmnu.smnu-rgtb,
#vmnu>ul>li>ul.sdd>li:active>i.solmnu.smnu-rgtb{		background-position: -60px 0;}
#vmnu>ul>li>ul>li>ul.sdd>li:hover>i.solmnu.smnu-rgtb,
#vmnu>ul>li>ul>li>ul.sdd>li:active>i.solmnu.smnu-rgtb{	background-position: -60px 0;}

#vmnu ul,#vmnu li,#vmnu a,#vmnu p{					margin:0;padding:0;list-style:none;text-decoration:none;display:block}
#vmnu>ul,#vmnu ul li .sdd.smnu li:hover>a,#vmnu ul li .sdd.wide li:hover>a{background:#e53188;}
#vmnu>ul {									background:#d5d5d5;}
#vmnu>ul>li>a {								color:#333}
#vmnu hr{										height:1px; border: none; margin:6px 20px; color: #5d5e60; background-color: #5d5e60;}
#vmnu h1{										margin:0;padding:7px 19px;color:#fff;font-size:18px}
#vmnu p{										color:#fff;font-size:14px;float:left;width:100%;padding:10px 21px}

#vmnu>ul>li>.sdd.smnu{							position:absolute}
#vmnu ul li .sdd.smnu li .sdd.smnu{				left:100%;position:absolute;top:-1px;}
#vmnu>ul>li>.sdd.smnu:first-of-type,#vmnu>ul>li>.sdd.wide:first-of-type,#vmnu>ul>li>.sdd.logn:first-of-type,#vmnu>ul>li>.sdd.bask:first-of-type{border-top:none}
#vmnu ul li .sdd.smnu,#vmnu ul li .sdd.wide,#vmnu ul li .sdd.logn,#vmnu ul li .sdd.bask{position:absolute;width:222px;background:#fff;float:left;top:43px;-webkit-box-shadow:3px 3px 8px -4px rgba(0,0,0,0.77);box-shadow:3px 3px 8px -4px rgba(0,0,0,0.77);border:2px solid #efefef;}
#vmnu ul li .sdd.smnu li,#vmnu ul li .sdd.wide li{	float:left;width:100%;line-height:22px;position:relative}
#vmnu ul li .sdd.smnu li a,#vmnu ul li .sdd.wide li a{ color:#777;font-size:16px;padding:7px 20px}
#vmnu ul li .sdd.smnu li:hover>a,#vmnu ul li .sdd.smnu li:active>a{	color:#fff;font-weight:300}
#vmnu ul li .sdd.smnu li ul,#vmnu ul li .sdd.wide li ul{left:100%;top:-2px}

#vmnu ul li .sdd.wide{							position:absolute;left:0;width:100%;min-height:100px;padding-bottom:8px;padding-top:8px}
#vmnu ul li .sdd.wide li{						margin:0;padding:0}
#vmnu ul li .sdd.wide li:hover a,
#vmnu ul li .sdd.wide li:active a{					color:#e53188;background:none}
#vmnu ul li .sdd.wide li a{						margin:0;padding-left:0;padding-right:0}
#vmnu ul li .sdd.wide .float-left{					float:left;width:23%;margin-top:0;margin-left:1.7%;margin-bottom:0}
#vmnu ul li .sdd.wide h1{						color:#e53188;font-weight:700;margin:0;padding:0 0 0 18px;padding-left:0;padding-right:0}
#vmnu ul li .sdd.wide hr{						border:1px solid #dbdbdb;width:100%;float:left;padding-left:0;padding-right:0;margin-left:0}
#vmnu ul li .sdd.wide img{						margin:0;padding:4px;float:left;width:100%;-webkit-box-shadow:inset 0 0 0 2px rgba(0,0,0,.09);box-shadow:inset 0 0 0 2px rgba(0,0,0,.09)}
#vmnu ul li .sdd.wide p{							color:gray;line-height:20px;margin:0;padding:0}

#vmnu a.chosen-single span {						margin-left: 6px;}

#vmnu ul li.srch{								float:right;width: auto;position: relative;}
#vmnu ul li.srch:hover,#vmnu ul li.srch:active {		background: none;}
#vmnu ul li.srch form{							height:40px; width: auto; margin: 2px 0 0 0;}
#vmnu ul li.srch input {							background: none;outline:none;border:none;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
#vmnu ul li.srch input#q {						display: block; height: 34px; margin: 5px 0 0 0; padding-right: 33px; width: 0; position: absolute; top: 0; right: 6px;
											font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;font-size:15px;font-weight:normal; color: #fff;
											z-index: 3; transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000), margin-right .4s ease; cursor: pointer;}
#vmnu ul li.srch input#q::placeholder {				opacity: 1;opacity:1; -khtml-opacity:1; -moz-opacity:0.8; -ms-filter:"alpha(opacity=80)"; filter:alpha(opacity=80); opacity:0.8;}
#vmnu ul li.srch input#q:focus {					width: 188px; z-index: 1; border-bottom: 1px dotted #ddd; cursor: text; margin-right: 25px;color:#333;background:#eee;padding-left:11px;}
#vmnu ul li.srch input#q:focus:hover,
#vmnu ul li.srch input#q:focus:active {				border-bottom: 1px dotted #ddd;}
#vmnu ul li.srch input[type="submit"] {				display: block; z-index: 2; float: right; width: 20px; height: 20px; position: absolute; top: 0; right: 6px; margin: 11px 0 0 0; background:transparent url("/img/sol_mnu.png") no-repeat left top !important;
											background-position: 0 -20px !important;text-indent: -11111px; border: none; opacity: 0.7; cursor: pointer; transition: opacity .4s ease;}
#vmnu ul li.srch:hover input[type="submit"],
#vmnu ul li.srch:active input[type="submit"] {		opacity: 1;}

#vmnu ul li.logn{								float:right;width:55px;opacity: 0.7; cursor: pointer; transition: opacity .4s ease;}
#vmnu ul li.logn:hover,#vmnu ul li.logn:active {		background: none;opacity: 1;}
#vmnu ul li.logn:hover i.solmnu.smnu-dnw,
#vmnu ul li.logn:active i.solmnu.smnu-dnw{			background-position: -80px -20px;}
#vmnu>ul>li>.sdd.logn{							width:333px;float:right;right:0;z-index:99;min-height:146px;padding-bottom:8px;padding-top:8px}
#vmnu>ul>li.logn>a{								padding-left:11px;padding-right:0;}

.sdd.logn form{								margin-top:11px}
.sdd.logn div{									margin:.5em 22px; position:relative;}
.sdd.logn input {								font-weight:700;padding:.6em .6em .6em 4em;width:100%;border:1px solid #ccc;background:#fff; background:-webkit-linear-gradient(left,#e53188 44px,#fff 0); background:-moz-linear-gradient(left,#e53188 44px,#fff 0); background:-o-linear-gradient(left,#e53188 44px,#fff 0); background:linear-gradient(left,#e53188 44px,#fff 0);}
.sdd.logn input#entimg {							border:0;background:none;width:1px;height:1px;padding:0;margin:0}
.sdd.logn label {								font-weight:700;padding:0;color:#333;display:block;line-height:1.3em;margin-bottom:.5em;}
.sdd.logn label i {								position:absolute; top:1.6em; left:11px; text-align:center; margin:.35em .45em .45em .5em}
.sdd.logn a.sbtn#s {							min-width: 0;max-width: none;padding:.4em;width:100%;height: 35px; margin: 11px 0;font-family: Rosario,Calibri,Candara,Segoe,'Segoe UI',Optima,Arial,sans-serif;font-size:16px;font-weight:700;}

#vmnu ul li.langs {								float:right;margin-right:6px;}
#vmnu ul li.langs a {							opacity:0.88;padding-left:6px;padding-right:6px;min-height:30px;}
#vmnu ul li.langs a:hover,#vmnu ul li.langs a:active {	opacity:1;}
#vmnu ul li.langs span.flag {						display:none;width:0 !important;}
#vmnu ul li.langs span.lntxt {					display:inline-block;}

#vmnu a.inh1 {									display: inline-block;}
#vmnu span.rcol {								margin-top: 0;}
a.sbtn {										min-width: 133px;max-width: 222px;display: block; position: relative;z-index: 1;padding: 0.4em 2em;font-weight:700; font-family: Rosario, Tahoma, "Lucida Grande CE", lucida, sans-serif;
											background: #e53188 !important;color: #fff !important;text-align: center;vertical-align: middle;background-image: none !important; border: none; -webkit-backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;-webkit-transition: background-color 0.3s, color 0.3s;transition: background-color 0.3s, color 0.3s;}
#vmnu a.sbtn {									display: inline-block;float:right;font-size: 10pt; height: 28px; padding: 0.2em 2em;}
a.sbtn:focus{									outline: none;}
a.sbtn::before {								content: '';border: 2px solid #e53188;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);}
a.sbtn:hover,a.sbtn:active {						background-color: #fff !important; color: #e53188 !important;}
a.sbtn:hover::before,a.sbtn:active::before {			-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity:1;}

#vmnu p.sminfo{								width:100%;height:99px;color:#999;text-align:center;margin:22px 0;padding:22px;}
#vmnu p.sminfo span{							color:#666;}

.lmacc {										margin: 0 auto 11px auto;}
.lmacc label, .lmacc a.oneit {					font-size:11pt;font-weight:400;font-family:Rosario,Calibri,Candara,Segoe,'Segoe UI',Optima,Arial,sans-serif;text-align:left;vertical-align:middle;text-shadow:none;
											background:#f3f3f3;color:#222;border:none;width:188px;padding:3px 11px;margin: 6px auto;height:36px;line-height:30px;transition: all 0.3s, color 0.3s; filter: none !important;}
.lmacc label {									margin-bottom:1px;}
.lmacc a.oneit:hover, .lmacc label:hover, .lmacc input:checked + label, .lmacc input:checked + label:hover, .lmacc input:checked + label:active{background:#e53188;color:#fff;}
.lmacc label:hover:after{ 						top:6px;background-image: url(/etc/jq/img/arrow_down_dk.png);}
.lmacc input:checked + label:hover:after{ 			top:6px;background-image: url(/etc/jq/img/arrow_up_dk.png);}

.lmacc>div {									width:188px;margin: 0 auto;}
.lmacc nav li.lev2 a {							color: #666;}
.lmacc nav li.lev2 a:hover, .lmacc nav li.lev2 a:active {color: #e53188;}

/*	Typo
	------------------------------------------------------------------------ */
H1, H2, H3, H4, H5, H6 {		margin: 1em 11px 0.5em 33px; font-family:Rosario,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: 160%; margin: 0 11px 0.8em 0;font-weight:700;}
H1.fst {					margin-top: 0;}
H2 { 					font-size: 150%; font-weight:700;margin-left: 11px;}
H3 { 					font-size: 130%; font-weight:700;}
H4 { 					font-size: 120%; margin-bottom: 0.3em;}
H5 { 					font-size: 110%; margin-bottom: 0.3em;}
H6 {						font-size: 105%; 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:700;}
div.clanek UL {			display: table;}
div#container .chzn-container UL, div#container .chosen-container UL {display: block;}
UL LI { 					list-style-image: url('/img/edp_li.gif');}
LI { 					margin-bottom: 0.1em;}
CENTER P { 				margin-left: 0;}

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

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

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:700;}
TD.mid H4 { 				margin: 3px 0; font-weight:700;}

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:700;}

@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, H2, H3, H4, H5, H6 {		color: #e53188;}
H4, H5, H6 {				color: #444;}
H1 {						color: #000;}
div#warn em {				color: #000; font-family: Rosario,Calibri,Candara,Segoe,'Segoe UI',Optima,Arial,sans-serif;font-weight:700;}
div#warn {				border: 2px solid #e53188;}

H4.TOCname {				font-weight:400;}

A {						color: #e53188;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,  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: #ba0c60;}
span.curjump {				color: #ba0c60;}

div.sbblock { 				border: none; margin-top: 11px; padding: 0.4em 2px;}
div.sbblock P	{			font-size: 90%;}

div.allnews a div.sbblock {	margin: 22px 0 0 0;padding: 6px 0;border: 2px solid transparent;border-width: 2px 0;}
div.allnews a:hover div.sbblock {background: #f7f7f7;border-color: #eee;transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-webkit-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;}
div.allnews a div.sbblock h4{	font-weight:normal; color:#aaa;font-size:100%;margin: 0.2em 0;}
div.allnews a div.sbblock h5{	font-weight:normal; color:#e53188;font-size:115%;font-style:normal;margin: 0.4em 0;}
div.allnews a div.sbblock p {	font-size: 100%;color:#555;text-align:justify;margin: 0.5em 0;}

.da-slider{				background: transparent url("/etc/jq/img/tex/32)_waves_exe.gif") repeat 0% 0%; height: 400px;  border-top: 5px solid #e53188; border-bottom: 5px solid #e53188;}
.da-slide h2{				color: #333;}
.da-slide h3{				color: #e53188;}
.da-slide p{				color: #666;}
.da-dots span{				background: #e53188;}
.da-arrows span{			background: #e53188;}
.da-arrows span:hover{		background: #333;}

div.magarchive div.toc_item h3 { font-size: 115%;}
div.magarchive div.toc_item h4 { font-size: 100%;color:#e53188;}
div.magarchive H1 {			color: #000;margin-top:0}
div.magarchive H1 A {		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: #e53188;}
div.magarchive span.pidipdf {	float: left; margin-right: 6px;margin-left: 0;}
div.magarchive p, div.magarchive p.citation_doi {color:#888;font-weight:normal}

div.clanek a.ma h4 {		margin-top: inherited;}

td.flash_book_title {		text-align: left;}
td.flash_book_title h2 {		border: none; margin-top: 11px;}

div.minwidiv h1.mag {		color: #999; font-size: 140%;}
div.article h2.articleTitle{	color: #e53188;}
div.article h2.articleTitleEN {font-size: 120%;color: #222;}
h3.articleTitleEN {			color: #222;}
div.clanek a h4 {			font-size: 111%} /* pdf odkaz */
p.flags25 {				margin: 0.3em 11px 0.3em 88px; text-indent: -36px; line-height: 111%;}
p.flags25 span.flag25 {		margin-top: 2px;}
p.TOCauthor a {			color:#000;}

div.magarchive H3.mvol span.volno {min-width: 99px;color: #e53188;font-size:110%}
div.magarchive H3.mvol a {	margin:0 11px;}
div.magarchive H2 {			border-bottom:none;color:#000;margin: 2em 0 0 0;}
div.magarchive div.toc_item {	margin: 0;}

div#citshow { 				font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;}
span.magnonote {			float: right;color:#aaa;font-size:90%;z-index:1;}

div#TipLayer {				border: 1px solid #e53188; background: #fbfaeb; color: #e53188;}
div#TipLayer h1, div#TipLayer h2, div#TipLayer h3, div#TipLayer h4, div#TipLayer h5 {color: #e53188;}

span.jtheme {				display: inline-block; margin: 0;font-weight:normal;}

div.rotqbl h3 {			margin: 0.6em 0 0 0;}
div.rotqbl h4 {			margin: 0.6em 0 0 0;}
div.rotqbl p.authors {		margin: 0 0 0.6em 0;color:#e53188;font-weight:normal;}
div.rotqbl p.blck {			margin: 0.3em 0 0.6em 0;font-weight:normal;color:#000;}
div.rotqbl p {				margin-left: 0;}
div.clanek  div.rotqbl {		margin-left: 55px}

table.archhd td.deticn {		width: 16px; padding: 22px 0 0 0;margin:0}
table.archhd td.detext {		padding: 0 6px;}
table.archhd {				width: 100%; margin: 0;}

div.left22 H1, div.left22 div#vyzvy {margin-left: 28px;}
div.magarchive.left22 div.toc_item {border: none;}
div.magarchive.left22 a:hover div.toc_item {background: none; border: none;}
div.magarchive.left22 div.toc_item h3 {font-weight:normal;}

div.left22 div a.sn {		color:#555; display:block;margin:11px 0 33px 0;}
div.left22 H1 {			color: #000;}
div.left22 div p {			margin: 0.5em 0 0.5em 0;color: #555;text-align: justify;line-height:155%}
div.left22 p,div.left22 h3,div.left22 h4,div.left22 h5, div.left22 li, div.left22 dd, div.left22 dt, div.left22 ul  {margin-left: 28px;}
div.left22 div p,div.left22 div h3,div.left22 div h4,div.left22 div h5, div.left22 div li, div.left22 div dd, div.left22 div dt, div.left22 div ul {margin-left: 0;}

div.left22 div a h4{		font-weight:normal; color:#aaa;font-size:100%;margin: 0.2em 0;}
div.left22 div a h5{		font-weight:normal; color:#e53188;font-size:115%;font-style:normal;margin: 0.2em 0;}
div.left22 div a p {		font-size: 100%;color:#555;text-align:justify;margin: 0.5em 0;}

span.csrshicn i.ic {		margin-top:9px;}

a#sswitch {				font-size: 100%;color: #e53188;font-weight:600;}
a#sswitch:hover {			color: #000;}

div.revfrmnotice {			margin: 0 5%;}
div.revfrmnotice hr {		margin: 11px 0;width:100%;}
div.revfrmnotice p {		color:#666;margin: 6px 0;width:100%;}

div#login.centerbox {		width:666px;}

/*	homepage
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.aiblock, div.rcol div.rotqbl {	width: 100%; position: relative; padding: 0; margin: 0 0 4px 0;}
div.aiblock {					height: 44px; background: #e53188;}
div.aiblock h2 {				font-size:130%;padding: 0; margin: 0 22px; line-height: 44px; vertical-align: middle; color: #fff;}
div.aiblock + p {				margin-top: 22px;}
div.aiblock + ul {				margin-top: 11px;}
div.rcol div.aiblock a.aimore {	font-size: 12pt; font-weight: normal; float: right; color: #fff;}

div.rcol div.rotqbl {			margin-bottom: 22px;}
div.rcol div.rotqbl a h4 {		font-weight: 600;}
div.rcol div.rotqbl a h4, div.rcol div.rotqbl a p {color: #444; transition: all 0.6s ease;}
div.rcol div.rotqbl p {			text-align: justify;}
div.rcol div.rotqbl h4 {			font-weight: 600;}
div.rcol div.rotqbl a p {		color: #444;}
div.rcol div.rotqbl a:hover p {	color: #000;}
div.rcol div.rotqbl a.ma:hover p.authors {	color: #e53188;}
div.rcol div.rotqbl a:hover p.rotbkaddon {	color: #999;}
div.rcol div.rotqbl p.rotbkaddon {			margin-bottom: 11px; color: #999}
div.rcol div.rotqbl p.rotbkaddon.mb22px {	margin-bottom: 18px;}

div.toc_item {					margin-bottom: 22px;}
div.toc_item h3.articleTitle {	color: #444; font-size: 14pt;line-height:15pt;margin: 6px 11px;}
div.toc_item h4.authors {		color: #000; font-weight: 600;font-size: 12pt;line-height:14pt;margin: 6px 11px;}
div.toc_item p {				color: #444;text-align: justify;margin: 0 11px;}
div.toc_item p.citation_doi {		margin-bottom: 11px; color: #999;margin: 0 11px;}
div.toc_item p.annotation {		margin: 0.3em 11px;}
table.archhd td p.citation_doi{	margin: 0.3em 11px;color: #999;}
table.archhd td p.annotation{		margin: 0.3em 11px;}
table.archhd div.toc_item {		margin-bottom: 0;}

a.ma:hover a:hover div.toc_item p {	color: #000;}
a:hover div.toc_item h4.authors {		color: #e53188;}
a:hover div.toc_item p.citation_doi {	color: #999;}

div.rcol ul {					margin-left: 22px;}
div.rcol p, div.rcol li, div.rcol h4, div.rcol h3, div.rcol h2, div.rcol h1  { margin-left: 22px; margin-right: 22px;}

span.px233 {display: inline-block; width: 222px; margin-right: 11px; text-align: left;}
table#indexing {margin-left: 22px;}
table#indexing TD {padding: 0.5em 33px 0 0; line-height: 133%;}

div#hpgauge {width:220px;height:180px;margin-top:11px;display:inline-block;}
img.w90 {width:70%;max-width:199px;}
img.w70 {width:65%;max-width:199px;}

@media (max-width : 1333px) {
	img.w90 {width:80%;}
	img.w70 {width:75%;}
	div#hpgauge {width:200px;}
	div.aiblock h2 {font-size:120%}
}

@media (max-width : 1111px) {
	img.w90 {width:100%;}
	img.w70 {width:100%;}
	div#hpgauge {width:160px;}
	div.aiblock h2 {font-size:110%}
}


/*	redefinice tlacitek
	------------------------------------------------------------------------ */
.btn {					text-shadow:none !important;}
a.btn, input.btn, form.rf input.btn, form.rf input[type="reset"], form.rf input[type="submit"] {height: 30px; line-height: 30px;margin: 6px 11px !important;
						background-color: #dddddd !important; color: #444 !important;border: none; background-image: none !important; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none; -webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;}
a.btn-min, input.btn-min, form.rf input.btn-min[type="submit"] { height: 26px; line-height: 26px;margin: 4px 6px !important;}
a.btn-light, input.btn-light{	background-color: #eeeeee !important; color: #333 !important;}
a.btn-red, input.btn-red {	background-color: #d84558 !important; color: #fff !important;}
a.btn-green, input.btn-green {background-color: #66c663 !important; color: #222 !important;}
a.btn-oran, input.btn-oran {	background-color: #f8694d !important; color: #fff !important;}
a.btn-blue, input.btn-blue {	background-color: #009ee0 !important; color: #fff !important;}
a.btn-dark, input.btn-dark, a.btn-close, input.btn-close{	background-color: #cccccc !important;}
input[type="reset"], form.rf input[type="reset"] {		background-color: #d84558 !important; color: #fff !important;}
input[type="submit"], form.rf input[type="submit"] {		background-color: #66c663 !important; color: #222 !important;}
a.btn-dark:hover, input.btn-dark:hover, a.btn-green:hover, a.btn-red:hover, a.btn-oran:hover, a.btn-blue:hover, input.btn-blue:hover, input.btn-green:hover, input.btn-oran:hover, input.btn-red:hover,
input[type="submit"]:hover, form.rf input[type="submit"]:hover {			color: #000 !important;}
a.btn:hover, a.btn-light:hover, input.btn:hover, input.btn-light:hover {	color: #000 !important;}
a.btn.btn-blue.btn-pdf {		background: #e53188 !important;color: #fff !important; font-size: 14pt; padding: 0; margin: 11px 0; line-height:50px;height:50px;vertical-align:middle;transition: all 0.3s ease;}
a.btn.btn-blue.btn-pdf:hover {background: #666666 !important;color: #fff !important;}