/* CSS Document */


body {
   background-image: url("images/bk.jpg");
   background-position: center top;
   background-repeat: no-repeat;
}

h1 { margin: 0; }

h1 span {display:none;}

h3 {
color: #3378D7; font-size: 18px; font-family: verdana; display: block; width: 100%; border-bottom: 1px dashed #ccc; padding: 0px 0 10px 0; margin: 0px 0 20px 0;
}
h2 span {display: none;}


h2 {
color: #3378D7; font-weight: bold; font-size: 16px; font-family: verdana; display: block; width: 96%; border-bottom: 1px dashed #ccc; padding: 5px 0 5px 0;
}

a {text-decoration: none;  font-weight: bold; color: #3B89EF;}

a:hover {text-decoration: none;  font-weight: bold; color: #666;}

.title-faq {background-image: url("images/plus.gif"); height: 40px; background-position: left; background-repeat: no-repeat; font-weight: bold; width: 95%; color: #4278BE; border-bottom: 1px solid #ccc; padding: 12px 0 6px 30px; background-color: #eee; }

.top-left{float: left: width: 300px; }

.gora {
padding-left:20px;
padding-top:20px;
width:500px;
color:#FFFFFF;
font-size:14px;
float:left;
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
}

.gora h2 {
font-size:18px;
color:#FFFFFF;
text-decoration:none;
border: 0px;
}

.whyus {}

.block {width: 272px; float: left; margin: 10px 0 10px  20px; height: 150px; background: #eee; text-align: left;}

.block p{color: #E98604; font-size: 12px; margin: 10px 5px 5px 5px;}


.block a{color: #E98604; font-size: 12px; font-weight: normal;}

.block:hover { background: #dcdbdb;}

.whyus  li{
font-family: "verdana";
font-size: 13px;
color: #666;
min-height: 70px;
display:block; 
margin: 12px 0px 7px 10px;
padding: 0px 0 0px 70px;
list-style: none;
 background: url("images/tick.gif") no-repeat 0px 5px;
}

.whyus1  li{
font-family: "verdana";
font-size: 13px;
color: #666;
min-height: 20px;
display:block; 
padding: 0px 0 0px 30px;
list-style: none;
 background: url("images/plus.gif") no-repeat;
}

.testimonials {width: 460px; height: 95px;  float: right; margin-right: 10px;}

.downloads {background-image: url("images/downloads.jpg"); width: 580px; margin-top: 10px;}



.downloads table {width: 580px;}



.downloads tr {height: 38px; color: #666; font-family: verdana; font-size: 12px;}


.article-title {color: #E91D28; border-bottom: 1px solid #ccc;}

.findoutmore{display: block; width: 119px; height: 31px;   margin-top: 15px; margin-right: 60px; background: url("images/readmore.gif") no-repeat 0 0; }

.findoutmore:hover{background-position: -119px 0; cursor: hand;}

.back{display: block; width: 136px; height: 36px;   margin-top: 15px; margin-right: 60px; background: url("images/back.gif") no-repeat 0 0; }

.back:hover{background-position: -136px 0; cursor: hand;}

.faq dd {font-size: 12px; color: #4278BE; padding-bottom: 20px;}

.red {color: #BF110F; font-size: 13px; font-family: verdana; font-weight: bold; }

.loginbox {position: absolute; z-index: 100; width: 100%; border-top: 5px solid #335e95;}

.login h3{color: #3F78BF; font-size: 18px; font-family: verdana; display: block; width: 100%; border-bottom: 0; padding: 6px 0 6px 0; margin: 0px 0 10px 0;}

.register h3{color: #fff; font-size: 18px; font-family: verdana; display: block; width: 100%; border-bottom: 0; padding: 6px 0 6px 0; margin: 0px 0 10px 0;}

.login label {width: 100px; float: left; color: #3F78BF;  font-size: 13px; font-family: verdana;  }

.login input {width: 150px; border: 1px solid #ccc; background-color: #eee;  height: 20px; color: #4678B3; padding-top: 2px;}

.register input {width: 300px; border: 1px solid #ccc; background-color: #eee;  height: 20px; color: #4678B3; padding-top: 2px;}

.register label {width: 150px; float: left; color: #fff;  font-size: 13px; font-family: verdana; margin-left: 25px; }

.login .submit{/*margin: 0;*/border: 0; margin-left: 110px; display: block; width: 141px; height: 36px; background: url("images/login-button.jpg") no-repeat 0 0; }

.login .submit:hover{background-position: -141px 0; cursor: hand;}

.register .submit{/*margin: 0;*/border: 0; margin-left: 337px; display: block; width: 141px; height: 36px; background: url("images/send.jpg") no-repeat 0 0; }

.register .submit:hover{background-position: -141px 0; cursor: hand;}

.hidebox { height:505px; width: 100%; background-image: url("images/loginbk.gif"); background-repeat: repeat-x; background-position: bottom; background-color: #6d9edb; z-index: 100;}

p { color: #666; font-size: 13px; font-family: verdana; }

#wrap {
 width: 950px; 
 margin: 0 auto;
}

.wrap {
 width: 950px; 
 margin: 0 auto;
}

.nav {
 background-image: url("images/nav-bk.gif");
 height: 34px;
}

.footer-bottom {width: 950px; margin: 0 auto;}


.login {
margin: 25px 0 0 0;
width: 295px;   float:left;
height: 194px;
padding: 15px 0 0 10px;
background-image: url("images/loginbox.jpg");
background-repeat: no-repeat;
}



.login-small label {width: 100px; float: left; color: #3F78BF;  font-size: 13px; font-family: verdana;  }

.login-small .text {width: 150px; border: 1px solid #ccc; background-color: #eee;  height: 20px; color: #4678B3; padding-top: 2px;}

.loginbutton {/*margin: 0;*/border: 0; margin-left: 100px; display: block; width: 141px; height: 46px; background: url("images/login-button.jpg") no-repeat 0 0; }

.loginbutton:hover{background-position: -141px 0; cursor: hand;}


.register {
margin: 25px 0 0 0;
width: 561px;   float:right;
height: 396px;
padding: 15px 0 0 10px;
background-image: url("images/registerbox.jpg");
background-repeat: no-repeat;
}

.column {width: 607px; margin-left: 15px; margin-top: 10px;  }
.column_big {width: 910px; margin-left: 15px; margin-top: 10px;  }
.column_galeria {width: 900px; margin-left: 45px; margin-top: 10px;  }
.column_galeria1 {width: 900px; margin-left: 9px; margin-top: 10px;  }


.column2 {width: 607px; margin-left: 15px;  }

.demo{display: block; width: 142px; height: 36px; float: left; margin-left: 50px; margin-top: 15px; margin-right: 60px; background: url("images/demo.gif") no-repeat 0 0; }

.demo:hover{background-position: -142px 0; cursor: hand;}

.demo2{display: block; width: 142px; height: 36px; float: left; margin-left: -40px; margin-top: 15px; background: url("images/quote.gif") no-repeat 0 0; }

.demo2:hover{background-position: -142px 0; cursor: hand;}

.subnav {
 background-image: url("images/nav2-bk.jpg");
 background-repeat: no-repeat;
 background-color: #33537A;
 width: 950px;
 clear: both;
}

.left-content{width: 260px; float: left; margin: 0 0px 0 30px; }

.right-content{width: 260px; float: right; margin: 0 30px 0 0; }

.subnav-button {
display: block;
padding: 0 25px 0 27px;
border-right: 1px solid #5d7596;
float: left;
}

.subnav-last {
display: block;
padding: 0 25px 0 27px;
float: left;
}

.footer-left {
width: 500px;
float: left;
margin: 10px 0px 0 15px;
}

.footer-copyright {
width: 320px;
float: right;
text-align: right;
margin: 10px 15px 0px 0;
height: 60px;
color: #3c78c6; font-size: 10px; font-family: verdana; 
}

.footer-lewy {
width: 420px;
text-align: left;
margin: 0;
color: #3c78c6; font-size: 10px; font-family: verdana; 
}

.footer-copyright a {
color: #3c78c6; font-size: 10px; font-family: verdana; 
margin-bottom: 5px;
font-weight:  normal;
}

.footer-copyright a:hover {
color: #666; font-size: 10px; font-family: verdana; 
margin-bottom: 5px;
}

.title-img {
float: right; 
margin: 0 20px 0 0;
}

.column li {
font-family: "verdana";
font-size: 13px;
color: #666;
display:block; 
margin: 9px 0px 9px 10px;
padding: 0px 0 0px 20px;
list-style: none;
 background: url("images/bullet.jpg") no-repeat 0px 0px;
}

.right-content li {
font-family: "verdana";
font-size: 13px;
color: #666;
display:block; 
margin: 7px 0px 7px 10px;
padding: 0px 0 0px 20px;
list-style: none;
 background: url("images/bullet.jpg") no-repeat 0px 5px;
}

.teleadres {
font-size:12px; color:#999999; font-family:Arial, Helvetica, sans-serif;
}

.left-content li {
font-family: "verdana";
font-size: 13px;
color: #666;
display:block; 
margin: 7px 0px 7px 10px;
padding: 0px 0 0px 20px;
list-style: none;
 background: url("images/bullet.jpg") no-repeat 0px 0px;
}

.infobox li {
font-family: "verdana";
font-size: 13px;
color: #666;
display:block; 
margin: 5px 0px 7px 10px;
padding: 0px 0 0px 20px;
list-style: none;
font-weight:bold;
 background: url("images/bullet.jpg") no-repeat 0px 0px;
}

.blog li {
font-family: "verdana";
font-size: 13px;
color: #666;
display:block; 
margin: 15px 0px 15px 20px;
padding: 2px 0 8px 30px;
list-style: none;
 background: url("images/newsbullet.jpg") no-repeat 0px 0px;
}

.blog li a{color: #666; font-size: 14px; font-weight: bold;}

.blog li a:hover{color: #204677; font-size: 14px;}

.clients-title {clear: both; width: 850px; padding-left: 25px; padding-bottom: 10px; margin: 0px 0 0px 0px; color: #666; font-weight: bold; font-family: "verdana"; font-size: 12px;}

img { 
border: 0;
}


.title{}

.bluebar {
 background-image: url("images/bluebk.jpg");
 height: 292px;
 overflow: none;
}

.footerimg {

padding : 0;
}

.right-bar {
width: 297px;
float: right;
margin: 10px 20px 0 0;
}

.left-column {width: 600px; float: left; }

.right-bar img {
margin: 8px 0 8px 0;
}


.bluebar-small {
 background-image: url("images/bluebk.jpg");
 height: 100px;
 border-bottom: 1px solid #333;
}

.bluebar-small h1 {  padding: 20px 0 0 20px;}

.head-left {width: 550px; float: left; }

.head-right {width: 400px; float: right; }

.info {
margin: 60px 0 0 50px;
float: left;
width: 354px;
}

.info a{
margin: 40px 15px 0 0px;
display: block;
float: left;

}

.content {
background-color: #F2F2F2;
margin:0;
padding-top: 10px;
padding-bottom:15px;
clear: both;
border-left: 1px #DADADA solid;
border-right: 1px #DADADA solid;
}

.top {
margin: 30px 0 0px 0;
}


.footercontent {
background-color: #F2F2F2;
margin: 0px;
width: 950px;
}
.content-inner2 {
margin: 0px 0 10px 0;
padding-top: 10px;
}

.content-inner {
margin: 0px 0 10px 0;
padding-top: 10px;
}

.infobox {
margin: 0px 0 30px 15px;
float: left;
width: 294px;
}

.moreinfolink{
color: #3c78c6; font-size: 13px; font-family: verdana; margin-top: 30px; display: block;
}

.moreinfolink:hover{
color: #666; font-size: 13px; font-family: verdana; margin-top: 30px; display: block;
}

.inner a{
color: #3c78c6; font-size: 13px; font-family: verdana; 
}

.signupbutton {margin: 20px 20px 0 0; }


.inner { width: 300px; float: left; margin-left: 10px;}

.inner2 { width: 300px; float: left; margin-left: 10px;}

.contactinfo {float: right; width: 430px; padding-top: 0px; margin-right: 20px;}

.form {float: left; width: 460px; margin: 5px 0 0 20px;}

.button {width: 129px; height: 39px; border: 0px; margin-left: 270px; margin-top: 10px;}

.save {width: 170px; }

label {width: 100px; float: left; color: #666; font-size: 13px; font-family: verdana;  }

.infobox  label {width: 100px; float: left; color: #666; font-size: 13px; font-family: verdana;  }

#contact-us  input {float: left; width: 300px; background-color: #fff; border: 1px solid #ccc; color: #663298; }


textarea {float: left; width: 300px; background-color: #fff; border: 1px solid #ccc; color: #663298; margin: 5px 0 5px 0;}



#contact-us {width: 610px; padding-left: 0px; padding-bottom: 30px;  float: right; }


#contact-us .submit{/*margin: 0;*/border: 0; margin-left: 230px; display: block; width: 140px; height: 36px; background: url("images/wyslij.jpg") no-repeat 0 0; }

#contact-us .submit:hover{background-position: -140px 0; cursor: hand;}

.row{margin: 10px 0 10px 0; display:  block;}


#contact-us .submit span{display: none;} 



#contact-us   label {width: 230px; float: left; display: block; font-size: 12px; color: #666; font-family: arial; }






.text {width: 300px; border: 1px solid #ccc; color: #4678B3;}



.message {width: 300px; border: 1px solid #ccc; color: #4678B3;}



#contact-us .find {width: 300px; border: 1px solid #ccc; color: #4678B3;}


.showcase-logos-nav { margin: 0px 0 0px 30px; height: 50px; position: relative; width: 880px;}
.showcase-logos-nav .arrow-left { position:absolute; left: -15px; bottom:5px; width:24px; height:31px; cursor:pointer; background:url("images/left.jpg") no-repeat; }
.showcase-logos-nav .arrow-right { position:absolute; right: -15px; bottom:5px; float: right;  width:24px; height:31px; cursor:pointer; background:url("images/right.jpg") no-repeat; }
.showcase-logos-nav .showcase-logos { width:830px; margin:0 auto;  overflow:hidden; }
.showcase-logos-nav .showcase-logos img { vertical-align:middle; margin:0 0px; }




.inner  input {float: left; width: 185px; background-color: #fff; border: 1px solid #ccc; color: #663298; }



.inner .submit{/*margin: 0;*/border: 0; margin-left: 145px; display: block; width: 140px; height: 36px; background: url("images/contact_us_button.jpg") no-repeat 0 0; }

.inner .submit:hover{background-position: -140px 0; cursor: hand;}

.row{margin: 10px 0 10px 0; display:  block;}


.inner .submit span{display: none;} 



.inner   label {width: 100px; float: left; display: block; font-size: 12px; color: #666; font-family: arial; }


.inner  .find {width: 185px; border: 1px solid #ccc; color: #4678B3;}


.newsletter { background: url("images/newsletter.jpg") no-repeat; padding: 5px; }


.newsletter  input {float: left;   margin-top: 5px; color: #663298; 
background-image:url("images/input.jpg");
 background-repeat:no-repeat;
 padding: 10px 0 0 5px;

  height: 24px;

  width: 191px;

  border: 0px;

  color: #666;

  font-family: verdarna;



}

.bold {color: #E98604; font-weight: bold; }

.testimonial {width: 560px; margin-left: 35px;  border-bottom: 1px dashed #ccc; padding: 10px 0 10px 0; font-size: 16px; font-weight: bold; color: #666;   font-family: verdarna; font-size: 18px; margin-bottom: 15px;}

.testimonial  img{margin: 5px;}

.author {color: #B9193B;}

.newsletter  .rows {height: 43px;  margin-top: 50px;}

.newsletter  .submit{/*margin: 0;*/border: 0; float: right; display: block; width: 43px; height: 43px; margin-right: 10px; margin-top: -2px; background: url("images/go.jpg") no-repeat 0 0; }

.newsletter  .submit:hover{background-position: -43px 0; cursor: hand;}

.newsletter  .submit span{display: none;} 

#newsletter2   .row {display: block; width: 100%; height: 20px; margin: 2px 0 2px 0; }

.newsletter    label {width: 100px; padding: 5px 0 0 0; float: left; display: block; font-size: 12px; color: #666; font-family: arial; }

#newsletter2    label {width: 180px; padding: 5px 0 0 0; float: left; display: block; font-size: 12px; color: #666; font-family: arial; }

#newsletter2  input {float: left; width: 300px; background-color: #fff; border: 1px solid #ccc; color: #663298; }


#newsletter2 {width: 610px; padding-left: 0px; padding-bottom: 30px;  float: right; }


#newsletter2 .submit{/*margin: 0;*/border: 0; margin-left: 180px; display: block; width: 136px; height: 36px; background: url("images/send.gif") no-repeat 0 0; }

#newsletter2 .submit:hover{background-position: -136px 0; cursor: hand;}


.case {width: 600px; margin-bottom: 20px; max-height: 370px;}

.case-logo {width: 200px; height: 200px; margin-top: 25px; border: 1px solid #ccc; float: left; }

.case-text {float: right; width: 380px; }

ul.thumb {
	float: left;
	list-style: none;
	margin: 0 5px 0 0; padding: 10px;
	width: 900px;
}

ul.thumb li {
	margin: 0; padding: 5px;
	float: left;
	position: relative;  
	width: 200px;
	height: 133px;

}
ul.thumb li img {
	width: 200px; height: 133px; 
	-ms-interpolation-mode: bicubic;
	border: 1px solid #ddd;
	padding: 5px;
	background: #fff;
	position: absolute;
	left: 0; top: 0;
}

ul.thumb li img.hover {
	background:url("images/thumb_bg.png") no-repeat center center;  /* Image used as background on hover effect */
	border: none; 
}

ul.thumb1 {
	float: left;
	list-style: none;
	margin: 0 5px 0 0; padding: 10px;
	width: 900px;
}

ul.thumb1 li {
	margin: 0; padding: 5px;
	float: left;
	position: relative; 
	width: 900px;
	height: 600px;

}
ul.thumb1 li img {
	width: 900px; height: 600px; 
	-ms-interpolation-mode: bicubic;
	border: 1px solid #ddd;
	padding: 5px;
	background: #fff;
	position: absolute;
	left: 0; top: 0;
}
.prices {
width: 548px;
height: 231px;
margin-top: 20px;
padding-top: 42px;
margin-left: 35px;
background: url("images/prices.jpg") no-repeat; 
}

.pricebox {width: 226px;  float: left; color: #666; font-family: verdana; padding: 26px 0 10px 8px;}

.pricebox2 {width: 298px;  float: left; color: #333; font-family: verdana; padding: 26px 0 10px 8px; }

a.latest {
 	color: #898E93; font-weight: bold; background: url("images/newsbullet.jpg") no-repeat 0 0;  padding: 5px 0 5px 35px; margin: 0 0 0 5px;
 }
 
 a.latest:hover {
 	color: #3378DB; font-weight: bold; padding: 5px 0 5px 35px; margin: 0 0 0 5px;
 }