body { text-align: center; background: url('../grafika/bg.gif') repeat-x; background-color: #FFFFFF; font-family : Verdana, sans-serif; font-size: 11px; color:#4C76A0; margin:0; padding:0;}




	
.galeria{
	list-style-type: none !important;
	margin: 0; padding: 0;
	text-align: center;
	width: 100%;
}

.galeria li{float: left; text-align: left; width: 220px; height: 130px;}		
.galeria li img {
	background: #eee;
	padding: 3px;
	border: 1px solid #ccc;
	margin: 5px;
	margin-left: 0px;
	display: block
}	

.galeria li img:hover{
	border: 1px solid #0E3768
}	

.galeria li a{background: none !important;}

.galeria li span{}


.ddmx .item1,
.ddmx .item1-active,
.ddmx .item1-active:hover {
 
    

    display: block;
    color: #FFFFFF !important;
    background: url('../grafika/menu-bink.gif') no-repeat right 2px;
    padding-left:6px;
    padding-right: 4px;

    font-size: 10px;
    font-family: Verdana, sans-serif;
    _margin-top: 10px;
    position: relative;


}


.ddmx .item1:hover,
.ddmx .item1-active,
.ddmx .item1-active:hover {
    color: #FFFFFF !important;
    padding-left:6px;
    padding-right: 4px;
    
    font-size: 10px;
    font-family: Verdana, sans-serif; 
    
 }


.ddmx .item2
 {
    padding: 3px 8px 4px 8px;
    color: #000000;
    font-weight: normal;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
    border-bottom: 1px solid #000000;

}
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
    padding: 3px 8px 4px 8px;
    color: #000000;
    font-weight: normal;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
    border-bottom: 1px solid #000000;

}
.ddmx .item2 {
    background: #ffffff;
}
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
    background: #ffffff;
}
.ddmx .arrow,
.ddmx .arrow:hover {
    padding: 3px 16px 4px 8px;
}
.ddmx .item2 img,
.ddmx .item2-active img{
    position: absolute;
    top: 4px;
    right: 1px;
    border: 0;
}
.ddmx .section {

    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    position: absolute;
    visibility: hidden;
    z-index: -1;
}

* html .ddmx td { position: relative; } /* ie 5.0 fix */


hr {height:1px; margin-left: 3px; margin-right:3px; color:#000000;}
a {text-decoration: none; color: #4C76A0; font-weight: normal}
a:hover {color: #4C76A0; text-decoration: underline}
img,div, p,form, input, textarea {border: 0px none; padding:0px; margin:0px; font-size:10px}
table, td{padding: 0px; margin: 0px; font-size:10px}

.clear {clear:both;}
.left{float: left; display: inline}
.right{float: right; display: inline}
.first{border: none !important}
#first{border: none !important; padding: 0 !important}

p{margin-top: 4px; margin-bottom: 4px; clear: both}

h1, h2, h3, h4{margin: 0; padding: 0; font-size: 11px}

h2{font-size: 18px; color: #557493; letter-spacing: -1px; font-weight: bold;}
h3{font-size: 17px; color: #557493; letter-spacing: -1px; font-weight: bold;}

/* ~~~~~~~~ szkielet ~~~~~~ */

.center {width:989px; text-align:left;   margin-left: auto; margin-right: auto;  border: none; padding-top: 5px}


#top{width: 784px; height: 257px; background: url('../grafika/top.gif') no-repeat; padding-top: 10px; padding-left: 9px}


#content{width: 762px; background: url('../grafika/content.gif') repeat-y; float: left; clear: both; padding-left: 10px; padding-right: 10px}
#content img{border: 1px solid #999999; padding: 2px}
#content p{clear: both}
#content hr{border: none; width: 100%; height: 1px; background: url('../grafika/hr.gif') repeat-x; display: block; width: 100%; float: left; clear: both}
* html #content hr{color: #CCCCCC}


.menu{float: left; width: 754px; height: 37px; background: url('../grafika/menu-bg.gif') repeat-x; margin: 0; padding: 0; margin-top: 2px; padding-top: 2px; padding-bottom: 2px; list-style-type: none; padding-left: 8px}
.menu li{float: left}
.menu li a{display: block; color: #FFFFFF;  background: url('../grafika/menu-bink.gif') no-repeat left 2px; padding-left:6px; padding-right: 6px; margin-top: 10px}
.menu li a:hover{color: #FFFFFF}



/* ~~~~~~~~ left ~~~~~~ */

#left{width: 558px; float: left; border-right: 1px solid #CCCCCC; padding-right: 10px;}
#left a{float: left; font-weight: bold}
#left img{border: none; padding: 2px;}

/* ~~~~~~~~ right ~~~~~~ */

#right{width: 157px; float: left; padding-left: 15px}
#right img{margin-top: 10px}


.box{width: 244px; float: left}

.box h2{height: 37px; background: url('../grafika/menu-bg.gif') repeat-x; color: #FFFFFF; padding-top: 6px; padding-left: 10px}
.box h3{color: #858585; font-size: 17px}
.box a img{float: left; vertical-align: middle}

.box img{border: none !important}
.box div{text-align: center; height: 150px; float: left; width: 100px; padding-left: 5px}
.box img{float: left; display: inline}
.box a img{float: left; vertical-align: middle}

.box h4{color: #FF6600; font-size: 18px; float: right}
.box h5{color: #ACACAC; font-size: 14px; margin: 0; padding: 0; padding-top: 50px}


#informacje{float: left; color: #4F6780; font-size: 12px; padding-top: 4px}
#informacje img{border: none !important; border-right: 1px solid #4F6780 !important; padding-right: 10px; margin-right: 10px; float: left}



#txt{width: 735px; float: left; padding: 20px; padding-top: 10px}
#txt h2{padding-bottom: 10px}
#txt a{text-decoration: underline}
#txt a:hover{text-decoration: none}
#txt ul{margin: 0; padding: 0; list-style-type: none; margin-left: 6px; margin-top: 5px; margin-bottom: 5px}
#txt ul li{background: url('../grafika/ul.gif') no-repeat; padding-left: 20px; margin-bottom: 10px}

/* FORM */

.form{width: 230px; height: 14px;   padding-top: 1px; background: url(../grafika/form_tlo3.gif); border: 1px solid #CBCBCB; margin-top: 5px}
.formularz{float: left; width: 100px; text-align: right; margin-right: 20px; margin-top: 5px}
.mini{font-size: 10px; color:#999797}

.button{width: 85px; height: 22px; font-size: 13px; margin-left: 40px; padding-bottom: 2px; background-color: #989898; color: #FFFFFF}


/* ~~~~~~~~ footer ~~~~~~ */

#footer{width: 784px; height: 11px; background: url('../grafika/bottom.gif') no-repeat;  float: left; _float: none}