/* CSS 

$$ß÷×@&&€|đ\|\\||€~ˇ^˘^^^^š^˘˘řř°˛``˙```````````]]
łŁ}}{}{łŁ÷$$$}
--- shortcuts --

Ctrl + L ... označ řádek
Ctrl + Shift + D duplikuj řádek
Ctrl + Enter ... nový dole
Ctrl + Shift + Enter ... nový hore
Ctrl + M ... k závorce

*/
body  {font-size:18px; width: 100%; margin: 0px auto; text-align:center; 
  font-family: helvetica, tahoma, verdana; color:#004; background: url('../obr/braile.jpg')}

div {text-align: left;}
div[onclick] {cursor:pointer;}
span[onclick] {cursor:pointer;}
.stranka{width:1100px; margin:0px auto;background:rgba(40,60,100,.6); padding:5px; border-radius:5px}


p {text-align: center; margin:5px 0px; padding:0px;}
li {text-align:left}

h1 {color: #fff; text-align:center ;padding:5px; font-family: Tahoma; font-size: 32pt; font-weight: normal;letter-spacing:2px; margin:1px; position:relative; top:0px;}
h2 {color: #458; text-align:center; display: block; margin: 10px; padding:5px 0px; font-family: "verdana","arial"; font-size: 120%; font-weight: normal; border: 0px solid #00f; letter-spacing:3px; }

h3 {text-align:center; padding:5px; font-family: "tahoma","arial"; font-size: 130%; font-weight: bold; letter-spacing: 2px; margin:8px;}
h4 {color:#007;font-weight: bold; font-size:110%; text-align:center; 
    margin:7px 0 0 0;letter-spacing:1px;padding:5px 0; 
    border-top-left-radius:5px;
    }

a:link  {color:#007 }
a:visited {color:#007 }
a:active  {color:#00c }
a:hover  {text-shadow:1px 1px 1px #aaf; }

.strankovani {margin:7px; text-overflow:ellipsis; overflow-wrap: break-word }
.strankovani a {background:#fff; border-radius:3px; padding:1px 4px; margin:0px 5px; text-decoration: none; border:1px solid rgba(0,0,0,0);}
.strankovani a:hover {border: 1px solid #005}
.strankovani .akt_stranka {border:2px solid #005; background:rgba(0,0,0,0);}

img {border:none; }
img[onclick], div[onclick] {cursor: pointer;}

form {padding:20px;margin: 5px auto;display:block;}
form h2 {color:#053; font-size:140%}
.form-nazev {color: #333;font-weight:bold; text-align:center; margin: 10px;
  font-family: "verdana","arial"; letter-spacing:2px;}
.form-ed {padding:12px; background: rgba(200,255,205,0.5); border-radius: 5px;box-shadow:#345 1px 1px 2px;margin:15px auto; display:table;}
.form-ed2 {background: rgba(200,255,205,0.5); border-radius:3px;box-shadow:#345 1px 1px 2px;margin:15px auto;}
.form-prilohy {background: #fff; border-radius:3px; box-shadow:#aaa 1px 1px 1px; border:1px #aaa solid; margin:0px 0px 8px 0px;padding-bottom:10px;}

input {background:white; font-weight:bold; padding:2px 3px;}
textarea {background:white; font-weight:normal; padding: 3px 3px; border: 1px #7c7 solid; border-radius:3px; color: #007; font-size:100%; font-family: helvetica}
select {background:white; font-weight:bold; padding:2px 3px;}
.in {background:white; font-size:100%; border: 1px #7c7 solid;
 border-radius:3px; color: #116; padding:2px 4px; margin:0px;}

.label {color:#152; text-align:right; vertical-align: middle; font-weight:bold;  position:relative; }

.label3 {color:#448;text-align:right;vertical-align:text-top; padding-top:3px;padding-bottom: 3px;padding-right:6px;}

.gradient {padding:0px; background: rgba(90,110,230,0.5); border-radius:3px;box-shadow:#345 1px 1px 1px;margin:20px auto;}


table  {font-size:100%; table-layout:fixed; margin:0px auto; text-align:left; padding: 0px; border: 0px red solid; border-collapse:collapse;}
td  {padding:0px 3px; margin:0px;}
tr  {padding:0px; margin:0px; border: 0px solid red;}
tr[onclick] {cursor: pointer;}
td[onclick] {cursor: pointer;}

input[type=radio] + span {margin-left:.1em; margin-right: .5em}
input[type=checkbox] + span {margin-left:.1em; margin-right: .5em}
input[type="radio"]:checked + span{font-weight:bold;}
input[type="checkbox"]:checked + span{font-weight:bold;}
input:disabled, select:disabled {background: #bfb0}

form table {border-collapse:collapse;}
form table td, .form-ed table td {padding:4px;}
.tab-okno{width: 100%; overflow: auto}
.tab-cista{border-collapse:collapse;}
.tab2 {margin: 10px auto ; border-collapse:collapse; border:1px #78a solid;box-shadow:#348 1px 1px 2px;}
.tab2ex {border-top:2px #79b solid;border-radius: 4px;}
.tab2 td {padding:3px 5px 5px 5px; overflow:auto; vertical-align: text-top}
.tab2 th {text-align: center;font-weight:normal;font-size:85%;background:#78a; color:#fff;padding:3px 5px;}
.tab2 tr {border-bottom:1px #7a7 dotted; background:#fffd}
.tab2 tr:hover {background:#dfb;}
.svislice td, .svislice th {border-left:1px dotted #55a; border-right:1px dotted #55a}
.tab2 th a {color:#fff; text-decoration: none}
.tab2 th a:hover {color:#ffe; text-decoration: underline}



.svetlo:hover {background:rgba(255,255,255,.5); border-radius: 4px;}
.tma:hover {background:rgba(0,0,0,.5); border-radius: 4px;}
.beztramu:hover {background:#fff;}

.zahlavi {text-align:left; margin:10px auto; margin-bottom:0px;  width:900px;}
.logo {margin-bottom:8px; float:left; width:100px;}
.papir {margin:5px auto; padding:5px; background: url('../obr/rucpap.jpg') rgba(240,250,240,0.5); border-radius: 8px;padding:5px;box-shadow:#345 2px 2px 4px; text-align:center;}

.login {color:#ffe; font-weight:bold; text-align: right; margin: 0px; padding:3px 10px 5px 0px;}
.loginbox{color:#ffe;font-weight:bold; background:#aaa; border:1px solid #b80; padding-left:3px;}

.logout {margin:5px; text-align:right;position:relative; left:-12px; color:#ffe; }
.logout a {padding:2px 5px; font-weight:bold; text-decoration:none; color:#efc; border-radius:3px; border: 2px solid #efc;}
.logout a:hover{border: 2px solid #fff;}
.copyright {margin:5px; text-align:right; position:relative; left:-12px; color:#ffe; cursor:pointer;}

.hlavni {
        margin: 20px auto;
        min-height:365px;
        text-align: center;
        padding:0px 40px;}

.na-hlavnim {background:#fff; margin:auto; padding:8px; box-shadow:#348 1px 1px 2px; overflow:hidden;}

.menu {display:block; background: #fffe;
    border-top:2px solid #89a; border-bottom:2px solid #89a;
    margin:5px auto; padding: 6px;
    text-align: center;  font-weight:bold}
.menu a:link,.menu a:visited  {border-radius: 8px; margin:0px 2px;;
  font-family: verdana ; letter-spacing:0px;font-size:125%; color:#038; text-decoration:none; padding:7px 12px; border:5px solid rgba(0,0,0,0);
}
.menu a:hover {color:#36b; border: 5px solid #25a; }

#akt_menu {color:#038; text-shadow:#abe 2px 2px 2px;
    letter-spacing:1px; background:#fff;
    border: 7px solid #038;
    box-shadow:#345 1px 1px 2px;}

.hlaska {color: #005; background: #cfc; margin: 10px auto; width:600px; padding:10px; border:1px solid #aaa; display:table; border-radius:5px; box-shadow:#345 1px 1px 2px; text-align:center;}

.b {font-weight: bold}
.n {font-weight: normal; letter-spacing: 0px;}
.p {margin:1em 0em;}
.p2 {margin:.5em 0em;}
.p3 {margin:.3em 0em;}
.vvelke {font-size:150%}
.velke {font-size:120%}
.male {font-size:90%} 
.mmale {font-size:80%} 

.stred{text-align:center;}
.levo{text-align:left;}
.pravo{text-align:right;}
.nic{display:none;}
.top{vertical-align: top; position:relative; top:2px;}

.podtr{border-bottom: 1px solid #077}
.ppodtr{border-bottom: 2px solid #077}
.nadtr{border-top: 1px solid #077}
.roz{letter-spacing: 1px;}
.rroz{letter-spacing: 2px;}
.kuk{border:1px solid red;}
.blede{opacity: .5;}

.bez {text-decoration:none;}
.bez:hover {text-decoration:none;}
.alert{background: #fcc; padding: 0 4px; border: 1px red solid; border-radius: 3px; }

.okraj1 {margin:8px 0px;}
.tlac {cursor:pointer; text-decoration:none; background:#ffc; padding:2px 7px;border-radius:5px;
    box-shadow: 1px 1px 4px 0px #9bb;margin:0px 3px 3px 0px; border:1px solid #8bf ; }
.tlac:hover {text-decoration:none; background:#fffaaa;  }
.tlac:active {position:relative;top:1px;background:#fe8;}

.storno {  
    border-radius:5px; border:1px solid #566963;
    display:inline-block;
    background:#68b; color:#fff;
    font-family:arial;
    font-size:100%;
    padding:3px 15px;
    text-decoration:none;
    cursor:pointer;
}
.storno:hover{background:#59d;}
.storno:active {position:relative;top:1px;}



/* tlacitka */

input[type=submit], .tlac-f {
    text-align: center;
    cursor:pointer;
    box-shadow:inset 0px 1px 3px 0px #91b8b3;
    background:linear-gradient(to bottom, #05a 5%, #07c 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#768d87', endColorstr='#6c7c7c',GradientType=0);
    border-radius:5px;  border:1px solid #048;
    display:inline-block;
    color:#ffffff;
    font-size:100%; font-weight:bold;
    padding:3px 15px;
    text-decoration:none;
}

input[type=submit]:hover, .tlac-f:hover {
    background:linear-gradient(to bottom, #07c 100%, #05a 5%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c7c7c', endColorstr='#768d87',GradientType=0);
}
input[type=submit]:active, .tlac-f:active {position:relative;top:1px;}
input[type=submit]:disabled, .tlac-f:disabled {background:#888; color:#ddd;}

.stara-sml {opacity: .5; display:none;}