@charset "UTF-8";
/* CSS Document */

	body {
		background: #230059;
		text-align: center;
		font-family: 'Droid Sans', arial, serif;
		color: #333333;
		font-size: 14px;
		}
 
/*///////////////////////////////////////////////////////////////////////////*/

	#gray {
		background-color: #333;
		border-bottom: 1px solid #666;
	}
 
/*///////////////////////////////////////////////////////////////////////////*/

		#head {
			margin: 0;
			padding: 0;
			height: 197px;
			background: url(img/bg_head.png) no-repeat;
			}
			#head h1 {
				float: left;
				margin: 0;
				padding: 14px 0 0 30px;
			}
				#head h1 a {
					display: block;
					width: 290px;
					height: 82px;
					background: url(img/logo.png);
					text-indent: -9999px;
				}
				
			#head p {
				float: right;
				margin: 0;
				padding: 14px 0 0 0;
			}
			
			#head ul {
				font-size: 13px;
				margin: 0;
				padding: 0 0 0 330px;
				list-style:  none;
				clear: both;
				height:  40px;
			}
				#head ul li {
					margin: 0;
					padding: 0;
					float: left;
				}
					#head ul li a {
						display: block;
						line-height: 40px;
						text-transform: uppercase;
						color: #FFF;
						text-decoration: none;
						padding: 0 10px;
					}
					#head ul li a#btn_home {
						text-indent:  -9999px;
						width: 20px;
						background: url(img/btn_home.png) top center no-repeat;
					}
					#head ul li a:hover, #head ul li.sel a {
						background-color: #1E1E1E;
						color: #98BAEE;
					}
					#head ul li a#btn_home:hover, #head ul li.sel a#btn_home {
						background-position: bottom center;
					}
 
/*///////////////////////////////////////////////////////////////////////////*/

	#main {
		background: url(img/bg_main.png) top repeat-y;
		padding: 40px 20px 20px 20px;
	}
 
/*///////////////////////////////////////////////////////////////////////////*/

	#cont {
		width: 628px;
		float: right;
	}
		#cont h2 {
			margin: 0 0 24px 0;
			color: #72A1E9;
			font-weight: normal;
			font-size:  24px;
		}
		#cont h3 {
			margin: 0 0 20px 0;
			color: #333;
			font-weight: normal;
			font-size:  20px;
		}
		#cont a {
			color: #72A1E9;
		}
			#cont a:hover {
				text-decoration: none;
			}
 
 	a.aboton {
 		display: inline;
 		padding: 4px 8px 4px 14px;
 		color: #FFF!important;
 		background: #72A1E9 url(img/bg_aboton.png) left center no-repeat;
 		text-decoration:  none;
 		border-top: 1px solid #DCE7F9;
 	}
 		a.aboton:hover {
 			color: #230059;
 		}
 		
 		#prods {
 			width: 648px;
 			height: 142px;
 			margin: 0 0 0 -20px;
 			clear: both;
 		}
 			#prods a img {
 				width: 140px;
 				height: 142px;
 				float: left;
 				margin: 0 0 20px 20px;
 			}
 
/*///////////////////////////////////////////////////////////////////////////*/

	.box {
		width: 304px;
		height: 142px;
		float: left;
		margin: 0 0 10px 0;
	}
		.par {
			float: right;
		}
		.box div {
			float: left;
			width: 140px;
			padding: 1px;
			height: 140px;
			text-align: center;
			margin: 0 10px 0 0;
		}
		.box div img {
			max-height: 140px;
			max-width: 140px;
		}
		
		.box h4 {
			margin: 0 0 10px 0;
		}
 
 .clients {
 	width: 304px;
 	float: left;
 	height: 102px;
 	margin: 0 0 10px 0;
 }
 	.clients img {
 		width: 100px;
 		height: 100px;
 		border: 1px solid #CCC;
 		float: left;
 		margin: 0 10px 0 0;
 	}
 .clientex {
 		height: 80px;
 		padding: 10px;
 		background: white;
 		-moz-border-radius: 4px;
 		-webkit-border-radius: 4px;
 		border-radius: 4px;
	}
		.clientex img {
			float: left;
			margin: 0 10px 0 0;
		}
 
/*///////////////////////////////////////////////////////////////////////////*/

	#side {
		width: 284px;
		float: left;
		padding: 0 10px;
	}
		#side h3 {
			color: #25005D;
			font-size: 24px;
			margin: 0 0 24px 0;
			font-weight: normal;
		}
		#side ul {
			margin: 0 0 24px 0;
			padding: 0;
			list-style:  none;
			border-top: 1px solid #FFF;
		}
			#side ul li {
				margin: 0;
				padding: 0;
				border-bottom: 1px solid #FFF;
			}
				#side ul li a {
					display: block;
					padding: 5px 5px 5px 14px;
					background: url(img/bg_li-side.png) left center no-repeat;
					color: #333;
					text-decoration: none;
				}
				#side ul li a:hover {
					color: #25005D;
				}
 	#side a {
 		color: #25005D; 
 	}
 		#side a:hover {
 			text-decoration: none;
 		}
 
/*///////////////////////////////////////////////////////////////////////////*/

	#footmenu {
		text-align: left;
		background: url(img/bt_footmenu.png) top no-repeat;
		padding: 7px 0 5px 0;
		width: 992px;
		margin: 0 auto;
		font-size: 13px;
	}
		#footmenu p {
			margin: 0;
			line-height: 40px;
		}
			#footmenu a {
				color: #FFF;
				text-transform: uppercase;
				text-decoration: none;
			}
				#footmenu a:hover {
						color: #98BAEE;
					}
		
 
/*///////////////////////////////////////////////////////////////////////////*/

	#foot {
		height: 200px;
		color: #FFF;
		text-align:  right;
		font-size: 12px;
		}
		
		#foot div {
			width: 992px;
			margin: 0 auto;
			}
			#foot a {
				color: #98BAEE;
			}
			#foot a:hover {
				text-decoration: none;
				}