/*
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	MendelNet - main layout by ivosan; (C) ivo andrle
	------------------------------------------------------------------------ */

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

#wrapper {				min-width: 866px; max-width: 1540px; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; position: relative;border: none; border: 0;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");}
#wrapper.widefull {			min-width: 866px; max-width: 3333px;}
#wrapper.lbg {				background: white url(/img/mnt_lbg.gif) repeat-y left top;}
#header {					width: 100%; height: 150px; position: absolute; background: #c87800 url(/img/mnt_mendelu.jpg) no-repeat; background-position: 211px;}
a#toplogo {				position:absolute;top: 16px;left:22px;}
div#hdrgt {				position:absolute;top:0;right:0;width:240px;height:150px;display:block;background: #c87800;}
div#hdlft {				position:absolute;top:0;left:0;width:211px;height:150px;display:block;background: #c87800;}
a#falogo {				position:absolute;top:11px; right:11px;}

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

#content {				padding-left: 211px; margin-right: 0;}
#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: 0 0 0 -196px; position: relative;}
#sideLeft {				float: left; width: 188px; margin: 0 -244px 0 0; position: relative;}

#footer {					position: absolute; width: 100%; height: 88px; bottom: 0; left: 0; padding: 2px; text-align: center; border-top: 2px solid #ddd; background: #f5f5f5;}
#footerin {				width: 66%; min-width:555px; height: 100%; margin: 11px auto; }
#footerin span#avlogomin {	width: 102px; height: 57px; background: transparent url("/img/mnt_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; -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;}
#footerin table td p {		font-size: 9pt; color: #999;}

.cBlueBg		{			color: #000E69; background-color: #f3f7f8; }

/*	Mega Menu - project
	------------------------------------------------------------------------ */
.lmacc {					margin: 3px auto;}
.lmacc label, .lmacc a.oneit {height: 44px; line-height: 44px; font-size: 11pt; font-family: 'Exo 2',Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; border-top: 2px solid #8d8489; color: #c87800; font-weight: bold;}
.lmacc input:checked + label, .lmacc input:checked + label:hover{color: #c87800; background: #fff; background: -moz-linear-gradient(top, #e4f2d9 1%, #fff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e4f2d9), color-stop(100%,#fff)); background: -webkit-linear-gradient(top, #e4f2d9 1%,#fff 100%); background: -o-linear-gradient(top, #e4f2d9 1%,#fff 100%); background: -ms-linear-gradient(top, #e4f2d9 1%,#fff 100%); background: linear-gradient(top, #e4f2d9 1%,#fff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f2d9', endColorstr='#fff',GradientType=0);}
.lmacc input:checked + label:hover{background: #fbfdf9; background: -moz-linear-gradient(top, #e8f4df 1%, #fbfdf9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e8f4df), color-stop(100%,#fbfdf9)); background: -webkit-linear-gradient(top, #e8f4df 1%,#fbfdf9 100%); background: -o-linear-gradient(top, #e8f4df 1%,#fbfdf9 100%); background: -ms-linear-gradient(top, #e8f4df 1%,#fbfdf9 100%); background: linear-gradient(top, #e8f4df 1%,#fbfdf9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8f4df', endColorstr='#fbfdf9',GradientType=0);}

/*	Typo
	------------------------------------------------------------------------ */
H1, H2, H3, H4, H5, H6 {		margin: 1em 0 0.5em 33px; font-family: 'Exo 2',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-left: 0; margin-bottom: 0.8em;}
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: 100%; margin-left: 55px;}

HR { 					height:5px; border: none; color: #8d8489; background-color: #8d8489; width: 100%; margin: 1em 0;}
td HR { 					height:2px; border: none; color: #aaa; background-color: #aaa;}
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/mnt_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: 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; }
div#warn {				display: block; min-height: 5em; overflow: visible; text-align: center; vertical-align: middle; margin: 22px 17px 22px 55px; border: 3px solid #8d8489;
						background-color: #fff; background: -moz-linear-gradient(top, #ddd 1%, #fff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ddd), color-stop(100%,#fff)); background: -webkit-linear-gradient(top, #ddd 1%,#fff 100%); background: -o-linear-gradient(top, #ddd 1%,#fff 100%); background: -ms-linear-gradient(top, #ddd 1%,#fff 100%); background: linear-gradient(top, #ddd 1%,#fff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddd', endColorstr='#fff',GradientType=0);}

/*	Colorize
	------------------------------------------------------------------------ */
H1, H2, H3, H4, H5, H6 {		color: #c87800;}
#middle H1 {				border-bottom: 4px solid #8d8489;}

A, span.curjump {			color: #c87800;}
A:hover {					color: #776e2d;}

div#warn {				border: 3px solid #c87800;margin: 22px 17px 22px 33px;}
div#warn em {				color: #c87800; font-family: 'Exo 2',Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;}

p.inform, p.inform2 {		font-size: 9pt;}
div.sbblock { 				border: 2px solid #8d8489; margin-top: 11px; padding: 0.4em 2px;}
div.sbblock P {			font-size: 80%;}
div.ctr.kz {				margin: 22px 0;}

.da-slider{				background: transparent url("/etc/jq/img/tex/32)_waves_exe.gif") repeat 0% 0%; height: 400px; border-top: 5px solid #c87800; border-bottom: 5px solid #8d8489;}
.da-slide h2{				color: #c87800;}
.da-slide h3{				color: #776e2d;}
.da-slide p{				color: #11182a;}
.da-slide .da-link{			border: 5px solid rgba(32,71,150,0.8); background: rgba(32,71,150,0.15);}
.da-dots span{				background: #776e2d;}
.da-arrows span{			background: #776e2d;}
.da-arrows span:hover{		background: #c87800;}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
						color: #c87800 !important;}
span.curjump {				color: #776e2d;}
h2.section {				font-size: 150%; margin-top: 3em;}
div.magarchive h3.articleTitle { font-size: 110%;}
div.magarchive h4.authors {	font-size: 100%; color: #666;}

div.pers img {				padding-right: 11px;}
div.pers > img {			padding-bottom: 11px;}
div.pers h6 {				color: #333;}
div.pers img.icq {			padding-left: 2px; padding-right: 13px;}
div.pers ul {				margin: 0;}
div.pers ul li {			list-style: outside none none;}

div.magarchive .chosen-container .chosen-results li.highlighted {
						background-color: #dea045; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #c87800)); background-image: -webkit-linear-gradient(#dea045 20%, #c87800 90%); background-image: -moz-linear-gradient(#dea045 20%, #c87800 90%); background-image: -o-linear-gradient(#dea045 20%, #c87800 90%); background-image: linear-gradient(#dea045 20%, #c87800 90%); color: #fff;}
P.sname {					color: #776e2d; font-weight: bold;}

div.mntres {				position: relative; margin: 0 auto 11px auto; height: 192px; width: 686px; background: white url(/img/mnt_bedna.jpg) no-repeat left bottom; }
div.mntres li {			position: absolute; text-align: center; width: 222px; margin:0; font-size: 11pt;}
div.mntres li b {			font-size: 12pt;}
div.mntres li.mr1 {			top: 0; left: 222px;}
div.mntres li.mr2 {			top: 18px; left: 11px;}
div.mntres li.mr3 {			top: 38px; left: 444px;}

body.mntdef #header {		background: #f7931e url(/img/mnt_mendelu_2018.jpg) no-repeat; background-position: 0;}
@media (min-width:  999px) { 	body.mntdef #header {background-position:  11px;}}
@media (min-width: 1111px) { 	body.mntdef #header {background-position:  66px;}}
@media (min-width: 1222px) { 	body.mntdef #header {background-position: 111px;}}
@media (min-width: 1333px) { 	body.mntdef #header {background-position: 211px;}}

body.mntdef a#toplogo {		top: 30px;left:20px;}
body.mntdef div#hdrgt {		background: #f7931e;width:333px;height:150px;display:block;background: transparent url(/img/mnt_rbg.png) no-repeat;}
body.mntdef div#hdlft {		background: #ededed;}
body.mntdef H1, body.mntdef H2, body.mntdef H3, body.mntdef H4, body.mntdef H5, body.mntdef H6 {font-family: 'Jura',Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;}
body.mntdef H1, body.mntdef H2 {color: #f7931e;}
#hdrgt H4, #hdrgt H5 {		color: #fff;text-align:right; margin: 40px 22px 0 0;padding:0;font-size: 24px;font-weight:bold;}
#hdrgt H5 {				font-size: 20px;margin: 11px 22px 0 0;}
body.mntdef div#warn em {	font-family: 'Jura',Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;}
body.mntdef .lmacc label, body.mntdef .lmacc a.oneit {	color:#786f2d;font-size:13pt;font-weight:normal;font-family:Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;height: 36px; line-height: 36px; border-top: 1px solid #ada4a9;
											background:transparent;transition: background .33s ease-in-out; -moz-transition: background .33s ease-in-out; -webkit-transition: background .33s ease-in-out;}
body.mntdef .lmacc label:hover, body.mntdef .lmacc a.oneit:hover {background:#fff;color:#c87800;}
body.mntdef #wrapper.lbg {	background: white url(/img/mnt_lbg.gif) repeat-y left top;}
body.mntdef #middle H1 {		border-bottom: 3px solid #776e2d;}
body.mntdef .lmacc {		margin-top: -16px;}
body.mntdef div.mntres {		background: white url(/img/mnt_bedna2018.jpg) no-repeat left bottom;}
