header, section, nav, article, footer { display: block; }

a img { border: none; }

body { background: url("../imgs/bg.png"); font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0;}


body > header { background: url("../imgs/top_bg.png") repeat-x;  }
body > header .in { width: 990px; margin: 0 auto; position: relative; height: 102px; }
body > header h1 { position: absolute; top: 38px; left: 31px; margin: 0; padding: 0; }
body > header nav { position: absolute; right: 26px; bottom: 10px; font-size: 18px; font-style: italic}
body > header nav ul { margin: 0; padding: 0; list-style-type: none; }
body > header nav ul li { display: inline; padding: 0 5px; }
body > header nav ul li a { color: white; text-decoration: none; }
body > header nav ul li a:hover, body > header nav ul li a.active { color: #24f838; }

#banners { width: 990px; height: 245px; margin: 25px auto 0 auto; box-shadow: 0px 0px 10px #999; -moz-box-shadow: 0px 0px 10px #999; position: relative; }
#banners div.slides_container { width: 990px; height: 245px; overflow: hidden; }
#banners div.slides_container a img { display: block; }
#banners a { text-decoration: none; }
#banners .banner_left { display: block; width: 50px; height: 82px; background: url("../imgs/btn_left.png") no-repeat 0 0; position: absolute; left: -60px; top: 81px;}
#banners .banner_right { display: block; width: 50px; height: 82px; background: url("../imgs/btn_right.png") no-repeat 0 0; position: absolute; right: -60px; top: 81px;}
#banners .banner_left:hover, #banners .banner_right:hover { background-position: 0 -82px; }

body > footer { background: url("../imgs/bottom_bg.png") repeat-x; color: white; margin-top: 25px; font-size: 13px; }
body > footer .in { width: 990px; margin: 0 auto; }
body > footer .in .main { overflow: hidden; height: 109px; }
body > footer .in .main > p { padding-left: 20px; display: block; float: left; width: 705px; line-height: 90px;  }
body > footer .in .main section { width: 220px; float: left; padding-top: 15px; }
body > footer .in .main section h1 { margin: 0; padding: 0 0 10px 0; font-size: 22px; font-weight: normal;}
body > footer .in .main section h1 a { color: white; text-decoration: none; }
body > footer .in .main section p { margin: 0; padding: 1px 0; font-size: 15px; }
body > footer .in .main section a { color: white; text-decoration: none; }  
body > footer .in p.copy { color: #999; text-align: center; padding: 10px; font-size: 12px; }

#content { font-size: 13px; line-height: 18px; color: #555; overflow: hidden; margin: 25px auto 0 auto; background: white; box-shadow: 0 0 10px #999; -moz-box-shadow: 0 0 10px #999; width: 990px; }

#content a { color: #2a5d87; text-decoration: none; }
#content a:hover { text-decoration: underline; }

#content h1, #content h2, #content h3 { color: #2a5d87; margin: 0 0 20px 0; padding: 10px 0 0 0; font-weight: normal}
#content h1 { font-size: 30px; border-bottom: 3px solid #e0e0e0; padding: 0 0 10px 0; line-height: 30px}
#content h2 { font-size: 28px; border-bottom: 3px solid #e0e0e0; padding: 0 0 10px 0; line-height: 30px}
#content h3 { font-size: 16px; }
#content article { padding: 30px; text-align:justify;  }
#content article.mini { float: left; width: 680px; }
#content article ul, #content article ol { padding-left: 20px;}
#content article ul li { padding: 3px 0 3px 25px; list-style-type: none; background: url("../imgs/ok.png") no-repeat 0 5px; background-size: 15px 15px;}
#content article ul li ul { padding-left: 0;}
#content article ol li { padding: 3px 0 3px 25px; list-style-type: none; background: url("../imgs/ok.png") no-repeat 0 5px; background-size: 15px 15px; }
#content article ol li:nth-child(1) { background-image: url("../imgs/n1.png"); }
#content article ol li:nth-child(2) { background-image: url("../imgs/n2.png"); }
#content article ol li:nth-child(3) { background-image: url("../imgs/n3.png"); }
#content article ol li:nth-child(4) { background-image: url("../imgs/n4.png"); } 
#content article ol li:nth-child(5) { background-image: url("../imgs/n5.png"); }  
#content article acronym { cursor: help; }

#content article .gallery { overflow: hidden; }
#content article .gallery a.lightbox { border: 4px solid white; overflow: hidden; display: block; float: left; width: 202px; height: 152px; margin: 8px; border-radius: 4px; -moz-border-radius: 4px; box-shadow: 0 0 6px #999; -moz-box-shadow: 0 0 6px #999;}
#content article .gallery a.lightbox img { border: 1px solid #ccc; }

#content a.wiecej { background: #1b365a url("../imgs/btn_bg.png") repeat-x; background-size: 100% 100%; padding: 1px 5px; border-radius: 3px; -moz-border-radius: 3px; color: white; font-weight: bold; text-decoration: none; font-size: 10px; float: right; margin: 0; text-transform: uppercase }

/* strona główna */
#content .start .left {  float: left; width: 658px;  }
#content .start .right { float: left; padding: 30px 30px 30px 20px; width: 222px; }
#content .start .right div a { border: 4px solid white; overflow: hidden; display: block; float: left; width: 202px; height: 152px; margin: 6px; border-radius: 4px; -moz-border-radius: 4px; box-shadow: 0 0 6px #999; -moz-box-shadow: 0 0 6px #999;}
#content .start .right div a img { border: 1px solid #ccc; }
#content .start .right a.wiecej { margin: 10px 6px 0 0;}





/* menu na podstronach */
#content nav.left { width: 200px; float: left; padding: 30px 20px 30px 30px; }
#content nav.left h2 { }
#content nav.left ul { margin: 0; padding: 0; list-style-type: square; list-style-position:inside; color: #2a5d87 }
#content nav.left li { padding: 5px 5px 5px 20px; /* background: url("../imgs/point_list.png") no-repeat 0px 4px; */ }
#content nav.left ul li a { font-size: 15px;  }


/* formularz kontaktowy */
#content .kontakt {  }
#content .kontakt .left { float: left; width: 492px; }
#content .kontakt .right { float: left; width: 388px; padding: 30px 30px 30px 20px; margin: 0; }
#content .kontakt .right h2 { margin-top: 0; padding-top: 0; }
#content .kontakt .right form > div { padding: 3px 0; }
#content .kontakt .right label { width: 180px; text-align: left; display: block; float: left; }
#content .kontakt .right span.error { display: block; color: red; }
#content .kontakt .right input, #content .kontakt textarea { border: 1px solid #ccc; background-color: white; border-radius: 3px; -moz-border-radius: 3px; padding: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #333; }
#content .kontakt .right input { width: 200px; }
#content .kontakt .right textarea { width: 380px; height: 150px; }
#content .kontakt .right input[type="submit"] { display: block; width: auto; padding: 3px 10px; text-transform: uppercase; border: none;  background: #1b365a url("../imgs/btn_bg.png") repeat-x; background-size: 100% 100%; border-radius: 3px; -moz-border-radius: 3px; color: white; font-weight: bold; text-decoration: none; font-size: 11px; float: right; margin: 0; }

/* realizacje */

#content .realizacje { margin-top: -20px; }
#content .realizacje article { padding: 0 30px 30px 30px; overflow: hidden; }
#content .realizacje article header h3 { font-size: 18px; }
#content .realizacje article a.main { border: 4px solid white; overflow: hidden; display: block; float: left; width: 302px; height: 227px; margin: 6px 20px 6px 6px; border-radius: 4px; -moz-border-radius: 4px; box-shadow: 0 0 6px #999; -moz-box-shadow: 0 0 6px #999; }
#content .realizacje article a.main img { border: 1px solid #ccc; }
#content .realizacje article a.online { background: #1b365a url("../imgs/btn_bg.png") repeat-x; background-size: 100% 100%; padding: 4px 5px; border-radius: 3px; -moz-border-radius: 3px; color: white; font-weight: bold; text-decoration: none; font-size: 10px; margin: 0; text-transform: uppercase}

.obfs { unicode-bidi:bidi-override; direction: rtl; }