@import url("product-style.css");
html,body {margin:0;padding:0}
body {font:13px sans-serif;color:#222324;text-align:center;background:#fff;margin:0}

a {font:13px sans-serif;color:#74787d;text-decoration:none}
a:hover {font:13px sans-serif;color:#ff9d00;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:#85888d;margin:0;border:0;background:#85888d;height:1px}

#root {width:990px;margin:0 auto;border:0px #ccc solid}


/* BOXES ----------*/
.box {width:195px;margin-bottom:15px;border-bottom:1px #ff9d00 solid}
.box-mid {line-height:20px;width:195px;padding:5px 0 25px}

.box h3,.box2 h3 span,.frame h4 span {font-size:19px;color:#85888d;margin:0;padding:8px 0 10px;display:block}

.box.clients h3 {padding-bottom:0}

.box p {text-align:justify;margin:0;padding:0}
.box .clear {font-size:0;line-height:4px;width:100%;height:4px}

.box2 h3,#col-left ul h3 {width:195px;margin:15px 0;padding:0}


/*box2*/
.box2 h3 {margin:0 0 5px}
.box2 h3 span {padding:10px 0}
.box2 p {margin:0 0 15px;padding:0 0 15px;border-bottom:1px #d0d6dd dotted}

.box2 a,.box2 a:hover {line-height:19px;display:block;margin:0 0 10px;padding:0 0 10px;border-bottom:1px #c2cbd3 dotted}
.box2 a:hover {color:#ff9d00}

.box2 img {float:left;display:block;margin:5px 12px 0 0;width:50px}


/*top*/
#top {width:990px;height:120px;margin:0 auto}
h1 {width:292px;height:41px;margin:0;padding:0;float:left;position:relative;left:20px;top:41px}


/*flags*/
#flags {float:left;margin:25px 0 0;position:relative;left:405px}
#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 {text-align:left;float:right;margin-top:12px;background:#ff9d00;border:0;}
#news-l form#newsl {width:100%;margin:0;padding:0 10px}
#news-l label {font:bold 14px sans-serif;color:#fff;text-align:left;padding:10px 0;display:block;float:none}
#news-l input {width:133px;margin-right:5px;border:1px #fff solid}
#news-l input.btn-sm {width:30px;float:none;border:0;margin:0 10px 0px;padding:3px !important}
#news-l span {font-size:11px;color:#fff;cursor:pointer;float:left;margin:7px 0}
#news-l span:hover {border-bottom:1px 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:1px #ff9d00 solid;width:520px;padding:20px 20px;margin:0 auto}
#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}


/*nav-top*/
#nav-top,nav-top li {background:#f9f9f9;list-style:none;margin:0;padding:0}
#nav-top {width:990px;height:38px;margin:0 auto;border:1px #d0d6dd solid}
#nav-top li {float:left}

#nav-top a,#nav-top a:hover {color:#85888d;text-decoration:none;border:1px #fff solid;display:block;padding:11px 20px}
#nav-top a:hover {color:#ff9d00;background:#fff;border:1px #ff9d00 solid}

#nav-top li.active {color:#222324}
#nav-top .active a {color:#222324;background:#fff;border:1px #fff solid}

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



/*col-left*/
#col-left {text-align:left;width:195px;float:left;position:relative;top:32px;margin:0 31px 20px 0}
#col-left ul h3 {margin:0;padding:10px 0}
#col-left ul,#col-left li {list-style:none;margin:0;padding:0;width:195px}
#col-left ul {margin-bottom:15px}
#col-left li {border-bottom:1px #d0d6dd dotted;width:195px}

#col-left li a,#col-left li a:hover {font:normal 14px sans-serif;color:#222324;text-decoration:none;width:auto;display:block;padding:15px 0}


#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:#222324;padding:7px 0 7px 10px}
#col-left li a:hover,#col-left li.nls a:hover {color:#ff9d00}

#col-left a.active,#col-left li.nls a.active {color:#ff9d00}

.more {text-align:right;display:block;margin:10px 0 30px}
.more a,.more a:hover {color:#fff;background:#646565 url('../images/arr.gif') no-repeat right 7px;padding:2px 20px 4px 8px;display:block;float:right;width:auto}
.more a:hover {color:#ff9d00;background-position:right -11px;border:0}
#content .more {margin:0}
#content .more a,#content .more a:hover {color:#fff;border:0}
#content .more a:hover {color:#ff9d00}

/*home*/
#home-mid {width:540px;float:left;margin-top:35px}


/*content*/
#content {line-height:23px;text-align:left;width:540px;float:left;padding-bottom:0px}

h2 {font:normal 28px 'palatino linotype',serif;color:#85888d;margin:0;padding:31px 0 25px}
h3 {font:normal 19px 'palatino linotype',serif;color:#85888d;margin:0;padding:20px 0}

#content p {text-align:justify;margin:0;padding:0 0 15px}
#content ul,#content ol {margin-top:0}
#content ul li {list-style-image:url('../images/list-blt.gif')}
#content li {margin:0 0 10px}

#content a {color:#74787d;border-bottom:1px solid}
#content a:hover {color:#ff9d00;text-decoration:none;border:0}

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}


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


/*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 {text-align:left;width:195px;float:left;position:relative;left:31px;top:32px;margin-bottom:20px}


/*foot*/
#foot {clear:both;width:100%;position:relative;top:0px;margin:0 auto;border-top:1px #f1f3f5 solid}
#foot-mid {text-align:left;background:#f9f9f9;border-top:1px #d0d6dd solid;border-bottom:0;width:972px;margin:-1px auto 0;padding:5px 0}

#foot h3 {font-size:15px;color:#85888d;margin:7px 0;padding:0 0 7px;border-bottom:1px #d0d6dd 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;text-decoration:none;display:block;padding:2px 0}

#copy {font-size:12px;color:#fff;text-align:center;background:#d0d6dd;padding:15px 0}


/*frame*/
.frame {border:1px #d0d6dd solid}
.frame h4 {font:normal 15px 'palatino linotype',serif;color:#85888d;margin:0;padding:0 10px}


/*forms*/
.message {color:#000;text-align:center;width:540px;margin:20px 0;background:#fdf7f7;border:1px #cc0000 solid;position:absolute;top:46%;cursor:pointer}
.message:hover {background:#fffbf8;border:1px #ff9d00 solid}
.message p,.message h3 {color:#222324;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,select,textarea {font:13px sans-serif;color:#000;background:#fff;border:1px #d0d6dd solid;padding:3px;width:407px;float:left;display:block}
input:focus,textarea:focus {background:#fffbf8;border:1px #ff9d00 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 13px sans-serif;color:#fff;text-align:center;background:#ff9d00;border:1px #ff9d00 solid;
overflow:hidden;cursor:pointer;padding:3px 0 2px !important}

.btn-sm {width:30px}
.button {width:80px;float:right}
.btn-large {width:150px}
.button:hover,.btn-large:hover,.btn-sm:hover,
.button:focus,.btn-large:focus,.btn-sm:focus {color:#ff9d00;background:#fff;border:1px #ff9d00 solid}


.noborder {width:12px;height:12px;background:none;padding:0;border:0}

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

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