/* Základní */
html {
	height: 100%
}
body    {
	font: normal 10pt/1.1 'Times New Roman CE', serif;
	color: #8A7551;
	margin: 0; padding: 0;
	height: 100%;
	text-align: center;
	background: url("./images/_other/bg.gif");
}
textarea, input, select {
	font: normal 10pt/1.2 'Times New Roman CE', serif;
	color: #8A7551;
}
#body	{
	background: url("./images/_other/bg_top.gif") 0 0 repeat-x;
	height: 100%;
	min-height: 800px;
}


/* Střední sloupec */
#window  {
	width: 600px;
	_height: 100%;
	min-height: 100%;
	margin: 0 auto;
	text-align: left;
	position: relative;
	background: url("./images/_other/window.gif");
	padding: 0;
}
#leftColumn	{
	height: 100%;
	width: 9px;
	position: absolute;
	left: -10px;
	top: 0;
	background: url("./images/_other/left_shadow.gif");
}

#leftColumn div	{
	width: 100%;
	height: 747px; 
	background: url("./images/_other/left_shadow_gradient.gif");
	
}
#rightColumn	{
	height: 100%;
	width: 25px;
	position: absolute;
	left: 100%;
	top: 0;
	background: url("./images/_other/right_shadow.gif");
}

#rightColumn div	{
	width: 100%;
	height: 747px; 
	background: url("./images/_other/right_shadow_gradient.gif");
	
}

/* Hlavička */
#head {
	padding: 0;
	margin: 0;
	width: 600px;
	height: 132px;
	display: block;
	overflow: hidden;
	position: relative;
}
#head a	{
	position: absolute; z-index: 79; top: 0; left: 0;
	width: 600px;
	height: 133px;
	cursor: pointer; cursor: hand; /* MSIE do verze 5.5 neumí pointer */
}
#head a.top	{
	z-index: 81;
}
#head span.one {
	position: absolute; z-index: 80; top: 0; left: 0;
	width: 600px;
	height: 18px;
	background: url("./images/_head/1.gif");
}
#head span.two {
	position: absolute; z-index: 80; top: 18px; left: 0;
	width: 175px;
	height: 115px;
	background: url("./images/_head/2.gif");
}
#head span.three {
	position: absolute; z-index: 80; top: 18px; left: 175px;
	width: 425px;
	height: 115px;
	background: url("./images/_head/3.jpg");
}

/* Řádek s přepínáním jazyků */
#langs {
	width: 100%;
	height: 42px;
	background: url("./img/langs.gif");
	overflow: hidden;
	position: relative;
}
#langs #text	{
	position: absolute;
	z-index: 92;
	top: 2px;
	left: 16px;
	color: #A99E9C;
	font-size: 10px;
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif
}

#langs span.one {
	position: absolute; z-index: 90; top: 0; left: 0;
	width: 136px;
	height: 42px;
	background: url("./images/_langs/1.gif");
}
#langs span.two {
	position: absolute; z-index: 90; top: 0; left: 136px;
	width: 464px;
	height: 42px;
	background: url("./images/_langs/2.jpg");
}

#langs #cze a, #langs #cze.on span	{ width: 26px; left: 10px; }
#langs #eng a, #langs #eng.on span	{ width: 27px; left: 35px; }
#langs #ger a, #langs #ger.on span	{ width: 30px; left: 63px; }
#langs #fra a, #langs #fra.on span	{ width: 28px; left: 94px; }

#langs a, #langs div.on span	{
	position: absolute;
	z-index: 89;
	display: block;
	padding: 11px 0 0 0; !important;
	margin: 0 !important;
	height: 100%;
	width: 100%;
	cursor: pointer; cursor: hand; /* MSIE do verze 5.5 neumí pointer */
	overflow: hidden;
}
#langs div.on span	{ z-index: 91; }
#langs a.top	{ z-index: 91; }

#langs #cze a.top, #langs #cze.on span { background: url("./images/_langs/button_cze.gif") 0 0 repeat !important; }
#langs #eng a.top, #langs #eng.on span { background: url("./images/_langs/button_eng.gif") 0 0 repeat !important; }
#langs #ger a.top, #langs #ger.on span { background: url("./images/_langs/button_ger.gif") 0 0 repeat !important; }
#langs #fra a.top, #langs #fra.on span { background: url("./images/_langs/button_fra.gif") 0 0 repeat !important; }

#langs #cze.on a.top 	{ background-position: 26px 0 !important; } 
#langs #eng.on a.top	{ background-position: 29px 0 !important; } 
#langs #ger.on a.top	{ background-position: 32px 0 !important; } 
#langs #fra.on a.top	{ background-position: 29px 0 !important; } 

#langs #cze.on span	{ background-position: -52px 0 !important; } 
#langs #eng.on span	{ background-position: -58px 0 !important; } 
#langs #ger.on span	{ background-position: -64px 0 !important; } 
#langs #fra.on span	{ background-position: -58px 0 !important; } 
#langs #cze a.top:hover,
#langs #eng a.top:hover,
#langs #ger a.top:hover,
#langs #fra a.top:hover	{ background: transparent !important; } 

/* Řádek s menu */
#menu {
	width: 100%;
	height: 42px;
	overflow: hidden;
	position: relative;
}
#menu span.one {
	position: absolute; z-index: 90; top: 0; left: 0;
	width: 335px;
	height: 42px;
	background: url("./images/_menu/1.gif");
}
#menu span.two {
	position: absolute; z-index: 90; top: 0; left: 335px;
	width: 265px;
	height: 42px;
	background: url("./images/_menu/2.gif");
}
#menu #env a, #menu #env.on span	{ width: 84px; left: 10px; }
#menu #ser a, #menu #ser.on span	{ width: 66px; left: 94px; }
#menu #clu a, #menu #clu.on span	{ width: 95px; left: 160px;}
#menu #con a, #menu #con.on span	{ width: 77px; left: 255px;}

#menu a, #menu div.on span	{
	position: absolute;
	z-index: 89;
	display: block;
	padding: 0 !important;
	margin: 0 !important;
	width: 100%;
	height: 100%;
	overflow: hidden;
	cursor: pointer; cursor: hand;
}
#menu div.on span	{ z-index: 91; }
#menu a.top	{ z-index: 92; }

#menu #env a.top, #menu #env.on span { background: url("./images/_menu/button_env.gif") 0 0 repeat !important; }
#menu #ser a.top, #menu #ser.on span { background: url("./images/_menu/button_ser.gif") 0 0 repeat !important; }
#menu #clu a.top, #menu #clu.on span { background: url("./images/_menu/button_clu.gif") 0 0 repeat !important; }
#menu #con a.top, #menu #con.on span { background: url("./images/_menu/button_con.gif") 0 0 repeat !important; }
#menu #env.on a.top	{ background-position: -85px 0 !important; } 
#menu #ser.on a.top	{ background-position: -67px 0 !important; } 
#menu #clu.on a.top	{ background-position: -96px 0 !important; } 
#menu #con.on a.top	{ background-position: -79px 0 !important; } 
#menu #env.on span	{ background-position: 170px 0 !important; } 
#menu #ser.on span	{ background-position: 134px 0 !important; } 
#menu #clu.on span	{ background-position: 192px 0 !important; } 
#menu #con.on span	{ background-position: 158px 0 !important; } 
#menu #env a.top:hover,
#menu #ser a.top:hover,
#menu #clu a.top:hover,
#menu #con a.top:hover	{ background: transparent !important; } 


/* Tělo */
#main {
	margin: 0;
	padding: 0;
	height: auto;
	position: relative;
}
#content {
	width: 370px;
	background: url("./images/_other/content.jpg") top left no-repeat;
	padding-top: 7px;
}
#content .column {
	/*padding: 0 10px 0 25px;*/
	padding-left: 25px;
	/*padding-right: 13px;*/
	padding-top: 5px;
}
#status {
	position: absolute;
	z-index: 50;
	top: 0;
	right: 0;
	width: 230px;
	height: 115px;
	padding: 0;
	background: url("./images/_status/1.jpg") top right no-repeat;
}
#program {
	position: absolute;
	z-index: 51;
	top: 115px;
	left: 0;
	width: 230px;
	height: 92px;
	padding: 0;
	overflow: hidden;
	background: url("./images/_status/2.jpg") top right no-repeat;
}
#program dl {
	margin: 0;
	line-height: 1;
}
#program em, #program dl	{ padding: 0 33px; }
#program .anchor	{ padding: 0 43px 0 0 ; }
#program dl dt {
	float: left;
	padding: 0; margin: 0;
}
#program dl dd {
	clear: right;
	padding: 0; margin: 0;
	font-weight: bold;
}
#map {
	position: absolute;
	z-index: 51;
	top: 207px;
	left: 0;
	width: 230px;
	padding: 170px 0 0 0;
	overflow: hidden;
	background: url("./images/_status/3.gif") top right no-repeat;
}
#map p	{
	padding: 0 17px;
}

.anchor { text-align: right; margin-right: 19px; }
.anchorL { text-align: left; }

/* Patička */
#kvaziFoot {
	clear: both;
	height: 74px;
	width: 100%;
	margin:0; padding:0;
	background: transparent;
}
#foot {
	/*position: absolute;
	bottom: 0;
	z-index: 100;
	height: 54px;
	width: 600px;
	margin: 0 auto; padding:0;*/
	
	/* pozicovani paticky */
	position : absolute;
	bottom : -1px;
	width : 600px;
	height: 54px;
	margin: 0 auto; padding:0;
}
#foot .bg	{
	position: absolute;
	z-index: 100;
	width: 100%;
	height: 100%;
	background: url("./images/_other/foot.gif");
	margin: 0; padding:0;
}
#foot a {
	background: none;
	padding: 0px;
	color: #A99E9C;
	font-weight: normal;
	text-decoration: underline;
}
#foot a:hover {
	text-decoration: underline;	
}
#foot div	{
	position: absolute;
	z-index: 101;
	top: 10px;
	width: 585px;
	height: 44px;
	padding:  0;
	text-align: right;
	color: #A99E9C;
	font-size: 10px;
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
	overflow: hidden;
}
#foot #authorLogo	{
	position: absolute;
	z-index: 102;
	top: 10px;
	left: 26px;
	font-size: 1px;
	width: 103px;
	height: 12px;
	background: url("./images/_other/authorlogo.gif") 0 0 no-repeat;
}
#foot #coderLogo	{
	position: absolute;
	z-index: 102;
	top: 24px;
	left: 26px;
	font-size: 1px;
	width: 103px;
	height: 15px;
	background: url("./images/_other/sympact.gif") 0 0 no-repeat;
}
.cleaner {
	clear: both;
	height: 1px;
	font-size: 1px;
	background: transparent;
	margin: 0; padding: 0;
}

/* Tabulky */

table {	
	margin-right: 19px;
}

#form td, #listek table {
	font: normal 10pt/1.1 'Times New Roman CE', serif;
	border: none;
	color: #8A7551;
}
#listek td {
	vertical-align: top;
	padding-left: 3px;
	border-bottom: 1px solid #F0E0B8;
}
#listek td.nd {
	background: #F0E0B8;
}
#listek td .price {
	display: block;
	font-weight: bold;
	text-align: right;
}
#listek td .nadpis {
	font-weight: bold;
	padding-top: 10px;
	display: block;
}


.tb_month {
	display: block;
	width: 100px;
	float: left;
}

.tb_month_edit {
	display: block;
	width: 90px;
	float: left;
}

td a {
	padding-left: 0px;
	margin-left: 0px;
}

#form td INPUT, #form td SELECT {
	font-size: 11px;
}


/* Obecné */
p { 
	margin: 0.5em 0; 
	padding-right: 13px;
}
h1,h2,h3,h4   {
	color: #A04D1E;
	margin: 0.2em 0 
}
h1 { font-size: 160%; }
h2 { font-size: 145%; }
h3 { font-size: 131%; }
h4 { font-size: 118%; }
a, a:link {
	color: #A04D1E;
	padding: 0 0 0 15px;
	font-weight: bold;
}
a:visited { color: #A04D1E; }
a:hover { color: #A04D1E; }
#content a, #content a:link, #status a, #status a:link { background: url("./images/_other/ico.gif") 0% 50% no-repeat; }
#content a:hover, #status a:hover { background: url("./images/_other/ico_blink.gif") 0% 50% no-repeat; }

#content a.link { background: none; color: #8A7551; text-decoration: none; padding: 0; }
#content a:hover.link {	background: none; color: #8A7551; text-decoration: underline;  }

form a {
	padding: 0 0 0 15px;
}

hr {
	margin: 3px auto;
	padding: 0 auto;
	color: #D1C5AC;
	border-top: 1px solid #D1C5AC;
	height: 0px;
	width: 100%;
	margin-right: 19px;
}
.hidden	{ display: none; }

INPUT {
	border: 1px solid #D1C5AC;
	padding: 2px;
	height: 19px;
	width: 100%;
	color: #8A7551;
}

TEXTAREA {
	border: 1px solid #D1C5AC;
	padding: 2px;
	width: 100%;
	color: #8A7551;
}

BODY {
	/*SCROLLBAR-FACE-COLOR: #D1C5AC;
    SCROLLBAR-HIGHLIGHT-COLOR: #D1C5AC;
    SCROLLBAR-SHADOW-COLOR: #D1C5AC;
    SCROLLBAR-TRACK-COLOR: #FFFFFF;
    SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
    SCROLLBAR-ARROW-COLOR: #FFFFFF;
    SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;*/
}

.img_left {
	float: left;
	width: 233px;
	height: 190px;
	padding: 0px;
	margin: 0px;
}

.img_right {
	float: right;
	width: 233px;
	height: 190px;
	padding: 0px;
	margin: 0px;
}

/* -- admin --*/
#admin_program {
	width: 230px;
	float: left;
}