/* basic ones */
* { margin:0; padding:0;}
html {min-width:982px;} 

body { background:#fff; font-family:"trebuchet MS", Helvetica, sans-serif; font-size:100%; line-height:1em; color:#9c9c9c; min-width:982px;}
fieldset {border:0;}
input, textarea, select { font-family:"trebuchet MS", Helvetica, sans-serif; font-size:1em; vertical-align:middle; font-weight:normal;}


p { margin:0; padding:0;
	line-height:1.38em;
	margin-bottom:20px;
}
img { border:0; vertical-align:top; text-align:left;}
ul, ol { list-style:none;	margin: 0px;}

a {color:#73c30f; outline:none;}
a:hover {text-decoration:none;}

h1 {float:left;font-size:18px;line-height:1.2em;padding:21px 0 0 10px;}
h1 a {text-decoration:none;color:#6f6f6f;}
h1 strong {color:#fff;font-size:30px;}
h2 {font-size:48px;line-height:0.5em;color:#2a2a2a;}
h2 span {display:block;margin-bottom:-32px;}
h2 em {color:#cccccc;font-style:normal;}
h2 strong {font-size:22px;line-height:1.2em;display:block;font-weight:normal;color:#81bb00;padding-left:14px;background:url("images/arrow1.gif") no-repeat left 9px;}
h3 {font-size:30px;line-height:1.2em;color:#565656;margin-bottom:22px;}
h3.nomargin {font-size:30px;line-height:1.2em;color:#565656;margin-bottom:0px;}
h4 {font-size:1.69em;line-height:1.1em;font-family:Georgia, "Times New Roman", Times, serif;color:#565656;font-weight:normal;margin-bottom:20px;}
h4 a{color:#565656;text-decoration: none;}
h4 a:hover{color:#565656;text-decoration: underline;}
h4.greenball {background:url("images/greenball.png") no-repeat left 3px; }
h4.greenball em{font-size: 0.7em; font-family:Arial; font-style: normal; font-weight: bold; color: #FFF; padding: 0px 8px; line-height: 1.5em;}

h5 {font-size:1em;line-height:1.38em;}
h5,h5 a {color:#222226;}
h5 a {text-decoration:none;}
h5 a:hover {text-decoration:underline;}

/* for all */
.left { float:left;}
.right { float:right;}
.wrapper { width:100%; overflow:hidden;}
.extra-wrap {overflow:hidden;}
.container { width:100%;}
.hide{display: none;}

/*========================== HEADER ===========================*/

#header .lborder {background:url("images/header-left.gif") no-repeat left top;}
#header .rborder {background:url("images/header-right.gif") no-repeat right top;}
#header .row-1 {height:70px;}
#header .row-1 .logo {float:left; padding:15px 0px 0px 20px; } 
#header .row-1 ul {float:right;padding:24px 38px 0px 0px;}
#header .row-1 ul li {float:left;margin-left:10px;}
#header .row-2 {height:73px;padding:0 11px;}
#header .row-2 ul {background:url("images/nav-tail.gif") repeat-x left top;padding-top:2px;}
#header .row-2 ul li {float:left;font-size:1.2em;line-height:1.2em;background:url("images/divider.gif") repeat-y right top;padding-right:2px;height:69px;overflow:hidden;}
#header .row-2 ul li.last {background:none;padding-right:0px;}
#header .row-2 ul li a {color:#fff;text-decoration:none;background-repeat:no-repeat;background-position:15px 16px;padding:14px 0 19px 55px;width:102px;display:inline-block;}
#header .row-2 ul li a:hover {color:#81bb00;}
#header .row-2 ul li a strong {font-size:12px;display:block;color:#aaa19d;}
#header .row-2 ul li.m1 a {background-image:url("images/home.png");}
#header .row-2 ul li.m2 a {background-image:url("images/about.png");}
#header .row-2 ul li.m3 a {background-image:url("images/services.png");}
#header .row-2 ul li.m4 a {background-image:url("images/examples.png");}
#header .row-2 ul li.m5 a {background-image:url("images/faq.png");}
#header .row-2 ul li.m6 a {background-image:url("images/mail.png");}
#header .row-3 {height:50px;}
#header .row-3 .left {font-weight:bold;text-transform:uppercase;font-size:1em;padding:16px 0 0 33px;color:#a4a4a4;}
#header .row-3 .left span {display:inline-block;background:url("images/arrow.gif") no-repeat right 4px;padding-right:14px;margin-right:10px;}
#header .row-3 .right {padding:11px 32px 0 0; line-height: 1.7em;}
#header .row-3 .right a{padding: 0 5px; }


/*========================= CONTENT ===========================*/

#content {padding:30px 0 20px 0;}
#content .indent {padding:42px 20px 0 20px;}
#content .indent1 {padding:0 20px 20px 20px;}
#content .indent3 {padding:20px 20px 0 20px;}
#content .laptop { background:url("images/laptop.jpg") no-repeat 100% 145px;}

.box {background:#fdfdfd; width:960px; }
.box .border-left {background:url("images/border.gif") repeat-y left top;}
.box .border-right {background:url("images/border.gif") repeat-y right top;}
.box .left-top-corner {background:url("images/left-top-corner.gif") no-repeat left top;}
.box .right-top-corner { background:url("images/right-top-corner.gif") no-repeat right top;}
.box .border-bot { background:url("images/border-bot.gif") repeat-x left bottom;height:66px;}
.box .left-bot-corner { background:url("images/left-bot-corner.gif") no-repeat left bottom;height:66px;}
.box .right-bot-corner { background:url("images/right-bot-corner.gif") no-repeat right bottom; height:66px; padding-left:335px;}
.box .inner { padding:0 0 0 10px;}

.box2 { background:#fdfdfd; width:960px; margin: 0px 11px;}
.box2 .border-left { background:url("images/border.gif") repeat-y left top;}
.box2 .border-right { background:url("images/border.gif") repeat-y right top;}
.box2 .left-top-corner {	background:url("images/left-top-corner.gif") no-repeat left top;}
.box2 .right-top-corner { background:url("images/right-top-corner.gif") no-repeat right top;}
.box2 .border-bot { background:url("images/border-bot2.gif") repeat-x left bottom;	height:20px;}
.box2 .left-bot-corner {	background:url("images/left-bot-corner2.gif") no-repeat left bottom; height:20px;}
.box2 .right-bot-corner { background:url("images/right-bot-corner2.gif") no-repeat right bottom; height:20px; }
.box2 .inner { padding: 0px 20px ;}

.box3 { background:#fff; margin: 5px 0px;}
.box3 .border-left { background:url("images/border3.gif") repeat-y left top;}
.box3 .border-right { background:url("images/border3.gif") repeat-y right top;}
.box3 .border-top { background:url("images/border-top3.gif") repeat-x left bottom;	height:12px;}
.box3 .left-top-corner {	background:url("images/left-top-corner3a.gif") no-repeat left top; height:12px;}
.box3 .right-top-corner { background:url("images/right-top-corner3.gif") no-repeat right top; height:12px;}
.box3 .border-bot { background:url("images/border-bot3.gif") repeat-x left bottom;	height:12px;}
.box3 .left-bot-corner {	background:url("images/left-bot-corner3.gif") no-repeat left bottom; height:12px;}
.box3 .right-bot-corner { background:url("images/right-bot-corner3.gif") no-repeat right bottom; height:12px; }
.box3 .inner { padding: 0px 10px;}


/*--- faded ---*/
#faded1 { width:450px;float:left; margin-top: 50px;	margin-left: 20px;}
#faded1 .rap { height:300px;}
#faded1 .prev {margin:0 11px 0 13px;}
#faded1 .prev, #faded1 .next {position:relative;bottom:0px;left: 170px;z-index:100;}

/* content */
.slogan1 {float:left; width: 402px; padding: 20px 0px; margin-left: 20px;}
.slogan1 p {	padding:15px 0 26px 0;margin:0;}
.phone { width:100%; overflow:hidden;}
.phone span {font-size:23px;line-height:1.2em;color:#565656;float:left;padding:5px 29px 0 0;}
/* lists */
.news {	margin-bottom:-5px;}
.news li {width:100%;overflow:hidden;vertical-align:top;border-bottom:1px solid #f1f1f1;margin-bottom:32px;}
.news li strong {width:63px;height:63px;display:block;float:left;font-size:.92em;line-height:1.8em;color:#fff;text-align:center;text-transform:uppercase;
	background:url("images/date-icon.gif") no-repeat left top;margin-right:19px;}
.news li strong span {display:block;color:#000;font-size:1.3em;line-height:1.2em;}
.news li p {margin-bottom:0;}
.news li p.auth { padding: 10px 0px 5px 0px; margin:0px; width: 100%; text-align: right; color: #999;}
.news li p.auth span{ color:#73c30f; }

.list li {width:100%;	overflow:hidden;vertical-align:top;	padding-bottom:40px;margin-bottom:40px; border-bottom:1px solid #f1f1f1;}
.list li.last {border:0;padding:0 0 4px 0;}
.list li p {margin:0;}
.list li img {	float:left;	margin-right:20px;}
.list li.zero { margin-bottom: 0px; padding-bottom: 0px;}

.listg li {padding:0 0 4px 16px;background:url("images/markerg.gif") no-repeat left 5px;}
.listg li.last {padding-bottom:37px;}
/* */
#content .indent1 .wrapper .col-1 h4 { cursor: pointer;} 

.form td{ height: 30px;}
.w100 {width: 100px;}
.w470 {width: 470px;}
input {
	background:none;
	color:#8f8f8f; 
	border:0; 
	vertical-align:top;	
	line-height:1.2em;
	margin:4px 0 0 10px;
}


.input {	display:block; height:27px; background:url("images/inputbg.gif") no-repeat left top;}
textarea { 
	width:100%;
	height:100px; 
	overflow:auto;
	background:none;
	color:#8f8f8f; 
	border:0; 
	padding:0px; 
}


span.arrowdown {float: right; background:url("images/arrowdown.gif") no-repeat left 4px; padding: 20px;} 
span.arrowup {float: right;  background:url("images/arrowup.gif") no-repeat left 4px; padding: 20px;} 
/* line horizontal  */
 
.line-hor { border-bottom:1px solid #efefef; margin:30px 0 18px 0; overflow:hidden; font-size:0; line-height:0;}

/* links*/

.link1 { display:block; float:left; background:url("images/link1-tail.gif") repeat-x left top; color:#fff; text-decoration:none; line-height:1.2em; text-transform:uppercase;font-size:.92em;}
.link1 em { display:block; background:url("images/link1-left.gif") no-repeat left top;}
.link1 b { display:block; background:url("images/link1-right.gif") no-repeat right top; padding:12px 36px 13px 21px; font-style:normal; }
.link1:hover {background:url("images/link2-tail.gif") repeat-x left top;color:#9f9f9f; }
.link1:hover em { background:url("images/link2-left.gif") no-repeat left top;}
.link1:hover b { background:url("images/link2-right.gif") no-repeat right top; }
.link2 { display:block; float:left; background:url("images/link2-tail.gif") repeat-x left top; color:#9f9f9f; text-decoration:none; line-height:1.2em;text-transform:uppercase;	font-size:.92em;margin-right:18px;}
.link2 em { 	display:block; background:url("images/link2-left.gif") no-repeat left top;}
.link2 b { display:block; background:url("images/link2-right.gif") no-repeat right top; padding:12px 36px 13px 21px; font-style:normal; }
.link2:hover { background:url("images/link1-tail.gif") repeat-x left top; color:#fff; }
.link2:hover em { background:url("images/link1-left.gif") no-repeat left top;}
.link2:hover b { background:url("images/link1-right.gif") no-repeat right top; }
.link3, .link3 a {color:#000;font-weight:bold;} 
.link4 { display:block; 	float:right; background:url("images/link1-tail.gif") repeat-x left top; color:#fff; text-decoration:none; line-height:1.2em;text-transform:uppercase;font-size:.92em;}
.link4 em { display:block; background:url("images/link1-left.gif") no-repeat left top;}
.link4 b { display:block; background:url("images/link1-right.gif") no-repeat right top; padding:12px 36px 13px 21px; font-style:normal; }
.link4:hover {background:url("images/link2-tail.gif") repeat-x left top;color:#9f9f9f;  }
.link4:hover em { background:url("images/link2-left.gif") no-repeat left top;}
.link4:hover b { background:url("images/link2-right.gif") no-repeat right top; }



.wyslij { display:block; float:left; background:url("images/wyslij1.gif") no-repeat left top; 
padding:10px 9px 15px 85px; margin: 0px 0px 0px 10px;}
.wyslij:hover { background:url("images/wyslij2.gif") no-repeat left top; }

.wyczysc { display:block; float:left; background:url("images/wyszysc2.gif") no-repeat left top; 
padding:10px 9px 15px 100px; margin: 0px 0px 0px 10px;}
.wyczysc:hover { background:url("images/wyszysc1.gif") no-repeat left top; }

.send{ display:block; float:left; background:url("images/send1.gif") no-repeat left top; 
padding:10px 9px 15px 85px; margin: 0px 0px 0px 10px;}
.send:hover { background:url("images/send2.gif") no-repeat left top; }


.clear{ display:block; float:left; background:url("images/clear2.gif") no-repeat left top; 
padding:10px 9px 15px 100px; margin: 0px 0px 0px 10px;}
.clear:hover { background:url("images/clear1.gif") no-repeat left top; }


/*--- carousel ---*/

.carousel-box {width:960px;margin: 0px 11px;overflow:hidden;position:relative;margin-top: 10px;}
.carousel-box .alt {margin-top:25px;}
.carousel-box .prev1, .carousel-box .next1 {float:left;margin:22px 11px 0 0;}
.carousel-box .prev1 a, .carousel-box .next1 a {text-decoration: none;}
.carousel-box .prev1 a em, .carousel-box .next1 a em{ padding: 0px 5px; color: #9c9c9c; font-style: normal; }
.carousel-box .carousel {width:920px !important;overflow:hidden;}
.carousel-box ul {width:100%;	overflow:hidden;}
.carousel-box ul li {width: 461px; float:left; border:0;position:relative;background:url("images/divider1.gif") repeat-y right top;}
.carousel-box ul li div.inside {padding:26px 24px 28px 20px;}
.carousel-box ul li dl {padding-bottom:25px;	position:relative;}
.carousel-box ul li dl dd {padding:0 0 4px 16px;background:url("images/marker.gif") no-repeat left 5px;}
.carousel-box ul li dl dd a:hover {color:#000;}

/*========================= FOOTER ============================*/

#footer p {border-top:5px solid #f7f7f7;padding-top:22px;text-align: center;}
#footer a {color:#a9a9a9;text-decoration:none;}
#footer a:hover {text-decoration:underline;}