/*______________________________________________________________________________
                  webappeal
                  http://www.webappeal.cz/
                  Copyright © 2007-2008 webappeal, All rights reserved.
______________________________________________________________________________*/

/*------------------------------------------------------------------------------
R E S E T */
html,body,div,span,applet,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,
label,p,blockquote,object,iframe,th,td,h1,h2,h3,h4,h5,h6,address,caption,cite,
code,dfn,th,pre,abbr,acronym,kbd,a,samp,caption,tbody,tfoot,thead,tr,th,td,
img,ins,i,font,u,strike,small,s,big,b,tt {
font-family: arial, sans-serif, tahoma, charter, verdana;
/*font-family: "Century Gothic", Arial, Helvetica, sans-serif;*/
font-size: 100.01%;
margin:0;
padding:0;
border:0;
outline:0;
vertical-align:baseline;
text-align:left;
background:transparent;
font-style:normal;
font-weight:normal;
}

table{
border-collapse:collapse;
border-spacing:0;
}

ol,ul{
list-style:none;
}

blockquote,q{
quotes:none;
}

cite{
background:#eee;
}

img{
display:block;
}

hr{
height:1px;
margin:10px 0 10px 0;
padding:0;
background:transparent;
border:none;
border-bottom:1px solid #8cb10a;
}

/*------------------------------------------------------------------------------
Z A K L A D N I   D E F I N I C E */
html body {
background-image:url('../pictures/bg.png');
background-repeat:repeat-x;
background-position:0px 0px;
background-color:#333333/*253840*/;
font-size:.75em; /*(12/16)*/
line-height:1.5;
color:#ffffff;
margin:0;
padding:0;
height:100%;
}

strong{}

ul{
margin:0; 
padding: 0px 0px 0px 20px;
list-style-type:none;
}

a {color:#8cb10a; text-decoration:underline; background:transparent}
a:hover {color:#fff; text-decoration:none; background:transparent}
a.ext {color:#8cb10a; text-decoration:underline; padding:0 16px 0 0;background-image: url('../pictures/a_ext.gif'); background-repeat: no-repeat; background-position: right 0px; background-color:transparent; }
a.ext:hover {color:#fff; text-decoration:none; padding:0 16px 0 0; background-image: url('../pictures/a_ext.gif'); background-repeat: no-repeat; background-position: right -19px; background-color:transparent; }
a.hidden, a.hidden:hover{display:none;}

h2{
position:relative;
top:0px;
left:-15px;
width:515px;
line-height:1.0;
font-size:1.667em;
font-weight:normal;
color:#000000;
margin:0 0px 40px 0px;
padding:5px 10px 8px 25px;
background:#97be0c;
border-right:5px solid #858585;
display:block;
}

h2 span{
position:absolute;
top:33px;
left:0px;
height:15px;
width:15px;
display:block;
background-image:url('../pictures/h2.png');
background-repeat:no-repeat;
background-position:0px 0px;
background-color:transparent;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='seed/pictures/h2.png', sizingMethod='image');
_background:none;
}

h2 a, h2 a:hover{
text-decoration:none;
color:#000000;
line-height:1.0;
}

h3 {
font-size:1.333em; 
font-weight:normal;
line-height:1.0;
color:#8cb10a;
margin:0px 0px 20px 0px;
padding:0px 0px 0px 0px;;
}

h3 span {color:#aaaaaa;}

h4 {font-size:1.167em; font-weight:normal; line-height:1.0; margin:0 0 0px 0;}
h4 span {color:#8cb10a;}

h5 {font-size:1.0em; font-weight:bold; line-height:1.0; color:#8cb10a; margin:10px 0 5px 0;}

p {margin:0 0 15px 0; text-indent: 0em;}
p.clear {margin:0 0 0 0; text-indent: 0em;}
p.first {margin:20px 0 10px 0; text-indent: 0em;}
p.firstti {margin:20px 0 10px 0; text-indent: 3em;}
p.ti {margin:0 0 0 0; text-indent: 3em;}

dt {font-weight:bold}

abbr, acronym, dfn {cursor:help;}
dfn {text-decoration:none;border-bottom:dotted 1px #000;font-style:normal;}

blockquote {font-style: italic; margin: 200px 0 0;}

hr.hidden {display: none;}

/*------------------------------------------------------------------------------
H L A V N I   P R V K Y*/
#main {
position:absolute;
top:0px;
left:0px;
width:100%;
height:auto;
min-height:100%; 
_height: 100%;
text-align:center;
}

#center_box {
position:relative;
top: 0px;
width: 950px;
padding:0 13px 0 13px;
margin: 0 auto;
text-align: left;
}

#content {
position:relative;
top: 0px;
left: 0px;
width: 950px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 60px 0px;
}
/*------------------------------------------------------------------------------
-
-
------------------------------------------------------------------------------*/
h1#logo {
position:absolute;
/*
top:271px;
left:103px;
width:326px;
height:38px;
*/
top:259px;
left:108px;
width:328px;
height:50px;

font:2.25em bold;
line-height:1.0;
z-index:100;
/*
display:none;
*/
}
  body.small h1#logo {
  position:absolute;
  top:59px;
  left:108px;
  width:328px;
  height:50px;
  font:2.25em bold;
  line-height:1.0;
  z-index:100;
  }

h1#logo a, h1#logo a:hover{
position:absolute;
top:0px;
left:0px;
/*
width:326px;
height:38px;
*/
width:328px;
height:50px;

color:#ffffff;
display:block;
background:transparent;
}

h1#logo a span {
position:absolute;
top:0px;
left:0px;
/*
width:326px;
height:38px;
*/
width:328px;
height:50px;

color:#ffffff;
background-image:url('../pictures/h1_logo2.jpg');
background-repeat:no-repeat;
background-position:0px 0px;
background-color:transparent;
display:block;
}

/*------------------------------------------------------------------------------
-
-
------------------------------------------------------------------------------*/
#header{
position:relative;
top:0px;
left:0px;
width:950px;
height:300px;
background:#ffffff;
}

  body.small #header{
  position:relative;
  top:0px;
  left:0px;
  width:950px;
  height:100px;
  background:#ffffff;
  }

#header div#design{
position:absolute;
top:0px;
left:0px;
width:950px;
height:300px;
background-image:url('../pictures/header.jpg');
background-repeat:no-repeat;
background-position:0px 0px;
background-color:#000000;
}

  body.small #header div#design{
  position:absolute;
  top:0px;
  left:0px;
  width:950px;
  height:100px;
  background-image:url('../pictures/header.jpg');
  background-repeat:no-repeat;
  background-position:bottom left;
  background-color:#000000;
  }

#header span#lo{
position:absolute;
top:0px;
left:-13px;
width:181px;
height:346px;
background-image:url('../pictures/lo2.gif');
background-repeat:no-repeat;
background-position:top left;
background-color:transparent;
display:block;
}
  body.small #header span#lo{
  position:absolute;
  top:-200px;
  left:-13px;
  width:181px;
  height:346px;
  background-image:url('../pictures/lo2.gif');
  background-repeat:no-repeat;
  background-position:top left;
  background-color:transparent;
  display:block;
  }

#header span#sb{
position:absolute;
bottom:0px;
right:0px;
width:29px;
height:14px;
background-image:url('../pictures/sb.gif');
background-repeat:no-repeat;
background-position:top left;
background-color:#97be0c;
display:block;
cursor:pointer;
}
  body.small #header span#sb{
  position:absolute;
  bottom:0px;
  right:0px;
  width:29px;
  height:14px;
  background-image:url('../pictures/bs.gif');
  background-repeat:no-repeat;
  background-position:top left;
  background-color:#97be0c;
  display:block;
  cursor:pointer;
  }
/*
#header span#ro{
position:absolute;
top:0px;
right:-13px;
width:181px;
height:346px;
background-image:url('../pictures/ro.gif');
background-repeat:no-repeat;
background-position:top left;
background-color:transparent;
display:block;
}

#header a#ze{
position:absolute;
top:139px;
left:19px;
width:109px;
height:102px;
background-image:url('../pictures/ze.gifX');
background-repeat:no-repeat;
background-position:top left;
background-color:transparent;
display:block;
}
*/
/*------------------------------------------------------------------------------
-
-
------------------------------------------------------------------------------*/
.quick_nav {
display:none;
}
/*------------------------------------------------------------------------------
-
-
------------------------------------------------------------------------------*/
#container{
position:relative;
top:0px;
left:200px;
width:750px;
margin-top:70px;
background:transparent;
}

.resetovac{ 
border:none; 
margin:0; 
padding:0; 
float:none; 
clear:both; 
width:0px; 
height:0px; 
line-height:0px; 
font-size:0px;
}

#left_box_cover{ 
position:relative;
top:0px;
left:0px;
float:left;
width:540px;
_width:540px;
text-align:left;
background:transparent;
} 

#left_box_content{
text-align:left;
background:transparent;
padding:0px 0 0 0;

background-image:url('../pictures/lb_bg.png');
background-repeat:repeat-x;
background-position:0 0;
background-color:#2a2a2a/*202f34*//*1c292e*/;
}

#right_box_cover{
padding:0 0 0 600px;
_padding:0 0 0 600px;

background:transparent;
}

#right_box_content{
position: relative;
top: 0px;
left: 0px;
text-align:left;
width:150px;
_width:147px;
padding:0px 0 0 0;
background:transparent;
}
/*------------------------------------------------------------------------------
              <div class="print">
                <div class="aktuality">
                  <div class="label"><h2>Aktivity<span></span></h2></div>
                  <div class="text">
------------------------------------------------------------------------------*/

.print {
position:relative;
top:0px;
left:0px;
width:540px;
min-height:600px;
_height:600px;
margin:0px 0px 0px 0px;
padding:0px 0px 20px 0px;
}

#text{
position:relative;
top:0px;
left:0px;
margin:0px 0px 0px 0px;
padding:0px 10px 0px 10px;
}

#text p{
text-align:justify;
}

#text ul{
list-style-type:none;
margin: 0px 0px 15px 10px;
padding: 0px 0px 0px 0px;
}

#text ul li{
line-height:1.0;
margin:0px 0px 0px 0px;
padding:6px 0px 6px 15px;
background-image:url('../pictures/li_square01.gif');
background-repeat:no-repeat;
background-position:0px 10px;
background-color:transparent;
}
/*------------------------------------------------------------------------------
-
-
------------------------------------------------------------------------------*/
#nav{
position:absolute;
top:370px;
left:0px;
max-width:140px;
height:auto;
z-index:100;
}
  body.small #nav{
  position:absolute;
  top:170px;
  left:0px;
  max-width:140px;
  height:auto;
  z-index:100;
  }

#nav h2{display:none;}

/*reset seznamu*/
#nav ul, #nav li {margin:0;padding:0;list-style:none;}

/*prvni uroven*/
#nav ul.root li {
position:relative;
top:0px;
left:0px;
height:26px;
width:140px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
_margin:0px 0px -3px 0px;
display:block;
}

/*polozka menu*/
#nav ul.root li a{
position:absolute;
top:0px;
left:0px;
width:120px;
font-size:1.083em;
font-weight:normal;
line-height:1.0;
text-decoration:none;
color:#aaaaaa;
padding:6px 20px 7px 0px;
margin:0 0 0 0;
display:block;
cursor:pointer;
text-align:right;
background-image:url('../pictures/clear.gif');
background-repeat:no-repeat;
background-position:0px 0px;
background-color:transparent;
}
  #nav ul.root li a span{
  position:absolute;
  top:0px;
  left:130px;
  padding:0;
  margin:0;
  width:10px;
  height:25px;
  display:block;
  cursor:pointer;
  background-image:url('../pictures/menu_item.png');
  background-repeat:no-repeat;
  background-position:0px 0px;
  background-color:transparent;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='seed/pictures/00.png', sizingMethod='scale');
  _background:none;
}

/*aktivni polozka menu*/
#nav ul.root li.active a{
color:#8cb10a/*bff10e*//*00a3cc*//*00ccff*/;
}
  #nav ul.root li.active a span{
  position:absolute;
  top:0px;
  left:130px;
  padding:0;
  margin:0;
  width:10px;
  height:25px;
  display:block;
  cursor:pointer;
  background-image:url('../pictures/menu_item.png');
  background-repeat:no-repeat;
  background-position:0px -25px;/*0.-25*/
  background-color:transparent;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='seed/pictures/01.png', sizingMethod='scale');
  _background:none;
}

/*hover polozka menu, hover aktivni polozka menu*/
#nav ul.root li a:hover, #nav ul.root li.active a:hover{
color:#00a3cc/*bff10e*/;
}
  #nav ul.root li a:hover span, #nav ul.root li.active a:hover span{
  position:absolute;
  top:0px;
  left:130px;
  padding:0;
  margin:0;
  width:10px;
  height:25px;
  display:block;
  cursor:pointer;
  background-image:url('../pictures/menu_item.png');
  background-repeat:no-repeat;
  background-position:0px -50px;/*0.-25*/
  background-color:transparent;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='seed/pictures/02.png', sizingMethod='scale');
  _background:none;
}

/*------------------------------------------------------------------------------
              <div class="print">
                <div class="aktuality">
                  <div class="label"><h2>Aktivity<span></span></h2></div>
                  <div class="text">
------------------------------------------------------------------------------*/
.aktuality{
position:relative;
top:0px;
left:0px;
margin:0px 0px 0px 0px;
}

.aktualita{
position:relative;
top:0px;
left:0px;
margin:0px 0px 60px 0px;
padding:0px 0px 10px 0px;
}

.aktualita h3{
position:relative;
top:0px;
left:-25px;

font-size:1.333em; 
font-weight:normal;
line-height:1.0;
color:#8cb10a/*8cb10a*//*88da52*/;

margin:0px 80px 10px 0px;
padding:4px 0px 4px 0px;
/*_padding:4px 0px 4px 65px;*/
}
/*
h3.blok{
font-size:1.333em; 
font-weight:normal; 
line-height:1.5;
color:#000000;
margin:0px 0px 15px 0px;
padding:0px 0px 0px 0px;
text-align:justify;
}
*/


.aktualita h3 span {
/*
position:absolute;
top:0px;
left:-25px;
*/
position:relative;
top:-4px;

font-size:0.75em;
font-weight:normal;
line-height:1.0;
color:#ffffff/*8cb10a*//*88da52*/;
/*
height:46px;
width:97px;
*/

margin:0px 5px 0px 0px;
padding:5px 5px 5px 5px;
/*
background-image:url('../pictures/stitek_a.png');
background-repeat:no-repeat;
background-position:0px 0px;
background-color:transparent;
*/
background:#000000;
border:1px solid #8cb10a/*a6d10c*//*8cb10a*//*00a3cc*/;

display:block;

float:left;
}


.aktualita h3 span.new{
position:absolute;
top:-18px;
right:-155px;
_right:30px;


height:20px;
width:35px;

background-image:url('../pictures/new.gif');
background-repeat:no-repeat;
background-position:0px 0px;
background-color:transparent;

border:none;
display:block;
}

.aktualita div.odd{
position:absolute;
top:0px;
right:-5px;
_right:5px;

height:30px;
width:105px;
text-align:right;
}

.aktualita div.odd span.divadlo{
/*
position:relative;
top:0px;
left:0px;
*/
height:30px;
width:35px;
margin:0 0 0 6px;

background-image:url('../pictures/divadlo.png');
_background-image:url('../pictures/divadlo.gif');
background-repeat:no-repeat;
background-position:bottom left;
background-color:transparent;

border:none;
display:block;
float:right;
}

.aktualita div.odd span.hudba{
/*
position:absolute;
top:-15px;
left:490px;
*/
height:30px;
width:30px;
margin:0 0 0 6px;

background-image:url('../pictures/hudba.png');
_background-image:url('../pictures/hudba.gif');
background-repeat:no-repeat;
background-position:bottom left;
background-color:transparent;

border:none;
display:block;
float:right;
}

.aktualita div.odd span.alko{
/*
position:absolute;
top:-15px;
left:490px;
*/
height:30px;
width:21px;
margin:0 0 0 6px;

background-image:url('../pictures/alko.png');
_background-image:url('../pictures/alko.gif');
background-repeat:no-repeat;
background-position:bottom left;
background-color:transparent;

border:none;
display:block;
float:right;
}
/*------------------------------------------------------------------------------
              <div class="partneri">
              <p>Tento web vznikl za podpory:</p>
              <a class=""></a>
------------------------------------------------------------------------------*/
.partneri{
position:relative;
top:0px;
left:0px;
height:50px;
margin:0 10px 0px 10px;
padding:10px 0 10px 0;

background-image:url('../pictures/logo.png');
background-repeat:no-repeat;
background-position:left 10px;
background-color:transparent;

border-top:1px solid #797979;
}

.partneri p{
color:#797979;
font-size:0.917em;
line-height:1.0;
}

/*------------------------------------------------------------------------------
                  <div class="date">
                    <div>
                      <p><span id="datum"></span> <span id="cas"></span></p>
                    </div>
                  </div> 
                                             
                  <div class="slideshow">
                    <div>
                      <a href="{urlss}" title="slideshow"><img src="{urlssimg}" alt="slideshow" width="150" height="150" /></a>
                    </div>
                  </div>
                
                  <div class="ploga">
                    <div>
                      <a href="http://www.ypsilonka.cz/" title="ypsilonka"><img src="{SEED_URL_USED}pictures/ypsilon.gif" alt="ypsilonka" /></a>
                      <a href="http://www.webappeal.cz/" title="webappeal"><img src="{SEED_URL_USED}pictures/webappeal.png" alt="webappeal" /></a>
                    </div>
                  </div>                 

                  <div class="hlasky">
                    <div>
                      <p><em>"{hlaska}"</em></p>
                    </div>
                  </div>
------------------------------------------------------------------------------*/
.date{
padding:0px 0 0px 0px;
margin:0 0 20px 0;
height:21px;
width:145px;
background-image:url('../pictures/date.gif');
background-repeat:no-repeat;
background-position:left top;
background-color:transparent;
display:block;
}

.date div{
padding:4px 0 5px 25px;
border-top:0px solid #8cb10a;
}

.date div p{
color:#aaaaaa;
line-height:1.0;
}

.date div span#datum{
color:#aaaaaa;
}

.date div span#cas{
color:#8cb10a;
padding:0 0 0 5px;
}

.slideshow{
margin:0 0 20px 0;
padding:13px 0 0 0;
min-height:13px;
background-image:url('../pictures/galerie.gif') !important;
background-repeat:no-repeat;
background-position:right top;
background-color:transparent;
}

.slideshow div{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
border-top:0px solid #8cb10a;
background:#000000;
}

.slideshow div a{
display:block;
}

.slideshow div a img{
text-align:center;
display:block;
margin: 0 auto;
width:150px;
_width:147px;
height:150px;
_height:147px;
border-top:2px solid #8cb10a;
}

div.ploga{
padding:13px 0 0 0;
min-height:13px;
background-image:url('../pictures/ploga.gif') !important;
background-repeat:no-repeat;
background-position:right top;
background-color:transparent;
}

.ploga div{
margin:0px 0 0 0;
border-top:2px solid #8cb10a;
}

.ploga div a{
display:block;
margin:20px 0 20px 0;
}

.ploga div a img{
text-align:center;
display:block;
margin: 0 auto;
}

div.citace{
padding:13px 0 0 0;
min-height:13px;
background-image:url('../pictures/citace.gif') !important;
background-repeat:no-repeat;
background-position:right top;
background-color:transparent;
}

.citace div{
margin:0px 0 0 0;
border-top:2px solid #8cb10a;
}

.citace div p{
margin:10px 0 20px 0;
text-align:center;
color:#fff/*8cb10a*/;
}

/*------------------------------------------------------------------------------
<div class="akteri">
<!-- BEGIN: one -->
  <div class="akter_preview{dark}">
    <h4><a href="{url}" title="{title}">{jmeno}</a></h4>
    <a class="akter_img" href="{url}" title="{title}"><img src="{src}" alt="{title}" height="40" width="40" /></a>
  </div>
<!-- END: one -->
<div class="resetovac"></div>
</div>
------------------------------------------------------------------------------*/
.akteri{position:relative; top:0px; left:0px;}

.akter_preview{
position:relative; top:0px; left:0px;
margin:0 0px 0px 0px;
_margin:0 0px 0px 0px;
  }
  .akter_preview_dark{
  position:relative; top:0px; left:259px;
  margin:0 0px 0px 0px;
  _margin:0 0px 0px 0px;
}

.akter_preview h4, .akter_preview_dark h4{
position:relative; top:0px; left:0px;
width:259px;
font-size:1.0em;
font-weight:normal;
line-height:1.0;
margin:0 0 0 0px;
display:block;
border-left:1px solid #8cb10a;
border-bottom:1px solid #333333;
}
  .akter_preview h4:hover, .akter_preview_dark h4:hover{
  border-left:1px solid #00a3cc;
}

.akter_preview h4 a, .akter_preview_dark h4 a{
font-size:1.0em;
line-height:1.0;
text-decoration:none;
padding:14px 0 13px 50px;
display:block;
background-image:url('../pictures/clear.gif');
background-repeat:no-repeat;
background-position:0px 0px;
background-color:transparent;
  }
  .akter_preview h4 a:hover, .akter_preview_dark h4 a:hover{
  color:#00a3cc;
}

.akter_preview a.akter_img, .akter_preview_dark a.akter_img{
position:absolute; top:0px; left:1px;
height:40px;
width:40px;
background:black;
border-left:0px solid #8cb10a;
display:block;
}

.akter_preview a.akter_img img, .akter_preview_dark a.akter_img img{
border-left:1px solid #000000;
}

/*------------------------------------------------------------------------------
<div class="akter">
  <div class="akter_uvod">
    <a class="miniatura" href="{imgsrc}" rel="lightbox" title="{jmeno}">
      <img src="{imgsrc}" alt="{jmeno}" title="{jmeno}" height="100" width="100" />
    </a>
    <ul>
      <li><strong>Jméno: </strong><span>{jmeno}</span></li>
      <li><strong>Znám jako: </strong><span>{znam}</span></li>
      <li><strong>Charakteristika: </strong><span>{charakteristika}</span></li>
    </ul>
  </div>
  
  
  <div class="akter_text">
    <h3>Ztracenecké realizace</h3>
    <div>{realizace}</div>
    
    <h3>Další působiště</h3>
    <div>{dalsi}</div>
    
    <h3>Odkazy</h3>
    <div>{odkazy}</div>
  </div>
</div>
------------------------------------------------------------------------------*/
.akter{
position:relative;
top:0px;
left:0px;
}

.akter_uvod{
position:relative;
top:0px;
left:0px;
height:100px;
padding:0 0 0 110px;
margin:0 0 20px 0;
}

.akter_uvod a.miniatura{
position:absolute;
top:0px;
left:0px;
padding:0;
margin:0;
background:black;
border:1px solid #8cb10a;
display:block;
  }
  .akter_uvod a.miniatura:hover{
  border:1px solid #00a3cc;
}

.akter_uvod ul{
position:relative;
top:0px;
left:0px;
margin:0px 0px 0px 0px !important;
padding:15px 10px 15px 10px !important;
}

.akter_uvod ul li{
position:relative;
top:0px;
left:0px;
line-height:1.5 !important;
margin:0px 0px 0px 0px !important;
padding:2px 10px 2px 10px !important;
border-bottom:1px dotted #8cb10a !important;
background:transparent !important;
}

.akter_uvod ul li strong{
font-weight:normal;
color:#aaaaaa;
width:120px;
display:block;
float:left;
text-align:left;
}

.akter_text{
position:relative;
top:0px;
left:0px;
}

.akter_text h3{
position:relative;
top:0px;
left:0px;

font-size:1.333em; 
font-weight:normal;
line-height:1.0;
color:#8cb10a;

margin:20px 0px 5px 0px;
padding:4px 0px 4px 0px;
}

.akter_text ul{
position:relative;
top:0px;
left:0px;
padding:15px 10px 15px 10px;
margin:0;
}

.akter_text ul li{
position:relative;
top:0px;
left:0px;
padding:2px 10px 2px 10px;
margin:0;
}

/*------------------------------------------------------------------------------
<div class="fotogalerie">
  <h3>{subtitle}</h3>
  
  <div>
    <!-- BEGIN: toppic -->
    <a class="miniatura" href="{url}" rel="lightbox[fotogalerie{fgid}]" title="{popis}">
      <img src="{imgsrc}" alt="{title}" title="{popis}" />
    </a>
    <!-- END: toppic -->
    <div class="resetovac"></div>
  </div>
  
  <div>{content}</div>
  
  <div>
    <!-- BEGIN: pic -->
    <a class="miniatura" href="{url}" rel="lightbox[fotogalerie{fgid}]" title="{popis}">
      <img src="{imgsrc}" alt="{title}" title="{popis}" />
    </a>
    <!-- END: pic -->
    <div class="resetovac"></div>
  </div>

</div>
------------------------------------------------------------------------------*/
.fotogalerie{
position:relative;
top:0px;
left:0px;
}

.fotogalerie h3{
position:relative;
top:0px;
left:0px;

font-size:1.333em; 
font-weight:normal;
line-height:1.0;
color:#8cb10a;

margin:0px 0px 20px 0px;
padding:0px 0px 0px 0px;
}

.fotogalerie div.top_miniatury{
margin:0 0px 20px 142px;
}

.fotogalerie div.miniatury{
position:relative;
top:0px;
left:24px;
margin:20px 0px 20px 0px;
}

.fotogalerie a.miniatura{
position:relative;
top:0px;
left:0px;
margin:3px;
padding:5px;
background:black;
border:1px solid #8cb10a;
display:block;
float:left;
  }
  .fotogalerie a.miniatura:hover{
  border:1px solid #00a3cc;
}

.fotogalerie a.miniatura img{
position:relative;
top:0px;
left:0px;
margin:0;
padding:0;
border:none;
display:block;
}

/*------------------------------------------------------------------------------
<div class="foto_vypis">
<!-- BEGIN: one -->
  <div class="foto_preview">
    <h3><a href="{url}" title="{title}">{title}</a></h3>
    <a class="foto_sub">{subtitle}</a>
    <!-- BEGIN: img -->
    <a class="foto_img" href="{url}" title="{title}"><img src="{src}" alt="{title}" height="60" width="60" /></a>
    <!-- END: img -->
  </div>
<!-- END: one -->
</div>
------------------------------------------------------------------------------*/
.foto_vypis{
position:relative;
top:0px;
left:0px;
}

.foto_preview{
position:relative;
top:0px;
left:0px;
height:60px;
margin:0px 0px 5px 0px;
padding:0px 0px 0px 0px;
}

.foto_preview h3{
position:relative; top:0px; left:0px;
font-size:1.0em;
font-weight:normal;
line-height:1.0;
margin:0 0 1px 0;
padding:0 0 0 0;
display:block;
z-index:100;
}

.foto_preview h3 a{
font-size:1.333em;
line-height:1.0;
text-decoration:none;
width:449px;
padding:5px 0 39px 70px;
background-image:url('../pictures/clear.gif');
background-repeat:no-repeat;
background-position:0px 0px;
background-color:transparent;
border-left:1px solid #8cb10a;
display:block;
z-index:100;
  }
  .foto_preview h3 a:hover{
  color:#00a3cc;
  border-left:1px solid #00a3cc;
}

.foto_sub{
position:absolute; top:30px; left:70px;
text-decoration:none;
line-height:1.0;
color:#fff;
display:block;
}

.foto_preview a.foto_img{
position:absolute;
top:0px;
left:1px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background:black;
border-left:1px solid black;
display:block;
z-index:1;
}














/*------------------------------------------------------------------------------
<!-- footer -->
<div id="footer">
  <div id="footer_center_box">
    <div id="footer_content">
      <div class="left">
        <p>Copyright &copy; 2009 <strong>Ztracená Existence</strong>, All rights reserved.</p>
      </div>
      <div class="right">
        <p>
          &uarr; <a href="#top" title="nahoru">nahoru</a> | 
          <a href="javascript:window.print()">tisk stránky</a> | 
          <a href="{WEB_URL_USED}ztratence/" title="ztratence" >private</a> | 
          realizace: <a class="ext" href="http://www.webappeal.cz" title="webappeal" onclick="window.open(this.href); return false;" onkeypress="window.open(this.href); return false;">webappeal</a>
          <a class="webappeal_sl" href="http://www.webappeal.cz" title="webappeal" onclick="window.open(this.href); return false;" onkeypress="window.open(this.href); return false;"><img src="{SEED_URL_USED}pictures/logo_small.jpg" alt="webappeal" width="45" height="30" /></a>
        </p>
      </div>
    </div>
  </div>
</div>
<!-- footer -->
------------------------------------------------------------------------------*/
div#footer{
position: absolute;
bottom:0;
left:0;
width:100%;
height:auto;
text-align:left;
}

div#footer_center_box{
position:relative;
top: 0px;
width: 950px;
padding:0 13px 0 13px;
margin: 0 auto;
text-align: left;
}

div#footer_content{
position:relative;
top:0;
left:0;
color:#aaaaaa;
height:45px;
padding:0 0 0 0;
margin:0 0 0 0;
}

div#footer_content div{
font-size: .917em;
}

div#footer_content div.left{
position:absolute;
top:0px;
left:0;
}

div#footer_content div.right{
position:absolute;
top:0px;
right:210px;
width:540px;
padding:0 0px 0 0px;
text-align:center;
}
  div#footer_content div.right p{
  text-align:center;
  line-height:1.8;
  padding:0 0 0 0;
  margin:0 0 0 0;
}

div#footer_content a.webappeal_sl{
position:absolute;
top:15px;
right:0px;
width:45px;
height:30px;
padding:0 0 0 0;
margin:0 0 0 0;
display:block;
}

/*------------------------------------------------------------------------------


------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------
-
-
------------------------------------------------------------------------------*/
/*pravidla zakladnich formularovych prvků: form, fieldset, label, textarea, input, select*/
form{
}

label{
}
/*
textarea{
color:#ffffff;
padding: 1px 1px 1px 1px;
background:#333333;
border: 1px solid #8cb10a;
}

input{
color:#ffffff;
padding: 1px 1px 1px 1px;
background:#333333;
border: 1px solid #8cb10a;
}

input.textbox{
color:#ffffff;
padding: 1px 1px 1px 1px;
background:#333333;
border: 1px solid #8cb10a;
}

input.submit{
text-align: center;
color:#ffffff;
line-height: 1.0;
background: #333333;
margin: 10px 0px 0px 0px;
padding: 1px 5px 1px 5px;
border: 1px solid #8cb10a;
cursor: pointer;
}

input.submit:hover{
text-align: center;
color:#ffffff;
line-height: 1.0;
background: #f0f0f0;
margin: 10px 0px 0px 0px;
padding: 1px 5px 1px 5px;
border: 1px solid #333333;
cursor: pointer;
}

select{
width: 200px;
font-family: arial, sans-serif, tahoma, charter, verdana;
font-size: 11px;
margin: 0px 0px 0px 0px;
padding: 1px 1px 1px 1px;
border: 1px solid #8cb10a;
}


span.error{
font-size: 11px;
font-weight:normal;
line-height:1.0;
color:#FF3909;
margin: -1px 0px 0px 0px;
padding: 0px 0px 3px 0px;
display: block;
}
*/







.form_blok, .form_bblok{
margin:0 0 10px 0;
}
.form_blok div, .form_bblok div{
margin:0 0 3px 0;
}

.dsubmit, .formatovani{
padding:0 0 0 120px;
}

/*pravidla zakladnich formularovych prvků: form, fieldset, label, textarea, input, select*/
form{
font-size:1.0em;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

label{
font-size:1.0em;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.form_blok label{
width:120px;
display:block;
float:left;
}

textarea{
font-family: arial, sans-serif, tahoma, charter, verdana;
font-size:1.0em;
color:#ffffff;
margin: 0px 0px 0px 0px;
padding: 1px 1px 1px 1px;
background:#333333;
border: 1px solid #8cb10a;
}

input{
font-size:1.0em;
color:#ffffff;
margin: 0px 0px 0px 0px;
padding: 1px 1px 1px 1px;
background:#333333;
border: 1px solid #8cb10a;
}

input.kkod{
float:left;
}

img.kkod{
padding:1px 5px 1px 5px;
}


/*melo by to být to samé co input*/
input.textbox{
font-size:1.0em;
color:#ffffff;
margin: 0px 0px 0px 0px;
padding: 1px 1px 1px 1px;
background:#333333;
border: 1px solid #8cb10a;
}

/*tlacitko sede*/
input.submit{
font-size:1.0em;
text-align: center;
color:#ffffff;
line-height: 1.0;
/*background: #000;*/
margin: 10px 0px 0px 0px;
padding: 1px 5px 1px 5px;
/*border: 1px solid #8cb10a;*/
cursor: pointer;

background:transparent;
border:none;
}

input.submit:hover{
font-size:1.0em;
text-align: center;
color:#ffffff;
line-height: 1.0;
background: #000;
margin: 10px 0px 0px 0px;
padding: 1px 5px 1px 5px;
border: 1px solid #8cb10a;
cursor: pointer;
}

select{
width: 150px;
font-family: arial, sans-serif, tahoma, charter, verdana;
font-size:1.0em;
margin:0px 0px 0px 0px;
padding:1px 1px 1px 1px;
background:#333333;
border: 1px solid #8cb10a;
}


.prispevky{
margin:20px 0 0 0;
padding:0;
}

.prispevek{
margin:0 0 10px 0;
padding:0;
}

.prispevek div.info{
line-height:1.0;
padding:5px;
margin:0 0 10px;
background:#333333;
border:1px solid #8cb10a;
}

.prispevek div.info span{
background:#333333;
}

.prispevek div.info span.autor{
color:#8cb10a;
font-weight:bold;

}

.prispevek p.text{

}

.prispevek p.text img{
padding:0 2px 0 2px;
display:inline;
}