@charset "utf-8";
/* CSS Document */

* {margin:0;padding:0;}
body {width:100%;color:black;background-color:gainsboro;font-family:Arial, Verdana, Helvetica, Sans-serif;font-size:10pt;margin:0px auto;text-align:center;position:absolute;vertical-align:top;}
#info {text-align:left}
#info h4 {margin:5px 0px 0px 0px;text-decoration:underline;font-style:italic;font-size:1.2em}
#info p {margin:0px}
#info p.datum {margin:0px;font-style:italic;margin-bottom:10px}
#header {border-bottom:1px solid white;padding-bottom:10px;}
#header h3 {display:inline-block;}
#header a {text-decoration:none;color:white;font-weight:bold;display:inline-block;width:70px;margin:2px 0px;vertical-align:middle;}
#navileft {float:left;text-align:left;}
#naviright {float:right;text-align:right;}
label {display:inline-block;width:80px;text-align:right}
button {margin-top:20px}
.warning {text-align:center;color:red;margin-top:10px;}

/* login */
#placeholder #login {margin:0px auto; display:table}
#placeholder #login {margin:0px auto; display:table}
#placeholder #login label {width:90px;display: inline-block;padding-right:10px;margin-top:10px;text-align:left;}
#placeholder #login input {width:200px;display: inline-block;}

/* createrecords, editrecords */
#placeholder {height:100%;min-height:100vh;width:1000px;margin:0px auto;background-color:white;position:relative;padding: 10px 0px 0px 0px;}
#placeholder fieldset {width:700px;text-align:center;border:3px double gray;margin:0px auto;padding-bottom:10px}
#placeholder fieldset fieldset {border:none;background-color: gainsboro;}
#placeholder legend {font-weight:bold;text-align:left;background-color:white;padding:2px}
#placeholder h3 {text-align:center;padding-top:0px;margin-bottom:10px}
#placeholder label {width:170px;display: inline-block;}
#placeholder input {width:500px;display: inline-block;}
#placeholder input[type=submit] {width:100px;margin-top:10px}
#placeholder input[type=file] {margin-top:10px;width:300px}
#placeholder ul {list-style-type:none;margin:0px;width:700px;padding-left:0px;text-align:left}
#placeholder li {margin-bottom:2px;margin-right:2px;padding:5px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:gainsboro;display:inline-block}
#placeholder li.header {margin-bottom:5px;font-weight:bold;font-style:italic;border-bottom:1px dotted gray}
#placeholder li.filedesc {width:228px}
#placeholder li.filename {width:183px}
#placeholder li.newfilename {width:183px}
#placeholder li.deletelink {width:60px;margin-right:0px;text-align:right}

/* listrecords */
#listrecords {width:980px;margin:10px;border:1px solid gainsboro;border-collapse:collapse;text-align:left;table-layout:fixed;}
#listrecords td, th {padding:3px;border:1px solid gainsboro;vertical-align:top;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#listrecords th {background-color:gainsboro;border-right:1px solid white;}
#listrecords th:last-child {border-right:1px solid gainsboro;}
#listrecords .id {width:27px;text-align:right;}
#listrecords .datum {width:108px;text-align:center;}
#listrecords .popis {width:408px}
#listrecords .filelist {width:408px}
#listrecords a {display:block;}

/* editrecords */
#editrecords {width:700px;margin:10px auto;border:1px solid gainsboro;border-collapse:collapse;text-align:left;table-layout:fixed;}
#editrecords td, th {padding:3px;border:1px solid gainsboro;vertical-align:top;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#editrecords th {background-color:gainsboro;border-right:1px solid white;}
#editrecords th:last-child {border-right:1px solid gainsboro;}
#editrecords .id {width:27px;text-align:right;}
#editrecords .datum {width:108px;text-align:center;}
#editrecords .zaznam {width:422px}
#editrecords .editrecord {width:60px;margin-right:0px;text-align:center}
#editrecords .deleterecord {width:60px;margin-right:0px;text-align:center}

/* news */
#editrecords .titulek {width:280px}
#editrecords .info {width:400px}
#fsnews {width:600px; text-align: left;}
#fsnews label {width:60px;}
#fsnews #informace {vertical-align: top;}
#newnews {width:100px;}
#placeholder #titulek, #placeholder #informace {width:600px;}
#placeholder #titulek {width:600px; margin-bottom: 10px;}

/* zapis vodomeru */
#placeholder #vodomer label {width: 100px;}
#placeholder #stavvodomeru {width: 50px;}

/* vypis vodomeru */
#vodomery {width:265px;margin:10px auto;border:1px solid gainsboro;border-collapse:collapse;text-align:left;table-layout:fixed;}
#vodomery td, th {padding:3px;border:1px solid gainsboro;vertical-align:top;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#vodomery th {background-color:gainsboro;border-right:1px solid white;}
#vodomery th:last-child {border-right:1px solid gainsboro;}
#vodomery .login {width:65px;text-align:right;}
#vodomery .timestamp {width:100px;text-align:center;}
#vodomery .vodomer {width:100px;text-align:right;}

/* leva cast */
#nastenka {width:380px;background-color:blue;color:white;height:100vh;padding:10px;float:left;margin-top:-10px;}
#nastenka p {text-align:left;margin:0px}
#nastenka p a {color:gainsboro}
#info {margin:10px 0px; width:auto;height:auto;padding-bottom:20px;border-bottom:1px solid white;}
#info p {margin:0px}
#info a:link, #info a:visited {color: yellow;}
#info a:active, #info a:hover {color: white;}

/* prava cast */
#seznam {width:580px;background-color:white;height:100vh;padding:10px;float:right;margin-top:-10px;}
#vlastnici ul {margin:10px 0px;padding-left:0px;text-align:left;list-style-type:none;}
#vlastnici li {margin:2px 2px 0px 0px;padding:5px;background-color:gainsboro;display:inline-block}
#vlastnici li.header {margin-bottom:5px;font-weight:bold;font-style:italic;padding: 5px;}
#vlastnici li.jmeno {font-weight:bold;width:238px}
#vlastnici li.telefon {width:108px}
#vlastnici li.email {width:200px;margin-right:0px}
#groupmail {text-align:left;padding-top:10px}