/*  * {margin:0; padding:0;}  */
hr { margin:3px 0; padding:0;}    /* ������ ����� ��������� ���� */


/* ==================================--============== */
body { text-align:center; margin:0; padding:0;}/*  ������������� �������� ������� � ��������������� �������� ��������� */
#wapper {width:1000px; margin: 0 auto;  text-align: left;}  /* ����� �������� �� wrapper, ����� ������� */   
#wrapper {width:1000px; margin: 0 auto;  text-align: left;}     

body#twoColLayout {background-color:#AAA182; background-image:url(../pic/work/fon.gif);}   
body#twoColLayout{background-color:#cfcfd2; background-image: url(../pic/work/winter.jpg); background-repeat:no-repeat; background-position:top;}  
body#winter{background-color:#cfcfd2; background-image: url(../pic/work/winter.jpg); background-repeat:no-repeat; background-position:top;}  
/* body#articl{background-color:#cfcfd2; background-image: url(../pic/work/winter.jpg); background-repeat:no-repeat; background-position:top;}  */

/* ======= CONTENT  ================================*/

body#twoColLayout #content {overflow:hidden; }
body#winter #content {overflow:hidden;}
body#articl #content {overflow:hidden; background-color: #F8F8F8;}

#content .nav_ul_vert {width:200px; float:left; border-left:solid; border-left-color:#663333; border-left-width:10px; 
						line-height:2em; text-align:left; padding:0; margin:0;}
#content .nav_ul_vert li {list-style:none; padding:0 0 0 10px; }


/* ======= SectionContent  ======================*/
#content #sectionContent { width:630px; float:left;} 
#content #sectionfReclame{ width:320px; float:right;}
#content #sectionfReclame .friend { margin:10px 20px 10px 0; float:right;}
#content #sectionfReclame .friend a img {border:none; } 



/* ======   heder =================================== */
#banner {	text-align:center;	width: auto;}
#banner h1 { font-family:Geneva, Arial, Helvetica, sans-serif;	font-size:small; text-align:justify;}


/* ======  NAVBAR ===================================*/
#navBar { width: auto; 	margin: 0px; padding: 0px;}
#mainNav {}  /* ���� ������� */

#navBar .navigation {list-style: none; margin:5px 20px 5px 80px; overflow:hidden; }
#navBar .navigation li {float:left; margin-right:30px; list-style: none;}
#navBar .navigation li a {
	display: block; 
	padding: 3px 5px;
	background:transparent;
	position: relative; text-decoration:none;
	font: 14px/26px Arial, Helvetica,Verdana,sans-serif;
	font-weight:600;
	color:#000000; 	
}
#navBar .navigation li a:hover { color:#006600; text-decoration:underline;}



/* ================================================= ��������� �� ��������� =========================================*/
a { font-family: Geneva, Arial, Helvetica, sans-serif; color: #336600; font-size: small; font-weight: bold;	}
a:link {color: #006600;	text-decoration: underline;	}
a:visited {color: #663333; text-decoration: underline; }
a:hover   {color: #336633; text-decoration: none; }
a:active  {color: #663333; text-decoration: underline;	}
h1,h2,h3,h4,h5,h6 {	font-family: Geneva, Arial, Helvetica, sans-serif;	color: #000000;}


h1 {font-size: medium;	font-weight: bold; margin: 30px 0; text-align:center;	}
h2 {font-size: small;	font-weight: bold; margin: 20px 0;}
h3 {font-size: small; 	font-weight: bold;}
h4 {font-size: small;	font-weight: normal;	margin-top: 2em;	margin-bottom: 2em;}

p {	font-family: Geneva, Arial, Helvetica, sans-serif;	font-size:13px;	line-height:22px; text-align: justify ; }
table {font-family: Geneva, Arial, Helvetica, sans-serif;	font-size:13px;	line-height:22px; }
ul { font-family: Geneva, Arial, Helvetica, sans-serif;  font-size: small; line-height:1.2em; text-align: justify;}
ul li {list-style-type: square;}


/* ======================================== ������� ��� ������� ��������   NEWS =====================*/
#news {overflow:hidden; clear:both;}
#news .news_post { clear:both; overflow:hidden; text-align:left; border-bottom:#313131 1px dotted; overflow:hidden; clear:both; }
.news {border-bottom:#313131 1px dotted; overflow:hidden; clear:both;}
#news .news_post h2 a{ font-size:1.4em; font-family: Geneva, Arial, Helvetica, sans-serif; }
#news .news_post p {font-size:80%; line-height:1.6em; text-align:left;}
#news .news_post p.news_data { clear:both; font-size:90%; font-weight:bold; color:#333333;}
#news .news_post ul {margin-bottom: 3em;}
#news .news_post ul li {list-style-type: square;	margin-top: 1em;	margin-bottom: 1em;	}


/* ========================================  ��������� news =====================*/

#news_page_navigation { clear:both; margin:0 auto; width:200px; height:30px; }
#news_page_navigation li{ display:inline; float:left;list-style:none; padding:5px 5px;}
#news_page_navigation li a {margin:0; padding:7px 10px;
							text-decoration:none; font-family: Geneva, Arial, Helvetica, sans-serif; font-size:16px;  }
#news_page_navigation li a:visited{ }
#news_page_navigation li a:hover{text-decoration:underline;} 
#news_page_navigation li a.aktiv{ text-decoration:underline;}

								  
/* ======================================== ������� FOOTER ==========================================*/

#footer {clear:both; position:relative; width:100%; }
#footer #e { width:350px; margin: 0 auto } 
#footer #e img { float:left; margin:0; padding:0; border:0;}

body#winter #footer, body#twoColLayout #footer{background-image: url(../pic/work/winter-futer.jpg); background-repeat:no-repeat; background-position:top; margin:0; padding:0; position:relative; overflow:hidden; height:200px;}

/* body#articl #footer{background-image: url(../pic/work/winter-futer.jpg); background-repeat:no-repeat; background-position:top; margin:0; padding:0; position:relative; overflow:hidden; height:200px;}    */

/* ======================================== VIDEOBOX ================================*/
.videobox { clear:both; padding-bottom:20px; margin-top:20px; border-bottom: 1px dotted #313131; overflow:hidden; position:relative;}
.videobox .rolik { width:350px; float:left;}
.videobox .description {float:left; width:550px; padding-left:50px; }
.videobox .description p {font-size: 80%; line-height: 1.6em; text-align: left;}
/* ======================================== �������  ���  ARTICLE ================================*/
#article {padding:0 40px; } 
#article h1 {font-size: x-large; color: #333333;} 
#article p {font-size:80%; line-height:1.6em;	}


.article {padding:0 20px; margin:0;}
.article h1 {font-size: x-large; color: #333333;text-align: center;} 
.article h2{font-size:16px; font-weight:bold; color: #1E1E1E; text-align: left; margin:20px 0 20px 0; } 
.article h3,h4{font-size:14px; font-weight:bold; color: #1E1E1E; text-align: left; margin:20px 0 20px 0; } 

.article p {
	font-size:14px;
	line-height:1.6em;
	text-align:justify;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
}/* ������� �����*/ 
.article p.p_text_right { text-align:right;}
.article .text_bold_black {color: #333333;	font-weight: bolder;}  /* ���������� �����, 100% + bold+ ������ ����*/ 
.article p.p_bold {	font-size:90%;	line-height:1.6em;	text-align:justify;	color: #666666;	font-weight: bold;}  /* ���������� �����, 90% + bold+ ����� ����*/ 
.article ol, .article ul {font-size:14px; line-height:1.6em; text-align:justify;	font-family: Geneva, Arial, Helvetica, sans-serif;}
.article ol li, .article ul li{ margin: 0 0 5px 0;}
.article table {font-size:13px; line-height:22px; 	text-align:justify;	font-family: Geneva, Arial, Helvetica, sans-serif;	font-style: normal;	font-weight: normal;	font-variant: normal;}

.article p.caption1 { font-size:80%;}
.article .text { background-color: #FFFFFF; padding:0 20px; margin:0;}  /* ��� ��� ����� ����� �������*/ 
.article .blog_post1 { background-color: #E1E6D0; padding:10px 20px 10px 20px; margin:0 0 10px 0;}  /* ��� ��� ������ �������*/ 
.article .blog_post2 { background-color: #E8E2EB; padding:10px 20px 10px 20px; margin:0 0 10px 0;}  /* ��� ��� ������  �����*/ 
.article .blog_post3 { background-color: #EAE0D7; padding:10px 20px 10px 20px; margin:0 0 10px 0;}  /* ��� ��� ������  ����� ����������*/ 
.article .blog_post_author{text-align: left; font-weight:bold;} 									/* ��� ��� ������  ����� �����*/
.article .blog_post_otstup  { padding-left:80px;} /* ����� ������ 80px */
.article table.tableTextCenter tr {font-family: Geneva, Arial, Helvetica, sans-serif; 	font-size: small; border: #333333;  text-align: center;}
.article .tableStandart {font-family: Geneva, Arial, Helvetica, sans-serif; 	font-size: small; border: #333333;  text-align: justify;}
.article .tableTextCenter {font-family: Geneva, Arial, Helvetica, sans-serif; 	font-size: small; border: #333333;  text-align: center; margin-top:30px; margin-bottom:30px;}


.article .two_col { width:50%; float:left; margin:0; padding:0;} /* ��� ������� �� 50% mardgin:0 padding: */
.article .vstavka { margin:30px auto 30px auto; clear:both;}

.article .left {float:left;	display:block;	width: auto; margin:10px 20px 20px 0;	}
.article .rigcht {float: right;	display:block;	 width:auto; margin:10px 0px 20px 20px;		 }
.article .block-center { margin:20px auto 20px auto; clear:both; display:block; position:relative; width:auto; text-align:center;}
.article .block-text-center { display:block; text-align:center;}
.article .block-text-center-small { display:block; text-align:center; font-size:80%;}
.article  p.text-align-richt { text-align:right;}
.article .text_small { font-size:80%;}
.article .text-small-richt { text-align:right; font-size:80%;}
.article .tableStyle1 {font-size:80%; line-height:100%;  } 
.article .tableStyle1 tr td  { border:1px #999999 solid; text-align:center; padding:3px 5px;  } 
.article .tableStyle2 {font-size:100%; line-height:100%; margin:20px auto;   } 
.article .tableStyle2 tr td  { border:0; } 
.article .tableStyle2 tr td p {text-align:center;} 


/*  ============================================================================================ */
.separator {clear:both; width:100%; height:1px; padding:0; margin:0;}
.gorizont_blosk { width:100%; clear:both;}

.razdel a{
	font-size: x-large;
	color:#333333;
	font-weight: normal;
	text-decoration: underline;
	font-style: normal;
}
.razdel a:link {color: #333333;	}
.razdel a:visited {color: #663333;}
.razdel a:hover {color: #000033; text-decoration: none;}
.razdel a:active {color: #666666;} 
.razdel_all {clear:both;  padding:20px 40px 20px 20px; }




/*  ======================================== labgalery  ========================================== */

#labGalery {
	width:720px; 
	margin:20px auto 20px auto;
}			 

#labGalery .photo{
	 float:left;
	 width:160px;
	 margin:10px 10px;
}

#labGalery .photo �{text-decoration:none;}
#labGalery .photo img {	height:80px;	width:150px;	padding:2px;	background-color:#CCCCCC;	border-color: #313131; 	border:solid;	border-width:2px;}
#labGalery .photo h3 { margin:0; color:#313131; }

#content .col1 {width:40%;  float: left; display:inline; margin:0; padding:10px;}
#content .col2 { width: auto; float: left; display:inline; margin:0; padding:10px; border:0 }
				

/*  =========================================  colorgalery  ========================================== */

#colorgalery a{ border:none;  }
#colorgalery  img {	padding: 0px;	margin: 10px 10px 10px 10px;	border: 1px solid #666666;}


/*===================================== ������ ================================*/
.style1 {	font-family: Geneva, Arial, Helvetica, sans-serif;	font-size: small;	color: #000000;	font-weight: bolder;	text-align: center;}
.style2 { 	font-family: Geneva, Arial, Helvetica, sans-serif;	font-size: 200%;	color: #333333;} /*  ������� �����  */
.style3 {font-size: x-large; color:#333333; font-weight: normal; text-align:left;}
.style4 {font-size: medium; color:#333333; font-weight: bolder; text-align:left;} 
.style6 {font-size: x-large; color:#333333; font-weight: normal; text-align:center}
.style5 {
	font-size: small;
	color:#333333;
	font-weight: normal;
	text-align: left;
	font-style: normal;
} 

.text_u_b {text-decoration:underline; font-weight:bold;}
.text_small { font-size:12px;}
.text-small-richt { text-align:right; font-size:80%;}
.text_align_center { text-align:center;}


/* =================================================== ������    =====================================================*/	
.clear {clear:both;}
.img {	border-color: #aaa;	border-style: solid;	border-width: 1px;	padding: 2px;}
.img1 {	margin:0 10px;	padding:1px;background-color: #999999;}
.imgLeft{ margin: 10px 25px 10px 5px;}
.imgRicht{margin: 10px 5px 10px 25px;}
/* ======================================== ���������� �������� � ������    =====================================================*/
.left {float:left;	display:block;	width: auto; margin:10px 20px 20px 0;	}
.rigcht {float: right;	display:block;	 width:auto; margin:10px 0px 20px 20px;		 }
.center {text-align:center; display:block; width:auto; margin:20px 0 20px 0; padding:20px 0 20px 0;}
.center_div { clear:both; margin:30px auto;  text-align:center; overflow:hidden;}
.box_img {clear:both; margin-top:20px; margin-bottom:30px; overflow:hidden;}		  
.box-left{ float:left; display:block;}
.caption1 {font-family: Geneva, Arial, Helvetica, sans-serif; font-size:10px; font-weight: bold; color: #000000; text-align: left;}/* ������ ������� ��� ����������� */

.captionCenter { 												
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	}

.imgLeft{ float:left; margin: 10px 25px 10px 5px;}			/* ����� ������ ��  �������� */
.imgRicht{
	margin-left: 25px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-right: 5px;}
.imgMR{ margin:10px 20px 10px 0px;}
.imgM0{ margin:10px 0px;}
.imgML{ margin:10px 0px 10px 20px;}


	
.vstavka { margin:30px auto 30px auto; clear:both;}
.width50 { width:50%; display:block; float:left;}
.width100 { width:100%;}
/* ======================================== ���������� ������ � ������    =====================================================*/
.tableStandart {font-family: Geneva, Arial, Helvetica, sans-serif; 	font-size: small; border: #333333;  text-align: justify;}
.tableTextCenter {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: small;  margin:30px 0;}
.tableTextCenter td { text-align: center;}
.tableTextCenter h3 { text-align:center;}
.tableSmallTextCenter {font-family: Geneva, Arial, Helvetica, sans-serif; 	font-size: 10px; border: #333333;  text-align: center;}