/* nowy layout */

html,button,input,select,textarea {color: #222;}
body {font-size: 1em;line-height: 1.4;}
::-moz-selection {background: #b3d4fc;text-shadow: none;}
::selection {background: #b3d4fc;text-shadow: none;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0;}
img {vertical-align: middle;}
fieldset {border: 0;margin: 0;padding: 0;}
textarea {resize: vertical;}
.chromeframe {margin: 0.2em 0;background: #ccc;color: #000;padding: 0.2em 0;}
ul {list-style: none;}
a { text-decoration: none;}

/* koszyk */

a.logo {background: url(../images/logo.png) no-repeat; padding-bottom: 30px ; position: relative; padding-right: 80px;  }
nav {top: -25px; }

#MojKoszykTop .AjaxLoader {position: relative; left: 100px; top: 5px;}

#AjaxCartOutOfBody {width: 350px;  position: fixed; right: -305px; top: 236px; z-index: 10; }
#OutOfBodyBelka {height: 38px; background: url(../images/CartRight/Belka.png); cursor: pointer}
#RenderCartOnRight {position: relative; top: -7px; background: #ffffff; border-top: 5px solid #f7bb03; border-left: 1px solid  #dadada; border-bottom: 1px solid  #dadada; font-size: 12px;}
#RenderCartOnRight .TabeleProduktow {position: relative; top: -2px; left: 0px; }
#RenderCartOnRight #OpcjeSPK {padding: 4px;}
#RenderCartOnRight #OpcjeSPK em{color: #737373}
#RenderCartOnRight #OpcjeSPK span{color: #000000; cursor: pointer}
#HideRightCart {background-color: #ffc807; color: #f9f9f9; padding: 3px; position: relative; top: -12px; cursor: pointer ; font-size: 10px}
#RenderCartOnRight #SchowajPoglad {display: none}
#RenderCartOnRight #BottomSzybkiPodgladKoszyka {background: none}
#RenderCartOnRight #TopSzybkiPodgladKoszyka {display: none}
#RenderCartOnRight .AjaxLoader {position: relative; left: 170px; top: 3px;}


#CookieInfo {float: left; top: -35px; left: 25px; position: relative; }
#CookieInfo, #CookieInfo a{color: #888;}
#CookieInfo a {text-decoration: underline !important;}



/* SOFTWORKS */
#Page255 .pusty{border: 1px solid #dadada;}

header .logo {display: block;margin: 28px 0;}
.logo {display: block; margin: 10px 0}
.koszyk-blok {display: block;width: 230px;height: 130px;float: right;position: relative;margin-top: -85px;margin-right:20px;padding: 5px;font-family: 'Titillium Web', sans-serif;font-weight: 600;color: #fff;z-index:3;position: relative;
background: #255c8a;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMjU1YzhhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNmNzZhMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(45deg,  #255c8a 0%, #3f76a3 100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#255c8a), color-stop(100%,#3f76a3));
background: -webkit-linear-gradient(45deg,  #255c8a 0%,#3f76a3 100%);
background: -o-linear-gradient(45deg,  #255c8a 0%,#3f76a3 100%);
background: -ms-linear-gradient(45deg,  #255c8a 0%,#3f76a3 100%);
background: linear-gradient(45deg,  #255c8a 0%,#3f76a3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#255c8a', endColorstr='#3f76a3',GradientType=1 );
}
.koszyk-blok .KoszykKont {border: 1px solid #7096b6;height: 128px;width: 228px;}
.koszyk-blok span.tytul {display: block;font-size: 15px;text-transform: uppercase;height: 25px;padding-left: 40px;padding-top: 2px;margin: 10px;}
.koszyk-blok span.color {margin-left: 10px;color: #88b5da; font-size: 14px}
.koszyk-blok a.podglad {font-weight: 700;font-size:13px;display: block;height: 12px;width: 130px;text-decoration: none;text-transform: uppercase;color: #ffc000;padding-right: 10px;margin-top: 10px;float: right}

nav {display: block;width: 100%;height: 44px;background-color: #1b466a;position: relative;z-index:2;margin-bottom: 360px}
nav ul {list-style-type: none;margin:0;padding:0}
nav ul li {display: block;float: left;border-left: 1px solid #234e72;font-size: 15px;font-family: 'Titillium Web', sans-serif;font-weight: 600;}
nav ul li:hover, nav ul li:last-child:hover {background: #ffba00 url(../images/sprite.png) no-repeat top left;background-position: 0 -1395px; height: 44px;border-left: 1px solid #ffba00}
nav ul li:hover ul.submenu {display: block;}
nav ul li a {padding: 11px 17px;display: block;color: #fff; text-decoration:none}
nav ul li a.ico-home {display: block;margin-top: 5px;}
nav ul li a.ico-search {display: block;margin-top: 5px;}
nav ul li:last-child {background: url(../images/sprite.png) no-repeat top left;background-position: -221px -1395px; height: 44px;}
nav ul li ul.submenu {display: none;position: absolute;background: #ffba00;color: #fff;left: 0;width: 100%;padding-bottom: 20px;z-index:200;}
nav ul li ul.submenu li, nav ul li ul.submenu li:hover {background: none;border: 0;float:none;height:20px;padding-left:30px}
nav ul li ul.submenu a {padding:0;font-size: 13px;font-family: arial;font-weight:normal;}
nav ul li ul.submenu li.tytul {font-size: 18px;padding-bottom: 7px;padding-top:20px;}

nav ul li:hover .search {display: block;}
nav ul li .search { height: 46px; display: none;background: #ffba00;position: absolute;width: 410px;padding: 5px;margin: 2px 0 0 -366px;}
nav ul li .search input {background:#fff;border: 0;border-bottom: 1px solid #296699}
nav ul li .search #Form_SzukajTransparent_Fraza {width:340px;height:42px;font-size: 12px;font-family: arial;color:#1b466a;font-style: italic; padding: 0 10px;float:left; position: relative; font-weight: normal !important;}
nav ul li .search #Form_SzukajTransparent_action_Wyszukaj {background: #fff url(../images/sprite.png) no-repeat top left;background-position: 17px -1706px;width:50px;height:43px;text-indent: -9000px; border-left: 1px solid #d7eeff; float: right; position: relative; top: -43px;}

nav ul li .search .middleColumn{background-color: transparent !important; border: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; position: relative;}
nav ul li .search .fieldset { position: relative; float: left;}
.search form fieldset .clear { clear: none !important; display: none !important;}



.slider {width: 100%;height: 362px;display: block;position: absolute;z-index: 1;overflow: hidden;margin-top: 120px;border-top: 3px solid #0e90ff; border-bottom: 5px solid #0e90ff;}
.slider img {width: 1336px;height: 362px;margin: 0 auto;display: block;position:relative;z-index: 1}
.slider .opis {display: block;z-index: 2;margin-top:-88px;position: absolute;width: 100%;height:70px;background: #ffba00;background: rgba(255, 186, 0, 0.6);}
.slider .opis span {display: block;width: 940px;margin: 0 auto;font-size: 45px; font-family: 'Titillium Web', sans-serif;font-weight: 200;color: #fff;text-transform: uppercase;}

h1,h2,h3 {font-family: 'Titillium Web', sans-serif;font-weight: 600;}
p {color:#476986; font-size: 14px;line-height: 20px;}
h1 {font-size:22px;color: #0e90ff;margin:10px 0;}
.nowosci h1 {color: #2b628f;}
hr {float:none; width: 100%; margin: 25px 0 15px 0;border-color: #c5dcef}

.blok {display: block;position: relative;z-index:3}
.blok ul.paginacja {padding:0;margin:0}
.blok ul.paginacja li {display: block;float: left;width:80px;height: 7px;margin-right: 2px;margin-bottom:15px;}
.blok ul.paginacja li a {display:block;width:100%;height:100%;background:#e3e3e3}
.blok.nowosci ul.paginacja li a:hover, .blok.nowosci ul.paginacja li a.active {background:#ffcc00}
.blok.oferta ul.paginacja li a:hover, .blok.oferta ul.paginacja li a.active {background:#0f96ff}
.blok p {font-size:13px;font-family:arial;line-height:18px;color: #476986;margin: 0.3em 0;}
.blok.nowosci h2 a {font-size:22px;font-family: 'Titillium Web', sans-serif;color:#ffcc00;margin: 0px;}
.blok.oferta h2 a{font-size:22px;font-family: 'Titillium Web', sans-serif;color:#0081c9;margin: 0px;}
.blok .wiecej, .testimonial .wiecej, .podsumowanie .wiecej, .producent .wiecej{font-size:13px;font-family: 'Titillium Web', sans-serif;font-weight: 700;text-transform: uppercase;text-decoration: none;padding-right:20px}
.blok.nowosci .wiecej, .testimonial .wiecej, .podsumowanie .wiecej {color:#ffcc00;}
.blok.oferta .wiecej, .producent .wiecej {color:#0081c9;}
.podsumowanie .wiecej {background-position: 108px -844px !important;}

#Paginacja a {color: #0e90ff; margin: 0 3px 0 3px; font-size: 11px; text-align: center;}  
#Paginacja strong {color :#ffcc00;}

.aside {padding: 15px;position: relative;width:270px;margin-top:-50px;z-index: 3;
background: #255c8a;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMjU1YzhhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNmNzZhMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(45deg,  #255c8a 0%, #3f76a3 100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#255c8a), color-stop(100%,#3f76a3));
background: -webkit-linear-gradient(45deg,  #255c8a 0%,#3f76a3 100%);
background: -o-linear-gradient(45deg,  #255c8a 0%,#3f76a3 100%);
background: -ms-linear-gradient(45deg,  #255c8a 0%,#3f76a3 100%);
background: linear-gradient(45deg,  #255c8a 0%,#3f76a3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#255c8a', endColorstr='#3f76a3',GradientType=1 );
}
.absolute {position:absolute;}
.aside .tytul {height: 60px;border:1px solid #7198b8;width:100%;margin-bottom:12px;}
.aside h3 {font-size:15px;text-transform: uppercase;color: #fff;margin: 20px 0;padding-left: 55px}
.aside h4 a {font-size:18px;color:#ffcc00;margin: 10px 0px;line-height: 17px;font-family: 'Titillium Web'}
.aside .wiecej {font-size:13px;font-family: 'Titillium Web', sans-serif;font-weight: 700;text-transform: uppercase;text-decoration: none;padding-right:13px;margin-left:180px;color:#ffcc00}
.aside p {font-size: 13px;font-family: arial;color:#b1d5f4;margin: 0.5em 0}
.aside .left-arrow {display: block;margin-top:10px;float:left}
.aside .right-arrow {display: block;margin-top:10px; margin-left:47px}
.aside .lista {margin:0;padding:0;list-style-type:none}
.aside .lista li { /*background: url(../images/sprite.png) no-repeat top left; */background-position: 0px -877px; min-height: 20px; line-height: 20px; padding-left:15px;margin-bottom: 9px; position: relative;}
.aside .lista li a{font-family: 'Titillium Web', sans-serif;font-size: 15px;font-weight:600;color: #fff;text-decoration:none}
.aside .lista li:hover {/*background: url(../images/sprite.png) no-repeat top left; */background-position: 0px -847px}
.aside .lista li:hover a {color:#ffc000;}
.aside .lista li span {position: absolute; left: 0px; top: 2px; background: url(../images/sprite.png) no-repeat top left; background-position: 0px -877px; width: 15px ; height: 15px; display: block;}
.aside .lista li:hover span {background: url(../images/sprite.png) no-repeat top left; background-position: 0px -847px}

.testimonial p {margin: 0 0 0.2em 0;}
.testimonial .go3{ background-position: 117px -844px; width: 6px; height: 5px; } 

.partnerzy .grid_3 {margin-bottom: 10px}
.partnerzy a {height: 120px;width:220px;border: 1px solid #c5dcef;display: table-cell;text-align:center;vertical-align:middle;}
.partnerzy a img{max-width: 198px;vertical-align:middle}


.produkty .grid_2 {margin-bottom: 5px}
.produkty a {height: 80px;width:140px;border: 1px solid #c5dcef;display: table-cell;text-align:center;vertical-align:middle;}
.produkty a img{max-width: 130px;max-height:80px;vertical-align:middle}


.produkt p {margin-top:5px}
.produkt h2 {color: #ffcd00;}
.produkt h3 {color: #0e90ff;font-size: 16px;margin-bottom:5px}
.produkt ul {list-style-type: disc;padding-left:13px;margin:0}
.produkt ul li {padding-left:5px;font-size:14px;font-family:arial;line-height:18px;color: #476986;padding-bottom:5px}
.produkt img {padding: 10px}

.produkt img,#Page46 img , #Page504 img,.wiadomosc img{border: 1px solid #dadada; text-align: center;}
table img {width: 200px; height: 90px;}


.producent h2 {color: #2b628f; font-size: 20px}
.producent a.nazwa {color: #0e90ff; font-size: 22px; font-family: 'Titillium Web', sans-serif;font-weight: 600;text-decoration: none;}
.producent .grid_2 {padding: 15px 5px 15px 5px ; border: 1px solid #dadada;}
.producent .grid_10 {width: 440px;}
.producent img {max-width: 140px; }

.ProduktyWyrownaj li { float: left !important; display: inline !important; position: relative !important; margin: 0px 0px 0px 0px !important;}
.producenci {width: 600px !important; float: left; }
.producenci div { margin: 5px; float: left;}



.koszyk h2 {color:#0e90ff;font-size: 20px}
.koszyk .naglowek {width: 100%;height: 42px;font-family: 'Titillium Web', sans-serif;font-weight: 600;font-size: 17px;color: #fff;
background: #1e93e6;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlOTNlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzN2FjZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #1e93e6 0%, #37acff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e93e6), color-stop(100%,#37acff));
background: -webkit-linear-gradient(top, #1e93e6 0%,#37acff 100%);
background: -o-linear-gradient(top, #1e93e6 0%,#37acff 100%);
background: -ms-linear-gradient(top, #1e93e6 0%,#37acff 100%);
background: linear-gradient(to bottom, #1e93e6 0%,#37acff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e93e6', endColorstr='#37acff',GradientType=0 );
}
.koszyk {margin-bottom: 20px; }
.koszyk .naglowek div {border-right: 1px solid #1e93e5}
.koszyk .pozycja div {border-right: 1px solid #c5dcef;border-bottom: 1px solid #c5dcef;font-family: arial;font-size: 12px;color: #476986;}
.koszyk .naglowek div, .koszyk .pozycja div {display:block;height:27px;padding:9px 0 3px 0;float:left;}
.koszyk .pozycja div:first-child {border-left: 1px solid #c5dcef;}
.koszyk .naglowek div:last-child {border-right:none}
.koszyk div.lp {width:45px;text-align:center;}
.koszyk div.licencja {width: 440px; padding-left: 10px;}
.koszyk div.licencja span {color: #729dc1;}
.koszyk a .Nazwa { text-decoration: none !important;}
.koszyk div.symbol {width:145px;text-align: center}
.koszyk div.ilosc {width: 55px;text-align: center}
.koszyk div.ilosc input {width:15px;height: 20px;border: 1px solid #c5dcef;padding: 0 5px;font-family: arial;font-size: 14px;color: #476986}
.koszyk div.cena {width: 112px;text-align: center}
.koszyk .naglowek div.cena span {font-size: 13px;font-weight: 700}
.koszyk div.akcja {width: 126px;text-align: center}
.podsumowanie {font-family: 'Titillium Web', sans-serif;font-weight: 700;font-size:22px;color: #25a7ff;text-align: right}
.podsumowanie div:first-child {text-align: left}
.podsumowanie span {color: #729dc1;font-size: 13px;text-transform: uppercase;padding-right: 5px}
.suma {font-family: 'Titillium Web', sans-serif;font-weight: 700;font-size:26px;color: #ffc000;text-align: right;line-height: 10px}
.suma span {color: #1fa1ff;font-size: 13px;text-transform: uppercase;padding-right: 5px}
.suma span.color {color: #8eb1cd}
.sKoszyk { margin: 10px 0 15px !important;}
.GoToButton {padding: 10px; background-color: #ffcc00; color: #476986; font-size: 12px; font-family: 'Titillium Web', sans-serif; font-weight: bold; border: 0;}
.LiczbaLicencji {text-align: center;}
#Waliduj {cursor: pointer; margin-left: 450px} 


#Form_Odpowiedz {font-family: 'Titillium Web', sans-serif;font-weight: 600;font-size:14px;margin-left: 80px;}
#Form_Odpowiedz input {padding: 3px; font-weight: normal;}

.news {margin-top: 5px}
.news a.tytul {font-family: 'Titillium Web', sans-serif;font-weight: 600;font-size:18px;color:#0e90ff;text-decoration: none}
.news span.data {font-family: 'Titillium Web', sans-serif;font-weight: 600;font-size:15px;color:#255c8a}
.news a.thumb {height: 120px;width:220px;border: 1px solid #c5dcef;display: table-cell;text-align:center;vertical-align:middle;}
.news a.thumb img{max-width: 198px;vertical-align:middle}
.news p {margin: 0.3em 0;}

.notif {padding: 22px 0 22px 30px;font-family: 'Titillium Web', sans-serif;font-weight: 400;font-size:18px;margin: 15px 0;}
.notif.ok {border: 1px solid #b0d698;background: #f1ffd9;color: #458d28}
.notif.ok a {color: #458d28}
.notif.ok strong {font-weight: 600}
.notif.tip {border: 1px solid #98d6d5;background: #d9fff9;color: #28828d}
.notif.tip a {color: #28828d}
.notif.tip strong {font-weight: 600}
.notif.alarm{border: 1px solid #d6c498;background: #fff7d9;color: #8d7728}
.notif.alarm a {color: #8d7728}
.notif.alarm strong {font-weight: 600}
.notif.error {border: 1px solid #d69898;background: #ffd9d9;color: #8d2828}
.notif.error a {color: #8d2828}
.notif.error strong {font-weight: 600}


.kontakt .nazwa {color:#476986;font-family: 'Titillium Web', sans-serif;font-weight: 600;font-size: 23px }
.kontakt .adres, .kontakt .bank {color:#476986;font-family: arial;font-size:14px}
.kontakt .tel {color:#0e90ff;font-family: 'Titillium Web', sans-serif;font-weight: 600;font-size: 22px; margin: 10px 0; }
.kontakt .email {color:#ffc000;font-family: 'Titillium Web', sans-serif;font-weight: 600;font-size: 20px; text-decoration: none }
.kontakt .logo {margin: 40px 0;}

.kafelki img {margin: 10px 0}

/*.kafelek {height: 122px;width:300px;display: table-cell; text-align: center;}
.kafelek .inside {width: 300px; height: 122px; background: #1b4f88;background: rgba(27, 79, 136, 0.6); display:table-cell; vertical-align:middle;}
.kafelek  a {color:#fff;font-family: 'Titillium Web', sans-serif;font-weight: 600;font-size: 20px; text-decoration: none } */

#archiwizacja {background: url(../images/kafelki/archiwizacja.jpg) no-repeat}

footer {display: block;width: 100%;padding: 25px 0; margin-top:50px;background: #1b466a;border-top: 5px solid #0d314f;height: 220px}
footer h1 {margin: 0;padding: 0;color: #fff;width: 100% !important;padding-left: 60px;margin-bottom: 10px}
footer h2 {margin: 0;padding: 0;color: #ffcc00; font-weight: 600;margin-left: 10px;margin-top: 5px}
footer h2.color {color: #33beff;margin-left: 0}
footer .dane {margin-left: 60px;color: #fff;font-size:15px;font-family: 'Titillium Web', sans-serif;font-weight: 400; }
footer .dane a {color: #ffcc00;text-decoration: none;}
footer ul {list-style-type: none;margin-left: 10px;padding: 0;margin-top: 0;}
footer ul li a{font-size: 14px;font-family: arial;color: #fff; text-decoration: none}

.copyrights {display: block;width: 100%;padding: 10px 0;background: #0d314f;height: 65px;color: #9bcaf1;font-size:14px;font-family: 'Titillium Web', sans-serif;}
.copyrights a {color: #ffffff;}
/* SPRITE */

.spr { background: url(../images/sprite.png) no-repeat top left;}
.button-adv:hover{ background-position: 0 0; width: 260px; height: 69px; } 
.button-adv-pl:hover{ background-position: 0 -69px; width: 260px; height: 69px; } 
.button-adv-pl{ background-position: 0 -138px; width: 260px; height: 69px; display: block; margin: 10px 0} 
.button-adv{ background-position: 0 -207px; width: 260px; height: 69px; display: block; margin: 10px 0} 
.button-manuf:hover{ background-position: 0 -268px; width: 260px; height: 69px; } 
.button-manuf{ background-position: 0 -336px; width: 260px; height: 69px; display: block; margin: 10px 0} 
.button-order:hover{ background-position: 0 -412px; width: 260px; height: 69px; } 
.button-order{ background-position: 0 -491px; width: 260px; height: 69px; display: block; margin: 10px 0; display: block; float: right} 
.button-slide:hover{ background-position: 0 -560px; width: 260px; height: 69px; } 
.button-slide{ background-position: 0 -626px; width: 260px; height: 69px; display: block; margin: 10px 0} 
.button-trial:hover{ background-position: 0 -702px; width: 260px; height: 69px; } 
.button-trial{ background-position: 0 -777px; width: 260px; height: 69px; display: block; margin: 10px 0} 
.go{ background-position: 117px -845px; width: 6px; height: 5px; } 
.go2{ background-position: 81px -859px; width: 6px; height: 5px; } 
.go3{ background-position: 81px -844px; width: 6px; height: 5px; }
.ico-about{ background-position: 15px -897px; height: 25px; } 
.ico-cart-delete{ background-position: 0 -932px; width: 25px; height: 25px; display:block; margin-left: 25px; margin-top: -2px} 
.ico-cart{ background-position: 0 -967px; width: 27px; height: 25px; } 
.ico-footer-contact{ background-position: 10px -998px; width: 33px; height: 29px; } 
.ico-footer-fast{ background-position: 10px -1030px; width: 38px; height: 30px; } 
.ico-home{ background-position: 16px -1056px; width: 16px; height: 11px; } 
.ico-news{ background-position: 15px -1089px; width: 29px; height: 24px; } 
.ico-products{ background-position: 15px -1123px; height: 27px; } 
.ico-quote{ background-position: 0 -1160px; width: 66px; height: 54px; } 
.ico-search{ background-position: 15px -1217px; width: 20px; height: 15px; } 
.ico-service{ background-position: 15px -1254px; width: 30px; height: 30px; padding-top:4px; margin-top: 16px!important} 
.left-arrow{ background-position: 0 -1294px; width: 46px; height: 42px; } 
.logo{ background-position: 0 -1346px; width: 266px; height: 39px; } 
.menu-active{ background-position: 0 -1395px; width: 25px; height: 44px; } 
.notif-alarm{ background-position: 0 -1443px; width: 45px; height: 48px; display:block; float: left; padding-right: 30px} 
.zamknij-alarm{ background-position: -256px -1466px; width: 10px; height: 10px; display: block; float: right; margin: -10px 10px 0 0}
.notif-error{ background-position: 0 -1500px; width: 43px; height: 48px; display:block; float: left; padding-right: 30px} 
.zamknij-error { background-position: -256px -1520px; width: 10px; height: 10px; display: block; float: right; margin: -10px 10px 0 0}
.notif-ok{ background-position: 0 -1552px; width: 43px; height: 47px; display:block; float: left; padding-right: 30px} 
.zamknij-ok { background-position: -256px -1573px; width: 10px; height: 10px; display: block; float: right; margin: -10px 10px 0 0}
.notif-tip{ background-position: 0 -1605px; width: 44px; height: 50px; display:block; float: left; padding-right: 30px} 
.zamknij-tip { background-position: -256px -1623px; width: 10px; height: 10px; display: block; float: right; margin: -10px 10px 0 0}
.right-arrow{ background-position: 0 -1665px; width: 46px; height: 42px; } 

.RotacjeKontener { width: 640px; height: auto; min-height: 300px; float: left; position: relative;}
.RotacjeKontener ul { padding: 0px 0px 0px 0px !important;}
.Rotacje {position: relative; float: left;}
.Rotacje li {position: absolute; float: left;}
.Rotacje .LeadRekordu {padding: 0 0px 0 0px;}


.NawigacjaOferty {float: left; position: relative; width: 630px; display: block;}
.NawigacjaOferty li{float: left; position: relative !important; top: -10px; left: 0px;}
.NawigacjaOferty li span {display: block; width: 80px; height: 7px; background-color: #e3e3e3 ;border-left: 1px solid #ededed;cursor: pointer; margin-right: 2px;}
.NawigacjaOferty .show span, .NawigacjaOferty span:hover {background-color: #ffcc00}
.NovBlok { width: 620px; height: 300px; display: block !important; float: left; position: relative; list-style: none !important;}

#NawigacjaOferta .show span, #NawigacjaOferta span:hover {background-color: #0f96ff;}


.pusty { width: 140px; min-height: 177px; display: block; float: left; position: relative;}
.grid8 .pozycja { width: 618px; height: auto; display: block; float: left; position: relative;}
.pozycja .alpha, .pozycja .omega { display: block !important;}
.pozycja .omega { margin-left: 0px !important;}

.NowoKontener { width: 620px; height: auto; display: block; float: left; position: relative; }
.NowoKontener p {text-align: justify;}
.container_12 .grid8 { display: block; float: left; position: relative;}



.Rotacje { float: left; position: absolute; display: block; left: 0px; top: 10px; }


.jcarousel-skin-tango .jcarousel-container-horizontal { width: 270px; padding: 0px 0px;}
.jcarousel-item { width: 270px;}
.jcarousel-skin-tango .jcarousel-clip {overflow: hidden;}
.jcarousel-prev {display: block;margin-top:10px;float:left; background: url(../images/sprite.png) no-repeat; background-position: 0 -1294px; width: 46px; height: 42px; cursor: pointer;}
.jcarousel-next {display: block;margin-top:10px; margin-left:47px; background: url(../images/sprite.png) no-repeat; background-position: 0 -1665px; width: 46px; height: 42px; cursor: pointer;}
.DodajDoKosza { cursor: pointer;}


.TabeleProduktow .UsunZKosza span {position: relative; left: 7px; width: 10px; height: 10px; display: block;background: url(../images/usun.png) no-repeat; cursor: pointer;}
.TabeleProduktow .Pozycja {width: 23px;text-align: center;}
.TabeleProduktow .Produkt {width: 458px;}
.TabeleProduktow .Symbol {width: 90px;}
.TabeleProduktow .Wartosc,.TabeleProduktow .WartoscZakupu {width: 114px;font-weight: bold}
.TabeleProduktow #HeadTable {background-color: #a3a3a3;}
.TabeleProduktow #HeadTable td {padding: 5px 3px 5px 5px}
.TabeleProduktow #HeadTable label {color: #fff; font-weight: bold}
.TabeleProduktow .RekordTabeli td {padding: 5px 3px 5px 5px;}
.TabeleProduktow .RekordTabeli:hover {background-color: #fafafa}
.TabeleProduktow .RekordTabeli a span,.TabeleProduktow .RekordTabeli td {color: #787878}
.TabeleProduktow .Wariacja {color: #b0b0b0; }
.TabeleProduktow .Ilosc {text-align: center; }
.TabeleProduktow .even {background-color: #f1f1f1}
.TabeleProduktow .even:hover {background-color: #e8e8e8}
.TabeleProduktow .DoKosza  {cursor: pointer; color: #787878;}
.TabeleProduktow .Usun {width: 50px;}
.WskazaneCeny {position: relative; left: 25px; font-weight: bold;}
	.PolecamyTabelaCen {color: #FFA500 !important}
	.PromocjaTabelaCen {color: #D80E0E !important}


.JuzKupione .DodajDoKosza {background: url(../images/in_cart.png) 30px 5px no-repeat; }
.DodajDoKosza .AjaxLoader {position: relative; left: 15px;}
.JuzKupione .DoKosza {display: none}

.UsunProdukt { cursor: pointer;}

footer, .copyrights {float: left;}
#Form_Odpowiedz {float: left; position:relative; left: 55px;}
#Form_Odpowiedz fieldset {border: 0px;}
#Form_Odpowiedz .KolumnaFormularza {width: 400px; float: left; }
#CopyDataForm {cursor: pointer;}
#CopyDataDiv {padding: 10px; border: 1px solid #dadada; background-color: #f2f2f2; line-height: 20px; width: 292px;}
#CopyDataForm {color: blue;}
#Potwierdzenia {width: 700px; padding: 0 0 10px 0; float: left;}
#Potwierdzenia .checkbox{padding: 10px 0 0 0}
#Regulamin a, #CopyDataForm {color: #1E90FF; text-decoration: underline !important; }
#Response {width: 600px; padding: 20px 0 20px 0; position: relative; left: 310px; float: left;}
#Response .kom_err {color: #fff;float: left; width: 60%; font-size: 12px; padding: 5px 10px 5px 10px; background-color: red; }
#FormularzPytania {float: left; padding: 40px 0 20px 20px; background-color: #f9f9f9; display: none}
#FormularzPytania #Response{left: 0px;}
#FormularzPytania .field {width: 47%;}
#FormularzPytania textarea{}

#ZadajPytanie {float: right; padding: 10px 0 0 0 }
#ZadajPytanie span {width: 170px; height:54px; display: block; background: url(../images/przyciski/cena.png) no-repeat; cursor: pointer}


.producent .Wyroznienie , .NowoKontener .Wyroznienie{background-size: 50%; top: 0px; left: 60px;}
.NowoKontener .Wyroznienie {left: 50px;}
.Wyroznienie {width: 180px; height: 104px; display: block; position: absolute; top: 50px; left: 63px;}
.Promocja {background: url(../images/Promocja.png) no-repeat}
.Nowosc {background: url(../images/Nowosc.png) no-repeat}
.Polecane {background: url(../images/Polecamy.png) no-repeat}

/* temp (christmas) */
	
.christmas_box {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	-webkit-backface-visibility: hidden; 
	-webkit-transform: translateZ(0);
	background: rgba(180,14,29,0.9);
	padding: 15px;
	text-align: center;
	color: #fff;
	z-index: 9999;
}

#Zamowienie {padding: 5px 20px 5px 20px; color: #fff; position: relative; top: 30px; background-color: #ffc000; border: 3px solid 5px #0d314f; border-radius: 4px; font-size: 14px;}



/* KOMPATYBILNOSC */

.tabs-links:after {
	content: "";
	display: block;
	clear: both;
}

.tabs-links {
	border-bottom: 1px solid #dadada;
	margin-top: 20px;
	margin-bottom: 20px;
}

.tabs-links h2 {
	float: left;
	margin-right: 40px;
	margin-bottom: -1px;
	padding-bottom: 15px;
	color: #dadada;
	cursor: pointer;
}

.tabs-links h2.active {
	border-bottom: solid 3px #ffcd00;
	color: #ffcd00;
}

.tab-kompatybilnosc {
	display: none;
}

.tab-kompatybilnosc h3 {
	color: #284d6d;
	font-size: 18px;
	margin-bottom: 20px;
	margin-top: 40px;
}

.tab-kompatybilnosc h3:first-child {
	margin-top: 0;
}

.tab-kompatybilnosc td img {
	width: auto;
	height: auto; 
	border: 0;
	padding: 0;
	padding-right: 10px;
	height: 17px;
	line-height: 24px;
}

.tab-kompatybilnosc td {
	font-size: 14px;
	color: #274d6d;
	line-height: 24px;
	width: 188px;
}

.tab-kompatybilnosc td.big {
	width: 376px;
}

.tab-kompatybilnosc td.big2 {
	width: 280px;
}

.regulations  h2{font-size: 15px;}
	.regulations ul {margin: 0px; padding: 0px}
	.regulations ul li{font-size: 11px; }
	.regulations ul li a{font-size: 11px; color: #33beff ;}

	

/* .menu li:last-child {position: absolute; right: 0px;} */
.logo {top: -10px; height: 40px !important ; }

#Page504  .grid_8 table td img {width: 80% ; height: auto ;  padding: 15px !important; margin-bottom: 10px;  }
#Page504  .grid_8 table td {padding: 0px ; margin: 0px }
#Page504  .grid_8 table td p {padding: 0px !important; margin: 0px !important}

.customers {width: 70%}
.customers .customer {display: inline-block; width: 10%; }
.customers .customer img {width: 70% ; }