html,body {margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif;}
body {background: #ccc url('../images/pozadi.gif');}

/* ZAHLAVI */
#zahlavi {display: block; margin: 10px 10px 10px 10px; padding: 10px 10px 10px 10px; background-color: #eee; border: 2px solid #aaa; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; min-width: 1055px;}

#zahlavi #zahlavi_titulek {position: relative; display: block; background: #424242 url('../images/pozadi_hlavicka.gif') bottom repeat-x; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; padding: 10px 10px 10px 10px; color: #cdcdcd; font-size: 0.9em; min-height: 72px;} 
#zahlavi #zahlavi_titulek .logo img {border: 2px solid #fff; margin-right: 10px; float: left;}
#zahlavi #zahlavi_titulek .nadpis {float: left;}
#zahlavi #zahlavi_titulek .nadpis h1 {font-size: 2em; color: #fff; margin: 0; padding: 0;}
#zahlavi #zahlavi_titulek .verze {float: right; font-size: 0.7em; line-height: 150%; text-align: right;}	
#zahlavi #zahlavi_titulek .menu {position: absolute; right: 10px; bottom: 10px;}
	
#zahlavi #zahlavi_hlavniMenu {position: relative; display: block; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; padding: 0px 10px 0px 0px; font-size: 0.9em; color: #fff; border-top: 0px; border-left: 1px solid #aaa; border-bottom: 1px solid #aaa; border-right: 1px solid #aaa;} 
#zahlavi #zahlavi_hlavniMenu ul {margin: 0; padding: 0; list-style: none;}
#zahlavi #zahlavi_hlavniMenu ul li {float: left; border-right: 1px solid #aaa; padding-top: 5px; padding-bottom: 5px;}
#zahlavi #zahlavi_hlavniMenu ul li.aktivni {background-color: #ff5500; padding-left: 15px; padding-right: 15px;}
#zahlavi #zahlavi_hlavniMenu ul li a {padding-left: 15px; padding-right: 15px;}

/* MODUL */
#modul {padding: 0px 10px 10px 10px; display: block; min-width: 1080px;}

#modul #modul_menu {display: block; margin: 0 0 0 0; padding: 10px 10px 10px 10px; background-color: #eee; border: 2px solid #aaa; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; width: 250px; float: left; overflow: hidden;}
#modul #modul_menu .nadpis {display: block; background-color: #000; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; padding: 10px 10px 10px 10px; color: #cdcdcd; font-size: 1em;} 
#modul #modul_menu ul {margin: 0; padding: 0; list-style: none; border-top: 0; font-size: 0.9em; border-left: 1px solid #aaa; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; padding: 5px 0 5px 0;}
#modul #modul_menu ul li {padding: 5px 10px 5px 10px;}
#modul #modul_menu ul li.aktivni a {font-weight: bold;}
#modul #modul_menu ul li.oddelovac {padding: 0; display: block; border-top: 1px solid #aaa; height: 0px; margin-top: 5px; margin-bottom: 5px;}
	 
#modul #modul_obsah {display: block; margin: 0 0 0 280px; padding: 10px 10px 10px 10px; background-color: #eee; border: 2px solid #aaa; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
#modul #modul_obsah.siroky_obsah {margin-left: 0px;}
#modul #modul_obsah h2 {margin: 0; display: block; background-color: #000; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; padding: 10px 10px 10px 10px; color: #ff5500; font-size: 1em;}
#modul #modul_obsah #obsah {margin: 0; display: block; border-top: 0; border-left: 1px solid #aaa; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; padding: 10px 10px 10px 10px;}
#modul #modul_obsah #obsah form fieldset {background-color: #ddd; border: 1px solid #cdcdcd; margin-bottom: 10px;}
#modul #modul_obsah #obsah form fieldset legend {font-size: 0.9em; font-weight: bold; padding: 5px 10px 5px 10px; border-top: 1px solid #cdcdcd; border-left: 1px solid #cdcdcd;	border-right: 1px solid #cdcdcd; background-color: #ddd; color: #555; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;}
#modul #modul_obsah #obsah form fieldset legend a {font-weight: normal;}
#modul #modul_obsah #obsah form label {font-size: 0.9em; color: #555; padding-right: 5px; padding-left: 5px;}
#modul #modul_obsah #obsah form td.label {font-size: 0.9em; color: #555; padding-right: 5px; padding-left: 5px;}
#modul #modul_obsah #obsah form p {color: #555;	font-size: 0.9em;}
#modul #modul_obsah #obsah form .poznamka {font-size: 0.7em; color: #555;}
#modul #modul_obsah #obsah form p.posledniAktualizace {font-size: 0.7em; color: #555}

#modul #modul_obsah #obsah fieldset.prilohy {background-color: #ddd; border: 1px solid #cdcdcd; margin-top: 10px;}


/* ZALOZKY */
ul.idTabs {display: block; margin: 0; padding: 0; list-style: none;}
ul.idTabs li {float: left; margin-right: 2px;}
ul.idTabs li a {font-weight: bold; display: block; padding: 5px 10px 5px 10px; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; background-color: #fff; border: 1px solid #bbb; background-color: #d5d5d5; color: #ff5500; text-decoration: none; font-size: 0.9em;}
ul.idTabs li a img {border: 0;}
ul.idTabs li a.selected {background-color: #bbb; color: #fff; border: 1px solid #bbb;}
ul.idTabs li a:hover {background-color: #bbb; border-color: #bbb; color: #fff;}

.zalozka {background-color: #d5d5d5; padding: 10px 10px 10px 10px; clear: both; display: block; border: 1px solid #bbb; -webkit-border-radius: 0 5px 5px 5px; -moz-border-radius: 0 5px 5px 5px; border-radius: 0 5px 5px 5px;}

/* TABULKOVY VYPIS Z DATABAZE */ 
table.seznam {font-size: 0.75em;}
table.seznam tr {}
table.seznam tr.lichy {background-color: #ccc;}
table.seznam tr.sudy {background-color: #aaa;}
table.seznam tr.sudy:hover {background-color: #ff5500;}
table.seznam tr.lichy:hover {background-color: #ff5500;}
table.seznam tr th {background-color: #000; padding: 10px 5px 10px 5px; color: #ccc;}
table.seznam tr th a img {border: 0;}
table.seznam tr td {padding: 5px 5px 5px 5px;}
table.seznam tr.sudy td input {border: 0; padding: 2px; background-color: transparent;}
table.seznam tr.lichy td input {border: 0; padding: 2px; background-color: transparent;}
table.seznam tr td a.fotoPresunout img {border: 0;}
table.seznam tr td a.souborPresunout img {border: 0;}
table.seznam tr td a.odkazPresunout img {border: 0;}
table.seznam tr td a.banerPresunout img {border: 0;}
table.seznam tr.sudy:hover a {color: #fff;}
table.seznam tr.lichy:hover a {color: #fff;}
table.seznam tr.sudy td button {padding: 5px 5px 5px 5px; background-color: #ddd; font-family: Arial, Helvetica, sans-serif; border: 1px solid #aaa; color: #ff5500; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-weight: bold; font-size: 1em;}
table.seznam tr.lichy td button {padding: 5px 5px 5px 5px; background-color: #ddd; font-family: Arial, Helvetica, sans-serif; border: 1px solid #aaa; color: #ff5500; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-weight: bold; font-size: 1em;}
table.seznam tr.odstrankovani td {text-align: center;}
table.seznam tr.odstrankovani td button {background-color: #000; color: #fff; font-size: 1.1.em; padding: 5px 5px 5px 5px; border: 2px solid #000; margin: 0px 1px 0px 1px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;}
table.seznam tr.odstrankovani td button:hover {background-color: #ff5500; color: #000;}
table.seznam tr.odstrankovani td span.aktualni {background-color: #ff5500; border: 2px solid #ff5500; font-size: 1.1.em; padding: 5px 5px 5px 5px; font-weight: bold; color: #fff; margin: 0px 1px 0px 1px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;}
table.seznam tr.odstrankovani td span.zakazany {background-color: #ccc; border: 2px solid #ccc; font-size: 1.1.em; padding: 5px 5px 5px 5px; font-weight: bold; color: #aaa; margin: 0px 1px 0px 1px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;}

/* POTVRZOVACI DIALOG - ODSTRANENI ZAZNAMU */
.potvrzovaciDialogOdstranit {padding: 10px 10px 10px 10px; color: #555;}
.potvrzovaciDialogOdstranit p {font-size: 1.1em;}
.potvrzovaciDialogOdstranit input {background-color: #000; color: #fff; font-size: 1.2em; padding: 5px 5px 5px 5px; border: 2px solid #000; margin: 0px 1px 0px 1px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;}
.potvrzovaciDialogOdstranit input:hover {background-color: #ff5500; color: #000;}

a {color: #ff5500; text-decoration: none;}
a:hover {text-decoration: underline;}

input {padding: 5px 5px 5px 5px; background-color: #ccc; font-family: Arial, Helvetica, sans-serif; border: 1px solid #aaa; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-weight: bold; font-size: 0.9em;}
input.tlacitko {background-color: #000; color: #fff; font-size: 1.2em; padding: 5px 15px 5px 15px; border: 2px solid #000;}
input.tlacitko:hover {background-color: #ff5500; color: #000;}
input.tlacitkoMale {background-color: #000; color: #fff; font-size: 0.9em; padding: 5px 15px 5px 15px; border: 2px solid #000;}
input.tlacitkoMale:hover {background-color: #ff5500; color: #000;}

button#odstranitMotiv {background-color: #000; color: #fff; font-size: 0.9em; padding: 5px 15px 5px 15px; border: 2px solid #000; margin: 0px 1px 0px 1px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; font-weight: bold;}
button#odstranitMotiv:hover {background-color: #ff5500; color: #000;}
button#odstranitFoto {background-color: #000; color: #fff; font-size: 0.9em; padding: 5px 15px 5px 15px; border: 2px solid #000; margin: 0px 1px 0px 1px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; font-weight: bold;}
button#odstranitFoto:hover {background-color: #ff5500; color: #000;}
button#noveFoto {background-color: #000; color: #fff; font-size: 0.9em; padding: 5px 15px 5px 15px; border: 2px solid #000; margin: 0px 1px 0px 1px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; font-weight: bold;}
button#noveFoto:hover {background-color: #ff5500; color: #000;}
button#noveFoto1 {background-color: #000; color: #fff; font-size: 0.9em; padding: 5px 15px 5px 15px; border: 2px solid #000; margin: 0px 1px 0px 1px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; font-weight: bold;}
button#noveFoto1:hover {background-color: #ff5500; color: #000;}
button#noveFoto2 {background-color: #000; color: #fff; font-size: 0.9em; padding: 5px 15px 5px 15px; border: 2px solid #000; margin: 0px 1px 0px 1px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; font-weight: bold;}
button#noveFoto2:hover {background-color: #ff5500; color: #000;}
button#novyObrazek {background-color: #000; color: #fff; font-size: 0.9em; padding: 5px 15px 5px 15px; border: 2px solid #000; margin: 0px 1px 0px 1px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; font-weight: bold;}
button#novyObrazek:hover {background-color: #ff5500; color: #000;}
button#novySoubor {background-color: #000; color: #fff; font-size: 0.9em; padding: 5px 15px 5px 15px; border: 2px solid #000; margin: 0px 1px 0px 1px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; font-weight: bold;}
button#novySoubor:hover {background-color: #ff5500; color: #000;}
button#novyOdkaz {background-color: #000; color: #fff; font-size: 0.9em; padding: 5px 15px 5px 15px; border: 2px solid #000; margin: 0px 1px 0px 1px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; font-weight: bold;}
button#novyOdkaz:hover {background-color: #ff5500; color: #000;}
button#novaPolozkaMenu {background-color: #000; color: #fff; font-size: 0.9em; padding: 5px 15px 5px 15px; border: 2px solid #000; margin: 0px 1px 0px 1px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; font-weight: bold;}
button#novaPolozkaMenu:hover {background-color: #ff5500; color: #000;}
button#novyBaner {background-color: #000; color: #fff; font-size: 0.9em; padding: 5px 15px 5px 15px; border: 2px solid #000; margin: 0px 1px 0px 1px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; font-weight: bold;}
button#novyBaner:hover {background-color: #ff5500; color: #000;}
button#novyPromoblok {background-color: #000; color: #fff; font-size: 0.9em; padding: 5px 15px 5px 15px; border: 2px solid #000; margin: 0px 1px 0px 1px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; font-weight: bold;}
button#novyPromoblok:hover {background-color: #ff5500; color: #000;}

textarea {padding: 5px 5px 5px 5px; background-color: #ccc; font-family: Arial, Helvetica, sans-serif; border: 1px solid #aaa; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-weight: bold; font-size: 0.9em;}

.clear {clear: both;}
.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.bold {font-weight: bold;}

.hlaska {display: block; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size: 0.9em;}
.chyba {border-color: #990000; background: #fcacac url('../images/ko.jpg') no-repeat; color: #990000; padding: 15px 15px 15px 45px; margin-bottom: 10px;}
.potvrzeni {border-color: #005100; background: #99cc99 url('../images/ok.jpg') no-repeat; color: #005100; padding: 15px 15px 15px 45px; margin-bottom: 10px;}

.zvyrazneny {background-color: #ff5500;}

.hidden {display: hidden;}

.odsaditDole {margin-bottom: 10px;}
.odsaditNahore {margin-top: 10px;}

a.tip span {position: relative; font-size: 0.9em; font-weight: normal; text-align: left;} 
a.tip span span {color: #cdcdcd; display: block; position: absolute; visibility: hidden; top: 0.8em; left: .5em; width: 20em; background-color: #666; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #666; padding: 5px 5px 5px 5px;} 
a.tip:hover span span {visibility: visible;} 
a.tip {font-weight: bold; cursor: help; color: black; text-decoration: none;}
a.tip img {border: 0;} 
a.tip:hover {}

span.nadpisOkna {margin: 0 0 10px 0; display: block; background-color: #000; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; padding: 10px 10px 10px 10px; color: #ff5500; font-size: 1em; font-weight: bold;}


/* pripojene */
#formDetailFoto {padding: 10px 10px 10px 10px; color: #555;}
#formDetailFoto div#statusFoto {text-align: left}
#formDetailFoto table tr td label {font-size: 0.9em; padding-right: 5px; padding-left: 5px;}
#formDetailFoto table tr td {text-align: left;}
#formDetailFoto table tr td.poznamka {font-size: 0.7em;}
#formDetailFoto input.tlacitko {background-color: #000; color: #fff; font-size: 1.2em; padding: 5px 5px 5px 5px; border: 2px solid #000; margin: 10px 1px 0px 1px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;}
#formDetailFoto input.tlacitko:hover {background-color: #ff5500; color: #000;}
#formDetailFoto input.fotoNazev {width: 400px;}
#formDetailFoto input.fotoTitulek {width: 400px;}
#formDetailFoto input.fotoAlternativniText {width: 400px;}
#formDetailFoto input.fotoURL {width: 400px;}


#formDetailObrazku {padding: 10px 10px 10px 10px; color: #555;}
#formDetailObrazku div#statusObrazek {text-align: left}
#formDetailObrazku table tr td label {padding-right: 5px; padding-left: 5px;}
#formDetailObrazku table tr td {text-align: left; font-size: 0.9em;}
#formDetailObrazku table tr td.poznamka {font-size: 0.7em;}
#formDetailObrazku input.tlacitko {background-color: #000; color: #fff; font-size: 1.2em; padding: 5px 5px 5px 5px; border: 2px solid #000; margin: 10px 1px 0px 1px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;}
#formDetailObrazku input.tlacitko:hover {background-color: #ff5500; color: #000;}
#formDetailObrazku fieldset {border: 1px solid #bbb; margin-bottom: 10px; margin-top: 10px; background-color: #d5d5d5;}
#formDetailObrazku fieldset legend {font-size: 0.9em; font-weight: bold; padding: 5px 10px 5px 10px; border-top: 1px solid #bbb; border-left: 1px solid #bbb;	border-right: 1px solid #bbb; background-color: #d5d5d5; color: #555; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;}
#formDetailObrazku input#nahledMaxSirka {width: 40px;}
#formDetailObrazku input#obrazekMaxSirka {width: 40px;}
#formDetailObrazku input#obrazekMaxVyska {width: 40px;}
#formDetailObrazku input.obrazekNazev {width: 400px;}

#formDetailSouboru {padding: 10px 10px 10px 10px; color: #555;}
#formDetailSouboru div#statusSoubor {text-align: left}
#formDetailSouboru table tr td label {font-size: 0.9em; padding-right: 5px; padding-left: 5px;}
#formDetailSouboru table tr td {text-align: left;}
#formDetailSouboru table.publikovat tr td {text-align: center;}
#formDetailSouboru table tr td.poznamka {font-size: 0.7em;}
#formDetailSouboru input.tlacitko {background-color: #000; color: #fff; font-size: 1.2em; padding: 5px 5px 5px 5px; border: 2px solid #000; margin: 10px 1px 0px 1px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;}
#formDetailSouboru input.tlacitko:hover {background-color: #ff5500; color: #000;}
#formDetailSouboru input.souborNazev {width: 400px;}
#formDetailSouboru input.souborTitulek {width: 400px;}

#formDetailOdkazu {padding: 10px 10px 10px 10px; color: #555;}
#formDetailOdkazu div#statusOdkaz {text-align: left}
#formDetailOdkazu table tr td label {font-size: 0.9em; padding-right: 5px; padding-left: 5px;}
#formDetailOdkazu table tr td {text-align: left;}
#formDetailOdkazu table tr td.poznamka {font-size: 0.7em;}
#formDetailOdkazu input.tlacitko {background-color: #000; color: #fff; font-size: 1.2em; padding: 5px 5px 5px 5px; border: 2px solid #000; margin: 10px 1px 0px 1px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;}
#formDetailOdkazu input.tlacitko:hover {background-color: #ff5500; color: #000;}
#formDetailOdkazu input.odkazTitulek {width: 400px;}
#formDetailOdkazu input.odkazURL {width: 400px;}

#formDetailBaneru{padding: 10px 10px 10px 10px; color: #555;}
#formDetailBaneru div#statusBaner {text-align: left}
#formDetailBaneru table tr td label {font-size: 0.9em; padding-right: 5px; padding-left: 5px;}
#formDetailBaneru table tr td {text-align: left;}
#formDetailBaneru table tr td.poznamka {font-size: 0.7em;}
#formDetailBaneru input.tlacitko {background-color: #000; color: #fff; font-size: 1.2em; padding: 5px 5px 5px 5px; border: 2px solid #000; margin: 10px 1px 0px 1px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;}
#formDetailBaneru input.tlacitko:hover {background-color: #ff5500; color: #000;}
#formDetailBaneru input.banerNazev {width: 400px;}
#formDetailBaneru input.banerTitulek {width: 400px;}
#formDetailBaneru input.banerAlternativniText {width: 400px;}
#formDetailBaneru input.banerOdkaz {width: 400px;}

/* JQuery-UI */
div.ui-datepicker {font-size: 0.8em;}