/* Rozvržení stránky */
.TopFrame {position: absolute; 
    top: 0px; 
    left: 0px; 
    width: 100%; 
    height: 100px; 
    overflow: hidden;
    z-index: 1;
    border-bottom: 5px solid #0063A8;
    background-color: #FFFFFF;}

.LeftFrame {position: absolute; 
    top: 100px; 
    left: 0px; 
    bottom: 30px; 
    width: 270px; 
    border-right: 5px solid #0063A8; 
    background-color: #E9E9E9;}

.MainFrame {position: absolute; 
    top: 100px; 
    left: 275px; 
    bottom: 30px; 
    right: 0px; 
    padding: 10px; 
    overflow: auto; 
    background-color: #E9E9E9;}

.MainFrameFull {position: absolute; 
    top: 100px; 
    left: 0px; 
    bottom: 30px; 
    right: 0px; 
    padding: 10px; 
    overflow: auto; 
    background-color: #E9E9E9;}

.Footer {position: absolute; 
    left: 0px; 
    bottom: 0px; 
    height: 25px; 
    width: 100%; 
    border-top: 5px solid #0063A8; 
    background-color: #E9E9E9;}

/* Obecné */
body, td, th {font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px;
    line-height: 1.4;}

a {text-decoration: none;}

a:link {font-weight: bold; 
    color: #0000A0;} 

a:hover {text-decoration: underline; 
    color: #0063A8;}

.selected a, 
a.selected {font-weight: bold; 
    font-style: italic;  
    color: #FF0000;}

/* Horní rám */
.TopFrame table {width: 100%; 
    height: 100%; 
    border: 0px;
    border-collapse: collapse;}

.TopFrame table td.Logo {width: 495px; 
    text-align: left;
    vertical-align: top;}

.TopFrame table td.Logo img {height: 100px;} 

.TopFrame table td.Links {height: 18px;
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    font-weight: bold; 
    text-align: right; 
    vertical-align: middle; 
    padding: 0px 20px 0px 20px;}

.TopFrame table td.HeaderTitle {font-family: Tahoma, "Times New Roman", serif; 
    font-weight: bold; 
    color: #0000A0; 
    text-align: center; 
    vertical-align: top; 
    padding: 15px;}

.TopFrame table div.Title {font-size: 24px;
    line-height: normal;}

.TopFrame table div.SubTitle {font-size: 18px; 
    color: #FF0000;
    font-style: italic;
    line-height: normal;}

/* Levý rám */
.Menu {position: absolute; 
    top: 0px; 
    left: 0px; 
    right: 0px; 
    bottom: 0px; 
    padding: 10px; 
    overflow: auto;}

.MenuTitle {font-family: Arial, Helvetica, sans-serif; 
    font-size: 16px; 
    font-weight: bold; 
    color: #000000;
    line-height: normal;
    margin-bottom: 20px;}

.Menu ul {padding: 0px; 
    margin: 0px;}

.Menu ul li {list-style-type: disc; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    margin: 3px 0px 3px 15px;}

.MenuItem {font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    font-weight: bold; 
    padding: 5px; 
    border-top: 1px solid #0000A0;}

.MenuItemTitle {font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    font-weight: bold; 
    color: #000000;
    line-height: normal;
    padding: 0px;}

.SubMenuTitle {font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    font-weight: normal; 
    font-style: italic; 
    color: #000000;
    line-height: normal;
    padding: 0px 0px 3px 5px;}

.SubMenu ul {padding: 0px; 
    margin: 0px;}

.SubMenu ul li {list-style-type: disc;
    margin: 0px 0px 3px 22px;
    color: #0063A8;}

.SubMenuItem {font-family: Arial, Helvetica, sans-serif; 
    color: #0063A8; 
    font-size: 12px; 
    font-style: italic; 
    margin: 0px 0px 3px 10px;}

.Menu a {font-weight: bold; 
    color: #0000A0;} 

.Menu a:hover {text-decoration: underline; 
    color: #0063A8;}

.Menu .selected a {font-weight: bold; 
    font-style: italic;  
    color: #FF0000;}

/* Hlavní rám */
.MainTitle {font-family: Arial, Helvetica, sans-serif; 
    font-size: 18px; 
    font-weight: bold;
    line-height: normal; 
    color: #0000A0; 
    text-align: left;
    width: calc(100% - 125px);}

.MainSubTitle {font-family: Arial, Helvetica, sans-serif; 
    font-size: 14px; 
    font-weight: bold; 
    font-style: italic; 
    line-height: normal;
    color: #0000A0; 
    text-align: left;
    margin-bottom: 6px;}

.MainFrame ul,
.MainFrameFull ul {padding: 0px 0px 0px 15px;
    margin-top: 3px;}

.MainFrame ul li,
.MainFrameFull ul li {list-style-type: disc; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px;}

div.logo-eu {width: 440px;
    height: auto;
    padding: 4px 4px 0px 4px;
    margin: 27px 17px;
    background-color: #FFFFFF;}

.logo-eu img {width: 440px;
    height: 64px;}

/* Seznam knihoven */
div.lib-list ul {list-style: none; 
    margin: 0px; 
    padding: 0px;}

div.lib-list ul li {display: inline-block;
    margin: 20px;
    text-align: center;}

div.lib-list ul li a {display: inline-block;
    width: 190px;
    height: 64px;}

div.lib-list ul li a img {max-width: 100%;
    max-height: 100%;
    margin: auto;}

div.lib-list ul li.scale img:hover {scale: 2.1;}

/* Zápatí */
.Footer table {border-collapse: collapse;
    width: 100%; 
    height: 100%; 
    border: 0px;}

.Footer td {color: #0063A8; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    font-weight: bold; 
    vertical-align: middle;
    padding: 0px 10px 0px 10px;}

.Footer td.left {text-align: left;
    width: 40%;}
.Footer td.center {text-align: center;
    width: 20%;}
.Footer td.right {text-align: right;
    width: 40%;}

.Footer td a:link {color: #FFFFFF;} 
.Footer td a:hover {color: #B0B0B0;}

/* Zobrazení semaforů */
span.dot {height: 8px;
    width: 8px;
    border-radius: 50%;
    display: inline-block;
    margin-left: 5px;}

span.green {background-color: #00CC00;}
span.orange {background-color: #FFBF00;}
span.red {background-color: #FF0000;}

.font-red {color: #FF0000;}
.font-red-bold {font-weight: bold; 
    color: #FF0000;}
.font-red-bold-bg-yellow {font-weight: bold; 
    color: #FF0000;
    background-color: #FFFF00;
    padding: 0px 10px;}

/* Zobrazení informací */
div.row {margin-left: 20px;}

span.column {display: inline-block;
    width: 140px;
    margin: 3px 20px 3px 0px;
    vertical-align: top;}

span.column2 {display: inline-block;
    width: 60px;}

span.column3 {display: inline-block;
    width: 60px;
    text-align: right;}

/* Statistiky */
table.stat {max-width: 100%; 
    border: 2px solid black; 
    border-collapse: collapse;}

table.stat tr:hover td:not([class="total"]) {background-color: #D0FFFF;}

table.stat th {background-color: #0063A8; 
    border: 1px solid black;
    padding: 3px 5px 3px 5px;
    font-weight: bold; 
    color: #E9E9E9; 
    text-align: left; 
    vertical-align: top;}

table.stat th.center {text-align: center;} 
table.stat th.total {text-align: right;} 

table.stat td {border: 1px solid black; 
    background-color: #FFFFFF; 
    padding: 2px 5px 2px 5px; 
    text-align: left; 
    vertical-align: top;}

table.stat td.total {background-color: #0063A8; 
    font-weight: bold;
    text-align: right;} 

table.stat td span.total {background-color: #0063A8; 
    font-weight: bold;
    text-align: right;
    margin-left: 50px;} 

table.stat td.right {text-align: right;} 

table.stat td.code {font-family: Courier New, monospace;
    font-size: 13px;
    line-height: 1.4;} 

table.stat tr.header td  {border: 0px; 
    font-weight: bold; 
    background-color: #DCDCDC;}
table.stat tr.header:hover td  {background-color: #DCDCDC;}

table.stat tr.inv-value td  {background-color: #FFDAB9;}
table.stat td.inv-value {background-color: #FFDAB9;}

table.stat tr.canc-value td  {background-color: #C1EDAD;}

table.help {border-collapse: collapse;}

table.help th, td {text-align: left; 
    vertical-align: top; 
    padding: 0px 20px 0px 0px;}

table.help td.code {font-family: Courier New, monospace;
    font-size: 13px;
    line-height: 1.4;} 

/* Seznam odkazů */
div.bookmarks ul {list-style: none; 
    margin: 0px; 
    padding: 0px;}

div.bookmarks ul li {display: inline-block; 
    width: 50px; 
    text-align: left;}
    
div.bookmarks ul li.selected {font-style: italic;  
    color: #FF0000;}

/* Ostatní */
div.field {font-weight: bold; 
    color: #0000A0;}
    
a.button {display: inline-block;
    color: #E9E9E9;
    text-decoration: none;
    padding: 3px 12px;
    margin: 5px 0px;
    outline: none;
    border-radius: 6px;
    background-color: #0063A8;
    transition: 0.5s;} 

a.button:hover {filter: alpha(opacity=70); 
    opacity: .7}

a.button:active {filter: alpha(opacity=70); 
    opacity: .7}