/* CSS Document */
.bar { height:93px; font-family:Verdana; margin:0; padding:0; margin-bottom:5px; }
.bar div div { height:93px; float:left; display:inline; background-repeat:no-repeat;}
.bar div .a{ width:8px;}
.bar div .b{ width:122px;}
.bar div .b img { margin-top:5px;}
.bar div .c{ width:45px;}
.bar div .c img{ margin-top:23px; margin-left:18px;}
.bar div .d{ width:474px}
.bar div .e{ width:103px;}
.bar div .e img{ margin:0 auto; margin-top:5px; margin-left:10px;}
.bar div .f{width:8px;}
.bar div.text { margin-left:182px; margin-bottom:-93px; padding-top:28px; width:476px; height:73px; z-index:2; position:absolute; }
.bar div.text h1 a, .bar div.text h1 { color:#fff; margin:0;}
.bar div.text h2 a, .bar div.text h2 { font-size:12px; color:#333; margin:2px;}
.bar div.text div img { margin-bottom:0;}

/*Menu*/
#menu a { width:752px; height:93px; padding-right:8px;}
#menu li a span{ height:93px; float:left; display:inline;}
img { border:0;}
#menu a, #menu a:hover { font-size:18px; color:#fff;}
#menu ul li { margin-bottom:3px; height:93px; width:760px;}
#menu li a span.a {width:121px; height:88px; padding:5px 0 0 9px;}
#menu li a span.b {width:52px;}
#menu li a span.c {width:478px; height:60px; margin-top:25px;}
#menu li a span.c span { color:#333; font-size:12px; line-height:20px; height:40px; font-weight:lighter;}
#menu li a span.d {width:83px;}

/*Przycisk 1*/
/*mouse out*/
#menu #li_1 a { background: url(../img/layout/p_corner_mod1.png) right no-repeat #bcc0a5; }
#menu #li_1 a span.a { background:url(../img/layout/l_corner_mod1.png) no-repeat left #dbddca; }
#menu #li_1 a span.b { background:url(../img/layout/arrow1_a.png) no-repeat center; }
#menu #li_1 a span.d { background: url(../img/layout/pic1_a.png) no-repeat center; }
/*hover*/
#menu #li_1 a:hover span.b { background:url(../img/layout/arrow1_b.png) no-repeat center; }
#menu #li_1 a:hover span.d { background: url(../img/layout/pic1_b.png) no-repeat center; }

/*Przycisk 2*/
/*mouse out*/
#menu #li_2 a { background: url(../img/layout/p_corner_mod2.png) right no-repeat #a5bcfa; }
#menu #li_2 a span.a { background:url(../img/layout/l_corner_mod2.png) no-repeat left #c5d3fc; }
#menu #li_2 a span.b { background:url(../img/layout/arrow2_a.png) no-repeat center; }
#menu #li_2 a span.d { background: url(../img/layout/pic2_a.png) no-repeat center; }
/*hover*/
#menu #li_2 a:hover span.b { background:url(../img/layout/arrow2_b.png) no-repeat center; }
#menu #li_2 a:hover span.d { background: url(../img/layout/pic2_b.png) no-repeat center; }

/*Przycisk 3*/
/*mouse out*/
#menu #li_3 a { background: url(../img/layout/p_corner_mod3.png) right no-repeat #769bc9; }
#menu #li_3 a span.a { background:url(../img/layout/l_corner_mod3.png) no-repeat left #9cb7d8; }
#menu #li_3 a span.b { background:url(../img/layout/arrow3_a.png) no-repeat center; }
#menu #li_3 a span.d { background: url(../img/layout/pic3_a.png) no-repeat center; }
/*hover*/
#menu #li_3 a:hover span.b { background:url(../img/layout/arrow3_b.png) no-repeat center; }
#menu #li_3 a:hover span.d { background: url(../img/layout/pic3_b.png) no-repeat center; }

/*Przycisk 4*/
/*mouse out*/
#menu #li_4 a { background: url(../img/layout/p_corner_mod4.png) right no-repeat #f90; }
#menu #li_4 a span.a { background:url(../img/layout/l_corner_mod4.png) no-repeat left #ffad33; }
#menu #li_4 a span.b { background:url(../img/layout/arrow4_a.png) no-repeat center; }
#menu #li_4 a span.c span.text {float:left; width:200px; line-height:10px; margin:-15px 0 0 190px;}
#menu #li_4 a span.c #logos { width:400px; margin-top:-21px;}
#menu #li_4 a span.d { background: url(../img/layout/pic4_a.png) no-repeat center; }
/*hover*/
#menu #li_4 a:hover span.b { background:url(../img/layout/arrow4_b.png) no-repeat center; }
#menu #li_4 a:hover span.d { background: url(../img/layout/pic4_b.png) no-repeat center; }