/*****************************************************************************
 *                                                                           *
 *  ROZVRŽENÍ STRÁNKY                                                        *
 *                                                                           *
 *****************************************************************************/ 

/************
 * HLAVIČKA *
 ************/ 
#hlavicka
{
	position: fixed;
	top: 0px;
	margin: 0px;
    padding: 0px;
	background-color: var( --barva-zakladni-1 );
	height: 70px;
	width: 100%;
	z-index: 100;
}	

#nadpis
{
	float: left;
	margin: 0;
    padding: 0;
    height: 70px;
    width: 440px;
}

#nadpis h1
{
	text-indent:-10000px; /* nahrazeno obrázkem */
	background: url(/tomiva/styly/modern/hlavicka.png) center 
		left no-repeat transparent;
	height: 70px;
}

#nadpisProstredi
{
	position: relative;
	top: 35px;
	font-size: 30px;
/*	font-weight: bold;*/
	color: yellow;
}

/***********
 * STRÁNKA *
 ***********/
#stranka 
{
	margin: 0px 135px;
	padding: 0px;
	background-color: var( --barva-zakladni-2 );
	text-align: center;
}

/*****************
 * OBSAH STRÁNKY *
 *****************/
#obsah 
{
	display: inline-block;
	margin: 0px 0px 35px 0px;
	padding: 0px;
}

#obsahStranky
{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid var( --barva-zakladni-1 );
	min-width: 570px;
}

/*********
 * CHYBY *
 *********/
.chybyStranky
{
	margin: 10px;
 	padding: 5px; 
	color: red;
	background-color: var( --barva-zakladni-2 );
	text-align: center;
	border: 1px solid red;
}

.chybyStranky ul 
{
 	margin: 0px; 
	padding: 0px; 
	list-style: none;
}

.chybyStranky li 
{
	padding: 5px; 
}

/**********
 * ZPRÁVY *
 **********/
.zpravyStranky
{
	margin: 10px;
 	padding: 5px; 
	color: green;
	background-color: var( --barva-zakladni-2 );
	text-align: center;
	border: 1px solid green;
}

.zpravyStranky ul 
{
 	margin: 0px;
	padding: 0px; 
	list-style: none;
}

.zpravyStranky li 
{
	padding: 5px; 
}

/**********
 * ZÁPATÍ *
 **********/
#paticka
{ 
	position: fixed;
	bottom: 0px;
	height: 35px;
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-color: var( --barva-zakladni-1 );
	text-indent:-10000px; /* nahrazeno obrázkem */
	background-image: url(/tomiva/styly/modern/paticka.png);
	background-repeat: no-repeat;
	background-position: center center;
}

/*****************************************************************************
 *                                                                           *
 *  NAVIGACE STRÁNKY                                                         *
 *                                                                           *
 *****************************************************************************/ 
 
/*************************
 * HLEDÁNÍ               *
 *************************/
#hledej
{
	display: block;
	position: absolute;
    top: 0px;
    right: 135px; 
    height: 35px;
	margin: 0px;
	padding: 0px;
	text-align: right;
	line-height: 2.5em;
	z-index: 50;
}
#hledej ul
{
	padding: 0px; 
	margin: 0px;	
}

#hledej li
{
	display: inline-block;
	padding: 0px; 
	margin: 0px;
	border: 0px;
	text-align: center;
	margin-left: -4px;
}
#hledej li input[type=text]
{
	margin: 0px 0px 0px 5px;
	border: 0px;
	color: var( --barva-pisma-1 );
	background-color: var( --barva-zakladni-3 );
	width: 200px;
	text-align: center;
}
 
/*************************
 * RYCHLE ODKAZY         *
 *************************/
#odkazy
{
	display: block;
	position: absolute;
    top: 35px;
    right: 135px; 
	margin: 0px;
	padding: 0px;
	text-align: right;
	line-height: 2.5em;
	z-index: 50;
}

#odkazy ul
{
	padding: 0px; 
	margin: 0px;	
}

#odkazy li
{
	display: inline;
	padding: 0px; 
	margin: 0px;
	color: var( --barva-zakladni-2 );
	background-color: var( --barva-zakladni-1 );
	border: 0px;
	text-align: center;
}
#odkazy li a 
{
	display: inline-block; 
    width: 100px;
    color: var( --barva-zakladni-2 );
    background-color: var( --barva-zakladni-1 );
    text-decoration: none;
    margin-left: -4px;
}
#odkazy li a.sirsi
{
	width: 200px;
}
#odkazy li a:hover, #odkazy li a.vybrano 
{
	color: var( --barva-pisma-1 );
	background-color: var( --barva-zakladni-2 );
	font-weight: bold;
}

#odkazyZapnout, #odkazyVypnout
{
	position: absolute;
    top: 35px;
    right: 98px; 
	font-size: 30px;
}
#odkazyZapnout
{
	display: none;
}
#odkazyVypnout
{
	display: block;
}
#odkazyZapnout a, #odkazyVypnout a
{
	padding: 0px 10px; 
	margin: 0px;
	color: var( --barva-zakladni-2 );
	background-color: var( --barva-zakladni-1 );
	text-decoration: none;
}
#odkazyZapnout a:hover, #odkazyVypnout a:hover
{
	color: var( --barva-pisma-1 );
	background-color: var( --barva-zakladni-2 );
}

/*******************
 * NAVIGAČNÍ PANEL *
 *******************/
#panel 
{
	display: block;
	position: fixed;
	top: 105px;
	left: 0px;
	bottom: 0px;
	margin: 0px;
	padding: 0px;
	width: 135px;
	background-color: var( --barva-zakladni-1 );	
	z-index: 50;
}

#panel ul 
{
	margin: 0px;
	padding: 0px;
}

#panel li.prvni 
{
	display: block;
	whites-space: nowrap;
	padding: 0px;
	margin: 0px;
	line-height: 2.5em;
/*	border-left: 5px solid var( --barva-zakladni-3 ); */
}

#panel li.prvni a 
{
	display: block;
	padding: 0px 5px; 
	margin: 0px;
	color: var( --barva-zakladni-2 );
	background-color: var( --barva-zakladni-1 );
	text-decoration: none; 
	text-align: center;
}

#panel li.prvni a:hover, #panel li.prvni a.vybrano
{
	color: var( --barva-pisma-1 );
	background-color: var( --barva-zakladni-2 );
	font-weight: bold;
}

#panel li.druhy
{
	display: block;
	padding: 0px;
	margin: 0px;
	line-height: 2.5em;
/*	border-left: 5px solid var( --barva-zakladni-3 ); */
}

#panel li.druhy a 
{
	display: block;
	padding: 0px 5px; 
	margin: 0px;
	color: var( --barva-pisma-1 );
	background-color: var( --barva-zvyrazneni-1 );
	text-decoration: none;
	text-align: right;
}

#panel li.druhy a:hover, #panel li.druhy a.vybrano
{
	color: var( --barva-pisma-1 );
	background-color: var( --barva-zakladni-2 );
	font-weight: bold;
}

#panel li.modul
{
	display: block;
	padding: 0px;
	margin: 0px;
	line-height: 2.5em;
}

#panel li.modul a
{
	display: block;
	padding: 0px 5px; 
	margin: 0px;
	color: var( --barva-pisma-1 );
	background-color: var( --barva-zakladni-3 );
	text-decoration: none;
	text-align: left; 
}

#panel li.modul a:hover, #panel li.modul a.vybrano
{
	color: var( --barva-pisma-1 );
	font-weight: bold;
}

#panelZapnout, #panelVypnout
{
	position: fixed;
    top: 70px;
    left: 0px;
	font-size: 30px;
	text-align: right;	
}
#panelZapnout
{
	display: none;
	width: 35px;
	height: 35px;
	background-color: var( --barva-zakladni-2 );
}
#panelVypnout
{
	display: block;
	width: 135px;
	height: 35px;
	background-color: var( --barva-zakladni-1 );
}
#panelZapnout a, #panelVypnout a
{
	padding: 0px 10px; 
	margin: 0px;
	text-decoration: none;
}
#panelZapnout a
{
	color: var( --barva-pisma-2 );
	background-color: var( --barva-zvyrazneni-1 );
}
#panelVypnout a
{
	color: var( --barva-zakladni-2 );
	background-color: var( --barva-zakladni-1 );
}
#panelZapnout a:hover, #panelVypnout a:hover
{
}
#panelZapnout a:hover
{
	color: var( --barva-zakladni-2 );
	background-color: var( --barva-zvyrazneni-2 );
}
#panelVypnout a:hover
{
	color: var( --barva-pisma-1 );
	background-color: var( --barva-zakladni-2 );
}

#panelObjekty, #panelProvoz, #panelFinance, #panelAdministrace
{
	display: none;
}
#panelObjektyVypnout, #panelProvozVypnout, #panelFinanceVypnout, #panelAdministraceVypnout
{
	display: none;
}

/***********************
 * KONTEXTOVÁ NAVIGACE *
 ***********************/
#navigaceKarty 
{
	display: block;
	position: fixed;
	top: 105px;
	right: 0px;
	bottom: 0px;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 135px;
	line-height: 2.5em;
	background-color: var( --barva-zakladni-1 );
	z-index: 50;
}

#navigaceKarty ul 
{
	margin: 0px;
	padding: 0px;
}

#navigaceKarty li 
{
	display: block;
	white-space: nowrap;
	padding: 0px;
	margin: 0px;
}

#navigaceKarty li a 
{
	display: block;
	padding: 0px 5px; 
	margin: 0px;
	color: var( --barva-zakladni-2 );
	background-color: var( --barva-zakladni-1 );
	text-decoration: none; 
	text-align: left;
}

#navigaceKarty li a:hover, #navigaceKarty li a.vybrano
{
	color: var( --barva-pisma-1 );
	background-color: var( --barva-zakladni-2 );
	font-weight: bold;
}

#navigaceKarty li.pismeno
{
	display: block;
	padding: 0px;
	margin: 0px;
	line-height: 2.5em;
}

#navigaceKarty li.pismeno a
{
	display: block;
	padding: 0px 5px; 
	margin: 0px;
	color: var( --barva-pisma-1 );
	background-color: var( --barva-zakladni-3 );
	text-decoration: none;
	text-align: center; 
}

#navigaceKarty li.pismeno a:hover, #navigaceKarty li.pismeno a.vybrano
{
	color: var( --barva-pisma-1 );
	font-weight: bold;
}

#navigaceKartyZapnout, #navigaceKartyVypnout
{
	position: fixed;
    top: 70px;
    right: 0px;
	font-size: 30px;
	text-align: left;
}
#navigaceKartyZapnout
{
	display: none;
	width: 35px;
	height: 35px;
	background-color: var( --barva-zakladni-2 );
}
#navigaceKartyVypnout
{
	display: block;
	width: 135px;
	height: 35px;
	background-color: var( --barva-zakladni-1 );
}
#navigaceKartyZapnout a, #navigaceKartyVypnout a
{
	padding: 0px 10px; 
	margin: 0px;
	text-decoration: none;
}
#navigaceKartyZapnout a
{
	color: var( --barva-pisma-2 );
	background-color: var( --barva-zvyrazneni-1 );
}
#navigaceKartyVypnout a
{
	color: var( --barva-zakladni-2 );
	background-color: var( --barva-zakladni-1 );
}
#navigaceKartyZapnout a:hover, #navigaceKartyVypnout a:hover
{
}
#navigaceKartyZapnout a:hover
{
	color: var( --barva-zakladni-2 );
	background-color: var( --barva-zvyrazneni-2 );
}
#navigaceKartyVypnout a:hover
{
	color: var( --barva-pisma-1 );
	background-color: var( --barva-zakladni-2 );
}

.navigaceKartyABCDSkryj, .navigaceKartyEFGHSkryj, .navigaceKartyCHIJSkryj, 
	.navigaceKartyKLMNSkryj, .navigaceKartyOPQRSkryj, .navigaceKartySTUVSkryj, 
	.navigaceKartyWXYZSkryj
{
	display: none;
}
.navigaceKartyABCDZobraz, .navigaceKartyEFGHZobraz, .navigaceKartyCHIJZobraz, 
	.navigaceKartyKLMNZobraz, .navigaceKartyOPQRZobraz, .navigaceKartySTUVZobraz, 
	.navigaceKartyWXYZZobraz
{
	display: initial;
}
#navigaceKartyABCDVypnout, #navigaceKartyEFGHVypnout, #navigaceKartyCHIJVypnout, 
	#navigaceKartyKLMNVypnout, #navigaceKartyOPQRVypnout, #navigaceKartySTUVVypnout, 
	#navigaceKartyWXYZVypnout
{
	display: none;
}

/*************************
 * NAVIGACE AKCÍ STRÁNKY *
 *************************/
#navigaceAkce
{
	margin: 54px 0px 0px 0px;
	padding: 0px;
	text-align: center;
	line-height: 2.5em;
}

#navigaceAkce ul
{
	padding: 0px; 
	margin: 0px;	
}

#navigaceAkce li
{
	display: inline;
	padding: 0px; 
	margin: 0px;
	border: 0px;
	text-align: center;
}

#navigaceAkce li a 
{
	margin: 0px;
	padding: 0px 10px;
	display: inline-block;
    margin-right: -4px; 
    min-width: 100px;
	color: var( --barva-pisma-3 );
	background-color: var( --barva-zvyrazneni-1 );
    text-decoration: none;
}

#navigaceAkce li a:hover, #navigaceAkce li a.vybrano 
{
	color: var( --barva-zakladni-2 );
	background-color: var( --barva-zvyrazneni-2 );
}

#navigacekceZapnout, #navigaceAkceVypnout
{
	display: none;
}

/**********************
 * STRÁNKOVÁ NAVIGACE *
 **********************/
#navigaceStranky
{
	margin: 0px;
	padding: 0px;
	text-align: center;
	line-height: 2.5em;
}

#navigaceStranky ul
{
	padding: 0px; 
	margin: 0px;	
}

#navigaceStranky li
{
	display: inline;
	padding: 0px; 
	margin: 0px;
	border: 0px;
	text-align: center;
}

#navigaceStranky li a 
{
	padding: 0px 5px; 
	margin: 0px;
	display: inline-block;
	margin-right: -4px; 
    width: 50px;
	color: var( --barva-pisma-3 );
	background-color: var( --barva-zvyrazneni-1 );
    text-decoration: none;
    
}

#navigaceStranky li a:hover, #navigaceStranky li a.vybrano 
{
	color: var( --barva-zakladni-2 );
	background-color: var( --barva-zvyrazneni-2 );
}

/********************
 * TLAČÍTKA STRÁNKY *
 ********************/
#tlacitkaStranky, #odkazyStranky
{
	margin: 0px;
	padding: 0px;
	text-align: center;
	line-height: 2.5em; 
}

#odkazyStranky
{
	margin: 35px 0px 0px 0px;
}

#tlacitkaStranky ul, #odkazyStranky ul
{
	padding: 0px; 
	margin: 0px;	
}

#tlacitkaStranky li, #odkazyStranky li
{
	display: inline;
	padding: 0px; 
	margin: 0px;
	border: 0px;
	text-align: center;
}

#tlacitkaStranky li input, #odkazyStranky li input
{
	display: inline-block; 
    margin-right: -4px;
}

#tlacitkaStranky li a, #odkazyStranky li a
{
	margin: 0px;
	padding: 0px 10px; 
	display: inline-block;
    margin-right: -4px;
    min-width: 100px;
    border: 0px;
    height: 35px;
    color: var( --barva-pisma-1 );
    background-color: var( --barva-zvyrazneni-1 );
    text-decoration: none;
}
#tlacitkaStranky li a:hover, #odkazyStranky li a:hover
{
	color: var( --barva-zakladni-2 );
    background-color: var( --barva-zvyrazneni-2 );
}
#tlacitkaStranky li a.uprav, #odkazyStranky li a.uprav
{
	color: var( --barva-zakladni-2 );
	background-color: #4CAF50;
}
#tlacitkaStranky li a.uprav:hover, #odkazyStranky li a.uprav:hover
{
	color: var( --barva-zakladni-2 );
    background-color: #00a933;
}

/*****************************************************************************
 *                                                                           *
 *  OBSAH STRÁNKY                                                            *
 *                                                                           *
 *****************************************************************************/ 

/*********
 * PÍSMO *
 *********/
/*@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400&display=swap');*/
/*@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}*/
/***********
 * STRÁNKA *
 ***********/ 
html {
	background-color: var( --barva-zakladni-2 );
	color: var( --barva-pisma-1 );
/*	font-family: Open Sans, Verdana, Arial, sans;*/
	font-family: Arial, sans; 
	font-size: 14px;
}

body {
	margin: 0px;
	padding: 0px;
}

/***********
 * NADPISY *
 ***********/
h1 
{
	margin: 0px;
	padding: 0px;
	color: var( --barva-zakladni-2 );
	font-weight: bold;
}

h2
{
	margin: 10px;
	padding: 0px; 
	font-size: 20px;
	font-weight: normal; 
	color: var( --barva-pisma-2 );
	text-align: center;
}

#nadpisStranky
{
}

#vybranyObjekt
{
	color: var( --barva-pisma-1 );
}

h3, h4, h5, h6
{
	font-size: 14px;
	font-weight: normal; 
}

/***********
 * OBRÁZKY *
 ***********/

img.ikonaObjektu 
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}
	
/***********
 * TABULKY *
 ***********/
table
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

td
{
	border: 0px;
	font-size: 14px;
	vertical-align: middle;
}

table a 
{
	margin: 0px;
	padding: 7px 15px;
	line-height: 2.5em;
	color: var( --barva-pisma-3 );
	background-color: var( --barva-zvyrazneni-1 );
	text-decoration: none;
} 

table a:visited 
{
}

table a:hover 
{
	color: var( --barva-zakladni-2 );
	background-color: var( --barva-zvyrazneni-2 );
}

/***********************
 * SLOUPCOVÉ ZOBRAZENÍ *
 ***********************/
.sloupcoveZobrazeni
{
}

.sloupcoveZobrazeni:after 
{
  content: "";
  display: table;
  clear: both;
}

.sloupecZobrazeni
{
	float: left;
	width: 570px;
} 

/******************
 * OBJEKT STRÁNKY *
 ******************/

.objekt
{
	padding: 0px;	
	margin: 0px 0px 35px 0px;
	text-align: left;
	margin-left: auto; 
    margin-right: auto;	
    width: 570px;
}

.objekt-sirsi
{
	padding: 0px;	
	margin: 0px 0px 35px 0px;
	text-align: left;
	margin-left: auto; 
    margin-right: auto;
	width: auto;
}
	
.objekt .nadpisObjektu, .objekt-sirsi .nadpisObjektu
{
	display: inline-block;
	margin: 0px;
	padding: 0px 10px;
	border-bottom: 1px solid var( --barva-zvyrazneni-2 ); 
	color: var( --barva-zakladni-2 );
	background-color: var( --barva-zvyrazneni-2 );
	line-height: 2.5em;
	height: 35px;
	min-width: 110px;
	text-align: center;
}

.objekt .odkazObjektu, .objekt-sirsi .odkazObjektu
{
	display: inline-block;
	margin-left: -4px;	 
}

.objekt .odkazObjektu a, .objekt-sirsi .odkazObjektu a
{
	margin: 0px;
	padding: 10px 15px;
	height: 35px;
	line-height: 2.5em;
	color: var( --barva-pisma-3 );
	background-color: var( --barva-zvyrazneni-1 );
	text-decoration: none;
}

.objekt .odkazObjektu a:hover, .objekt-sirsi .odkazObjektu a:hover
{
	color: var( --barva-zakladni-2 );
	background-color: var( --barva-zvyrazneni-2 );
}

.objekt .teloObjektu, .objekt-sirsi .teloObjektu 
{
	text-align: center;
}

.teloObjektuNapoveda
{
	margin: -14px 0px 0px 0px;
	padding: 0px;
	color: var( --barva-pisma-3 );
	background-color: var( --barva-zvyrazneni-1 );
}

/*****************************************************************************
 *                                                                           *
 *  TYPY STRÁNKY                                                             *
 *                                                                           *
 *****************************************************************************/

/********************************
 * STRÁNKY SEZNAMŮ A ZOBRAZENÍ  *
 ********************************/
table.seznam, table.zobrazeni
{
	margin: 0px;
	border-spacing: 0px;
	line-height: 1.5em;
}

table.seznam
{
	margin: 0px 0px 35px 0px;
	margin-left: auto; 
    margin-right: auto;
    min-width: 570px;
}
table.zobrazeni
{
	border: solid 1px var( --barva-zvyrazneni-1 );
	width: 100%;
}

table.seznam tr, table.zobrazeni tr
{
	height: 40px;
}

table.seznam tr:first-child:hover, table.zobrazeni tr:first-child:hover
{
	background-color: transparent;
}

table.seznam tr:hover, table.zobrazeni tr:hover
{
	background-color: var( --barva-zvyrazneni-1 );
}

table.seznam th, table.zobrazeni th
{
	margin: 0px;
	padding: 0px 10px;
	font-size: 14px;
	font-weight: normal;
	white-space: nowrap;
	text-align: center;
}

table.seznam th
{
	color: var( --barva-pisma-3 );
	background-color: var( --barva-zvyrazneni-3 );
	border: 1px solid var( --barva-zvyrazneni-1 );
}

table.zobrazeni th
{
	color: var( --barva-pisma-3 );
	background-color: var( --barva-zvyrazneni-1 );
}

table.seznam th.odkaz
{
	padding: 0px 0px;
	background-color: var( --barva-zvyrazneni-3 );
}
table.seznam th.odkaz:hover
{
	background-color: var( --barva-zvyrazneni-2 );
}
table.seznam th.odkaz a
{
	color: var( --barva-pisma-3 );
	background-color: var( --barva-zvyrazneni-3 );
}

table.seznam th.odkaz a:hover
{
	color: var( --barva-zakladni-2 );
	background-color: var( --barva-zvyrazneni-2 );
}

table.seznam td, table.zobrazeni td
{
	margin: 0px;
	padding: 0px 10px;
	font-size: 14px;
	vertical-align: middle;
	border-bottom: 1px solid var( --barva-zvyrazneni-1 );
}

table.seznam td.zapati, table.zobrazeni td.zapati
{
	background-color: var( --barva-zvyrazneni-1 );
}

table.seznam td.id, table.zobrazeni td.id
{
	width: 30px;
}

table.seznam td.odkaz, table.zobrazeni td.odkaz
{
	padding: 0px 0px;
	border: solid 1px var( --barva-zvyrazneni-1 );
	color: var( --barva-pisma-3 );
	background-color: var( --barva-zvyrazneni-1 );
	white-space: nowrap;
}

table.seznam td.odkaz:hover, table.zobrazeni td.odkaz:hover
{
	background-color: var( --barva-zvyrazneni-2 );
	border: solid 1px var( --barva-zvyrazneni-2 );
	color: var( --barva-zakladni-2 );
}

table.seznam td.odkaz a, table.seznam th.odkaz a, table.zobrazeni td.odkaz a
{
	background-color: transparent;
}

table.seznam td.odkaz a:hover, table.seznam th.odkaz a:hover, table.zobrazeni td.odkaz a:hover
{
	background-color: transparent;
}

.schovavat
{	
}

.trideni
{
/*	font-size: 14px;
	text-decoration: none;*/
}	

th .napoveda
{
	position: relative;
	top: -0.4em;
	padding: 5px;
	color: green;
	font-weight: bold;
}

/*********************
 * STRÁNKY FORMULÁŘŮ *
 *********************/
table.formular
{ 
	margin: 0px auto;
/*	margin: 0px; */
	padding: 0px;
	border-spacing: 0px;
	border: solid 1px var( --barva-zvyrazneni-1 );
	line-height: 2.5em;
}

table.formular th
{
	margin: 0px;
	padding: 0px 10px;
	font-size: 12px;
	color: var( --barva-pisma-3 );
	background-color: var( --barva-zvyrazneni-1 );
	white-space: nowrap;
	text-align: center;
}

table.formular td 
{ 
	margin: 0px;
	padding: 0px;
	height: 35px;
	line-height: 2.5em;
/*	border-bottom: solid var( --barva-zvyrazneni-1 ) 1px; */
}

table.formular td.popis
{
	color: var( --barva-pisma-3 );
	background-color: var( --barva-zvyrazneni-1 );
	text-align: right;
	vertical-align: middle;
	width: 120px;
	padding: 0px 5px;
	white-space: nowrap;
}

table.formular td.hodnota-uzsi
{
	vertical-align: middle;
	width: 225px;
	padding: 0px;
	text-align: left;
}

table.formular td.hodnota, table.formular td.hodnota-sirsi
{
	vertical-align: middle;
	width: 450px;
	padding: 0px;
	text-align: left;
}

td .napoveda
{
	position: relative;
	top: -0.4em;
	padding: 5px;
	color: green;
	font-weight: bold;
}

.dopln
{
/*	font-size: 20px;*/
	color: green;
	text-decoration: none;
}

/*****************************************************************************
 *                                                                           *
 *  FORMULÁŘE                                                                *
 *                                                                           *
 *****************************************************************************/
form
{
	margin: 0px;
	padding: 0px;
}

input[type=text], input[type=password]
{
	margin: 0px;
	padding: 0px 5px;
    font-size: 14px;
/*  font-family: Open Sans, Verdana, Arial, sans; */
    font-family: Arial, sans;
    font-weight: normal;
    border: solid 1px var( --barva-zvyrazneni-2 );
    color: var( --barva-pisma-1 );
    background-color: var( --barva-zakladni-2 );
    width: 100%;
    height: 100%;
    text-align: left;
}

input.povinne
{
	border: solid 1px red;
}

input.cteni 
{
	background-color: var( --barva-zakladni-2 );
	border: 0px;
}

input[type=submit]
{
	margin: 0px;
	padding: 0px 10px;
	font-size: 14px;
 	border: 0px;
    min-width: 100px;
    height: 35px;
    color: var( --barva-pisma-1 );
    background-color: var( --barva-zvyrazneni-1 );
}
input[type=submit]:hover
{
	color: var( --barva-zakladni-2 );
    background-color: var( --barva-zvyrazneni-2 )
}

input[type=submit].uprav
{
    color: var( --barva-zakladni-2 );
    background-color: #4CAF50;
}
input[type=submit].uprav:hover
{
	color: var( --barva-zakladni-2 );
    background-color: #00a933;
}

input[type=submit].vymaz
{
    color: var( --barva-zakladni-2 );
    background-color: #ff6d6d;
}
input[type=submit].vymaz:hover
{
	color: var( --barva-zakladni-2 );
	background-color: #ff0000;
}

input[type=button]
{
	margin: 0px;
	padding: 0px 20px;
	font-size: 14px;
	color: var( --barva-pisma-3 );
    background-color: var( --barva-zvyrazneni-1 );
 	border: 0px;
    min-width: 100px;
    height: 35px;
}

input[type=button]:hover
{
	color: var( --barva-zakladni-2 );
    background-color: var( --barva-zvyrazneni-2 );
}

input[type=button].uprav
{
    color: var( --barva-zakladni-2 );
    background-color: #4CAF50;
}
input[type=button].uprav:hover
{
	color: var( --barva-zakladni-2 );
    background-color: #00a933;
}

input[type=button].sirsi
{
	width: 150px;
}

input[type=file]
{
	margin: 0px;
	padding: 0px;
    color: var( --barva-pisma-1 );
/*    width: 100%; */
    height: 100%;
    line-height: 2.5em;
}
input[type=file]::file-selector-button {
	margin: 0px;
	padding: 0px 20px;
	font-size: 14px;
	color: var( --barva-pisma-3 );
    background-color: var( --barva-zvyrazneni-1 );
 	border: 0px;
    min-width: 100px;
    height: 35px;
}
input[type=file]::file-selector-button:hover {
	color: var( --barva-zakladni-2 );
    background-color: var( --barva-zvyrazneni-2 );
}
	
input[type=checkbox]
{
}

textarea 
{
	margin: 0px;
	padding: 5px;
    font-size: 14px;
/*    font-family: 'Courier New', monospace; */
/*  font-family: Open Sans, Verdana, Arial, sans; */
    font-family: Arial, sans;
    border: solid 1px var( --barva-zvyrazneni-2 );
    color: var( --barva-pisma-1 );
    background-color: var( --barva-zakladni-2 ); 
    width: 100%;
    height: 200px;  	
    line-height: 1.5em;
}

textarea.mensi
{
	height: 100px;
}

textarea.vetsi
{
	height: 300px;
}

textarea.povinne
{
	border: solid 1px red;
}

textarea.cteni 
{
	border: 0px;
}

select
{
/*  font-family: Open Sans, Verdana, Arial, sans; */
    font-family: Arial, sans;
	font-size: 14px;
    border: solid 1px var( --barva-zvyrazneni-2 );
    color: var( --barva-pisma-1 );
    background-color: var( --barva-zakladni-2 );
    width: 100%;
    height: 100%;
    text-align: left;   	
}

select.odkaz
{
	width: calc(100% - 56px);
}

select.povinne
{
	border: solid 1px red;
}
select.cteni
{
	color: var( --barva-pisma-1 );
	background-color: var( --barva-zakladni-2 );
	border: 0px;
}

.nahradaZaPole
{
	margin: 0px;
	padding: 0px 5px;
	line-height: 2.5em;
	text-align: left;
}
.nahradaZaPole a 
{
	margin: 0px;
	padding: 7px 20px;	
	color: var( --barva-pisma-3 );
	background-color: var( --barva-zvyrazneni-1 );
	text-decoration: none;
} 
.nahradaZaPole a:hover 
{
	color: var( --barva-zakladni-2 );
	background-color: var( --barva-zvyrazneni-2 );
}
	
/*
.povinne
{
	font-weight: bold;
	color: red;	
	vertical-align: middle;
}
*/
/*
#vyskoc
{
	text-indent:-10000px; 
	background: url(/tomiva/obrazky/vyskoc.png) bottom left no-repeat transparent;
	text-decoration: none; 
}*/

.zakazano 
{
    background-color: var( --barva-zvyrazneni-1 );
}
/*
.cteni 
{
	background-color: var( --barva-zvyrazneni-1 );
}
*/
/*****************************************************************************
 *                                                                           *
 *  ZVLÁŠTNÍ STRÁNKY                                                        *
 *                                                                           *
 *****************************************************************************/ 

/*********************
 * TABULKA NOVINKY   *
 *********************/
table.novinky
{ 
	margin: 0px;
	padding: 0px;
	border-spacing: 0px;
}

table.novinky tr 
{
}	

table.novinky tr:hover 
{
/*	background-color: var( --barva-zvyrazneni-1 ); */
}	

table.novinky td 
{ 
	padding: 0px 10px;
	border-top: 1px solid var( --barva-zvyrazneni-1 );
	border-bottom: 1px solid var( --barva-zvyrazneni-1 );
	font-size: 15px;
}

table.novinky td.popis
{
	padding: 10px;
	width: 70px;
	color: var( --barva-pisma-3 );
	background-color: var( --barva-zvyrazneni-3 );
	text-align: center;
}

table.novinky td.popis2
{
	padding: 10px;
	width: 70px;
	color: var( --barva-pisma-3 );
	background-color: var( --barva-zvyrazneni-1 );
	text-align: center;
}

table.novinky td.hodnota
{
	padding: 10px;
	max-width: 700px;
	line-height: 2.5em;
}

table.novinky ul, table.novinky li
{
	margin: 0px;
	padding: 0px 20px;
}
table.novinky li
{
	color: var( --barva-pisma-3 );
	padding: 0px;
}


/**************
 * PŘIHLÁŠENÍ *
 **************/
#prihlaseni
{
	position: absolute;
  	left: 50%;
  	top: 50%;
	transform: translateX(-50%) translateY(-60%);
  	width: 600px;
	height: 350px;
	border: 1px solid var( --barva-zakladni-1 );
}

#prihlaseni #hlavicka
{
	width: 600px;
	height: 100px;
}

#prihlaseni #nadpis
{
	padding: 17px 0px 0px 0px;
	width: 480px;
}

#prihlaseni #nadpisProstredi
{
	padding: 17px 0px 0px 0px;
}	

#o-systemu
{
	position: absolute;
  	left: 50%;
  	bottom: 3%;
  	transform: translateX(-50%) translateY(-50%); 	
	color: var( --barva-pisma-2 );
	text-align: center;
	width: 600px;
}

#o-systemu a
{
	color: black;
	text-decoration: none;
}

#prihlaseni .chybyStranky
{
	position: absolute;
	right: 35px;
  	top: 125px;
	margin: 0px;
	width: 345px;
 	padding: 5px; 
	color: red;
	background-color: var( --barva-zakladni-2 );
	text-align: center;
	border: 1px solid red;
}

#prihlaseni img
{
	float: left; 
	margin: 160px 30px;
}

#formular-prihlaseni
{
	position: absolute;
  	right: 35px;
  	top: 180px; 
  	text-align: center;
}

/*****************************************************************************
 *                                                                           *
 *  PŘIZPŮSOBENÍ STRÁNKY                                                     *
 *                                                                           *
 *****************************************************************************/
@media screen and (max-width: 1450px) 
{
	.sloupcoveZobrazeni
	{
		width: 570px;
	}
	.sloupecZobrazeni 
	{
/*		width: 100%; */
		width: 570px;
	}
	
	#hledej
	{
		display: none;
		top: 70px;
		right: 0px;
		width: 135px
	}
	
	#odkazy
	{
		display: none;
		top: 70px;
		right: 0px;
		width: 135px
	}
	#odkazy li
	{
		display: block;
		text-align: left;
	}
	#odkazy li a
	{
		display: block;
		padding: 0px 5px;
		width: 135px;
	}
	#odkazy li a.sirsi
	{
		width: 135px;
	}
	#odkazyZapnout, #odkazyVypnout
	{
		right: 0px;
	}
	#odkazyZapnout
	{
		display: block;
	}
	#odkazyVypnout
	{
		display: none;
	}
	.schovavat
	{	
		display: none;
	}
}
@media screen and (max-width: 900px) 
{
	#stranka 
	{
		margin: 0px;
	}

	#panel
	{
		display: none;
		position: absolute;
	}
	#panelZapnout
	{
		display: block;
	}
	#panelVypnout
	{
		display: none;
		width: 35px;
	}
	
	#navigaceKarty
	{
		display: none;
		position: absolute;
	}
	#navigaceKartyZapnout
	{
		display: block;
	}
	#navigaceKartyVypnout
	{
		display: none;
		width: 35px;
	}
	.schovavat
	{	
		display: none;
	}
}