fffbody, html {
	font-family: "Lucida Grande", Helvetica, Tahoma, Verdana, Geneva, sans-serif;
	margin: 0px; padding: 0px; height:100%; background: #fff;
	border: 0px none; 
	text-align: center;
}

img, div, p, span, h1 {margin-top:0px; margin-bottom: 0px;}
a { color: #dd0119; text-decoration: underline;}
a img { border: 0px;}
strong, p, h1, h2, h3, emph, div  { text-align: left;}
 
/* main block */
#container { position: relative; width: 970px; margin-left: auto; margin-right: auto; padding-bottom: /*220px*/ 190px; background: url(../img/pozadi.jpg) no-repeat bottom left;}
/*#container2 { position: relative; width: 900px; margin-left: auto; margin-right: auto; }*/

/* left menu */
#mainmenu { float:left; width: 235px; color: #a496c3; background: url(../img/pozadi4.jpg) no-repeat bottom left; }
#mainmenu a { display: block; padding: 3px 0px 3px 12px; text-decoration: none; font-size: 75%; color:#7967a7; }
#mainmenu a.toplink { display: block; padding: 0px 0px 0px 0px; text-decoration: none; font-size: 75%; }
#mainmenu a:hover { color: #a496c3; }
#mainmenu span { display: block; margin-top: 20px;}
#mainmenu span a { color: #7967a7;}
#mainmenu span a:hover { background: url(../img/hover2.gif) repeat-y; }
#mainmenu span a.open { color: #fff; background: url(../img/hover.gif) repeat-y; font-weight: bold;}
#mainmenu span a.submenu { font-size: 70%; color: #87888a; padding-left: 20px; background: url(../img/on.gif) no-repeat;}
#mainmenu span a.submenu:hover {  color: #a496c3;}

/* Obsahova cast */ 
#content {float: right; width: 730px;}

#content p {text-align: justify;}
 
#content #Homepage { width: 700px; float: right; background: url(../img/calendarium.jpg) no-repeat top center;}
#content #Homepage p { color: #87888a; font-size: 80%; padding: 440px 0px 20px 0px; line-height: 135%;}

#content #MestoNaSoutoku { width: 700px; float: right; background: url(../img/mestonasoutoku.jpg) no-repeat top center; margin-top: 25px;}
#content #MestoNaSoutoku p { color: #87888a; font-size: 80%; padding: 180px 0px 80px 0px; line-height: 135%;}
/*
#content #Rokrodiny { width: 700px; float: right; background: url(../img/rokrodiny.jpg) no-repeat top center; margin-top: 25px;}
#content #Rokrodiny p { color: #87888a; font-size: 80%; padding: 180px 0px 80px 0px; line-height: 135%;}
*/
#content #Roklabe { width: 700px; float: right; background: url(../img/rokrodiny.jpg) no-repeat top center; margin-top: 25px;}
#content #Roklabe p { color: #87888a; font-size: 80%; padding: 180px 0px 80px 0px; line-height: 135%;}

#content #PrehledAkci { width: 700px; margin-left: 20px; padding: 50px; background: url(../img/pozadix.jpg) repeat-y top left;}
#content #PrehledAkci td { font-size: 70%; padding: 4px; border-bottom: 1px solid #7967a7; }
#content #PrehledAkci td a { text-decoration: none; }
#content #PrehledAkci td a:hover { text-decoration: none; font-weight: bold; }

#content #MapaMesta { width: 700px; border-top: 20px solid #fff; margin-left: 20px; margin-bottom: 70px;}


#content #program { width: 700px; float: right;}
#content #program #title { width: 60%; float: left; margin-bottom: 35px;}
#content #program #title h1 { font-size: 120%; font-weight: normal; color: #7967a7; margin:5px 0px 5px 0px;}
#content #program #title strong { font-size: 90%;  color: #a496c3;}
#content #program #title em { font-size: 90%;  color: #a496c3; font-style: normal; font-weight: bold; }
#content #program #kontakt { width: 35%; float: right; }
#content #program #kontakt p {color: #828282; font-size: 70%; text-align: right; padding: 10px 0px 0px 0px;}
#content #program #kontakt p a { color: #828282 }
#content #program p { padding: 25px 0px 20px 0px; font-size: 80%; color: #87888a; line-height: 160%;}

#footer #hkorg { text-align: right; padding: 25px 0px 20px 0px; font-size: 80%; color: #87888a; line-height: 160%;}

/* Zapati */
#footer {position: relative;}
	#footer div {position: relative; background: url(../img/footer.jpg) no-repeat center; margin: 0 auto; width: 967px; height: 77px; text-align: left; }
		#footer div p {width: 700px; margin-left: 20px; margin-right: auto; padding: 0px; /*padding: 20px 0px 0px 0px;*/ line-height: 77px;}
	/*#footer p a { color: white; font-size: 75%; text-decoration: none;}*/
		#footer div a {display: block; width: 173px; height: 17px; position: absolute; left: 20px; top: 28px;}
	#footer p {text-align: center; font-size: 70%; padding-top: 5px; color: #888;}
	    #footer p a {color: #7967a7;}
	    	#footer p a:hover {color: #a496c3;}
.underfooter {text-align: left; width: 935px; _width: 970px; margin: 15px auto; padding: 0 0 0 35px;}

.clear {clear:none; height: 0px; width: 100%;}
.clr {	clear: both; font-size: 0px;	height: 0px;	margin-top: -1px; }