/* CSS Document */
body
{
   text-align: center;
    background-color: #eaeaea;
}
#container
{
text-align:left;
margin:0 auto;
width: 864px;
border: solid 1px #999999;
background-color: #fff;

}

#topnav{
	float:left;
	margin:0 auto;
	padding:35px 0px 0px 14px;
	
		}
ul#top01
	{
        margin: 0;
		padding:0;
		list-style-type: none;
		padding: 0px 0px 10px 0px;
		float: left;
		width: 100%;
	}
	
	ul#top01 li { display: inline; }
	
	ul#top01 a
	{
		display: block;
		float: left;
		font-family:Arial;
		font-size:14px;
		padding: 0px 22px 0px 0px;
		text-decoration: none;
		color: #000;		
		
	}
		ul#top01 a.active
	{
		text-decoration: none;
		color: #0095cc;
		
	}
	ul#top01 a:hover
	{
		color: #0095cc;
	}
	
#tarja01
{
      float: left;
      margin: 0 auto;
	  font-family:Arial;
	  background-color:#000652;
	  padding:0;
      width: 864px;
	  height: 16px;
	  border-bottom: solid 1px #FFFFFF;

}

h1
{
color:#3399cc;
font-family:Arial;
padding: 10px 0 0 0;
font-size:34px;
font-weight:bold;
}
.br
{
color:#66ccff;
}

#tarja02
{
      float: left;
      margin: 0 auto;
	  font-family:Arial;
	  background-color:#000652;
	  padding:0;
      width: 100%;
	  height: 16px;
	  border-top: solid 1px #FFFFFF;

}


#image
{
        background: url(imgs/foto_home.jpg) #000066;
		clear: both;
		text-align:left;
        margin:0 auto;
        padding:0;
        width: 100%;
		height: 393px;
}
#flash
{
        background-color: #000066;
		clear: both;
		text-align:left;
        margin:0 auto;
        padding:0;
        width: 100%;
		height: 429px;
}
#text_home
{
      float:left;
	  padding: 77px 0px 0px 41px;
	  margin:0 auto;
	  font-family:Arial;
      line-height: 20px;
	  width: 297px;
	  height: 264px;
	  font-size:15px;
	  color:#fff;		
}	

#logo
{
       margin:0 auto;
       padding: 0px 0px 0px 490px;
      
}

#footer
{
        text-align:left;
		clear:both;
        margin:0 auto;
        padding:0;
        width: 100%;
		height: 26px;
		background-color: #f4f4f4;
}


#bbw
{
	float:left;
	margin:0 auto;
	padding: 6px 0px 0px 670px;
	font-family:Arial;
	font-size:10px;
	color:#990000;
	font-weight:bold;
	
}


#contact
{
      float:left;
	  padding: 6px 0px 0px 14px;
	  margin:0 auto;
	  font-family:Arial;
	  font-size:11px;
	  color:#000;		
}	
   	

   p
   {
      margin: 0;
	  padding:0;
	  font-family:Arial;
	  font-size:11px;
	  color:#252424;
   }
   
    a {text-decoration: none;   }
    a:link {color: #4c4c4c; }
	a:visited { color:#4c4c4c; }
	a:hover	{color: red;}
	
/* products */	
#imagepro
{
        background-color: #f9f9f9;
		clear: both;
		text-align:left;
        margin:0 auto;
        padding:0;
        width: 100%;
		height: 393px;
}
#pronav{
	float:left;
	margin:0 auto;
	padding:0px 0px 0px 16px;
	
		}
ul#pronav01
	{
        margin: 0;
		padding:0;
		list-style-type: none;
		padding: 0;
		float: left;
		width: 100%;
	}
	
	ul#pronav01 li { display: inline; }
	
	ul#pronav01 a
	{
		display: block;
		padding: 0px 22px 0px 0px;
		float: left;
		font-family:Arial;
		letter-spacing: 1px;
		font-size:12px;
		text-decoration: none;
		color: #fff;		
		
	}
		ul#pronav01 a.active
	{
		text-decoration: none;
		color: #0be5ff;
		
	}
	ul#pronav01 a:hover
	{
		color: #0be5ff;
	}	

	
#image01{
	float:left;
	margin:0 auto;
	padding:0;
	border-right: 1px solid #666666;	
	}	
	
#image02{
	float:left;
	margin:0 auto;
	padding:0;
	border: 0;	
	}	
	
#text_pro
{
      float:left;
	  padding: 60px 0px 0px 60px;
	  margin:0 auto;
	  font-family:Arial;
      line-height: 20px;
	  width: 220px;
	  font-size:13px;
	  color:#000652;		
}		
	
#text_pro img
{
      float:left;
	  padding: 0px 0px 20px 0px;
	  margin:0 auto;

}	

#text_pro2
{
      float:left;
	  padding: 60px 0px 0px 60px;
	  margin:0 auto;
	  font-family:Arial;
      line-height: 20px;
	  width: 280px;
	  font-size:13px;
	  color:#000652;		
}	

#text_pro2 img
{
      float:left;
	  padding: 0px 0px 20px 0px;
	  margin:0 auto;

}	

#image_software
{
        background: url(imgs/foto_software.jpg) #000066;
		clear: both;
		text-align:left;
        margin:0 auto;
        padding:0;
        width: 100%;
		height: 393px;
}
	
#text_software
{
      float:left;
	  padding: 40px 0px 0px 553px;
	  margin:0 auto;
	  font-family:Arial;
      line-height: 20px;
	  width: 270px;
	  font-size:15px;
	  color:#fff;		
}		

/* contact */	

#text_contact
{
      float:left;
	  text-align:right;
	  padding: 60px 15px 0px 0px;
	  margin:0 auto;
	  font-family:Arial;
      line-height: 20px;
	  width: 300px;
	  font-size:14px;
	  color:#000652;		
}	

.boss
{
     	  
	  font-size:20px;
	  font-weight:bold;
	 		
}	

#map
{
        background-color: #f9f9f9;
		float:left;
		text-align:left;
        margin:0 auto;
        padding:0;
        width: 548px;
		height: 393px;
}

	a.mail {text-decoration: none; margin: 0 auto; border: 0; color: #000652; }
    a.mail:link {color: #000652; }
	a.mail:visited { color:#000652; }
	a.mail:hover	{color: #0095cc;}
	
/* clients */	

#box_costumers
{
		float:left;
		text-align:right;
        margin:0 auto;
        padding:18px 0 0 34px;
        width: 175px;
		height: 110px;
}	
	
#logo_costumers
{
		clear:both;
		border:#000000 1px solid;
		margin:0;
		padding:0;

}	
#name_costumers
{
      clear:both;
	  text-align:right;
	  padding: 5px 0 0 0 ;
	  margin:0 auto;
	  font-family:Arial;
      font-size:11px;
	  color:#000;		
}