/* ----------------------------- css by: Peter Bocek - 4ART Ltd. ----------------------------------------------*/
body     { background: #A0A0A0; font-family: Verdana, Arial, sans-serif; font-size: 10px; color: black; text-align: center; margin-top: 0px;  }
#main    { width: 945px; height: 594px; border: 1px solid black; margin: auto; background: none; }
#cover   { width: 945px; height: 594px; vertical-align: middle; margin: auto; margin-top: 30px;}           
#obsah   { background: url(../img/bg_text.gif) repeat-y; width: 620px; height: 558px; position: relative; top: 0px; left: 0px; border: 0px solid red; 
           margin: auto; text-align: left; } 
#texts   { width: 610px; position: relative; top: 20px; left: 10px; border: 0px solid green; margin: auto; text-align: left; }
h2       { font-family: Verdana, Arial, sans-serif; font-size: 14px; color: black; }
.big     { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; }
.jus             { text-align: justify; }

.tt01, .tt02, .tt03, .tt04, .tt05, .tt06, .tt07, .tt08, .tt09, .tt10, .tt11, .tt12, .tt01b   { border: 0px solid red; float: left; }
.tt01 { width:625px; height:558px; background: white url(../img/bg_2.gif) no-repeat; background-position: right bottom; }
.tt01b{ width:625px; height:558px; background: url(../img/bg_1.gif) no-repeat; background-position: left top; }
.tt02 { width: 32px; height:178px; background: url(../img/pan1.gif) no-repeat;}
.tt03 { width:228px; height:178px; background: url(../img/logo.gif) no-repeat; }
.tt04 { width: 60px; height:178px; background: url(../img/pan4.gif) no-repeat;}
.tt05 { width: 32px; height:147px; background: white;}
.tt06 { width:228px; height:147px; background: url(../img/bg_anim.gif) no-repeat; }
.tt07 { width: 60px; height:147px; background: url(../img/pan5.gif) no-repeat;}
.tt08 { width: 32px; height:233px; background: url(../img/pan3.gif) no-repeat;}
.tt09 { width:228px; height:233px; background: #678C53 url(../img/bg_5.gif) no-repeat; background-position: right top; }
.tt10 { width: 60px; height:233px; background: url(../img/pan6.gif) no-repeat;}
.tt11 { width:625px; height: 36px; background: url(../img/bg_3.gif) no-repeat;}
.tt12 { width:320px; height: 36px; background: none;}
.bg4  { width:320px; height: 36px; border:0px solid red; margin:0px; padding:0px;}
.map  { width:200px; height: 83px; border: 1px solid black; }

.logo   { width:228px; height:178px; border: 0px solid red; position: relative; top: 0px; left: 0px;}
.logo2  { width:192px; height:105px; border: 0px solid red; }
.logo2b { width:192px; height:105px; border: 0px solid black; float: right; margin: 10px 40px 170px 30px; }
.nadpis { width:138px; height: 18px; border: 0px solid red; }
.nadpis2{ width:148px; height: 18px; border: 0px solid red; }
.anim   { width:228px; height:146px; border: 0px solid red;  }
.m1, .m2, .m3, .m4, .m6, .m7  { border: 0px solid red; width:142px; height: 24px; margin-left: 30px; }
.m5  { border: 0px solid red; width:152px; height: 24px; margin-left: 30px; }
 
.img_ind   { width:217px; height:276px; border: 1px solid black; float: right; margin: 10px 40px 70px 30px; }
.img_indx  { width:245px; height:280px; border: 0px solid black; float: right; margin: 10px 40px 70px 30px; }
.prod2     { width:305px; height:226px; border: 1px solid black; margin: 10px 0px 0px 0px; }

/* ------------------------------------------------- menu -------------------------------------------------------------------------------- */
.menu2 ul { padding:0; margin:0; list-style-type:none; position:relative; top:0px; left:30px; z-index: 10000000; }
.menu2 ul li {float:left; position:relative; }
.menu2 ul li.group {display:block; background:yellow; padding:0px 0;}
.menu2 ul li a, .menu2 ul li a:visited {float:left; display:block; text-decoration:none; padding:0px 0px; line-height:13px; height:24px; }
.menu2 ul li:hover {width:auto;}
.menu2 ul li:hover a {color:white; }
.menu2 ul li ul {display: none; }
.menu2 table {margin:0; border-collapse:collapse; font-size:9px; font-weight: normal; position:absolute; top:0; left:110; }
/* non IE */  /* podklad vyrolovaneho menu před najetim */
.menu2 ul li:hover ul {display:block; position:absolute; top:44px; background:#747B9F; margin-top:-4px; left:0; width:148px; z-index: 888800000; 
                       border-left:0px solid red;
                       filter:; background:transparent filter: alpha(opacity=95); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95); opacity:0.95; } 
.menu2 ul li:hover ul li ul         {display: none;}
/* hover odkazu po najeti */
.menu2 ul li:hover ul li.p0 a:hover {color:#F5F179; }  
.menu2 ul li:hover ul li.p2 a       {background: none; text-align: left; } 
.menu2 ul li:hover ul li.p2 a:hover {background: #557345; } 
/* VSECHNY MENU: */
.menu2 ul li:hover ul li.p2 a, .menu2 ul li:hover ul li.p2 a:hover,
.menu2 ul li:hover ul li.p3 a, .menu2 ul li:hover ul li.p3 a:hover,
.menu2 ul li:hover ul li.p4 a, .menu2 ul li:hover ul li.p4 a:hover,
.menu2 ul li:hover ul li.p5 a, .menu2 ul li:hover ul li.p5 a:hover,
.menu2 ul li:hover ul li.p6 a, .menu2 ul li:hover ul li.p6 a:hover, .menu2 ul li:hover ul li.p7 a:hover
  {display:block; font-weight: bold; height:auto; line-height:13px; margin-left:2px; padding:1px 0px 1px 2px; width:148px;  } /* hover odkazu před najetim: VSECHNY */
/* hover odkazu po najeti */
.menu2 ul li:hover ul li.p2 a:hover, .menu2 ul li:hover ul li.p3 a:hover, .menu2 ul li:hover ul li.p4 a:hover {color:#F5F179; }  

/* pozice odkazu menu */
.pozic1 { position:absolute; left:-20px; top: 20px; z-index: 200000; }
.pozic2 { position:absolute; left:-20px; top: 47px; z-index: 200000; }
.pozic3 { position:absolute; left:-20px; top: 74px; z-index: 200000; }
.pozic4 { position:absolute; left:-20px; top:101px; z-index: 200000; }
.pozic5 { position:absolute; left:-20px; top:128px; z-index: 200000; }
.pozic6 { position:absolute; left:-20px; top:155px; z-index: 200000; }
.pozic7 { position:absolute; left:-20px; top:182px; z-index: 200000; }
.pozic1:hover, .pozic2:hover, .pozic3:hover, .pozic4:hover, .pozic5:hover, .pozic6:hover, .pozic7:hover { height:40px; background:url(../img/bg_menu1.gif) no-repeat;}
/* barva na pozadi vyrolovaneho menu před najetim */
.menu2 ul li:hover ul.win2 { background:url(../img/bg_menu2.gif) no-repeat;  background-position: left bottom; z-index: 400000; width:206px; height:89px;} 
/* odsazeni odkazu druheho menu */  
.spacer   { border:0px solid red; position:relative; left:0px; top:0px; width:206px; height:27px; z-index: 2000000; }
.clear    { clear:both; height:5px; line-height:5px;}               
.rez      { width:206px; height:27px; z-index: 99000000; border:0px solid red;}

/* ------------------------------------------------- contact -------------------------------------------------------------------------------- */
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; }
#forma2   { width: 350px; 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: #EFEFEF; border: 1px solid black; padding: 0px;
           font-family: Verdana, Arial, sans-serif; font-size: 10px; size: 50px; margin-top: 4px; margin-right: 10px; }  
.hrana   { width: 200px; height: 19px; border: 1px solid #565B78; font-size: 9px; padding: 0px; margin: 0px;}
.kryt    { background: white; width: 10px; height: 270px; position: relative; top: 0px; left: -10px; border: 0px solid green; margin: auto; float: right; }
.sel5    { width: 234px; height: 19px; background-color: #EFEFEF; border: 1px solid black;  padding: 0px;
           font-family: Verdana, Arial, sans-serif; font-size: 10px; size: 237px; margin-top: 4px; margin-right: 10px;}              
.tex5    { width: 233px; height: 150px; background-color: #EFEFEF; border: 1px solid black; padding: 0px; vertical-align: top;
           font-family: Verdana, Arial, sans-serif; font-size: 10px; size: 300px; margin-top: 4px; margin-right: 10px;} 
.point   { cursor: pointer; border-style: solid; width: 106px; margin-top: 5px; color: white; height: 20px; 
           font-weight: normal; font-size: 10px; background-color: #5A7A48; border: 1px solid black; margin-right: 20px;}
a.kk, a.kk2             { color: #195334; text-decoration: underline; font-weight: bold;}
a.kk:hover, a.kk2:hover { color: gray; font-weight: bold;} 
a.kk2, a.kk2:hover      { text-decoration: none; }

.uka2       { width:  96px; height: 72px; border: 6px solid #A6BD9D; margin-top: 10px; margin-right: 15px; }
.uka2:hover { border: 6px solid #195334;  }
           
#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; }
 
.tab1    { width: 600px; border: 0px solid red; text-align: left; vertical-align: top; border-collapse: collapse;} 
.td0     { width: 600px; border: 0px solid blue; text-align: left;  vertical-align: top; } 
.td1     { width: 200px; border: 0px solid blue; text-align: left; padding-right: 10px; padding-left: 10px; vertical-align: top; } 
.td2     { width: 390px; border: 0px solid blue; text-align: left; vertical-align: top; vertical-align: top; } 

.ukazka  { width: 800px; height: 600px; border: 0px solid blue; }