* {

	margin: 0;

	padding: 0

}

body {

	background:url(../images/bg_grid.png) repeat-x top;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 15px

}

a {

	color:#58B5DC

}

ul {

	padding-left: 30px;

	padding-top: 10px;

	padding-bottom: 10px;

	float: none;

	clear:both;

}

li {

	color: #666;

}



/* table */



table {

	border:0px;

	width:740px;

	border-collapse:collapse;

}



table td {

	vertical-align:top;

	width:370px;

	padding-right:10px;

	padding-top:10px;

}



table.mod td {

	width:300px;

}



table.news td {

	width:auto;

}



#text table p {

	width:330px;	

}



#text table.mod p {

	width:300px;	

}



#text table.news p {

	width:540px;	

}



#text table h2.green1  {

	color: #8BC53F;

	font-size: 12px;

	font-weight: normal;

	margin-bottom:3px;

}



#text table h2.blue1  {

	color: #58b5dc;

	font-size: 12px;

	font-weight: normal;

	margin-bottom:3px;

}



#text table h2.yellow1  {

	color: #b9c80d;

	font-size: 12px;

	font-weight: normal;

	margin-bottom:3px;

}



#lineblue {

	background: #58b5dc;

	width: 330px;

	height: 1px;

	display: block;

}



#linegreen {

	background: #8BC53F;

	width: 330px;

	height: 1px;

	display: block;

}



#lineyellow {

	background: #b9c80d;

	width: 330px;

	height: 1px;

	display: block;

}	

/* layout */



#container {

	width: 990px;

	margin: auto;

	position: relative;

	height: 650px

}

#smallarrow {

	width: 35px;

	height: 45px;

	background:url(../images/small_arrow.png) no-repeat center;

	position: absolute;

	left: 175px;

	top:150px

}



#smallnav {

	width: 990px;

	height: 40px;

	position: absolute;

	bottom: 145px;

	background-image: url(../images/smallnav_bg.png);

	background-repeat: repeat-x;

}

#smallnav a {

	background-repeat: no-repeat;

	background-position: 0px 0px;

	height: 40px;

	width: auto;

	text-indent: -200px;

	display:block;

	overflow:hidden;

	float:left;

	margin-left:22px;

	margin-right:30px;

}

#smallnav a:hover, #smallnav a.active {

	background-position: 0px -40px;	

}

/* footer */

#flashmovie {

	width: 172px;

	height: 127px;

	float: right;

	background:#808080;

	margin-top: 6px;

	margin-right: 38px

}

#text #flashdemotext p {

	width:auto;

}

#homenav {

	background-color: #666;

	height: 75px;

	width: 946px;

	position: absolute;

	bottom: 145px;	

	overflow:hidden;

	padding-left:44px;

}

#homenav .group {

	float:left;

}

#homenav .group a {

	color: #FFFFFF;

	text-decoration: none;

	display:block;

	padding-top:8px;

}

#homenav .group a:hover {

	color: #C6ECEB

}



#flashnav {

	width: 510px;

	height: 328px;

	position: absolute;

	right: -10px;

	top: 50px

}

#democontainer {

	width:378px;
	
	height:168px;
	
	position:absolute;
	
	right:45px;
	
	top:205px;
}

a#seedemolarge {

	background:url(../images/buttondemolarge.png) no-repeat;

	width:117px;

	height:116px;

	position: absolute;
	
	top: 20px;

}

a#seedemo {

	background:url(../images/buttondemo.png) no-repeat;

	width:84px;

	height:84px;

	position: absolute;

	bottom: 204px;	
	
	left:50px;

	overflow:hidden;

	padding-left:44px;


}

#demoupdate {

	background:url(../images/update.png) no-repeat;
	
	width:190px;
	
	height:156px;
	
	position: absolute;
	
	right:0;
	
	}

#slides {

	width: 2000px;

	position: absolute;

	left: 0px;

}

#slide_arrowl {

	width: 70px;

	height: 70px;

	position: absolute;

	left: 40px;

	top: 32px;

	z-index: 999;

}

#slide_arrowl a img, #slide_arrowr a img {

	border: none;

}

#slide_arrowr {

	width: 70px;

	height: 70px;

	position: absolute;

	right: 250px;

	top: 32px;

	z-index: 999;

}

#playb {

	width: 70px;

	height: 70px;

	position: absolute;

	right: 117px;

	top: 32px;

	z-index: 999;

}

#playb a img {

	border: none;	

}

#galeery {

	width: 990px;

	height: 140px;

	position: absolute;

	bottom: 0;

	background:url(../images/opacity2.png) repeat center

}

#slidegallery {

	width: 700px;

	height: 129px;

	float: left;

	margin-left: 43px;

	margin-top: 6px;

	overflow: hidden;

	position:relative;

}

#footer {

	position: absolute;

	right: 0;

	bottom: -15px;

	width: 990px;

	height: 10px;

}

#footer div {

	font-size: 10px;

	color: #999;

}

#footer div.left {

	float: left;

}

#footer div.right {

	float: right

}

#footer div.right a {

	text-decoration: none;

	color: #999;

	padding-top: 3px;

}

#footer div.right a:hover {

	text-decoration: none;

	color: #333;

}

#footer #tiger {

	float: right;

	margin-left: 5px;

}

/* scrollbar */

.scrollbar-vert{

	height: 270px;

	width: 10px;

	float:left;

	position:absolute;

	background-image: url(../images/scrollbg.png);

	background-repeat: repeat-y;	

	top: 190px;

	left: 977px;

}

.handle-vert{

	height: 38px;

	width: 10px;

	background-color: #716659;

	background-image: url(../images/scrollhandle.png);

	background-repeat: no-repeat;

}

.clear {

	float: none;

	clear: both;

	width: 100%;

	position:absolute;

}

/* others */

#big_arrow {

	width: 180px;

	height: 160px;

	position: absolute;

	right: 10px;

	top: -7px;

	background:url(../images/big_arrow.png) no-repeat center

}

#leftnav {

	width: 158px;

	position: absolute;

	left: 26px;

	top: 170px;

	padding-left:28px;

	padding-top:20px;

	background-image: url(../images/arrow_mark.png);

	background-repeat: no-repeat;

	background-position: 0px 0px;

}

#leftnav a {

	background-repeat: no-repeat;

	background-position: -130px 0px;

	height: 25px;

	width: 130px;

	text-indent: -200px;

	display:block;

	overflow:hidden;

}

#leftnav a:hover, #leftnav a.active {

	background-position: 0px 0px;	

}









body.index #text {

	position: absolute;

	left: 52px;

	top: 166px;

	width: 426px

}

#text {

	position: absolute;

	left: 235px;

	top: 175px;

	width: 740px;

	height: 290px;

	overflow: hidden;

}





/* p */



#text p em {

	font-style: normal;

	font-weight: bold;

	color: #666

}

#text p em.green {

	font-weight: bold;

	font-style: normal;

	color:#8BC53F

}

#text p {

	font-size: 12px;

	line-height: 15px;

	color: #666666;

	float: left;

	width: 690px

}

body.cform #text p {

	width: 310px;

	float: left

}

p.whatis em {

	font-style: normal;

	font-weight: bold;

	color: #000000

}



body.index #text p {

	width: 426px

}





/* span */



span.bluelist {

	color: #58B5DC;

}

span.underline {

	text-decoration: underline

}

span.indent {

	padding-left: 20px;

	display: block

}

/* glowne linki */





.toplogo {

	display: block;

	width: 215px;

	height: 130px;

	background:url(../images/toplogo.png) no-repeat center;

	position: absolute;

	top: 10px;

	left: 0

}

.small_nav {

	display: block;

	width: 134px;

	height: 117px;

	background:url(../images/nav_small.png) no-repeat 0px 0px;

	position: absolute;

	left: 45px;

	top: 340px

}

.small_nav:hover {

	display: block;

	width: 134px;

	height: 117px;

	background:url(../images/nav_small.png) no-repeat 0px -117px;

	position: absolute;

	left: 45px;

	top: 340px

}

.see {

	display: block;

}



/* img */



#slidegallery img {

	border: none;

	float: left;

	margin-right: 10px;

}

/* h */



h1.green {

	color: #8BC53F;

	font-size: 25px;

	font-weight: normal;

	display: block;

	position: absolute;

	top: 101px;

	left: 235px;

	border-bottom: #c2df9c 1px solid;

	width: 550px;

	line-height: 25px;

	padding-bottom: 11px

}

h1.blue {

	color: #58B5DC;

	font-size: 25px;

	font-weight: normal;

	display: block;

	position: absolute;

	top: 101px;

	left: 235px;

	border-bottom: #58B5DC 1px solid;

	width: 550px;

	line-height: 25px;

	padding-bottom: 11px

}

h1.yellow {

	color: #b9c80d;

	font-size: 25px;

	font-weight: normal;

	display: block;

	position: absolute;

	top: 101px;

	left: 235px;

	border-bottom: #b9c80d 1px solid;

	width: 550px;

	line-height: 25px;

	padding-bottom: 11px

}

h2.blue {

	color: #58B5DC;

	position: absolute;

	font-size: 15px;

	font-weight: normal;

	left:235px;

	top: 155px

}

h2.yellow {

	color: #b9c80d;

	position: absolute;

	font-size: 15px;

	font-weight: normal;

	left:235px;

	top: 155px

}

h2.green {

	color: #8BC53F;

	position: absolute;

	font-size: 15px;

	font-weight: normal;

	left:235px;

	top: 155px

}

/* form */

form.contact {

	width: 400px;

	position: relative;

	float: right

}

form.contact input {

	width: 230px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	padding: 1px;

	color: #666666;

	border: #c0c0c0 1px solid

}

form.contact label {

	padding-bottom: 15px;

	display: block;

	width: 150px

}

form.contact label.policy {

	padding-bottom: 15px;

	display: block;

	width: 138px;

	font-size: 11px;

}

form.contact input.name {

	position: absolute;

	left: 140px;

	top: 0

}

form.contact input.surname {

	position: absolute;

	left: 140px;

	top: 30px

}

form.contact input.posi {

	position: absolute;

	left: 140px;

	top: 58px

}

form.contact input.company {

	position: absolute;

	left: 140px;

	top: 87px

}

form.contact input.tel {

	position: absolute;

	left: 140px;

	top: 115px

}

form.contact input.mail {

	position: absolute;

	left: 140px;

	top: 157px

}

form.contact input.policy {

	position: absolute;

	left: 142px;

	top: 243px;

	width:15px;

}

form.contact #content {

	position: absolute;

	left: 140px;

	top: 185px;

	width: 230px;

	height: 30px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #666666;

	padding: 1px;

	border: #c0c0c0 1px solid

}

form.contact input.sendbut {

	position: absolute;

	right: 26px;

	top: 265px;

	width: 100px

}