
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs"><head>
<!--Force IE6 into quirks mode with this comment tag-->
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
<title>Spirála Zábřeh - Aktivity pro děti</title>

<style type="text/css">
body {
background-color: FFF8B1;
padding: 0px;
margin: 0px;
font-family: "calibri","arial ce", "helvetica ce", arial, helvetica, sans-serif;
color: #000000;
font-size: 15px;
height: 100%;
font-weight: normal;
overflow: hidden;
}
#framecontentLeft, #framecontentRight
{
position: absolute; top: 0; left: 0; width: 180px; /*Width of left frame div*/
height: 100%;
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-image: url(./leftstrip.png);
color: FFF8B1;
}
#framecontentRight
{
left: auto;
right: 0; width: 180px; /*Width of right frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-image: url(./rightstrip.png);
background-repeat: repeat-y;;
}
#framecontentTop
{
position: absolute;
top: 0;
left: 180px; /*Set left value to Width Of LeftFrame Div*/
right: 180px; /*Set right value to Width Of RightFrame Div*/
width: auto;
height: 290px; /*Height of top frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color:#FFF8B1;
z-index:2;
}
.boldedtext
{
font-weight:bold;
}
.underlined
{
text-decoration: underline;
color: green;
}
#maincontent
{
position: fixed; top: 290px; /*Set top value to Height Of TopFrame Div*/
left: 180px; /*Set left value to Width Of LeftFrame Div*/
right: 180px; /*Set right value to Width Of RightFrame Div*/
bottom: 0;
overflow: auto; background-color:#FFF8B1;
z-index:1;
}
.innertube {margin: 15px;}
* html body
{ /*IE6 hack*/
padding: 180px 150px 0 200px; /*Set value to (Height Of TopFrame Div Width Of RightFrame Div 0 Width Of LeftFrame Div)*/
}
* html #maincontent
{ /*IE6 hack*/
height: 100%; width: 100%; }
* html #framecontentTop
{ /*IE6 hack*/
width: 100%;
}
.pd_menu_01 {float:left; padding:0; margin:0;color: #000000;background: #FFF8B1;width:100%; border:solid 2px #004080;clear:both;} /*Color navigation bar normal mode*/
.pd_menu_01 a, .pd_menu_01 a:visited {
font-family:Georgia, Times New Roman, serif;
font-style:oblique;
font-weight:bold;
font-size:12px;
color: #000000;
background-color: #FFF8B1;
text-decoration: none;
}
#navlist{position:relative;}
#navlist li{margin:0;padding:0;list-style:none;position:absolute;top:0;}
#navlist li, #navlist a{height:44px;display:block;}
.orange
{
left:0px;width:23px;
background-image:url("orangebox.png");
}
.green
{
right:0px;width:23px;
background-image:url("greenbox.png");
}
.pd_menu_01 ul {list-style-type:none;padding:0; margin:0;}
.pd_menu_01 ul li {float:left; position:relative; z-index:auto !important ; z-index:1000 ; border-right:solid 1px #004080; border-left:solid 1px #004080;}
.pd_menu_01 ul li a {color: #000000;background: #FFF8B1;float:none !important ; float:left ; display:block; height:30px; line-height:30px; padding:0 10px 0 10px; text-decoration:none; }
.pd_menu_01 ul li ul {display:none; border:none;color: #000000;background: #FFF8B1; width:1px}
.pd_menu_01 ul li:hover a {background-color:#000000; text-decoration:none; color:#FFFFFF;} /*Color main cells hovering mode*/
.pd_menu_01 ul li:hover ul {display:block; position:absolute; z-index:999; top:29px; margin-top:1px; left:0;}
.pd_menu_01 ul li:hover ul li a {display:block; width:12em; height:auto; line-height:1.3em; margin-left:-1px; padding:5px 10px 5px 10px; border-left:solid 1px #004080; border-bottom: solid 1px #004080; background-color:#BED62F; color:#000000;} /*Color subcells normal mode*/
.pd_menu_01 ul li:hover ul li a:hover {background-color:#F47721; text-decoration:none;color:#FFFFFF;} /*Color subcells hovering mode*/
.pd_menu_01 ul li a:hover {background-color:#000000; text-decoration:none;color:#FFFFFF;} /*Color main cells hovering mode*/
.pd_menu_01 ul li a:hover ul {display:block; width:12em; position:absolute; z-index:999; top:29px; left:0; }
.pd_menu_01 ul li ul li a:visited { background-color:#BED62F; color:#000000;} /*Color subcells normal mode*/
.pd_menu_01 ul li a:hover ul li a {display:block; width:12em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px #004080; border-bottom: solid 1px #004080; background-color:#BED62F; color:#000000;} .pd_menu_01 ul li a:hover ul li a:hover {background-color:#F47721; text-decoration:none;color:#FFFFFF;} /*Color subcells hovering mode*/
.nadpis
{
font-weight: bold; color:#F47721;
} .img
{
margin: 2px;
border: 1px solid #0000ff;
height: auto;
width: auto;
float: left;
text-align: center;
opacity:0.2; filter:alpha(opacity=20); /* For IE8 and earlier */
}
.img:hover
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
} div.img img
{
display: inline;
margin: 3px;
border: 1px solid #ffffff;
}
div.img a:hover img {border: 1px solid #0000ff;}
div.desc
{
text-align: center;
font-weight: normal;
width: 120px;
margin: 2px;
}
.foot {
position: absolute;
bottom: 0;
right: 0;
}
</style>
</head>


<body>
<div id="framecontentLeft">
</div>
<div id="framecontentRight">
</div>
<div id="framecontentTop">
<div class="innertube"> <img alt="logo" src="spiralamain.png" />
<div class="pd_menu_01">
<ul>
<li><a href="Informace.html">Informace</a>
<ul>
<li><a href="OSSpirala.html">Spirála z.s.</a></li>
<li><a href="Poradenstvi.html">Poradenství</a></li>
</ul>
</li>
</ul>
<ul>
<li><a href="Aktivity.html">Aktivity</a>
<ul>
<li><a href="Deti.html">Děti</a></li>
<li><a href="Dospeli.html">Dospělí</a></li>
<li><a href="Seniori.html">Senioři</a></li>
</ul>
</li>
</ul>
<ul>
<li><a href="Kurzy.html">Kurzy</a>
<ul>
					<li><a href="Maxik.html">Maxík</a></li>
					<li><a href="Komunikace.html">Komunikace</a></li>
					<li><a href="Feuerstein.html">R. Feuerstein</a></li>
</ul>
</li>
</ul>
<ul>
<li><a href="Kontakt.html">Kontakt</a></li>
</ul>
</div>
</div>
</div>
<div id="maincontent">
<div class="innertube">
<div class="nadpis">

POŘÁDÁME AKTIVITY PRO DĚTI, DOSPĚLÉ I SENIORY<br>

<font color="green"><b>POŽADOVANOU AKTIVITU VYBERTE V MENU.</font>

</div>
<br><br>

<br><br>

</div>
</div>
</body></html>