body, 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; background: url(../img/menu_bg.gif) repeat-y top left;}

/* left menu */
#mainmenu { float:left; width: 235px; background: url(../img/menu_bg2.gif) no-repeat bottom right; }
#mainmenu a { display: block; padding: 3px 0px 3px 12px; text-decoration: none; font-size: 75%; color:#49a486; }
#mainmenu a.toplink { display: block; padding: 0px 0px 0px 0px; text-decoration: none; font-size: 75%; }
#mainmenu a:hover { color: #2c725c; }
#mainmenu span { display: block; margin-top: 20px;}
#mainmenu span a { color: #0076bd;}
#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: #49a486; padding-left: 20px; background: url(../img/on.gif) no-repeat;}
#mainmenu span a.submenu:hover {  color: #2c725c;}

/* Obsahova cast */ 
#content { float: right; width: 734px;}
 
#content #Homepage { width: 700px; float: right; background: url(../img/caledndarium.jpg) no-repeat top center}
#content #Homepage p { color: #115b9c; font-size: 80%; padding: 300px 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: #115b9c; font-size: 80%; padding: 180px 0px 80px 0px; line-height: 135%;}

#content #RokArchitektury { width: 700px; float: right; background: url(../img/rokarchitektury.jpg) no-repeat top center; margin-top: 25px;}
#content #RokArchitektury p { color: #115b9c; font-size: 80%; padding: 180px 0px 80px 0px; line-height: 135%;}

#content #PrehledAkci { width: 700px; margin-left: 20px;}
#content #PrehledAkci td { font-size: 70%; padding: 4px; border-bottom: 1px solid #7dbb68; }
#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: #0093d1; margin:5px 0px 5px 0px;}
#content #program #title strong { font-size: 90%;  color: #00a7b6;}
#content #program #title em { font-size: 90%;  color: #00a7b6; 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: #484848; line-height: 160%;}

/* Zapati */
#footer {background: #9ac043 url(../img/footer.jpg) no-repeat center; margin-top: 0px; width: 100%; height: 62px; text-align: center; }
#footer p { width: 870px; margin-left: auto; margin-right: auto; padding: 20px 0px 0px 0px;}
#footer p a { color: #fff; font-size: 75%; text-decoration: none;}


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