body {
    padding:0;
    margin:0;
    border: 0;
    background: url(img/kreveta.png) top left repeat-x;
    font-size: 12px;
    color: #000000;
    font-family: arial;
  }
  
  .obvod {
    width: 900px;
    margin: auto;
  }
  
  .hlavicka {
    height: 81px;
    width: 100%;
    background: url(img/logo.png) top left no-repeat;
    margin-top: 10px;
  }
  
  .hlavicka-levo {
    width: 600px;
    float: left;
  }
  
  .hlavicka-pravo {
    width: 280px;
    float:right;
    text-align: right;
    color: #FFF;
  }
  
  .both {
    clear:both;
  }
  
  .menu {
    list-style: none;
    padding:0;
    margin:0;
  }
  
  .neaktivni, .aktivni {
    float: left;
    padding:0;
    margin:0;
    background: url(img/menu-unactive.png) center top no-repeat;
    width: 103px;
    text-align: center;
    margin: 2px;
    margin-bottom: 0;
    padding: 5px;
    font-family: tahoma;
    font-size: 14px;
    color:#000000;
    padding-top: 10px;
    padding-bottom: 10px;
    /**font-weight: bold;**/
  }
  
  .aktivni a {
    color: #fefefe;
    text-decoration: none;
  }
  
  .aktivni a:hover {
    text-decoration: underline;
  }
  
  .neaktivni a {
    color: #000000;
    text-decoration: none;
  }
  
  .neaktivni a:hover {
    text-decoration: underline;
  }
  
  .neaktivni {
    background: url(img/menu-active.png) center top no-repeat; 
  }
  
  .link-index {
    border:0;
    width: 300px;
    height: 70px;
  }
  
  .hlavicka input {
    background: #363636;
    border: 1px solid  #494949;
    font-family: arial, tahoma;
    font-size: 12px;
    padding:3px;
    color: #989898;
    width: 110px;
    text-align: right;
  }
  
  
  .hlavicka .submit-login {
    width: 30px; 
    text-align: center; 
    padding-bottom: 2px; 
    padding-top: 2px;
  }
  
  .vyhledavani {
    width: 110px;
    background: #FFFFFF url(img/lupa.png) center right no-repeat;
    border: 1px solid #444444;
    color: #000000;
    width: 160px;
    padding: 3px;
    margin-top: 4px;
  }
  
  .submit, .submit-vyh {
    text-align: center;
    color: #FFFFFF;
    background: url(img/submit.png) center center repeat-x;
    padding:2px;
    border: none;
    
  }
  
  input, textarea {
    background: #FFFFFF;
    border: 1px solid #444444;
    width:90%;
    color: #000000;
    padding: 2px;
    font-size: 12px;
    margin: auto;
    margin-top: 6px;
  }
  
  textarea {
    height: 65px;
  }
  
  .submit-vyh { width: 30px; margin-top: 0px; padding: 2px;  border: 1px solid #333;}
  
  .big-left {
    float: left;
    width: 715px;
    margin-top: 15px;
  }
  
  .big-right {
    float: right;
    width: 175px;
    margin-top: 15px;
  }
  
  .left-part {
    float: left;
    width: 175px;
  }
  
  .right-part {
    float:right;
    width: 530px;
  }
  
  .left-part h3, .big-right h3 {
    color: #e3004b;
    font-family: tahoma;
    font-size: 16px;
    font-weight: bold;
    padding:0;
    margin:0;
    padding-bottom: 3px;
    padding-left: 10px;
    border-bottom: 5px solid #f9eaec;
    margin-bottom: 10px;
    background: none;
  }
  
  .left-part ul, .big-right ul {
    list-style: none;
    padding:0;
    margin:0;
    margin-bottom: 10px; margin-left: 3px;
    }
  
  .left-part li, .big-right li,  .left-part li a, .big-right li a {
    font-size: 12px;
    font-family: arial;
    color: #000000;
    padding:3px;
    margin:0;
    
   padding-left: 0px;
    border-bottom: 1px solid #fbf0f2;
    text-decoration: none;
  }
  
   .left-part li a, .big-right li a {
    border-bottom: none;
   }
  
  .left-part li a:hover, .big-right li a:hover {
      text-decoration: underline;
      border-bottom: none;
    } 
    
    a, .anketa li a, .box a {
      color: #e3004b;
      text-decoration: none;
      border-bottom: none;
    }
    
    
    
    a:hover, .anketa li a:hover, .box a:hover, .text a:hover {
      text-decoration: undeline;
    }
    
    .box {
      display: block;
      font-size: 12px;
      font-family: arial;
      color: #000000;
      padding:3px;
      margin:0;
      padding-left: 10px;
      margin-bottom: 10px;
      line-height: 18px;
    }
    
    .anketa li a  {
      display: block;
      float: left;
      width: 70%
    }
    
    .anketa li span {
      display: block;
      float: right;
      text-align: right;
      width: 30px;
      padding: 0px;
      margin: 3px;
      margin-left:0;
      margin-right:0;
      line-height: 18px;
    }
    
    .anketa li {
      border-bottom: none;
      background: url(img/odrazka.png) center left no-repeat;
      padding: 0px;
      padding-left: 10px;
      padding-bottom: 1px;
      line-height: 18px;
      margin-left: 10px;
    }
    
    .navigace {
      font-size: 12px;
      color: #000000;
      font-family: arial;
      margin-bottom: 15px;
    }
    
    .navigace a {
      text-decoration: underline;
    }
    
    .navigace a:hover {
      text-decoration: none;
    }
    
    .navigace span a {
      text-decoration: none;
      color: #000000;
    }
    
    .obsah {
      background: #f2f2f2;
      display: block;
      width: 100%;
      padding-top: 5px;
      font-size: 12px;
     }
     
     h1, .h1-input {
      font-family: arial;
      margin: 0;
      padding:0;
      font-weight: normal;
      display: block;
      font-size: 20px;
      margin-bottom: 5px;
      margin-top: 3px;
      background: url(img/h1.png) top left repeat-y;
      padding-left: 8px;
     }
     
     h3{
      font-family: arial;
      display: block;
       background: url(img/h3.png) top left repeat-y;
      font-weight: normal;
      margin:0;
      padding:3px; 
      margin-top: 10px;
      font-size: 12px;
      padding-bottom:2px;
    }
    
    .spodni-tabulka {
    margin:0;
    }
    
    h3 span, h1 span, .h1-input {
     color: #d40148;
      background: #fdfdfd;
      padding: 3px;
     
      padding-left: 5px;
      padding-right: 30px;
    }
  
  .precteno {
    display: inline;
    background: url(img/oko.gif) center left no-repeat;
    padding-left: 15px;
  }
  
  
  
  h1 span, .h1-input {
    padding: 3px;
    padding-left: 5px;
    padding-right: 0px;
    color: #d40148;
    display: block;
  }
  
  .admin {
    display: inline;
    padding-left: 50px;
  }
  
  .admin img {
    padding-top: 0px;
    margin-top: 2px;
    display: inline;
  }
  
  *{margin: 0;padding: 0;}
    
    body { behavior: url("csshover3.htc"); font-size:90%;} 
    
    /* menu */
    #admin {width: 15%;float: right; border: none; }
    #admin li {float:left;list-style-type:none; display: inline; font-size: 12px;}
    #admin li a {display:block; height:24px;width: 110px;line-height:24px; text-align:left; text-decoration:none;color:#000;font-size: 12px;  border: none;}
    #admin li ul {display:none;}
    #admin li:hover ul { display:block; position:absolute; font-size: 12px;}
    #admin li:hover ul li { display:block; float:none; height:24px; width: 110px; font-size: 12px;}
    #admin li:hover ul li a {background:#fff; text-align: center;font-size: 12px; opacity: 0.8; border: 1px solid #666;}
    #admin li:hover ul li a:hover {background: #f8c7ce;color:#000000;font-size: 12px; opacity: 0.9 }
    
    .levy-admin {
      float: left;
      width: 85%;
      
    }
    

    .levy-admin ul li img {
      border:0px;
      
    }


    .komentare {
      background: url(img/komentare.png) top center no-repeat;
      color:#FFFFFF;
      padding: 10px;
      padding-left: 12px;
      text-align: center;
      padding-top: 16px;
      padding-bottom: 30px;
      font-size: 20px;
      
    }
    
    .komentare a {
      text-decoration: none;
      color: #FFFFFF;
    }
    
    .obrazek {
      display: block;
      margin: auto;
      /*padding: 5px;
      border-top: 3px double #e3004b;*/
      border: none;
      border-left: none;
      border-right: none;
      border-bottom: none;
      margin-top: 8px;
      width: 530px;
    }
    
    h1 a, h3 a {
      text-decoration: none;
      color: #d40148;
    }
    
    .text {
      font-size: 12px;
      color: #000000;
      font-family: arial;
      display: block;
      padding: 10px;
    }
    
    .pruh {
      display: block;
      width: 100%;
      background: #FFFFFF;
      height: 15px;
      margin-bottom: 5px;
    }
    
    hr {
      border: none;
      border-bottom: 1px solid #f8c7ce;
      padding-top: 5px;
      padding-bottom: 10px;
    }
    
    .tagy {
      margin-top: 15px;
      float: left;
      width: 280px;
    }
    
    .tagy a {
      border: 1px solid #f8c7ce;
      padding: 3px;
    }
    
    .hodnoceni {
      float:right;
      width: 220px;
      text-align: right;
      margin-top: 15px;
    }
    
    .zeleny {
      color: #4fba30;
    }
    
    .cerveny {
      color: #e3004b;
    }
    
    .libi {
      margin-top: 1px;
      margin-left: 10px;
      margin-right: 3px;
    }
   
    .nelibi {
      margin-top: 2px;
      margin-left: 5px;
      margin-right: 3px;
    }
    
    table H3{
      margin:0;
      padding: 0;
      margin-top:10px;
    }
    
    table  {
          width: 80%;
          display: block;
          border: none;
          margin:auto;
    }
    
    .spodni-tabulka, .spodni-tabulka-center {
      font-family: arial;
      font-weight: normal;
      margin:0;
      padding:0; 
      font-size: 11px;
      padding: 5px;
      border-bottom: 1px solid #f8c7ce;
    }
    
    .spodni-tabulka-center {
      text-align: center;
    }
    
    .spodni-tabulka a, .spodni-tabulka-center a {
      display: block;
      width: 100%;
      color: #000000;
      text-decoration: none;
      padding-left: 10px;
    }
    
    .h1-input {
      padding-right: 3px;
      border: none;
    }

.clanek, .perex {
  line-height: 150%;
font-size: 1.2em;
text-align: justify;
padding-left: 15px;
padding-right: 15px;
color: #232323;
} 
    
    .clanek h1 
{
font-family: Arial CE, sans-serif;
Font-variant: Small-caps;
font-size: 150%;
color: #df024c;
}

.clanek h2
{
font-family: Arial CE, sans-serif;
Font-variant: Small-caps;
font-size: 130%;
color: #414141;
margin-top: 10px;
padding-bottom:-15px; 
margin-bottom: -15px;
}



.clanek h3
{
font-family: Arial CE, sans-serif;
font-size: 120%;
color: #df024c; 
margin-top: 10px;
padding-bottom:-15px;
margin-bottom: -15px;
}

.clanek p 
{
text-align: justify; /*Zvažím ejště vlevo, uvidime*/
margin-top: 5px;
margin-bottom: 5px;
line-height: 150%;
font-size: 1em;
}

.clanek i
{
font-style:italic;
}

.clanek b
{
font-weight:bold;
}

.perex
{
font-style:italic;
line-height: 150%;
}

.citace
{
line-height: 120%;
font-size:120%;
font-variant: normal;
padding:20px;
padding-left:120px;
margin:0;
border:1px dashed #df024c;
background: url("gfx/cite.png") #ffcade; /*svšětle ružova, cesta k pozadí prvku - bublina s uvozovkami*/
background-position: top left;
background-repeat: no-repeat;
}

.otazka
{
background: url("gfx/cite.png") #ffcade;
color:#df024c;
font-variant: small-caps;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #df024c;
line-height:120%;
}

.odpoved
{
color: #414141;
background: #fff;
border-bottom: 1px solid #414141;
font-style:italic;
line-height:120%;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 5px;
}

.code
{
     border: 1px dotted #d7d994;
     background: #fdffcc;
padding:10px;
font-family: monospace, courier new, serif;
overflow:auto;
color: #695f0b;
font-size: 0.8em;
text-align:left;
white-space:pre;
}
.code .clanekbr{
  display:none;
}
.clanek img
{
margin-top: 10px;
margin-bottom: 10px;
}

.tip

{

     border: 1px dotted #5cb200;
     background: #d2fea2 url(img/tipico.png) top left no-repeat;
padding:10px;
font-family: verdana;
padding-left: 70px;
color: #274b00;
font-size: 0.8em;

}


.poznamka
{
      border: 1px dotted #2fa0f7;
     background: #e2f2ff url(img/pozn.png) top left no-repeat;
padding:10px;
font-family: verdana;
padding-left: 70px;
color: #007bda;
font-size: 0.8em;
}

.upozorneni
{
        border: 1px dotted #fa2823;
     background: #ffcfcf url(img/pozor.png) top left no-repeat;
padding:20px;
font-family: verdana;
padding-left: 70px;
color: #be0400;
font-size: 0.8em;

}

.contex_slovo
{
text-decoration:none;
border: 1px solid  #df024c;
background: url("gfx/slovnik.png") top right #ffcade; /*cesta k ikonce slovniku */
padding-right:18px;

}
    
.clanekbr {
  
  line-height: 15px; 
}    

.clanek h3 {
  padding-left: 10px;
  border-left:none;
  background: none;
} 

.nostyle a:link,.nostyle a:visited,.nostyle a:hover {
  display: inline;
  width: auto;
}

.nostyle img {
  border: 1px solid #000;
  margin-top: 5px;
}

.nolink {
  display: block;
  text-align: center;
}

.nolink a {
    color: #000000;
    text-decoration: none;
  }
  
  .nolink a:hover {
    text-decoration: underline;
  }