body {
	background-color: #BDB76B;
	color: Navy;
	margin: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(images/pozadi.png);
}

#center {
	margin-left: 7%;
	margin-right: 7%;
	background-color: #FFDEAD;
	border: 1px solid Maroon;
	text-align: center;
	margin-top: 20px;
	font-size: medium;
}
#center a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: large;
	color: #B22222;
	text-decoration: underline;
}
#center a:hover {
	color: Red;
	text-decoration: none;
}
#center .bi {
	font-size: medium;
	font-weight: bold;
}
#center .ku {
	font-style: oblique;
}
#center .pa {
	font-size: x-small;
}




#lista {
	height: 17px;
	background-color: #412510;
	background-image: url(images/lista.png);
	padding-right: 15px;
	padding-top: 1px;
	font-size: 10px;
	color: #9ACD32;
	position: fixed;
	z-index: 100;
	width: 99%;
	margin: auto;
}
#lista .vlevo {
	padding-left: 20px;
	padding-top: 2px;
	float: left;
}
#lista .vpravo {
	float: right;
}
#lista input {
	border: none;
	font-size: 10px;
	background-color: #DAA520;
	padding-left: 2px;
}
#lista .sub {
	background-color: #6E3700;
	color: #FFD700;
	margin-left: 5px;
	font-weight: bold;
}
#lista .bold {
	color: Yellow;
	font-weight: bold;
}
#lista .bold2 {
	color: #7FFF00;
	font-weight: bold;
}
#lista .red {
	color: #FF5555;
}
#lista img {
	vertical-align: text-bottom;
}




#menu {
	float: left;
	/*border-right: 1px dotted black;
	border-bottom: 1px dotted black;*/
	width: 160px;
	height: auto;
	padding: 5px 0px 5px 5px;
	text-align: center;
	z-index: 10;
	position: relative;
	font-size: 9px;
	margin-top: 20px;
}
#menu .blok {
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: none;
	background-color: #F0DAC3;
	padding-left: 5px;
	padding-top: 15px;
	padding-bottom: 15px;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}
#menu .blok .test-mode {
    color: #db482c;
    font-weight: bold;
    font-size: 32px;
}
#menu ul {
	list-style: none;
	padding-left: 0px;
	margin: 0px;
	margin-top: -4px;
}
#menu ul li {
	border: 1px solid black;
	padding: 1px 5px;
	margin-top: 4px;
	background-color: Maroon;
	color: #FF8C00;
	z-index: 20;
	position: relative;
	/* height: 20px; */
    border-radius: 4px;
}
#menu ul li.vyb {
	background-color: #FF4500;
}
#menu ul li.admin {
	background-color: Yellow;
}
#menu ul li:hover {
	background-color: Red;
}
#menu .prist {
	font-family: "Courier New", Courier, monospace;
	font-size: 16px;
	color: #2F4F4F;
}
#menu .aktual {
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	color: Black;
	font-weight: bold;
}
#menu a {
	text-decoration: none;
	color: #FF8C00;
	width: 100%;
	font-size: 14px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#menu li.vyb a {
	color: Maroon;
}
#menu li a:hover, #menu a:hover {
	background-color: Red;
	color: Yellow;
	font-weight: bold;
}




#obsah {
	float: left;
	width: 75%;
	padding: 1em ;
	padding-left: 40px;
	border: 1px solid black;
	left: -5px;
	margin-top: 24px;
	margin-bottom: 15px;
	position: relative;
	background-color: #F0DAC3;
	background-image: url(images/vysivka.png);
	background-position: center;
	background-position: top;
	background-repeat: repeat-y;
	margin-bottom: 30px;
	z-index: 0;
	min-height: 1000px;
}
#obsah.devMode {
    background-image: url(images/testmode4.png);
    background-repeat: repeat;
}
#obsah .odstav {
	color: Black;
	border-left: 5px dotted #F4A460;
	padding-left: 7px;
	margin-bottom: 20px;
}
#obsah .odstav img {
	/* float: left; */
	padding: 0.2em;
}
#obsah a.img {
	padding: 0px;
	background: none;
}
#obsah a.img img:hover {
	background-color: red;
}
#obsah .odstav p:first-letter {
	padding-left: 10px;
	color: Maroon;
	font-size: 16px;
}

#obsah ul {
	list-style-image: url(images/sipka.png);
}
#obsah ul.foto {
	list-style-image: url(images/fotog.png);
}
#obsah ul li {
	padding-bottom: 3px;
}
#obsah ul li:hover {
	list-style-image: url(images/sipka_on.png);
	background-color: #F0E68C;
	/* font-style: italic; */
}
#obsah ul.foto li:hover {
	list-style-image: url(images/fotog_l.png);
}
#obsah ul li a {
	font-weight: bold;
}
#obsah ul li a:hover {
	/*background: none;*/
}
#obsah ul li a.mar {
	color: Maroon;
}
#obsah ul li a.nav {
	color: Navy;
}
#obsah ul li.trans {
	background-image: url(images/deset_transparentni.png);
}
#obsah ul li a.admin {
	background-color: #FFACAC;
	border: 1px solid red;
	padding: 0px 0px;
	margin-right: 2px;
	background-image: none;
}
#obsah ul li a.admin:hover {
	background-color: #ADFF2F;
}

#obsah ul.ukazky li {
	list-style-image: url(images/sound_16.png);
	margin-bottom: 2px;
}
#obsah ul.ukazky li a {
	color: Black;
	font-weight: normal;
	background-image: none;
}
#obsah ul.ukazky li a .autor {
	color: Black;
	font-weight: bolder;
}
#obsah ul.ukazky li a .dilo {
	color: Maroon;
	font-weight: bolder;
}
#obsah ul.ukazky li a .cast {
	color: Black;
	font-weight: normal;
}
#obsah ul.ukazky li a .info {
	color: #696969;
	font-weight: normal;
	font-style: italic;
}


#obsah .koncert {
	border: 1px solid #442311;
	background-color: #EEE8AA;
	color: Maroon;
	width: 90%;
	padding: 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#obsah .koncert .hla {
	background-color: #8B4513;
	color: #FFD700;
	font-weight: bold;
	padding: 2px;
	display: block;
	padding-right: 5px;
}
#obsah .koncert .hla .cas {
	color: #FFA500;
}
#obsah .koncert .blok {
	margin-bottom: 20px;
	margin-left: 30px;
}
#obsah .koncert ul {
	margin: 0px;
}
#obsah .koncert .ucink {
	width: 90%;
	margin: auto;
}
#obsah .koncert .ucink:first-letter {
	padding-left: 10px;
}

#obsah .kec {
	width: 95%;
	border: 1px solid black;
	border-top-width: 2px;
	padding: 1px;
	margin-bottom: 5px;
	background-color: #FFEBCD;
}
#obsah .kec .hla {
	font-weight: bold;
	color: Silver;
	padding: 1px 5px;
	background-color: #4B0082;
	height: 15px;
}
#obsah .kec .hla img {
	vertical-align: text-bottom;
	padding: 2px;
	border: 1px solid red;
	background-color: #FFCECE;
}
#obsah .kec .hla img:hover {
	background-color: #FF9797;
}
#obsah .kec .hla a {
	padding: 0px;
	margin: 0px 3px;
}
#obsah .kec .hla a:hover {
	border: none;
}
#obsah .kec .hla .num {
	color: white;
	font-family: "Courier New", Courier, monospace;
	font-weight: normal;
}
#obsah .kec .vybor {
	background-color: #FFA500;
	color: Yellow;
}
#obsah .kec .admin {
	background-color: #FF4500;
	color: #7CFC00;
}
#obsah .kec .tel {
	color: Black;
	padding: 5px;
}

#obsah .oznam {
	width: 90%;
	margin: auto;
	border: 1px solid black;
	background-color: #E0CCFF;
	margin-bottom: 8px;
}
#obsah .oznam .hla {
	padding: 5px;
	background-color: #6A5ACD;
	color: #FFD700;
	font-weight: bold;
	border-bottom: 1px solid black;
}
#obsah .oznam .hla a {
	background-color: #FFC1C1;
	border: 1px solid red;
	background-image: none;
	padding: 1px 3px;
}
#obsah .oznam .hla a:hover {
	background-color: #FEFF7B;
}
#obsah .oznam .hla .vyr {
	color: Yellow;
}
#obsah .oznam .tel {
	padding: 2px 10px;
}


#obsah table {
	font-size: 12px;
	margin-bottom: 20px;
	color: #4A290D;
	/*width: 100%;*/
}
#obsah table th {
	background-color: #CD853F;
	font-size: 10px;
	border: 1px solid #40240F;
	color: #590000;
}
/* -- tabulka koncertu -- ZACATEK */
#obsah table .dat {
	width: 45px;
	font-weight: bold;
}
#obsah table .misto {
	width: 100px;
	font-weight: bold;
}
#obsah table .zacat {
	width: 70px;
	font-weight: bold;
	text-align: center;
}
#obsah table .poznamka {
	width: 170px;
	font-style: italic;
}
#obsah table .reper {
	width: 120px;
}
#obsah table .ikonky {
	width: 30px;
}
#obsah table .cislo {
	width: 35px;
}
/* -- tabulka koncertu -- KONEC */
#obsah table td {
	border-bottom: 1px solid black;
	vertical-align: top;
	font-size: 11px;
}
#obsah table td.date {
	text-align: center;
	vertical-align: text-top;
}
#obsah table td.admin {
	background-color: #FFC0CB;
	border: 1px solid red;
}
#obsah table td.admin a, #obsah table td.admin a:hover {
	padding: 0px;
	border: none;
	background-image: none;
}
#obsah table tr.blue {
	color: Navy;
	background-image: url(images/deset_transparentni.png);
}
#obsah table tr:hover {
	background-color: #FFE96A;
}
#obsah table a {
	padding: 0em 1.3em 0em 0.3em;
	border: none;
	background-image: url(images/external.png);
	background-repeat: no-repeat;
	background-position: right;
}
#obsah table a:hover {
	border: none;
	color: Black;
}
#obsah table.lide {
	border: 1px solid maroon;
}
#obsah table.lide th {
	padding: 1px 3px;
	background-color: #8B4513;
	font-size: 16px;
	color: #FFD700;
}
#obsah table.lide tr:hover {
	background: none;
}
#obsah table.lide ul {
	margin: 0em;
	padding: 0em 0.3em;
}
#obsah table.lide li {
	list-style: none;
	padding: 0em 0.5em;
}
#obsah table.lide li:hover {
	list-style: none;
	color: Black;
}
#obsah table.hoste {
	/*border: 1px solid red;*/
	width: 90%;
}
#obsah table.hoste td {
	border: none;
}
#obsah table.hoste .hoste_jm {
	font-size: large;
	color: Maroon;
	padding-bottom: 0.3em;
	font-style: italic;
}
#obsah table.hoste .hoste_jm .jmeno {
	font-weight: bold;
	color: Black;
}
#obsah table.hoste tr:hover {
	background: none;
}
#obsah table.hoste .foto {
	width: 90px;
}
#obsah table.hoste ul {
	list-style: disc;
	font-size: 12px;
	padding: 1em;
}
#obsah table.hoste ul li {
	margin-left: 1.5em;
}
#obsah table.hoste ul li:hover {
	list-style: square;
	color: Black;
}
#obsah table.hoste .dole {
	text-align: center;
	padding-bottom: 2em;
}


#obsah .non {
	background-color: Silver;
	text-decoration: line-through;
	font-style: italic;
}
#obsah .big {
	color: Black;
	font-weight: bold;
}
#obsah .nastr {
	margin-left: 20px;
	padding-left: 5px;
	border: 1px solid red;
	background-color: #FFC0CB;
}
#obsah .nastr a {
	text-decoration: none;
	color: Navy;
	border: 1px solid #708090;
	padding: 1px 5px;
	background-color: #C4CFD8;
	background-image: none;
	font-weight: bold;
}
#obsah .nastr a:hover {
	color: #806D00;
	background-color: #FFF09B;
	border-color: #806D00;
	border-style: solid;
}
#obsah input, #obsah textarea {
	border: 1px solid Silver;
	margin: 2px;
	vertical-align: middle;
	background-color: #F0FFFF;
	padding: 2px;
}
#obsah input:hover, #obsah textarea:hover, #obsah input:focus, #obsah textarea:focus {
	border-color: #6A5ACD;
	background-color: #E6E6FA;
}
#obsah input.add {
	background-color: #9ACD32;
	cursor: pointer;
	border-color: Green;
	margin-top: 5px;
	margin-bottom: 5px;
}
#obsah input.add:hover {
	background-color: #7FFF00;
}
#obsah select {
	border: 1px solid silver;
	vertical-align: middle;
	margin: 2px;
	background-color: #F0FFFF;
}
#obsah select:hover {
	border-color: #6A5ACD;
}
#obsah #changelog {
    color: black;
    width: 600px;
    border: 1px solid Silver;
    margin: 2px;
    vertical-align: middle;
    background-color: #F0FFFF;
    padding: 2px;
    white-space: pre-wrap;
}
#obsah #changelog:focus {
    border-color: #6A5ACD;
    background-color: #E6E6FA;
}
#obsah .mess {
	text-align: center;
	color: Red;
	border: 1px solid red;
	padding: 10px 20px;
	background-image: url(images/deset_transparentni.png);
	font-weight: bold;
}
#obsah .cite {
	color: #00014A;
}
#obsah .blo {
	padding-left: 20px;
}
#obsah .nad {
	color: black;
	font-size: 14px;
	font-weight: bold;
}
#obsah a {
	color: #B8860B;
	font-weight: bold;
	padding-left: 0.2em;
	padding-right: 1em;
	background-image: url(images/external.png);
	background-position: right;
	background-repeat: no-repeat;
}
#obsah a.cke_button, #obsah a.cke_combo_button, #obsah a.cke_path_item {
    background-image: none;
}
#obsah a:hover {
	background-color: #FAFAD2;
	border-bottom: 1px dotted Black;
	color: Red;
}
#obsah form .info {
	font-style: italic;
	color: #6C6C6C;
}
#obsah .nov_nad {
	font-size: 16px;
	color: Black;
	font-weight: bold;
}
#obsah .nov_ins {
	margin-left: 1em;
	color: #696969;
}
#obsah .nejblizsi {
	background-image: url(images/deset_transparentni.png);
	padding: 0.5em;
	border: 1px solid black;
	width: 29em;
	position: relative;
	top: -6em;
	left: 1.5em;
}
#obsah .nejblizsi .nadpis {
	font-size: 18px;
	color: Maroon;
}
#obsah .nejblizsi .koncert {
	font-size: 14px;
	color: Black;
	margin-left: 1.5em; 
	text-align: center;
	border-color: #B8860B;
	padding: 0.1em;
}
#obsah .nejblizsi .koncert a {
	color: Black;
	font-weight: lighter;
	font-size: 14px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#obsah .nejblizsi .koncert a:hover {
	border: none;
	font-size: 14px;
	color: #D00000;
	text-decoration: underline;
	background-color: #F0E68C;
}
#obsah .nejblizsi .koncert .popis {
	font-size: smaller;
	color: #696969;
}
#obsah .trouba {
	position: relative;
	top: -4em;
	padding: 0.4em 1em;
	width: 50%;
	border-top: 4px solid Red;
	border-bottom: 4px solid Red;
	background-image: url(images/vykricnik.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color: #FF7C49;
	overflow: hidden;
}
#obsah .trouba .nadpis {
	color: black;
	text-align: left;
	font-weight: bold;
	font-size: large;
	padding-left: 3em;
	padding-bottom: 0.4em;
	text-decoration: underline;
}
#obsah .trouba .sdeleni {
	color: Maroon;
	font-weight: bold;
	font-size: larger;
	padding-bottom: 0.4em;
	padding-left: 2.5em;
}
#obsah .trouba .sdeleni a {
	text-decoration: underline;
	color: Navy;
}
#obsah #fotka {
	position: relative;
	top: -4em;
	float: left;
	padding-right: 2em;
}
#obsah .lide {
	list-style: circle;
}
#obsah .lide li:hover {
	list-style: disc;
}
#obsah ul.hist {
	padding-left: 2em;
	font-size: 12px;
	color: Maroon;
	font-weight: bolder;
}
#obsah ul.hist:hover {
	font-style: normal;
}
#obsah ul.hist li {
	list-style: decimal;
}
#obsah .back {
	text-align: right;
	padding-right: 5em;
	position: relative;
	top: -1.5em;
}
#obsah a.kotva {
	display: block;
}

#obsah .odstav img.hist {
	float: left;
}

#obsah h4.cd {
	color: #582F10;
	padding-left: 3em;
	font-size: larger;
	margin-bottom: 0.3em;
}
#obsah div.cd_popis {
	padding-left: 3em;
	color: Black;
	padding-bottom: 2em;
}
#obsah img.cd {
	background-color: Aqua;
	margin: 0px;
	float: left;
	border: 1px solid Maroon;
}
#obsah .cd ol {
	color: Black;
	font-size: 14px;
	margin-bottom: 3em;
}
#obsah .cd ol li {
	font-weight: bolder;
}
#obsah .cd ol li a {
	background-image: none;
	margin: 0px;
	padding: 0px 1px;
}
#obsah .cd ol li .cas {
	font-style: italic;
	color: Gray;
	font-weight: normal;
	font-size: 10px;
}
#obsah .cd ol li.oddel {
	margin-bottom: 10px;
}
#obsah div.cd {
	margin-left: 13em;
	margin-top: -0.3em;
}

#obsah .practice {
    margin: 26px 8px 32px;
}
#obsah .practice > div {
    display: inline-block;
    text-align: center;
    padding: 4px 12px;
    vertical-align: top;
}
#obsah .practice .date-and-time {
    font-weight: bold;
    font-size: 22px;
    background-color: #ffffff;
    color: #000000;
    border-radius: 6px;
    padding:0;
    box-shadow: #858585 2px 2px 4px;
}
#obsah .practice .date-and-time > div {
    padding: 4px 12px;
}
#obsah .practice .date-and-time .time {
    background-color: #be0000;
    color:gold;
    border: 1px solid maroon;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
#obsah .practice .date-and-time .day {
    border: 1px solid #000000;
    border-top: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
#obsah .practice .details {
    font-size: 16px;
    background-color: wheat;
    color: #000000;
    width: 70%;
    text-align: left;
    margin-left: 12px;
    border-color: saddlebrown;
    border: 1px solid saddlebrown;
    border-left: 12px solid saddlebrown;
    border-right-style: dotted;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    box-shadow: #858585 2px 2px 4px;
}
#obsah .practice .details > div {
    padding-left: 8px;
}
#obsah .practice .details span.under {
    text-decoration: underline;
    color: #626262;
}
#obsah .practice .details .voices {
    padding-bottom: 8px;
    border-bottom: 1px dotted saddlebrown;
}
#obsah .practice .details .composes {
    padding: 8px 0 12px 8px;
    border-bottom: 1px dotted saddlebrown;
    background-color: #ecd5ab;
}
#obsah .practice .details .items > div {
    border-radius: 4px;
    margin-top: 4px;
    padding: 2px 8px;
    display: inline-block;
    font-weight: bold;
}
#obsah .practice .details .voices > div {
    border: 1px solid saddlebrown;
    background-color: saddlebrown;
    color: gold;
}
#obsah .practice .details .composes > div {
    border: 1px solid saddlebrown;
    background-color: wheat;
    color: saddlebrown;
    font-weight: normal;
}
#obsah .practice .details .note {
    padding-top: 12px;
    padding-bottom: 8px;
}
#obsah .practice .admin-wrapper {
    display: block;
}
#obsah .practice .admin {
    padding: 12px 6px 10px;
    border: 1px solid red;
    border-top: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: lightpink;
    position: relative;
    top: 7px;
    box-shadow: #ff7471 2px 2px 4px;
}
#obsah .practice .admin a {
    text-decoration: none;
    color: navy;
    border: 1px solid #708090;
    padding: 1px 5px;
    background-color: #C4CFD8;
    background-image: none;
    font-weight: bold;
    margin: 6px;
}
#obsah .practice .admin a:hover {
    color: #806D00;
    background-color: #FFF09B;
    border-color: #806D00;
    border-style: solid;
}

#obsah #attendance {
    width: 90%
}
#obsah #attendance tr:hover {
    background-color: transparent;
}
#obsah #attendance th {
    width: 23%;
}
#obsah #attendance td, #obsah #attendance th {
    font-size: 16px;
}
#obsah #attendance td div {
    padding: 4px;
    margin-bottom: 4px;
}
#obsah #attendance td div:hover {
    background-color: #FFF09B;
}

#pat {
	width: 80%;
	border-top: 2px solid Maroon;
	margin: auto;
	margin-top: 60px;
	color: Black;
	text-align: center;
	font-size: 10px;
	background-color: #FFC9BF;
	padding-bottom: 5px;
}




form {
	margin: 0px;
}

img {
	border: none;
}

.right {
	float: right;
}
.red {
	color: red;
}
.cerna {
	color: Black;
}
a {
	/*font-family: "Courier New", Courier, monospace;*/
	text-decoration: none;
}
.pra {
	float: right;
}
.pra a {
	background-image: none;
}
.lev {
	float: left;
}
.tuc {
	font-weight: bolder;
}
.cent {
	margin: auto;
	text-align: center;
}
.velke {
	font-size: 20px;
}
.under {
	text-decoration: underline;
}

.maini {
	float: right;
	padding: 1em;
}