
<!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" lang="cs" xml: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 - Galerie</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: 240px; /*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>

<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">
<br><br>

<div class="nadpis">Stránka se upravuje<br>
</div>
<br>



<br><br>

<br>
</div>
</div>
</body>
</html>