body  {background: url(bg.png) 0px 0px repeat-x #ffffff; padding: 0px; margin: 0px; font-size: 12px; font-family: Arial;}
a img {border: none;}
a {color: #000000; text-decoration: underline;}
a:hover {text-decoration: none;}

.orange {color: #ff9c00;}
.grey {color: #8d8d8d;}
.darkgrey {color: #6f6f6f;}
.darkorange {color: #db790e;}
.darkblue {color: #279bc5;}
.darkgreen  {color: #72a645;}
.lightgrey  {color: #b2b2b2;}
.bold {font-weight: bold;}
.normal {font-weight: normal;}

#stranka  {position: relative; margin: auto; min-height: 340px; width: 990px;}
#header {float: left; width: 990px; height: 330px; background: url(header.png);}
  #header .fast_menu  {float: right; width: 60px; height: 10px; margin: 13px 35px 0px 850px;}
    #header .fast_menu img  {float: left; margin: 0px 0px 0px 14px;}
    #header .fast_menu .second {margin: 1px 14px 0px 14px;}
    #header .fast_menu .third {margin: 2px 0px 0px 14px;}
  #header .menu {float: left; width: 793px; height: 81px; margin: 8px 0px 0px 23px; font-size: 12px;}
    #header .menu a {float: left; width: 117px; height: 62px; margin-right: 2px; padding: 19px 0px 0px 28px; font-weight: bold; color: #ffffff; text-decoration: none;}
    #header .menu a:hover {background: url(menu1.png) no-repeat;}
    #header .menu a.actual  {background: url(menu2.png) no-repeat;}
      #header .menu a.actual .grey, #header .menu a.actual .orange  {color: #ffffff;}
  #header .menu2  {float: left; width: 151px; height: 81px; margin: 8px 0px 0px 0px;}
    #header .menu2 a.odkaz  {position: absolute; width: 93px; height: 58px; padding: 10px 58px 0px 0px; text-align: right; background: url(menu_2.png) no-repeat; font-weight: bold; color: #ffffff; text-decoration: none;}
    #header .menu2 a.odkaz.actual,#header .menu2 a.odkaz:hover {background: url(menu_21.png) no-repeat;}
    #header .menu2 .odkazy  {position: absolute; width: 248px; margin-left: -97px; top: 100px; right: 22px; background: url(odkazy.png) repeat-y; display: none;}
      #header .menu2 .odkazy a  {float: left; width: 239px; height: 22px; text-align: right; text-decoration: none; color: #ffffff; padding: 7px 9px 0px 0px;}
    
  #obsah  {float: left; width: 948px; margin: 8px 22px 0px 22px;}
    #levy {float: left; width: 465px;}
    #pravy {float: right; width: 465px;}
    
    .bunka  {float: left; border: thin solid #d4d4d4; background: #e6e6e6; width: 413px; padding: 2px 20px 15px 20px; margin: 10px 0px 0px 0px;}
      .bunka .header  {float: right; margin: -9px -31px 0px 0px;}
      .bunka .obsah {float: left; width: 413px; color: #8c8c8c; margin-top: -30px;}
        .bunka .obsah .cara {width: 423px; height: 8px; background: url(cara.png); margin: 10px -5px 10px -5px;}
      .bunkastin  {float: left; width: 455px; height: 12px; background: url(stin.png);}
    
    .ref_img  {float: left; padding: 3px; background: url(ref_bg.png); width: 183px; height: 189px;}
    .ref_nadpis {float: left; padding: 5px 0px 0px 4px; height: 40px; width: 155px; color: #777777; font-weight: bold;}
      .ref_nadpis a  {color: #8c8c8c; font-weight: normal; text-decoration: none;}
    .ref_radek  {float: left; padding: 5px 15px 0px 0px; text-align: right; color: #969696; width: 257px; height: 19px; background: url(ref_ko.png) right top; margin: 2px 0px 1px -3px;}
      .ref_radek.ok {background: url(ref_ok.png) right top;}
    .reference  {float: left; width: 458px; margin: -30px 0px -13px -18px;}
    
    .bunka.velka  {width: 920px; padding: 9px 8px 9px 8px;}
      .bunka.velka .header  {margin: -21px -19px 0px 0px;}
      .bunka.velka .obsah {width: 920px; margin-top: -34px;}
      .bunkastin.velka  {width: 938px; background: url(stin2.png);}
      .bunka.velka .nabidka {float: left; width: 750px; height: 26px; margin: 0px 0px 10px 0px;}
        .bunka.velka .nabidka a  {float: left; width: 146px; height: 19px; font-weight: bold; text-align: center; padding-top: 5px; font-size: 12px; text-decoration: none; border: thin solid #c9c9c9; margin-right: 2px; background: url(nabidka1.png);}
          .bunka.velka .nabidka a:hover {background: url(nabidka2.png);}
          .bunka.velka .nabidka a.actual  {background: url(nabidka3.png);}
        
        .bunka.velka .cela_bunka  {float: left; width: 455px;}
        .bunka.velka .cela_bunka.druha {margin-left: 10px;}
        .bunka.velka .bunka .ref_radek  {width: 249px;}
        .bunka.velka .bunka .reference  {width: 450px; margin: 0px 0px -13px -18px;}
          .bunka.velka .bunka .reference .trida {float: right; margin: 1px 1px 0px 0px;}
    
    .bunka.velka.mala {width: 437px;}
      .bunka.velka.mala .obsah {margin-top: -10px; width: 437px;}
      .bunka.velka.mala .obsah.up  {margin-top: -35px;}
        
    .bunka .obsah.rs  {margin-bottom: -15px; margin-top: 0px;}
      .bunka .obsah.rs img  {float: left;}
    
    .bunka .obsah.partners  {margin-top: 0px;}
      .bunka .obsah.partners img  {float: left; margin: 0px 13px 10px 13px;}
      .bunka .obsah.partners img.druhy {margin-top: 25px;}
    
    h1  {font-size: 14px; font-weight: bold; color: #777777;}
    h2  {font-size: 14px; font-weight: bold; color: #8c8c8c;}
      h1 span, h2 span  {font-weight: normal;}
          
    ul li {list-style-image: url(li1.png); margin-left: -15px; font-weight: bold; margin-top: 10px; margin-bottom: 3px;}
      ul ul li {list-style-image: url(li2.png); margin-left: -30px; font-weight: normal; margin-top: 3px;}
    
    input.text  {width: 253px; height: 26px; border: thin solid #212121; padding-left: 7px; padding-right: 7px; background: url(input.png); color: #9f9f9f;} 
    input.accept  {width: 149px; height: 30px; border: thin solid #212121; background: url(input2.png);}   
    
    table.sluzby  {float: left; width: 430px;}
      table.sluzby th {width: 15px; text-align: center;}
      table.sluzby td.cena  {width: 120px; text-align: right;}
    
    table.form  {float: left; width: 413px; margin-top: 30px;}
      table.form td {text-align: right; padding-bottom: 25px; width: 289px; text-align: right; vertical-align: top;}
        table.form td input.text,table.form td textarea  {width: 266px; height: 15px; border: thin solid #9c9c9c; background: #c6c6c6; padding: 3px; color: #000000;}
        table.form td textarea  {height: 98px;}
        table.form td input.submit  {border: none; cursor: pointer; background: url(odeslat.png); width: 151px; height: 30px;}
          table.form td input.submit:hover  {background: url(odeslat2.png);}
      table.form th {text-align: right; width: 124px; vertical-align: top; font-weight: normal;}
        table.form th input {width: 11px; height: 11px; border: thin solid #9c9c9c; background: #c6c6c6;}
    
    .infobox  {width: 400px; float: left;}
    
    div.contact {float: left; width: 400px; height: 61px; margin: 38px 0px 0px 20px;}
      div.contact img {float: left;}
      div.contact div   {float: right; width: 125px; height: 61px;}
  
    div.strankovani {float: left; width: 920px; text-align: center; margin-top: 12px;}
      div.strankovani a {padding: 2px 4px 2px 4px; background: #299ac5; border: thin solid #ffffff; color: #ffffff; text-decoration: none; font-weight: bold; margin: 0px 3px 3px 0px;}
      div.strankovani a:hover, div.strankovani a.actual {background: #de780d;}
      
  #pata {float: left; width: 948px; margin: 15px 22px 0px 22px; height: 25px; text-align: center; color: #ababab;}
    #pata p {display: none;}