/*
	Studia theologica app - main layout by ivosan; (C) ivo andrle
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

html {					height: 100%;}
body {					height: 100%; padding: 11px 22px 22px 22px; background: #666;
						font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; font-weight: 400;}
#wrapper {				min-width: 900px; max-width: 1560px; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; position: relative;
						-moz-border-radius: 22px; -webkit-border-radius: 22px; -khtml-border-radius: 22px; border-radius: 22px;background: white;
						-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");
						border: 1px solid #555;}
#wrapper.widefull {			min-width: 900px; max-width: 3333px;}
#header {					width: 100%; height: 170px; position: absolute; background: transparent url("/img/sth_hdrbg.gif") repeat-x top left;
						-moz-border-radius: 22px 22px 0 0; -webkit-border-radius: 22px 22px 0 0; -khtml-border-radius: 22px 22px 0 0; border-radius: 22px 22px 0 0; behavior: url("/etc/PIE.htc");}
#headerin {				width: 100%; height: auto; position: relative;}
#iconstrip {				position: absolute; display: block; z-index: 1; top: 22px; right: 422px; width: 222px;}
#wrapper a#logoBg {			position: absolute; display: block; z-index: 1; top: 8px; right: 170px; width: 197px; height: 198px; background: transparent url("/img/sth_logoup.png") no-repeat top left;}
#wrapper.widefull a#logoBg, #wrapper.full a#logoBg {right: 11px;}
a#logoBg img {				position: absolute; display: block; top: 0; left: 0; -khtml-opacity: 1; -moz-opacity: 1; -ms-filter:"alpha(opacity=1)"; filter:alpha(opacity=1); opacity: 1;
						transition: opacity .22s ease-in-out; -moz-transition: opacity .22s ease-in-out; -webkit-transition: opacity .22s ease-in-out;}
a#logoBg:hover img {		opacity: 0;}

#middle {					width: auto; padding: 177px 11px 99px 17px;-moz-border-radius: 22px; -webkit-border-radius: 22px; -khtml-border-radius: 22px; border-radius: 22px;}
#middle.rgtbg {			background: white url("/img/sth_wrbg.gif") repeat-y top right;}
#middle:after {			content: ''; clear: both; display: table;}

#container {				width: 100%; float: left; margin-bottom: 0;}

#content {				padding-left: 222px; padding-right: 17px;}
#contentrgt {				padding-right: 228px; padding-left: 0;}
#contentfull {				padding-right: 0; padding-left: 0; width: 100%;}
#content3cols {			padding-right: 228px; padding-left: 222px;}

#sideRight {				float: left; width: 188px; margin: 0 0 0 -188px; position: relative;}
#sideLeft {				float: left; width: 199px; margin: 3px -233px 0 0; position: relative;}

#footer {					position:absolute;width:100%;height:88px;bottom:0;left:0;padding: 11px 0; text-align: center;border-top: 2px solid #cfcece;background: rgba(200, 193, 179, .22);
						-moz-border-radius: 0 0 22px 22px; -webkit-border-radius: 0 0 22px 22px; -khtml-border-radius: 0 0 22px 22px; border-radius: 0 0 22px 22px; behavior: url("/etc/PIE.htc");}
#footer.rgt {				border: none;background: transparent;padding-right:222px;}
#footerin {				width: 66%; min-width:777px; height: 100%; margin: 0 auto;}
#footerin span#avlogomin {	width: 102px; height: 57px; background: transparent url("/img/sth_actavia.gif") 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;}
#footerin span#cclogomin {	width: 88px; height: 31px; background: transparent url("/etc/jq/img/ccby88x31.png") no-repeat top left; margin: 15px 0 0 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#cclogomin: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: 58px; margin: 1px auto; padding: 0;}
#footerin table td {		margin: 0; padding: 0; text-align: center; font-size: 10pt; line-height: 15pt; color: #444;}
#footerin table td span {	font-size: 9pt; color: #777;}
#footerin a {				color: #999;}
#footerin a:hover {			color: #666;}

/*	Mega Menu - project
	------------------------------------------------------------------------ */
#megamenu {				top: 122px; left: 3px; position: absolute; z-index: 111;}
#mmenu li a {				font-size:11pt; color: #333;font-family: Roboto,Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; letter-spacing:1px;}
#mmenu li:hover a {			color: #b7518f; text-shadow: none;}

/*	left mnu accordion2
	------------------------------------------------------------------------ */
.lmacc {						width: auto; margin: 22px auto 22px auto; text-align: left;}
.lmacc label, .lmacc a.oneit {	position: relative; z-index: 20; display: block; height: 44px; line-height: 44px; cursor: pointer; padding: 0 11px; margin: 5px 0; font-size: 17px; text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
							-moz-border-radius: 11px; -webkit-border-radius: 11px; -khtml-border-radius: 11px; border-radius: 11px; behavior: url("/etc/PIE.htc");
							color: #333; font-family: Roboto,Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; border: 1px solid #c30093; background: url("/img/sth_mnubg.png") repeat-x scroll 50% 50% #ffffff;}
.lmacc label:hover,
.lmacc a.oneit:hover{ 			color: #660033; text-decoration: none; background: url("/img/sth_mnubgup.png") repeat-x scroll 50% 50% #f6f6f6; border: 1px solid #660033;}
.lmacc input:checked + label,
.lmacc input:checked + label:hover{background: #fff; background: -moz-linear-gradient(top, #f1f1f1 1%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f1f1f1), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #f1f1f1 1%,#ffffff 100%); background: -o-linear-gradient(top, #f1f1f1 1%,#ffffff 100%); background: -ms-linear-gradient(top, #f1f1f1 1%,#ffffff 100%); background: linear-gradient(top, #e7f3fc 1%,#f5fafe 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff',GradientType=0);
	 						border: 1px solid #c30093;
							color: #660033; text-shadow: 0px 1px 1px rgba(255,255,255, 0.6); box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
							-webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
.lmacc label:hover:after,
.lmacc input:checked + label:hover:after{ content: ''; position: absolute; width: 24px; height: 24px; right: 11px; top: 8px; background: transparent url(/etc/jq/img/arrow_down.png) no-repeat center center;}
.lmacc input:checked + label:hover:after{ background-image: url(/etc/jq/img/arrow_up.png);}
.lmacc input{					display: none;}
.lmacc article, .lmacc nav {		background: rgba(255, 255, 255, 0.5); margin-top: -6px;overflow: hidden;height: 0;position: relative;z-index: 10;
							-webkit-border-bottom-right-radius: 11px; -webkit-border-bottom-left-radius: 11px; -moz-border-radius-bottomright: 11px; -moz-border-radius-bottomleft: 11px; border-bottom-right-radius: 11px; border-bottom-left-radius: 11px;
							-webkit-transition: height 0.3s ease-in-out; -moz-transition: height 0.3s ease-in-out; -o-transition: height 0.3s ease-in-out; -ms-transition: height 0.3s ease-in-out; transition: height 0.3s ease-in-out;}
.lmacc input:checked ~ article,
.lmacc input:checked ~ nav{		height: auto; overflow-y:visible; border: 1px solid #ccc;
							-webkit-transition: height 0.5s ease-in-out; -moz-transition: height 0.5s ease-in-out; -o-transition: height 0.5s ease-in-out; -ms-transition: height 0.5s ease-in-out; transition: height 0.5s ease-in-out;
							-webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; border-top-left-radius: 0; border-top-right-radius: 0;}
.lmacc article li.lev2,
.lmacc nav li.lev2 {			list-style-type:none; list-style-image: none;margin: 6px 3px 0 11px;font-weight: bold;font-size: 10pt;}

div.sbblock { 					border: 1px solid #ccc; -moz-border-radius: 11px; -webkit-border-radius: 11px; -khtml-border-radius: 11px; border-radius: 11px; behavior: url("/etc/PIE.htc");}
#sideRight div.sbblock p {		font-size: 95%;}

/*	Typo
	------------------------------------------------------------------------ */
H1, H2, H3, H4, H5, H6 {		font-weight: bold; margin: 1em 11px 0.5em 33px; font-family: Roboto,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: 150%; margin: 0 11px 0.8em 0;}
H1.fst {					margin-top: 0;}
H2 { 					font-size: 130%; margin-left: 11px;}
H3 { 					font-size: 120%;}
H4 { 					font-size: 115%; 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;}
UL LI { 					list-style-image: url('/img/sth_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: #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: 11px;}
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;}

div#warn {				border: 3px solid #993366; background-color: #f3f1ef; background-image: -webkit-gradient(linear, top, bottom, from(#e3e0d9), to(#f3f1ef)); background-image: -webkit-linear-gradient(top, #e3e0d9, #f3f1ef); background-image: -moz-linear-gradient(top, #e3e0d9, #f3f1ef); background-image: -ms-linear-gradient(top, #e3e0d9, #f3f1ef); background-image: -o-linear-gradient(top, #e3e0d9, #f3f1ef); background-image: linear-gradient(to bottom, #e3e0d9, #f3f1ef);
						-moz-border-radius: 22px; -webkit-border-radius: 22px; -khtml-border-radius: 22px; border-radius: 22px;}
div#warn em {				color: #660033; font-family: 'PT Sans', Tahoma, "Lucida Grande CE", lucida, sans-serif; font-weight: 700; font-style: normal; }
div#iTabCont table#revarticles {width: 95%;}
div#iTabCont H1 {			margin: 0 188px 11px 0;}
div.magarchive H1 {			margin: 0 111px 11px 0;}
div.magarchive H3.mvol.onerow {margin: 0.8em 0 0 33px;}
div.magarchive H3.mvol a {	color: #888;}
div.magarchive H3.mvol a:hover { color: #660033;}
div.magarchive H3.mvol span.volno {min-width: 105px;}
span.viewcnt {				margin-right:0;}
div.article p.citation_doi span.viewcnt {float:none;margin-left:22px;}

/*	Colorize
	------------------------------------------------------------------------ */
H1, H2, H3, H4, H5, H6 {		color: #993366;}
A {						color: #660033;}
A:hover {					color: #c30093;}
A:visited {				color: #660033;}
A:active {				color: #c30093;}

span.curjump {				color: #660033;}

div.toc_item h3.articleTitle {			color: #993366;}
div.toc_item h3.articleTitle.articleTitleEN {color: #666;font-size: 110%;}
div.toc_item h4.authors{		color: #333;}

.sidebar#sideRight div.sbblock {	text-align: center; margin: 6px auto;}
.sidebar#sideRight div.sbblock ul {text-align: left;}