body {
      text-align: center;
      margin: 0 0 0 0;
      color: #333333; 
      font-family: Verdana;
      font-size: 12px;
      
      }


h1 {  
         font-family: Arial; 
         font-size: 15px;
         margin: 0 0 0 0;
         padding: 3px 0 18px 0;
   }
h1.inzert {     color: #000000;
         font-family: Arial; 
         font-size: 13px;
         margin: 0 0 0 0;
         padding: 2px 0 0 0;
   }

h2 {     color: #333333;
         font-family: Arial;
         font-weight: normal; 
         font-size: 14px;
         margin: 18px 0 10px 0;
   }
h2.inz { color: #333399;
         font-family: Arial; 
         font-size: 12px;
         font-weight: normal;
         margin: 4px 0 0 0;
   }

h2.titlepage {color: #333333;
         font-family: Arial; 
         font-size: 11px;
         font-weight: normal;
         margin: 10px 0 5px 0;
   }


h3 {     color: #333333;
         font-family: Verdana; 
         font-size: 11px;
         font-weight: normal;
         margin: 10px 0 10px 0;
   }
h4 {     color: #333333;
         font-family: Arial; 
         font-size: 11px;
         font-weight: normal;
         margin: 4px 0 0 0;
   }
h5 {     color: #333333;
         font-family: Arial; 
         font-size: 9px;
         font-weight: normal;
         margin: 4px 0 0 0;
   }

.red {color: red;}
.bckred {background-color: red;}
.orange {color: #ff6600;}
.grey {color: #999999;}
.white {color: white;}
.blue {color: #336699;}
.gold {color: #ffcc00;}
.silver {color: silver;}
.code {color: #666666; font-style: italic; text-align: left;}

.inz {font-size: 10px; font-family: Verdana; color: white;}

a.url {text-decoration: none; color: #000000; font-size: 12px;}
a.url:hover {color: #ff0000;}

a.url-box {text-decoration: none; color: #336699; font-size: 10px;}
a.url-box:hover {color: #000099;}

a.url-sub {text-decoration: none; color: #666666; font-size: 11px;}
a.url-sub:hover {color: #ff6600;}

a.url-nadpis {text-decoration: none; color: white; font-size: 11px;}
a.url-nadpis:hover {color: #ffff66;}

a.MenuUzivatel {text-decoration: none; color: orange; font-size: 11px;}
a.MenuUzivatel:hover {color: black;}

a.context {text-decoration: none; color: #0000ff; font-size: 11px; font-weight: bold;}
a.context:hover {color: red;}
a.context1 {text-decoration: underline; color: red; font-size: 11px; font-weight: bold;}
a.context1:hover {color: green;}

       
input, select, texarea
       {
        font-size: 11px;
        border: 1px #e0e0e0 solid;
        font-family: Verdana;
       }

form {
      padding: 0 0 0 0;
      margin: 0 0 0 0;
     }

ul {
    padding: 0 0 0 12px;
    margin: 0 0 0 12px;
   }
li {font-size: 11px;}

.search {font-size: 10px;}

#all
     {
      text-align: center;
      margin-left: auto;
      margin-right: auto;
      width: 980px;
      height: auto;
      display: block;
     }

#zahlavi
     {
      width: 980px;
      height: 80px;
      display: block;
     }

#logo
     {
      float: left;
      width: 305px;
      height: 80px;
     }

#logo-r
     {
      float: left;
      text-align: right;
      width: 675px;
      height: 80px;
     }

#lista
     {
      float: left;
      text-align: right;
      width: 980px;
      height: 20px;
      background-color: #f0f0f0;
      display: block;
     }

#listaKl
     {
      text-align: right;
      width: 980px;
      height: 20px;
      background-color: #f0f0f0;
      clear: both;
      display: block;
     }
.listaKlBunka
     {
      float: left;
      text-align: center;
      vertical-align: middle;
      margin: 0 2px 0 2px;
      width: 94px;
      height: 40px;
      background-color: #f0f0f0;
      display: block;
     }

.LiMenu
     {
      text-align: left;
      margin: 0 0 0 0;
      padding: 2px 0 0 14px;
      width: 166px;
      height: 18px;
      background-image: url(../images/bckmenu.gif);
     }

.LiMenuSub
     {
      text-align: left;
      margin: 0 0 0 0;
      padding: 0 0 0 20px;
      width: 160px;
      height: 16px;
      background-image: url(../images/bckmenusub.gif);
     }

#listaKld
     {
      text-align: center;
      width: 980px;
      height: 20px;
      background-color: #f0f0f0;
      clear: both;
      display: block;
     }

#body
     {
      width: 980px;
      height: 100%;
      background-image: url(../images/body-back.gif);
      background-repeat: repeat-y;
      display: block;
     }

.menu-sl
     {
      float: left;
      width: 180px;
      height: auto;
      display: block;
     }

.menu-sl-in
     {
      text-align: left;
      padding: 0 0 0 0;
      width: auto;
      height: auto;
      display: block;
     }


#body-sl
     {
      float: left;
      text-align: left;
      width: 620px;
      height: auto;
      display: block;
     }

#body-in
     {
      float: left;
      text-align: left;
      padding: 10px 10px 30px 10px;
      width: auto;
      height: auto;
      display: block;
     }

.oddel-box
     {
      text-align: justify;
      width: 596px;
      margin: 15px 0 0 0;
      background-color: #f0f0f0;
      border: 1px #e0e0e0 solid;
      height: auto;
      display: block;
      clear: both;
     }

.FotoBox
     {
      float: left;
      background-color: #f0f0f0;
      border: 1px solid #cccccc;
      text-align: left;
      padding: 0 0 0 0;
      width: 596px;
      height: auto;
      margin: 5px 0 0 0;
      display: block;
      clear: both;
     }
.FotoBox input {font-size: 9px; font-family: Arial;}

#FotoBoxAll
     {
      width: 596px;
      height: auto;
      display: block;
      clear: both;
     }
.FotoBoxSmall
     {
      float: left;
      text-align: center;
      background-color: #f0f0f0;
      border: 1px solid #cccccc;
      padding: 0 0 0 0;
      width: 190px;
      height: 160px;
      margin: 10px 5px 0 0;
      display: block;
     }
.FotoBoxSmall img {border: 1px solid black;}

.FotoBoxSmallTitle
     {
      text-align: center;
      background-color: #CCCCCC;
      width: 190px;
      height: 15px;
      padding: 0 0 0 0;
      margin: 0 0 10px 0;
      display: block;
     }

.FotoInfo
     {
      float: right;
      text-align: left;
      padding: 5px 5px 0 0;
      width: 310px;
      height: auto;
      margin: 0 0 0 0;
      display: block;
     }
.FotoBoxFoto
     {
      float: left;
      text-align: left;
      padding: 0 0 0 0;
      width: 240px;
      height: auto;
      margin: 0 0 0 0;
      display: block;
     }


.oddel-box-poptavka
     {
      text-align: justify;
      width: 596px;
      margin: 15px 0 0 0;
      background-image: url(../images/poptavka-back.gif);
      background-repeat: repeat-x;
      background-color: #f0f0f0;
      border: 1px #e0e0e0 solid;
      height: auto;
      overflow: auto;
      display: block;
      clear: both;
     }

.oddel-box-vymena
     {
      text-align: justify;
      width: 596px;
      margin: 15px 0 0 0;
      background-image: url(../images/vymena-back.gif);
      background-repeat: repeat-x;
      background-color: #f0f0f0;
      border: 1px #e0e0e0 solid;
      overflow: auto;
      height: auto;
      display: block;
      clear: both;
     }

.oddel-box-in
     {
      padding: 1px 10px 7px 10px;
     }

.oddel-box-nabidka img
     {
      border: 1px solid #999999;
      margin: 5px 1px 3px 0;
     }
.oddel-box-poptavka img
     {
      border: 1px solid #999999;
      margin: 5px 1px 3px 0;
     }

.oddel-box-vymena img
     {
      border: 1px solid #999999;
      margin: 5px 1px 3px 0;
     }

.oddel-box-noborder img
     {
      border: 0;
      margin: 0 0 0 0;
     }


.index-inzert-box
     {
      float: left;
      text-align: justify;
      width: 176px;
      height: auto;
      margin: 7px 5px 5px 0;
      padding: 5px 7px 5px 0;
      display: block;
     }

.nav-lista
     {
      text-align: left;
      width: 596px;
      margin: 10px 0 0 0;
      background-color: #F0F0F0;
      border: 1px #cccccc solid;
      height: auto;
      display: block;
      clear: both;
     }

#foot
     {
      width: 980px;
      height: 20px;
      background-image: url(../images/foot.gif);
      background-repeat: repeat-x;
      clear: both;
     }

img.zavinac
     {
      border: 0px;
      padding: 0 0 0 0;
      margin: 0 0 0 0;
     }

.kod-box
     {
      width: 596px;
      background-color: #f0f0f0;
      border: 1px #e0e0e0 solid;
      height: auto;
      clear: both;
     }

.center{text-align: center;}
.justify{text-align: justify;}
.right{text-align: right;}
.clear-both
     {clear: both;}

a.tooltip {
	cursor: help;
	z-index: 0;
	position:relative;
}

a.tooltip em {
	display: none;
	font-style:normal;
}

a.tooltip:hover {
	font-size: 100%;

}
a.tooltip:hover em {
	display: block !important;
	position: absolute;
	top: 30px;
	left: 50px;
	width: 300px;
	background: #ffff33;
	color: #000000;
	border: black 1px solid;
	padding: 10px;
	text-decoration: none;
	z-index: 10;
	font-size: 90%;
}
a.tooltip span {
	display: none;
}

.tooltip-header {
            color: white;
            background:#404040;
            font-family:arial;
            font-size:12px;
            font-weight:bold;
            border:1px solid black;
            padding:1px;
            width:150px;
         }
.tooltip-body {
            color: black;
            background:#ffff33;            
            font-family:arial;
            font-size:11px;
            border-left:1px solid black;
            border-right:1px solid black;
            border-bottom:1px solid black;
            padding:1px;
            width:150px;
         }
.foto-header {
            background:#ffff33;
            font-family:arial;
            font-size:12px;
            font-weight:bold;
            border:1px solid black;
            padding:0px;
            width:300px;
         }
.foto-body {
            border-left:1px solid black;
            border-right:1px solid black;
            border-bottom:1px solid black;
            padding:0px;
            width:300px;
         }