body
{
	margin: 0;
	padding: 0;
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 0.7em;
	color: #505050;
	
	background: #dedede url('../Images/Design/top_bg_repeat.jpg') top left repeat-x;
}

form
{
	margin: 0;
}

img
{
	border: 0;
}

h1, h2, h3
{
	font-family: Tahoma, Arial, Helvetica;
}

h1
{
	font-size: 2.4em;
	font-weight: normal;
	margin: 0 0 0.75em 4px;
	color: #4b871f;}

.nadpis-nadrazene
{
	font-size: 1.2em;
}

h2
{
	font-size: 2em;
	margin: 1em 0;
}

h3
{
	font-size: 1em;
	margin: 1em 0;
	font-weight: bold;
	color: #383836;
}

p
{
	margin: 1em 0;
}

a
{
	color: #53a007;/*c00000;*/
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

.alt
{
	display: none;
}

.validator
{
	color: Red;
}

/* --------- Design --------- */

/* naskakuje při loadování stránky */
#progress-bar
{
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 900px;
	background: url(../Images/Design/ProgressBar.gif) center center no-repeat;
}

#action-moving-rectangle
{
	border: 1px dashed black;
	background: transparent url("../Images/Design/Transparent.png") repeat left top; 
	filter: alpha(opacity=25); 
	z-index: 1000000;
}

div#page
{
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 951px;
	bottom: 0px;
}

div#top
{
	background: url('../Images/Design/Top.jpg') top left no-repeat;
	width: 951px;
	height: 153px;
	
	position: relative;
	
	text-align: left;
	color: #102900;
	font-size: 1em;
}

div#default-page
{
	position: absolute;	
	top: 6px;
	left: 10px;
	bottom: 22px;
	right: 174px;
}

	div#default-page a.default-page-button
	{
		width: 160px;
		height: 16px;
		display: block;
		cursor: pointer;
	}

div#login-status
{
	margin: 22px 110px 0 0;
	float: right;
	height: 16px;
}

	div#login-status a
	{
		color: #686868;
		text-decoration: none;
	}
	
	div#login-status a:hover
	{
		color: #686868;
		text-decoration: underline;
	}

div#menu
{
	position: absolute;
	top: 55px;
	left: 20px;
	width: 700px;
	height: 72px;
}

	div#menu div.mapa-stranek
	{
		width: 133px;
		height: 98px;
		float: left;
	}
	
	div#menu a.mapa-stranek
	{
		display: block;
		width: 133px;
		height: 98px;
	}
	
	div#menu div.soubory
	{
		margin-left: 6px;
		width: 133px;
		height: 98px;
		display: block;
		float: left;
	}
	
	div#menu a.soubory
	{
		width: 133px;
		height: 98px;
		display: block;
	}
	
	div#menu div.administrace-menu
	{
		margin-left: 6px;
		width: 133px;
		height: 98px;
		display: block;
		float: left;
	}
	
	div#menu a.administrace-menu
	{
		width: 133px;
		height: 98px;
		display: block;
	}
	
	div#menu div.novinky
	{
		margin-left: 6px;
		width: 133px;
		height: 98px;
		display: block;
		float: left;
	}
	
	div#menu a.novinky
	{
		width: 133px;
		height: 98px;
		display: block;
	}
	
	div#menu div.konfigurace
	{
		margin-left: 6px;
		width: 133px;
		height: 98px;
		display: block;
		float: left;
	}
	
	div#menu a.konfigurace
	{
		width: 133px;
		height: 98px;
		display: block;
	}

	div#menu div.page-is-SiteMap
	{
		background: url('../Images/Design/Menu-MapaStranek.jpg') top left no-repeat;
	}
	
	div#menu div.page-is-Soubory
	{
		background: url('../Images/Design/Menu-Soubory.jpg') top left no-repeat;
	}
	
	div#menu div.page-is-AdministraceMenu
	{
		background: url('../Images/Design/Menu-AdministraceMenu.jpg') top left no-repeat;
	}
	
	div#menu div.page-is-News
	{
		background: url('../Images/Design/Menu-Novinky.jpg') top left no-repeat;
	}
	
	div#menu div.page-is-Settings
	{
		background: url('../Images/Design/Menu-Konfigurace.jpg') top left no-repeat;
	}
	
div#vyhledat-podle-url
{
	position: absolute;
	top: 110px;
	left: 750px;
	width: 213px;
	height: 20px;
}

	div#vyhledat-podle-url .TextBox
	{
		border: none;
		background-color: #59ac04;
		margin-top: 1px;
		
		float: left;
	}
	
	div#vyhledat-podle-url .Button
	{
		background: url('../Images/Design/VyhledatButton.jpg') top left no-repeat;
		width: 25px;
		height: 23px;
		display: block;
		border: none;
		cursor: pointer;
		margin-right: 30px;
		float: right;
	}
	
div#middle
{
	width: 930px;
	_height: 113px;
	min-height: 113px;
	margin-left: 20px;
	padding: 0;
	text-align: left;
	background: #dedede;
	margin-top: 22px;
}

div#bottom
{
	bottom: 0px;
	width: 930px;
	height: 30px;
	clear: both;
	background: #646464;
	margin-left: 20px;
	color: #9e9e9e;
}

div#bottom span
{
	margin: 7px
}

/* --------- / Design --------- */


/* --------- Helpers --------- */

.clearer
{
	clear: both;
}

.hidden
{
	display: none;
}


/* --------- Contenty --------- */

div#content-site-map
{
	background: url('../Images/Design/ContentSiteMapBackground.jpg') top left repeat-y;
	display: block;
	width: 100%;
}

div#content-left
{
	float: left;
	width: 246px;
}

	div#content-left div#vybrat-menu
	{
		background: #efefef;
		width: 246px;
		height: 65px;
		font-family: Arial;
		font-size: 10px;
		border-bottom: 1px solid #fff;
	}
	
	div#content-left div#vybrat-menu p
	{
		padding: 0;
		margin: 5px 0 0 12px;
	}
	
	div#content-left .menu-drop-downlist
	{
		border: none;
		margin: 10px 0 0 12px;
		width: 214px;
		z-index: 1;
	}
	
	div#content-left div#menu-browser
	{
		width: 246px;
		background: #efefef;
		/*margin-top: 1px;*/
		padding: 0;
		padding-bottom: 15px;
		
		overflow-x: auto;
		/* overflow-y: auto; */
		
		scrollbar-track-color: #ffffff;
		scrollbar-face-color: #ffffff;
		scrollbar-highlight-color: #ffffff;
		scrollbar-3dlight-color: #383836;
		scrollbar-darkshadow-color: #383836;
		scrollbar-shadow-color: #ffffff;
		scrollbar-arrow-color: #383836;	
	}
	
	div#content-left div#menu-browser .root-border
	{
		border-bottom: dashed 1px #767676;
	}	

div#content-right
{
	float: right;
	margin: 5px 0 0 8px;
}

	ul.LinkedTreeListUL li
	{
		margin: 10px 0px 0px 0px;
	}

	div#site-map-buttons
	{
		width: 280px;
		float: right;
		text-align: right;
	}
	
	div#site-map-buttons .button-padding
	{
		padding-right: 22px;
	}
	
	div#site-map-tabs
	{
		padding: 0;
		height: 24px;
	}
	
	div#site-map-tabs a
	{
		font-size: 1.2em;
		text-decoration: none;
	}
	
	div#site-map-tabs a:hover
	{
		text-decoration: underline;
	}
	
	div#site-map-tabs div#tab-vlastnosti
	{
		float: left;
		margin-right: 4px;
		height: 20px;
		
		padding: 4px 14px 0 14px;
	}
	
	div#site-map-tabs div#tab-nastaveni
	{
		float: left;
		margin-right: 4px;
		height: 20px;
		
		padding: 4px 14px 0 14px;
	}
	
	div#site-map-tabs div#tab-ostra-verze
	{
		float: left;
		margin-right: 4px;
		height: 20px;
		
		padding: 4px 14px 0 14px;
	}
	
	div#site-map-tabs div#tab-pracovni-verze
	{
		float: left;
		margin-right: 4px;
		height: 20px;
		
		padding: 4px 14px 0 14px;
	}
	
	div#site-map-tabs div#tab-pracovni-verze-not
	{
		float: left;
		margin-right: 4px;
		height: 20px;
		
		padding: 4px 14px 0 14px;
		
		font-size: 1.2em;
		color: #9d9d9d;
		
		background-color: #efefef;
	}
	
	div.white-background a
	{
		color: #c00000;
	}
	
	.white-background
	{
		background-color: #ffffff;
		font-weight: bold;
	}
	
	div.light-blue-background a
	{
		color: #383836;
	}		
	
	.light-blue-background
	{
		background-color: #efefef;
	}
	
	div#site-map-content
	{
		background-color: #ffffff;
		padding: 10px 10px 40px 10px;
		margin-bottom: 4px;
	}
	
	div.site-map-panel
	{
		padding: 0 0 20px 0;
	}



div#content-soubory
{
	background: url('../Images/Design/ContentSiteMapBackground.jpg') top left repeat-y;
	display: block;
	width: 100%;
}

	div#nahrat-soubor
	{
		background: url('../Images/Design/PridatSouborBackground.jpg') top left no-repeat;
		position: relative;
		float: left;
		width: 300px;
		background-color: #ffffff;
		
		padding: 26px 0 8px 10px;
	}
	
	div#nahrat-soubor-zprava
	{
		clear: left;
		float: left;
		background-color: #ffffff;
		
		padding: 0 20px 0 20px;
		margin: 4px 0;
	}
	
	div#pridat-adresar
	{
		background: url('../Images/Design/PridatAdresarBackground.jpg') top left no-repeat;
		position: relative;
		float: right;
		width: 300px;
		height: 75px;
		background-color: #ffffff;
		
		padding: 34px 0 8px 12px;
	}
	
	
	div#soubory-button
	{
		float: right;
	}
	
	.input-file
	{
		position: relative;
		-moz-opacity:0 ;
		filter: alpha(opacity: 0);
		opacity: 0;
		z-index: 2;
		
		cursor: pointer;
		
		width: 240px;
	}
	
	.fake-text-button 
	{
		position: absolute;
		top: 31px;
		left: 240px;
		z-index: 0;
		
		cursor: pointer;
	}
	
	.fake-text-input
	{
		position: absolute;
		top: 31px;
		left: 64px;
		z-index: 3;
		
		background-color: #d9e3f0;
		border: solid 1px #c4d9f6;
		color: #383836;
		
		width: 160px;
	}
	
	.popis-souboru
	{
		margin-left: 10px;
		margin-top: 10px;
		width: 160px;
	}
	
	.nahrat-soubor
	{
		float: right;
		margin: 12px 14px 0 10px;
	}
	
	.nazev-adresare
	{
		position: absolute;
		top: 31px;
		left: 56px;
		width: 220px;
	}
	
	.pridat-adresar
	{
		float: right;
		margin: 41px 14px 0 10px;
	}
	
	.prepsat-soubor
	{
		font-size: 0.8em;
	}
	
	.prepsat-soubor input
	{
		margin-bottom: -2px;
	}
	
	.zprava-pro-uzivatele
	{
		color: #ff0000;
		margin-top: 4px;
	}
	
	div#soubory-data-grid
	{
		margin: 8px 0;
		padding: 30px 6px 60px 6px;
		
		background-color: #ffffff;
		
		/* min height */
		height: 300px;
	}
	
	.adresar-je-prazdny
	{
		color: Red;
		padding-left: 40px;
	}

div#content-administrace-menu
{
	background: #dedede;
	display: block;
	width: 100%;
	margin-bottom: 6px;
	height: 600px;
}

	div#content-administrace-menu div.nadpis
	{
		margin: 14px 0 16px 26px;
	}
	
	div#content-administrace-menu div.obsah-datagrid
	{
		width: 620px;
		/*margin: 10px 0 10px 10px;*/
		margin: 8px 0 10px 24px;
		/*margin: 0 auto;*/
		padding: 12px 4px 10px 4px;
		/*background-color: #ffffff;*/
	}
	
	.tlacitko-zalozit-nove-menu
	{
		margin: 0px 0 0 530px;
	}
	
div#content-konfigurace
{
	background: #dedede;
	display: block;
	width: 100%;
	margin-bottom: 6px;
	height: 600px;
}

	div#content-konfigurace div.nadpis
	{
		margin: 14px 0 24px 26px;
	}
	
	div#content-konfigurace div.konfigurace-tab
	{
		background-color: #ffffff;
		font-weight: bold;
		width: 150px;
		height: 20px;
		margin: 0 0 0 30px;
		padding: 6px 6px 0 6px;
		text-align: center;
	}
	
	div#content-konfigurace div.konfigurace-panel
	{
		background-color: #ffffff;
		width: 550px;
		margin: 0 0 20px 30px;
		padding: 30px 20px;
	}
	
	div.konfigurace-panel table td.prvni
	{
		text-align: right;
	}
	
	div.konfigurace-panel table td.druhy
	{
		padding-left: 30px;
	}
	
	div.konfigurace-panel .long-list
	{
		width: 400px;
	}
	
	div#content-konfigurace .tlacitko-konfigurace-ulozit
	{
		margin: 0px 0 0 530px;
	}
	
	.tlacitko-pridat-novinku
	{
		margin: 0px 0 0 544px;
	}
	
	#

/* --------- / Contenty --------- */


/* --------- Helpers --------- */

.clearer
{
	clear: both;
}

.hidden
{
	display: none;
}

.collapse
{
	border-collapse: collapse;
}

/* --------- / Helpers --------- */



/* --------- Tables --------- */

table.site-map
{
	border-collapse: collapse;
}

table.site-map tr td
{
	vertical-align: top;
	padding: 2px 10px;
}

table.site-map td.prvni
{
	width: 150px;
}


/* --------- / Tables --------- */


/* --------- Datagrid --------- */

.Seznam
{
	/* border: none; */
	border-bottom: solid 1px #9fb9db;
	color: #383836;
	font-size: 0.9em;
	width: 620px;
}
.Seznam a
{
	color: #383836;
}
.Seznam a:hover
{
	color: #383836;
}
.SeznamPolozka
{
	background-color: #eaffd6;
}
.SeznamPolozkaAlt
{
	background-color: #efefef;
}
.SeznamPolozkaOznacena
{
	color: #2a4b80;
}
.SeznamHlavicka
{
	background-color: #4b871f;
	color: #ffffff;
	font-weight: bold;
}
.SeznamHlavicka a
{
	color: #ffffff;
}
.SeznamHlavicka a:hover
{
	color: #ffffff;
}
.SeznamPaticka
{
}

/* --------- / Datagrid --------- */


/* --------- Ostatni --------- */

.text-box
{
	background-color: #efefef;
	border: solid 1px #dedede;
	color: #383836;
}

.drop-down-list
{
	background-color: #efefef;
	border: solid 0 #dedede;
	color: #383836;
}

.align-right
{
	float: right;
}

/* --------- / Ostatni --------- */


/* --------- LOGIN --------- */

div.login
{
	width: 291px;
	height: 215px;
	margin: 0 auto;
	margin-top: 150px;
	background: url('../Images/Design/login_bg.jpg') #79d001 top left no-repeat;
}

.text-name
{
	margin: 85px 0 0 30px;
	background: #91d337;
	border: 0px;
}

.text-pwd
{
	margin: 30px 0 0 30px;
	background: #91d337;
	border: 0px;
}

.odsadit
{
	margin: 6px 0 0 20px;
}

.vstoupit
{
	text-align: right;
	margin: 15px 25px 0 0;
}

/* --------- / LOGIN --------- */

