/* ----------------------------- css by: Petr Boček - 4ART Ltd. ----------------------------------------------*/
body      { background: #94979B; font-family: Verdana, Arial, sans-serif; font-size: 10px; 
            color: black; text-align: center; margin-top: 0px; margin-left: 0px; margin-bottom: 0px; }
            
#main    { width: 881px; height: 100%; border: 0px solid black; margin: auto; margin-top: 0px; }
#main2   { width: 400px; height: 258px; border: 0px solid black; margin-top: 0px; margin-left: 0px; }
#obal    { width: 881px; position: relative; top: 0px; left: 0px; border: 0px solid red; margin: auto; }           
#top01   { background: url(../img/top1.gif) no-repeat; width: 881px; height:  31px; float: left; position: relative; top: 0px; left: 0px; border: 0px solid red; }
#top02   { text-align: right; background: url(../img/top2.gif) no-repeat; width: 881px; height: 178px; float: left; position: relative; top: 0px; left: 0px; border: 0px solid red; }
#top03   { text-align: right; background: none; width: 881px; height:  67px; float: left; position: relative; top: 0px; left: 0px; border: 0px solid red; }
#top04   { background: url(../img/top4.gif) no-repeat; width: 881px; height: 35px; float: left; position: relative; top: 0px; left: 0px; border: 0px solid red; }
#top05   { width: 881px; height: 127px; float: left; position: relative; top: 0px; left: 0px; border: 0px solid red; }
.top05   { width: 881px; height: 127px; border: 0px solid black; }
#top06   { background: url(../img/top6.gif) no-repeat; width: 881px; height:  23px; float: left; position: relative; top: 0px; left: 0px; border: 0px solid red; }
#obsah   { background: url(../img/bg_text.gif) repeat-y; width: 881px;  position: absolute; top: 460px; left: 0px; border: 0px solid black; 
           margin: auto; text-align: left; } 
#texts   { width: 790px; position: relative; top: 20px; left: 40px; border: 0px solid black; margin: auto; text-align: left; } 
.tab1    { width: 780px; border: 0px solid red; text-align: left; vertical-align: top; } 
.td0     { width: 800px; border: 0px solid blue; text-align: left;  vertical-align: top; } 
.td1     { width: 340px; border: 0px solid blue; text-align: left; padding-right: 30px; vertical-align: top; } 
.td2     { width: 430px; border: 0px solid blue; text-align: left; vertical-align: top; vertical-align: top; } 
                      
#top07   { background: url(../img/top7.gif) no-repeat; width: 881px; height:  69px; float: left; position: relative; top: 5px; left: -85px; border: 0px solid red; }
.tlac    { width: 29px; height: 23px; border: 0px solid black; margin-left: 30px; }            
#tlac    { width: 250px; height: 50px; float: right; position: relative; top: 15px; left: -20px; border: 0px solid red; }

a.tl, a.tl:hover { text-align: right; text-decoration: none; font-size: 12px; font-family: Verdana, sans-serif; 
                   font-weight: bold; float: left; color: black; }
a.ll, a.ll:hover, a.kk, a.kk:hover { text-align: right; text-decoration: none; font-size: 9px; font-family: Verdana, sans-serif; font-weight: bold; }
a.ll, a.kk2:hover { color: white; text-decoration: underline; }
a.ll:hover        { color: #942820;  } 
a.kk, a.kk2       { color: #942820; text-decoration: underline; }
a.kk:hover        { color: gray; } 


input       { font-family: Verdana, Arial; font-weight: normal; font-size: 10px; color: black; height: 14px; }
.form_call  { text-align: right; text-decoration: none; font-family: Verdana, Arial, sans-serif; font-weight: normal; color: silver; font-size: 10px;
              position: relative; top: 85px; left: -17px;}
.text_call  { font-size: 10px; color: black; background-color: #E0DFE3; border: 1px solid black; width: 100px; margin: 1px; }
.point_call { cursor: pointer; border-style: solid; width: 60px; margin: 1px; background-color: #AF3026; color: #F2C5C2; font-weight: bold; 
              font-size: 8px; border: 1px solid black; }
.form_log   { width: 810px; height: 30px; text-align: left; text-decoration: none; font-family: Verdana, Arial, sans-serif; font-weight: normal; color: black; font-size: 10px;
              background: none; padding: 10px; border: 10x solid black; position: relative; top: 10px; left: 48px; margin-top: 10px; }
.text_log   { font-size: 10px; color: black; background-color: white; border: 1px solid black; width: 70px; margin: 1px; }
.point_log  { cursor: pointer; border-style: solid; width: 30px; margin: 1px; background-color: #AF3026; color: #F2C5C2; font-weight: bold; 
              font-size: 9px; border: 1px solid black; height: 17px; }
 fieldset   { text-decoration: none; font-size: 9px; color: black; font-weight: bold; padding: 3px; border: 1px solid gray; }
     
.uka        { width:  126px; height: 80px; border: 1px solid gray; margin-top: 5px; margin-right: 5px; }
.uka2       { width:  126px; height: 80px; border: 7px solid #B3B3B3; margin-top: 9px; margin-right: 9px; }
.tit        { width:  143px; height: 24px; border: 0px solid gray;  }
.tit2       { width:  138px; height: 26px; border: 0px solid gray;  }
.nb         { border: 0px solid gray;  }
.13y        { width:  84px; height: 65px; border: 0px solid black; float: left; }
.obtek      { width:  84px; height: 65px; border: 0px solid red; position: relative; top:  0px; left: 0px; padding-right: 20px; float: left; 
              text-align: left; padding-top: 10px;}
.anim       { width:  191px; height: 28px; border: 0px solid red;  padding-right: 20px; float: left; position: relative; top:  10px; left: 0px; text-align: right;}
.anim2      { width:  60px; height: 55px; border: 0px solid red;  padding-right: 0px; float: left; position: relative; top:  0px; left: 822px; text-align: right;}
.white      { text-decoration: none; font-size: 9px;  font-weight: normal; color: white; font-family: Verdana, sans-serif; }                
 
.point   { cursor: pointer; border-style: solid; width: 116px; margin-top: 5px; color: white; height: 20px; 
           font-weight: normal; font-size: 10px; background-color: #AF3026; border: 1px solid black; }

#forma2   { width: 340px; border: 0px solid red; float: right; text-align: right; vertical-align: top; position: relative; top: -10px; left: -20px;}
.forma   { text-align: right; text-decoration: none; font-family: Verdana, Arial, sans-serif; font-weight: normal; color: gray; margin: 20px; } 
.inp5    { width: 233px; height: 17px; background-color: #F8F1F1; border: 1px solid black; padding: 0px;
           font-family: Verdana, Arial, sans-serif; font-size: 10px; size: 50px; margin-top: 3px; }  
.sel5    { width: 235px; height: 19px; background-color: #F8F1F1; border: 1px solid black;  padding: 0px;
           font-family: Verdana, Arial, sans-serif; font-size: 10px; size: 237px; margin-top: 3px; }              
.tex5    { width: 233px; height: 80px; background-color: #F8F1F1; border: 1px solid black; padding: 0px; vertical-align: top;
           font-family: Verdana, Arial, sans-serif; font-size: 10px; size: 300px; margin-top: 3px; } 
#tt0      { background: none; height: 65px; border: 0px solid red; float: left; }
#tt1      { background: none; width: 195px; height: 170px; border: 0px solid red; float: left; }
#tt2      { background: none; width: 130px; height: 170px; border: 0px solid red; float: left; }

.obtek2   { width:  660px; border: 0px solid red; position: relative; top:  0px; left: 20px;  float: left; text-align: left;}
.envel, .phone   { width: 33px; height: 32px; border: 0px solid black; vertical-align: middle; margin: 0px 5px 0px 0px; } 
.bod      { width: 5px; height: 9px; border: 0px solid black; vertical-align: middle; margin: 0px 5px 0px 0px; }           
p         { text-decoration: none; font-size: 11px;  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: 10px;  font-weight: bold; font-family: Verdana, sans-serif;} 
.vel      { font-size: 13px; font-weight: normal; color: black; font-family: Verdana, sans-serif;} 


#obsah2  { background: url(../img/bg_main.gif) repeat-y; width: 701px; height: 1800px; 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; }
#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;   }


textarea {font-family: Verdana, Arial; font-weight: normal; font-size: 10px; color: black; }

#forma  { background: none; width: 360px; height: 400px; border: 0px solid red; float: left; } 
#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; }