/************************************************************
*
* Definice stylu pro Krajskou radu Junaka Libereckeho kraje
*
************************************************************/

/*******************************************************************
 *	              pripojeni styly objektu toolkitu
 *******************************************************************/
@import url('formulare/formulare.css');


/*******************************************************************
 *	              obecne styly
 *******************************************************************/
html, body {
    background-color: #f6b241;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .9em;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

form {
    margin: .3em auto;
    width: 970px;
}
.hidden {
    display: none !important;
}
.clear {
    clear: both;
}

/************************************************************
* Hlavicka stranky
************************************************************/
#head {
    background-color: #c1b400;
    padding: 1em 2em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #001a57;
}
#head a#logotyp {
    background: url('logo_junak.gif') no-repeat;
    display: block;
    width: 55px;
    height: 60px;
    float: left;
    color: #c1b400;
    text-decoration: none;
}
#head h2#junak {
    margin-left: 70px;
    font-size: .8em;
}
#head h1 {
    font-size: 1.85em;
    padding-left: 70px;
}
#head h2#krj {
    font-size: 1.3em;
    padding-left: 70px;
}
#head h1 a, #head h2 a {
    text-decoration: none;
    color: #001a57;
}
#head span#ilustrace {
    background: url('head_ilustrace.png') no-repeat;
    display: block;
    width: 121px;
    height: 123px;
    float: right;
    margin-top: -15px;
}



/************************************************************
* Navigace - menu
************************************************************/
#navigace {    
    margin: 0 -2em;
    padding: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
#navigace ul.menu {
    background-color: #6d7e27;
    margin: .7em 0 0 0;
    padding: .35em 1em;
    font-weight: bold;
    font-size: 1.05em;
}
#navigace ul.menu li {
    display: inline;    
    margin: 0 1em;
    padding: 0;
}
#navigace ul.menu li a {
    color: #e88a1c;
    text-decoration: none;
}
#navigace ul.menu li a:hover {
    color: #fff;
    text-decoration: underline;
}
#navigace ul.submenu {
    margin: 0;
    padding: .2em 1em;
}
#navigace ul.submenu li {
    display: inline;    
    margin: 0 1em;
    padding: 0;
}
#navigace ul.submenu li a {
    color: #9c5607;
    text-decoration: none;
}
#navigace ul.submenu li a:hover {
    color: #fff;
    text-decoration: underline;
}
#navigace ul.submenu li a.vyrazne {
    color: #a00;
    font-weight: bold;
}   
#navigace ul.submenu li a.vyrazne:hover {
    color: #fff;
}



/************************************************************
* Hlavicka redakcni casti
************************************************************/
#adminMenu {
    background-color: #b23427;
    padding: .5em 2em;
    border-bottom: .3em solid #f6b241;
    color: #fff;
}
#adminMenu div.uzivatel {
    color: #f37121;
}
#adminMenu div.uzivatel strong {
    color: #e88a1c;
}
#adminMenu div.uzivatel span {
    color: #ba853e;
    font-size: .9em;
}
#adminMenu div.uzivatel a {
    color: #ba853e;
    text-decoration: none;
}
#adminMenu div.uzivatel a:hover {
    color: #fff;
    text-decoration: underline;
}
#adminMenu ul {
    background-color: #f37121;
    margin: .5em -2em 0 -2em;
    padding: .25em 1em;
    font-weight: bold;
}
#adminMenu ul li {
    display: inline;    
    margin: 0 1em;
    padding: 0;
}
#adminMenu ul li a {
    color: #fff;
    text-decoration: none;
}
#adminMenu ul li a:hover {
    color: #fff;
    text-decoration: underline;
}


/************************************************************
* Paticka - copyright
************************************************************/
#footer {
    padding: .5em 6em .5em 2em;    
    background: #c1b400 url('znak_junak.gif') right center no-repeat;
    text-align: right;
    font-size: .85em;
    color: #001a57;
}
#footer a {
    color: #001a57;
    text-decoration: none;
}
#footer a:hover {
    color: #001a57;
    text-decoration: underline;
}
#footer div.aktualizace {
    text-align: left;
    float: left;
}

/*******************************************************************
 *	              informacni boxy (ruzne varianty)
 *******************************************************************/
.box_info {
    text-align: justify;
    margin: 1.5em .2em 2em 0em;
    padding: 5px 10px;
    border: 1px dotted #8cc63e;
    background-color: #E2F1CF;
    font-size: smaller;
}
.box_info ul {
    font-size: 1.2em;
    font-weight: bold;
}
.box_info ul a {
    text-decoration: underline !important;
}
.box_info.vystraha {
    color: #600;
    border: 1px dotted #9c033b;
    background: #edd6d3 url('ikona_vystraha.png') bottom right no-repeat;
}
.box_info.upozorneni {
    color: #d90;
    border: 1px dotted #da9321;
    background: #fff6da url('ikona_vystraha.png') bottom right no-repeat;
}
.box_info h1, .box_info h2, .box_info h3, .box_info h4, .box_info h5, .box_info h6 {
    margin-top: 0;
    padding-top: 0;
}


/*******************************************************************
 *	                       dialog message
 *******************************************************************/
.message {
	background-color: #fee1b5;
	border: 1px dashed #d6b564;
	width: 400px;
	margin: 1em auto;
	padding: .9em 2em .9em .9em;
}
.message .message {
	background-color: transparent;
	border: none;
}
.message td {
	vertical-align: top;
	padding: .5em .9em .9em .5em;
}
.message td.image {
	vertical-align: top;
	padding: .9em .7em .7em .9em;
}
.message h1, .message h2, .message h3, .message h4 {
	margin: .4em 0;
}
.message p {
	text-indent: 0 !important;
	margin: .15em 0;
	padding: 0;
}
.message ul {
	padding: 0;
	margin: .2em 0;
}
.message ul li {
	padding: 0;
	margin: 0 1.5em;
}

/*******************************************************************
 *	                           formulare
 *******************************************************************/
.povinne {
	background-color: #fee1b5;
	border: 1px solid #7f9db9;
}
.formular {
	margin: 1em 0;
}
.formular.left {
    float: left;
}
.formular label {
	display: block;
	width: 125px;
	margin-right: 10px;
	float: left;
}
.formular label.povinne {
	font-weight: bold;
	background: transparent;
}
.formular input {
	width: 475px;
	border: 1px solid #888;
}
.formular textarea {
	border: 1px solid #888;
	margin: .3em .2em .5em 0;
	float: left;
}
.formular input.tlacitko {
	width: auto;
	border: 1px solid #888;
}
.formular .checkbox input {
	width: auto;
	border: none;
	float: left;
}
.formular .checbox label {
	width: 300px;
	display: block;
}

.formular_statistika {
	margin: 1em 0 0 1em;
	padding-left: .7em;
    float: right;
    width: 200px;
    border-left: 1px dashed #ccc;
    min-height: 150px;
    _height: 150px;
}

/*******************************************************************
 *	    			logovaci formular
 *******************************************************************/
.LoginForm {
	background: #FFDF8C url('login_bg.gif') no-repeat;
	font: 500 0.85em/3.2em Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: auto;
	padding: 1ex 1em;
	width: 25em;
	border: 1px solid #333333;
	font-weight: bold;
	position: relative;
	top: 20px;
}
.LoginForm p {
	text-align: right;
}
.LoginForm label {
	display: block;
	width: 35%;
	float: left;
	clear: left;
	text-align: right;
	padding-right: 1em;
}
.LoginForm input {
	_margin-top: 5px;
	&margin-top: 5px;
	_width: 50%;
	&width: 50%;
}
.LoginForm a { 
	font-size: x-small;
	font-weight: normal;
}
.LoginForm a:hover {
	color: #C30;
}
.LoginForm .loginButton {
	padding-right: 30px;
	_padding-right: 70px;
	background: url('btn_go.gif') right no-repeat;
	_background: url('btn_go.gif') 5.5em no-repeat;
	border: 0;
	font-weight: bold;
	cursor: pointer;
	_cursor: hand;
}


/************************************************************
* Ilustracni ikonky v textu
************************************************************/
.ticon_dokument {
	padding-left: 14px;
	background: url('ticon_dokument.png') 0px 2px no-repeat;
}
.ticon_osoba {
	padding-left: 14px;
	background: url('ticon_osoba.png') 0px 2px no-repeat;
}
.ticon_fotky {
	padding-left: 16px;
	background: url('ticon_fotky.png') 0px 4px no-repeat;
}
.ticon_kalendar {
	padding-left: 16px;
	background: url('ticon_kalendar.png') 0px 3px no-repeat;
}


/************************************************************
* Obsahova cast stranky
************************************************************/
#data {
    margin: -1em 0 0 0;
    padding: 0;
    border-top: .3em solid #f6b241;
    border-bottom: .3em solid #f6b241;
}

#content {
    background: #ffeba2 url('bg_slunce.gif') right bottom no-repeat;
    margin: 0;
    padding: 1.5em 2em;
    _height: 400px;
    min-height: 400px;
}
#content h1 {
    font-size: 1.7em;
    color: #001a57;
    margin: 0 0 .5em 0;
}
#content h1 span {
    color: #c1b400;
}
#content h2 {
    font-size: 1.5em;
    margin: .2em 0 .5em;
    color: #c1b400;
}
#content a {
    color: #6d7e27;
    text-decoration: none;
}
#content a:hover {
    color: #c1b400;
    text-decoration: underline;
}

#content .dokumenty_seznam td {
    padding: 5px 20px;
}
#content .dokumenty_seznam td strong {
    color: #001b58;
    margin-left: 20px;
    display: block;
}
#content .dokumenty_seznam td img {
    margin-bottom: -2px;
    float: left;
}
#content .dokumenty_seznam td span {
    color: #888;
    font-size: .8em;
    margin-left: 20px;
}


#content table.clenove_seznam {
    margin: 0 -.3em;
    font-size: .9em;
}
#content .clenove_seznam td {
    padding: .3em;
    vertical-align: top;
}
#content .clenove_seznam td img {
    float: left;
    border: 1px solid #6d7e27;
    padding: 1px;
    background-color: #c1b400;
    margin-right: .7em;
}
#content .clenove_seznam td h4 {
    font-size: 1em;
    font-weight: normal;
    margin-bottom: .1em;
}
#content .clenove_seznam td h3 {
    font-size: 1em;
    margin-bottom: .6em;
}
#content .clenove_seznam td div.kontakty {
    margin-left: 85px;
}



#content dl.aktualita_seznam dt {
	font-size: 1.1em;
	font-weight: bold;
}
#content dl.aktualita_seznam dt span.datum {
    color: #e88a1c;
}
#content dl.aktualita_seznam dt span.nazev {
    color: #a35608;
}
#content dl.aktualita_seznam dd {
	margin: .1em 0 .9em .4em;
}
#content .pagging {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: .85em;
	text-align: right;
	color: #696969;
}
#content .pagging span {
	color: #000;
}

#content .justify {
    text-align: justify !important;
}
#content .left {
    text-align: left !important;
}
#content .right {
    text-align: right !important;
}
#content .center {
    text-align: center !important;
}


/************************************************************
* Pyramida Brezovych listku
************************************************************/
#content .pyramida {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 20px;
}
#content .pyramida .stupen {
  margin-left: auto;
  margin-right: auto;
  padding: .2em;
}
#content .pyramida .stupen.sirka0 {
	margin-top: 2em;
	width: 278px;
	background-color: #AFEEEE;
}
#content .pyramida .stupen.sirka0 a {
	color: #501111;
}
#content .pyramida .stupen.sirka1 {
    width: 478px;
    background-color: #0F0;
}
#content .pyramida .stupen.sirka1 a {
	color: #000;
}
#content .pyramida .stupen.sirka2 {
    width: 450px;
    background-color: #0CF;
}
#content .pyramida .stupen.sirka2 a {
	color: #000;
}
#content .pyramida .stupen.sirka3 {
    width: 422px;
    background-color: #00F;
}
#content .pyramida .stupen.sirka3 a {
	color: #FF0;
}
#content .pyramida .stupen.sirka4 {
    width: 394px;
    background-color: #FF0;
}
#content .pyramida .stupen.sirka4 a {
	color: #00F;
}
#content .pyramida .stupen.sirka5 {
    width: 366px;
    background-color: #F00;
}
#content .pyramida .stupen.sirka5 a {
	color: #0FF;
}
#content .pyramida .stupen.sirka6 {
    width: 338px;
    background-color: #800000;
}
#content .pyramida .stupen.sirka6 a {
	color: #7FFFFF;
}
#content .pyramida .stupen.sirka7 {
    width: 310px;
    background-color: #FFF;
}
#content .pyramida .stupen.sirka7 a {
	color: #000;
}
#content .pyramida .stupen.sirka8 {
    width: 282px;
    background-color: #808080;
}
#content .pyramida .stupen.sirka8 a {
	color: #DDD;
}
#content .pyramida .stupen.sirka9 {
    width: 254px;
    background-color: #000;
}
#content .pyramida .stupen.sirka9 a {
	color: #FFF;
}
#content .pyramida .stupen.sirka10 {
    width: 226px;
    background-color: #F90;
}
#content .pyramida .stupen.sirka10 a {
	color: #0066FF;
}
#content .pyramida .stupen.sirka11 {
    width: 198px;
    background-color: #C0C0C0;
}
#content .pyramida .stupen.sirka11 a {
	color: #3F3F3F;
}
#content .pyramida .stupen.sirka12 {
    width: 170px;
    background-color: #FC0;
}
#content .pyramida .stupen.sirka12 a {
	color: #03F;
}


#content .tabulka td
{
    vertical-align: top;
}



/*******************************************************************
 *	    nastrojova lista
 *******************************************************************/
.lista {
	border-left: solid 1px #95B7F3;
	border-right: solid 1px #95B7F3;
	height: 13px;
	font-size: 1em !important;
	padding: 6px 5px;
	margin-bottom: 1.3em;
	margin-top: 1em;
	background: url('lista_bg.png');
}
.lista .tlacitko {
	padding: 2px 0 0 20px;
	cursor: pointer;
	_cursor: hand;
}
.lista a {
	color: #000080 !important;
	text-decoration: none !important;
}
.lista a:hover {
	color: #800000 !important;
	text-decoration: none !important;
	cursor: hand;
}
.lista input.tlacitko, .lista a.tlacitko {
	color: #000080;
	text-decoration: none;
	margin: -2px 5px 0 5px;
	padding: 0 0 0 20px;
	border: 0;
	text-align: left;
}
.lista input.tlacitko {
	&margin-left: -10px;
}
.lista .tlacitko.prvni {
	margin-left: -220px; 
}
.lista .tlacitko.druhe {
	margin-left: -110px; 
}
.lista .tlacitko:hover {
	color: #800000;
	cursor: hand;
}
.lista .save {
	background: transparent url('lista_btn_save.png') no-repeat center left;
}
.lista .new {
	background: transparent url('lista_btn_new.png') no-repeat center left;
}
.lista .news {
	background: transparent url('lista_btn_news.png') no-repeat center left;
}
.lista .novyclanek {
	background: transparent url('lista_btn_news.png') no-repeat center left;
}
.lista .page {
	background: transparent url('lista_btn_page.png') no-repeat center left;
}
.lista .section {
	background: transparent url('lista_btn_section.png') no-repeat center left;
}
.lista .delete {
	background: transparent url('lista_btn_delete.png') no-repeat center left;
}
.lista .edit {
	background: transparent url('lista_btn_edit.png') no-repeat center left;
}
.lista .send {
	background: transparent url('lista_btn_send.png') no-repeat center left;
}
.lista .back {
	background: transparent url('lista_btn_back.gif') no-repeat center left;
}
.lista .novaPosta {
	background: transparent url('lista_btn_novaPosta.png') no-repeat center left;
}
.lista .novyKontakt {
	background: transparent url('lista_btn_novyKontakt.png') no-repeat center left;
}
.lista .postaPrijata {
	background: transparent url('lista_btn_postaPrijata.png') no-repeat center left;
}
.lista .postaOdeslana {
	background: transparent url('lista_btn_postaOdeslana.png') no-repeat center left;
}
.lista .slozkaKontakty {
	background: transparent url('lista_btn_slozkaKontakty.png') no-repeat center left;
}
.lista .tiskPosta {
	background: transparent url('lista_btn_tiskPosta.png') no-repeat center left;
}
.lista .tiskKontakt {
	background: transparent url('lista_btn_tiskKontakt.png') no-repeat center left;
}
.lista .tisk {
	background: transparent url('lista_btn_tisk.png') no-repeat center left;
}
.lista .textbox {
    margin-top: -6px;
    width: 50px;
    height: 13px;
}



/*******************************************************************
 *	                           formulare
 *******************************************************************/
.povinne {
	background-color: #ffefcf;
}
.formular {
	margin: 1em 0;
}
.formular.sirka750 {
    width: 730px;
    min-height: 300px;
}
.formular label {
	display: block;
	width: 80px;
	margin-right: 10px;
	padding-top: .2em;
	float: left;
}
.formular label.sirsi {
	width: 150px;
}
.formular label.sirsi2 {
	width: 220px;
}
.formular label.povinne {
	font-weight: bold;
	background: transparent;
	border: none;
}
.formular input {
	width: 550px;
	border: 1px solid #888;
}
.formular input.uzsi {
	width: 480px;
}
.formular input.uzsi2 {
	width: 410px;
}
.formular input.datum {
	width: 80px;
}
.formular input.btnKalendar {
    width: 16px;
    height: 16px;
    background: url('btn_kalendar.png') no-repeat;
    border: none !important;
}
.formular input.povinne {
	border: 1px solid #888;
}
.formular textarea {
	border: 1px solid #888;
	margin: .3em .2em .5em 0;
	float: left;
}
.formular input.tlacitko {
	width: auto;
	border: 1px solid #888;
}

.formular span.checkbox {
    display: block;
    height: 1.5em;
    margin: 0 0 -1.2em 0;
    padding: 0;
}
.formular .checkbox input {
	width: auto;
	border: none;
	float: left;
	margin-left: 0;
}
.formular .checkbox label {
    margin-left: .15em;
    padding-top: .2em;
	width: 220px;
	display: block;
}
.formular .checkbox.sirsi label {
    margin-left: .15em;
    padding-top: .2em;
	width: 500px;
	display: block;
}
.formular .checkbox.anone label {
	width: 30px;
}
.formular .checkbox.nadpis label {
    margin-bottom: 1em;
    width: 85%;
}
.odsazeni-top {
    margin-top: .7em;
}





/*******************************************************************
 *	                           tabulka
 *******************************************************************/
table.tabulka {
	margin: 1em 0 1.5em 0;
	border: 1px solid #000;
	border-bottom: none;
	border-right: none;
	width: 100%;
}
table.tabulka th {
	background-color: #888;
	color: #fff;
}
table.tabulka td, table.tabulka th {
	border: 1px solid #000;
	border-top: none;
	border-left: none;
	padding: .1em .4em;
}
table.tabulka td.dotted, table.tabulka th.dotted {
	border: 1px dotted #ccc;
	border-top: none;
	border-left: none;
}
table.tabulka td.dotted-right, table.tabulka th.dotted-right {
	border-right: 1px dotted #ccc;
}
table.tabulka tbody:hover {
    background-color: #eee;
}
.pagging {
    margin-top: -1.5em;
    padding: .5em;
    text-align: right;
	background-color: #ddd;
	border: 1px solid #000;
	border-top: none;
	width: 35%;
	float: right;
}
table.tabulka tr.zapis_bez {
    color: #bbb;
}
table.tabulka tr.zapis_bez:hover {
    background-color: Transparent;
}
table.tabulka tr.zapis_bez a {
    color: #bbb !important;
}


/*******************************************************************
 *	                           tabulka
 *******************************************************************/
div.hlasovani_navigace {
    height: 25px;
    background-color: #ccc;
    border: 1px solid #888;
    padding: 5px;
}
.hlasovani div.znak {
    width: 280px;
    height: 445px;
    background-color: #fff;
    border: 1px dotted #888;
    padding: 5px;
    margin: 5px;
    float: left;
}
.hlasovani div.znak h4 {
    border-bottom: 1px solid #888;
    padding: .3em;
    margin-bottom: 5px;
}
.hlasovani div.znak div.obrazek {
    margin: 5px;
    height: 380px;
}
.hlasovani div.znak div.body {
    border-top: 1px solid #888;
    padding: 5px;
}


/************************************************************
 *                          reklamni box
 ************************************************************/
.boxReklama {
    background: url('reklama_box.png') no-repeat;
    width: 203px;
    height: 198px;
    float: right;
    margin: -8px -15px .7em .7em;
    padding: 15px;
    color: #fff;
}
.boxReklama h4 {
    font-size: 1.15em;
    padding-bottom: .3em;
    margin-bottom: .7em;
    border-bottom: 3px solid #f37121;
}
.boxReklama p {
    padding: .1em .5em;
}
.boxReklama a {
    color: #fff !important;
}

/**************************************************************
 *                      kalendar obsazenosti
 *************************************************************/
.kalendar_maly {
	width: 200px;
	font-size: .9em;
}
.kalendar_maly p.poznamka {
	font-size: .95em;
}
.kalendar_maly h4 {
	text-align: center;
}
.kalendar_maly table {
	margin-top: -10px;
}
.kalendar_obsazenosti {
	width: 100%;
}
.kalendar_hlavicka {
	text-align: center;
	font-weight: bold;
}
.kalendar_hlavicka a {
	color: #000 !important;
}
.kalendar_obsazenosti .hlavicka_podtrzeni td {
	border-bottom: 1px solid #fff;
	padding-bottom: 2px;
	margin-top: 0;
}
.kalendar_obsazenosti .hlavicka_skryt tr {
	display: none;
}
.kalendar_obsazenosti td {
	width: 14%;
	padding: 2px;
}
.kalendar_obsazenosti div.termin_volno {
	width: 100%;
	height: 100%;
}
.kalendar_obsazenosti div.termin_obsazeno {
	width: 100%;
	height: 100%;
	background-color: #FF2600;
}