/* ----------------------------- css napsal: Petr Boček - EXPANSE s.r.o. ----------------------------------------------*/
body      { background: #CCCDDB; font-family: Verdana, Arial, sans-serif; font-size: 10px; 
            color: black; text-align: center; margin-top: 0px; margin-left: 0px; margin-bottom: 0px; }
p         { text-decoration: none; font-size: 12px;  font-weight: normal; color: black; font-family: Verdana, sans-serif; } 
.mini     { text-decoration: none; font-size: 10px;  font-weight: normal; color: black; font-family: Verdana, sans-serif; } 
b         { text-decoration: none; font-size: 12px;  font-weight: bold; color: black; font-family: Verdana, sans-serif;} 
.vel      { font-size: 13px; font-weight: normal; color: black; font-family: Verdana, sans-serif;} 

#menu a {
  position: absolute;
  height: 18px;
  width: 45px;
  top: 12px; 
  text-decoration: none;
  }
#menu a i { visibility: hidden; }
a#cz { left: 10px; }
a#de { left: 65px; }
a#uk { left: 120px; }


  
#main    { background: url(../img/bg_main.gif) repeat-y; width: 701px; height: 100%; border: 0px solid black; margin: auto; margin-top: 0px; }
#obal    { width: 701px; height: 249px; position: relative; top: 0px; left: 0px; border: 0px solid red; margin: auto; }           
#top01   { background: url(../img/top01.gif) no-repeat; width: 701px; height: 130px; float: left; position: relative; top:   0px; left: 0px; border: 0px solid red; }
#top02   { background: url(../img/top02.gif) no-repeat; width: 701px; height:  23px; float: left; position: relative; top: 0px; left: 0px; border: 0px solid red; }
#top03   { background: url(../img/top03.gif) no-repeat; width: 701px; height:  96px; float: left; position: relative; top: 0px; left: 0px; border: 0px solid red; }

#obsah   { background: url(../img/bg_main.gif) repeat-y; width: 701px; height: 100%; position: relative; top: 0px; left: 0px; border: 0px solid black; 
           margin: auto; text-align: center;}
#obsah2  { background: url(../img/bg_main.gif) repeat-y; width: 701px; height: 2100px; position: relative; top: 0px; left: 0px; border: 0px solid black; 
           margin: auto; text-align: center;}
#file    { background: white; width: 680px; height: 600px; position: relative; top: 0px; left: 0px; border: 0px solid green; 
           z-index: 3000; margin: auto; text-align: left; }
#kosik    { background: url(../img/bg_main.gif) repeat-y; background: white; width: 701px; height: 1000px; position: relative; top: 0px; left: 0px; border: 0px solid green; 
           z-index: 3000; margin: auto; text-align: left; }
#kosik2    { background: white; width: 680px; height: 1000px; position: relative; top: 0px; left: 0px; border: 0px solid green; 
           z-index: 3000; margin: auto; text-align: left; }

		   
#file_prod  { background: white; width: 701px; height: 600px; position: relative; top: 0px; left: 0px; border: 0px solid green; 
           z-index: 3000; margin: auto; text-align: left; }  
#file_ind   { width: 600px; height: 600px; position: absolute; top: 0px; left: 0px; border: 0px solid green; 
           z-index: 3000; margin-left: 200px; margin-top: 40px; text-align: left; float: left; }           
 
.pruh     { width:  383px; height: 80px; background: none; position: relative; top: 0px; left: 0px; }                    
.ind01    { width:  182px; height: 312px; border: 0px solid white; position: relative; top:  40px; left: 20px; float: left;   }
.obtek    { width:  390px; border: 0px solid red; position: relative; top:  0px; left: 20px; font-size: 13px; padding-left: 30px; float: left; text-align: left;}
.obtek2   { width:  660px; border: 0px solid red; position: relative; top:  0px; left: 20px;  float: left; text-align: left;}

#top04   { background: url(../img/top04.gif) no-repeat; width: 698px; height: 31px; position: relative; top: 0px; left: 0px; 
           border: 0px solid red;  margin: auto; }

#men1, #men2, #men3, #men4, #men5 { background: none; height: 20px; float: left; border: 0px solid red; z-index: 2000;}
#men1    { position: absolute; top: 0px; left:  20px; }
#men2    { position: absolute; top: 0px; left: 145px; }
#men3    { position: absolute; top: 0px; left: 270px; }
#men4    { position: absolute; top: 0px; left: 450px; }
#men5    { position: absolute; top: 0px; left: 600px; }
          
a.hm, a.mh:hover { text-align: right; text-decoration: none; font-size: 17px; font-family: Verdana, sans-serif; 
                   font-weight: bold; }
a.hm             { color: white; }
a.hm:hover       { color: #CCCDDB;  }

a.ll, a.ll:hover { text-align: right; text-decoration: none; font-size: 12px; font-family: Verdana, sans-serif; 
                   font-weight: bold; }
a.ll             { color: #125686; text-decoration: underline; }
a.ll:hover       { color: gray;  }  
/* ---------------------------- odkazy ----------------------------------------------------------------------------*/
/* ---------------------------- HORNÍ PANEL -------------------------------------------------------------------------------------*/
/* ---------------------------- horní menu, datum, čas, svátek ------------------------------------------------------------------*/


input, textarea
         { font-size: 0.9em; color: black; background-color: #E0DFE3; border: 1px solid black; width: 250px; margin: 1px; }

input    {font-family: Verdana, Arial; font-weight: normal; font-size: 0.9em; color: black; height: 12pt; }
textarea {font-family: Verdana, Arial; font-weight: normal; font-size: 0.9em; color: black; }
.point   {cursor: pointer; border-style: solid; width: 123px; margin: 1px; background-color: #125686; color: white; font-weight: bold; }
#forma  { background: none; width: 360px; height: 400px; border: 0px solid red; position: relative; top: 20px; left: 0px; float: left; }
.forma  { text-align: right; text-decoration: none; font-family: Verdana, Arial, sans-serif; font-weight: normal; color: black; }
#popis   { width:  275px; height: 235px; background: none; border: 0px solid red;
           position: relative; top: 20px; left: 30px; text-align: left; float: left; }
.map  { width:  300px; height: 214px; background: none; border: 1px solid black; float: left; margin-left: 30px; }
.map2 { margin-left: 30px; }


.img     { width: 150px; height: 112px; border: 1px solid black; margin-top: 7px; margin-right: 8px; }
.vimg    { width: 500px; height: 375px; border: 1px solid black; }
.vimg2   { width: 375px; height: 500px; border: 1px solid black; }

.tit1    { width:  290px; height: 203px; border: 5px solid #D6D6D6; }

#obr1       { position: absolute; top: 50px; left: 0px; }
#obr2       { position: absolute; top: 50px; left: 225px; }
#obr3       { position: absolute; top: 50px; left: 450px; }

.obr        { width:  200px; height: 133px; background: none; border: 1px solid black; }
#onas2  { width:  650px; height: 200px; background: none; position: absolute; top: 595px; left: 30px; border: 0px solid black; }

#onas3  { width:  650px; height: 400px; background: none; position: absolute; top: 400px; left: 30px; border: 0px solid black; }
#pod1       { position: absolute; top: 110px; left: 50px; }
#pod2       { position: absolute; top: 110px; left: 250px; }
#pod3       { position: absolute; top: 110px; left: 450px; }
.pod        { width:  162px; height: 88px; background: none; border: 1px solid black; float: right; margin-left: 15px; margin-bottom: 5px;}
.obr2       { width:  200px; height: 133px; background: none; border: 1px solid black; float: right; margin-left: 15px; margin-bottom: 5px; }

#onas5  { width:  650px; height: 20px; background: none; position: absolute; top: 400px; left: 30px; border: 0px solid black; }
#onas4  { width:  650px; height: 100px; background: none; position: absolute; top: 595px; left: 30px; border: 0px solid black; }
#obr4       { position: absolute; top: 30px; left: 0px; }
#obr5       { position: absolute; top: 30px; left: 225px; }
#obr6       { position: absolute; top: 30px; left: 450px; }

/* ---------------------------- PRAVÁ ČÁST -------------------------------------------------------------------------------------- */
/* ---------------------------- bookmark, homepage, print, marque, banery TOP, Apek, návštěvnost ---------------------------------*/
.refer  { width: 650px; border: 0px solid red; margin-left: 10px; }
.img2   { width:  80px; height: 59px; border: 7px solid #BDBECC; margin-top: 7px; margin-left: 7px; }
.vimg2  { width: 800px; height: 600px; border: 0px solid black; }
li, ul  { font-size: 10px; color: black; font-weight: normal; list-style-type: square; }