@font-face{font-family:Yanone Kaffeesatz;src:url('http://www.serwis-it24.pl/uploads/CSS3_four/fonts/YanoneKaffeesatz-Regular.eot');src:local("Yanone Kaffeesatz"), url('http://www.serwis-it24.pl/uploads/CSS3_four/fonts/YanoneKaffeesatz-Regular.ttf');}
html{height:100%;}
*{margin:0;padding:0;}
article, aside, figure, footer, header, hgroup, nav, section{display:block;}
body{font-family:'Gudea', sans-serif;background:#F9F9F9;color:#555;}
p{padding:0 0 20px 0;line-height:1.7em;margin-right:5px;}
p ul li{padding:0px;}
img{border:0;}
h1, h2, h3, h4, h5, h6{color:#362C20;letter-spacing:0em;padding:0 0 5px 0;}
h1, h2, h4{font:normal 200% arial, sans-serif;text-shadow:1px 1px #FFF;margin:0 0 15px 0;padding:15px 20px 5px 0;color:#555;}
h2{font:normal 150% arial, sans-serif;}
h4{font:normal 150% "Yanone Kaffeesatz", arial, sans-serif;padding:5px 20px 5px 0;margin:0;color:#555;}
h3{color:#c4261c;padding:10px 0 5px 0;font:normal 170% arial;}
h5{color:#888;font:italic 95% arial;letter-spacing:normal;padding:0 0 15px 0;}
h6{padding:5px 0 25px 0;}
a{outline:none;text-decoration:underline;color:#c4261c;}
a:hover{text-decoration:none;}
blockquote{margin:20px 0;padding:10px 20px 0 20px;border:1px solid #E5E5DB;background:#FFF;}
ul{margin:2px 0 22px 17px;}
ul li{list-style-type:none;margin:0 0 6px 0;padding:0 0 4px 5px;line-height:1.5em;}
ol{margin:8px 0 22px 20px;}
ol li{margin:0 0 11px 0;}
.left{float:left;width:auto;margin-right:10px;}
.right{float:right;width:auto;margin-left:10px;}
.center{display:block;text-align:center;margin:20px auto;}
#main, #logo, nav, #site_content, footer{margin-left:auto;margin-right:auto;}
header{background:white;height:150px;}
#logo{height:150px;width:95%;margin:auto;}
#logo h1, #logo h2{font:normal 220% arial, sans-serif;border-bottom:0;text-transform:none;text-shadow:none;margin:0;}
#logo h2{font:normal 140% 'Yanone Kaffeesatz', arial, sans-serif;}
#logo_text{position:relative;top:30px;float:left;width: 149px;text-align: center;}
#logo_text h1, #logo_text h1 a, #logo_text h1 a:hover{padding:25px 0 0 0;color:#FFF;text-decoration:none;}
#logo_text h1 a .logo_colour{color:#ff0000;}
#logo_text a:hover .logo_colour{color:#FFF;}
#logo_text h2{padding:0 0 0 0;color:#000;}

#slideshow_3{height:150px !important;width:auto !important;}
#slideshow_3 li, #slideshow_3 li img {width:auto !important;}
#slides_4 li{list-style-type:none;}
nav{width:100%;padding:0 0 0 19px;}
#site_content{width:100%;overflow:hidden;margin:20px auto 0 auto;padding:0 0 20px 0;}
#sidebar_container{float:left;width:254px;margin-left:5px;position:absolute;}
.sidebar{width:230px;background:#fff;-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 2px;-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 2px;box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 2px;border:1px solid #eee;font-family:Gudea;font-size:14px;padding:10px 15px 5px 15px;margin:0 0 17px 0;}
.sidebar ul{width:178px;padding:4px 0 0 0;margin:4px 0 0px 0;}
.sidebar li{list-style:none;padding:0 0 7px 0;}
.sidebar li a, .sidebar li a:hover{padding:0 0 0 0px;}
.sidebar li a.selected{color:#c4261c;}
.sidebar p{margin-bottom:0px;padding:0px;}
#content{text-align:left;padding:0 0 0 5px;background:white;-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 2px;-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 2px;box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 2px;border:1px solid #eee; margin: auto 10px auto 244px;width: auto;float: left; width: calc(100% - 254px);}
#content ul{margin:2px 0 22px 0px;}
#content ul li, .sidebar ul li{color:#c4261c;list-style-image:url(http://www.serwis-it24.pl/uploads/CSS3_four/images/red-point.png);margin-left:15px;line-height:1.5em;}
footer{width:100%;font-family:'trebuchet ms', sans-serif;font-size:100%;padding:25px 0 5px 0;text-align:center;background:#333;color:#A8AA94;padding-bottom: 25px;}
#content img {
  width: auto;
  height: auto;
  max-width: 50%;
  max-height: 100%;
}
footer p{line-height:1.5em;padding:0 0 10px 0;}
footer a{color:#A8AA94;text-decoration:none;}
footer a:hover{color:#FFF;text-decoration:none;}
.form_settings{margin:15px 0 0 0;}
.form_settings p{padding:0 0 4px 0;}
.form_settings span{float:left;width:200px;text-align:left;}
.form_settings input, .form_settings textarea{padding:5px;width:299px;font:100% arial;border:1px solid #E5E5DB;background:#FFF;color:#47433F;border-radius:7px 7px 7px 7px;-moz-border-radius:7px 7px 7px 7px;-webkit-border:7px 7px 7px 7px;}
.form_settings .submit{font:100% arial;border:0;width:99px;margin:0 0 0 212px;height:33px;padding:2px 0 3px 0;cursor:pointer;background:#3B3B3B;color:#FFF;border-radius:7px 7px 7px 7px;-moz-border-radius:7px 7px 7px 7px;-webkit-border:7px 7px 7px 7px;}
.form_settings textarea, .form_settings select{font:100% arial;width:299px;}
.form_settings select{width:310px;}
.form_settings .checkbox{margin:4px 0;padding:0;width:14px;border:0;background:none;}
.separator{width:100%;height:0;border-top:1px solid #D9D5CF;border-bottom:1px solid #FFF;margin:0 0 20px 0;}
table{margin:10px 0 30px 0;}
table tr th, table tr td{background:#3B3B3B;color:#FFF;padding:7px 4px;text-align:left;}
table tr td{background:#E5E5DB;color:#47433F;border-top:1px solid #FFF;}
#scroll{position:relative;margin:10px auto;bottom:15px;right:0;background:#FFF;padding:0;}
#scroll a{float:right;margin:0 0 0 0;padding:0 0 0 0;}
#scroll a img{float:right;padding:0 0 0 0;margin:0;width:29px;height:17px;}
#kafelki{font-size: 23px;text-align:center;margin: auto;width: 593px;}
#kafelki > * {display:inline-block;}
#kafelki_male{font-size:16px;width: 597px;}
#kafelki a{text-decoration:none;color:white;}
.kafelka_duza{background:#C4261C;width:288px;height:247px;float:left;margin-right:5px;margin-bottom:5px;transition:background 0.8s;-webkit-transition:background 0.8s;}
.kafelka_duza p{position:relative;top:80px;}
.kafelka_duza:hover{background:#333333;}
.kafelka_mala{background:#C4261C;width:139px;height:119px;float:left;margin-right:10px;margin-bottom:5px;transition:background 0.8s, border 0.8s;-webkit-transition:background 0.8s, border 0.8s;border:1px solid #C4261C;}
.kafelka_mala p{margin:auto;position:relative;}
.kafelka_mala:hover{background:#333333;border:1px solid #333;}
.wyrozniona{width:139px;max-height:119px;background:#333;transition:background 0.8s;-webkit-transition:background 0.8s;border:1px solid #333;margin-right: 11px;}
.wyrozniona:hover{background:#fff;color:black;border:1px solid #333;}
hr{background:#333333;height:9px;border-radius:0px;}
#prev_4{list-style-type:none;}
#next_4{list-style-type:none;}
input[type="text"]{padding:5px;border:1px solid #DDDDDD;background:-moz-linear-gradient(center top , #FFFFFF, #EEEEEE 1px, #FFFFFF 20px);background:-webkit-gradient(linear, left top, left 20, from(#FFFFFF), color-stop(5%, #EEEEEE) to(#FFFFFF));-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 0 2px #DDDDDD;-webkit-box-shadow:0 0 2px #DDDDDD;box-shadow:0 0 2px #DDDDDD;}
input[type="text"]:hover{border:1px solid #cccccc;}
input[type="text"]:focus{box-shadow:0 0 2px #FFFE00;}
input[type="submit"]{width:auto;padding:9px 15px;background:#C4261C;border:0;margin-top:5px;font-size:14px;color:white;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;transition:background 0.5s;}
input[type="submit"]:hover{background:#333;}
#cookiesBar{border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;color:#414141;font:400 normal 11px/1em Arial, sans-serif;width:100%;padding:10px 0;position:fixed;bottom:0;left:0;z-index:9999;background:#ebebeb;background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0%, #fff), color-stop(100%, #ebebeb));background-image:-webkit-linear-gradient(#fff, #ebebeb);background-image:-moz-linear-gradient(#fff, #ebebeb);background-image:-o-linear-gradient(#fff, #ebebeb);background-image:-ms-linear-gradient(#fff, #ebebeb);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ebebeb);background-image:linear-gradient(#fff, #ebebeb);}
#cookiesBar a{color:#414141;border-bottom:1px dotted #aeaeae;}
#cookiesBar a:hover{color:#aeaeae;}
#cookiesBar p{margin:2px 0;line-height:1;}
#cookiesBarWrap{width:840px;margin:0 auto;position:relative;}
#cookiesBarClose{display:block;width:20px;height:19px;background:url("http://www.serwis-it24.pl/uploads/cookies/img/btn-close.png") 0 0 no-repeat;text-indent:-999em;position:absolute;top:2px;right:0;}
a#cookiesBarClose{border:0;}
#cookiesBarClose:hover{background-position:-30px 0;}
#cookiesBar{border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;color:#414141;font:400 normal 11px/1em Arial, sans-serif;width:100%;padding:10px 0;position:fixed;bottom:0;left:0;z-index:9999;background:#ebebeb;background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0%, #fff), color-stop(100%, #ebebeb));background-image:-webkit-linear-gradient(#fff, #ebebeb);background-image:-moz-linear-gradient(#fff, #ebebeb);background-image:-o-linear-gradient(#fff, #ebebeb);background-image:-ms-linear-gradient(#fff, #ebebeb);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ebebeb);background-image:linear-gradient(#fff, #ebebeb);}
#cookiesBar a{color:#414141;border-bottom:1px dotted #aeaeae;}
#cookiesBar a:hover{color:#aeaeae;}
#cookiesBar p{margin:2px 0;line-height:1;}
#cookiesBarWrap{width:840px;margin:0 auto;position:relative;}
#cookiesBarClose{display:block;width:20px;height:19px;background:url("http://www.serwis-it24.pl/uploads/cookies/img/btn-close.png") 0 0 no-repeat;text-indent:-999em;position:absolute;top:2px;right:0;}
a#cookiesBarClose{border:0;}
#cookiesBarClose:hover{background-position:-30px 0;}
.search-button{margin-top:10px !important;}
#cntnt01searchinput{padding: 8px 30px !important;}
@import url(http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,300);
@charset "UTF-8";
/* Base Styles */
#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  font-weight: normal;
  text-decoration: none;
  line-height: 1;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  position: relative;
}
#cssmenu {
  width: 250px;
  border-bottom: 4px solid #656659;
  border-top: 4px solid #656659;
}
#cssmenu a {
  line-height: 1.3;
}

#cssmenu > ul > li {
  background: #e94f31;
  background: -moz-linear-gradient(#e94f31 0%, #d13516 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e94f31), color-stop(100%, #d13516));
  background: -webkit-linear-gradient(#e94f31 0%, #d13516 100%);
  background: linear-gradient(#e94f31 0%, #d13516 100%);
  cursor: pointer;
}
#cssmenu > ul > li i {
  color: white;
}
#cssmenu > ul > li:hover {
  background: #e84323;
  background: -moz-linear-gradient(#e84323 0%, #c33115 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e84323), color-stop(100%, #c33115));
  background: -webkit-linear-gradient(#e84323 0%, #c33115 100%);
  background: linear-gradient(#e84323 0%, #c33115 100%);
}
#cssmenu > ul > li > a {
  font-size: 14px;
  display: block;
  background: url(images/pattern.png) top left repeat;
  color: #ffffff;
  border: 1px solid #ba2f14;
  border-top: none;
  text-shadow: 0 -1px 1px #751d0c;
  height: 30px;
  line-height: 30px;
}
#cssmenu > ul > li > a > span {
  padding: 12px 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#cssmenu > ul > li > a:hover {
  text-decoration: none;
}
#cssmenu > ul > li.active {
  border-bottom: none;
}
/* Sub menu */
#cssmenu ul ul {
  display: none;
  background: #fff;
  border-right: 1px solid #a2a194;
  border-left: 1px solid #a2a194;
}
#cssmenu ul ul li {
  padding: 0;
  border-bottom: 1px solid #d4d4d4;
  border-top: none;
  background: #f7f7f7;
}
#cssmenu  ul ul ul li {
  padding: 0;
  border-bottom: 0px;
  border-top: none;
  background: #fafafa;
}
#cssmenu  ul ul ul ul li {
  padding: 0;
  border-top: none;
  background: #fdfdfd;
}
#cssmenu ul ul li:last-child {
  border-bottom: none;
}
#cssmenu ul ul a {
  padding: 10px 10px 10px 25px;
  display: block;
  color: #676767;
  font-size: 12px;
  font-weight: normal;
}
#cssmenu ul ul a:before {
  content: "»";
  position: absolute;
  left: 10px;
  color: #e94f31;
}
#cssmenu ul ul a:hover {
  color: #e94f31;
}

#cssmenu i {
  position: absolute;
  right: 10px;
  top: 8px;
}

#cssmenu ul > li > ul  i {
  top: 10px !important;
  color: #555;
}

.cd-main-content {
  text-align: center;
}
.cd-main-content h1 {
  font-size: 20px;
  font-size: 1.25rem;
  color: #64788c;
  padding: 4em 0;
}
.cd-main-content .cd-btn {
  font-size: 30px;
  float: left;
  margin: 20px;
  margin-left: 0px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.no-touch .cd-main-content .cd-btn:hover {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 20px rgba(0, 0, 0, 0.3);
}
@media only screen and (min-width: 1170px) {
  .cd-main-content h1 {
    font-size: 32px;
    font-size: 2rem;
  }
}

.cd-panel {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
  visibility: hidden;
  -webkit-transition: visibility 0s 0.6s;
  -moz-transition: visibility 0s 0.6s;
  transition: visibility 0s 0.6s;
}
.cd-panel::after {
  /* overlay layer */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  cursor: pointer;
  -webkit-transition: background 0.3s 0.3s;
  -moz-transition: background 0.3s 0.3s;
  transition: background 0.3s 0.3s;
}
.cd-panel.is-visible {
  visibility: visible;
  -webkit-transition: visibility 0s 0s;
  -moz-transition: visibility 0s 0s;
  transition: visibility 0s 0s;
}
.cd-panel.is-visible::after {
  background: rgba(0, 0, 0, 0.6);
  -webkit-transition: background 0.3s 0s;
  -moz-transition: background 0.3s 0s;
  transition: background 0.3s 0s;
}
.cd-panel-header {
  position: fixed;
  width: 280px;
  height: 50px;
  line-height: 50px;
  background: rgba(255, 255, 255, 0.96);
  z-index: 2;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  -webkit-transition: top 0.3s 0s;
  -moz-transition: top 0.3s 0s;
  transition: top 0.3s 0s;
}
.cd-panel-header h1 {
  font-weight: bold;
  padding-left: 5%;
  margin-top: -8px;
}
.from-right .cd-panel-header, .from-left .cd-panel-header {
  top: -50px;
}
.from-right .cd-panel-header {
  right: 0;
}
.from-left .cd-panel-header {
  left: 0;
}
.is-visible .cd-panel-header {
  top: 0;
  -webkit-transition: top 0.3s 0.3s;
  -moz-transition: top 0.3s 0.3s;
  transition: top 0.3s 0.3s;
}

.cd-panel-close {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 40px;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  font-size: 25px !important;
  padding: 10px;
  cursor: pointer;
}
.cd-panel-close:hover {
  color: #C4261C;
}

.cd-panel-container {
  position: fixed;
  width: 280px;
  height: 100%;
  top: 0;
  background: #dbe2e9;
  z-index: 1;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.from-right .cd-panel-container {
  right: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.from-left .cd-panel-container {
  left: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.is-visible .cd-panel-container {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s;
}

.cd-panel-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 70px 5%;
  overflow: auto;
  /* smooth scrolling on touch devices */
  -webkit-overflow-scrolling: touch;
}
.cd-panel-content p {
  font-size: 14px;
  font-size: 0.875rem;
  color: #424f5c;
  line-height: 1.4;
  margin: 2em 0;
}
.cd-panel-content p:first-of-type {
  margin-top: 0;
}
@media only screen and (min-width: 768px) {
  .cd-panel-content p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.6;
  }
}
/* -------------------------------- 

Primary style

-------------------------------- */
*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*::after, *::before {
  content: '';
}

/* -------------------------------- 

Main components 

-------------------------------- */
html, body {
  height: 100%;
}

nav {
  display: none !important;
}
.search-input {
  width: 100%;
}
footer > p {
  display: none;
}
#cookies-message {
  background-color: rgba(51, 51, 51, 0.9) !important;
  height: auto !important;
  line-height: initial !important;
}
.kafelka_backup {
width: 170px !important;
font-size: 15px !important;
margin-right: 0px !important;
margin-left: 1px !important;
margin-top: 1px !important;
}
.kafelka_backup span {
font-size: 16px !important;
}
.kafelka_backup span:last-child {
position: relative;
top: -13px;
}
.kafelka_backup img {
width: 60px !important;
height: 60px !important;
margin-top: 0px !important;
left: -35px !important;
}
.kafelka_duza_backup {
width: 170px !important;
height: 190px !important;
margin-left: 1px !important;
margin-top: 1px !important;
}
.kafelka_duza_backup span {
position: relative;
top: -5px;
}
#backup_kafelki {
width: auto !important;
height: 625px !important;
}
.paginate {
text-align: center !important;
position: relative;
top: -2px;
}

.page {
display: inline-block;
font-weight: bold;
font-size: 12px;
background: rgb(196, 38, 28) none repeat scroll 0% 0%;
width: 20px;
height: 20px;
color: white;
line-height: 20px;
}

.prevnext {
display: inline-block;
width: 20px;
height: 20px;
background: #C4261C;
color: white;
font-size: 12px;
line-height: 20px;
font-weight: bold;
transition: background 1s;
-webkit-transition: background 1s;
-moz-transition: background 1s;
-o-transition: background 1s;
}

.prevnext:hover {
background: #333;
}

.prevnext:first-child {
border-bottom-left-radius: 5px;
}

.prevnext:last-child {
border-bottom-right-radius: 5px;
}
/* Stylesheet: mobile_600px Modified On 2015-07-10 13:36:38 */