html, body {
background: #fff5e6;
margin: 0px;
padding: 0px;
font-family: "Georgia", "Verdana", serif;
font-size: 10pt;
}

a:link {color: #900; text-decoration: underline;}
a:visited {color: #900; text-decoration: underline;}
a:hover {color: #900; text-decoration: none !important;}
a:active {color: #900; text-decoration: none;}

a img:hover {border: 2px solid #f90;}

h1 {font-family: "Georgia", "Verdana", "Century Schoolbook L", sans-serif; font-size: 20pt; color: #900; width: 95%; border-bottom: 1px dotted #900; font-weight: bold; font-style: italic; text-align: left; padding: 0px 10px; line-height: 18pt;}
h2 {color: #900; text-align: center;}
h3 {color: #f90;}
h4 {text-align: center; color: #f90; font-size: 13pt;}

table, tr, td {border: 1px solid #000; padding: 3px; text-align: left; border-collapse: collapse;}
th {text-align: center;}

#main {
position: relative; top: 1em; left: 50%;
width: 700px; _width: 690px; min-height: 550px; _height: 550px;
margin-left: -350px;
background: #fff5e6;
padding: 0px;
border-bottom: 1px solid #f90;
float: left;
}

#menu {
width: 210px;
_width: 170px;
_margin-top: 5px;
margin-left: -40px;
font-family: "Arial Black", sans-serif;
font-family: "Utopia", serif;
}

#menu ul.menu {
margin-top: 1em;
_margin-top: 0.5em;
}

#menu ul.menu li {
width: 210px;
_width: 170px;
list-style-type: none;
margin-top: 1px;
}

#menu ul.menu li a {
display: block;
background: #f90;
font-size: 14pt;
color: #fff5e6;
padding: 2px 10px;
text-transform: uppercase;
font-weight: bold;
text-decoration: none;
}

#menu ul.menu li ul.menu {
background: #ffebcc;
margin-top: 0em;
width: 170px;
_width: 150px;
}

#menu ul.menu li ul.menu li {
width: 190px;
_width: 170px;
background: transparent;
padding-left: 20px;
_padding-left: 0px;
}

#menu ul.menu li ul.menu li a {
color: #000;
text-decoration: underline;
font-size: 7pt;
background: #ffebcc;
font-size: 9pt;
text-transform: lowercase;
background: #ffebcc;
}

#menu ul.menu li ul.menu li ul.menu li {
width: 170px;
_width: 150px;
background: transparent;
padding-left: 20px;
}

#menu ul li a:hover {text-decoration: none !important;}
#menu ul li ul li a:hover {text-decoration: underline !important;}

.pocasi {
position: relative; top: 20px; left: 60px;
width: 210px;
_width: 170px;
_margin-top: 5px;
margin-bottom: 15px;
}

.pocasi table, .pocasi tr, .pocasi td {
text-align: center;
border: none;
}

#content {
position: relative; top: 0px; _left: 10px;
min-height: 400px; _height: 400px;
width: 450px; _width: 470px;
border-right: 1px solid #f90;
padding: 0px 20px;
text-align: justify;
margin-top: 10px;
float: right;

}

#content a {
color: #900;
text-decoration: underline;
}

#footer {position: relative; top: 1.25em; left: 50%;
width: 700px;
margin-left: -380px;
padding: 0px;
clear: both;
}

#footer ul li {
display: inline;
list-style-type: none;
border-left: 1px solid #000;
margin: 0px;
padding: 0px 10px;
font-size: 9pt;
}

#footer a:link {color: #000; text-decoration: none;}
#footer a:visited {color: #000; text-decoration: none;}
#footer a:hover {color: #000; text-decoration: none;}
#footer a:active {color: #000; text-decoration: none;}

#logo {
width: 700px;
height: 80px;
background: url("../images/logo.gif") no-repeat;
}

#gallery img {
width: 143px;
height: 107px;
}

.clearer {clear: both;}

/***** Xaraya *****/
.xar-block-head-right {
	width: 210px;
	_width: 150px;
	color: #333399;
	margin-top: 1em;
	_margin: 0px;
	margin-left: 40px;
}

.xar-block-title-right {
    font-weight: bold;
    font-size: 110%;
    padding: 0 4px;
    color: #333366;
    background-color: #DDDDF0;
    background-position: 0px -430px;
    background-repeat: repeat-x;
    margin-left: 0px;
}

.xar-block-body-right {
	width: 210px;
	_width: 150px;
	_margin: 0px;
	margin-left: 40px;
}

.xar-block-foot-right { margin-bottom: 2px; }

.xar-block-body-right ul,
.xar-block-body-right ul li {
    font-family: arial, helvetica, verdana, sans-serif;
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: block;
    font-weight: bold;
    line-height: 1.4em;
}

.xar-block-body-right ul { list-style-position: outside; }

.xar-block-body-right ul li { background-image: none; }

.xar-block-body-right ul li.xar-menu-section {
	font-family: arial, helvetica, verdana, sans-serif;
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: block;
    font-weight: bold;
    line-height: 1.4em;
    border: 1px solid #BFBFD9;
    padding-bottom: 1px;
}

.xar-block-body-right ul li.xar-menu-section h4 {
    margin: 0 0 1px 0;
    padding: 1px 7px;
    color: #fefefe;
    font-size: 95%;
    text-align: right;
    text-transform: lowercase;
    background-color: #BFBFD9;
}

.xar-block-body-right ul ul li.xar-menu-item,
.xar-block-body-right ul ul li.xar-menu-item-current {
    padding: 0;
}

.xar-block-body-right ul ul li.xar-menu-item a,
.xar-block-body-right ul ul li.xar-menu-item a:hover,
.xar-block-body-right ul ul li.xar-menu-item-current a,
.xar-block-body-right ul ul li.xar-menu-item-current a:hover {
    text-decoration: none;
    display: block;
    margin-left: 7px;
    margin-right: 7px;
    border-bottom: 1px solid #EDEDF2;   
}

.xar-block-body-right ul ul li.xar-menu-item a {
    color: #8F8FB3;
}

.xar-block-body-right ul ul li.xar-menu-item a:hover {
    padding: 0 6px;
    margin: 0 1px 0 1px;
    color: #333366;
    background-color: #E4E4ED;
}

.xar-block-body-right ul ul li.xar-menu-item-current {
    padding: 1px;
    margin: 0 -1px 0 -1px;
    border-color: #A9A9C0;
    border-width: 1px;
    border-style: solid;
}

.xar-block-body-right ul ul li.xar-menu-item-current a {
    margin: 0;
    padding: 0 6px;
    background-color: #E4E4ED;
    background-repeat: no-repeat;
    background-position: right center;
}


.xar-block-body-right ul ul li.xar-menu-item-current a:hover {
    margin: 0;
    color: #FFFFFF;
    background-color: #A9A9C0;
}

.xar-block-body-right ul ul li.xar-menu-subitem,
.xar-block-body-right ul ul li.xar-menu-subitem-current {
    display:block;
    margin: 0;
    border-right: 4px solid #D5D5DF;
    border-left: 4px solid #D5D5DF;
}


.xar-block-body-right ul ul li.xar-menu-subitem a,
.xar-block-body-right ul ul li.xar-menu-subitem-current a {
    text-align: right;
    font-size: 11px;
    line-height:15px;
    display: block;
    padding: 0 4px 0 4px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #EDEDF2;
    background-image: none;
}

.xar-block-body-right ul ul li.xar-menu-subitem a:hover {
    color: #333366;
    background-color: #D5D5DF;
}

.xar-block-body-right ul ul li.xar-menu-subitem-current a {
    margin: 0;
    color: #333333;
    background-color: #D5D5DF;
}

.xar-block-body-right ul ul li.xar-menu-subitem-current a:hover {
    color: #FFFFFF;
    margin: 0;
    background-color: #A9A9C0;
}

.center {
position: relative; top: 0px; left: 50%;
width: 400px;
margin-left: -200px;
}

.centerimg {
position: relative; top: 0px; left: 50%;
width: 300px;
margin-left: -150px;
}

.centerimg span {
color: #9a9a9a;
text-align: left;
font-style: italic;
display: block;
}

.novinky {border-bottom: 1px dotted #ccc;}
.datum {color: #999; float: right; font-family: Courier; font-size: 9pt;}
.nadpis {color: #f90; position: relative; top: 15px; font-size: 12pt; font-weight: bold;}

.floatleft {float: left; margin-right: 5px;}
.floatright {float: right; margin-left: 5px;}

/*seznam veci */
.seznam img {
float: left;
clear: left;
}
.seznam p {
margin-left: 110px;
}
.seznam p:first-line {font-weight: bold;}
.povinne {color: red; text-decoration: underline;}

/* zpravy z akci */
.podpis span {
float: right;
font-style: italic;
}
.podpis a {
font-weight: bold;
position: relative; top: 1em;
}

/* forum */
.guestbook-posts {background: transparent;}

.guestbook-post {
	margin-top: 1em;
	border-style: solid;
	border-width: 1px;
	border-color: #FF9900;
}

.guestbook-post div.date {
	position: relative; top: 0px; left: 0px;
	background-color: #FF9900;
	color: #FFFFFF;
	text-align: right;
	font-weight: bold;
	padding: 2px;
	padding-right: 0.5em;
}

.guestbook-post div.author {
	background: transparent;
	color: #000000;
	text-align: center;
	font-weight: bold;
	padding: 4px;
	border-style: solid;
	border-width: 0px;
	border-right-width: 1px;
	border-color: #FF9900;
	float: left;
	margin: 3px;
	margin-right: 0.5em; _margin-right: -4px;
	width: 80px;
}

.guestbook-post div.post {
	background: transparent;
	color: #000000;
	padding: 0.5em;
	margin: 3px;
	margin-left: 91px;
	width: 75%; 
	border-style: solid;
	border-width: 0px;
	border-left-width: 1px;
	border-color: #FF9900;
}

.guestbook-post div.guestbook-clear {
	clear:both;
	height: 1px;
	overflow: hidden;
}

textarea.xar-form-textarealarge {
	width: 415px;
	height: 600px;
	margin-left: -200px;
}

/* krizovka */

#crossword_area, #crossword_area tbody, #crossword_area tr, #crossword_area td {border: none;}
#crossword {width: 100%; border: 1px solid #000;}
#crossword tr td {border: 1px solid #000;}

.answerboxstyle  {
position: relative; top: -1em; left: 50%;
background-color:	#FFFAF0;
border-color:	#808080;
border-style:	solid;
border-width:	1px;
display:	block;
padding:	.75em;
width:	200pt;
margin-left: -100pt;
}

.answerboxstyle table, .answerboxstyle table tr, .answerboxstyle table td {border: none;}

.box  {
border-style:	solid;
border-width:	1pt;
cursor:	pointer;
font-size:	.12in;
font-weight:	bold;
height:	.18in;
overflow:	hidden;
text-align:	center;
width:	.18in;
}

.boxcheated_sel  {
background-color:	#FFF1D7;
border-color:	#C00000;
color:	#2080D0;
}

.boxcheated_unsel  {
background-color:	#ffffff;
border-color:	#606060;
color:	#2080D0;
}

.boxerror_sel  {
background-color:	#FFF1D7;
border-color:	#C00000;
color:	#BF0000;
}

.boxerror_unsel  {
background-color:	#FFF0F0;
border-color:	#606060;
color:	#BF0000;
}

.boxnormal_sel  {
background-color:	#FFF1D7;
border-color:	#C00000;
color:	#000000;
}

.boxnormal_unsel  {
background-color:	#ffffff;
border-color:	#606060;
color:	#000000;
}

.button  {
width:	84pt;
}

#wordentry {
width:	125px;
}

#congratulations {
width:	135px;
}

.cluebox  {
border-bottom-width:	1px;
border-color:	#c0c0c0;
border-left-width:	0px;
border-right-width:	0px;
border-style:	solid;
border-top-width:	1px;
font-size:	85%;
margin-top:	1em;
padding-bottom:	.5em;
padding-left:	0pt;
padding-right:	0pt;
padding-top:	.5em;
}

.crosswordarea  {
background-color:	#D0D8E0;
padding:	.5em;
}

a, a:visited  {
color:	#2080d0;
text-decoration:	none;
}

a:hover  {
color:	ff8000;
text-decoration:	underline;
}

button  {
cursor:	pointer;
}

.crossword_footer {font-size: x-small; margin-top: 20px;}