body { text-align: center; background: url('../grafika/bg.gif') repeat-x; background-color: #CBCBCB; font-family : Verdana, sans-serif; font-size: 12px; color:#666666; margin:0; padding:0; line-height: 12px}

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

.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; line-height: 18px; letter-spacing: -1px; font-weight: bold;}
h3{font-size: 17px; color: #557493; letter-spacing: -1px; font-weight: bold;}

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

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


#top{width: 768px; height: 12px; background: url('../i/top.gif') no-repeat; float: left}
#top h1{display: none}


#content{width: 745px; background: url('../i/content.gif') repeat-y; float: left; padding-left: 13px; padding-right: 10px}
#content img{border: 0px 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}





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


      #menu{float: left; width: 733px; height: 32px; background: url('../i/menu-bg.gif') repeat-x; margin: 0; padding: 0; list-style-type: none; padding-left: 8px; margin-top: 3px; margin-bottom: 3px}
      #menu li{float: left}
      #menu li a{display: block; color: #363636;  font-size: 13px; background: url('../i/bink.gif') no-repeat left; padding-left:15px; padding-right: 16px; margin-top: 8px}
      #menu li a:hover{color: #FFFFFF}

      /* 3 boxy */

      .boxy h2{background: url('../i/bink2.gif') no-repeat left 0px !important; font-size: 18px; color: #666666;  padding-left: 14px; font-weight: normal; margin-top: 7px; margin-bottom:10px; border: none }
      .boxy td{vertical-align: top; line-height: 15px}
      .boxy td p{}


      #box1{background: url('../i/box1.jpg') no-repeat right 35px}
      #box1 p{width: 130px}

      #box2{background: url('../i/box2.jpg') no-repeat right 100px; padding-left: 10px;}

      #box3{background: url('../i/box3.jpg') no-repeat right 130px; padding-left: 10px;}
      .boxy img{border: none !important}


      h2{background: url('../i/h2.gif') repeat-x; height: 36px; border-bottom: 2px solid #FFFFFF}
      h2 span{color: #FFFFFF; background: url('../i/bink3.gif') no-repeat left 9px; padding-left: 15px; font-size: 18px; display: block; padding-top: 8px; margin-left: 10px; font-weight: normal}



      /* aktualnosci */
      #aktualnosci{float: left; width: 494px; margin-right: 3px}
      #aktualnosci h3{color: #970000; font-size: 12px; font-weight: normal; padding-left: 10px; padding-top: 15px}
      #aktualnosci p{padding-left: 10px; padding-right: 10px}
      #aktualnosci a{display: block; border-bottom: 1px solid #CBCBCB; margin-left: 10px; text-align: right; margin-right: 10px; font-size: 11px; padding-bottom: 2px}
      
      
      
      /* galeria */
      #galeria{float: left; width: 242px; background-color: #FFEED5}
      #galeria img{border: none; margin-left: 4px}
      


      #submenu{float: left; width: 733px; height: 32px; background: url('../i/submenu-bg.gif') repeat-x; margin: 0; padding: 0; list-style-type: none; padding-left: 8px; margin-top: 3px; margin-bottom: 3px}
      #submenu li{float: left}
      #submenu li a{display: block; color: #FFFFFF;  font-size: 11px; background: url('../i/bink4.gif') no-repeat left; padding-left:7px; padding-right: 8px; margin-top:10px}
      #submenu li a:hover{color: #FFFFFF}




/* FORM */

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

.button{background: #FFB77F; color: #000000; padding: 5px; font-weight: bold}


fieldset{border: none}

.formularz label{clear: both;  float: left; width: 100%; padding-top: 10px}
.formularz label span{float: left; width: 240px; padding-right: 20px; text-align: right; }
.formularz label input{border: 1px solid #666; float: left; width: 220px}
.formularz label select{float: left; width: 220px}
.formularz label textarea{border: 1px solid #666; float: left; height: 60px; width: 220px}
.formularz label em{font-style: normal; float: left; }



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

#footer{width: 768px; height: 14px; background: url('../i/footer.gif') no-repeat;  float: left; _float: none}