body.a { background-color: white ; font-family: arial,helvetica,sans-serif,verdana ; }
@media all and                         (max-width:  800px) { body.a { background-color: white; } }
@media all and (min-width: 1050px) and (max-width: 1300px) { body.a { background-color: white; } }
@media all and (min-width: 1300px) and (max-width: 1550px) { body.a { background-color: white; } }
@media all and (min-width: 1550px) and (max-width: 8000px) { body.a { background-color: white; } }

#section.baner { position: absolute; left: 450px; width: 800px; top: 10px ; }
section.baner { position: absolute; left: 30%; width: 50%; top: 10px ; }
section.baner { position: relative; left: 00%; width: 100%; top: 00px ; }
@media all and (min-width: 1300px) and (max-width: 1550px) { section.baner { left: 150px; width: 1100px; } }
@media all and (min-width: 1550px) and (max-width: 8000px) { section.baner { left: 200px; width: 1300px; } }

section.title { text-align: right; color: #1A376F; left: 0px; width: 97%; position: absolute; top: 20px ; }
@media all and                         (max-width:  800px) { section.title { top: 0px; } }

section.cent { position: relative; left: 0%; width: 100%; top: 0px ; }
section.main { position: relative; left: 30%; width: 60%; top: 0px ; }
@media all and                         (max-width:  800px) { section.main { left: 5%; width: 90%; top: 0px ; } }
@media all and (min-width: 1300px) and (max-width: 1550px) { section.main { left: 450px; width:  800px ; } }
@media all and (min-width: 1550px) and (max-width: 8000px) { section.main { left: 500px; width: 1000px ; } }

section.foot { position: relative; left: 30%; width: 60%; top: -20px }
@media all and                         (max-width:  800px) { section.foot { left:  2%;   width:  96% ; top: 0px ; } }
@media all and (min-width:  800px) and (max-width: 1050px) { section.foot { left:  5%;   width:  90% ; } }
@media all and (min-width: 1300px) and (max-width: 1550px) { section.foot { left: 450px; width:  800px ; } }
@media all and (min-width: 1550px) and (max-width: 8000px) { section.foot { left: 500px; width: 1000px ; } }

section.smenu { position: absolute; left: 5%; width: 25%; top: -5px ; border: 0px solid green ; }
@media all and                         (max-width:  800px) { section.smenu { left: 2%; } }
@media all and (min-width: 1300px) and (max-width: 1550px) { section.smenu { left: 140px; width: 25% ; } }
@media all and (min-width: 1550px) and (max-width: 8000px) { section.smenu { left: 190px; width: 25% ; } }

div.ttitle { }
div.twider { padding-bottom: 10px ;}
div.tabstr { display: none ; }
div.sessi  { font-style: italic ; margin-top: 20px; margin-bottom:  5px ; margin-left: 20px ;}
div.chair  { font-style: italic ; margin-top:  5px; margin-bottom: 15px ; margin-left: 20px ;}
div.cblock { border: 1px solid white ; border-radius: 10px ; padding: 20px ; background-color: #f8f8f8 ; }
div.sblock { width: 750px ; border: 1px solid black ; border-radius: 10px ; padding: 10px ; }
div.lukb   { height:  60px ; }
div.luka   { height: 100px ; }
div.lukab  { height: 600px ; }

h1.heada { margin-top: 14px ; margin-bottom: 10px ; letter-spacing: 2px ; text-shadow: 1px 0.5px silver ; font-size: x-large ; }
h2.headb { margin-top: 0px ; margin-bottom: 10px ; }
@media all and                         (max-width:  800px) { h2.headb { font-size: smaller; } }
h2.headc { margin-top: 0px ; }
@media all and                         (max-width:  800px) { h2.headc { font-size: smaller; } }
h1.title { }
h2 { text-shadow: 1px 0.5px silver; letter-spacing: 2px ;}
h4.title { }
h5 { color: #464513; text-decoration: none ; } 

span.coc { font-size:16px ; line-height: 1.55 ; color: black ; }
span.cod { font-size:18px ; }
span.coe { font-size:16px ; font-weight: 600 ; color: #5599ff ; }
span.coi { font-size:16px ; color: #5599ff ; }
span.ispn { font-size:16px ; color: black ; line-height: 1.8 ; }
span.ispl { font-size:16px ; color: grey ; font-weight: 100 ; }
span.scirac1 { font-size:16px ; line-height: 1.55 ; text-align: justify ; text-justify: auto ; }
span.remote {color: #48a1ad ; font-style: italic ; font-size: smaller ; }

li.insp { padding-top: 3px ; padding-bottom: 3px ; font-size: 18px ; }

p { text-align: justify ; text-justify: auto ; }
hr { color: silver ; border-width: 1px }

a { color: #0c4374; text-decoration: none ; font-weight: 500 ; } 
a.menu { color: #1A376F; text-decoration: none ; } 

#a:hover { color: #207FA1; text-decoration: none ; }
a:hover { color: #5599ff; text-decoration: none ; }

table.smenu { width: 500px; border: 20px ; }
table.prog     { width: 750px ; border: 0px solid black ; }

tr.break { height: 50px ; background-color: #ebeeee; color: #207FA1 ; }
tr.progr { height: 40px ; }
tr.sessi { font-style: italic ; }
td.mys   { text-align: center; }
td.ptime { width: 110px ; }
td.punkt { width: 420px ; }
td.persn { width: 170px ; }
td.smenu { width: 400px; valign: bottom ; }

img.baner { float:center; width: 100% ; }

#page-container { position: relative; min-height: 100vh; }
#content-wrap { padding-bottom: 2.5rem;    /* Footer height */ }

#footer { position: absolute; bottom: 0; width: 100%; height: 2.5rem;            /* Footer height */ }

.vertical-menu { width: 250px; }
@media all and (min-width: 800px) { .vertical-menu { display: block; } }
@media all and (max-width: 800px) { .vertical-menu { display: none; } }

.vertical-menu a       { background-color: white; color: #1A376F; display: block; padding: 12px; text-decoration: none; }
.vertical-menu a:hover { background-color: #eee;  color: #5599ff; background-image: linear-gradient(#eee, #dadede, #eee); border: 10px; border-color: #5599ff ; border-radius: 8px; }
.vertical-menu a.act   { background-color: white; color: #5599ff; text-decoration-line: none; text-decoration-style: solid; border: 10px; border-color: #5599ff ; }

.container { position: relative; width: 50%; }
.image { display: block; width: 100%; height: auto; }
.overlay { position: absolute; bottom: 0; left: 100%; right: 0; background-color: #008CBA; overflow: hidden; width: 0; height: 100%; transition: .5s ease; }
.container:hover .overlay { width: 100%; left: 0; }

.text { white-space: nowrap;  color: white; font-size: 20px; position: absolute; overflow: hidden; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }

div.menuicon { width: 15px; height: 3px; background-color: #5599ff; margin: 2px 0; }
.mobile-container { rrmax-width: 480px; rrmargin: auto; rrbackground-color: #555; rrheight: 500px; rrcolor: white; rrborder-radius: 10px; }
.topnav { overflow: hidden; background-color: white; position: relative; }
@media all and (min-width: 800px) { .topnav { display: none; } }
@media all and (max-width: 800px) { .topnav { display: block; } }

.topnav #myLinks { display: none;  border: 10px; border-color: #5599ff ; }
.topnav a { color: #1A376F; padding: 14px 16px; text-decoration: none; font-size: 14px; display: block; background-image: linear-gradient(white, #eee, white);  border-radius: 8px; }
.topnav a.icon { background: white; display: block; position: absolute; right: -100; top: 0; opacity: 0.1 ; padding-bottom: 32px ; padding-right: 97% ; }
.topnav a:hover { background-color: #eee;  color: #5599ff; background-image: linear-gradient(#eee, #ebeeee, #eee); border: 10px; border-color: #5599ff ;  border-radius: 8px; }
.topnav a.act   { background-color: white; color: #5599ff; text-decoration-line: none; text-decoration-style: solid; border: 10px; border-color: #5599ff ; }
.active { background-color: white; color: white; float: center; }

.contabstr{
/*   margin: 0 auto 50px; */
/*   width: 100%; */
/*   max-width: 500px; */
/*   padding: 10px; */
     border: 0px solid #1E5799;
/*   border-bottom: 5px solid #1E5799; */
/*   background: #fff; */
/*   box-shadow: 6px 5px 19px 2px #3d3d3d; */
}

div.getpdf {
   color: #5599ff; ;
   line-height: 1.3;
   cursor: pointer;
   float: right;
   display: inline-block;
   position: relative;
   top: -10px;
   padding: 0 .5em;
/*    color: #97a3a3;; */
   font-size: .6em;
   border: 1px solid #5599ff;;
   border-radius: .25em;
}
a.getpdf { color: #5599ff;; }
a.getpdf:hover { color: #596666;; }
div.read-more-wrap {
  color: #596666; ;
  line-height: 1.3;
  font-size: .85em;
  padding-left: 15px;
  padding-right: 15px;
}
.read-more-state {
  display: none;
}
.read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .25s ease;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}

.read-more-state ~ .read-more-trigger:before {
  content: 'Show abstract';
}

.read-more-state:checked ~ .read-more-trigger:before {
  content: 'Hide abstract';
}

.read-more-trigger {
  cursor: pointer;
  float: right;
  display: inline-block;
  position: relative;
  top: -10px;
  padding: 0 .5em;
  color: #97a3a3;;
  font-size: .6em;
  line-height: 1.3;
  border: 1px solid #97a3a3;;
  border-radius: .25em;
  margin-left: 3px;
  /*   font-family: 'Montserrat', sans-serif; */
}