body{
	/*background:#D8D8D8;*/
	font-family:"Lucida Sans Unicode", "Lucida Sans", sans-serif;
	background:white url(/images/back.jpg) repeat-x;
	}
#container {
	min-width:1000px; max-width: 1280px;
	height: auto !important; height: 100%; min-height: 100%;
	margin-bottom: -100px;
	}	
#map{
float:right; margin:61px 0 0 0;
	}	
#ks{
		background: url(/images/ks.png) no-repeat;
		width:206px;height:75px; float:left;margin:75px 0 0 0;
}	
#header{/* display: none;*/
	padding: 0 53px;
	list-style-position: inside;  overflow: hidden; 
	/*background: url(/images/ks.png) no-repeat 53px 62px; heurl(/images/map.gif);*/height:170px; 
	}	

#header ul{
	/*float: left;*/ padding:80px 0 0 252px;
	}	
#header li {
	list-style-type: none; float: left; 
	}	
#header li a{
	color:black; font-size: 1.8em;
	float:left; padding:5px 15px 5px 25px;
	}	
#header li a.active,
#header li a:hover
{
	background: white url(/images/bullet.gif) no-repeat 10px 50%; color:#ed2024
	}	
	
/* 
index_box1
 */	
#box1{ /* display: none;*/
	background: url(/images/index_box1_back.gif) repeat-x 0 100%; 
	padding:45px 53px 10px 53px; overflow: hidden; height:1%;
	}
#box1a{
background:black url(/images/box1.png) no-repeat 40% 0;
}	
#box1 .outer_images{
	float: left; width:493px;  font-size: 1.4em; margin:30px 0 0 0;
	}
#box1 .numbers{
		/*padding: 5px 0; */
		}
#box1 .numbers a.single, a.single{
	color: #ffe500; float: left; margin-top: 5px;position:relative; overflow:hidden;width:222px;
	z-index:99;
	}	
#box1 .numbers ul,
.numbers ul
{
	/*float:right; */  width:300px; text-align: right;  width:493px;
	/*margin:-34px 0 0;*/
	top:-26px;
position:relative;
	}	
#box1 .numbers ul li,
.numbers ul li
{
	 display: inline;
	}
#box1 .numbers ul li a,
.numbers ul li a
{
	background: url(/images/box1a.gif) no-repeat 44% 0px; 
	/*padding:1px 8px 6px 9px; */
	padding:2px 8px 6px;
	color:#10293f; color:yellow;
	line-height:28px;
	text-decoration: none; font-size:12px
	}
	
#box1 .numbers ul li a:hover,
 .numbers ul li a:hover,
#box1  .numbers ul li.act a
 
{
	background: url(/images/box1a_2.gif) no-repeat 44% 0; color:black;
	}		
#box1 .images img{
	border: 1px solid white;
	}	
#box1 .description{
	 color: white; font-size: 1.4em; margin:0 0 0 544px;
	}	
#box1 .description h1,
#box1 .h1x
{
	font-size: 2.15em; font-weight: normal; margin-bottom:13px;
	}	
	
/*
box2 and box3
*/	
#boxes_2_3{ /* display:none;*/
	font-size:1.2em; background:white;
	padding:40px  53px; overflow: hidden; height:1%;
	}
#box2{
	float:left;width:57%; margin-right:2%;
	}
#box2 h2, #box3 h2
{
	font-size: 2em;font-weight:normal;margin-bottom:10px;
	}	

#content .left h2{
	font-size: 1.3em;font-weight:normal;margin-bottom:10px;
	}	



.red, 
.style1
{
	color: #ed2024;
	}		
.blue,
.style2
{
	color: #214cd6;
	}
.green,
.style3
{
	color: #35a701;
	}	
	
#box2 ul{
	list-style-position: outside; list-style-type: none;
	}	
.green_bullets li,
li.style3
{
	background: url(/images/green_b.gif) no-repeat 0 .4em; margin:7px 0px 7px 0;padding:0 0 0 20px; 
	height:1%;
	}	
.red_bullets li,
li.style1
{
	background: url(/images/green_r.gif) no-repeat 0 .4em; margin:7px 0px 7px 0;padding:0 0 0 20px; 
	height:1%;
	}
.blue_bullets li,
li.style2
{
	background: url(/images/green_c.gif) no-repeat 0 .4em; margin:7px 0px 7px 0;padding:0 0 0 20px; 
	height:1%;
	}	
.blue_bullets li h3{
	font-size: 1.4em; color:#214cd6; font-weight:normal;
	}				
#box2 ul li a{
	color:#000cff;
	}	
	
	
#box3{
	float:left;width:40%;
	}
#box3 ul li a{
		color:#000cff;
	}

.button{
	background: url(/images/button.gif) no-repeat; width:130px; height:21px; text-align:center; display: block;
	color:black; padding:2px 0 0 0;margin:11px 0;
	}
.m40{
	margin-top:40px;
	}	

/*
cliens and partners 
*/

#box4{ /*display: none;*/
	background:#FFFFFF url(/images/box4.jpg) repeat-x;
	padding:34px 53px 60px 53px; height: 1%; overflow: hidden; clear: both;

	}	
#clients{
	background: url(/images/clients.png) no-repeat;
	float:left;width:57%; margin-right:2%;
	}
#parts{
	/*background: url(/images/part.png) no-repeat;_width:300px; _height:174px;*/
	background: url(/images/part.gif) no-repeat;
	float:left;width:40%;
	}		
.all_cp{
	background: url(/images/link_cp.png) no-repeat; margin:120px 0 0 350px; display: block;
	color:black; width:92px; font-size:1.2em;
	padding:2px 0 2px 9px; text-decoration: none; letter-spacing: -1px;
	}		
#parts .all_cp{
	margin-left:270px;
	}	
	
/*
box5
*/	
#boxes_5_7{ /*display: none;*/
	background:#FBFBFB url(/images/box5.jpg) repeat-x; height: 1%; overflow: hidden; padding:40px 53px;
	font-size:1.2em; 
	}	
#box5{
	float:left; width: 20%; margin-right:10%; 
	}	
#box5 form p{
	font-size: 1.5em; margin-bottom:8px;
	}	
#box5 form span{
	display:block;
	}	
#box5 form input{
	font-size: 1em;display:block;width:170px; border:1px solid #DDDDDD;
		font-family:"Lucida Sans Unicode", "Lucida Sans", sans-serif; 
		padding: 2px 5px;margin:5px 0;background: #F4F4F4;
	}	
#box5 form input#submit{
	background: #F4F4F4;font-size:1.15em;padding:0;width:100px;
	}	
#box6{
	float: left; width:25%;margin-right:10%;
	}
#box6 h4,
#box7 h4{
	background:#F4F4F4 url(/images/box6.gif) repeat-x; border: 1px solid #DDDDDD;font-size:1.33em; 
	font-weight: normal;
	padding: 2px 2px 2px 30px; margin-bottom:8px;
	}	
#box7{
		float: left; width:25%;margin-right:10%; 
	}
#box6	ul li,
#box7	ul li{
	list-style-position: outside; list-style-type: none; margin:0 0 1em 10px;	padding:0 0 0 21px;
	}	
#box6	ul li{
	background: url(/images/bullet_m.gif) no-repeat 0 5px;
	}	
#box7	ul li{
	background: url(/images/bullet_e.gif) no-repeat 0 5px; *height:1%;
	}
#box7 ul li h3{font-weight:normal;}	
#box7	ul li a{color:black}	
	
#box8{

	/*height: 1%; overflow: hidden;  clear: both;font-size:1.8em;
	text-align: center;
	background:#FBFBFB url(/images/box7.gif) no-repeat 50% 0; */
	}		
#box8 a#a1,
#box8 a#a2
{
	color:black;
	padding: 10px 51px ; line-height:1.7em;
 	margin:0 10px 0 0;
	}	
#box8 a#a2{
	margin:0 0 0 20px;
	}

#mg{
	margin: 0 auto; text-align: center; clear: both; width:auto;_width:100%; padding:53px 0 ;
}
#mg a{
	padding: 0 20px; line-height: 40px; height: 40px; font-size: 1.6em; display: block; float:left; color:black;
}
#mg1a,
#mg1b
{
 	background: url(/images/box7b.gif) no-repeat 100% 0; height: 42px; float:left; 
}
#mg1,
#mg2
{
	background: url(/images/box7a.gif) no-repeat; overflow:hidden; _height:1%; float: right;
}
#mg1b{
	background-position: 100% 100%;	
}
#mg2{
	background-position: 0 100%; float: left;
}
#mm01{
		border: none; 
}
#mg td{
	
}	
	
	
	
	
	
	
	
#page-empty {height: 100px; clear: both;}
	
#footer{
	font-size: 1.1em;height: 60px;position: relative;
	background: #F5F5F5 url(/images/ks_footer.gif) no-repeat 53px 20px; padding: 20px 53px;
	}	
#footer a{
	color: black;
	}	
#footer #copyright{
	margin: 10px 0 0 222px;
	}	
	
	
	
	.clear{
		clear: both; 
		}

	#content{
		margin: 0 53px;overflow:hidden; padding:0 0 20px 0;
		}
content h1,
	#content h5,
	#content h2
	{
		font-size: 2.6em; font-weight:normal; color:#626262
		}	
	#bc{
		font-weight: bolder;font-size:1.1em;
		}	
	#bc li{
		display: inline;
		}	
	#bc li a{
		color: #214cd6;
		}	
	.black,
	#bc li a.black	{
		color: black;
		}	
	.news1 a#gray2{color:#626262; text-decoration:none;font-size:1em;}	
		
	.line{
		background: url(/images/line.gif) repeat-x; height: 2px; margin:15px 0; line-height: 2px;
		font-size: 2px;
		}	
	.image_right{
		background: url(/images/image_right.jpg) no-repeat; 
		border: 1px solid #6C6C6C;
		height: 136px;
		float: right; width:502px; margin: -115px -53px 0 0; position: relative; margin:-91px 0 0 0;
		}		
	.image_right#a2{
	  background: url(/images/a2.jpg) no-repeat; 
	}
	.image_right#a3{
	  background: url(/images/a3.jpg) no-repeat; 
	}
	 .image_right#a4{
	  background: url(/images/a4.jpg) no-repeat; 
	}
	
/* news */
.news1{
	font-size: 3em; 
	}
.news1 a{
	color: #214cd6; margin: 0 15px 0 0;
	}
.news1 a#active{
	color: #616161; text-decoration: none;
	}
.fs2{
	font-size:.8em;
	}
.fs3{
	font-size:.7em;
	}
.fs4{
	font-size:.6em;
	}	
.fs5{
	font-size:.55em;
	}	
.fs6{
	font-size:.5em;
	}	
.fs7{
	font-size:.45em;
	}	
.fs8{
	font-size:.4em;
	}	
.fs9{
	font-size:.35em;
	}
.fs10{
	font-size:.3em;
	}		
	
	
	
.news2{
	padding: 43px 74px; overflow:hidden; height: 1%; width: auto;
	}	
.news2 li{
	display: block; float: left; width: 50%;
	list-style-position: inside; padding: 0 0 0 0; margin:0 0 2px 0;
	}	
/*ol.news2 li{
    	list-style-type: decimal;
}*/	
.news2 li.clear{
	background:none; height: 30px; clear: both; float: none; width:auto;
	}	
#content .news2 li h2{
	background:url(/images/green_c.gif) no-repeat 0 .4em; padding: 0 15px;
	overflow: hidden; height: 1%; font-size:1.8em;font-size:2.1em;
	}	
#content ul.ar li h2{
    background:none; /*padding-left:0;*/
}	

.ar li h2 span{float:left; width:15px;color:#214cd6; position:absolute;margin-left:-35px; }
.news2 li h2 a{
	color:#214cd6;
	}	
.f12{
	font-size: 1.2em;
	}
.left a,a.f12{
	color:#214cd6;
	}		
.f14{
	font-size: 1.4em;
	}	
.news_desc{
	padding: 0 15px;
	}	
	
/* news_item */		
.p87{
	padding: 0 87px;
	
	}
	
	.p87 .clear {
	padding-top: 10px;
	}
.news_item{
	overflow: hidden;height:1%; clear: both;
	}	
.left{
	margin:0 300px 0 0; 
	}	
.right{
	float: right; width: 246px;
	}	
.right h3{
	font-size: 1.8em; font-weight: normal; margin: 0;padding-bottom:0; padding: 8px 0 7px 0;
	}
.right a{
	font-size: 1.4em; color: #214cd6; font-weight:bolder;
	}	
.images_list{
	padding: 30px 0; width: 250px; overflow:hidden;height:1%;
	}	
.images_list b{
	font-size:1.75em; display: block; padding: 0 0 15px 0; font-weight:normal;
	}	
.images_list a{
	float: left; margin: 0 5px 10px 0; overflow: hidden;
	}	
.images_list a.img{
	width: 78px; float: left;display:block;
	}	
	
/* articles */
a.print{
	background: url(/images/print.jpg) no-repeat; display: block; padding: 12px 0 10px 50px;
	font-size: 18px; margin-bottom:10px; font-weight: normal;
	}
a.save{
	background: url(/images/save.jpg) no-repeat; padding: 0px 0 10px 25px; display: block;
	font-size: 1.2em; font-weight: normal;
	}	
	
/* articles  */	
.articles{
	width:33%; float: left; padding: 2em 0;
	}
.articles h3{
	font-size: 1.7em;font-weight:normal;	
	}
.articles li.nobg,
.nobg
{
	background: none;
	}	
.articles li{
		background: url(/images/green_c.gif) no-repeat 0 .4em; padding: 2px 0 4px 17px;
	}
.articles li a{
	color: #214cd6;
	}

/* service  */
/*.right h3{
	font-size:1.4em;
	}	*/


.right .service_link_right{
	font-weight:normal;display:block; margin:0 0 11px 0; font-size:1.2em;
	}
	
	
/* projects */
.filters{
	font-sfize:1.2em;
	}
.filters input{
	margin: 0 0 0 10px;
	}
.box99{
	background: url(/images/box99.gif) no-repeat; width:683px; height: 33px;
	text-alfign: center;padding:6px 0 0 0; margin:14px 0;
	}	
.box99 a{
	color:black; width:208px;float:left; text-align: center;
	}	
.box99 a#bb3{
white-space:nowrap;
width:264px;
}	
.image_project{
	float:left ;width:440px;padding:0 43px 0 0;
	}	
.image_project_pro{
	background: url(/images/pro.png) no-repeat; float: right; width: 47px; height:48px;
	margin:-37px -14px 0 0;position:relative;
	}	
.desc_project{
margin-left:483px;
}
.desc_project h3{
	font-size: 2.4em;font-weight:normal;margin:0 0 10px 0;
	}	
.project_item{
	overflow: hidden; height:1%; margin:0 0 30px 0;
	}	
.prev,
.next{
	font-size:1.8em;color:#214CD6
	}	
.prev{
	background: url(/images/left_arrow.gif) no-repeat 0 50%;padding:0 5px 0 20px;
	}	
.next{
	background: url(/images/right_arrow.gif) no-repeat 100% 50%;padding:0 20px 0 5px;
	}	
.gray{
	color: #a6a6a6;
	}	
/* contacts */	
.box98{
	background: url(/images/box98.gif) no-repeat; width:272px; height:101px;
	text-align: center; margin: 2em 0; 
	}
.box98 a{
	display: block;
	color: black;font-size:1.4em; 
	padding: 7px 0 30px 0;
	}	
	
	
	
	/* polls */
	.poll{
			overflow: hidden;height:1%; margin:2em 0;
		}
	.poll p{
		margin:0 0 8px 0;
		}	
	.poll p b{
		padding: 0 10px 0 0;
		}
	.poll p b.b1{
	display:block; clear:both; width:222px;
	}	
	.poll p input{
		padding:0 0 -2px 0; 
		}
	.poll span{
			color:#ed2024;font-size:10px;font-weight:bolder;float:left;
		}	
	.poll div{
		/*padding:0 0 0 240px; */
		}	
	.poll textarea{
		border: 1px solid red; overflow: auto; width: 200px; height:3em; font-family: "Lucida Sans",serif; 
		display: block;
		}	
	.poll input.submit1,
	.submit1
	{
		display: block; background:transparent url(/images/submit1.gif) no-repeat; 
		width: 121px;  border: none; height: 25px; margin:4px 0 0 0;
		}	
	.stars{
		/*background: url(/images/stars.gif) no-repeat 0 0;*/ width: 146px;height:18px; display: block;
/*	padding:25px 0 0 0;*/
		}	
	
.nhy div {overflow: hidden; padding: 3px 0 8px 0; width:99%;
	
}
.nhy input,
.nhy textarea
{
	float: left; border:1px solid silver; font:1.2em Tahoma;
}
.nhy textarea{
	width: 60%;
}
.nhy span{ float: left; padding:0 0 0 5px;width:39%;
}
.nhy h3{font-size:1.8em;}
.nhy h4{font-size:1.2em;}	
		
		
.right #serv1 h3 a{
font-size:1em; font-weight:normal;color:black; text-decoration:none;
}		
.target1{
margin:-150px 30px 0 50px;color:white;
  opacity: .5;
   filter: alpha(opacity=50);
   text-align:right;

}





		p#cross-links { text-align: center }
		
		p#cross-links { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 30px }
		


		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			/*margin: 20px 0;*/
			position: relative;
			width: 100%;width:1000px;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%;/* height: 460px; background: #fff;*/ overflow: scroll}
		.csw .loading {/*margin: 200px 0 300px 0;*/ text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			/*border: 5px solid #000;*/ /* this is the border. should have the same value for the links */
			margin: auto;
			/*width: 700px;*/ /* Also specified in  .stripViewer .panelContainer .panel  below */
		/*	height: 160px;*/
			clear: both;
			height:360px;
			width:100%;width:1000px;
		/*	background: #fff;*/
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;width:1000px;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%; width:1000px;
			position: relative;
			/*width: 700px;*/ /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			/*padding: 10px;*/width: 100%;
			overflow:hidden;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			background: #c6e3ff;
			color: #fff;
			text-decoration: none;
			display: block;
			padding: 0 15px;
		}
		
		.stripNav li.tab1 a { background: #60f }
		.stripNav li.tab2 a { background: #60c }
		.stripNav li.tab3 a { background: #63f }
		.stripNav li.tab4 a { background: #63c }
		.stripNav li.tab5 a { background: #00e }
		
		.stripNav li a:hover {
			background: #333;
		}
		
		.stripNav li a.current {
			background: #000;
			color: #fff;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute; display:none;
			top: 230px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("/images/arrow-left.gif") no-repeat center;
		}
		
		.stripNavR {
			background: url("/images/arrow-right.gif") no-repeat center;
		}
		
#stripNav0{disfplay:none}
	.stripNav { display: none }

.kotikus{
background:url(/images/kotikus.jpg) no-repeat 50% 50%;width:1000px; height:500px; 
}

.left ol {
margin-bottom:30px;
}

.left ol li{
list-style-type:decimal; margin-left:30px;
}

.left ul {
margin-bottom:30px;

}

.left ul li{
background: url(/images/green_r.gif) no-repeat 0 .4em;margin-left:30px;
padding:0 0 0 20px; 
}
.left p{
padding-bottom:10px;
}

.split td {
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	width: 120px;
	height: 120px;
	padding: 3px;	
border: 1px solid #F8F8F8;
}
.view{
poffsition:absolute;float:right; font-size:13px; font-weight:bolder; margin:-45px 0 0 0;
}
.view a{
margin:0 0 0 5px; text-decoration:none; color:black;  cursor:pointer;
}
.view a.current_style{
    border-bottom:1px dotted; color:#214CD6;
}