/* Netventure, http://www.netventure.pl/ */
/* ------------------------------- common ------------------------------- */

* { outline: none; }
img { border: 0px; }
.fl { float: left; }
.fr { float: right; }
.cb { clear: both; }

body {
  width: 960px;
  padding: 0px;
  padding-bottom: 10px;
  margin: auto;
  background-color: #FFFFFF;
}
p, div, span, td, th, li {
  font-family: "Segoe UI", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 23px;
  color: #333333;
  text-align: left;
}
input, textarea, select, option {
  font-family: "Segoe UI", Arial, Helvetica, sans-serif;
  font-size: 14px;
}
h1 {
  font-family: "Segoe UI Light", "Segoe UI", Arial, Helvetica, sans-serif;
  font-size: 36px;
  line-height: 60px;
  font-weight: normal;
  color: #0991F5;
  letter-spacing: 1px;
  margin: 0px;
}
h2 {
  font-family: "Segoe UI Light", "Segoe UI", Arial, Helvetica, sans-serif;
  font-size: 26px;
  line-height: 28px;
  font-weight: normal;
  color: #333333;
  margin: 0px;
  margin-bottom: 11px;
}
a {
  color: #0991F5;
  text-decoration: none;
}
a:hover {
  color: #0991F5;
  text-decoration: underline;
}
ul {
  padding-left: 13px;
}
li {
  padding-left: 13px;
  background: url(/style/images/bullet.png) no-repeat 0px 11px;
  list-style: none;
}
.pr {
  position: relative;
  padding-top: 6px;
}
.pl20 {
  padding-left: 20px;
}
.pl30 {
  padding-left: 30px;
}
/* ------------------------------- /common ------------------------------ */

/* ------------------------------- header ------------------------------- */
.navContainer {
  height: 80px;
  margin-bottom: 40px;
}
.navContainer .headerLogo {
  width: 220px;
  height: 80px;
  background: #212121;
}
.topnav {
  height: 20px;
  float: right;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 14px;
  text-transform: uppercase;
}
.topnav a {
  margin-left: 15px;
  color: #A7A7A7;
  text-decoration: none;
}
.mainnav {
  clear: both;
  float: right;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:11px;
  text-transform: uppercase;
}
.mainnav a {
  margin: 24px 0 0 40px;
  float: left;
  color: #555555;
  text-decoration: none;
}
.subnavContainer {
  height: 100px;
  margin-bottom: 14px;
}
.subnav {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  color: #989898;
  border-top: 1px solid #D5D5D5;
  padding-top: 6px;
}
.subnav a {
  margin-right: 30px;
  color:#888888;
  text-decoration: none;
}
.blue, .mainnav a.blue,  .subnav a.blue, .mainnav a:hover, .subnav a:hover, .topnav a:hover {
  color:#0991F5;
}
/* ------------------------------- /header ------------------------------ */

/* ------------------------------- homebox ------------------------------ */
.homeBox {
  height: 240px;
  margin-bottom: 30px;
}
#scroll { position: absolute; top: 215px; z-index: 10; right: 8px; font-size: 0pt; padding: 0px;}
#scroll a { display: block; float: left; margin: 3px; width: 10px; height: 10px; background: #A7A7A7; text-decoration: none; font-size: 1px; overflow: hidden;}
#scroll a.activeSlide { background: #0991F5; color: black }
.homeBox .textBox {
  width: 260px;
  height: 187px;
  float: right;
  background-color: #212121;
  color: #CCCCCC;
  padding: 33px 30px 20px 30px;
  opacity: .95;
  filter:Alpha(Opacity=90);
}
.homeBox .titleBox {
  width: 585px;
  height: 235px;
  float: left;
  color: #CCCCCC;
  padding: 5px 30px 0 25px;
}
.homeBox h1 {
  color: #FFFFFF;
  line-height: 60px;
}
.homeBox h2, .homeBox h2 a:hover {
  text-decoration: none;
  line-height: 28px;
  color: #0991F5;
  margin-top: 0px;
  float:left;
}
/* ------------------------------ /homebox ------------------------------ */

/* ------------------------------- 3boxes ------------------------------- */
.threeBoxes {
  height: 240px;
  padding-top: 6px;
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
}
.blueBox {
  width: 313px;
  height: 240px;
  float: left;
  margin-right: 10px;
  position: relative;
}
.violetBox {
  width: 314px;
  height: 240px;
  float: left;
  margin-right: 10px;
  position: relative;
}
.orangeBox {
  width: 313px;
  height: 240px;
  float: left;
  position: relative;
}
.outsourcingBox {
  width: 278px;
  height: 220px;
  background: #0991F5;
  padding: 0px 20px 20px 15px;
  position: relative;
}
.hostingBox {
  width: 279px;
  height: 220px;
  background: #673B9A;
  padding: 0px 20px 20px 15px;
  position: relative;
  margin-right: 10px;
  /* float:left; */
}
.webBox {
  width: 278px;
  height: 220px;
  background: #FF9C08;
  padding: 0px 20px 20px 15px;
  position: relative;
  float: right;
}
.outsourcingBox a, .hostingBox a, .webBox a {
  width: 313px;
  height: 240px;
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
}
.outsourcingBox div.textBox, .hostingBox div.textBox, .webBox div.textBox {
  font-family: "Segoe UI Light", "Segoe UI", Arial, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 27px;
  color: #FFFFFF;
  position: absolute;
  bottom: 17px;
  left: 15px;
  right: 15px;
}
.outsourcingBox h1, .hostingBox h1, .webBox h1 {
  color: #FFFFFF;
  line-height: 60px;
}
/* ------------------------------ /3boxes ------------------------------- */

/* ------------------------------ footer -------------------------------- */
.footerContainer {
  margin-top: 40px;
  margin-bottom: 20px;
  padding-top: 25px;
  border-top: 1px solid #D5D5D5;

}
.footerContainer .aboutSection {
  font-size: 12px;
  line-height: 19px;
  color: #666666;
  width: 410px;
  padding-right: 20px;
  float: left;
}
.footerContainer .title {
  color: #333333;
  font-size: 14px;
  padding-bottom: 8px;
}
.footerContainer a {
  color: #989898;
}
.footerContainer a:hover {
  text-decoration: none;
}
table.navFooter {
  margin: 10px 0 10px 0;
}
table.navFooter tr td a:hover {
  color: #0991F5;
}
table.navFooter tr td  {
  line-height: 14px;
  height: 20px;
}
table.navFooter tr td a {
  font-family: "Segoe UI", Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: normal;
  text-align: left;
  color: #989898;
  text-decoration: none;
}
.footerContainer .searchSection {
  padding-left: 30px;
  float: left;
}
.footerImages { margin-top: 10px; height: 60px; }
.footerImages a { width: 75px; height: 60px; float: left; display: block; }
a.footerImageIt { background: url(/style/images/design_footer_it.jpg); }
a.footerImageIt:hover { background: url(/style/images/design_footer_it.jpg) 0px 60px; }
a.footerImageH { margin-left: 5px; margin-right: 5px;display: block; background: url(/style/images/design_footer_h.jpg); }
a.footerImageH:hover { background: url(/style/images/design_footer_h.jpg) 0px 60px; }
a.footerImageWs { background: url(/style/images/design_footer_ws.jpg); }
a.footerImageWs:hover { background: url(/style/images/design_footer_ws.jpg) 0px 60px; }
.searchSection .searchTitle {
  font-size: 12px;
  color: #333333;
  padding-top: 30px;
}
.contact_form input {
  font-size: 12px;
  color: #777777;
  margin-top: 8px;
  width: 186px;
  height: 20px;
  border:1px solid #D5D5D5;
}
.contact_form textarea {
  border:1px solid #D5D5D5;
  font-size: 12px;
  color: #777777;
  margin-top: 8px;
}
input.button_send {
  background:none;
  border:none;
  font-family: "Segoe UI", Arial, Helvetica, sans-serif;
  font-size: 14px;
  padding-right:0px;
  margin-right:0px;
  width:44px;
  color: #333333;
}
.searchSection input {
  font-size: 12px;
  color: #777777;
  margin-top: 5px;
  width: 186px;
  height: 18px;
  border:1px solid #D5D5D5;
}
.searchTitle img {
  margin-left: -16px;
  margin-bottom: -2px;
}
.footerContainer .promoSection {
  width: 180px;
  float: right;
}
.promoSection .description {
  font-size: 10px;
  line-height: 14px;
  color: #989898;
  margin-top: 5px;
}
/* ------------------------------ /footer ------------------------------- */

/* ---------------------------- FCKtemplates ---------------------------- */
.template1 tr th h2, .template2 tr th h2, .template3 tr th h2, .template4 tr th h2 {
  line-height: 28px; margin: 0px; margin-bottom: 11px;
}
.template1 tr td, .template2 tr td, .template3 tr td, .template4 tr td {
  vertical-align: top;
}
.template1 tr td {
  width: 460px;
}
.template2 tr td.right, .template3 tr td.left {
  width: 630px;
}
.template2 tr td.left, .template3 tr td.right, .template4 tr td.right, .template4 tr td.left, .template4 tr td.center {
  width: 300px;
}
/* ---------------------------- /FCKtemplates --------------------------- */

/* ------------------------------- content ------------------------------ */
.logoOpacity {
  opacity: .35;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
  filter: Alpha(Opacity=35);
}
#sliderImageSmall, #sliderImageSmall2 { width: 296px; height: 208px; }
#sliderImageBig { width: 660px; height: 420px; }
.prevButton {
  padding: 0;
  margin: 0;
  width: 50px;
  height: 50px;
  position: absolute;
  overflow: hidden;
  zoom: 1;
}
.nextButton {
  padding: 0;
  margin: 0;
  width: 50px;
  height: 50px;
  position: absolute;
  left: 50px;
  overflow: hidden;
  zoom: 1;
}
.prevButton img, .nextButton img {
  border: none;
  position: absolute;
  zoom: 1;
}
#sliderNav {
  position: relative;
  padding: 0;
  /* margin: -109px 0px 0px 859px; */
  width: 101px;
  height: 50px;
  zoom: 1;
}
h2.jobTitle {
  padding-left: 25px;
  padding-top: 11px;
  padding-bottom: 11px;
}
a.jobEmail {
  padding-left: 25px;
}
.table_projekty {
  margin: 30px 0 30px 0;
}
.table_projekty td.title {
  background-color: #D5D5D5;
  height: 50px;
  font-size: 20px;
  font-family: "Segoe UI Light", "Segoe UI", Arial, Helvetica, sans-serif;
  line-height: 36px;
}
.table_projekty tr td {
  padding: 5px 10px 5px 10px;
  border-right: 1px solid #D5D5D5;
  border-bottom: 1px solid #D5D5D5;
  border-left: 1px solid #D5D5D5;
}
.table_projekty tr th {
  width: 130px;
  background-color: #EEEEEE;
  font-weight: normal;
  border-left: 1px solid #D5D5D5;
  border-bottom: 1px solid #D5D5D5;
  padding: 5px 10px 5px 10px;
}
.table_projekty tr th ul {
  margin-top: 10px;
}
/* ------------------------------- /content ----------------------------- */
/* ------------------------------- history ----------------------------- */
table.history tr td {
  width:275px;
  padding-left:2px;
  font-size:12px;
  line-height:18px;
  vertical-align:top;
  color:#555555;
}
/* ------------------------------- /history ----------------------------- */
/* ----------------------------- google map ----------------------------- */
#mapa input[type=checkbox] { width: 20px; }
#mapa div { text-align: center; }
.box_distance {
margin-right:-30px;
margin-top:60px;
padding:20px 23px 3px 23px;
background: #eeeeee;
}
.map_input {
  padding-left:3px;
  margin-top:5px;
  color: #777777;
  width: 260px;
  height: 20px;
  border:1px solid #D5D5D5;
}
.submit_map {
  background:#0991f5;
  height:30px;
  padding-bottom:3px;
  width:110px;
  color:#fff;
  border:0px;
}
.distance_text {
  color:#0991f5;
  margin:3px 0px 3px 10px;

}
.description_map {
 font-size: 12px;
 line-height:18px;
 margin:4px 0 15px 0;
}
/* ----------------------------- /google map ---------------------------- */