@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:192px;}
#logo{width:875px;position:relative;height:150px;}
#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;}
#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;font-size: 17px;font-weight: normal;}
#logo_slideshow{position:relative;top:-55px;left:160px;width:700px;}
#slides_4 li{list-style-type:none;}
nav{width:950px;height:44px;padding:0 0 0 19px;}
#site_content{width:885px;overflow:hidden;margin:20px auto 0 auto;padding:0 0 20px 0;}
#sidebar_container{float:left;width:254px;}
.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;display:block;}
.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;float: right;width: calc(100% - 279px);}
#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;}
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;width:900px;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;}
html body ul.sf-menu ul,html body ul.sf-menu ul li{width:200px;}
html body ul.sf-menu ul ul{margin:0 0 0 200px;}
ul.sf-menu,ul.sf-menu *{margin:0;padding:0;font-size:15px;}
ul.sf-menu{display:block;position:relative;}
ul.sf-menu li{display:block;list-style:none;float:left;position:relative;}
ul.sf-menu li:hover{visibility:inherit;}
ul.sf-menu a{display:block;position:relative;}
ul.sf-menu ul{position:absolute;left:0;width:150px;top:auto;left:-999999px;}
ul.sf-menu ul li{float:left;width:150px;}
ul.sf-menu ul ul{top:0;margin:0 0 0 150px;}
ul.sf-menu li:hover ul,ul.sf-menu li:focus ul,ul.sf-menu li.sf-hover ul,
ul.sf-menu ul li:hover ul,ul.sf-menu ul li:focus ul,ul.sf-menu ul li.sf-hover ul,
ul.sf-menu ul ul li:hover ul,ul.sf-menu ul ul li:focus ul,ul.sf-menu ul ul li.sf-hover ul,
ul.sf-menu ul ul ul li:hover ul,ul.sf-menu ul ul ul li:focus ul,ul.sf-menu ul ul ul li.sf-hover ul{left:auto;}
ul.sf-menu li:hover ul ul,ul.sf-menu li:focus ul ul,ul.sf-menu li.sf-hover ul ul,
ul.sf-menu ul li:hover ul ul,ul.sf-menu ul li:focus ul ul,ul.sf-menu ul li.sf-hover ul ul,
ul.sf-menu ul ul li:hover ul ul,ul.sf-menu ul ul li:focus ul ul,ul.sf-menu ul ul li.sf-hover ul ul,
ul.sf-menu ul ul ul li:hover ul ul,ul.sf-menu ul ul ul li:focus ul ul,ul.sf-menu ul ul ul li.sf-hover ul ul{left:-999999px;}
.menu-rtl-onecolumn{margin: 0px 0px 0px -202px !important;}
.menu-rtl-twocolumn{margin: 0px 0px 0px -403px !important;}
span.sf-arrow{width:7px;height:7px;position:absolute;top:20px;right:5px;display:block;background:url(http://www.serwis-it24.pl/uploads/CSS3_four/images/arrows-black.png) no-repeat 0 0;overflow:hidden;font-size:1px;}
ul ul span.sf-arrow{right:10px;top:20px;background-position:0 100%;}
ul#nav{float:left;}
#nav a{color:#444;}
ul#nav ul{background:#eee;margin-top:0;border:1px solid #ddd;}
ul#nav li a{padding:9px 20px 10px 20px;font-family:'Scada', sans-serif;text-decoration:none;}
#nav li:hover{background:#444;color:#fff;}
#nav ul li:hover > a{background:#444;color:#fff;}
#nav li:hover > a{background:#C4261C;color:#fff;}
#kafelki{width:900px;text-align:center;font-size:23px;}
#kafelki_male{width:300px;float:left;font-size:16px;}
#kafelki a{text-decoration:none;color:white;}
.kafelka_duza{background:#C4261C;width:288px;height:247px;float:left;margin-right: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:133px;height:119px;float:left;margin-right:5px;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{max-width:133px;max-height:119px;background:#333;transition:background 0.8s;-webkit-transition:background 0.8s;border:1px solid #333;}
.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;}
.cd-panel, .cd-main-content {
  display: none;
}
#cookies-message {
  background-color: rgba(51, 51, 51, 0.9) !important;
  height: auto !important;
  line-height: initial !important;
}

/**
 * Tooltips!
 */

/* Base styles for the element that has a tooltip */
[data-tooltip],
.tooltip {
  position: relative;
  cursor: pointer;
}

/* Base styles for the entire tooltip */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
  position: absolute;
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: 
      opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -moz-transition:    
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition:         
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform:    translate3d(0, 0, 0);
  transform:         translate3d(0, 0, 0);
  pointer-events: none;
}

/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* Base styles for the tooltip's directional arrow */
.tooltip:before,
[data-tooltip]:before {
  z-index: 1001;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

/* Base styles for the tooltip's content area */
.tooltip:after,
[data-tooltip]:after {
  z-index: 1000;
  padding: 8px;
  width: 160px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  font-size: 14px;
  line-height: 1.2;
}

/* Directions */

/* Top (default) */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after,
.tooltip-top:before,
.tooltip-top:after {
  bottom: 100%;
  left: 50%;
}

[data-tooltip]:before,
.tooltip:before,
.tooltip-top:before {
  margin-left: -6px;
  margin-bottom: -12px;
  border-top-color: #000;
  border-top-color: hsla(0, 0%, 20%, 0.9);
}

/* Horizontally align top/bottom tooltips */
[data-tooltip]:after,
.tooltip:after,
.tooltip-top:after {
  margin-left: -80px;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after {
  -webkit-transform: translateY(-12px);
  -moz-transform:    translateY(-12px);
  transform:         translateY(-12px); 
}

/* Left */
.tooltip-left:before,
.tooltip-left:after {
  right: 100%;
  bottom: 50%;
  left: auto;
}

.tooltip-left:before {
  margin-left: 0;
  margin-right: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-left-color: #000;
  border-left-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-left:hover:before,
.tooltip-left:hover:after,
.tooltip-left:focus:before,
.tooltip-left:focus:after {
  -webkit-transform: translateX(-12px);
  -moz-transform:    translateX(-12px);
  transform:         translateX(-12px); 
}

/* Bottom */
.tooltip-bottom:before,
.tooltip-bottom:after {
  top: 100%;
  bottom: auto;
  left: 50%;
}

.tooltip-bottom:before {
  margin-top: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-bottom-color: #000;
  border-bottom-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-bottom:hover:before,
.tooltip-bottom:hover:after,
.tooltip-bottom:focus:before,
.tooltip-bottom:focus:after {
  -webkit-transform: translateY(12px);
  -moz-transform:    translateY(12px);
  transform:         translateY(12px); 
}

/* Right */
.tooltip-right:before,
.tooltip-right:after {
  bottom: 50%;
  left: 100%;
}

.tooltip-right:before {
  margin-bottom: 0;
  margin-left: -12px;
  border-top-color: transparent;
  border-right-color: #000;
  border-right-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-right:hover:before,
.tooltip-right:hover:after,
.tooltip-right:focus:before,
.tooltip-right:focus:after {
  -webkit-transform: translateX(12px);
  -moz-transform:    translateX(12px);
  transform:         translateX(12px); 
}

/* Move directional arrows down a bit for left/right tooltips */
.tooltip-left:before,
.tooltip-right:before {
  top: 3px;
}

/* Vertically center tooltip content for left/right tooltips */
.tooltip-left:after,
.tooltip-right:after {
  margin-left: 0;
  margin-bottom: -16px;
}

#sidebar_container, #site_content {
  height: auto;
}

.more a {
float: right;
margin-right: 7%;
}

.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: Serwis IT_CSS3_four_v3 Modified On 2015-08-24 11:00:53 */