body {background: #ccd3da url(../img/bg.png) repeat-x top; padding:0; margin:0; font-family:'Roboto',Arial,sans-serif; font-size:1em; color:#595856}
#container { margin:0 auto; background:#FFF; width: 1240px;}
img {max-width:100%}
a img {border:0 solid}
ul,li {padding:0; margin:0; list-style:none}
a {text-decoration:none; color:#d20600}
form {padding:0; margin:0}
input:focus,textarea:focus {outline:0}
.shadow {-webkit-box-shadow:2px 1px 4px 2px rgba(216,216,216,0.8); -moz-box-shadow:2px 1px 4px 2px rgba(216,216,216,0.8); box-shadow:2px 1px 4px 2px rgba(216,216,216,0.8)}
.mobile  {display: none}
iframe  {border: 0 solid}

p,h1,h2,h3,h4,h5,h6 {padding:0; margin:0}
h1 {color:#d20600; font-size:2.14285em; font-weight:400; margin-bottom:.9em; margin-top:1.2em}
h2 {color:#d20600; font-size:1.5em; font-weight:400; margin-bottom:1em}
h3 {color:#515050; font-size:1.3em; font-weight:400; margin:1.0em 0 0}
h4 {color:#515050; font-size:1.2857em; font-weight:700; margin-top:.6em; margin-bottom:.6em}

/* Wysuwana ikonka FB*/
.fb-tab {position:fixed; top:110px; z-index: 100;right: -338px; -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;}
.fb-tab-visible {right: 0}
.fb-tab #fb-icon {width:63px; height:128px; background:url(../img/fb.tab.png);   float: left;cursor: pointer;margin-top: -3px;}
.fb-tab #fb-container {top: 0;background: #FFF;float: left;border: 1px solid #3e58a5;}

#all {background: url(../img/body.shadow.jpg) no-repeat top center;}

#content .left-col p {margin:1.3em 0; line-height:1.5em}
#content .left-col ul {padding-top:5px}
#content .left-col ul li {background:url(../img/bullet.png) no-repeat left 7px; padding-left:18px; margin-bottom:11px}

#content table {border-collapse:collapse; border-spacing:0; font-size:14px; margin-top:10px; margin-bottom:10px; width:100%}
#content table .lft {text-align:left}
#content table .rgt {text-align:right}
#content table .ctr {text-align:center}
#content table tbody tr td {border-bottom:1px solid #e4e3e3}
#content .left-col table tbody tr td p {margin-bottom:0}
#content table tbody tr.last-child td {border:0 solid}
#content table th {padding:9px 0; text-align:left; border-bottom:4px solid #d20600}
#content .left-col table thead tr th p {color:inherit; margin-bottom:0}
#content table tr td {padding:9px 0; border:none; border-bottom:1px solid #c8c8c8}
#content table tr.first-child td {padding-top:11px}
#content table tr td.last-child {border-bottom:0 solid}

#top {border-bottom:4px solid #d20500; height:96px; background:url(../img/top.bg.png) no-repeat 633px top; position:relative; padding:0 140px}
#top a.logo {margin:40px 0 0; float:left; padding-right: 50px; }
#top a.logo img {max-width: 181px}
#top .fb-like {position:absolute; top:45px; left:360px}

/* Spolecznosciowe*/
#top #social {position:absolute; left:590px; top:40px}
#top #social ul li {float:left; margin-right:10px}
#top #social ul li a {display:block; width:30px; height:30px; background:url(../img/social.icons.png)}
#top #social ul li a#twitter {background-position:-30px}
#top #social ul li a#gplus {background-position:-60px}

#top .callcenter {float:right; margin-top: 21px; }
#top .callcenter span {font-size:1.125em; font-weight:lighter; display:block; float:right}
#top .callcenter strong {font-size:1.875em; clear:both; text-align:right; display:block; line-height:1em}

body.home #header {min-height:450px}
#header {position:relative; height:30px}

/* SLider */
#header .slides .slide img {display:block}
#header .slides .slide .text {position:absolute; right: 8.9%; width:28.31%; top:0; height:320px; overflow:hidden; background:#d10600 url(../img/slides.text.bg.png) repeat-x left bottom; margin-top:50px; bottom:0; height:409px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-bottomleft:5px; border-bottom-right-radius:5px; border-bottom-left-radius:5px}
#header .slides .slide .text .text-wrapper {padding:0 30px; color:#FFF}
#header .slides .slide .text .text-wrapper h3 {font-size:1.5em; margin-top:30px; border-bottom:1px solid #e36561; padding-bottom:15px; color:#FFF}
#header .slides .slide .text .text-wrapper p {margin-top:23px; line-height:1.25em}
#header .slides .slide .text a.more {display:block; text-align:center; font-weight:700; text-transform:uppercase; border:2px solid #FFF; padding:9px 0; font-size:.875em; margin-top:16px; color:#FFF; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}
#header .slides div.dots {position:absolute; right:30px; bottom:20px; border-top:1px solid #b7db8b; width:290px; text-align:center; padding-top:6px}
#header .slides div.dots ul.n li {display:inline-block}
#header .slides div.dots ul.n li a {display:block; width:10px; height:10px; margin-left:10px; background:url(../img/slides.dots.png); border:0 solid; font-size:1px; line-height:8px; text-align:center; color:#8bc543}
#header .slides div.dots ul.n li a.current {background-position:right; color:#FFF; border-color:#FFF}
#header .slides div.dots {position:absolute; right:11%; bottom: 2px; border-top:1px solid #e36561; text-align:center; padding-top:6px}
#header .slides div.dots ul.n li {display:inline-block}
#header .slides div.dots ul.n li a {display:block; width:10px; height:10px; margin-left:10px; background:url(../img/slides.dots.png); border:0 solid; font-size:1px; line-height:8px; text-align:center; color:#8bc543}
#header .slides div.dots ul.n li a.current {background-position:right; color:#FFF; border-color:#FFF}
#header .slides .arrow {width:20px; height:40px; display:block; position:absolute; z-index:10; background:url(../img/slides.arrows.png); top:50%; left:5.9%; cursor:pointer}
#header .slides #next {right:5.9%; left:auto; background-position:right}

/* Glowne menu*/
#header #menu {background:url(../img/menu.lvl1.bg.png); float:left; width:100%; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border-top-left-radius:5px; border-top-right-radius:5px; -webkit-box-shadow: 2px 2px 6px 2px rgba(0,0,0,0.4); -moz-box-shadow: 2px 2px 6px 2px rgba(0,0,0,0.4); box-shadow: 2px 2px 6px 2px rgba(0,0,0,0.4); position:absolute; width:1020px; left:50%; margin-left:-510px; top: 10px;}
#header #menu ul.lvl1 li.lvl1 {float:left; position:relative}
#menu ul li.first-child a.lvl1 {-webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px;}
#header #menu ul.lvl1 li.lvl1 a.lvl1 {font-size:.9375em; color:#484646; padding: 10px 20px; display:block; border-right:1px solid #d4dbe1;}
#header #menu ul.lvl1 li.lvl1 span.lvl1 {font-size:.9375em; color:#484646; padding: 10px 20px; display:block; border-right:1px solid #d4dbe1;}
#header #menu ul.lvl1 li.lvl1 a.last-child {border-right:0 solid}
#header #menu ul.lvl1 li.lvl1 a.lvl1:hover,#header #menu ul.lvl1 li.lvl1 a.current {background-image:url(../img/menu.lvl1.active.bg.png); color:#FFF}
#header #menu ul.lvl1 li.lvl1-parent-hover a.lvl1:hover {background:none; color:#777676; border-top:4px solid #d20600; padding-top:6px}
#header #menu ul.lvl1 li.lvl1 ul.lvl2 {position:absolute; width: 210px; z-index: 10; background:#e1e6e9 url(../img/submenu.bg.png) left bottom repeat-x; padding:20px 30px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-bottomleft:5px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; visibility: hidden}
#header #menu ul.lvl1 li.lvl1 ul.lvl2 li.lvl2 {border-bottom:1px solid #d0d1d2}
#header #menu ul.lvl1 li.lvl1 ul.lvl2 li.lvl2 a.lvl2 {white-space:nowrap; display:block; padding:18px 0 19px; color:#777676}
#header #menu ul.lvl1 li.lvl1 ul.lvl2 li.lvl2 span.lvl2 {white-space:nowrap; display:block; padding:18px 0 19px; color:#777676}
#header #menu ul.lvl1 li.lvl1 ul.lvl2 li.lvl2 a.current,
#header #menu ul.lvl1 li.lvl1 ul.lvl2 li.lvl2 a.lvl2:hover {color:#d20600; background:none}

/* Search*/
#header form.search {float:right; position:relative; margin-right:20px; margin-top: 5px;}
#header form.search input.text {border: 2px solid #cdd6dd; padding: 5px 10px 5px 10px; font-size: 0.875em; width:206px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}
#header form.search input.submit {position:absolute; top: 50%; right: 5px; width:30px; color: transparent; background:url(../img/search.ico.gif); border:0 solid; height:20px; cursor:pointer;margin-top: -10px;}

#content {padding:36px 0 0; font-size:.875em;float: left;}
#content .content-wrapper {padding:0 140px}
#content .left-col {width:625px; margin-right:45px; float:left; padding-bottom:60px}
#content .wide-col {width:100%; float:left; width:100%; clear:both; border-top:4px solid #d20600}
#content .wide-col h3 {margin-top:1.3em}
#content .left-col img.border {border-top:4px solid #d20600; margin-top:27px; margin-bottom:9px}
#content .right-col {float:right; width:290px; padding-bottom:40px}

#content .submenu {width:100%; background:#e1e6e9 url(../img/submenu.bg.png) left bottom repeat-x; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-bottomleft:5px; border-bottom-right-radius:5px; border-bottom-left-radius:5px}
#content .submenu ul.lvl1 {padding:26px 30px 30px}
#content .submenu ul.lvl1 li.lvl1 {border-bottom:1px solid #d0d1d2}
#content .submenu ul.lvl1 li.lvl1 a.lvl1 {display:block; font-size:1.0714em; padding:18px 0 19px; color:#777676}
#content .submenu ul.lvl1 li.lvl1 a.current {color:#d20600}
#content .submenu ul.lvl1 li.lvl1-parent-current {background:#FFF; margin-left:-30px; padding-left:30px; -webkit-box-shadow:5px 1px 7px 2px rgba(216,216,216,0.8); -moz-box-shadow:5px 1px 7px 2px rgba(216,216,216,0.8); box-shadow:5px 1px 7px 2px rgba(216,216,216,0.8); -webkit-border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomright:5px; border-top-right-radius:5px; border-bottom-right-radius:5px}
#content .submenu ul.lvl1 li.lvl1-parent-current a.current {color:#777676; padding-bottom:7px}
#content .submenu ul.lvl1 li.lvl1 ul.lvl2 {display:none}
#content .submenu ul.lvl1 li.current {display:block}
#content .submenu ul.lvl1 li.current ul.lvl2 {display:block; padding-bottom:16px}
#content .submenu ul.lvl1 li.current ul.lvl2 li.lvl2 a.lvl2 {color:#777676; font-size:.9286em; display:block; padding:6px 0}
#content .submenu ul.lvl1 li.current ul.lvl2 li.lvl2 a.lvl2:hover {color:#d20600}

/* Boxy */
#content .right-col .boxes {margin-top:28px; float:left}
#content .right-col .boxes .box {float:left}
#content .right-col .boxes .box a.title {font-size:1.2857em; color:#515050; font-weight:bolder; margin:16px 0 25px; display:block}
#content .right-col .boxes .box a img {border-top:4px solid #d20600}
#content .right-col .boxes .box-text {border:2px solid #c8c8c8; border-top:4px solid #d20600; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-bottomleft:5px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; margin-top:25px; width:100%}
#content .right-col .boxes .box-text .box-wrapper {padding:20px 27px 29px}
#content .right-col .boxes .box-text ul {padding-top:11px}
#content .right-col .boxes .box-text ul li {background:url(../img/bullet.png) no-repeat left 7px; padding-left:17px; margin-bottom:11px; font-size:1em}
#content .right-col .boxes .box-text ul li a {font-weight:400; color:#515050}
#content .right-col .boxes .box-text a.more {color:#777676; text-align:center; font-weight:700; display:block; border:2px solid #c8c8c8; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-transform:uppercase; padding:9px 0; margin-top:25px}

#content .breadcrumbs {font-size:.9285em; border-bottom:4px solid #d20600; padding-bottom:12px}
#content .breadcrumbs a {color:#d20600; background:url(../img/breadcrumbs.bullet.png) no-repeat right 7px; padding-right:15px; margin-right:6px}

/* Rozwiazania */
#content .solutions {padding-bottom:35px; float:left; margin-top:32px}
body.home #content .solutions {margin-top:0}
#content .solutions .items .item {float:left; margin-right: 40px; margin-bottom:30px;}
body.home #content .solutions .items .even {margin-right:45px}
body.home #content .solutions .items .third-in-row {margin-right:0}
#content .solutions .items .even {margin-right:0}
#content .solutions .items .item img {border-top:4px solid #d20600; margin-top:14px;max-width: 290px;}
#content .solutions .items .item h4 a {color:#515050}

/* Nasza oferta*/
#content #offer {clear:both; float:left; width:100%; border-bottom:4px solid #d20600; padding-bottom:6px}
body.home #content #offer  {background:url(../img/offer.bg.jpg); padding-top:35px; border-bottom:0 solid; padding-bottom:40px}
body.home #content #offer .items {margin-top:43px}
#content #offer .items .item {float:left; margin-right:45px; margin-bottom:30px; -webkit-box-shadow:2px 2px 7px 1px rgba(195,200,203,1); -moz-box-shadow:2px 2px 7px 1px rgba(195,200,203,1); box-shadow:2px 2px 7px 1px rgba(195,200,203,1);width: 290px;background: #FFF;height: 80px;}
#content #offer .items .item .logo {
    float: right;
    width: 126px;
    height: 80px;
    position: relative;
}
#content #offer .items .item .logo a {
    display: block;
    width: 100%;
    height: 100%;
}
#content #offer .items .item .name {
    float: left;
    width: 156px;
    margin: 4px;
	 height: 72px
}
#content #offer .items .item .name a {color: #FFF; display: block; text-align: center; font-size: 1.1em; font-weight: bold; background: url(../img/more.png) no-repeat 91% center; position: relative;     top: 50%;     transform: translateY(-50%);     -webkit-transform: translateY(-50%); padding-right: 23px}

#content #offer .items .item .name a span.more {}
body.home #content #offer .items .even {margin-right:  45px}
body.home #content #offer .items .third-in-row {margin-right:0}
#content #offer .items .even {margin-right:0}
#content #offer .items .item a img {max-height: 80px;position: absolute;      top:0;      bottom:0;      margin:auto;left: 0;right: 0;}

/*Szkolenia*/
#content #trainings {float:left; padding-top:35px; width:100%; padding-bottom:98px}
#content #trainings h2 {border-bottom:4px solid #d20600; padding-bottom:28px; margin-bottom:2px}
#content #trainings .items {width:100%; float:left}
#content #trainings .items .item {border-bottom:1px solid #e9e9e9; padding:19px 0}
#content #trainings .items .item span.date {font-weight:700}
#content #trainings .items .item a {font-size:.9285em; color:#d20600}
#content #trainings .items a.see-all {font-size: 0.8571em; text-transform: uppercase; font-weight: bold; text-align: right;float: right;margin-top: 10px;}
#content #trainings .calendar {float: right; margin-top: 9px; width: 290px}
#content #trainings .calendar .calendar-footer {background: #e6e9eb; padding-top: 10px; -webkit-border-bottom-right-radius: 5px;  -webkit-border-bottom-left-radius: 5px;  -moz-border-radius-bottomright: 5px;  -moz-border-radius-bottomleft: 5px;  border-bottom-right-radius: 5px;  border-bottom-left-radius: 5px;}
#content #trainings .calendar .calendar-footer a.see-all {display: block; font-size: 0.8571em; text-transform: uppercase; font-weight: bold; text-align: right; border-top: 1px solid #dadcde; padding: 8px 22px}

/* Klienci*/
#content #our-clients {background:url(../img/our.clients.bg.jpg) no-repeat; float:left; width:100%; padding-top:36px}
#content #our-clients .content-wrapper {padding:0 140px}
#content #our-clients .items {margin-top:18px; float:left; padding-bottom:32px}
#content #our-clients .items .item {margin:0 45px 30px 0; float:left}
#content #our-clients .items .third-in-row {margin-right:0}
#content #our-clients .items .item a img {display:block; -webkit-box-shadow:2px 2px 7px 0 rgba(195,200,203,1); -moz-box-shadow:2px 2px 7px 0 rgba(195,200,203,1); box-shadow:2px 2px 7px 0 rgba(195,200,203,1);width: 290px;}

/* Promocje */
#content #promo {float: left; width: 100%; padding-top: 37px; height: 320px;}
#content #promo .content-wrapper {}
#content #promo .content-wrapper .items {margin-top: 50px; position: relative; height: 149px}
#content #promo .content-wrapper .items .item {width: 100%; text-align: center}
#content #promo .content-wrapper .items .arrow {width:20px; height:40px; display:block; position:absolute; z-index:10; background:url(../img/slides.arrows.png); top: 22%; left: 0; cursor:pointer}
#content #promo .content-wrapper .items #next {right: 0; left:auto; background-position:right}

/* Kontakt */
.contact-content .items {float:left; margin-bottom:40px}
.contact-content .items .item {float:left; width:290px; margin: 0 45px 15px 0; }
.contact-content .items .third-in-row {margin-right:0}
.contact-content .items .item a.more {float:left}

#content .contact-form {border-top:4px solid #d20600; margin-top:12px; float:left; width:100%; padding-top:29px; padding-bottom:115px}
#content .contact-form div.f {float:left; margin-right:45px; margin-top:7px; margin-bottom:18px}
#content .contact-form div.f-wynik {margin-right:500px; }
#content .contact-form div.f-checkbox {margin-right:45px; margin-top:7px; margin-bottom:18px; float:left; }
#content .contact-form div.third-in-row {margin-right:0}
#content .contact-form div.f label {display:block}
#content .contact-form div.f input.text {border:1px solid #b5bcc2; width:268px; padding:7px 10px; margin-top:7px;border-radius: 0;-moz-border-radiu: 0;-webkit-border-radius: 0;}
#content .contact-form div.f label.nobreak { display: inline }
#content .contact-form div.f textarea {border:1px solid #b5bcc2; width:605px; padding:7px 10px; margin-top:7px; resize:vertical; height:201px;border-radius: 0;  -moz-border-radiu: 0;  -webkit-border-radius: 0;}
#content .contact-form div.btn {float:right; margin-top:22px}
#content .contact-form div.btn input.button {width:285px; border:0 solid; margin:0; padding:0; background:url(../img/button.bg.jpg) repeat-x; height:40px; color:#FFF; text-transform:uppercase; font-weight:700; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px}
#content .contact-form label.zgoda-title { font-weight: bold; text-align: justify }
#content .contact-form label.zgoda-text { font-size: .750em; margin-top: 10px; float:left; text-align: justify }

/* Aktualności*/
#content .entries-list .entry {border-bottom:4px solid #e2e7eb; clear:both; float:left; width:100%; padding-bottom:16px; margin-bottom:32px}
#content .entries-list .last-child {border-bottom:0 solid}
#content .entries-list .entry a.photo {float:left}
#content .entries-list .entry a img {margin-right:20px; border-top:4px solid #d20600;max-width: 120px;}
#content .entries-list .entry .text h3 {font-size:1.2857em; margin-top: 0}
#content .entries-list .entry .text h3 a {color:#515050}
#content .entries-list .entry .text p {margin-top:.6em}
#content .entries-list .entry .text a.more {background:url(../img/more.ico.png) right 5px no-repeat; padding-right:10px; font-size:.9285em; font-weight:700}
#content .news-box {border:2px solid #c8c8c8; border-top:4px solid #d20600; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-bottomleft:5px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; margin-top:25px; text-align:center}
#content .news-box p {margin:.5em; padding:0 20px}
#content .news-box p a {color:#515050}
h3.button a {float:right; border:0 solid; margin:0; padding:0 37px; background:url(../img/button.bg.jpg) repeat-x; height:40px; color:#FFF; text-transform:uppercase; font-weight:700; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:.583em; line-height:40px}

/*  Szkolenia */
#content .events-list li a {color: #595856}
#content .events-list li a:hover {color: #d20600}


/* WYniki wyszukiwania */
#content .search-results-list .search-result {border-bottom:4px solid #e2e7eb; clear:both; float:left; width:100%; padding-bottom:16px}
#content .search-results-list .last-child {border-bottom:0 solid}
#content .search-results-list .search-result .text h3 {font-size:1.2857em; margin-top: 0.5em}
#content .search-results-list .search-result .text h3 a {color:#515050}
#content .search-results-list .search-result .text a.more {background:url(../img/more.ico.png) right 5px no-repeat; padding-right:10px; font-size:.9285em; font-weight:700}


/* Wyroznione produkty */
#content .featured-products-list {border-bottom:4px solid #d20600; float:left; width:100%; margin-bottom:27px}
#content .featured-products-list .featured-product {width:178px; float:left; margin-right:45px; padding-bottom:20px}
#content .featured-products-list .third-in-row {margin-right:0}
#content .featured-products-list .featured-product img {border-bottom:4px solid #d20600}
#content .featured-products-list .featured-product h3 {margin-bottom:25px; font-size:1.2857em}
#content .featured-products-list .featured-product h3 a {font-size:1.1em}
#content .featured-products-list .featured-product p {font-size:.9286em; line-height:1.24em; margin-top:20px; margin-bottom:13px}
#content .featured-products-list .featured-product a.more {font-size:.9286em; background:url(../img/more.ico.png) right 7px no-repeat; padding-right:10px}
#content .featured-products-list hr {border-top:1px solid #c8c8c8; border-bottom:0 solid; margin-bottom:22px; clear:both}
#content .featured-products-list {border-bottom:0 solid}
#content .wide .featured-product {width:290px}

#content .products-list {margin-top:13px}
#content .products-list .product {width:160px; float:left; margin-right:45px}
#content .products-list .third-in-row {margin-right:0}
#content .products-list .product a {color:#515050}

/* Produkt*/
#content .product-wrapper .text {padding-right:20px}
#content .product-wrapper .photo {float:right; width:290px; margin-top:11px; margin-left: 20px}
#content .product-wrapper .photo img {border-bottom:4px solid #d20600}
#content .product-wrapper .photo .price small {display:block; text-align:center; font-size:1em; margin-top:19px}
#content .product-wrapper .photo .price big {display:block; text-align:center; font-size:1.7142em; color:#d20600; font-weight:700}
#content .product-wrapper .photo .price a.shop {display:block; text-align:center; border:0 solid; margin:0; padding:0 37px; background:url(../img/button.bg.jpg) repeat-x; height:40px; color:#FFF; text-transform:uppercase; font-weight:700; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:1.2857em; line-height:40px; margin-top:15px}
#content .product-wrapper .photo .price a.demo {display:block; text-align:center; color:#777676; text-align:center; font-weight:700; display:block; border:2px solid #c8c8c8; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-transform:uppercase; padding:9px 0; margin-top:18px}

/* Paginacja*/
#content div.pagination {text-align:center; padding:0; position:relative; clear:both; padding-top:19px; float:left; width:100%; padding-bottom:19px; border-top:4px solid #d20600}
#content div.pagination a {display:inline-block; height:20px; line-height:20px; text-align:center; vertical-align:top; text-decoration:none; margin-right:4px; padding:0 8px; font-size:.9286em}
#content div.pagination a.n {color:#0B7F51; background:#e2e7eb; color:#505050}
#content div.pagination a.current,#content div.pagination a.n:hover {text-decoration:none; color:#FFF; background:#d20600; border-color:transparent}
#content div.pagination .nav {background:url(../img/pagination.navi.png) no-repeat left 8px}
#content div.pagination .nav:hover {text-decoration:underline}
#content div.pagination a.prev {width:auto; float:left; padding-left:15px}
#content div.pagination a.next {width:auto; float:right; padding-right:15px; background-position:right -15px}

/* Google maps*/
#content #google-maps {border-top:4px solid #d20600; float:left; width:100%; position: relative; height: 0; overflow: hidden; padding-bottom: 35%}
#content #google-maps iframe {position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important}

/* Stopka */
#footer {background:#d20600; padding:0 140px; padding-top:23px; clear:both}
#footer #footer-menu {float:left; margin-bottom:21px}
#footer #footer-menu ul.lvl1 li.lvl1 {float:left; margin-right:52px}
#footer #footer-menu ul.lvl1 li.last-child {margin-right:0}
#footer #footer-menu ul.lvl1 li.lvl1 a.lvl1 {font-size:.875em; color:#FFF; font-weight:700}
#footer #footer-menu ul.lvl1 li.lvl1 span.lvl1 {font-size:.875em; color:#FFF; font-weight:700}
#footer #footer-menu ul.lvl1 li.lvl1 a:hover {text-decoration:underline}
#footer #footer-menu ul.lvl1 li.lvl1 ul.lvl2 {margin-top:9px}
#footer #footer-menu ul.lvl1 li.lvl1 ul.lvl2 li.lvl2 {line-height:1.3em}
#footer #footer-menu ul.lvl1 li.lvl1 ul.lvl2 li.lvl2 a.lvl2 {font-size:.815em; color:#FFF}
#footer #footer-menu ul.lvl1 li.lvl1 ul.lvl2 li.lvl2 span.lvl2 {font-size:.815em; color:#FFF}

#footer div.newsletter {
    width: 25%;
    float: right;
}
#footer div.newsletter form {
    margin-top: 10px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e36561;
    position: relative;
}
#footer div.newsletter form input.text {
    border: 2px solid #aa0500;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    /* padding: 3px; */
    width: 100%;
    height: 20px;
    text-indent: 5px;
}
#footer div.newsletter form input.submit{
    border: 0 solid;
    background: #d30100;
    color: #FFF;
    text-transform: uppercase;
    font-size: 0.6em;
    position: absolute;
    right: 0;
    top: 4px;
    padding: 3px 14px;
    cursor: pointer;
}

#footer .footer-wrapper {clear:both; color:#FFF; border-top:1px solid #e36561; margin-top:30px; font-size:.875em; padding-top:24px; padding-bottom:56px}
#footer .footer-wrapper p {float:left}
#footer .footer-wrapper a {float:right; color:#FFF; margin-left:30px}

@media screen and (max-width: 1240px)
{
	/*#header #menu {left: 0; margin-left: 40px}
	#top {padding: 0 40px}
	#content .content-wrapper {padding: 0 40px}
	#content #google-maps {padding-bottom: 100%}
	#content .right-col {float: left}
	#footer {padding-left: 40px; padding-right: 40px}*/
}


@media screen and (max-width: 800px) {
	body  {}
	.fb-tab  {display: none}
	h3  {clear: both; float: left; width: 100%; margin-bottom: 10px; }
	.mobile  {display:block}
	#top .fb-like {left: 15px; top: 74px}

	#container  {width: 100%; }
	#top  {padding: 0 15px; height: 186px;background: none;}
	#top a.logo {margin-top: 24px}
	#top .callcenter  {margin-top: 53px; width: 100%; padding-top: 15px; border-top: 1px solid #e2e7eb; }
	#top #social  {display: none}

	#header .slides .slide .text .text-wrapper  {padding: 0 15px}
	#header .slides .slide a.img  {/* display: none */}
	#header .slides .slide .text  { right: 0; margin-top: 0; left: 0; width: 100%; height: 467px; }
	#header .slides div.dots  {width: 100%; right: 0; }
	#header .slides .arrow  {display: none}

	#header #menu  {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 100%; margin: 0; left: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; top: 0; height: 41px; border-left: 0 solid; border-right: 0 solid; position: relative; background-size: 100% 100%;margin-top: 8px;}

	#header #menu ul.lvl1  { background: #e2e7ea; z-index: 1000; top: -141px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; display: none; width: 100%; position: absolute; border-top: 4px solid #d20600;}

	#header #menu ul.lvl1 li.lvl1  {float: none; border-bottom: 1px solid #c0c5c9}
	#header #menu ul.lvl1 li.lvl1 a.lvl1  {background: none; border-right: 0 solid}
	#header #menu ul.lvl1 li.lvl1 a.last-child  {}
	#header #menu ul.lvl1 li.lvl1 a.lvl1:hover,
	#header #menu ul.lvl1 li.lvl1 a.current  {background: none; color: #ce0601}
	#header #menu ul.lvl1 li.lvl1-parent-hover a.lvl1:hover  {border: 0 solid; padding-top: 10px}
	#header #menu ul.lvl1 li.lvl1 ul.lvl2  {display: none}
	#header #menu ul.lvl1 li.lvl1 ul.lvl2 li.lvl2  {}
	#header #menu ul.lvl1 li.lvl1 ul.lvl2 li.lvl2 a.lvl2  {}
	#header #menu ul.lvl1 li.lvl1 ul.lvl2 li.lvl2 a.current,#header #menu ul.lvl1 li.lvl1 ul.lvl2 li.lvl2 a.lvl2:hover {}

	#header form.search  {margin: 6px 0 0 0; float: none; position: absolute; width: 100%; top: 0; z-index: 10}
	#header form.search input.text  {width: calc(100% - 60px); margin-left: 15px}
	#header form.search input.submit  {right: 26px}
	#header a.mobile-menu  {width: 40px; height: 40px; background: url(../img/mobile.menu.ico.png); position: absolute; top: -170px; right: 15px; color: transparent; text-indent: -500px; }

	#content  {padding-top: 2px}
	#content .breadcrumbs  {display: none}
	#content .content-wrapper  {padding: 0 15px}

	#content .left-col  {width: 100%; margin: 0; padding-bottom: 0}
	#content .right-col  {float: left; clear: both; width: 100%}

	#content .solutions  {}
	body.home #content .solutions  {width: 100%; margin-top: 30px}
	#content .solutions .items .item {margin-right: 0; width: 100%}
	body.home #content .solutions .items .even {}
	body.home #content .solutions .items .third-in-row  {}
	#content .solutions .items .even  {}
	#content .solutions .items .item img  {width: 100%;max-width: none;}
	#content .solutions .items .item h4 a  {}

	body.home #content #offer	 {background-size: auto 100%; background-position: center}
	#content #offer .items .item  {margin-right: 0; width: 100%; }
	#content #offer .items .item a img  {}

	#content #offer .items .item .name {width: 43%;}
	#content #offer .items .item .name a {font-size: 1.1rem;}
	#content #offer .items .item .logo {width: 43%;}

	/* Szkolenia */
	#content #trainings {padding-bottom: 20px}
	#content #trainings .items  {width: 100%}
	#content #trainings .calendar {margin-top: 30px;float: left;}

	#content #our-clients  {background-size: auto 100%; background-position: center}
	#content #our-clients .content-wrapper  {padding: 0 15px}
	#content #our-clients .items .item  {margin-right: 0;width: 100%;}
	#content #our-clients .items .item a img {width: 100%}

	/* Wyroznione produkty*/
	#content .featured-products-list .featured-product  {width: auto; margin-right: 0; border-bottom: 1px solid #CCC}
	#content .featured-products-list .featured-product img  {width: 100%}
	#content .featured-products-list hr  {display: none}

	/*Aktualnosci*/
	#content .entries-list .entry a img  {width: 100%;max-width: none;}
	#content .entries-list .entry a.photo  {float: none}
	#content .entries-list .entry .text h3  {margin-top: 0.5em}
	#content .entries-list .entry .text span.date  {display: block; clear: both; margin-top: 10px}

	/* Paginacja*/
	#content div.pagination a.prev  {}
	#content div.pagination a.next  {clear: both; float: left}

	/* Produkt*/
	#content .product-wrapper .text  {width: auto}
	#content .product-wrapper .photo  {width: 100%; }
	#content .product-wrapper .photo img  {width: 100%}
	#content .product-wrapper .photo .price a.shop  {}
	#content .product-wrapper .photo .price a.demo  {margin-bottom: 20px}

	/*Produkty*/
	h3.button a  {width: 100%; padding: 0; text-align: center; margin: 0; margin-top: 10px}

	#content #google-maps  {overflow: hidden; padding-bottom: 100%}

	/* Kontakt */
	#content .contact-form div.f  {margin-right: 0; float: none}
	#content .contact-form div.btn  {margin-top: 30px; width: 100%; }
	#content .contact-form div.btn input.button  {width: auto; width: 100%;}
	#content .contact-form  {padding-bottom: 30px}
	#content .contact-form div.f input.text  {width: calc(100% - 30px)}
	#content .contact-form div.f textarea  {width: calc(100% - 30px)}
	.contact-content .items .item {width: 100%}

	/* Boxy*/
	#content .right-col .boxes  {width: 100%}
	#content .right-col .boxes .box  {float: none; width: 100%}
	#content .right-col .boxes .box a img  {width: 100%}


	#footer  {padding: 0 15px}
	#footer #footer-menu  {display: none}
	#footer .footer-wrapper  {}
	#footer .footer-wrapper a  {display: none}

	#footer div.newsletter {width: 100%}
}