body {
    font-family: arial, helvetica, geneva, sans-serif;
    font-size: small;
    color: #000000;
    background-color: #FFFCE0;
    background-attachment: fixed;
    padding: 0 5%;
}

p { margin:1em 0; }

#menu {
	 /* left:25px; top:30px; width:140px; */
         width:140px;
         float: left;
	/*  padding-left: 1px;
	 padding-right: 1px;
	 padding-top: 1px; */
	 border: 1px black solid; 
	}
#menu h4 {
	display:block;
	margin:0; padding:5px 0.5ex;
	background:black; color:white;
	font-size:13px;
	}
#menu p { margin:0 }
#menu p+h4 { margin-top:1em; }
#menu a {
	display:block;
	margin:0; padding:5px 0.5ex;
/*	background:#C5C0CC; color:black; */
	background:#CCC0CC; color:black; 
	font-size:13px; font-weight:bold;
	text-decoration:none;
	}
#menu a:hover { background:#E1DFE6; color:black; }
.menuodd { display:none; }

#text {
/*	position:absolute;  right:50px; top:65px; width:180px;
	white-space:nowrap;
	padding:1em 10ex 1em 120px;
	border-top:1px solid #666;
	background:url("pero.jpg") top left no-repeat; */
	color: #e0e0e0;
	font-size:16px;
	}
#text h4 { margin:0 0 1ex 0; color:black; }
#text p { margin:0; }


#footer {
	position:absolute; left:20px; bottom:5px;
	text-align:left;
	font-size:9px; color:green;
	}

#header {
        left:20px; top:5px;
        text-align:right;
        font-size:19px; color:black;
	margin:0; padding:5px 0.5ex;
        }

#header-left {
        left:20px; top:5px;
        text-align:left;
        font-size:19px; color:black;
        margin:0; padding:5px 0.5ex;
        }


hr {
	background-color: #AAA99C;
        border: 0.1px  solid Black; 
        width: 100%;
       /*  padding-left: 1px; */
        height: 0.1px; 
}

div#table1{
        background-color: #BFAC60;
        text-decoration: none;
        float: left;
        text-align: left;
        margin: 0px;
        padding: 5px;
        border: 1px solid Black;
        font-size: 100%;
        font-weight: bold;
}
div#table1 td {
        margin: 1px; 
	padding: 1px;
        text-indent: 2px;
}
div#table1 .buton {
         text-align: right;
}

div#form1 form{
}
/* FORMULAR 1 */
div#form1 input {
        font-family: arial, helvetica, sans-serif;
        font-size: small;
        background-color: #FFF2BF ;
}
div#form1 input.buton {
        font-family: arial, helvetica; 
	font-size: small;
        color: #000000;
        background-color: #DFD4A7 ;
        text-align: right;
}
div#form1 select {
        font-family: arial, helvetica;
        font-size: small;
        color: #000000;
        background-color: #FFF2BF
}
div#form1 textarea {
        font-family: arial, helvetica;
        font-size: small;
        color: #000000;
        background-color: #FFF2BF;
}
#div_right {
	float: right;
	padding: 4px 4px;
	margin: 4px 2px;
	width:168px;
}
/* Data table */
table.data {
	float: left;
	width: 50%;
        margin: 2em;
        border: 1px black solid;
        border-collapse: collapse;
        background-color: #D6D6D6;
}
table.data caption {
        border: 1px black solid;
        font-weight: bold;
        background-color: orange;
}
table.data th {
        border: 1px black solid;
        background-color: orange;
        color: black;
        padding: 1px;
}
table.data td {
        border: 1px black solid;
        background-color: #D6D6D6;
        color: black;
        padding: 1px;
}
table.data td.center {
        text-align: center;
}
table.data td.right {
        text-align: right;
}

#div_wide {
	float: left;
	width: 80%;
	padding: 4px 4px;
	margin: 4px 2px;
	border: 1px solid black;
	background-color: #E5E5E5;
}

/* Javascript magic*/
#turistika {display: none;}
#turistika-pocasi {display: none;}
#dilna {display: none;}
#antikvariaty {display: none;}
#plavani {display: none;}
#veslovani {display: none;}
#cyklistika {display: none;}
#potapeni {display: none;}
#hamradio {display: none;}
#fotografie {display: none;}
#elektro {display: none;}
#detektory {display: none;}
#pocitace {display: none;}
#ostatni {display: none;}