@charset "utf-8";
/* CSS Document */

body {margin:0; padding:0; background:#17478b; text-align:center; font:14px/16px Verdana, Arial, Helvetica, sans-serif; color:#f1f3f7;}

#kolumna2 li,  #kolumna4 li{list-style:url(li.gif);}
a {color:#c6d6f5; text-decoration:none;}
a:hover {text-decoration:underline;}

img {border:none;}

#position {background:#031d51 url(bg_top.jpg) left top repeat-x;}
#position_bottom {background:url(bg_bottom.jpg) left top repeat-x; height:30px; text-align:center;}

#box {width:900px; margin:auto; text-align:left;}
#top {background:url(top.jpg) left top  no-repeat; width:900px; height:110px;}
#top_uk {background:url(top_uk.jpg) left top  no-repeat; width:900px; height:110px;}
#top_de {background:url(top_de.jpg) left top  no-repeat; width:900px; height:110px;}
#top_ru {background:url(top_ru.jpg) left top  no-repeat; width:900px; height:110px;}
#top a, #top_uk a, #top_de a, #top_ru a {display:block; width:180px; height:110px; float:right;}

#pasek {width:900px; height:30px; background:url(bottom.jpg) left top no-repeat; margin:0 auto;}

#content {width:900px; overflow:hidden;}

#flagi {border-bottom:1px solid #4568af; height:37px; float:left; width:574px; margin:0 0 0 16px;}
#flagi a {display:block; width:19px; height:13px; float:left; margin:11px 15px 0 0;}
#flagi a#ge {background:url(ge.jpg) left top no-repeat;}
#flagi a#uk {background:url(uk.jpg) left top no-repeat;}
#flagi a#ru {background:url(ru.jpg) left top no-repeat;}
#flagi a#pl {background:url(pl.jpg) left top no-repeat;}

#menu {float:left; width:310px;}
#menu a{display:block; height:37px; float:left;}
#menu a#o_firmie{ background:url(o_firmie.jpg) left top no-repeat; width:94px;}
#menu a#home{ background:url(home.jpg) left top no-repeat; width:94px;}
#menu a#zamowienia{ background:url(zamowienia.jpg) left top no-repeat; width:126px;}
#menu a#kontakt{ background:url(kontakt.jpg) left top no-repeat; width:90px;}

#menu a#home:hover{ background:url(home.jpg) right top no-repeat;}
#menu a#orders:hover{ background:url(orders.jpg) right top no-repeat;}
#menu a#contact:hover{ background:url(contact.jpg) right top no-repeat;}

#menu a#about_us{ background:url(about_us.jpg) left top no-repeat; width:94px;}
#menu a#orders{ background:url(orders.jpg) left top no-repeat; width:126px;}
#menu a#contact{ background:url(contact.jpg) left top no-repeat; width:90px;}

#menu a#about_us:hover{ background:url(about_us.jpg) right top no-repeat;}
#menu a#zamowienia:hover{ background:url(zamowienia.jpg) right top no-repeat;}
#menu a#kontakt:hover{ background:url(kontakt.jpg) right top no-repeat;}

#menu a#uber_uns{ background:url(uber_uns.jpg) left top no-repeat; width:94px;}
#menu a#bestellungen{ background:url(bestellungen.jpg) left top no-repeat; width:126px;}

#menu a#uber_uns:hover{ background:url(uber_uns.jpg) right top no-repeat;}
#menu a#bestellungen:hover{ background:url(bestellungen.jpg) right top no-repeat;}

#kolumna1 {float:left; clear:both; width:220px; overflow:hidden; margin:13px 0 0 0;}
#kolumna2 {float:left; width:680px; overflow:hidden; background:url(pasek.png) left top no-repeat; margin:13px 0 0 0;}
#kolumna3 {float:left; width:680px; overflow:hidden; background:url(pasek.png) left top no-repeat; margin:13px 0 0 0;}
#kolumna4 {float:left; width:680px; overflow:hidden; background:url(pasek.png) left top no-repeat; margin:13px 0 0 0;}

#menupath ul.level1  li.first {display:none;}
#menupath ul.level2  li.first {display:block;}

#menupath ul {list-style:none; margin:0; padding:0;}
#menupath li {list-style:none; margin:0; padding:0;}
#menupath a {display:block; color:#c6d6f5; text-decoration:none; padding:10px 10px 10px 35px; border-bottom:1px solid #6b84a9; background:url(li_menu.jpg) 22px center no-repeat;}
#menupath a:hover, #menupath a.current {background:#274170 url(li_menu_hover.jpg) 22px center no-repeat;}

#kolumna1 .tresc {padding:20px 0 20px 0;}
#kolumna2 .tresc {margin:50px 0 20px 20px; width:350px;}

#kolumna3 .tresc {margin:50px 20px 20px 20px;}

#kolumna4 #kolumn1, #kolumna4 #kolumn2, #kolumna4 #kolumn3, #kolumna4 #kolumn4 {float:left;}

#kolumna4 #kolumn1 .tresc {margin:50px 0 20px 20px; width:350px;}
#kolumna4 #kolumn2 .tresc {margin:50px 20px 20px 20px; width:270px;}

#kolumna4 #kolumn3 .tresc {margin:50px 0 20px 20px; width:270px;}
#kolumna4 #kolumn4 .tresc {margin:50px 20px 20px 20px; width:350px;}      

#stopka {line-height:30px; padding:0 5px; color:#8895ae; width:890px; height:30px; border-top:1px solid #4568af; clear:both; float:left;}
#stopka a {color:#8895ae; text-decoration:none;}

.head, .title {color:#7ca8da; font-weight:bold;}