body, html { 
	font-family: Tahoma, 'Arial CE', 'Helvetica CE', Arial,sans-serif;
	font-size: 10pt;
	background-color: white;
	margin: 0; padding: 0;
	background: url(../images/body-bkgr.gif) ;
}
#obal { margin: 0; padding: 0; background: #EAEEFB; width: 975px; }
#main1 { margin: 0; padding: 0; background: url(../images/leftcol.gif) top left repeat-y; }
#main2 { margin: 0; padding: 0; background: url(../images/rightcol.gif) top right repeat-y; }
.cleaner { clear: both; height: 1px; font-size: 1px; border: none; margin: 0; padding: 0; background: transparent; }
/* horní část */
#horni { background: url(../images/zahlavi.jpg) left top; height: 80px; }
#horni-celk p.lf { float: left; margin: 10px 0 0 10px; }
#horni-celk p.rf { float: right; margin: 10px 10px 0 0; }
#horni-celk img { border: 0; }
#horni-oeav { background: url(../images/zahlavi-oeav.jpg) left top; height: 80px; }
#horni-rak { background: url(../images/zahlavi-rak.jpg) left top; height: 80px; }
/* left menu */
div#leftmenu { float: left; width: 150px; margin: 0; padding: 0; background: #2F4A9F; font-size: 9pt; }
#leftmenu ul { list-style: none; margin: 0; padding: 0; }
#leftmenu li { white-space: nowrap; padding: 0; margin: 0.3em 0; border-top: 1px solid white; border-bottom: 1px solid white; font-weight: bold; }
#leftmenu li a { display: block; color: white; text-decoration: none; padding: 0.3em 0.8em; }
#leftmenu li a:hover { text-decoration: none; background: #555; }
#leftmenu li.l1 { background: black; text-transform: uppercase; }
#leftmenu li.closedl1 { background: black url(../images/menu-l1-closed.gif) no-repeat 95% 50%; text-transform: uppercase; }
#leftmenu li.closedl1 a:hover { background: #555 url(../images/menu-l1-closed.gif) no-repeat 95% 50%; text-transform: uppercase; }
#leftmenu li.openedl1 { background: black url(../images/menu-l1-opened.gif) no-repeat 97% 50%; text-transform: uppercase; }
#leftmenu li.openedl1 a:hover { background: #555 url(../images/menu-l1-opened.gif) no-repeat 97% 50%; text-transform: uppercase; }
#leftmenu li.l2 { background: #677BB9; text-transform: uppercase; }
#leftmenu li.l2 a:hover { background: #7777DD; }
#leftmenu li.l2o { background: #677BB9; font-size: 8pt; }
#leftmenu li.l2o a:hover { background: #7777DD; }
#leftmenu li.closedl1 { background: black url(../images/menu-l1-closed.gif) no-repeat 95% 50%; text-transform: uppercase; }
#leftmenu li.closedl1 a:hover { background: #555 url(../images/menu-l1-closed.gif) no-repeat 95% 50%; text-transform: uppercase; }
#leftmenu li.openedl1 { background: black url(../images/menu-l1-opened.gif) no-repeat 97% 50%; text-transform: uppercase; }
#leftmenu li.openedl1 a:hover { background: #555 url(../images/menu-l1-opened.gif) no-repeat 97% 50%; text-transform: uppercase; }
#leftmenu li.closedl2 { background: #677BB9 url(../images/menu-l2-closed.gif) no-repeat 95% 50%; text-transform: uppercase; }
#leftmenu li.openedl2 { background: #677BB9 url(../images/menu-l2-opened.gif) no-repeat 97% 50%; text-transform: uppercase; }
#leftmenu li.closedl2 a:hover { background: #77D url(../images/menu-l2-closed.gif) no-repeat 95% 50%; text-transform: uppercase; }
#leftmenu li.openedl2 a:hover { background: #77D url(../images/menu-l2-opened.gif) no-repeat 97% 50%; text-transform: uppercase; }

#leftmenu li.closedl2o { background: #677BB9 url(../images/menu-l2-closed.gif) no-repeat 95% 50%; }
#leftmenu li.openedl2o { background: #677BB9 url(../images/menu-l2-opened.gif) no-repeat 97% 50%; }
#leftmenu li.closedl2o a:hover { background: #77D url(../images/menu-l2-closed.gif) no-repeat 95% 50%; }
#leftmenu li.openedl2o a:hover { background: #77D url(../images/menu-l2-opened.gif) no-repeat 97% 50%; }

#leftmenu li.l2otmp { background: #677BB9; }
#leftmenu li.l2otmp a:hover { background: #77D; }

#leftmenu li.l3 { background: #B2BCDC; padding: 0; margin: 0.2em 0; }
#leftmenu li.l3 a { color: #2F4A9F; font-weight: normal; padding: 0.1em 0.8em; }
#leftmenu li.l3 a:hover { background: #C0C0DD; }
#leftmenu li.closedl3 { background: #B2BCDC url(../images/menu-l3-closed.gif) no-repeat 95% 50%; padding: 0; margin: 0.2em 0; }
#leftmenu li.openedl3 { background: #B2BCDC url(../images/menu-l3-opened.gif) no-repeat 97% 50%; padding: 0; margin: 0.2em 0; }
#leftmenu li.closedl3 a:hover { background: #C0C0DD url(../images/menu-l3-closed.gif) no-repeat 95% 50%; padding: 0.1em 0.8em; margin: 0; }
#leftmenu li.openedl3 a:hover { background: #C0C0DD url(../images/menu-l3-opened.gif) no-repeat 97% 50%; padding: 0.1em 0.8em; margin: 0; }
#leftmenu li.closedl3 a, #leftmenu li.openedl3 a { color: #2F4A9F; font-weight: normal; padding: 0.1em 0.8em; }

#leftmenu li.l4 { background: #E0E4F1; padding: 0; margin: 0.2em 0; }
#leftmenu li.closedl4 { background: #E0E4F1 url(../images/menu-l4-closed.gif) no-repeat 95% 50%; padding: 0; margin: 0.2em 0; }
#leftmenu li.openedl4 { background: #E0E4F1 url(../images/menu-l4-opened.gif) no-repeat 97% 50%; padding: 0; margin: 0.2em 0; }
#leftmenu li.closedl4 a:hover { background: #EAECF1 url(../images/menu-l4-closed.gif) no-repeat 95% 50%; padding: 0.05em 0.8em; margin: 0; }
#leftmenu li.openedl4 a:hover { background: #EAECF1 url(../images/menu-l4-opened.gif) no-repeat 97% 50%; padding: 0.05em 0.8em; margin: 0; }
#leftmenu li.l4 a { color: #2F4A9F; font-weight: normal; font-size: 8pt; padding: 0.1em 0.8em; }
#leftmenu li.l4 a:hover { background: #EAECF1; }
#leftmenu li.closedl4 a, #leftmenu li.openedl4 a { color: #2F4A9F; font-weight: normal; font-size: 8pt; padding: 0.05em 0.8em; }
#leftmenu li.l5 { background: white; padding: 0; margin: 0.1em 0; }
#leftmenu li.l5 a { color: #2F4A9F; font-weight: normal; font-size: 8pt; padding: 0.05em 0.8em; }
#leftmenu li.l5 a:hover { background: #F5F5F5; }
/* topmenu */
div#topmenu { border-top: 0px solid #6CF; border-bottom: 1px solid #9CF; margin: 0; padding: 0.2em; background: #39C; font-size: 10pt; font-weight: bold; font-family: Verdana, 'Arial CE', 'Helvetica CE', Arial,sans-serif; }
#topmenu p { margin: 0; text-align: center; padding: 0 0; }
#topmenu a { color: white; text-decoration: none; margin: 0.2em; padding: 0.2em 0.5em; }
#topmenu a:hover { background: #3BF; }
/* rightmenu */
div#rightmenu { margin:0; padding:0; width:150px; background: red; font-size: 10pt; float: right; }
/* #rightmenu h1 { color: red; font-size: 14pt; text-transform: uppercase; font-style: italic; margin: 1em 0 0.5em 0; padding: 0 0.4em; background: white; text-align: center; } */
#rightmenu h1 { color: red; font-size: 14pt; text-transform: uppercase; font-style: italic; margin: 0.5em 0 0.5em 0; padding: 0 0.4em; background: white; text-align: center; }
#rightmenu .akt { border-top: 1px solid white; margin: 0; padding: 10px; }
#rightmenu .akt h2 { color: black; font-size: 8pt; margin:0; padding: 0; padding-bottom: 5px; }
#rightmenu .akt p { color: white; font-size: 8pt; margin:0; padding: 0; }
#rightmenu .akt a { color: white; text-decoration: none; }
#rightmenu .akt a:hover { text-decoration: underline; }
#akt-mapis { margin: 0.5em; padding: 0.5em; border: 0px solid black; margin-bottom: 10px; background: #FF8080; }
#akt-mapis p.vetsi { font-size: 8pt; font-weight: bold; padding: 0; text-align: center; margin: 0.5em 0; text-indent: 0; }
#akt-mapis p { font-size: 7pt; margin: 0; padding: 0; text-indent: 2em; }

#akt-festival { margin: 0.5em; padding: 0.0em; border: 0px solid black; margin-bottom: 10px; background: #EAEEFB; }
#akt-festival a { display: block; text-decoration: none; padding: 0.5em; margin: 0.0em; }
#akt-festival a:hover { background: #A0A0FF; display: block; text-decoration: none; }
#akt-festival p.s1 { color: red; font-style: italic; font-size: 12pt; font-weight: bold; padding: 0; text-align: center; margin: 0.1em 0; text-indent: 0; }
#akt-festival p.s2 { color: red; font-style: italic; font-size: 8pt; font-weight: bold; padding: 0; text-align: center; margin: 0.1em 0; text-indent: 0; }
#akt-festival p.s3 { color: red; font-style: italic; font-size: 10pt; font-weight: bold; padding: 0; text-align: center; margin: 0.1em 0; margin-bottom: 0.5em; text-indent: 0; }
#akt-festival p { color: black; font-size: 7pt; margin: 0; padding: 0; text-indent: 0em; text-align: center; }

#rightmenu .akt2 { border-top: 1px solid white; margin: 0; padding: 0px; }
#akt-snowcamp { border: 0; margin: 0.5em; padding: 0.0em; margin-bottom: 10px; background: #EAEEFB; }
#akt-snowcamp a { display: block; text-decoration: none; padding: 0.5em; margin: 0.0em; }
#akt-snowcamp a:hover { background: #A0A0FF; display: block; text-decoration: none; }
#akt-snowcamp p.s1 { color: blue; font-size: 10pt; font-weight: bold; padding: 0; text-align: center; margin: 0.5em 0; text-indent: 0; }
#akt-snowcamp p.s2 { color: blue; font-size: 6pt; font-weight: bold; padding: 0; text-align: center; margin: 0.1em 0; text-indent: 0; }
#akt-snowcamp p.s3 { color: blue; font-size: 8pt; font-weight: bold; padding: 0; text-align: center; margin: 0.1em 0; margin-bottom: 0.5em; text-indent: 0; }

#akt-skiopening { border: 0; margin: 0.5em; padding: 0.0em; margin-bottom: 10px; background: #EAEEFB; }
#akt-skiopening a { display: block; text-decoration: none; padding: 0.5em; margin: 0.0em; }
#akt-skiopening a:hover { background: #A0A0FF; display: block; text-decoration: none; }
#akt-skiopening p.s1 { color: red; font-size: 10pt; font-weight: bold; padding: 0; text-align: center; margin: 0.5em 0 0 0; margin-bottom:0; text-indent: 0; }
#akt-skiopening p.s1a { color: red; font-size: 10pt; padding: 0; text-align: center; margin: 0 0 0.5em 0; text-indent: 0; }
#akt-skiopening p.s2 { color: blue; font-size: 8pt; font-weight: bold; padding: 0; text-align: center; margin: 0.1em 0 0.2em; text-indent: 0; }
#akt-skiopening p.s3 { color: blue; font-size: 8pt; padding: 0; text-align: center; margin: 0.1em 0; margin-bottom: 0.5em; text-indent: 0; }

/* main */
#main { margin: 0 165px 1em 165px; padding: 0; font-size: 10pt; text-align: justify; }
#main p.showmenu { font-size: 8pt; font-weight: bold; border: 1px solid #2F4A9F; border-width: 1px 1px 1px 1em; padding: 0.5em 0.5em 0.5em 1em; background: #F5FFFF; line-height: 1em; }
#main p.showmenu a { color: black; text-decoration: underline; }
#main p.showmenu a:hover { color: black; text-decoration: none; }
#main p.clanek-nadpis2 { font-size: 12pt; font-weight: bold; text-decoration: underline; }
#main p.clanek-nadpis { font-size: 11pt; font-weight: bold; background: #2F4A9F; padding: 0.5em; color: white; word-spacing: 0.1em; margin: 0.5em 0; }
#main p.clanek-text { font-size: 10pt; text-align: justify; padding: 0; margin: 0.5em 0; }
#main p.akt-nadpis { font-size: 10pt; padding: 0; color: red; font-weight: bold; word-spacing: 0.1em; margin: 0.5em 0; border-bottom: 1px solid black; }
#main .akt-datum { color: blue; }
#main table { font-size: 10pt; background: #EEE; border-collapse: collapse; font-size: 9pt; padding: 10px; }
#main td, #main th { text-align: center; border: 0; padding: 0.2em; border: 1px solid black; }
#main th { background: #2F4A9F; color: white; }
#main td { background: #A1DBF9; padding: 0.3em; border: 1px solid black; font-size: 8pt; }
#main hr { display: none; }
#main img { border: 1px solid black; }
#main img a:hover { border-color: red; }
#main h1 { margin: 0.3em; padding: 0.5em; font-size: 11pt; font-weight: bold; text-align: center; border: 1px solid blue; line-height: 1.5em; background: #DFF; }
#main img.pdf { border: 0; }
/* main bez rightu, ořezané stylování pro přihlášku */
#main_nor { margin: 0 1em 1em 165px; padding: 0; font-size: 10pt; text-align: justify; }
#main_nor p.showmenu { font-size: 8pt; font-weight: bold; border: 1px solid #2F4A9F; border-width: 1px 1px 1px 1em; padding: 0.5em 0.5em 0.5em 1em; background: #F5FFFF; line-height: 1em; }
#main_nor p.showmenu a { color: black; text-decoration: underline; }
#main_nor p.showmenu a:hover { color: black; text-decoration: none; }
 
/* patička */
#footer { background: #EEEEEE; margin: 0; padding: 0; border-top: 1px dashed black; }
#footer p { color: grey; font-size: 8pt; font-weight: bold; text-align: center; margin: 0; padding: 1em; }
/* hlášky formulářů */
#error { background: red; color: white; padding: 0.5em; margin: 2em; margin-left: 5em; margin-right: 5em; }
#error p.errorn { font-size: 10pt; font-weight: bold; margin: 1em; text-align: center; }
#error p.errorp { font-size: 8pt; margin-left: 5em; margin-top: 0; margin-bottom: 0; }
#error p.errorx { font-size: 10pt; text-align: center; font-style: italic; }
#ok { background: green; color: white; padding: 0.5em; margin: 2em; margin-left: 5em; margin-right: 5em; }
#ok p.okn { font-size: 10pt; font-weight: bold; margin: 1em; text-align: center; }
#ok p.okx { font-size: 10pt; text-align: center; font-style: italic; }

/* chaty */
#chaty { margin-top: 20px; }
#chaty h1 {
	margin: 0.5em;
	padding: 0.3em;
	text-align: center;
	font-weight: bold;
	background-color: green;
	border: 0;
	color: white;
	font-size: 14pt;
}
#chaty h2 { margin: 0.4em; padding: 0.2em; background-color: #B2BCDC; font-size: 14pt; } 
#chaty p { margin: 0; padding: 0 0.5em; text-align: justify; padding-bottom: 1em; }
#chaty h4 { margin: 1em 0 0.2em 0; font-weight: bold; color: brown; font-size: 14pt; }
#chaty blockquote { margin: 10px; }
#chaty p.cele { text-indent: 0; }
#seznam_form { margin: 0.5em; }
#seznam_form .button {font-size: 8pt; background-color: white; border: 1px solid black}
#chaty table { background-color: transparent; margin-left: 0.4em; }
#chaty td { background-color: transparent; border:0; font-size: 10pt; text-align: left;}
#chaty .button {font-size: 8pt; background-color: white; border: 1px solid black}
#chaty #s_pocetchat { display: inline; }
#chaty #search_result_block a { color:black; text-decoration: none; }
#chaty #search_result_block a:hover { color:black; text-decoration: underline; }
#js_disabled { background: red; color: white; padding: 1em; text-align: center; font-weight: bold; position: absolute; left: 30%; top: 40%; }
