/* globalni nastaveni */
body,html {
	margin: 0px; padding: 0px;
	font-family: 'Verdana CE', 'Lucida Grande CE', 'Helvetica CE', Verdana, lucida, sans-serif;
	font-size: 85%;
	text-align: center;
	color: #666;
	background:url(design/top_bgr.gif) repeat-x #FFFFFF;
}

* { margin:0px; padding:0px; }
h1, h2, h3, h4, h5, h6 { color:#FF6600; }
h1 { background:url(design/vlnka.gif) no-repeat bottom right; padding: 0 0 10px 1em; font-weight:normal; letter-spacing: .05em; margin-bottom:20px; font-size:20px;}
h2 { font-size:18px;}
h3 { font-size:14px; }
h4 { font-size:12px; }
img {border:none;}
p { margin: .2em 8px 1em 8px; padding: 0;	line-height: 160%;	font-size: 1em; }
a { color:#FF6600;}
a:hover {text-decoration:none; color:#6289ff;}
hr {display:none;}
address{margin-left:1em;}


/* konkretni nastaveni */
#obsah ul {margin:1em 0 2em 2em ;}
#celek { position:relative;	width: 777px;
	margin: 0px auto 0px auto;
	background:url(/design/body_bgr.gif) repeat-y;
}

#hlava { height: 220px;}
#hlava h2 {position:absolute; right:70px; top:20px; font-size:14px; font-style:italic;}

#design-foto { position:absolute; left:65px; top:40px;}
#design-foto img {border:none; float:left; margin: 5px;}

#top_bgr { background:url(/design/top.jpg) no-repeat; _height:500px; min-height:500px;}

#telo { padding:0 15px 15px 25px; }

#obsah { float:left; width:550px; text-align:left;}

#dnavigace { font-size: 85%; border:#eeeeee dashed 1px; padding: 3px; margin-bottom:15px; text-align:right;}

.ilus { float:left; margin: 10px 15px 10px 20px; border:#999999 1px solid;}
.right {float:right;}
.hide { display:none;}

#pravy {float: right; width: 178px; }
.pbox { background: url(/design/sloupek-b.gif) repeat-y; min-height: 50px; _height:50px; text-align:left; margin-bottom:10px; }
.pbox-start{ background: url(/design/sloupek-a.gif) no-repeat; height:19px;}
.pbox-end{ background: url(/design/sloupek-z.gif) no-repeat; height:19px;}
.pbox-obsah { padding: 0 20px 0 20px;}
.pbox h3 { text-align:center; border-bottom: 1px dashed #FF6600; color:#6289ff; font-weight:bold; margin-top:-10px; padding-bottom: 5px; font-size: 14px;}

#paticka {
	text-align:left;
	clear:both;
	background: url(/design/vlnka.gif) no-repeat top center;
	width:637px;
	padding: 15px 30px 20px 30px;
	margin: 0 auto;
	color: #FF6600;
	font-size: 85%;
}

#odkazy { margin:5px 30px 0px 30px; padding-bottom:5px; border-top:#666666 1px dashed; font-size:85%}
ul.vmenu {list-style-type:none; font-size:12px;}
.vmenu ul {list-style-type:none; margin-left: 5px;}
.vmenu li { margin-top:5px;}
.vmenu strong, .vmenu a:hover {color:#6289ff;}
.vmenu a {text-decoration:none;}

/********************************************/
.center { text-align:center;}
.clear {clear:both;}

/* ----------- hlavni menu ------------ */
#hmenu { position: absolute; z-index: 10; top: 172px; left:38px; width: 705px; }
#hmenu li { float: left; list-style-type: none; }
/* menu spolecne */
#akce a span, #leceni a span, #clanky a span, #tomas a span{ background-image: url("design/menu.gif");}

#akce, #leceni, #clanky, #tomas { position: relative; top:0; left:0; }

#akce a span, #akce a:hover span, #akce strong span,
#leceni a span, #leceni a:hover span, #leceni strong span,
#clanky a span, #clanky a:hover span, #clanky strong span,
#tomas a span, #tomas a:hover span, #tomas strong span { position: absolute; top: 0; left: 0; }

/* menu jednotlive */
#akce, #akce a, #akce strong, #akce a span, #akce a:hover span, #akce strong span
{ height: 35px; display: block; overflow: hidden; width: 180px; background-image: url("design/menu.gif"); background-position: 0 0;}
#leceni, #leceni a, #leceni strong, #leceni a span, #leceni a:hover span, #leceni strong span
{ height: 35px; display: block; overflow: hidden; width: 180px; background-image: url("design/menu.gif"); background-position: -180px 0px;}
#clanky, #clanky a, #clanky strong, #clanky a span, #clanky a:hover span, #clanky strong span
{ height: 35px; display: block; overflow: hidden; width: 180px; background-image: url("design/menu.gif"); background-position: -360px 0px;}
#tomas, #tomas a, #tomas strong, #tomas a span, #tomas a:hover span, #tomas strong span
{ height: 35px; display: block; overflow: hidden; width: 165px; background-image: url("design/menu.gif"); background-position: -540px 0px;}
/* menu spolecne */
#akce a:hover span, #akce strong span, #akce .aktiv span,
#leceni a:hover span, #leceni strong span, #leceni .aktiv span,
#clanky a:hover span, #clanky strong span, #clanky .aktiv span,
#tomas a:hover span, #tomas strong span, #tomas .aktiv span { background-image: url("design/menu_hover.gif"); }

/* akce */
.program, .kontakt { clear: both; margin: .5em 0 1em 0; }
.program img { float: left; margin: 5px 10px .5em 0; border: 2px solid #FFD3A8; }
.kontakt img { border: none; }
.sponzor img { border: 1px solid #039; }
.program a:hover img { border: 2px solid #6289ff; }
.program h2 { margin: 0 0 10px 0; background:none;  padding-left:1em; font-weight:normal; }
.program p, .kontakt address, .kontakt p { display: block; height: 100%; }

.datum { text-align:right; border-bottom:#CCCCCC dashed 1px; font-weight:bold; margin-bottom:5px;}

.doporucujeme h2, .doporucujeme h1 { font-size: 180%; color: #FF0000 !important; }
.doporucujeme h2 a { color: #FF0000 !important; }
.doporucujeme h2 a:hover { color: #6289ff !important; }

.fright { float:right; margin: 5px 0 5px 5px;}
.fleft { float:left; margin: 5px 5px 5px 0;}