html{
width:100%;
background-color:#ffffff;
background-image:url(images/bg_01.jpg);
background-repeat:no-repeat;
background-position:center top;
margin:0px;
padding:0px;
}
body{
width:900px;
height:100%;
margin:auto;
color:#000000;
font-family:Tahoma;
font-size:11px;

}

img {
border:0px;
margin: 0px;
padding: 0px;
}

a { color:#828282; text-decoration:none; }


a:hover { color:#ED0000;}


a.cat_sys {
color:#828282;
text-decoration:none;
}



a.cat_sys:hover { color:#ED0000;}

a.logowanie {
color:#ffffff;
text-decoration:none;
}

a.logowanie:hover { color:#ED0000;}


a.boczne {
color:#828282;
background-image:url(images/obrazek_20.jpg);
background-repeat:no-repeat;
background-position:left bottom;
display:block; 
height:15px;

 padding:0 0 0 5px; margin: 0 0 0 0px;


}

a.boczne:hover { color:#ED0000;}




#header{
width: 900px;
height: 95px;
padding: 0px 0px 0px 0px;
margin:0px 0px 0px 0px;
border: 0px solid;
text-align:right;
}

#main_box{
width:820px;
padding: 0px 0px 0px 90px;
margin:0px 0px 0px 0px;
text-align:left;
border: 0px #FF1717 solid;
}

#center { 
float:left;
border:0px solid #000000;	
padding: 0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}


#top_banner{
float:left;
width:590px;
padding: 0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#content{
width:auto;
overflow: hidden;
background-image:url(images/bg_n_38.jpg);
background-repeat:repeat-x;
padding: 5px 0px 0px 0px;
margin:0px 0px 0px 0px;
border: 0px solid;
}


#side_column{float:left;}
 
.clear { clear:both; }

#side_bar{
float:right;
overflow: hidden;
padding: 0px 0px 0px 5px;
margin:0px 0px 0px 0px;
border: 0px solid;

}

#side_box{
width:auto;
overflow: hidden;
padding: 0px 0px 0px 0px;
margin:0px 0px 10px 0px;
border: 0px solid;
}



#box_module{
width:490px;
padding: 20px 20px 20px 20px;
margin:10px 0px 0px 10px;
text-align: left;
background-color:#E9E9E9;
border: 1px #C0C0C0 solid;


}

p.small{
color:#ffffff;

}

#box_gradient{
float:left;
width:510px;
padding: 0px 10px 0px 40px;
margin:0px 0px 0px 0px;
text-align: left;
background-image:url(images/proj_03.jpg);
background-repeat:repeat-x;
border: 1px #000000 solid;


}


#box_gradient_side{
float: right;
width:210px;
padding: 0px 0px 0px 0px;
margin:0px 0px 0px 0px;
text-align: right;
border: 1px #000000 solid;
}



input.kontakt{

background-color:#F0F0F0;
border: 1px #C0C0C0 solid;
font-family:Tahoma;
font-size:11px;
color:#505050;
padding-left: 3px;
}

textarea{

background-color:#F0F0F0;
border: 1px #C0C0C0 solid;
font-family:Tahoma;
font-size:11px;
color:#505050;
padding-left: 3px;
}



h3.naglowek{
color:#006EAD;
font-size:18px; 
margin:0; 
padding:0;
}



#footer1{
height:28px;
font-family:Tahoma;
font-size:5px;
color:#9c9c9c;
margin:0px 0 0px 90px;
text-align:left;
background-image:url(images/m_15.jpg);
background-repeat:no-repeat;

}

#footer2{
height:66px;
font-family:Tahoma;
font-size:11px;
color:#9c9c9c;
padding:0px 85px 0px 0px;
margin:0px 0 0px 90px;
text-align:right;
border: 0px solid;
}

#footer2 a{
text-decoration: none;
}
.content li{
padding-left: 20px;
}

#drop_menu {
width:547px;
height:48px; 
position:relative; 
z-index:100;
padding:0px 0px 0px 353px;
margin:0px 0px 0px 0px;
border: 0px #FFFFFF solid;
}

.menu, .menu ul {list-style-type:none; padding:0 0 0 0px; margin:0px 0 0 0px; font-family: Arial; font-size:15px; }


.menu li.top {display:block; float:left; position:relative;}

/* dla  IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0; }

/* standard */
.menu li.top a.top_link {display:block; float:left; height:48px; line-height:48px; text-decoration:none; color:#fff; padding-left:0px; padding-right:0px; margin: 0 0 0 0px;}

.menu li.top a.top_link span.span_top {display:block; float:left; height:48px; padding-left:0px; padding-right:0px; margin: 0 0 0 0px}
.menu li.top a.top_link b.b_top {display:block; float:left; height:48px; width:41px; padding-left:0px; padding-right:0px; margin: 0 0 0 0px}
/* gdy chcemy aby jak jest wiadomo ze ma drop down był inny aktualnie widoczny*/
.menu li.top a.top_link span.drop { padding-left:0px; padding-right:0px; margin: 0 0 0 0px}



.menu a:hover {visibility:visible; cursor:pointer; position:relative;}
.menu li:hover {position:relative; z-index:200;}

/* Style the top level links */

.menu ul, 
.menu ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; font-family: Verdana; font-size:10px;}

/* style sublinkow */
.menu :hover ul.sub {left:0; top:27px; background: transparent url(images/spacer.gif); padding-top:20px; padding-left:20px; white-space:nowrap; width:135px; height:auto;}
.menu :hover ul.sub li {display:block; float:left;}
.menu :hover ul.sub li a {display:block; float:left; height:25px; width:135px; line-height:25px; color:#000; text-decoration:none; padding-bottom:2px; background: url(images/dropa_0.gif) no-repeat;}


.menu :hover ul.sub li a span,
.menu :hover ul.sub li a.fly:hover ul li a span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a span, 
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a span
{display:block; float:left; background: url(images/2b.gif) right top; height:25px; width:115px; padding:0 10px 0 5px; font-weight:normal; color:#C0C0C0;}

.menu :hover ul.sub li a.fly span,
.menu :hover ul.sub li a.fly:hover ul li a.fly span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly span
{background: url(images/1b.gif) right top; color:#C0C0C0;}

.menu :hover ul.sub li a:hover,
.menu :hover ul.sub li a:hover ul li a:hover,
.menu :hover ul.sub li a:hover ul li a:hover ul li a:hover,
.menu :hover ul.sub li a:hover ul li a:hover ul li a:hover ul li a:hover,
.menu :hover ul.sub li a:hover ul li a:hover ul li a:hover ul li a:hover ul li a:hover
{background: url(images/dropba_1.gif) no-repeat; color:#ffffff;}

.menu :hover ul.sub li a:hover span,
.menu :hover ul.sub li a.fly:hover ul li a:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a:hover span
{background: url(images/2a.gif) right top; color:#ffffff;}

.menu :hover ul.sub li a.fly:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover span
{background:url(images/1a.gif) right top; color:#ffffff;}



.menu :hover ul li:hover > a.fly {background:url(images/dropba_1.gif) no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly span {background:url(images/1b.gif) right top; color:#fff;}


.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:130px; top:0; background:transparent url(images/spacer.gif); padding:5px 5px 5px 0; white-space:nowrap; width:135px; z-index:200; height:auto;}