html, body {
   margin: 0;
   padding: 0;
   font:13px arial, sans-serif;
   line-height: 20px;
   color: #333;
}

a img {
   border: none;
}
.clear {
   clear: both;
}
.px930 {
   width: 930px;
   margin: 0 auto;
}




#header {
   height:110px;
   background:#fff;
   box-shadow:0 5px 10px rgba(0,0,0,0.05);
}
#header.sub {
 box-shadow:none;
 border-bottom:1px solid #ddd;
}
   #header .px930 {
      position: relative;
      padding: 10px 0 0 0;
   }
   #header #logo {
      float: left;
   }
   #header a {
      color:#3C3C3C;
      text-decoration:none;
      transition:all .2s linear;
   }
   #header a:hover, #header li.selected a {
      color:#2392DA;
   }
   #header img {
      margin: 7px 0 0;
   }
   #topH {
      font-size: 11px;
      line-height: 12px;
      padding: 0 25px 0 0;
      margin: 0 177px 0 0;
      text-align: right;
      font-weight: normal;
      border-right: 1px solid #CDCDCD;
      color: #828282;
   }
   #topA {
      font-size: 11px;
      line-height: 12px;
      color: #828282;
      position: absolute;
      top: 10px;
      right: 0;
   }
      #topA a {
         color: #828282;
      }
      #topA a:hover {
         color: #000;
         text-decoration: underline;
      }
   #header ul {
      margin: 45px 0 0 0;
      padding: 0;
      list-style: none;
      float: right;
   }
   #header li {
      display:inline-block;
      font-family:Ubuntu, sans-serif;
      font-size:18px;
      margin-left:21px;
   }
   
   
.banner {
   height:426px;
   background: #C0CACC;
   position:relative;
   z-index:6;
   margin-bottom:25px;
}
   .px980 {
      width:980px;
      margin:0 auto;
      position:relative;
   }
   .banner .slides_container {
      width:980px;
      height:360px;
   }
   .banner .slides_container div {
      width:980px;
      height:360px;
      display:block;
   }
   #slides .pagination {
      margin:0;
      padding:0;
      list-style:none;
   }
   #slides .pagination li {
      float:left;
      width:25%;
      display:block;
      background:url(/site_media/img/buttony_menu-poziome.png) top;
      height:66px;
      line-height:66px;
      font-family:ubuntu,sans-serif;
   }
   #slides .pagination li:hover,#slides .pagination li.current {
      background-position:bottom;
   }
   #slides .pagination a {
      display:block;
      height:100%;
      text-decoration:none;
      text-align:center;
      color:#fff;
      font-size:17px;
      border-right:1px solid #5B991A;
      border-left:1px solid #A6CF57;
      text-shadow:none;
   }
   #slides .pagination a:hover,#slides .pagination .current a {
      color:#222;
   }
   .pag0 span,.pag1 span,.pag2 span,.pag3 span {
      width:26px;
      height:26px;
      display:inline-block;
      line-height:66px;
      margin-right:5px;
      margin-bottom:-7px;
   }
   .pag1 span,.pag2 span {height: 30px}
   .pag0 span {
      background:url(/site_media/img/aplikacje-dedykowane_icon.png) top no-repeat;
   }
   .pag1 span {
      background:url(/site_media/img/systemy-intranet_icon.png) top no-repeat;
   }
   .pag2 span {
      background:url(/site_media/img/systemy-ekstranet_icon.png) top no-repeat;
   }
   .pag3 span {
      background:url(/site_media/img/portale_icon.png) top no-repeat;
   }
   .pag0:hover span,.pag1:hover span,.pag2:hover span,.pag3:hover span,.current .pag0 span,.current .pag1 span,.current .pag2 span,.current .pag3 span {
      background-position:bottom;
   }
   #slides {
      background:url(/site_media/img/baner_bg.jpg) top center no-repeat;
      color:#495C63;
      text-shadow:1px 1px 0 rgba(255,255,255,0.5);
   }
   #slidess {
      margin:0;
      padding:0;
      list-style:none;
      position:relative;
   }
   #slides .slides_container h2 {
      font-family:ubuntu,sans-serif;
      font-weight:normal;
      font-size:40px;
      position:absolute;
      top:50px;
      left:40px;
   }
   #slides .slides_container p {
      font-family:ubuntu,sans-serif;
      font-size:17px;
      position:absolute;
      top:130px;
      left:40px;
      line-height:24px;
   }
   .baner_more {
      background:url(/site_media/img/button_wiecej_baner.png) top;
      height:49px;
      width:63px;
      display:inline-block;
      line-height:47px;
      padding:0 20px;
      color:#fff;
      text-decoration:none;
      position:absolute;
      left:240px;
      top:242px;
      font-family:ubuntu,sans-serif;
      font-weight:700;
      text-shadow:none;
   }
   .baner_more:hover {
      background-position:bottom;
   }
   .rhino-container {
      height:383px!important;
   }




.content a, .contact_top_left a {
   color:#2293D7;
   padding: 2px 1px;
   text-decoration: none;
}
.content a:hover, .contact_top_left a:hover {
   text-decoration: underline;
   color:#2293D7;
}






.left_col_hp {
width:320px;
float:left;
}

.right_col_hp {
width:610px;
float:left;
position:relative;
}

.slides_container div div {
position: relative;
}

h3.blue {
   font-size:18px;
   color: #8DBF38;
   font-family:ubuntu,sans-serif;
   font-weight:normal;
}

h3.black {
   font-size:18px;
   color:#000000;
   font-family:ubuntu,sans-serif;
   font-weight:normal;
}

#slides2 .slides_container .slides_control {
   height: 115px !important;
}
   #slides2 .pagination {
      list-style:none;
      margin:0;
      padding:0;
      position:absolute;
      right:0;
      top:10px;
   }
   #slides2 .pagination li {
      display:inline-block;
      height:12px;
      width:12px;
      background:#E6E6E6;
      margin:0 3px;
   }
   #slides2 .pagination li.current {
      background:#2392DA;
   }
   #slides2 .pagination a {
      display:block;
      width:100%;
      height:100%;
      font-size:0;
   }
   #slides2 a img {
      float:left;
      margin-right:35px;
   }
   #slides2 div {
      width:610px;
   }
   #slides2 .slides_container div a {
      color: #2392DA;
      text-decoration: none;
   }
   #slides2 .slides_container div a:hover {
      text-decoration: underline;
   }
   #slides2 p {
      width:360px;
      float:left;
   }


.more_arrow {
   color:#2392DA;
   float:right;
   margin-right:40px;
   font-size:11px;
   text-decoration:none;
   padding-right:12px;
   background:url(/site_media/img/blue_arrow.png) right center no-repeat;
}

.more_arrow:hover {
text-decoration:underline;
}

h5.gray {
color:#999;
text-transform:uppercase;
font-size:14px;
font-family:ubuntu,sans-serif;
font-weight:normal;
margin-top:0;
margin-bottom:10px;
}

.footer {
background: url(/site_media/img/footer.png) 0 0 repeat-x;
font-size:11px;
border-bottom: 1px solid #E9E9E9;
}

.footer .col_one {
   float:left;
   width:530px;
   margin-right:40px;
   color:#999;
   padding:16px 40px 16px 0;
}
.footer .col_one p {
  margin: 0;
  padding: 2px 0 3px 0;
}

.footer .col_two {
float:left;
width:315px;
}

.footer .col_two .left,.footer .col_two .right {
float:left;
width:150px;
}

.footer a {
   color: #2591D9;
   text-decoration:none;
}
   .footer a:hover {
      text-decoration:underline;
   }

#down_menu {
   margin:0;
   padding:0;
   list-style:none;
   float:left;
}
   #down_menu li {
      display:inline-block;
      margin:0 5px;
      color:#999;
   }
   #down_menu a {
      color:#666;
      text-decoration:none;
      transition:all .2s linear;
   }
   #down_menu a:hover {
      color: #2591D9;
      text-decoration:underline;
   }


#copyright {
  float: right;
  color: #8C8C8C;
  font-size: 11px;
}
   #copyright a { 
      color:#8C8C8C; 
      text-decoration:none; 
   }
   #copyright a:hover { 
      color:#666; 
      text-decoration:underline; 
   }

.underbar {
margin-top:20px;
margin-bottom:60px;
}


.left_menu {
   width:180px;
   background:#F3F3F3;
   list-style:none;
   padding:0;
   border:1px solid #ddd;
   margin:20px 25px 0 0;
   float:left;
}
   .left_menu a {
      text-decoration:none;
      transition:all .25s linear;
   }
   .left_menu > li {
      border-top:1px solid #fff;
      border-bottom:1px solid #ddd;
   }
   .left_menu > li > a {
      display:block;
      color:#222;
      font-weight:bold;
      font-size:14px;
      padding:7px 15px;
      background:url(/site_media/img/lm-right.png) 165px 13px no-repeat;
   }
   .left_menu > li.selected > a {
      background:url(/site_media/img/lm-down.png) 165px 13px no-repeat;
   }
   .left_menu > li > ul {
      margin:5px;
      background:#FFFFFF;
      list-style:none;
      padding:5px;
   }
   .left_menu > li > ul > li > a {
      border-bottom:1px solid #F3F3F3;
      margin:5px;
      padding:5px 10px;
      display:block;
      font-size:12.5px;
      line-height: 16px;
      color:#42A0DE;
   }
   .left_menu > li > ul > li > a:hover {
      color:#42A0DE; 
      text-decoration: underline;
   }
   .left_menu > li > ul > li.selected > a {
      color: #8CC135;
   }
   .left_menu > li > a:hover {
      background-color:#DFDFDF;
   }
   .left_menu ul {
      display:none;
   }
   .left_menu li.selected > ul {
      display:block;
   }
   .left_menu ul ul {
      list-style:none;
      font-size:11.5px;
      margin:0;
      padding:0 0 0 25px;
   }
   .left_menu ul ul a {
      color:#222;
   }
   .left_menu ul ul li.selected a,.left_menu ul ul a:hover {
      text-decoration:underline;
      color:#222;
   }


.breadcrumb {
   list-style:none;
   margin:20px 0;
   padding:0;
   display:block;
   font-size:11px;
}
   .breadcrumb li {
      display:inline-block;
      margin-right:8px;
      color:#333;
   }
   .breadcrumb a {
      color:#42A0DE;
      text-decoration:none;
   }
   .breadcrumb a:hover {
      text-decoration:underline;
   }

.right_col {
width:770px;
float:left;
}

h1.green {
   color:#8CC135;
   font-family:Ubuntu,sans-serif;
   font-size:31px;
   margin:35px 0 35px;
   font-weight:normal;
}
.lead {
   border-top:1px solid #ddd;
   position:relative;
}

.lead p {
   margin:0;
   padding:25px 35px;
   border-top:1px solid #fff;
   background:url(/site_media/img/lead.png);
   color:#333333;
   font-size:16px;
   line-height: 24px;
}
.lead.for_client p { 
   height: 60px; 
}

#slider {
   float:right;
   margin: 0 -250px 30px 40px;
}
#quick_contact {
   margin: 0 -250px 40px 40px;
   background: #fff;
   border: 5px solid #F3F3F3;
   outline: 1px solid #ddd;
   width: 175px;
   padding: 10px;
   float: right;
   clear: right;
}
   #quick_contact h3 {
      background:#f3f3f3;
      padding: 7px 12px;
      border-top:1px solid #fff;
      margin: -15px -15px 15px !important;
   }
   #quick_contact .phone {
      background:url(/site_media/img/phone_icon.jpg) left center no-repeat;
      line-height:35px;
      padding-left:25px;
      font-weight:bold;
      font-size:18px;
      display:block;
   }
   #quick_contact .call_us {
      font-size:12px;
      display:block;
      padding:5px 0 8px;
   }

input[type="text"] {
width:160px;
padding:3px 5px;
border:1px solid #ddd;
box-shadow:inset 2px 2px 4px #ccc;
margin:0 0 8px;
font-size:11px;
}

.contact_form textarea {
width:200px;
height:100px;
padding:3px 5px;
border:1px solid #ddd;
box-shadow:inset 2px 2px 4px #ccc;
margin:0 0 8px;
font-size:11px;
font-family:sans-serif;
}

.contact_form  input[type="text"] {
width:200px;}

input[type="submit"] {
background: #3298DA;
color:#fff;
float:right;
border:none;
padding:4px 10px;
transition:all .2s linear;
font-size:12px;
}

input[type="submit"]:hover {
background: #8DBF38;
cursor:pointer;
}

input[type="submit"]:active {
background:#222;
cursor:pointer;
}

.placeholder {
color:#999;
}



.content {
   float:left;
   padding:20px 0 40px 10px;
}
.case {
   padding: 35px 250px 40px 5px;
   text-align: justify;
}
   .content ul {
   padding-left:15px;
   }
   .content ul li {
   list-style:none;
   padding-left:20px;
   background:url(/site_media/img/grey_arrow.png) left 7px no-repeat;
   }
   .strong {
      font-weight:bold;
   }
   .blue {
      color: #7CAA2F; /* #2293D7 */
   }
   .center {
      text-align:center;
   }

.case_logo {
   background:#fff;
   width:240px;
   text-align:right;
   position:absolute;
   right:0;
   top:-1px;
}



.client_box {
   border:1px solid #ddd;
   display:block;
   width:207px;
   height:170px;
   float:left;
   margin:0 20px 30px 20px;
   text-decoration:none;
}

.client_box div {
width:207px;
height:112px;
}

.client_box img {
margin:-1px;
}

.client_box h4,h4.zaufali {
   background:none repeat scroll 0 0 #FFFFFF;
   color:#222222;
   display:block;
   font-family:Ubuntu,sans-serif;
   font-size:16px;
   font-weight:normal;
   margin:-5px 0 0;
   padding:0 20px 5px;
   position:relative;
}

h4.zaufali {
margin: 20px 0 10px 0;
padding: 0;
}

.client_box p {
color:#777777;
font-size:11px;
margin:0 20px;
line-height: 13px;
}

.client_box:hover {
border-color:#8CC135;
}

.contact_top_left {
   width: 330px;
   float: left;
   padding-right:40px;
   font-size: 12px;
}
 
.contact_top_left div {
float: left;
width:50%;
margin-bottom:20px;
}
 

.contact_top_right a {color:#8CC135;padding: 2px 1px;border-radius:3px;text-decoration:none;}
.contact_top_right a:hover {background:#8CC135;color:#fff}
 

.contact_top_right {
width: 380px;
float:left;
}

.map {
   font-size:11px;
}
.map iframe {
   border: 5px solid #F3F3F3;
   outline: 1px solid #ddd;
}

.contact_form fieldset {
border: none;
padding: 40px 40px 0 0;
float: left;
}

.content h2 {
   color: #000;
   font-family: Ubuntu,sans-serif;
   font-size: 19px;
   font-weight: normal;
   margin-top:30px;
}
.content h3 {
   color: #000;
   font-family: Ubuntu,sans-serif;
   font-size: 17px;
   font-weight: normal;
   margin-top:30px;
}


h6 {
    font-family: Ubuntu,sans-serif;
    font-size: 16px;
    font-weight: normal;
    margin: 0 0 15px;
}

#boxError {
   background:#f5f5f5;
   border: 1px solid #FA0000;
   color: #FA0000;
   padding: 10px 20px;
   font-size:14px;
   font-weight: normla;
   font-family:ubuntu,sans-serif;
   margin: 20px 0 20px 0;
}
#boxDziekujemy {
	background:#f5f5f5;
   border: 1px solid #8CC135;
	padding: 10px 20px;
	font-size:14px;
   font-weight: bold;
	font-family:ubuntu,sans-serif;
	margin: 20px 0 20px 0;
}


.form_outer  {
   position:relative;
   width:465px;
   height:220px;
}
   .form_outer #id_title{
      position: absolute;
     top:0;right:0;
   }
   .form_outer #id_message{
      position: absolute;
      top:40px;right:0;
   }
   .form_outer input, .form_outer textarea {margin-top:10px;}
   
.qr_code {
   float:right;
   width:200px;
   padding-top:70px;
   font-size:11px;
    line-height: 15px;
}

.errortext {
   color: ##FA0000;
} 
   
   
.quick_contact p {
    background: none repeat scroll 0 0 #E3F2FF;
    border: 1px solid #2293D7;
    color: #2293D7;
    font-size: 13px;
    font-weight: bold;
    margin: 5px;
    padding: 15px;
    text-align: center;
}

.right_cols {float: right;}


#lookAt { 
   margin: 0 -250px 40px 40px;
   background: #fff;
   border: 5px solid #F3F3F3;
   outline: 1px solid #ddd;
   width: 175px;
   padding: 10px;
   float: right;
   clear: right;
}
  #lookAt h3 {
      background:#f3f3f3;
      padding: 7px 12px;
      border-top:1px solid #fff;
      margin: -15px -15px 15px !important;
   }
   #lookAt ul {
      margin:0;
      padding:0;
   }
   #lookAt ul li {
      list-style:none;
      padding-left:20px;
      background:url(/site_media/img/green_arrow.png) left 7px no-repeat;
   }
   #lookAt ul li a {
      color: #444;
      text-decoration:none;
      font-size:12px;
      text-transform:lowercase;
   }
   #lookAt ul li a:hover {
      color: #2293D7;
      text-decoration:underline;
   }


.tech_one {float:left;width:230px;}
.tech_two {float:left;width:230px;}

.rodo-clause {
    display: block;
    width: 100%;
    margin-top: 20px;
   font-size: 12px;
}