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: 130px; margin: 0 auto; z-index:5; text-align:left;}
body>nav {width:98%;  /*background-color:light-blue; */ 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:100%;}
time: {width:100%;}
body {max-width: 95%; margin: 0 auto;}
.mywidth {max-width: 95%; 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;}
.prava1{
	float: right;
	margin-top: 23px;
	margin-right: 10px;
	margin-left: 0;
	margin-bottom: 0;
}
.leva1{
	float: left;
	margin-top: 3px;
	margin-right: 0px;
	margin-left: 0;
	margin-bottom: 0;
}
.goingtop {position: fixed; bottom: 30px; right: 20px;}
header h1 {float: left;}
header p {float: left;}
input:read-only {background-color: rgb(198,218,204); border: none;}
section#top figure {width:170px; height:auto; background:transparent; position:absolute; top:15%; right:0; margin-left:0; margin-right:auto; margin-top:1%; text-align:left; vertical-align:middle; }


section#top p.invit {width:70%; min-width:100px; /* max-width:280px; */ min-height:260px; text-align:left;/* background:rgb(122,141,147); */ color:white; font-style:italic; text-transform:none; letter-spacing:0.1em; padding:5em 2em 0 5em; font-size:/*1em*/1.3em; margin:0; line-height:1.8em; vertical-align:bottom; }
div#chairmen {
	width: auto /;
	height: 3em;
	position: relative;
	top: 14em;
	text-align: right;
	background: transparent;
	padding-top: 1em;
	padding-left: 0em;
	padding-bottom: 2em;
	font-size: 1em;
	line-height: 1em;
	margin-left: 0;
	margin-right: 0px;
}
.news a{color: rgb(80,161,122)!important; font-weight: bold;}
.news a:hover{text-decoration: underline;}
section#scope h1 {
	font-weight: bold;
	margin: 0.2em;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 10px;
}		
section#scope a {font-weight:bold}
section#program a {color:rgb(80,161,122); font-weight:bold}
p {font-size:17px;   line-height:25px; margin-left:10px; margin-right:10px;}	
div#chairmen {/*background:green;*/ position:absolute; bottom:10%; right:1%; padding-bottom:0.5em;} 
section {margin:0;}         /* JJ UMCH: na nasledujicich radcich odstranuji v url() 81pmm/ */

/*@media (min-width: 640px)
{}*/
section#top {
    background: url('photo/hrad.jpg') no-repeat;
	background-size: cover;
	min-height: 850px;
	text-align: center;
	color: white;
	margin-top: 0px;
	position: relative;
	top: 0;
	padding-top: 5em;
}
	
section#topgen {
    background: url('photo/ulicka.jpg') no-repeat;
	background-size: cover;
	min-height: 475px;
	text-align: center;
	color: rgb(80,161,122);
	position: relative;
	top: 0;
	padding-top: 5em;
}
section#topspon {
	background: url('photo/trojskymost.jpg') no-repeat;
	background-size: cover;
	min-height: 475px;
	text-align: center;
	color: rgb(80,161,122);
	position: relative;
	top: 0;
	padding-top: 5em;
}
section#topcont {
	background: url('photo/ustav.jpg') no-repeat;
	background-size: cover;
	min-height: 475px;
	text-align: center;
	color: rgb(80,161,122);
	position: relative;
	top: 0;
	padding-top: 5em;
}

section#program {
	background: url('photo/karluvmost.jpg') no-repeat;
	background-size: cover;
	min-height: 475px;
	text-align: center;
	color: rgb(80,161,122);
	position: relative;
	top: 0;
	padding-top: 5em;
}

section#registr {
	background: url('photo/mosteckavez.jpg') no-repeat;
	background-size: cover;
	min-height: 475px;
	text-align: center;
	color: white;
	position: relative;
	top: 0;
	padding-top: 5em;
	
}
section#scope {
	background: url('photo/letohradek.jpg') no-repeat;
	background-size: cover;
	min-height: 464px;
	color: white;
	padding: 3% 0 0 0;
	position: relative;
	top: 0;
}	
section#general {background:rgb(217,231,221); min-height:400px; padding:0 5% 2% 5%; position:relative; top:0; margin-bottom:0; }
section.obsah {
	background: rgb(217,231,221);
	min-height: 247px;
	padding: 0 5% 2% 5%;
	position: relative;
	top: 0;
	margin-bottom: 0;
}
/*section#contact {
	background-size: cover;
	min-height: 475px;
	text-align: left;
	color: rgb(80,161,122);
	position: relative;
	padding-top: 5em;
	top: 0;

}*/

section#top p {font-weight:bold; color:rgb(255,255,255); font-size:1.7em; line-height:1em; padding-top:1px; letter-spacing:0.2em; margin:0 auto 0.1em auto; text-transform:uppercase;}
/*section#top p.dedication {font-weight:bold; color:rgb(255,255,255); font-size:1.3em; line-height:1.2em; padding-top:1px; letter-spacing:0.2em; margin:0 auto 0.1em auto; text-transform:none; background-color: rgba(80,161,122,0.6); color:rgb(80,161,122!important); padding-top: 0.5em; padding-bottom: 0.5em;}*/
section#top h1 {/*text-transform:uppercase;*/
	font-size: 3em;
	line-height: 1em;
	text-align: center-right;
	background-color: rgba(80,161,122,0.6);
	color:rgb(80,161,122!important);	font-weight: bold;
	border: none;
	letter-spacing: 0.1em;
	padding-top: 1em;
	padding-bottom: 1em;
	margin-top: 2em;
	/*margin-bottom: 1em;*/
}
	/*font-size:3.6em; line-height:1em; font-weight:bold; padding-top:0; text-transform:uppercase;}*/
/*section#top a color:rgb(80,161,122); */
.col2 {column-count:2; -webkit-column-count: 2; /* Chrome, Safari, Opera */  -moz-column-count: 2;}
.init {font-size:3em; color:rgb(80,161,122);}
section#top input {
	text-transform: uppercase;
	font-size: 1.2em;
	line-height: 3em;
	text-align: center-right;
	background-color: rgba(80,161,122, 1);
	color: white; /*font-weight:bold */
	;
	border: solid 5px rgba(255,255,255,0.6);
	letter-spacing: 0.2em;
	 
}
section#top input:read-only {color:Gray;}
section#contact h1 {padding-top: 350px; padding-bottom: 0; margin-bottom:100px;}
.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;}
						   
						   
@media (max-width: 810px)  { 
.prava1 {clear: both; margin: 0 auto; text-align: center; width: 100%;}
.leva1 {clear: both; margin: 0 auto; text-align: center; width: 100%;}
header{min-height: 215px;}
header h1 {float: none; text-align: center; margin: 10px auto;}
header p {float: none; text-align: center; margin: 10px auto;}
section#top p.invit {padding: 10em 2em 0 3em; min-height: 200px;}
/*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}
.col2 p {font-size: 14px; line-height: 18px;}
p {font-size:15px;   line-height:20px; }	
header {background-color: white; position: static; z-index: 100;}
nav {background-color: white;}
section#top {margin-top: 0px; clear: both;}
section#top figure {bottom: 47%;}
div#chairmen p.subt {padding-top: 5px;}
section#scope {min-height: 420px; background-size: 150%;}
section#program {min-height: 380px; background-size: 150%;}
.progmen {padding-top: 15px; }
}




@media (min-width: 640px) and (max-width: 1280px) 
                           { header {width:100%; top:0; left:0;right:0; margin:auto; height: 140px;/* background-color:rgb(200,255,200); */ background-color:white; z-index:5;}
                             body>nav {width:100%; /* background-color:rgb(200,255,200); */ background-color:white; top:120px; min-height: 36px; font-size:13px; 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;}
                             #basic {width:100%;}
                             time {width:100%;}
                             /* header p::after {content:" - medium";} */
                           }
@media (min-width: 1280px) { header {width:100%; /* background-color:light-yellow;*/ background-color:white; min-height: 125px; top:0; left:0;right:0; margin:auto;  z-index:5;}
                             body>nav {width:1280px;  /* background-color:rgb(255,255,224); */ background-color:white; top:120px; min-height: 36px; font-size:13px; left:0;right:0; margin-left:auto; margin-right:auto; text-alig:justify; z-index:5;}
                             main {width:100%; margin-right:auto; margin-top:0; }

                             #basic {width: /*100% */ 1280px;}
                             time {width:/*100% */1280px; }
                             /* header p::after {content:" - high"; */}
                           

@media print              {nav {display:none;}
                          }
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(80,161,122);} 
aside a:visited {color:rgb(80,161,122);} 

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

h1 {font-size:2.6em; line-height:1.2em; font-weight:bold; margin-top:0; padding-top:0em; margin-bottom:0.5em; text-transform:uppercase;}
h2 {text-align:center; font-size:2.3em; 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.6em; }
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; }

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: normal;
}
 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);}
.lgpmm {width: auto /*70px*/; height: 60px; border:none;}
.lgpng {width: auto /*70px*/; height: 58px; border:none;}
.lgumch {width: auto /*52px*/; height: 60px; border:none; padding: 0 5px 0 5px;}
.lgiup {width: auto /*67px*/; height: 60px; border:none;}
.lgcsch {width: auto /*67px*/; height: 55px; border:none;}
.lgepf {width: auto /*67px*/; height: 50px; 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(217,231,221);}
.Gray91old {color:rgb(233,232,231);}
.GrayTurq {color:rgb(122,141,147);}
.brown {color:brown;}

/* header {width:1200px; background-color:white; height: 120px; position:fixed; top:0; left:0;right:0; margin:auto; } */
header h1 {color:rgb(106,106,106); font-size:1.5em; line-height:1em; margin:0.3em 0 0 9px; padding-top:0.5em;}
header h1 a {color:rgb(80,161,122); }
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;}
/* body>nav {width:1200px;  background-color:white; position:fixed; top:120px; height: 36px; font-size:13px; left:0;right:0; margin-left:auto; margin-right:auto; } */
time  {display:none; bottom:0; left:auto; right:auto; }

.tabmenu {margin:10px 0 0 0; padding:0; text-transform:uppercase; width: 100%; text-align:left; font-size:15px;}
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: 9px;
	padding-left: 9px;
	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(80,161,122); color:white;}
table.basic {min-height:326px; margin:0; border:none; background:white;}
table.basic td {width:25%; vertical-align:bottom; height:100%; border:0; margin:0;}
table.basic td:nth-child(2) {text-align:right; background:white; padding: 1em 5em 2em 0em; font-size:18px; line-height:22px; }
table.basic td:nth-child(3) {text-align:left; background:rgb(122,141,147); color:white; padding:0  0.5em 2em 5em; font-size:22px; line-height:32px; font-style:italic;}
div.basic {min-height:200px; margin:0; border:none; background:white; position:absolute; bottom:0; width:100%;}
div.leftbox { /*background:yellow;*/ float:left; width:50%; height:5em; position:relative;}
div.rightbox {background: rgb(80,161,122); 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(80,161,122); text-transform:uppercase; /*text-shadow: 0px 0px 10px white;/*background: rgba(80,161,122,0.2); padding: 25px;*/}
section.program h1 {margin-bottom:0; padding-top:0.5em; color:rgb(80,161,122);}
section.top2 p.invit {width:50%; min-width: 400px; text-align:center; color:white; font-style:italic; letter-spacing:0.1em; 
                       font-size:1.2em; left:0; right:0; margin:2em auto 2em auto; line-height:1.5em; vertical-align:bottom; }
section.top2 input {text-transform:uppercase; font-size:1.3em; line-height:3em; text-align:center; background-color:rgb(80,161,122) ; color:white; border: solid 5px rgba(255,255,255,0.6); letter-spacing:0.3em; padding: 0.2em 0.8em 0.2em 1em; }
section.top2 input:read-only {color:Gray;}
section.top2 .rightbox p.invit {width:25%; min-width:180px; min-height:260px; text-align:left; background:rgb(122,141,147); color:white; font-style:italic; text-transform:none; letter-spacing:0.1em; 
                     padding:4.4em 2em 0 12em; font-size:0.95em; margin:0; line-height:1.5em; vertical-align:bottom; }



div#chairmen strong {font-size:1em; line-height:1.5em; color:rgb(80,161,122) /*rgb(241,193,7);*/}
div#chairmen p {margin-bottom:0; line-height:1em; padding:0.1em;}
div#chairmen p strong {font-size:0.6em; color:rgb(80,161,122) ;text-transform:none; letter-spacing:0; }
div#chairmen p.subt {color:black; font-size:0.7em; vertical-align:bottom; margin-top:0;}

/*
section#top table.basic {position:relative; bottom:-180px; }
section#top table.basic p {font-size:18px; text-transform:none; padding:0; margin:0;}
*/


section#topgen p.invit {width:50%; min-width: 400px; text-align:center; color:white; font-style:italic; letter-spacing:0.1em; 
                       font-size:1.2em; left:0; right:0; margin:2em auto 2em auto; line-height:1.5em; vertical-align:bottom; }

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

}
section#scope div.col2 p:nth-child(1):first-letter {font-size:5.5em; color:rgb(80,161,122); 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:1em; 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 h1 {text-align:center; color: rgb(80,161,122); margin-top:0; padding-top:60px;}
section.obsah h2 {margin-top:0; padding-top:55px;}
section.obsah table.short {border:none; margin: 0; /*width:50%;*/ 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(80,161,122); }
section.obsah p.day {text-decoration:none; color:black; font-size:24px; text-align:center; margin-top:0;}
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; }
section.obsah div.core ul {width:100%; margin-left:0; list-style-type:square; }

section.obsah a {color:rgb(106,106,106);}
section.obsah a:link {color:rgb(80,161,122);} 
section.obsah a:visited {color:rgb(80,161,122);}

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(122,141,147);font-style: italic;}
table.dailyprg td.seshdr {background-color:rgb(177,207,187); color:rgb(80,161,122); font-weight:bold; border-top:2em solid rgb(217,231,221);text-align:left; }
table.dailyprg td.seshdr::after {content: url("../images/greysquare.png"); position:relative;  left:-3em; top:-1.5em; } 
table.dailyprg td.chaired {background-color:rgb(177,207,187); text-align:left;}
td.chaired p {padding-top:0;}
table.dailyprg td p {margin:0;}


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(80,161,122); 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%; background-color:rgb(217,231,221); height:40%; }
section#contact table td {width:50%; /*vertical-align:top;*/ height:100%;}
section#contact h1 {text-align:center; color:rgb(80,161,122);}
section#contact table td h1 {color:brown; text-align:left; padding-top:0.5em; margin-bottom:0;}
section#contact h3 {color:white; text-align:left; padding-top:0.5em; }
section#contact p {color:black; margin-top:2em; list-style-type:none;}
section#contact p.79pmm {/* float:left; left:5%;*/ }
section#contact figure {float:right; right:0; top:0; margin:0; padding:0;}
section#contact a {text-decoration:none; color:rgb(80,161,122);}
section#contact a.aimcadr {color:black;}
section#contact a.aimcadr::after {content:"@imc.cas.cz";}
section#contact table tr td:nth-child(1) {color:black; text-align:right; padding-right:1em; }
section#contact table tr td:nth-child(2) {color:black; }
section#contact table tr:nth-child(1) td:nth-child(1) {color:black; padding-left:20%; }
section#contact table tr:nth-last-child(1) td:nth-child(1) {vertical-align:bottom; padding-bottom:2%; text-align:center;}
section#contact table tr:nth-last-child(1) td:nth-child(2) {text-align:center;vertical-align:bottom;}
section#contact table td p {margin-top:01em;}
section#general table.sched  {width: 69%; margin: 0 auto; border-collapse:collapse;}
section#general table.sched th {vertical-align:top; padding:1em 0;}
section#general table.sched th h2 {padding:0;}
section#general table.sched td {/*vertical-align:top;*/ padding:0.2em 0;}
section#general table.sched td:nth-child(2) {padding:1em 0 0.2em 0;}
section#general table.sched tr.l {background-color:LightGrey; }
section#general h2 {margin-bottom:0; color:brown; line-height:1em; padding:1em 0 0.5em 0; margin-top:0; }
section#general p {margin-left:32%;}
section#general a:link {color:rgb(80,161,122);}
section#general a:visited {color:rgb(80,161,122);}
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:23%; }
/*section.obsah a.aimcadr::after {content:"@imc.cas.cz";}*/

/*.vip a:link {color:rgb(60,115,90) !important;}
.vip a:visited {color:rgb(60,115,90) !important;}*/

/* Přehled typů písma: Vše Open Sans regular, není-li uvedeno jinak:

font-size:27px;   line-height:31px; text-align:left;         - header H1           
font-size:14px;   line-height:22px; text-align:left;         - header p            
font-size:13px;                     text-align:left;         - nav (horní navigace)
font-size:13px;   line-height:46px; text-align:left;         - druhé menu          
font-size:41px;   line-height:36px; text-align:center;       - top nadpis s datem konání
font-size:41.3px; line-height:36px; text-align:center; bold; - top název konference
font-size:16.8px; line-height:49px; text-align:center;       - top tlačítko Registration
font-size:24px;   line-height:29px; text-align:right;        - basic chairmen, topics
font-size:18px;   line-height:22px; text-align:right;        - basic IMC Prague; 
font-size:18px;   line-height:22px; text-align:left;         - contact adresa ústavu 
font-size:22px;   line-height:32px; text-align:left; italic; - basic p            
font-size:51px;   line-height:61px; text-align:center;       - H1 ostatní sekce
font-size:16px;   line-height:25px; text-align:left;         - p ostatní 
font-size:26px;   line-height:31px; text-align:left;         - Contact název konference

rgb(35,43,45) #232B2D - černé/tmavé pozadí 
rgb(241,193,7) #F1C107 - hnědé - pozadí menu 2. úrovně nevybraná položka, některé nadpisy, oddělovače sekcí
rgb(233,232,231) #E9E8E7 - okr - pozadí Topics
rgb(217,231,221) #E6EDF1 - sv. modrá - pozadí Topics
rgb(122,141,147) #7A8D93 - šedá - oddělovače sekcí, pozadí za pravou fotografií
*/

@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; -webkit-column-count: 1; -moz-column-count: 1; margin-bottom: 0px;}
						
    .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: 645px)  {
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; }*/
div#chairmen {position: absolute; bottom: 10%; right: 1%; padding-bottom: 0.5em; top: 12em;}	
section#top p.invit {padding: 8em 1em 0em 2em; min-height: 180px; font-size: 12px;}
section#contact table {font-size: 80%;}
section#top p {padding-top: 0;}
main {width:100%; margin-left:auto; position: static; margin-right:auto; margin-top:20px;}
section#spons img.land {width:60%; }
section#spons img.port {width:30%; }
section#spons img.sq {width:46%; }
}
@media (max-width: 480px)  {
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;}
div#chairmen {position: absolute; bottom: 10%; right: 1%; padding-bottom: 0.5em; top: 8em;}	
section#top {margin-top: 0;}
}
@media (max-width: 400px)  {
section#top figure {width: 90%;}
section#top figure img {width: 100%;}
section#scope { background-size: 300%;}
div#chairmen {position: absolute; bottom: 10%; right: 1%; padding-bottom: 0.5em; top: 8em;}	
}

@media (max-width: 450px)  {
section.obsah table.short th {padding: 0;}
section.obsah div.core {width: 100%;}
div#chairmen {position: absolute; bottom: 10%; right: 1%; padding-bottom: 0.5em; margin-bottom: 1em; top: 8em;}
#fees {font-size: 88%!important;}
#fees p  {font-size: 88%!important;}
main{position: absolute; top: 275px;}
.short p {font-size: 88%!important;}
.dead p {font-size: 88%!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: 88%!important;}
.dailyprg {font-size: 82%!important;}
section.obsah table.dailyprg {width:100%;}
section.obsah {padding: 0 1% 2% 1%;}
table.dailyprg td:nth-child(1) {padding-right: 4px;}
}