body {color:rgb(35,43,45); background-color:white; font-family:"Open Sans",sans-serif; position:relative; top:0; left:0; right:0; margin-left:auto; margin-right:auto; text-align:center; }
nav {y-index: 1000;}
header {width:100%; height: 100px; margin: 0 auto; z-index:5; text-align:left;}
body>nav {width:1200px;  top:200px; min-height: 36px; font-size:13px!important; left:0;right:0; margin-left:auto; margin-right:auto; z-index:5;}
main {width:100%; left:0; right:0; margin-left:auto; margin-right:auto; margin-top:0; text-align:left;}
#basic {width:1200px;}
time: {width:1200px;}
body {max-width: 1280px; margin: 0 auto;}
.mywidth {max-width: 1280px; margin: 0 auto;}
H1.annonce {font-size:1.25em; font-width: bold; line-height:25px; margin-left:10px; margin-right:10px; color: #0350AD;}
img.annonce {width: 80%;}
/*nav {float: left; clear: left; background-color: white; padding: 5px 5px 5px 5px;}*/
.logoline{
	/*float: right;*/
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	text-align: center
}

.goingtop {position: fixed; bottom: 30px; right: 20px;}
header h1 {float: left;}
header p {float: left;}
section.top2 {
	position: relative;
}
section.top2 figure {position:absolute; top:4em;  left: 0; right: 0; margin-left:auto; margin-right:auto; text-align:center;  }
section.top2 img {width:300px;}


section.top2 .rightbox p.invit {width:50%; min-width:180px; min-height:220px; text-align:left; background:rgb(41,91,173); color:white; font-style:italic; text-transform:none; letter-spacing:0.1em; font-weight: bold; 
                     padding:3em 2em 0 12em; font-size:0.9em; margin:0; line-height:1.5em; vertical-align:bottom; }
section#top {
    background: url('images/hlavicka1.jpg') no-repeat;
	background-size: cover;
	/*min-height: 400px;*/
	text-align: center;
	color: white;
	margin-top: 0px;
	position: relative;
	top: 0;
	padding-top: min(400px, 20%);
}

div#chairmen {
	width: auto /;
	height: 3em;
	position: relative;
	top: 10.5em;
	text-align: right;
	background: transparent;
	padding-top: 1em;
	padding-left: 0em;
	padding-bottom: 0.5em;
	font-size: 1em;
	line-height: 1em;
	margin-left: 0;
	margin-right: 0px;
}
/*div#chairmen {width:25%; min-width:250px; position:relative; right: -30px; text-align:right; background:white; padding: 1em 5em 2em 0em; font-size:1em; line-height:1em; margin-left:auto; margin-right:0; vertical-align:bottom; bottom:0; bottom: -230px; }*/
div#chairmen {position: absolute; bottom: 10%; right: 1%; padding-bottom: 0.5em}
div#chairmen p.subt {padding-top: 5px;}
div#chairmen strong {font-size:1em; line-height:1.5em; color: rgb(41,91,173); text-transform:none; letter-spacing:0;}
div#chairmen p {margin-bottom:0; line-height:1em; padding:0.1em; }
div#chairmen .subt {color:black; font-size:0.7em; font-weight: bold; vertical-align:bottom; margin-top:0; text-transform: uppercase; letter-spacing: 0.2em;}

hr {margin:0; padding:0;}
.leftbigseparator  {
	width: 50%;
	height: 30px;
	background-color: rgb(41,91,173);
	position: relative;
	left: 0;
	right: auto;
	margin-right: auto;
	margin-left: 0;
	border: solid 0px;
	top: 0px;
	bottom: 0px;
} 
.rightbigseparator {width:50%; height:30px; background-color:rgb(41,91,173); text-align:right; margin-left:auto; border: solid 0px;}

.breadcrumbs {
	font-size: 0.9em;
	font-weight: bold;
	color: #ffffff;
	display: flex;
  	align-items: center;
	height: 35px;
}
.breadcrumbs a{
	text-decoration: none;
	font-weight: bold;
	color: #ffffff !important;
}
.breadcrumbs a:hover {
	text-decoration: underline;
}

h1 {font-size:2em; line-height:1.2em; font-weight:bold; margin-top:0; padding-top:1em; margin-bottom:0.5em; text-transform:uppercase; text-align: center; color: rgb(41,91,173);}
h2 {text-align:center; font-size:1.8em; line-height:1.2em; font-weight:normal; color:rgb(106,106,106); text-transform:none;}
h3 {margin:1em auto 0.2em auto; font-size:1.3em; font-weight: 600; color:rgb(86,86,86); padding-left:0.4em;}
h4 {margin:1em auto 0.5em auto; font-size:1.3em; font-weight:normal; /*padding-left:0.8em;*/}
h5 {margin:1em auto 0.2em auto; font-size:1.05em; }


.news a{color: rgb(41,91,173)!important; font-weight: bold;}
.news a:hover{text-decoration: underline;}

section#program a {color:rgb(41,91,173); font-weight:bold}
p {font-size:17px;   line-height:23px; margin-left:10px; margin-right:10px;}	

section {margin:0;}         
section.obsah {
	position: relative;
	background: rgb(233,238,247);
	min-height: 247px;
	padding: 0 5% 2% 5%;
	position: relative;
	top: 0;
	margin-bottom: 0;
}

#registration {background: rgb(233,238,247);}



.col2 {column-count:2; -webkit-column-count: 2; /* Chrome, Safari, Opera */  -moz-column-count: 2;}
.init {font-size:3em; color:rgb(41,91,173);}
section.obsah button {
	text-transform: uppercase;
	font-size: 1.2em;
	line-height: 3em;
	text-align: center-right;
	background-color: rgba(254,173,0, 1);
	color: white; /*font-weight:bold */
	;
	border: solid 5px rgba(255,255,255,0.6);
	letter-spacing: 0.2em;
	cursor: pointer;
	 
}

.line {width: 100%; height: 20px; background-color: rgb(35,43,45);}
.ending {clear: both; width: 100%; height: 1px;}
hr {-webkit-margin-before: 0; -webkit-margin-after: 0; }
.progmen {margin: 0 auto; max-width: 1200px;}
.progmen div {display: block;}


/* -----------medailonky speakrů----*/
div.speakersprofiles {display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; width: 80%; margin: 0 auto; font-size: 17px;}
.speaker-card {
    box-sizing: border-box;
	flex: 0 1 calc(50% - 15px);
    width: 48%;                /* Na PC budou 2 vedle sebe */
    min-width: 280px;          /* Na mobilu skočí pod sebe */
    text-align: center;
    padding-bottom: 25px;
}
.photo-box {
    height: 200px;
    display: flex;
    align-items: center;       /* Vertikální centrování fotky */
    justify-content: center;   /* Horizontální centrování fotky */
}
.speakerphoto {
    width: 150px;
    height: auto;
}
.speaker-bio summary {
    display: inline-block;
    margin-top: 15px;
    color: rgb(20,115,150);            /* Barva odkazu (např. vaše zelená) */
    cursor: pointer;           /* Změní kurzor na ruku */
    text-decoration: underline;
    font-weight: bold;
	font-size: 0.9em;
}
.speaker-bio p {
	box-sizing: border-box;
	width: 100%;
	margin-top: 10px;
    font-size: 0.9em;           /* O něco menší písmo pro bio */
    line-height: 1.4;
    text-align: justify;       /* Volitelné: zarovnání do bloku */
    background: rgba(245,245,245,0.6);       /* Jemné pozadí pro odlišení */
    padding: 10px;
    border-radius: 4px;
	overflow-wrap: break-word;
}


footer {height:1em; position:fixed; bottom:0; left:0; background:transparent;}
aside {width:10%; min-width:150px; background-color:white; z-index:6;
 	position:fixed; float:right; top:0; right:0; border:3px solid brown; padding:1em;
         /*border, h3: brown, color:black; list-item: �ipka doprava, list: border-bottom dotted brown */
         }
aside h3 {color:brown; font-size:1.6em; margin-top:0; margin-bottom:0; font-weight:thicker;} 
aside ul {border-bottom:dotted 2px brown; padding:0 1em 1em 2em; list-style-image:url("images/rt.png"); margin-top:0; font-size:1em;}
aside small {font-size:0.85em; color:LightGrey; }
aside a:link {color:rgb(41,91,173);} 
aside a:visited {color:rgb(41,91,173);} 




sup, sub {text-transform:none;}

 p.p50 {font-size:50%; background:LightYellow;}
 p.p100 {font-size:100%; background:LightGreen;}
 p.p300 {font-size:300%; background:LightYellow;}
 p.em05 {font-size:0.5em; background:yellow;}
 p.em {font-size:1em; background:green;}
 p.em2 {font-size:2em; background:yellow;}
 .core p {margin-top:0;}
 div.core>p {padding-left:0em;}
 a {
	text-decoration: none;
	color: white;
	font-weight: 600;
}
 a::hover {font-weight:bold;}
.col2 {column-count:2; -webkit-column-count: 2; /* Chrome, Safari, Opera */  -moz-column-count: 2;}
.init {font-size:3em; color:rgb(241,193,7);}
.lgumch {width: auto /*52px*/; height: 55px; border:none; padding: 0 5px 0 5px;}
.lgiup {width: auto /*67px*/; height: 55px; border:none;}
.lgcsch {width: auto /*67px*/; height: 50px; border:none;}
.lgepf {width: auto /*67px*/; height: 47px; border:none;}
.lg3 {width: auto; height:60px; margin-bottom:2%;}
.Dark {color:rgb(106,106,106);}
.DarkIndianRed {color:rgb(241,193,7);}
.Gray91 {color:rgb(161,195,73);}
.Gray91old {color:rgb(233,232,231);}
.GrayTurq {color:rgb(122,141,147);}
.brown {color:brown;}


header h1 {color:rgb(106,106,106); font-size:1.5em; line-height:1.3em; margin:0 0 0 9px; padding-top:0.0em;}
header h1 a {color:rgb(41,91,173); }
header p {text-transform:uppercase; color:rgb(122,141,147);  font-size:0.8em; line-height:22px; margin:0 0 0 35px; letter-spacing:0.3em;}
header figure {float:right; right:0; top:0; width:210px;}

time  {display:none; bottom:0; left:auto; right:auto; }

.tabmenu {margin:10px 0 0 0; padding:0; text-transform:uppercase; width: 100%; text-align:justify; font-size: 1.05em;}
ul.tabmenu {list-style:none; }
.tabmenu li {display:inline;}
ul.tabmenu li:nth-child(1)::before {content:""; }
ul.tabmenu li::before {content:" / "; color:black;}
nav a { text-decoration: none; color: rgb(35,43,45); font-weight:bold}
nav a.amenu {
	enabled: false;
	padding-top: 2px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 2px;
	}
nav a.amenuact {background:light-yellow; font-weight:bold; padding-left: 9px; padding-right: 9px;/*color:rgb(244,148,2)*/;}
nav a:hover {background:rgb(41,91,173); color:white;}

div.basic {min-height:200px; margin:0; border:none; background:white; /*position:absolute; bottom:0;*/ width:100%;}
div.leftbox { float:left; width:50%; height:5em; position:relative;}
div.rightbox {background: rgb(41,91,173); float:left; width:50%; position:relative; border:0; padding:0;margin:0;}



section.top2 h1 {line-height:1em; font-size: 3.0em; font-weight:bold; color:rgb(41,91,173); text-transform:uppercase; }
section.program h1 {margin-bottom:0; padding-top:0.5em; color:rgb(41,91,173);}

section.top2 input {text-transform:uppercase; font-size:1.3em; line-height:3em; text-align:center; cursor: pointer; background-color:rgb(41,91,173) ; color:white; border: solid 5px rgba(255,255,255,0.6); letter-spacing:0.3em; padding: 0.2em 0.8em 0.2em 1em; }


section#scope div.col2 {
	width: 70%;
	padding: 15px 10px;
	margin-left: auto;
	margin-right: auto;
	
	margin-bottom: -1px;
	vertical-align: top;
	min-width: 800px;
	background-color: rgba(41,91,173,0.70);
	color: white;
	
}
section#scope div.col2 p:nth-child(1) {
	margin-top: 0px;
	margin-left: 10px;
	margin-bottom: 10px;

}
section#scope div.col2 p:nth-child(1):first-letter {font-size:5.5em; color:rgb(254,173,0); float:left; padding:0.1em 0 0 0; line-height:0.8em; }
section.obsah ul {width:68%; min-width:95px; margin-left:auto; margin-right:auto; list-style-type:square; font-size:17px}
section.obsah ul li {margin-bottom:0.7em; padding-left:2em;}
section.obsah ul li::marker {height:2em;}
section.obsah ul li:nth-child(odd) {list-style-image:url("images/greysquare.png");} 
section.obsah ul li:nth-child(even) {list-style-image:url("images/greysquare.png");} 
section.obsah ul li p {color:rgb(35,43,45); font-size:1em;}

section.obsah h2 {margin-top:0; padding-top:30px;}
section.obsah table.short {border:none; margin: 0;  text-align:left; }
section.obsah table.short th {padding-right:2em;}
section.obsah table.short td {padding-right:2em;}
section.obsah h2.date {margin-bottom:0; color:rgb(41,91,173); }
section.obsah p.day {text-decoration:none; color:black; font-size:24px; text-align:center; margin-top:5px !important;}
section.obsah form {text-align:center;}
section.obsah table.dailyprg {width:65%; max-width: 1010px; margin: 0 auto; border-collapse:collapse;}
section.obsah div.core {width:67%; max-width: 1010px; margin: 0 auto;}
section.obsah div.core table.short {position:relative; left:0em; vertical-align:top;}
section.obsah div.core table.short tr td.li {width:1em; padding:0; }
section.obsah div.core table.short tr:nth-child(odd) td.li:nth-child(1)::after {content:url("images/greysquare.png") ; position:relative; top: -9px;}
section.obsah div.core table.short tr:nth-child(even) td.li:nth-child(1)::after {content:url("images/greysquare.png"); position:relative; top: -9px;}
section.obsah div.core table#fees.short tr td:nth-child(1)  {width:1em; padding:0; }
section.obsah .lecturetitle {font-size: 0.9em; text-transform: uppercase;}
section.obsah .annlecturetitle {font-size: 0.9em;  font-style: italic;}
section.obsah div.core ul {width:100%; margin-left:0; list-style-type:square; }

section.obsah a {color:rgb(41,91,173);}
section.obsah a:hover {font-weight: bold;}
section.obsah a:link {color:rgb(41,91,173);} 
section.obsah a:visited {color:rgb(41,91,173);}

table.dailyprg td {vertical-align:top; /*border:1px solid yellow;*/ padding-bottom:0.5em; }
table.dailyprg th {vertical-align:top;}
table.dailyprg td:nth-child(1) {white-space:nowrap; margin-top:0; text-align:right; padding-right:1em;} /*časové údaje*/
table.dailyprg td:nth-child(1) p {margin-top:0; white-space:pre; }
table.dailyprg tr.op td:nth-child(1)::after {content:url("images/greysquare.png"); position:relative; left:-8.5em; top:-1em; }
table.dailyprg tr.paus {color:rgb(41,91,173);font-style: italic;}
table.dailyprg td.seshdr {background-color:rgb(161,195,73); color:rgb(41,91,173); font-weight:bold; text-align:left; padding-left: 2px;}
table.dailyprg td.seshdr::after {content: url("images/greysquare.png"); position:relative;  left:-3em; top:-1.5em; } 
table.dailyprg td.chaired {background-color:rgb(161,195,73); text-align:left; padding-left: 2px;}
td.chaired p {padding-top:0;}
table.dailyprg td p {margin:0;}
table.dailyprg tr.special {background-color:rgba(161,195,73,0.5);}

section#program table {left:0; right:0; margin:0 auto; width:80%; color:white; text-align:center;}
section#program table td {width:20%; height:9em; }
section#program table a {text-decoration:none; color:white; font-size:16px;}
section#program table a:hover {text-decoration:none; color:white; font-size:18px;}
section#program h2 {margin-bottom:0; color:rgb(178,212,73); font-weight:bold;}
section#program table a:hover h2 { font-size:2.6em;}
section#program .progmen {color:white; text-align:center;}
section#program .progmen div {
	height: 9em;
	padding-top: 40px;
}
section#program .progmen a {text-decoration:none; color:white; font-size:16px;}
section#program .progmen a:hover {text-decoration:none; color:white; font-size:18px;}
section#program .progmen a:hover h2 { font-size:2.6em;}
.pSu {position:absolute; left:15%; top:20%;}
.pMo {position:absolute; left:30%; top:20%;}
.pTu {position:absolute; left:45%; top:20%;}
.pWe {position:absolute; left:60%; top:20%;}
.pTh {position:absolute; left:75%; top:20%;}

section#contact table {position:relative; width:100%; top:60%; height:40%; }
section#contact table td {width:50%; vertical-align:top; height:100%;}

section#contact a.aimcadr::after {content:"@imc.cas.cz";}
section#contact table tr td:nth-child(1) {color:rgb(41,91,173); text-align:right; padding-right:1em; font-weight: bold;}

section#general h2, section#travel h2{text-align: left; font-weight: 600; font-size: 1.6em; color: rgb(56,56,56); margin-bottom: 0; padding:1em 0 0.5em 0;  }

section#spons img {height:auto; border:none 0px; margin-bottom:1em;}
section#spons img.land {width:30%; }
section#spons img.port {width:15%; }
section#spons img.sq {width:20%; }

div.award {width: 65%; margin-left: auto; margin-right: auto;}
section#awards img.land {width:160px; padding-right: 30px; padding-bottom: 20px; vertical-align: middle;}
section#awards img.port {width:80px; padding-right: 30px; padding-bottom: 20px; vertical-align: middle;}
section#awards img.sq {width:100px; padding-right: 30px; padding-bottom: 20px; vertical-align: middle;}

div.venue {text-align: center; margin-left: auto; margin-right: auto; padding-top: 10px; padding-bottom: 10px; }


/*-------------------media------------*/
@media (max-width: 1155px) {
	header {height: 130px;}
}
@media (max-width: 990px)  {
	
section#top {
    background: url('images/hlavicka2.jpg') no-repeat;
	background-size: contain;
	text-align: center;
	color: white;
	margin-top: 0px;
	position: relative;
	top: 0;
	padding-top: min(500px, 28.5%);
}
section.top2 .rightbox p.invit {padding:15em 2em 1em 3em; font-size:0.85em; min-height: 150px; min-width: 75%; }
	section#top2 figure {bottom: 47%;}
}


@media (max-width: 850px)  { 
.prava1 {clear: both; margin: 0 auto; text-align: center; width: 100%;}
.leva1 {clear: both; margin: 0 auto; text-align: center; width: 100%;}


.progmen {padding-top: 15px; }
	
.speaker-card {flex: 0 1 100% !important;}
	.breadcrumbs {width: 100% !important;}		
}

							   							   

@media (max-width: 850px) 
   {
    section#scope div.col2 {
    width: 90%;
    height: 100%;
    margin: 5px auto;
    vertical-align: top;
    min-width: 10px;
    font-size: 12px;
    column-count: 1;
    margin-bottom: 5px;
}
						
    .pSu {position:absolute; left:15%; top:30%;}
    .pMo {position:absolute; left:45%; top:30%;}
    .pTu {position:absolute; left:75%; top:30%;}
    .pWe {position:absolute; left:30%; top:50%;}
    .pTh {position:absolute; left:60%; top:50%;}


   }

@media (max-width: 810px)  {
section.obsah table.dailyprg {width:90%; margin: 0 auto; border-collapse:collapse;}
section#general table.sched  {width: 100%; margin: 0 auto; border-collapse:collapse;}
section.obsah div.core {
width: 80%;}
	section#top h1{font-size: 2.5em; padding-top: 0.6em; padding-bottom: 0.6em; margin-top: 0.8em; /*margin-bottom: 0.8em;*/ }	
}
@media (max-width: 600px)  {
	.lgpmm, .lgiup, .lgumch {height: 45px; padding-top: 10px;}
	.lgepf {height: 37px;}	
section#top {margin-top: 0; clear: both;}
section#top p {padding-top: 60px;}
div#chairmen {width:25%; min-width:150px; position:relative; right: 0px; text-align:right; background:white; padding: 1em 5em 2em 0em; font-size:1em; line-height:1em; margin-left:auto; margin-right:0; vertical-align:bottom; bottom:0; bottom: -150px; }
section#top2 p.invit {padding: 19em 1em 1em 2em; min-height: 180px; font-size: 12px;}
section#contact table {font-size: 90%;}
section#top p {padding-top: 0;}
main {width:100%; margin-left:auto; position: static; margin-right:auto; margin-top:20px;}
section .award img.land {width:60%; }
section#spons img.port {width:30%; }
section#spons img.sq {width:46%; }
	section.obsah ul{width: 85%;}
}
@media (max-width: 480px)  {
	header {height: 150px;}
	section.top2 h1 {font-size: 2.25em;}
	header h1 {font-size: 1.1em; line-height: 1em; margin-left: 0px;}

	section#top h1 {font-size: 2em; margin-top: 0.2em;}    
section#scope {background-size: 200%}
section#program {background-size: 200%}
section#contact {background-size: 200%}
main {width:100%; margin-left:auto; position: static; margin-right:auto; margin-top:0; clear: both;}
section#top {margin-top: 0;}
section.top2 img {width:250px;}	
}


@media (max-width: 450px)  {
section.obsah table.short th {padding: 0;}
section.obsah div.core {width: 100%;}
#fees {font-size: 95%!important;}
#fees p  {font-size: 95%!important;}

.short p {font-size: 95%!important;}
.dead p {font-size: 95%!important;}
h1 {font-size: 180%;}
section.obsah ul  {min-width: 50px;}
section.obsah ul li {max-width: 80%;}
section.obsah div.core ul {width: 50%;}
.sched {font-size: 95%!important;}
.dailyprg {font-size: 95%!important;}
section.obsah table.dailyprg {width:100%;}
section.obsah {padding: 0 1% 2% 1%;}
table.dailyprg td:nth-child(1) {padding-right: 4px;}
}

@media (max-width: 430px)  {
	header {height: 170px;}
}


@media print              {nav {display:none;}
                          }