/* body */
body { 
  margin: 0; padding: 0;
  /* pismo */
  font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; font-size: 80%; line-height: 170%; color: #646365;
}

a { color: #646365; }  
a img { border: none; }  

/* layout */  

#bg_header { background: #f0f0f0 url(../images/design/header.png) no-repeat center; }
  #header { width: 960px; height: 146px; margin: auto; position: relative; }
    #flags { position: absolute; top: 15px; left: 835px; }
    
    #logo { position: absolute; top: 50px; left: 0px; }
    #logo h1 { width: 342px; height: 65px; margin: 0; padding: 0; position: relative; overflow: hidden; }  
    #logo h1 a { color: #006eb0; }  
    #logo h1 span { position: absolute; left: 0; top: 0; width: 342px; height: 65px; background: url(../images/design/logo.png) no-repeat; display: block; z-index: 1; }
    
    #motto { position: absolute; top: 75px; left: 387px; }
    #motto h2 { width: 531px; height: 29px; margin: 0; padding: 0; position: relative; overflow: hidden; font-style: italic; font-weight: normal; text-align: right; color: #006eb0; }  
    #motto h2 span { position: absolute; left: 0; top: 0; width: 531px; height: 29px; display: block; z-index: 1; }  
    #motto h2 span.cz { background: url(../images/design/motto_01_cz.png) no-repeat; }    
    #motto h2 span.de { background: url(../images/design/motto_01_de.png) no-repeat; }    
    #motto h2 span.en { background: url(../images/design/motto_01_en.png) no-repeat; }    
    #motto h2 span.pl { background: url(../images/design/motto_01_pl.png) no-repeat; } 

#bg_menu { background: #005f9a url(../images/design/menu_01.png) no-repeat center; }    
  #menu { width: 960px; height: 380px; margin: 0 auto; }     
  #menu ul.sections { width: 275px; margin: 0; padding: 15px 0 0; float: left; }      
    #menu ul.sections li { margin: 0; padding-left: 2em; background: url(../images/design/menu_line_01.png) no-repeat bottom; list-style: none; } 
    #menu ul.sections li.last { background: none; }       
    #menu ul.sections li a { display: block; padding-left: 1em; line-height: 40px; color: #56b1e8; font-size: 130%; text-decoration: none; background: url(../images/design/menu_bullet_01.png) no-repeat left center; }         
    #menu ul.sections li a.actual, #menu ul.sections li a:hover { color: #fff; background: url(../images/design/menu_bullet_actual.png) no-repeat left center; }
  #menu div.subjects { width: 400px; margin: 0 0 0 295px; padding: 15px 0 0; }  
    #menu div.subjects div { padding-bottom: 2px; text-align: right; }  
    #menu div.subjects div h2 { margin: 0; }  
    #menu div.subjects div h2 a { position: relative; display: block; color: #fff; }  
    #menu div.subjects div h2 a span { margin: 0; padding: 0; position: absolute; left: 0; top: 0; width: 400px; display: block; z-index: 1; }   
    
    #menu div.subjects div.kovosrot { height: 200px; }    
    #menu div.subjects div.kovosrot h2 a span { height: 200px; } 
    #menu div.subjects div.kovosrot h2 a span.cz { background: url(../images/design/kovosrot_01_cz.png) no-repeat; } 
    #menu div.subjects div.kovosrot h2 a span.de { background: url(../images/design/kovosrot_01_de.png) no-repeat; } 
    #menu div.subjects div.kovosrot h2 a span.en { background: url(../images/design/kovosrot_01_en.png) no-repeat; } 
    #menu div.subjects div.kovosrot h2 a span.pl { background: url(../images/design/kovosrot_01_pl.png) no-repeat; } 
    
    #menu div.subjects div.hutni_prodej { height: 74px; }   
    #menu div.subjects div.hutni_prodej h2 a span { height: 74px; }
    #menu div.subjects div.hutni_prodej h2 a span.cz { background: url(../images/design/hutni_prodej_01_cz.png) no-repeat; }
    #menu div.subjects div.hutni_prodej h2 a span.de { background: url(../images/design/hutni_prodej_01_de.png) no-repeat; }
    #menu div.subjects div.hutni_prodej h2 a span.en { background: url(../images/design/hutni_prodej_01_en.png) no-repeat; }
    #menu div.subjects div.hutni_prodej h2 a span.pl { background: url(../images/design/hutni_prodej_01_pl.png) no-repeat; }
    
    #menu div.subjects div.likvidace_automobilu { height: 74px; }  
    #menu div.subjects div.likvidace_automobilu h2 a span { height: 74px; }
    #menu div.subjects div.likvidace_automobilu h2 a span.cz { background: url(../images/design/likvidace_automobilu_01_cz.png) no-repeat; } 
    #menu div.subjects div.likvidace_automobilu h2 a span.de { background: url(../images/design/likvidace_automobilu_01_de.png) no-repeat; } 
    #menu div.subjects div.likvidace_automobilu h2 a span.en { background: url(../images/design/likvidace_automobilu_01_en.png) no-repeat; } 
    #menu div.subjects div.likvidace_automobilu h2 a span.pl { background: url(../images/design/likvidace_automobilu_01_pl.png) no-repeat; } 
                                                                                                   
    
#bg_container { background: url(../images/design/main.png) no-repeat top center; } 
  #container { width: 960px; margin: 0 auto; padding: 1em 0; } 
  #news { width: 276px; float: left; line-height: 150%; }                              
    #news h2 { margin-top: 0; padding-left: 1em; line-height: 35px; font-size: 1em; background: #005f9a url(../images/design/bg_news_heading_01.png) no-repeat; color: #fff; } 
    #news h2 span { padding-left: 1em; background: url(../images/design/menu_bullet_actual.png) no-repeat left center; } 
    #news div { height: 580px; padding: 10px; font-size: 90%; background: #f0f0f0 url(../images/design/bg_news.png) no-repeat; border: 1px #c8c8c8 solid; }
      #news div h3 { margin: 0 0 .5em; font-size: 1em; color: #006eb0; font-size: 95%; } 
      #news div p { margin: 0; font-size: 95%; } 
      #news div p.date { margin: 1em 0 0; padding-left: 1em; font-weight: bold; background: url(../images/design/menu_bullet_01.png) no-repeat left center; }  
      #news div p.first { margin-top: 0; }  
      #news div a { color: #646365; font-weight: bold; }  
      #news div a.next { display: block; margin: 1.5em 0; padding-left: 1em; background: url(../images/design/menu_bullet_01.png) no-repeat left center; }     
    #news img { margin: 2em 0; } 
                                    
  #content { margin: 0 0 0 295px; }                               
    #content h2 { font-size: 120%; margin-top: 0; color: #006eb0; line-height: 35px; }  
    #content h3 { font-size: 100%; padding-left: 1em; background: url(../images/design/menu_bullet_01.png) no-repeat left center; } 
    #content p.padding_left { padding-left: 1em; }       
    #content hr { margin: 2em 0; border: 0; height: 1px; background-color: #afafaf; }                     
    #content hr.no_margin { margin: 0; }

#bg_footer { height: 177px; margin-top: 1em; background: #d2d2d2 url(../images/design/bg_footer.png) repeat-x; clear: both; }
  #footer { width: 960px; height: 177px; margin: auto; background: #d2d2d2 url(../images/design/footer.png) no-repeat; position: relative; }       
  #footer table { margin: 50px auto 0; }
  #footer table td { vertical-align: top; font-size: 90%; line-height: 150%; color: #646464; }
  #footer table td a { color: #646464; }              
  #footer table td.first { width: 420px; }         
  #footer table td.trojek p { margin: 0; line-height: 72px; }
  #footer table td.jopress img { padding-top: .5em; }
  
ul li { list-style-image: url(../images/design/menu_bullet_01.png); }
  

img.left { float: left; margin-right: 1em; }

table.maxwidth { width: 100%; }
table.center { margin: auto; }
table td.vert_top { vertical-align: top; }

table.technique td h3 { margin: 0 0 2em; }
table.technique td.img { width: 140px; }

table.tablespaces { padding-left: 1em; }
table.tablespaces td { padding-right: 18px; }

table.colortable { color: #fff; } 
table.colortable th { background-color: #255BA5; }  
table.colortable td { background-color: #5793C9; }

div.address { width: 405px; float: left; }
div.address h3.first { margin-top: 0; }

div.workshops { float: left; margin-right: 1em; z-index: 1; }
div.workshops ul li { list-style: url(../images/design/menu_bullet_01.png); }
div.workshops ul li a { font-weight: bolder; }
div.workshops ul li a:hover { color: #56b1e8; }  

div.workshops_map { width: 368; height: 215px; margin: 30px 0 0 275px; position: relative; background: url(../images/map.png) no-repeat; }
div.workshops_map img { display: none; border: none; }

div.workshops_slov_map { width: 312; height: 215px; margin: 30px 0 0 275px; position: relative; background: url(../images/mapSlov.png) no-repeat; }
div.workshops_slov_map img { display: none; border: none; }

div.workshops_pol_map { width: 368; height: 293px; margin: 30px 0 0 275px; position: relative; background: url(../images/mapPol.png) no-repeat; }
div.workshops_pol_map img { display: none; border: none; }

div.workshops_slov_vyber_map { width: 540; height: 287px; margin: 0 0 0 100px; position: relative; background: url(../images/mapSlovVyber.png) no-repeat; }
div.workshops_slov_vyber_map img { display: none; border: none; }

div.workshops_pol_vyber_map { width: 688; height: 530px; position: relative; background: url(../images/mapPolVyber.png) no-repeat; }
div.workshops_pol_vyber_map img { display: none; border: none; }  

div.workshops_multimap { width: 488; height: 435; margin: 0 0 0 160px; position: relative; }

body.fancy { /* background: url(../images/design/fancy_back.png) repeat-x; */ }
div.fancy_page { padding: 0 1em; }
div.fancy_page h2, h3 { color: #005604; }
div.fancy_page h3 { margin: 0; }

#img1 { position: absolute; top: 85px; left: 333px; }
#img2 { position: absolute; top: 119px; left: 303px; }
#img3 { position: absolute; top: 82px; left: 164px; }
#img4 { position: absolute; top: 64px; left: 296px; }
#img5 { position: absolute; top: 85px; left: 317px; }
#img6 { position: absolute; top: 99px; left: 327px; }
#img7 { position: absolute; top: 150px; left: 291px; }
#img8 { position: absolute; top: 118px; left: 317px; }

#img1Alt { position: absolute; top: 287px; left: 242px; }
#img2Alt { position: absolute; top: 314px; left: 220px; }
#img3Alt { position: absolute; top: 278px; left: 116px; }
#img4Alt { position: absolute; top: 264px; left: 212px; }
#img5Alt { position: absolute; top: 287px; left: 227px; }
#img6Alt { position: absolute; top: 294px; left: 232px; }
#img7Alt { position: absolute; top: 332px; left: 212px; }
#img8Alt { position: absolute; top: 311px; left: 235px; } 

#imgSlov { position: absolute; top: 26px; left: 133px; }
#imgPol { position: absolute; top: 171px; left: 131px; }

#imgSlovAlt { position: absolute; top: 318px; left: 264px; }
#imgPolAlt { position: absolute; top: 237px; left: 225px; }

div.map { margin-left: 405px; }

.center { text-align: center; }