/* CSS Document */
body {
      margin: 0px;
      padding: 0px;
      text-align: center;
      background: url("images/bg_pozadi.gif");
      background-repeat: repeat-x;
}
#obsah { width: 840px; height: 700px;
         text-align: left;
         /*border: 1px solid red;*/ 
         margin:0 auto;        
}
/**************************************************leva strana***************/
.levy_stin { width: 16px; height:700px;
             float: left;
             margin-top: 0px;
}
.levy_stin1 { width: 16px; height: 263px;
             /*border: 1px solid red;*/
             background: url("images/bg_levy_2.jpg");
}
.levy_stin2 { width: 16px; height:437px;
        /*border: 1px solid red;*/
         background: url("images/bg_levy.jpg");
         margin-left: 0px;
}
#leva_strana { width: 218px; height:700px;
               background: #f1ffad;
               /*border: 1px solid red;*/
               float: left;
               margin-top: 0px;
               border-bottom: 1px solid #009966;
}
#logo {width: 147px; height: 115px;
        background:  url("images/logo.gif");
        margin-top: 30px;
        margin-left: 35px; 
}
.pravy_stin { width: 16px; height: 700px;
              float: left;
}
.pravy_stin1 { width: 16px; height: 263px;
        /*border: 1px solid red;*/
        float: left;
        background:  url("images/bg_pravy_2.jpg");
        margin-top: 0px;
}
.pravy_stin2 { width: 16px; height:437px;
        /*border: 1px solid red;*/
        float: left;
        background:  url("images/bg_pravy.jpg");
}
#menu { width: 200px; height: 198px;
        /*border: 1px solid red;*/
        font-family: Arial CE, Trebuchet MS;        
        /*font-weight: 600;*/
        margin: 30px 0px 0px 12px;       
        padding-top: 2px;    
}
#menu a {color: #000000;
        text-decoration: none;    
}
#menu a:hover {color: #000000;
        text-decoration: underline;    
}
#menu2 { width:200px; height:280px;
        /*border: 1px solid red;*/
        font-family: Arial CE, Trebuchet MS;        
        /*font-weight: 600;*/
        margin: 30px 0px 0px 12px;       
        padding-top: 2px;    
}
#menu2 a {color: #000000;
        text-decoration: none;    
}
#menu2 a:hover {color: #000000;
        text-decoration: underline;    
}
.odkaz {width: 140px; height: 20px;
       /*border: 1px solid red;*/
       background: url("images/buton.gif");
       background-repeat: no-repeat;
       background-position: 0 50%;
       margin-top: 2px;
       margin-left:20px;
       font-family: Arial CE, Trebuchet MS;
       font-size: 14px;
       text-align: left;
       padding-top: 4px;
       padding-left: 20px;       
}
.odkaz2 {width: 130px; height: 19px;
        /*border: 1px solid red;*/
       background: url("images/buton.gif");
       background-repeat: no-repeat;
       background-position: 0 50%;
       margin-top: 2px;
       margin-left: 40px;
       font-family: Arial CE, Trebuchet MS;
       font-size: 12px;
       text-align: left;
       padding-top: 3px;
       padding-left: 20px;       
}
#obrazek_1 {width: 120px; height: 120px;           
            position: relative; left: -25px; top: 30px;
            background: url("images/obr_1.gif");
}
#obrazek_2 {width: 97px; height: 97px;           
            position: relative; left: 140px; top: -40px;
            background: url("images/obr_2.gif");
}
#obrazek_3 {width: 97px; height: 97px;           
           position: relative; left: 40px; top: -40px;
            background: url("images/obr_3.gif");            
}
/************************************************* pravá strana***************/
#prava_strana {width: 577px; height: 700px;
             background: url("images/bg_pozadi.gif");
             background-repeat: repeat-x;             
             margin:0px 0px 0px 240px;
}
#hlavicka { width: 577px; height: 263px;
            margin-top: 0px;
            margin-left: 0px;
            /*border: 1px solid red;*/
}
#hlavicka img {width: 30px; height: 19px;
            border: 1px solid #ffffff;
               
}
#vlajka_1 { padding-top: 10px;
            padding-left: 20px;
            float: left;
}
#vlajka_2 {margin-left: 10px; 
           padding-top: 10px;
           padding-left: 60px;
}
/*.obr_hl { width: 548px; height: 170px; 
              background: #ffffff url("images/obr_hlavni_2.jpg");
              background-repeat:no-repeat;
              background-position: center center; 
              border: 1px  solid #0AE9AF;
              margin-top: 6px;
              margin-left: 8px;
}*/
.obr_hl {width: 548px; height: 168px; 
              border: 2px  solid #12abb0; /*0AE9AF;*/
              margin-top: 6px;
              margin-left: 8px;
}
#navigace {width: 550px;
        /*border: 1px solid red;*/
        margin-top: 5px;
        text-align: right;        
        font-family: Arial CE, Trebuchet MS;
        color: #ffffff;
        font-size: 14px;
}
#navigace a {color: #ffffff;
           text-decoration: none;
}
#navigace a:hover {color: #ffffff;
           text-decoration: underline;
}
h1 {width: 550px; 
    margin: 5px 5px 0px 0px;
    font-family: Arial CE, Verdana, Trebuchet MS;
    font-size: 18px;
    color: #ffffff; 
    /*border: 1px solid red;*/
    text-align: right;
    padding-right: 0px;    
}
#stred_hl {width: 557px; height: 390px;
            background: #ffffff;
            font-family: Arial CE, Verdana, Trebuchet MS;
            font-size: 13px;
            color: #000000;
            padding: 20px 10px 10px 10px; 
            /*border: 1px solid red;*/  
            margin-left:10px;           
}
h2 {font-size: 15px;
    color: #009966;
    font-weight:normal; 
}
/************************************************zakladni informace*****************/
#tab_info {width: 530px;
          font-family: Arial CE, Verdana, Trebuchet MS;
          font-size: 13px;
          color: #000000;
          /*border: 1px solid red;*/
          background: #000000;
          margin: 70px 0px 0px 0px;           
}
#tab_info td {height:25px;
           background:#ffffff;
           padding-left: 5px;           
}
#tab_info a {color: #000000;
}
#tab_info a:hover {color: #000000;
           text-decoration:none;
}
/******************************************certifikaty***********************/
.obr_certif {width:170px;height:120px;
             margin: 10px 10px 10px 150px;
             border:1px solid #009966;
}
/************************************************historie spolecnosti********/
#stred_historie{
            width: 557px; /*height: 417px;*/
            background: #ffffff;
            font-family: Arial CE, Verdana, Trebuchet MS;
            font-size: 13px;
            color: #000000;
            padding: 20px 10px 10px 10px; 
            margin-left:10px;
            /*border: 1px solid red;*/             
}
#stred_reference {
            width: 557px; height: 417px;
            background: #ffffff;
            font-family: Arial CE, Verdana, Trebuchet MS;
            font-size: 13px;
            color: #000000;
            padding: 20px 10px 10px 10px; 
            margin-left:10px;
            /*border: 1px solid red;*/             
}
#stred_historie p {text-align: justify;
}
.obr_historie {width:150px; height:113px;
             float:right;
             margin:10px 0px 5px 10px;
             border:1px solid #009966;
}
/*****************************************************kontakt*******************/
.tab_kontakt {font-size:13px;
            margin:0px 0px 0px 0px; 
}
/*******************************************************reference******************************/
#stred_reference a {color:#000000;     
}
#stred_reference a:hover {color:#000000;
               text-decoration: none;  
}
.obr_reference {width:150px;height:55px;
               float:left;
               margin:0px 20px 30px 0px;
}
.obr_reference_2 {width: 46px;height:61px;
               margin:0px 85px 0px 40px;
                float:left;
}
.obr_reference_3 {width:150px;height:45px;
               margin:0px 20px 0px 0px;
                float:left;
}
/*********************************************************produkty********/
.obr_produkt{width:120px; height:90px;
             float:left;
             margin:10px 0px 5px 10px;
             border:1px solid #009966;
}
/******************************************************upoutavky***********/
.upoutavka {width: 530px; height: 170px;
              margin: 10px 0px 0px 10px;              
              /*border: 1px solid red;*/
              border-bottom: 1px solid #0AE9AF;
}
.upoutavka h2 {font-size:18px;
}
.obr_upo  {width:200px;height:150px;
           float:right;
           margin:0px 0px 10px 10px;
}
/**********************************************vyrobni technologie***********/
.obr_vyroba {width: 120px; height: 90px;
            /*float:left;*/
            margin:0px 15px 0px 15px;
            border:1px solid #009966;
} 
/****************************************************napiste nam******************************/
#tab_form {font-family: Arial CE, Trebuchet MS;
         font-size: 13px;
         color: #000000;
}
.pole{font-family: Arial CE, Trebuchet MS;
         font-size: 13px;
         color: #000000;
         border:1px solid #009966;
         background:#E1FCE3;
}
/****************************************************mapa webu************/
#mapa_webu {margin:30px 0px 0px 130px;
}
#mapa_webu a {color: #000000;
}
#mapa_webu a:hover {color: #000000;
           text-decoration:none;
}
#mapa_webu li {margin:10px 0px 0px 0px;
}
#mapa_webu ul {list-style-type: square;
}
/***********************************************zahlavi*****************/
#zahlavi {
          border-top:1px solid #009966;
          font-family: Arial CE, Trebuchet MS;
          font-size: 10px;
          color: #989898;
          background:#ffffff;
          /*margin: 30px 0px 0px 0px;*/
}
#statistika {width: 95px; height:20px;
          /*border:1px solid red;*/
          float:left;
          text-align:left;
          margin: 3px 0px 0px 10px;
}
#aktualizace{width: 280px; height:20px;
          float:left;
          text-align:center;          
}
#copy {width: 150px; height:20px;       
       text-align:right;
       float:left;
       padding: 0px 5px 0px 0px;
}
#copy a{color: #989898;
}
#copy a:hover {color: #989898;
           text-decoration: none;
}    
/***********************************************************************/
/*#vlozka {width:200px;height:20px;
}
#vlozka10 {width:200px;height:10px;
}
#vlozka30 {width:200px;height:30px;
}
#vlozka60 {width:200px;height:60px;
}*/
/*#vlozka-fox60{width:200px;height:60px;
}*/