/*Делаем чтобы макет прижимался вплотную, т.е. убираем любые возможные оступы*/
body,html{
	margin:0px;
	padding:0px;
	font-family: Calibri;
	min-width:1000px;
	background-color: #fff;
	background-repeat: repeat;

}
	
/*Стиль общей таблицы. Если нужен резиновый макет, нужно ширину задать 100% и убрать рамку, т.к. с ней будет некрасиво*/
#container {
width:100%;
height:100%;
margin:0 auto;

}
/*Делаем нужное выравнивание в ячейках таблицы*/
#container  td{

}
/*Стиль шапки сайта*/
#header {
height:214px;
}
#header td { vertical-align:top}
.logo { width: 185px; height:100%; padding:20px 30px  } 
.logo img { border:0}
.logo img { border:0} 
.body {
	height: auto;
	width: auto;
}
.bodyh1 {
	font-size:30px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	color: #993399;
	} 
	.body h2 {
	font-size:18px;
	font-family: Calibri;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	color: #999999;
	} 

.body1 {
	width: 40%;
	height: auto;
	padding:10px 10px  inherit;
	background-image: url(images/center.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.body1 h1 {
	font-size:30px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	color: #993399;
	} 
	.body1 h2 {
	font-size:18px;
	font-family: Calibri;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	color: #999999;
	} 
.h1 {
	font-size:30px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	color: #993399;
	} 
	
	.h2 {
	font-size:25px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	color: #999999;
	}
		.h3 {
	font-size:30px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	color: #999999;
	}


.body2 {
	width: 40%;
	height:auto;
	padding:10px 10px;
	background-image: url(images/left.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: left;
	
} 
.body2 h1 {
	font-size:30px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	color: #993399;
	} 
	.body2 h2 {
	font-size:18px;
	font-family: Calibri;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	color: #999999;
	} 
	
.body3 {
	background:url(images/right.jpg) no-repeat;
	width: 20%;
	height:auto;
	padding:10px 10px;
	background-position: right bottom;
	
} 
.body3 h1 {
	font-size:30px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	color: #993399;
	} 
	.body3 h2 {
	font-size:18px;
	font-family: Calibri;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	color: #999999;
	} 
.body4 {
	background:url(images/seryfon.jpg) no-repeat;
	width: auto;
	height:auto;
	padding:10px 10px;
	background-position: left bottom;
	
} 
.body4 h1 {
	font-size:32px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	color: #993399;
	} 
	.body4 h2 {
	font-size:18px;
	font-family: Calibri;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	color: #999999;
	}  
.info {
	padding:10px 10px 10px 10px;
	background-image: url(images/LOGO.1.png);
	background-position: left center;
	background-repeat: no-repeat;
	left: 15px;
}
.info1 {
	padding:10px 10px 10px 10px;
	background-image: url(images/LOGO..png);
	background-position: left center;
	background-repeat: no-repeat;
	left: 15px;
}
.info h1 {
	font-size:30px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
}
.info h2 { font-size:20px; color:#996699;}
.info h3 { font-size:16px; color:#777777}
.info strong { font-size:14px; color:#777777}
.menu { height:90px;   padding:0px; text-align:center}
.menu td {
	padding:2px 5px;
	width:12%;
	text-align:center;
	vertical-align:middle;
	border-top-width: thin;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: none;
	border-left-style: none;
	border-right-color: #cccccc;
	border-left-color: #cccccc;
	border-top-style: none;
	border-bottom-style: none;
	border-bottom-width: thin;
}
.menu a {
	color:#777777;
	text-transform:none;
	font-size:18px;
	font-weight:bold;
	font-style: normal;
}
.menu a:hover { color:#993399;}
/*  Стили для внутренней таблицы */

#maket {
height:100%;
width:100%;
}
/*Стили левой колонки(там где обычно меню)*/
#left_column{
width:180px;

}
/*Стили  колонки с основным содержанием*/
#main_column {
text-align:center;
padding:20px ; 
}
#main_column p, td, div, li, ul, ol {
	font-family:Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#777777
}
#main_column h1 {
	font-size:30px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	color: #993399;
}
#main_column h2 {
		font-size:21px;
	color: #999999;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	font-style: italic;
}
#main_column h3 {font-size:16px}
#main_column p { text-indent:16px}
#main_column td { vertical-align:top}
a {
	color:#993399;
	text-decoration:none
}
a:hover {
	color:#333333;
	text-decoration:underline
}

.kn a{ display:block; width:200px; height:30px; background:#993399; margin:0 auto; text-align:center; color:#333333; text-transform:uppercase; font-size:11px; font-weight:bold; text-decoration:none; padding-top:10px }
.kn  a:hover { display:block; width:200px; height:30px; background:#993399; margin:0 auto; text-align:center; color:#333333; text-transform:uppercase; font-size:11px; font-weight:bold; text-decoration:none;  padding-top:10px}
.img { width:100%;}
.img td{ width:20%; text-align:center   }

/*  Конец стилей для внутренней таблицы        */

/*стиль подвала сайта*/
#footer{


height:32px; 
}
.shakeimage{
position:relative
}
.mail {
	font-weight:bold;
	position:absolute;
	top:55px;
	text-align: right;
	left:5%;
	font-style:italic;
	right: 55px;
	bottom: auto;
}