html{ padding: 0 ;  margin: 0 auto ; font-size: 100.1%; min-width: 60em; max-width: 80em; width: 99.9%;}
form {	margin: 2px;	padding: 0.2em; }

img,table { margin: 5px;	border: none; }

body { position: relative; 
top: 0px; 
left: 0px;
 font-family: Helvetica, Verdana;
background-color: #d4f6ac;
background-repeat:no-repeat;

 }
p {   margin: 0; padding: 0;  }
ul {   margin: 0;    padding: 0;    }
li {   margin: 0; list-style: none;        }
h1 { margin: 0; color: #000; font-size: 1.3em; padding: 0.5em; clear: both;}

h2 { margin: 0; color: #000; font-size: 1.1em; font-weight: bold;}
h3 { margin: 0; color: #000; font-style: italic; font-size: 1em; }
h4 { margin: 0; color: #000; font-size: 0.9em; font-weight; bold; }
h5 { margin: 0; color: #000; font-style: italic; font-size: 0.8 em; }
h6 { margin: 0; color: #000; font-size: 1.2em; }
a, a:link { background:inherit; border:none; font-size:inherit; color:#FFF;  font-weight:700; text-decoration:none; text-transform:uppercase;}

a:visited { font-weight:inherit; color:#000;  }
a:hover, a:active, a:focus { background:#999999;  text-decoration:none; }
a:hover img, a:active img, a:focus img {border-bottom:solid;}
a img { border-bottom:medium solid transparent; }
#banner
{
text-align: center;
clear: both;
}

#banner_top
{
text-align: center;
clear: both;
}


#header
{
background-image:url(http://konoptikum.cz/pictures/internal/navi/bg_head.png);
background-position: right center; 
background-repeat:no-repeat;
background-color: #FFF;
position:relative; 
top: 0px;
left:0px; 
width: 100%;


height: 133px;
}



#header .headtxt { color: #FFF; }



#rssfeed
{

position: absolute;
top: 10px;
right: 15px;

}
#rssfeed li
{
float: left;

text-align: center;
color: #FFF;
padding-left: 0.1em;
background-color: #FFF;
}
#rssfeed  li > a 
{
float: left;
padding: 0.25em;
height: 1.5em;
background-color: #71a23a;

}
#header .what
{
text-align: right;
position: absolute; 
top: 80px; 
right: 33px;
color: #FFF;
font-weight: bold;
font-size: 1.5em;
height: 50px;
width: 100%;
}







#navi 
{
background-color: #71a23a;
background-image:url(http://konoptikum.cz/pictures/internal/navi/header_leiste.png);
background-repeat: no-repeat;
width: 100%;
height: 40px;
float: left;
}

#navi p
{
float: left; 
margin:0; padding:0.5em; color:#000; font-size:1.1em; font-weight:600; text-decoration:none; text-transform:uppercase;

}
#header ul { list-style: none; }
#header li { list-style: none; }






#navright 
{

float: left;
width: 22%;
background-color: #ccef96;
}

#navrightout 
{

float: right;
width: 22%;
background-color: #71a23a;
}

.rightcontent 
{
clip: auto;

}
.rightcontent li
{

margin-right: 0.1em;

}
.rightcontent li > p 
{

background-color: #4f880c;
text-transform: uppercase;
          color: #FFF;
font-size: 1.0em;
font-weight: bold;
padding: 0.2em;

text-align: center;
vertical-align: middle;
}

.rightcontent li > h5
{
background-color: #F54;
text-transform: uppercase;
          color: #FFF;
font-size: 1.0em;
font-weight: bold;
padding: 0.2em;

text-align: center;
vertical-align: middle;
  


}

.rightcontent li + li 
{

          color: #000;
font-size: 1.0em;
padding-left: 0.9em;


}

.boxmore 
{
width: 100%;
text-align: center;
background-image:url(http://konoptikum.cz/pictures/internal/navi/pdf-button.png);
background-position: center; 
background-repeat:no-repeat; 

}



#footer 
{

background-color: #ccef96;
color: #5a852b;
height: 50px;
width: 100%;
margin-top: 1em;
float: left;
padding-top: 1em;
padding-left: 1em;
font-size: 0.9em;

}

#footer li  
{
background-color: #FFF;
padding-right: 0.2em;
padding-left: 0.2em;

float: left;
}
#footer li > a
{
padding-right: 0.2em;
padding-left: 0.2em;
background-color: #ccef96;
}

#hotnews 
{
float: left;
width: 54%;
background-color: #FFF;
padding: 0.5em;

}

#hotnews li
{
font-size: 0.9em;
}
#hotnews li > h1 
{
padding: 0.2em;
font-size: 1.3em;
color: #5a852b; 
}

.detailline > li
{
width: 100%;
font-size: 0.75em;
color: #ec0000;
padding: 0.1em;
display: inline;
font-weight: bold;

}


#hotnews a>img
{
padding: 0.1em;
}
#hotnews li>p
{
color: #000; 
text-align: right;
padding-left: 1.0em;
padding-top: 1.4em;
padding-bottom: 0.9em;
padding-right: 1.3em;
float: right;
font-size: 0.8em;
margin-bottom: 3em;
margin-left: 1em;
}

#text_list
{
list-style: none;
display: block;
margin: 10px;
}

.textlist
{
list-style: disc;
margin: 5px;
}


#next_back
{
margin: 10px;
list-style: none;
display: block;
float: left;
width: 99%;
background-color: #e3f9c8;
  border-left-width:0px;  

  border-style:solid;
  border-color:#000;

}

.nextback
{

background-color: #80af49;
width: 30px;
margin: 10px;
float: left;
background-image:url(http://konoptikum.cz/pictures/internal/navi/icon_next.png);
background-repeat:no-repeat;
text-align: center;
}
#next_back a, a:link { background:inherit; border:none; font-size:inherit; color:#000;  font-weight:700; text-decoration:none; text-transform:uppercase;}
#next_back a img { border-bottom:medium solid transparent; }
#next_back a:visited { font-weight:inherit; color:#000;  }
#next_back a:hover, a:active, a:focus { text-decoration:none; background-color:#FFF; }
#next_back a:hover img, a:active img, a:focus img {border: 5px solid #FFF;}





  /* thumbnail list */

    .thumbs ul 
{
      list-style:none;

      margin-right:5px;
      border:10px solid #FFF;	
      padding:2px;
    }
    .thumbs li
{
      list-style:none;
float:left;
      margin:3px;
      border:0px solid #FFF;	
      padding:2px;
    }
    .thumbs a{
      display:block;

      width:100px;
      height:100px;
      line-height:100px;
      overflow:hidden;

      z-index:1;		
      margin-right:5px;

    }

    .thumbs a img{


border: 1px solid #999;

    }
	
    /* mouse over */

    .thumbs a:hover{
      overflow:visible;
      z-index:1000;
      border:10px solid #999;	
	
    }

    .thumbs a:hover img{
      border:1px solid #999;	
      background:#fff;
      padding:2px;
float: right;				
    }	


	
   .thumbs:after, .thumbs:after{
      content:"."; 
      display:block; 
      height:0; 

      visibility:hidden;

    }

 

.infobox {
float: left;
    padding:0.1em;
    border:0em solid #000; 

    }

.infobox .more {
	display:none;
    background-color: #fdf3b3;
  float: left;

    }

.infobox:hover .more {
position: relative;
top: -1.7em;
left: 0em;
	display:block;
    z-index:1;
    width:7em;
    padding:0.2em 0.1em 0.1em;
    border:0.4em solid #fae667;


    }

#search
{
float: right;
padding: 4px;
}

.navitext
{


margin:0; padding:0.5em; color:#000; font-size:1.1em; font-weight:600; text-decoration:none; text-transform:uppercase;

}


	


    .gallery
{


      border:0px;	
      padding:2px;
    }


#gallery .desc { 

position: relative;
top: 1px;
left: 1px;
text-align: center;
}

 .gallery ul
{
      list-style:none;
   float:left;
      margin-right:5px;
 
    }
    .gallery li
{
      list-style:none;
   float:left;
      margin:3px;
      border:10px solid #d7f7b1;	
      padding:2px;
    }
    .gallery a{
      display:block;
      float:left;
      width:100px;
      height:100px;
      line-height:100px;
      overflow:hidden;
      position:relative;
      z-index:1;		
      margin-right:5px;

    }

    .gallery a img{
      float:left;
      position:absolute;
      top:-5px;
      left:-10px;
border: 1px solid #999;

    }
	
    /* mouse over */

    .gallery a:hover{
      overflow:visible;
      z-index:1000;
      border:10px solid #999;		
    }

    .gallery a:hover img{
      border:1px solid #999;	
      background:#fff;
      padding:2px;			
    }	
	
   .gallery:after, .gallery:after{
      content:"."; 
      display:block; 
      height:0; 
      clear:both; 
      visibility:hidden;

    }


    #youtube
{
position: relative;
float: left;
margin: 30px;
      padding:5px;
    }

.comment
{
width: 100%;
background-color: #77a641;
float: left;
position: relative;
}

.desc-left 
{
padding-left: 7px;
padding-top: 5px;
padding-bottom: 5px;
color: #FFF;
font-weight: bold;
float: left;
width: 49%;
}
.desc-right
{
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;

float: right;
font-weight: bold;
text-align: right;
color: #FFF;

}

.comment_text 
{

color: #000; 
padding: 1px 1px 2px 2px;
float: left;
}


.comment_line
{
float: left;
color: #000;
padding: 4px;
}

.backarticle 
{
width: 100%;
text-align: center;
float: left;
position: absolute;
padding-top: 20px;

}
.morecontent_l
{
background-image:url(http://konoptikum.cz/pictures/internal/navi/more-button.png);
background-position: left bottom; 
background-repeat:no-repeat; 
padding-left: 3.0em;
padding-right: 1.0em;
padding-top: 1.0em;
padding-bottom: 1.0em;
color: #FFF;
font-weight: bold;
float: left;
width: 49%;
font-size: 0.7em;

}

.morecontent_r
{
background-image:url(http://konoptikum.cz/pictures/internal/navi/more-button.png);
background-position: right bottom; 
background-repeat:no-repeat; 
padding-left: 3.0em;
padding-right: 1.0em;
padding-top: 1.0em;
padding-bottom: 1.0em;
text-align: right;
font-size: 0.7em;
float: right;
font-weight: bold;

color: #FFF;

}



#commentform 
{

width: 54%;
background-color: #FFF;
padding: 0.5em;
float: left;
}


#commentform li>p
{
font-size: 1.3em;
font-weight: bold;
}padding-right: 3px;

#distri
{
background-color: #FFF;
padding: 0.5em;
float: left;
width: 54%;
}

#distri h1>p
{

font-size: 1.5em;
font-weight: bold;
}
#distri h1
{

font-size: 1.0em;
font-weight: bold;
}

#distri li
{
padding-left: 0.5em;
}



#pgpbox {
	position:relative;
    border:0px solid #000; 
    width:600px;
    padding:5px;
    }

#pgpbox .more {
	display:none;
    }
#pgpbox:hover .more {
	display:block;
    position:absolute;
    z-index:1;
    left:-1px;
    top:-1px;
    width:600px;
    padding:20px 5px 5px;
    border:1px solid #900;
    background-color: #FFF;
    }
	
   .tag-cloud {
padding-left: 0.5em;

            font-size: .7em;
            width: 17em;
            text-align: justify;
          }

          .tag-cloud a {
            text-decoration: none;
          }

          .tag-cloud a:hover {
            text-decoration: underline;
          }


.question { font-weight: bold; font-size: 1.1em; padding: 1px; margin-left: 25px;}
	
	
  .text {font-size: 1em;  padding: 1px;  margin-left: 25px;}