@font-face {font-family:"Boschall";src:url("BoschSansCond-Regular.otf") format("opentype");}
@font-face {font-family:"Boschie";src:url("BoschSansCond-Regular.eot");}

* {margin:0;padding:0;font-family:"Boschie","Boschall","Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;font-size:10.0pt;color:#414444;}
body {text-align:center;background-color:#ffffff}
ul {list-style-type:none;}
table th {text-align:left;font-weight:normal;}
a {text-decoration:underline;color:#4C90CD;}
a:hover {text-decoration:none;}
a.smazat {background:url("kos.png") no-repeat left center;padding-left:20px;}
a.nastaveni {background:url("nastaveni.png") no-repeat left center;padding-left:20px;}
a.editace {background:url("edit.png") no-repeat left center;padding-left:20px;}
a.uzivatele {background:url("uzivatele.png") no-repeat left center;padding-left:20px;text-transform:lowercase;}
a.povolit {background:url("povolit.png") no-repeat left center;padding-left:20px;}
a.zakazat {background:url("zakazat.png") no-repeat left center;padding-left:20px;}
.clear {clear:both;display:block;height:1px;}

.stredovyBlok {width:90%;text-align:left;margin:0px auto;box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, .4);}
/* ------------------------------ */

/* Stránka přihlášení */
#stred {width:900px;height:700px;margin:20px auto;background:url("logo_uvodni.jpg") repeat left top;text-align:left;}
#stred h1 {position:relative;left:110px;top:40px;font-size:160%;}
#stred h1 span, #stred h1 strong {font-size:160%;color:#0C3863;font-weight:normal;}
#stred h1 strong {font-weight:bold;display:block;}
#stred .okraje {background-color:#ffffff;width:220px;top:80px;left:140px;position:relative;box-shadow: 0px 0px 11px 7px rgba(0, 0, 0, .4);border:solid 1px #3A608C;}
#stred form {padding:15px;display:block;}
#stred .formular {padding:10px 0;float:left;}
#stred .formular label {display:block;float:left;width:40px;position:relative;top:6px;}
#stred .formular input {padding:5px;width:120px;border:solid 1px #999999;}
#stred .tlacitko {padding:10px 0 10px 40px;clear:both;}

/* ------------------------------ */

#hlavicka {position:relative;}
#hlavicka h1 {width:90px;position:absolute;left:15px;top:0;z-index:5;}
#hlavicka #logo {width:90px;height:91px;}
#hlavicka div {text-align:left;background-color:#002E48;position:relative;top:11px;}
#hlavicka ul {padding-left:160px;}
#hlavicka li {float:left;padding-right:1px;}
#hlavicka li a {color:#FFFFFC;font-weight:bold;display:block;float:left;font-size:120%;padding:12px 15px;text-decoration:none;}
#hlavicka li a:hover {background-color:#5391CA;}
#hlavicka li a.aktivni {background-color:#5391CA;}

#hlavicka_uzivatel {}
#hlavicka_uzivatel p {text-align:right;padding:0 15px;position:relative;z-index:60;top:6px;}
#hlavicka_uzivatel p span {font-size:90%;font-weight:normal;background:url("uzivatel.png") no-repeat 0% 40%;padding-left:20px;}
#hlavicka_uzivatel p a {padding-left:23px;background-image:url("exit.png");background-position:8% 60%;background-repeat:no-repeat;font-size:90%;text-transform:none;margin-left:10px;}

/* ------------------------------ */

#telo {padding-bottom:10px;padding-top:30px;}
#telo .teloOkraj {padding:10px 15px;}

#telo h2 {margin:1.0em 0 10px 0;clear:both;padding:6px 12px;}
#telo h2 a {font-size:180%;font-weight:normal;padding-right:25px;margin-right:10px;background:url("sipka_n.png") no-repeat 100% 50%;}
#telo h2 span {font-size:180%;color:#003264;font-weight:normal;}
#telo h2.float {float:left;}

#telo .pomocneOdkazy {text-align:right;padding-bottom:6px;}
#telo .pomocneOdkazy a {padding-left:10px;text-transform:lowercase;background:url("lnkstylf.png") no-repeat 0% 50%;}


#formnovyuzivatel {display:none;}
#telo p.info {padding:4px 0;font-style:italic;}
#telo p.varovani {padding:8px 0;color:#cc0000;font-weight:bold;font-size:120%;}

#telo form {background-color:#F1F1F1;display:block;padding:8px;clear:both;border:solid 1px #A8BAD2;}
#telo .formular {width:210px;float:left;padding-top:10px;}
#telo .formular2 {width:600px;float:left;padding-top:10px;}
#telo .formular label, #telo .formular2 label {display:block;font-style:italic;}
#telo .formular input, #telo .formular select, #telo .formular textarea, #telo .formular2 textarea {padding:3px;}
#telo .formular input {width:75%;}
#telo .formular input.kratky {width:30%;}
#telo .formular select {width:86%;}
#telo .formular textarea {width:80%;}
#telo .formular2 textarea {width:95%;}
#telo .formular input.boxmini {width:auto;}
#telo .formular span {padding-right:10px;}
#telo .tlacitko {padding:18px 0 10px 0;float:left;margin-top:5px;margin-left:10px;}
.eras_inp {display:none;}
.jedenBox {width:25%;display:block;float:left;margin-bottom:4px;}

#telo ul.prilohy {margin-left:15px;}
#telo p.maxi {padding-bottom:20px;text-align:right;font-size:150%;}
#telo p.maxi strong {color:#990000;font-size:100%;}

.statistika {padding-left:20px;font-size:100%;display:inline;float:right;position:relative;top:14px;}
.statistika strong {font-size:120%;padding-left:5px;}
.polovina {float:left;width:50%;}
.polovina .datatable {width:80%;}

/* ------------------------------ */

.layout4 {width:99%;margin-top:1.0em;}
.layout4 td {width:33%;padding:10px 20px;vertical-align:top;}
.layout4 p {padding:3px 0px;}
.layout4 h3 {color:#999999;font-size:120%;padding-bottom:12px;text-transform:uppercase;}

.datatable {margin:10px 0;}
.datatable table {margin:1px;width:99.9%;border:solid 1px #003264;background-color:#ffffff;}
.datatable th {padding:8px 4px;background-color:#87847d;color:#ffffff;font-weight:normal;}
.datatable th.prazdnyTh {}
.datatable th a {color:#ffffff;}
.datatable td {padding:8px 4px;border-left:dashed 1px #eeeeee;}
.datatable tr.sedy td {background-color:#f9f9f9;}
.datatable tr.svetly td {background-color:#cccccc;}
.datatable th.vpravo {text-align:right;}
.datatable td.odkazy {text-align:right;}
.datatable td.odkazy a {margin-left:15px;}
.datatable tr.neaktivni td {color:#ddbbbb;font-style:italic;}
.datatable img {position:relative;top:2px;}
.datatable tr:hover td {background-color:#eeeeee;}
.datatable a:visited {color:#9933CC;}
#telo #formNoveHeslo {display:inline;background-color:transparent;padding:0;}
#formNoveHeslo input {padding:2px;width:100px;}

.tlacitko button {border:0;background-color:transparent;background-position:center center;background-repeat:no-repeat;width:116px;height:30px;margin-right:10px;}
.tlacitko button.ulozit {background-image:url("tlacitko_ulozit.gif");}
.tlacitko button.najit {background-image:url("tlacitko_hledat.gif");}
.tlacitko button.login {background-image:url("tlacitko_login.gif");}
.tlacitko button.reset {background-image:url("tlacitko_reset.gif");}
.tlacitko button span {padding-left:22px;color:#ffffff;text-transform:uppercase;font-size:92%;}
button.ulozitB {border:0;background-color:transparent;background-position:center center;background-repeat:no-repeat;width:116px;height:30px;margin-right:10px;background-image:url("tlacitko_ulozit.gif");}

div.strankovani {padding:8px 0;}
div.strankovani span.strankovaniclear {display:block;height:1px;clear:both;}
div.strankovani ul {}
div.strankovani ul li {padding:0 5px;float:left;}
div.strankovani ul li a {border:0;display:block;float:left;padding:2px 6px;}
div.strankovani ul li strong {display:block;float:left;padding:2px 6px;}
div.strankovani ul li.prvniSkupina {}
div.strankovani ul li.prvniSkupina a {}
div.strankovani ul li.prvniSkupina span {}
div.strankovani ul li.posledniSkupina {}
div.strankovani ul li.posledniSkupina a {}
div.strankovani ul li.posledniSkupina span {}

#oknoHlaseni {display:none;position:absolute;z-index:10;width:500px;top:100px;left:50%;margin-left:-250px;background-color:#494f52;border:solid 1px #666a69;}
#oknoHlaseni .konecHlaseni {padding:8px;background-color:#c9cccd;}
#oknoHlaseni .konecHlaseni a {background:url("zavrit.png") no-repeat center center;display:block;width:29px;height:29px;float:right;border:0;}
#oknoHlaseni .konecHlaseni a span {display:none;}
#oknoHlaseni .konecHlaseni .clear {clear:both;display:block;height:1px;}
#oknoHlaseni .obsahHlaseni {padding:15px;text-align:left;}
#oknoHlaseni .obsahHlaseni li {padding:7px 0px 7px 20px;color:#ffffff;font-size:120%;background:url("chyba.png") no-repeat 0% 55%;display:block;}
#oknoHlaseni .obsahHlaseni li.ok {background:url("ok.png") no-repeat 0% 55%;}

#pata {text-align:left;height:30px;}
#pata small {color:#888888;position:relative;top:45px;left:15px;}

.clear {clear:both;height:0px;display:block;}


#pata, #telo, #hlavicka, #hlavicka_uzivatel {background-color:#F5F9FC;}


#kalendar {position:absolute;background-color:#676155;z-index:5;font-size:8.0pt;padding:0;margin:0;display:none;}
#kalendar * {padding:0;margin:0;}
#kalendar a {text-decoration:none;}
#kalendar div#okraj {border:solid 2px #aaaaaa;}
#kalendar div#konec {text-align:right;padding:5px;}
#kalendar div#konec a {color:#ffffff;}
#kalendar div#konec a:hover {text-decoration:underline;}
#kalendar div#konec a.dnes {margin-right:20px;}
#kalendar div#konec a.dnes:hover {}
#kalendar div#konec a.zavrit {}
#kalendar div#konec a.zavrit:hover {}
#kalendar ul {list-style-type:none;display:block;float:left;width:100%;padding:10px 0;}
#kalendar ul li {float:left;display:block;}
#kalendar li#ps1, #kalendar li#ps2 {width:20%;}
#kalendar li#ps3 {width:60%;text-align:center;}
#kalendar ul li a {width:21px;height:20px;display:block;float:left;margin-left:-10px;position:relative;left:50%;}
#kalendar ul li a span {display:none;}
#kalendar ul li select {width:90%;}
#kalendar li#ps1 a {background:url("rok_R.png") no-repeat center bottom;}
#kalendar li#ps1 a:hover {background:url("rok_h_R.png") no-repeat center bottom;}
#kalendar li#ps2 a {background:url("rok_L.png") no-repeat center bottom;}
#kalendar li#ps2 a:hover {background:url("rok_h_L.png") no-repeat center bottom;}
#kalendar table {border:0;width:100%;clear:both;background-color:#ffffff;border-collapse:separate;}
#kalendar th, #kalendar td {text-align:center;font-weight:normal;width:14%;}
#kalendar th {background-color:#bbbbbb;color:#ffffff;text-transform:uppercase;padding:5px;border-bottom:solid 1px #e9e9e9;}
#kalendar td {border:solid 1px #e9e9e9;}
#kalendar td.prazdny {border:0;}
#kalendar td.dnes {background-color:#CCD6E5;}
#kalendar td a {display:block;padding:8px 5px;color:#606060;font-weight:normal;}
#kalendar td a:hover {font-weight:bold;}