.relevantniclanky img {
 border: 0px;
 margin: 3px;
 width: 50px;
}

.vclbrief img, .clanekHlava img{
 border: 0px;
 margin: 3px;
}

.maintitle{
 height: 100px;
 background-image: url(img/logoback.jpg);
 display: block; 
}

.titlelogo {
 display: block;
 width: 784px;
 height: 100px;
 background-image: url(img/logo.jpg);
 position: absolute;
 left: 0px;
 top: 0px;
}

.novyclanek{
  position: absolute;
  width: 6em;
  right: 0px;
  top: 0px;
  background-color: #ffffff;
  text-align: center;
  padding: 2px;
  border: 1px solid;
}

body
{
  font-family: "Trebushet MS", Tahoma, Arial, heveltica;
  font-size: 15px;
  margin: 0px;
  padding: 0px;
  background-color: #E0E8E0;
  z-index:0;
  background-image: url(img/logodown.jpg);
  background-repeat: repeat-y;
}

.leftmenu
{
width: 156px;
z-index: 1;
position: absolute;
left: 0px;
_left: -160px;
top: 0px;
}

.kategorie 
{ 
background-image: url(img/menuButtTop.gif);
background-repeat: no-repeat;
}

.searchbox{
margin-top: 20px;
background-image: url(img/menuButtTop.gif);
background-repeat: no-repeat;
text-align:center;
}

.searchbox form{
padding: 20px 15px 20px 6px;
background-image: url(img/menuButtBott.gif);
background-position: bottom;
background-repeat: no-repeat;

}

.searchbox input
{
width: 100%;
  -moz-border-radius: 10px;

}

.katnadpis
{
display: block;    
text-align: center;
font-size: large;
height: 30px;

}
.kategorie li
{
list-style: none;
text-align: center;
position: relative;
  _padding: 1px;
position: relative;
background-image: url(img/menuButtCent.gif);
}

.kategorie li.first
{
background-image: url(img/menuButtTop.gif);
padding-top: 10px;
}

.kategorie li span
{
  display:block;
  font-size: x-small;
  position: absolute;
  top:0.6em;
  right:8px;
  color: black; 
  width: 10px;
  height:10px;
  background-image: url(img/menuarrw.gif);
  background-repeat: no-repeat;
}
 li.first span
{ 
  margin-top: 11px;
}

.kategorie hr
{
 display:none;
}

.kategorie ul
{
margin: 0px;
padding: 0px 0px 10px 0px;
/*background-color: #D9D2C3;*/
background-image: url(img/menuButtBott.gif);
background-position: bottom;
background-repeat: no-repeat;
padding-bottom: 15px;
}

.kategorie a
{
  display: block;
  _display: inline;
  _width: 100px;
  width: 145px;
  text-decoration: none;
/*  background-color: #D9D2C3;*/
  color: #800000;
  padding: 2px; 
}

.kategorie a:hover
{
    background-image: url(img/menuSel.gif);
    background-repeat: no-repeat;
    background-position: 3px 4px;
    color: Black;
    text-decoration: none;
    font-weight: bolder;

    
}

.submenu
{
  position: absolute;
  width: 156px;
  right: -145px;
  top: -20px;
/*  border: 2px outset #D6CFBD;*/
  display: none;
  z-index: 1;

}

.contentouter {
  position:relative;
  z-index: 0;
}

.pageContent {
  margin-left: 160px;
  position: relative;


}
.kategorie h2
{
  margin:0px;
  pagging: 0px;
  text-align: center;
}


H3 {
  margin: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.vstup
{
padding: 10px;
border: 1px dotted;
background-color: #F0F0C0;
}

.vstup input.vstupline{
  width: 100%;
  display: block;
}

.vstup textarea{
  width: 100%;
  display: block;
 }
 
.vstupodeslat{
  text-align:center;
 }

.celyclanek{
  padding: 10px;
  margin-right: 20%;
  min-height: 500px;

}

.celyclanek div.iehack{
width: 100%;
position: relative;
}

.celyclanek form{
  text-align: right;
}

input.inadpis, textarea.ipopis, textarea.isekce{
  display:block;
  border: 1px solid black;
  color: black;
  padding: 5px;
  width: 100%;
  height: 300px;
  background-color:white;
  -moz-border-radius: 10px;
  font-family: "Courier",monospace
}

input.inadpis {
  height: 1em;
}

div.isoubor{
  text-align:left;
  border-top: 1px dotted;
  margin-top: 5px;
  padding-top: 5px; 
  border-bottom: 1px dotted;
  margin-bottom: 5px;
  padding-bottom: 5px; 
  background-color: #F0E0D0;
}

label{
  white-space: nowrap;
}

input.basicbutton{
  width: 100px;
}

input.basicbutton2{
  width: 200px;
}



div.clanekKat select{
/*  display: block;*/
  width: 36em;
  margin-right: 2px;
  margin-left: auto;
}


div.clanekKat input.katInput{
  display: block;
  margin-right: 0px;
  margin-left: auto;
  width: 36em;
}

div.clanekKat form{
text-align: right;
}

.sekceOprav {
  display: block;
  width: 4em;
  right: 0px;
  _right: 1em;
  top: 0px;
  position: absolute;
  background-color: white;
  border: 1px solid;
  text-align: center;
  z-index: 10;
}

.sekceOprav a{
  display: block;
  _display: inline;
  background-color: white;
  font-size: smaller;
  text-decoration: none;
  
}

.sekceOprav a:hover{
  background-color: yellow; 
}



p{
  text-indent: 2em;
  margin-left: 2em;
}

ul,ol{
  margin-left: 3em;
}

dl {
  margin-left: 2em;
}

.tableft{
  text-align: left;
}

.tabcenter{
  text-align: center;
}

.tabright{
  text-align: right;
}

pre, code {
  border: 1px solid gray;
  background-color:white;
  padding: 1em;
  display: block;
  width: auto;
  overflow: auto;
  $width: 100%;
  -moz-border-radius: 10px;
  margin-left: 2em;
  font-family: "Bitstream Vera Sans Mono","Fixedsys","Courier",monospace
}

.clanekHlava{
  border-bottom: 1px dotted gray; 
  margin-bottom: 2px;
  position: relative;
}

.clanekHlava p{
  padding: 0px;
  margin: 0px;
  font-style: italic;
  
  }
  
.clanekSekcenic,.clanekSekcerelated,.clanekSekcehtmltext{
  position: relative;
  border-top: 1px dotted gray;
  clear: both;
  display: block;
}

.clanekSekcerelated
{
  padding: 10px;
}


.clanekSekcetext{
  position: relative;
  border-top: 1px dotted gray;
  clear: both;
}

.clanekSekceimg, .clanekSekcevideo{
  display: block;
  float: left;
  position: relative;
  width: 150px;
  text-align: center;  
  padding-top: 1em;
  vertical-align: top;
}

.clanekSekceimginline{
  position: relative;
  text-align: center;  
  clear: both;
  display: block;
}


.clanekSekceimg img{
  width: 100px;
  height: 75px;
  border: 0px;
}

.clanekSekceimg span, .clanekSekcevideo span{
  display: block;
  text-align: center;    
}


.clanekSekcebin,.clanekSekcephpplug,.clanekSekcehidden,.clanekSekcejs,.clanekSekceinline{
  position: relative;
  border-top: 1px dotted gray;
  clear: both; 
  display: block;
}

.clanekSekcebin a.odkaz,.clanekSekcephpplug a.odkaz,.clanekSekcehidden a.odkaz{
  position: absolute;
  display: block;
  width: 200px;
  background-color: #f0f0f0;
}


.clanekSekcebin span,.clanekSekcephpplug span,.clanekSekcehidden span{
  display: block;
  margin-left: 200px; 
  background-color: #e0e0e0;
}



.clanekKat
{
  background-color: #D0E0D0;
  text-align:left;
  padding-right: 100px;
  position: relative;
  display: block;
  -moz-border-radius: 10px;
  border: 1px solid gray;
  margin-left:21em;  
  min-height: 8em;
  $height: 8em;
  padding: 4px; 
  clear: both; 
}

.clanekSekce
{
  position: relative;
  border-top: 2px solid gray;  
  clear: both;
  min-height: 2em;
  display: block;
}

h1 { font-size: 2.6em; font-weight: bold; margin-top: 0.2em; margin-bottom: 0.2em;border-bottom: 1px solid}
h2 { font-size: 2em;  font-weight: bold;margin-top: 0.2em; margin-bottom: 0.2em;}
h3 { font-size: 1.5em; font-weight: bold;margin-top: 0.2em; margin-left: 0.5em; margin-bottom: 0.2em;}
h4 { font-size: 1.2em; font-weight: bold;margin-top: 0.2em; margin-left: 1em; margin-bottom: 0.2em;}
h5 { font-size: 0.9em; font-weight: bold;margin-top: 0.2em; margin-left: 2em; margin-bottom: 0.2em;}
h6 { font-size: 0.8em; font-weight: bold;margin-top: 0.2em; margin-left: 3em; margin-bottom: 0.2em; background-color: #FFFFEF;}


.imgnav{
  position: relative;
  height: 89px;
  background-image: url(img/navbarbgr.gif);
  margin-left: 100px;
  margin-right: 100px;
}

.imgnav .prev{
  width: 103px;
  position: absolute; 
  left: -100px;
  top: 0px;
  padding: 20px;

  text-align: left;
}

.imgnav .prev span{
  display:block;
  position: absolute;
  width: 103px;
  height: 89px;
  left: 0px;
  top: 0px;
  background-image: url(img/navbarleft.gif);
}

.imgnav .zpet{
  width: 122px;
  height: 54px;
  margin-left: auto;
  position: relative;
  margin-right: auto;
  background-image: url(img/navbarcenter.gif);
  padding-top:35px;
  text-align: center;
}



.imgnav .next{
  width: 103px;
  position: absolute; 
  right: -100px;
  top: 0px;
  padding: 20px;
  text-align: right;
}

.imgnav .next span{
  display:block;
  position: absolute;
  width: 103px;
  height: 89px;
  right: 0px;
  top: 0px;
  background-image: url(img/navbarright.gif);
}

.imgcontent {
  text-align:center;
}

.diskuze input{
  width: 100%;
}

.diskuze textarea {
  width: 100%;   
}

.diskuzeobsah div{
  border-top: 1px dotted gray;
  border-bottom: 1px dotted gray;
  background-color: #f8f8A0;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 5px;
  padding-left: 10em;
  margin: 5px; 
  position: relative;
}

.diskuzeobsah em{
  display: block;
  position: absolute;
  left: 5px;
  _left: -9.5em;
  top: 10px;
  width:9em;
}

.diskuzeobsah h2{
  font-size: 1em;
}

.diskuzeobsah cite{
  font-style: normal;
}

.diskuze{
  text-align: center;
}

.diskuze table{
  margin-left: auto;
  margin-right: auto;
}

.error{
  color: red;
  font-size: larger;
  font-weight: bold;
}



.vclanek{
  padding-left: 1em;
  padding-right: 1em;
  margin-right: 1em;
  padding-bottom: 0.5em;
  border-top: 1px solid #404040;
  border-left: 1px solid #404040;
  border-right: 3px solid #404040;
  border-bottom: 2px solid #404040;
  background-color: #f8f8f8;
  -moz-border-radius: 10px;
}
.vclnadpis{
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  padding: 0px;
  font-size: 1.2em;
}


.popiskat{
  margin-right: 1em;
  background-color: #c8d0c8;
  padding: 0.5em;
  border: 1px outset white; 
}

.popiskat h2{
  margin: 0px;
  margin-bottom: 10px;
  padding: 0px;
}

.popiskat .popispopis{
  border-left: 2px solid #c00000; 
  padding: 0.1em;
  
}
.popiskat p{
 text-indent: 1em;
  margin: 0.5em;
}

ul.subkatlist{
  padding-top: 2px;
  padding-bottom: 2px;
  margin-left:0px;
  margin-right: 1em;
  background-color: #D9D2C3;    
  margin-top: 0px;
  border: 1px outset white;
}

ul.subkatlist li{
  list-style-type: none;
  display: inline;
  margin-left: 10px;
  margin-right: 10px
}

ul.subkatlist li a,*.clanekKat span.onekat a{
  border: 1px hidden;
  padding: 2px;
  }
  
ul.subkatlist li a:hover,*.clanekKat span.onekat a:hover{
  border: 1px outset white; 
}


a{
  font-weight: norma;;
  text-decoration: none;
  color: #B00000
}

a:hover{
  color: #00A080;
  text-decoration: underline;
}

ul.subkatlist li a:active,*.clanekKat span.onekat a:active{
  border: 1px inset white; 
}

.mapawebu{
  border-top: 1px dotted gray;
  position: relative;
}


.mapawebu span{
  display: block;
  position: relative;
  left: 0px;
  top: -1em;
  margin-left: 200px;
  margin-bottom: -1em;
}

.sekceRss
{
  text-align: right;
  border-top: 2px solid gray; 
  margin-right: 1em;
}

.sekceRss a
{
 float: right;
 width: 5em;
 border: 2px outset #FFA000;
 color: white;
 font-weight: bold;
 text-align: center;
 background-color: #FFA000;
 -moz-border-radius: 10px;
}

.sekceRss a:active{
 border: 2px inset #FFA000;
 padding-top: 2px;
 padding-bottom: -2px;
}

.algnRight{
  text-align: right;
  text-indent: 0em;
}

.algnLeft{
  text-align: left;
  text-indent: 0em;
}

.algnCenter{
  text-align: center;
  text-indent: 0em;
 
}

.algnJustify{
  text-align: justify;
}

blockquote{
  margin-left: 1em;
  border-left: 2px solid black;
  padding-left: 1em;
}

dt {font-weight: bold;}

ul.pagenav{
  margin-right: 1em;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-left: 0;
  padding-top: 0; 
}

ul.pagenav li{
  list-style: none;
  width: 25%;
  padding-top: 0;
  margin-top: 0;

}

li.pageprev{
  text-align:left;
  float:left;
}

li.pagenext{
  text-align: right;
  float: right;  
}

form{
 margin: 0;
 padding: 0;
}

div.imgpopis{
 margin-bottom: 10px;
 border-bottom: 1px dotted gray;
 width: 640px;
 margin-left: auto;
 margin-right: auto;
}

.selflink{
  float: right;
  width: 7em;
  text-align:center;
  font-size: smaller;
  background-color: #D8E8D8;
}

.selflink a{
  text-decoration: none;  
}

.selflink a:hover{
  background-color: #ffff00;
}

.optimizeimgs {
 border: 1px solid;
 margin : 20px;
 padding: 20px;
 text-align:center;
 background-color: #FFFFF0;
}

.optimizeimgs img{
  border: 2px solid;
}

.refer tr{
 background-color: #F0F0E0;
}

.refer th{
 border-bottom: 1px solid black ;
} 

.refer tr:hover{
 background-color: #FFFFFF;
}

.refer .cent{
 text-align:center;
}

.relevantniclanky{
  right: 0px;
  top: 4em;
  position: absolute;
  width:20%;
  z-index:99;    
}

.relevantniclanky h2{
  font-size: 1em;
  border: 1px solid gray;
  padding: 4px; 
  margin: 0px;
  background: rgb(230,250,250);
  text-align: center;
  -moz-border-radius: 10px;
  
}

.relevantniclanky h3{
  font-size: 12px;
  margin: 0px;
  padding: 0px;
  padding-bottom: 10px;
  text-align: center;
}

.relevantniclanky div{
  font-size: 12px;
  border: 1px solid gray;
  text-align: justify;
  padding: 4px;
  margin-top: -1px;
  background: rgb(240,250,204);
  -moz-border-radius: 10px;
  position: relative
  
}

div#adfox-l2{
border-style: none none none none;
  padding: 0px;
  background-color: #E0E8E0;
  
}

div#adfox-l2 h2
{
position: absolute;
width: 100%;
bottom: -1.2em;
right: 0px;
text-align: right;
border-style: none none none none;
  background-color: #E0E8E0;
color:white;
padding:0px;
padding-right: 5px;
-moz-border-radius: 0px;
font-family: Verdana,monospace;
font-weight: normal;
}
div#adfox-l2 h2 a
{
  font-size: 12px;
}

div#adfox-l2 h2,div#adfox-l2 h3,div#adfox-l2 p{
  font-size: 12px;
}

div.adfox-box div {
border-style: none none none none;
  padding: 0px;
  font-size: 10px;
}

div#adfox-l2 p{
  display:inline;
}
 div.adfox-box
{
}

.hodnoceni
{
  text-align: center; 
  border: 1px solid gray;
  text-align: justify;
  padding: 4px;
  background: rgb(240,250,255);
  -moz-border-radius: 10px;
  width: 20em;
  z-index:100;
  position: absolute;
  bottom: 0px;
  left: 0px;
  min-height: 8em;
}


.hodnoceni .odeslat{
  position: absolute;
  width: 6em;
  bottom: 4px;
  right: 4px;
  display: block;
}

.hodnoceni ul
{
 margin: 0px;
 padding-left: 15px;
 text-align: left;
}

.hodnoceni li
{
 font-weight: bold;
 font-size: smaller;
 list-style: none;
}

.hodnoceni label
{
 padding-right: 0.5em;
 font-weight: normal;
 font-size: larger;
}

.text {
 position: relative;
 #width:100%;
}

.onekat {
 display: block;
 padding-left: 50px;
}

.iehack {
 position: static;
}

.hodniehack {
 position: relative;
 height: 8em;
}

.cistic {
  clear: both;
}

.vclinfo, iframe {
clear:both;
}

.vclkatlist {
   font-size: smaller;
}

.vclinfo{

}

.vclcinfo{
}

.vclcreate, .vclmodify{
   float: right;
   width: 15em;
   text-align:right;
   font-style: italic;
}

.vclcreate b{
   color: red;
   font-weight:normal;
}

.vclmodify b{
  color: blue;
  font-weight:normal;
}
.endclear {
  clear: both;
}

a.vlozitPrispevek {
  display:block;
  width: 20em;
  padding:10px;
  border: 1px solid;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
  -moz-border-radius: 12px;
}


input.openid {
  padding-left: 20px;
  background-image: url(img/openid.gif);
  background-repeat: no-repeat;
  background-color: white;
  background-position: left center;
  font-weight: bold;
  min-width: 20em;  
}

div.userinfo {
  width:540px;
  height:250px;
  background-image: url(img/openidbk.gif);
  padding-left: 50px;
  padding-top: 100px;
  padding-right: 50px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2em;
  overflow-y: auto;
}
div.userinfo div {
  margin-top: 10px
}

form.userinfo {
  width:640px;
  margin-left: auto;
  margin-right: auto;
  
}

.vclaneknahled {
  width:100px;
  height: 75px;
  float:left;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  
}

.vclthumb {
  width:100px;
  height: 75px;
  float:right;
  margin-left: 10px;
}