@import url("slide-show.css");
@import url("web-phone.css");

html,body {margin:0;padding:0}
body {font:13px sans-serif;color:#031327;background:#fff url('../images/bg.png') repeat-x 0 0}

a {font:13px sans-serif;color:#fe6529;text-decoration:none}
a:hover {font:13px sans-serif;color:#6d8296;text-decoration:none}

img {border:0} .left {float:left} .right {float:right} .clear {clear:both} .txl {text-align:left} .txr {text-align:right} .txc {text-align:center} 
.error {color:#ff0000}
hr {color:#25395a;margin:0;border:0;background:#25395a;height:1px}

#root {background:url('../images/main-mid.png') repeat-y 0 160px;width:992px;margin:0 auto}


/* BOXES ----------*/
.box {background:url('../images/box-top.gif') no-repeat 0 0;width:190px;margin-bottom:15px}
.box-mid {background:url('../images/box-mid.gif') repeat-y 0 0;width:170px;padding:5px 10px}

#newsl label,.box h3,.box2 h3 span,.frame h4 span {font-size:14px;color:#031327;line-height:19px;background:url('../images/blt.gif') no-repeat 10px 10px;
margin:0;padding:8px 0 10px 26px;display:block}
.box h3 span {display:block}
.box.clients h3 {padding-bottom:0}

.box p {text-align:justify;margin:0;padding:0;clear:left}
.box img {display:block;margin:0 0 12px}
.box .clear {font-size:0;line-height:4px;background:#ccc url('../images/box-bottom.gif') no-repeat 0 0;width:100%;height:4px}

.box2 h3,#col-left ul h3 {background:url('../images/box2-top.gif') no-repeat 0 0;width:190px;margin:15px 0;padding:0}


/*box2*/
.box2 h3 {height:35px;margin:0 0 10px}
.box2 h3 span {padding:8px 0 10px 26px}
.box2 p {margin:0 0 10px;padding:0 10px 10px;border-bottom:1px #c2cbd3 dotted}
.box2 a,.box2 a:hover {color:#031327;line-height:19px;display:block;margin:0 0 10px;padding:0 0 10px;border-bottom:1px #c2cbd3 dotted}
.box2 a:hover {color:#6d8296}
.box2 img {float:left;display:block;margin:5px 12px 0 0;width:50px}

.more {text-align:right;display:block;margin:5px 0 1px}
.more a,.more a:hover,#content .more a,#content .more a:hover {text-decoration:none;background:url('../images/arr.gif') no-repeat 0 -11px;border:0;padding-left:10px}
.more a:hover,#content .more a:hover {background-position:0 6px}


/*top*/
#top {background:#c2cbd3 url('../images/main-top.png') no-repeat 0 1px;width:992px;height:120px;margin:0 auto}
h1 {width:179px;height:81px;margin:0;padding:0;float:left;position:relative;left:30px;top:33px}


/*flags*/
#flags {float:left;margin:30px 0 0;position:relative;left:515px}
#flags a,#flags a:hover {background:url('../images/flags.png') no-repeat 0 0;text-decoration:none;width:25px;height:17px;display:block;float:left;margin-left:10px;cursor:pointer}

#flags a.pl {background-position:0 0}
#flags .pl:hover,
#flags a.pl.active,
#flags a.pl.active:hover {background-position:0 -17px}

#flags .en {background-position:0 -34px}
#flags .en:hover,
#flags .en.active,
#flags .en.active:hover {background-position:0 -51px}


/*newsletter*/
#news-l {float:right;margin:29px 21px 0 0}
#news-l form#newsl {background:url('../images/box-bottom.gif') no-repeat 0 bottom;width:100%;margin:0;padding:0 10px 10px}
#news-l label {font-weight:bold;text-indent:16px;background-position:0 12px;padding:10px 0;display:block;float:none}
#news-l input {width:128px;margin-right:5px}
#news-l input.btn-sm {width:30px;float:none}
#news-l span {font-size:11px;color:#c3ccd4;cursor:pointer;border-bottom:1px transparent solid;float:left;margin:12px 0 -27px}
#news-l span:hover {border-bottom:1px #c3ccd4 solid}


/*permission*/
#center {text-align:center;position:absolute;top:13%;left:0 !important;z-index:100;width:100%;background:none !important}
#perm {text-align:left;overflow:auto;background:#fff;border:4px #ff9d00 solid;width:450px;padding:20px 20px;margin:0 auto}
#perm h3 {font-size:14px;color:#031327;line-height:19px;background:url('../images/blt.gif') no-repeat 0 2px;margin:0;padding:1px 0 10px 16px;display:block}

#perm input.noborder {margin:3px 10px 0 0;float:none}
#perm p {text-align:justify;line-height:19px;margin:0 0 10px;padding:0 0 13px;border-bottom:1px #c2cbd3 solid}
#perm input {margin-left:10px}
#perm .error {text-align:left;padding:0}

/*polec*/
#center2 {text-align:center;width:320px;height:100%;margin:0 auto;z-index:100;background:#ccc !important}
#perm.polec {width:320px;position:absolute;top:50%;margin-top:-19em;}
#perm.polec label {text-align:left;width:75px;float:left;margin:0;padding:0}
#perm.polec input,.polec textarea {width:225px;float:right}
.polec label span {font-size:11px;color:#ccc}
#perm.polec p {clear:both;margin-bottom:20px;border:0}
.polec textarea {margin:0 0 10px 0}

/*nav-top*/
#nav-top,nav-top li {list-style:none;margin:0;padding:0}
#nav-top {background:url('../images/nav-top.png') repeat-x 0 center;border:1px #0d468d solid;width:972px;height:38px;margin:0 auto}
#nav-top li {float:left;border-right:1px #285b9a solid}

#nav-top a,#nav-top a:hover {color:#fff;text-decoration:none;display:block;padding:11px 20px}
#nav-top a:hover {color:#fe8429}

#nav-top li.active {color:#fff;background:url('../images/navi-top-active.png') no-repeat center bottom;border-bottom:1px #fe8429 solid}
#nav-top .active a {color:#fe8429}


/*box-top*/
#box-top {width:974px;height:200px;margin:1px auto;background:#e3e7eb}


/*col-left*/
#col-left {width:190px;float:left;position:relative;left:21px;top:15px;margin:0 10px 20px 0}
#col-left ul h3 {text-indent:9px;margin:0;padding:10px 0}
#col-left ul,#col-left li {list-style:none;margin:0;padding:0;width:190px;}
#col-left ul {margin-bottom:15px}
#col-left li {background:url('../images/box2-top.gif') no-repeat 0 0;width:190px;margin:10px 0 0}

#col-left a,#col-left a:hover {font:bold 14px sans-serif;color:#0f448c;text-decoration:none;width:auto;display:block;padding:10px 9px 9px}

#col-left li.nls {background:none;border-bottom:1px #c2cbd3 dotted;margin:0;}
#col-left li.nls a,#col-left li.nls a:hover {font:normal 13px sans-serif;color:#031327;padding:7px 9px 6px}
#col-left a:hover,#col-left li.nls a:hover {color:#6d8296}

#col-left a.active,
#col-left li.nls a.active,
#col-left li.nls a.active:hover {font-weight:bold;color:#fe7529}

/*home*/
.home-box {width:540px;height:215px}

/*NEWS*/
#news,.frame {background:url('../images/news-mid.gif') repeat-y 0 0;width:530px;margin:0 0 20px}

.block {display:block}
.hidden {display:none}

#news-navi {background:url('../images/news-top-right.gif') no-repeat right 0;width:100%;display:block;height:38px}
#news-navi ul,#news-navi li {list-style:none;list-style-image:none !important;margin:0;padding:0}
#news-navi ul {width:100%;height:38px;float:left;overflow:hidden}
#news-navi li {width:145px;height:38px;float:left}

#news-navi ul a,
#news-navi ul a:hover {font-weight:bold;background:url('../images/news-tabs.gif') no-repeat;display:block;padding:11px 0;cursor:pointer}

a.active {color:#031327}
a.inactive {color:#e1e5e9}
a.inactive:hover {color:#fff}

ul a#tab1,ul a#tab1:hover {padding-left:27px}
ul a#tab2,ul a#tab2:hover {padding-left:32px}

#tab1.inactive,#tab1.inactive:hover {background:none}
#tab2.active,#tab2.active:hover {background-position:0 -38px}
#news-navi ul a.inactive,#tab2.inactive:hover {background-position:0 -76px}

.news-block {margin:10px;border-bottom:1px #c2cbd3 dotted}

#news h3 {padding:5px 0 3px}
#content h3 a,#content h3 a:hover {font:bold 14px sans-serif;color:#0f448c;line-height:21px;text-decoration:none;background:url('../images/arr.gif') no-repeat right -13px;border:0;padding-right:12px}
#content h3 a:hover {color:#6d8296;background-position:right 4px}
.news-date {font-size:10px;color:#c2cbd3;float:left;display:block;width:100%}
.news-block img {display:block;margin:5px 15px 0 0}
.news-block img.right {display:block;margin:5px 0 0 15px}
.news-block p {margin:-10px 0 0;padding:0}


#news-pagin {background:#c2cbd3 url('../images/news-pagin.gif') no-repeat 0 0;overflow:hidden;width:530px;height:34px}
#news-pagin div {float:right;padding:8px 10px 0}
#content #news-pagin a,#content #news-pagin a:hover {font-weight:bold;color:#fff;padding:0 5px;border:0}
#content #news-pagin a:hover {color:#fe7529}
/*#news-pagin .current {color:#c2cbd3;background:#fff;padding:0 5px}*/


/*Aktualnosci Download list*/
.news-block2 {margin:10px 0;padding:0 0 10px}
.news-block2 h3 a,.news-block2 h3 a:hover {font:bold 14px sans-serif;color:#0f448c;text-decoration:none;
background:url('../images/arr.gif') no-repeat right -13px;border:0;padding-right:12px}
#content .news-block2 p {margin:0;padding:0}
.news-block2 .more {margin:0;padding:0}

.dl-row {display:block;margin:12px 0 0;padding:5px 15px 0;height:27px;background:#f6f8f9;border:1px #c2cbd3 solid}
.dl-row span {text-align:right;display:block;float:left;width:100px;margin-right:15px;padding:0 5px;border-right:1px #c2cbd3 dotted}
.dl-row .news-date {padding-top:1px}
#content .dl-row a,#content .dl-row a:hover {display:block;float:right;margin-top:3px}
#content a.button,#content a.button:hover {display:block;float:left;height:19px;border:0;margin:0;padding:3px 0 0 !important}

.dl-button {font-size:11px}
.dl-button a,.dl-button a:hover {font:bold 17px sans-serif;color:#fff;text-decoration:none;text-align:center;
background:url('../images/dl-button.gif') no-repeat 0 0;width:135px;margin:0 auto;padding:11px 0;border:0 !important;display:block;cursor:pointer}
.dl-button a:hover,.dl-button a:focus {color:#fe8429;background-position:0 -42px}


/*frame*/
.frame {margin:0}
.frame h4 {background:url('../images/frame-top.gif') no-repeat 0 -0;width:540px;margin:0;padding:0}
.frame-bottom {font-size:0;line-height:4px;background:url('../images/frame-bottom.gif') no-repeat 0 bottom;width:100%;height:4px;margin:0 0 15px}


/*content*/
#content {line-height:21px;float:left;width:530px;position:relative;left:31px;margin:25px 0 0}
h2 {font-size:21px;letter-spacing:1px;line-height:29px;margin:0;padding:1px 0 15px}
h3 {font-size:17px;color:#0f448c;margin:0;padding:5px 0 9px}
h4 {font-size:13px;color:#0f448c;margin:0;padding:5px 0 9px}
#content p {text-align:justify;margin:0;padding:0 0 15px}

#content ul,#content ol {color:#fe8429;margin-top:0}
#content li {color:#031327;list-style-image:url('../images/blt-li.gif');margin-bottom:7px}

#content a {border-bottom:1px dotted}
#content a:hover {text-decoration:underline;border-bottom:1px solid}

ul.img-cont {list-style-type:none;margin:5px 0 5px 20px;padding:0;float:right;width:250px}
ul.img-cont img {display:block}
#content .img-cont li {text-align:center;list-style-image:none;margin:0;padding:0}
#content .img-cont li.img-txt {font-size:11px;line-height:15px;margin-top:10px}

#content em {color:#0f448c}


/*pagination*/
.pag {font-weight:bold;padding:5px 0;background:#f6f8f9;height:22px;-moz-border-radius:0 0 5px 5px}
.pag.top {margin-bottom:20px;-moz-border-radius:5px 5px 0 0}
#content .pag a,#content .pag a:hover {text-decoration:none;border:1px #c2cbd3 solid;margin:0 5px;padding:2px 0;display:block;float:left}
#content .pag a:hover {background:#fff;border:1px #fe7529 solid}
.pag span {padding:0 7px;float:left;display:block}
span.pnav {line-height:6px;padding:4px 7px 6px}


/*referencje*/
.referencje {text-align:center;width:100%}
.referencje img {width:90px}
.referencje tr.link td {vertical-align:top;padding:3px 0 27px}
.referencje a,.referencje a:hover {font-size:10px;word-spacing:-1px}


/*gallery*/
.tnb,.tnb2 {margin:0 0px 0px 0}
.tnb img,.tnb2 img  {display:block;margin:auto}
.tnb a,.tnb a:hover,.tnb2 a,.tnb2 a:hover  {text-decoration:none;width:84px;height:84px;display:block;padding:2px}
#content .tnb a,#content .tnb2 a {border:1px #fff solid}
#content .tnb a:hover,#content .tnb2 a:hover {text-decoration:none;border:1px #6d8296 solid}


/*col-righ*/
#col-right {width:190px;float:right;position:relative;right:21px;top:25px;margin-bottom:20px}


/*foot*/
#foot {clear:both;width:100%;position:relative;top:0px;margin:0 auto;background:#5b82b2 url('../images/main-mid.png') repeat-y center;border-top:1px #4a74aa solid}
#foot-mid {background:#245898;border:1px #0d468d solid;border-bottom:0;width:972px;margin:-1px auto 0;padding:5px 0}

#foot h3 {font-size:13px;color:#5b82b2;margin:7px 0;padding:0 0 7px;border-bottom:1px #5b82b2 solid}

#foot ul,#foot li {list-style:none;margin:0;padding:0}
#foot ul {padding:0 33px}

#foot .left,#foot .right {width:270px}
#foot .left.first {margin-left:16px;padding-left:0}
#foot .right {padding:0 20px 0 0}

#foot a,#foot a:hover {font-size:12px;color:#c2cbd3;text-decoration:none;display:block;padding:1px 0}
#foot a:hover {color:#fff}

#copy {font-size:12px;color:#c2cbd3;text-align:center;background:#6D8296;padding:15px 0}


/*forms*/
.message {color:#000;text-align:center;width:540px;margin:20px 0;background:#fdf7f7;border:1px #cc0000 solid;position:absolute;top:12%;cursor:pointer}
.message:hover {background:#fffbf8;border:1px #fe8429 solid}
.message p,.message h3 {text-align:center !important;padding:10px !important}
.hidden {display:none}

form,input,select,textarea {font:13px sans-serif;color:#000;margin:0}
form {margin:10px 0 0;padding:0}

label {text-align:right;float:left;display:block;width:90px;padding:3px 10px 0 0}

input,textarea {font:13px sans-serif;color:#000;background:#fff;border:1px #c2cbd3 solid;width:397px;padding:2px;float:left;display:block}
input:focus,textarea:focus {background:#fffbf8;border:1px #fe8429 solid}
input,select,textarea {background:#fff;border:1px #c2cbd3 solid}

textarea {height:100px}

form p#picture {background:#eeeff2;padding:10px 27px 10px 0;height:25px}
form #picture img {margin-left:10px;height:22px}
form #picture input {width:50px}

.btn-sm,.button,.btn-large {font:bold 12px sans-serif;color:#fff;text-align:center;
background:url('../images/button.gif') no-repeat 0 0;border:0;overflow:hidden;cursor:pointer;height:22px}

.btn-sm {width:30px}
.btn-sm:hover {background-position:0 -23px}

.button {background-position:0 -46px;width:80px !important;float:right}
.button:hover {background-position:0 -69px}

.btn-large {background-position:0 -92px;width:110px !important}
.btn-large:hover {background-position:0 -115px}

.button:hover,.btn-large:hover,.btn-sm:hover {color:#fe7529}
.button:focus,.btn-large:focus,.btn-sm:focus {color:#fe7529;border:0}

.noborder {width:12px !important;background:none;border:0;padding:0;display:inline}

form .middle input {width:190px}
form .short label {width:50px;float:left}
form .short input {width:130px;float:right}
form span {color:#ff0000}

.error {font-size:11px;color:#ff0000;width:auto;padding:1px 0 1px 100px;display:block;clear:both}

/*options*/
.options {text-align:right;margin-top:13px}
.options input {background:transparent url('../images/options.gif') no-repeat;border:1px transparent solid;width:24px;height:24px;float:none;display:inline;cursor:pointer}
.options input:focus {background-color:transparent}
.options input:hover {border:1px #c2cbd3 solid}
.options .back,.options input.back:focus {background-position:center -2px}
.options .print,.options input.print:focus {background-position:center -73px}
.options .tell,.options input.tell:focus {background-position:center -49px}
.options .totop,.options input.totop:focus {background-position:center -25px}