/* ----- reset.css ----- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block;}
body { line-height: 1.5; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
/* ----- STYLE ----- */
body { font-family: 'Open Sans', Verdana, Helvetica, Arial, sans-serif; padding: 0px; margin: 0px auto; background-color: #dddddd; background-image: url('../img/site/bgr.png'); color: #555555; font-size: 13px; line-height: 20px; background-position: center; }
.newLine { clear: both;}
.hidden { display: none; }
.fl { float:left;}
.fr { float:right;}
.blue { color:#00aeef;}
em { font-style: italic;}
div.hr { margin-top:18px; margin-bottom: 12px; height: 1px; background-color: #aaaaaa;}
a { text-decoration: none; color:#00aeef; }
a.kotwica { display: block; }
a:hover { color: #00658b; }
a.black { color:white; padding: 0.5em 0.75em; text-decoration: none; display: block; letter-spacing: 0.07em; background-color: black; }
a.black:hover { color: #d7d7d7; }
h3 a:hover { color:#6f96d6; }
div.main { margin:0 auto; padding: 0; background-image: url('../img/site/dark.png'); background-repeat: repeat-y; background-position: center; }
h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', Helvetica, Arial, sans-serif; color: black; letter-spacing: -1px; font-weight: normal; padding:0px; margin:0px; width:auto; display:block; letter-spacing: 0px; margin-top:3px; margin-bottom: 5px; }
h1 { color: black; font-size:22px; margin-bottom:12px; line-height: 26px; }
h1 .blue { color:#00aeef; }
h2 { font-size:20px; margin-bottom:6px; line-height: 26px; margin-bottom:3px; }
h3 { margin-bottom:3px; font-size:21px; margin-bottom:0; line-height: 27px; }
h4 { margin-bottom:1px; letter-spacing: 0; font-size:16px; line-height: 24px; }
h5 { font-size: 15px; line-height: 23px; }
h6 { font-size: 14px; line-height: 22px; }
div.tresc h1 a, div.tresc h2 a, div.tresc h3 a, div.tresc h4 a, div.tresc h5 a, div.tresc h6 a { color: black; }
div.tresc h1 a:hover, div.tresc h2 a:hover, div.tresc h3 a:hover, div.tresc h4 a:hover, div.tresc h5 a:hover, div.tresc h6 a:hover { color: #00aeef; }
ul{ margin:0px; padding:0px; margin-left:15px; list-style-type:circle; }
ul li{ margin:0px; padding:0px; margin-bottom: 0.2em; }
/* --- MENU ----------------------------------------- */
div.menu-top { padding-top: 48px;}
div.menu {float: right; margin-right: 2px; font-family: Verdana, Arial; font-size: 12px; text-align: right; }
div.menu a { text-decoration:none; display: block; float:left; font-weight: normal; cursor: pointer; color: #444444; padding:4px 20px; background-color: #eeeeee; background-image: url("../img/site/bgr-menu.png"); background-position: bottom; background-repeat: repeat-x; border: 1px solid #bbbbbb; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; behavior: url(../htc/ie-css3.htc); margin:0 4px;}
div.menu a.sel { background-color: #00aeef; color: white; border: 1px solid #0091c7;}
div.sekcja-wrapper { padding-bottom: 36px; background-position: top right; background-repeat: no-repeat; }
div.sekcja-bottom { height: 30px; padding-bottom: 520px; background-position: center top; background-repeat: no-repeat; }
div.sekcja { padding-bottom: 24px; width: 1120px; margin: 0 auto; }
div.header-image { padding-top: 24px; padding-bottom: 14px; }
div.text { font-size: 13px; line-height: 20px; margin-bottom: 6px; }
div.subtext { float: left; width: 325px; }
div.subtext-center { margin:0 70px; }
div.subtext-image {text-align: center; margin-bottom: 12px;}
/* J«zyk ---- */
div.lang-wrapper {position: fixed; width: 100%;}
div.lang {width: 1108px; margin: 0 auto;}
div.lang a { float: right; background-color: white; border: 1px solid #cccccc; border-top: none; color: #999999; margin-left: 18px; padding: 2px 14px; font-size: 11px; background-image: url("../img/site/bgr-menu.png"); -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; behavior: url(../htc/ie-css3.htc);}
div.lang a img { float: left; margin-top: 5px; margin-right: 5px;}
/* -- linki bottom -- */
div.linki-bottom {margin-top: 16px; }
div.linki-bottom div.link { float: left; width: 298px; height: 60px; background-image: url("../img/site/bgr-header.png"); padding: 10px; border: 1px solid #f7f7f7; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; behavior: url(../htc/ie-css3.htc);}
div.linki-bottom div.link-center { margin:0 80px; }
div.linki-bottom div.link img { margin-right: 10px; }
div.linki-bottom div.link div.link-opis a { font-size: 15px; }
div.linki-bottom div.link div.link-opis p { font-size: 11px; }
div.linki-bottom div.link a.button { width: 300px; height: 60px; padding: 0; margin: 0; line-height: 60px; text-align: center; font-size: 18px; background-image: url('../img/site/bgr-button-big.png');	
}

/* -- linki ------------------ */
div.linki { margin-bottom: 12px; }
div.linki a .link-text { font-size: 10px; color: #828181; display: block; text-align: center; margin-top: - 10px; }
div.linki a.link-image { margin-right: 16px; width: 36px; padding: 4px }
div.linki a.link-image .link-image-wrapper {background-position: top left; background-repeat: no-repeat; display: block;}
div.linki a.link-image img {margin: 0; padding: 0; display: block;}
/* -- Formularz -- */
div.formularz { background-image: url('../img/site/bgr-formularz.png'); width: 720px; padding: 20px; padding-top: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; behavior: url(../htc/ie-css3.htc);}
div.formularz div.form-message { padding-top: 24px; padding-bottom: 64px; }
div.send { margin-top: 12px; margin-bottom: 12px; }
div.formularz div.wymagane { float: right; font-size: 13px; font-style: italic; color: #555555; }
div.formularz input { height: 32px; font-size: 14px; line-height: 32px; padding: 0 5px; width: 310px; border: none; color: black; background-color: white; }
div.formularz textarea { color: black; font-size: 14px; padding: 5px; width: 310px; border: none; height: 81px; background-color: white; }
div.formularz div.pole { margin-bottom: 10px; }
div.formularz div.pole div.label { color: #666666; font-size: 13px; line-height: 17px; margin: 0; padding: 0; margin-bottom: 5px; margin-left: 5px; }
div.select div.select-input { height: 32px; font-size: 14px; line-height: 32px; padding: 0 5px; width: 310px; border: none; color: black; background-color: white; cursor: pointer; font-style: italic; background-image: url("../img/site/bgr-select.png"); background-position: center right; background-repeat: no-repeat; }
div.select div.select-input:hover { background-image: url("../img/site/bgr-select-hover.png"); }
div.select ul, div.select ul li { display: block; list-style: none; padding: 0; margin: 0; }
div.select ul.select-list { display: none; position: absolute; float: left; font-size: 13px; line-height: 32px; width: 320px; color: black; background-color: #f2f2f2; -webkit-box-shadow: 0px 5px 10px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 5px 10px 5px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 10px 5px rgba(0, 0, 0, 0.1); }
div.select ul.select-list li { display: block; padding: 0 10px; cursor: pointer; }
div.select ul.select-list li.sel { background-image: url("../img/site/bgr-light-blue.png"); }
ul.select-list li:hover { background-color: #00aeef; }
div.formularz div.error div.label { display: none; }
div.formularz div.error div.error_message{ color: red; font-size: 13px; line-height: 17px; margin: 0; padding: 0; margin-bottom: 5px; margin-left: 5px; }
/* -- przycisk ------------------ */
a.button { height: 30px; line-height: 30px; font-size: 13px; padding: 0 21px; color: white; background-color: #00aeef; background-image: url("../img/site/bgr-menu.png"); background-repeat: repeat-x; background-position: bottom; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #0091c7; behavior: url(../htc/ie-css3.htc);}
/* -- przycisk  straza¸ka ------------------ */
a.go { height: 24px; line-height: 24px; font-size: 11px; color: white; }
a.go .go-left { float: left; display: block; width: 9px; height: 24px; background-image: url("../img/site/back-left.png"); background-repeat: no-repeat; background-position: center right; }
a.go .go-right { float: right; display: block; width: 9px; height: 24px; background-image: url("../img/site/back-right.png"); background-repeat: no-repeat; background-position: center left; }
a.go .go-center { display: block; height: 24px; margin: 0 9px; line-height: 24px; background-image: url("../img/site/back-center.png"); background-repeat: repeat-x; background-position: center; }
a.back .go-right{ display: none; }
a.back .go-center { padding-left:10px; padding-right: 18px; }
a.next .go-left{ display: none; }
a.next .go-center { padding-left:18px; padding-right: 10px; }
/* -- portfolio na stronie g¸—wnej -- */
div.portfolio-commons div.portfolio-commons-item { width: 320px; height: 250px; margin-bottom: 20px; display: block; float: left; }
div.portfolio-commons a { display: block; width: 320px; height: 250px; display: block; color: #aaaaaa; border: 1px solid: #f9f9f9; }
div.portfolio-commons a .portfolio-image { display: block; width:300px; height: 200px; background-repeat: no-repeat; background-position: center center; padding: 0; margin: 0; background-color: #cccccc; padding: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; behavior: url(../htc/ie-css3.htc);}
div.portfolio-commons div.portfolio-middle { margin: 0 80px; }
div.portfolio-commons a .portfolio-opis {padding: 0 10px; }
div.portfolio-commons a .portfolio-nazwa {display: block; font-size: 18px; line-height: 30px; height: 30px; overflow: hidden; font-family: 'Open Sans'; padding: 0px 5px;}
div.portfolio-commons a .portfolio-kategoria {display: block; color: white; background-color: #00aeef; float: right;  line-height: 24px; height: 24px; font-size: 12px; font-family: 'Open Sans'; padding-left:12px; padding-right: 12px; margin-top: 176px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; behavior: url(../htc/ie-css3.htc);}
div.portfolio-commons a img {background-color: #cccccc; padding: 10px; width: 300px; height: 200px;}
/* -- podstrony -- */
div.top { width: 820px; margin: 0 auto; padding-top:24px; }
/* -- scieýka -- */ 
div.path { width: 820px; margin: 0 auto; font-size: 10px; margin-top:6px; margin-bottom: 24px; color: #aaaaaa; }
div.path a { float: left; color: #aaaaaa; margin-right: 2px; }
div.path a:hover { color: #00aeef; }
div.path a .first {display: block; float: left; background-image: url("../img/site/path-first.png"); background-repeat: no-repeat; width: 5px; height: 23px;}
div.path a .right {display: block; float: left;  background-image: url("../img/site/path-right.png"); background-repeat: no-repeat; width: 5px; height: 23px;}
div.path a .left {display: block; float: left;  background-image: url("../img/site/path-left.png"); background-repeat: no-repeat; width: 5px; height: 23px;}
div.path a .center {display: block; float: left; background-image: url("../img/site/path-center.png"); background-repeat: repeat-x; width: auto; height: 23px; padding: 0 5px; }
div.path .last { float: left; color: #aaaaaa; margin-right: 2px; }
div.path .last .first {display: block; float: left; background-image: url("../img/site/path-first.png"); background-repeat: no-repeat; width: 5px; height: 23px;}
div.path .last .right {display: block; float: left;  background-image: url("../img/site/path-last.png"); background-repeat: no-repeat; width: 5px; height: 23px;}
div.path .last .left {display: block; float: left;  background-image: url("../img/site/path-left.png"); background-repeat: no-repeat; width: 5px; height: 23px;}
div.path .last .center {display: block; float: left; background-image: url("../img/site/path-center.png"); background-repeat: repeat-x; width: auto; height: 23px; padding: 0 5px; }
/* -- portfolio --*/
div.portfolio { margin: 0 auto; width: 820px; }
div.portfolio div.portfolio-projekt { margin-bottom: 32px; }
div.single-portfolio-projekt { padding-top: 12px; }
div.portfolio div.portfolio-projekt a.portfolio-hover { display: block; background-color: #cccccc; padding: 10px; }
div.portfolio div.portfolio-projekt a img { display: block; padding: 0; margin: 0; }
div.portfolio-images { margin-top: 6px; }
div.projekt-opis { width: 460px; margin-bottom: 12px; }
div.portfolio-images img { padding: 10px; background-color: #cccccc; margin-bottom: 24px; }
div.portfolio h1, div.portfolio h2, div.portfolio h3, div.portfolio h4, div.portfolio h5, div.portfolio h6 { font-family: 'Open Sans'; letter-spacing: -1px;}
div.portfolio h1 { font-size: 36px; line-height: 44px; color: #777777; padding: 0; margin: 0; }
div.portfolio h1 a { color: #555555; }
div.portfolio h1 a:hover { color: #00aeef; }
div.portfolio h2.kategoria { font-size: 18px; line-height: 18px; padding: 0; margin: 0; color: #777777; margin-bottom: 12px; }
div.portfolio-link { margin-bottom: 12px; margin-right: -10px; }
/* --- TEXT -----------*/
div.text a { color: black; }
div.text a:hover { color: #00aeef; }
/* --- TAGI -----------*/
div.tagi { margin-bottom: 8px; }
div.tagi a.tag { font-family: Verdana; float: right; background-color: #999999; display: block; color: white; padding: 1px 8px; margin-left: 6px; height: 19px; font-size: 11px; line-height: 19px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; behavior: url(../htc/ie-css3.htc);}
div.tagi-list { margin-top: 6px; }
div.tagi div.tag { line-height:  32px; margin: 0 5px; }
div.tagi img { margin-right: 6px; }
/* --- pages ---*/
div.pages-wrapper { margin-bottom: 16px; }
div.pages-opis { float: left; font-size: 15px; font-family: 'Open Sans'; font-weight: normal; margin-bottom: 1px; margin-right: 10px; color: white; letter-spacing: 1px; }
div.pages { text-align: right; font-family: 'Open Sans'; width: 820px; margin:0 auto; text-align: left; padding: 10px 0; color: white; }
div.pages a { font-size: 20px; line-height:normal; display: block; float: left; margin: 0px; padding: 4px 10px; margin-right: 4px; font-weight: normal; line-height: 20px; color: gray; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; behavior: url(../htc/ie-css3.htc);}
div.pages a:hover, div.pages a.current { color: white; background-color: #32cbff; }
div.pages a.pages-all { font-weight: normal; font-size: 12px; float: right; }
a.menu-button { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url(../htc/ie-css3.htc); background-color: #cccccc; padding: 4px 6px; color: #444444; margin: 0 4px; font-size: 12px; }
a.menu-button-sel { color: #eeeeee; background-color: #666666; }
div.error404 { padding-top: 24px; width: 1120px; margin: 0 auto; }
div.info404-item { margin-right: 64px; }
img.image404{ padding: 24px 0; }
div.tekst { width: 820px; margin: 0 auto; padding-bottom: 24px; }
div.tekst h1 { color: #00aeef; }
div.tekst div.subtext { float: none; width: 560px; margin: 0; padding: 0; margin-bottom: 36px; }
div.small-text { margin-bottom: 8px; }
/* -- download --*/
div.download { margin: 0 auto; width: 820px; }
div.download div.download-right { width: 280px; font-size: 12px; }
div.download div.plik { margin-bottom: 36px; }
div.download div.plik a.button { margin-top: 24px; }
div.download img { padding: 10px; background-color: #cccccc; margin-bottom: 24px; }
div.download h1, div.download h2, div.download h3, div.download h4, div.download h5, div.download h6 { font-family: 'Open Sans', Verdana; }
div.download h1 { font-size: 20px; line-height: 24px; color: #555555; padding: 0; margin: 0; margin-bottom: 6px; }
div.download h1 a { color: #555555; }
div.download h1 a:hover { color: #00aeef; }
div.download h2 { font-size: 18px; line-height: 18px; padding: 0; margin: 0; margin-bottom: 12px; }
/* -- images -- */
div.images { margin: 5px 0; }
div.images a img { margin: 4px; padding: 4px; background-color: #cccccc; }
img.big-logo { margin-left: 10px; }
/* -- bottom -- */
div.bottom { width: 820px; margin: 0 auto; padding-top: 4px; padding-bottom: 64px; }
div.powrot { padding: 24px 0; }
div.share { margin: 32px 0;}