﻿
/* Часы*/
.clock {
	width:210px; 
	margin:0px; 
	padding:0px; 
	border:0px solid #333; 
	color:#ffffff; 
	background-color:#ff0000; 
	border-top-left-radius: 10px; /* Левый верхний уголок */
    border-top-right-radius: 10px; /* Правый верхний уголок */
    border-bottom-left-radius: 10px; /* Левый нижний уголок */
    border-bottom-right-radius: 10px; /* Правый нижний уголок */	
}
#Date {
	font-family: Calibri, sans-serif; 
	font-size:17px; 
	text-align:center; 
	text-shadow:0 0 5px #00c6ff; 
	color:#ffffff; 
}

tr {
	width:200px; 
	margin:0 auto; 
	padding:0px; 
	list-style:none; 
	text-align:center; 
}

 tb  {
	display:inline; 
	font-size:15px; 
	text-align:center; 
	font-family: Verdana; Calibri, sans-serif; 
	text-shadow:0 0 0px ;
	color:#ffffff;
}

#point {
	position:relative; 
	bottom:2px; 
	-moz-animation:mymove 1s ease infinite; 
	-webkit-animation:mymove 1s ease infinite; 
	padding-left:10px; 
	padding-right:10px; 
}

/* Конец часы*/

body,html {
margin:0px;/*Убираем отступы*/
padding:0px;/*Убираем отступы*/
text-align:center;/*Выравниваем наш макет посередине страницы-для старых браузеров*/
}
#conteiner {
    border-top-left-radius: 10px; /* Левый верхний уголок */
    border-top-right-radius: 10px; /* Правый верхний уголок */
    border-bottom-left-radius: 10px; /* Левый нижний уголок */
    border-bottom-right-radius: 10px; /* Правый нижний уголок */
    background-color:#5CB7F2;
   width:1060px; /*Задаём ширину макета. Если надо резиновый ставим 100%*/
   margin:0 auto; /*Выравниваем макет посредине браузера*/
   border:0px solid black; /*Задаём рамочку для странички*/
   text-align:left;/*Отменяем выравнивание для старых браузеров*/ 
   min-width:550px;/*Минимальная ширина странички*/
   width:expression(   /*задаем минимальную ширину макета в старых версия браузера. Просто замените цифру на свою шиирину :) */
  (document.compatMode && document.compatMode == 'CSS1Compat')
  ?
  (
   document.documentElement.clientWidth < 550
  ?
    "550px"
     :
   "auto"
   )
  :
  (
   document.body.clientWidth < 550
  ?
  "550px"
   :
"auto"
)
);
}
/* ????*/

#shs {
	text-align:center;
	color:#006;
	margin-top:0px;
	}


#ch{ 
color:#330099;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
text-align:center;
margin:4px

}





/* ВЕР. МЕНЮ ПОПУГАИ */
   .title {
   width:190PX;
   margin-left: 3px;
    font-weight:bolder;
   font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
    font-size:14px;
	text-align:center;
    background: #F60B21; /* Цвет фона */
    color: #ffe; /* Цвет текста */
    padding: 5px; /* Поля вокруг текста */ 
	border-top-left-radius: 10px; /* Левый верхний уголок */
    border-top-right-radius: 10px; /* Правый верхний уголок */
   }

/* КОНЕЦ*/

/*КОМЕНТАРИИ kury*/


ul 
{
    list-style-type: none;
    width: 500px;
}

#commentRoot li
{
    margin: 7px 0 7px 7px;
}

#commentRoot li a
{
   margin-left: 400px;
}

#commentRoot li .commentContent
{
    border: solid 2px #5CB7F2;
    padding: 5px 10px;
}
#commentRoot li h6 
{ 
    color: green; font-size: 13px;
  left: 20px;
}
#commentRoot li h6  span 
{
    color: #666; font-size: 10px;  
  margin-left:250px ;
}
#commentRoot li .comment
{
    margin-top: 5px;
}
#commentRoot li a.reply
{
    font-size: 11px; 
} 

/*  ФОРМАЧКА */
	#newComment, .loader {display: none;}
#cancelComment
{
    float: right; width: 20px; color: red; cursor: pointer;
}
#newComment input
{
    height: 26px; width: 250px; padding: 0 5px ; margin-left: 50px; 
    border: solid 1px #ccc;
}
#newComment textarea
{
    width: 350px;  height: 100px; margin-left: 5px; 
    vertical-align: middle; border: solid 1px #ccc;
}
#newComment button
{
    margin-left: 102px; margin-top: 10px;
}   



/* КОНЕЦ*/




/*ДВЕ КОЛОНКИ ОДИНАКОВОЙ ВЫСОТЫ*/
#left_column {
	width: 230px;
	float: left;
	padding:1px;/*Отступ для содержимого от краёв блока*/
	margin-top: 1%; /* Отступ сверху */
	margin-bottom:1%; /* Отступ от нижнего края  */
	margin-left:3px;
	background: #CCFFFF;
	border-radius: 10px;
    border:0px solid #330099;
}
#centera_column {
	width: 745px;
	float: left;
	background: #CCFFFF;
	margin-top: 1%; /* Отступ сверху */
	margin-left:3px; /*Отступ слева - Величина зависит от ширины левой колонки*/
	margin-right:3px ;/*Отступ справа- Величина зависит от ширины правой колонки*/
    border-radius: 10px;
    border:0px solid #330099;
}
/*КОЛОНКИ ОДНОЙ ВЫСОТЫ hens*/
#middle{width:1055px; overflow:hidden;
margin:0 auto; }
	#left-hens{
		float:left; 
		margin-bottom:-3200px; 
		padding-bottom:3200px; 
		width:230px;
		 border-top-left-radius: 10px; /* Левый верхний уголок */
                border-top-right-radius: 10px; /* Правый верхний уголок */
    
		background:#ccffff;
		margin-left:3px;
		margin-top:10px;
		
	}
	#content-hens{
		float:left; 
		margin-bottom:-3200px; 
		padding-bottom:3200px; 
		width:819px;
		border:0px solid #00F;
		background:#ccffff;
		margin-left:3px;
		margin-top:10px;
		 border-radius: 10px;
	}
	

.contenta_left {
  
    margin-left:5px;
    border: 0px solid #;  /* Ïàðàìåòðû ðàìêè */
    background: #5CB7F2; /* Öâåò ôîíà */
    padding: 5px; /* Ïîëÿ âîêðóã òåêñòà */ 
    width: 210px;
    border-radius: 10px;
   }
   	
	
/*КОНЕЦ*/




 
 #url { border-top-left-radius: 10px; /* Левый верхний уголок */
        border-top-right-radius: 10px; /* Правый верхний уголок */
	}
 #header {
       width:1055px;
       height:200px;/*Высота шапки*/
}


 /*ПОИСК ПО САЙТУ*/
 #noick {
  margin-left:2px;
  margin-right:2px;
  margin-top:7px;
  margin-bottom:0px;
 border-top-left-radius: 10px; /* Левый верхний уголок */
    border-top-right-radius: 10px; /* Правый верхний уголок */
    border-bottom-left-radius: 10px; /* Левый нижний уголок */
    border-bottom-right-radius: 10px;
}
 
 

#content p {
margin:0px; /* Обнуляем отсупы для параграфов я, находящегося в блоке контента.*/
padding:5px; /*задаем поля, т.е. чтобы был промежуток между строками, чтобы было понятно, что это параграф :)*/
}
#clear {         /*Распорка для плавающих блоков*/
clear:both;
font-size:1px;
line-height:0px;
}



#foo {
	color:#666;
	font-size:11px;
	text-align:center;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bolder;
 }
 

#footer {
 margin-left: 4px;
 background: #ccffff; /* Цвет фона */
    padding:2px; /* Поля вокруг текста */ 
	width: 1048px;
    height:130px;              /*Высота подвала*/
	border-top-left-radius: 10px; /* Левый верхний уголок */
    border-top-right-radius: 10px; /* Правый верхний уголок */
    border-bottom-left-radius: 10px; /* Левый нижний уголок */
    border-bottom-right-radius: 10px; /* Правый нижний уголок */
	margin-top:5px;
	

}




/*Оформление основного текста*/

p {font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
margin:10px;
color:#000000;

}

h1 {font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
color:#A9356F;
text-align:center;
margin:4px
}

h2 {font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
color:#A9356F;
text-align:center;
margin:4px
}

h3 {font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#A9356F;
text-align:top;
margin:4px
}


h4 {font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
color:#ffffff;
text-align:top;
margin:1px
}

h5 {font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#A9356F;
text-align:top;
margin:4px
}



h7 {font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#330099;
text-align:top;
margin:4px
}

h8{font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#527337;
text-align:top;

margin:4px
}


h9{font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#006600;
text-align:top;

margin:4px
}

/*Оформление вертикального меню*/
a IMG {border:none;}

.vertmenu { 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:12px; 
color:#CC0000;
margin:2px;
text-align:left;
}


a:hover{color:red; BORDER-TOP: #330099
 0px solid; BACKGROUND: #FFCC00 
; BORDER-BOTTOM: #FF021e 
 0px solid; text-decoration: none; }
a{color:#330099; text-decoration:none; 
text-align:left;
} 


#top {
 float: left;
padding:0px;
margin:0px;
border: 1px solid #FFF;
width:88px;
border-top-color:#527337;
border-bottom-color: #527337; 
 
 
}


	





/*Оформление CSS меню gor_menu */

#gor_menu {
width:1055px;
height:20px;
background-color:#5CB7F2;
margin-top:5px;
}



#set, #set ul {
  list-style: none; 
  margin: 0; 
  padding: 0;
  padding-left:1px;
   
  border: 2px solid #00ff00; 
   background: #CCFFFF;
  float: left; 
  width: 100%;
}
#set li {
  float: left; 
  position: relative; 
  background: #CCFFFF; 
 
  border: 1px solid #FFF; 
   border-right-color: #527337;
  border-bottom-color: #527337;
  border-top-color:#527337; 
}


  
  




#set a {
text-align:center;

 font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:12px; 
color:#330099;
margin:0px;
display: block; 
width: 79px;
height:20px; 
padding: 2px 0px;
padding-top:5px;
font-weight:bold; 
background: url(dot.png) repeat-y right; 
  text-decoration:none;
 
  
  


}

#set a:hover {
 color:red; BORDER-TOP: #330099
 0px solid; BACKGROUND: #FFCC00 
; BORDER-BOTTOM: #FF021e 
 0px solid; text-decoration: none; }
a{color:#330099; text-decoration:none;

}


#set li:hover, 
#set li.jshover {
background:#00CC33;

}

#set li ul {
  display: none; 
  position: absolute; 
  background: url(fone-tr.png); 
  padding: 0px 0; 
  width: 350px; 
  
}
#set li li a {
  width: 450px; 
  background: none;
  text-align:left;
  margin-left:3px;
 
   

}
#set li:hover ul, 
#set li.jshover ul {
  display: block;
 
}

#set li:hover li ul, 
#set li.jshover li ul {
  display: none; 
  width: 150px; 
  top: -9px; 
  left: 150px; 
  left: 170px; 

}
#set li:hover li:hover ul, 
#set li.jshover li.jshover ul {
  display: block; 
}





/*Оформление CSS меню ver_menu */
#cheese, #cheese ul {
  list-style: none; 
  margin: 0; 
  padding: 0;
  padding-left:0px;
  border: 1px solid #5CB7F2; 
  background: #5CB7F2; 
  float: left; 
  width: 100%;
}

#cheese li {
  float: left; 
  position: relative; 
  background: #5CB7F2; 
  border: 1px solid #5CB7F2; 
  border-right-color: #5CB7F2;
  border-bottom-color: #5CB7F2;
  border-top-color:#5CB7F2; 
}

#cheese a {
text-align:left;

 font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:12px; 
color:#330099;
margin:0px;
display: block; 
width: 160px;
height:27px; 
padding: 0px 0px;
padding-top:0px;
font-weight:bold; 
background: url(dot.png) repeat-y right; 
  text-decoration:none;
 
  
  


}

#cheese a:hover {
 color:red; BORDER-TOP: #330099
 0px solid; BACKGROUND: #FFCC00 
; BORDER-BOTTOM: #FF021e 
 0px solid; text-decoration: none; }



a{color:#330099; text-decoration:none;

}


#cheese li:hover, 
#cheese li.jshover {
background:#00CC33;

}

#cheese li ul {
  display: none; 
  position: absolute; 
  background: url(fone-tr.png); 
  padding: 0px 0; 
  width: 450px; 

}

#cheese li:hover ul {
	display: block;
	list-style: none;
	margin: 0 0 0px 155px;
	position: absolute;
	padding: 0;
	top:0px;

}




#cheese li li a {
  width: 450px; 
  background: none;
  text-align:left;
  margin-left:3px;
background: #CCFFFF; 
   

}
#cheese li:hover ul, 
#cheese li.jshover ul {
  display: block;
 
}

#cheese li:hover li ul, 
#cheese li.jshover li ul {
  display: none; 
  width: 150px; 
  top: 130px; 
  left: 100px; 
  left: 170px; 

}
#cheese li:hover li:hover ul, 
#cheese li.jshover li.jshover ul {
  display: block; 
}



/*Оформление CSS меню виды попугаев*/
#che, #che ul {
  list-style: none; 
  margin: 0; 
  padding: 0;
  padding-left:0px;
  border: 1px solid #5CB7F2; 
  background: #5CB7F2; 
  float: left; 
  width: 100%;
}

#che li {
  float: left; 
  position: relative; 
  background: #5CB7F2; 
  border: 1px solid #5CB7F2; 
  border-right-color: #5CB7F2;
  border-bottom-color: #5CB7F2;
  border-top-color:#5CB7F2; 
}


#che a {
text-align:left;

 font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:12px; 
color:#330099;
margin:0px;
display: block; 
width: 160px;
height:15px; 
padding: 0px 0px;
padding-top:0px;
font-weight:bold; 
background: url(dot.png) repeat-y right; 
  text-decoration:none;
 
  
  


}

#che a:hover {
 color:red; BORDER-TOP: #330099
 0px solid; BACKGROUND: #FFCC00 
; BORDER-BOTTOM: #FF021e 
 0px solid; text-decoration: none; }



a{color:#330099; text-decoration:none;

}


#che li:hover, 
#che li.jshover {
background:#00CC33;

}

#che li ul {
  display: none; 
  position: absolute; 
  background: url(fone-tr.png); 
  padding: 0px 0; 
  width: 450px; 

}

#che li:hover ul {
	display: block;
	list-style: none;
	margin: 0 0 0px 155px;
	position: absolute;
	padding: 0;
	top:0px;

}




#che li li a {
  width: 500px; 
  background: none;
  text-align:left;
  margin-left:3px;
background: #CCFFFF; 
   

}
#che li:hover ul, 
#che li.jshover ul {
  display: block;
 
}

#che li:hover li ul, 
#che li.jshover li ul {
  display: none; 
  width: 150px; 
  top: 130px; 
  left: 100px; 
  left: 170px; 

}
#che li:hover li:hover ul, 
#che li.jshover li.jshover ul {
  display: block; 
}









/*Оформление CSS меню*/

/*стили основного меню ГОР МЮНЮ*/
#n {
FONT: 10pt Verdana, sans-serif;
FONT-WEIGHT: bold
}



/*стиль ссылок основного меню*/
.n {
BACKGROUND:#fd9coo; /*Задний фон элементов меню*/
padding-left:1px;/*Отступ между элементами гор меню*/
COLOR:#330099; /*Цвет текста основного меню*/
TEXT-DECORATION: none;
text-align:left;
}


/*стили выпадающего меню для IE*/
* HTML #n .a table {
FONT: 8pt Verdana, sans-serif;
DISPLAY: block
}

/*стили выпадающего вер, меню*/
.n table {
FONT: 11pt Verdana, sans-serif;
DISPLAY: block

  
}






/*скрывает выпадающие меню*/
#n table {
DISPLAY: none
}
#n table n {
DISPLAY: none
}
.nenu:hover {
BACKGROUND:#;
COLOR: #000;
BORDER: #000 0px solid/*для OPERA*/
}

/*стили выпадающего меню при наведении курсора мыши*/


#n .n:hover table {
BACKGROUND:# FD9C00 ;
BORDER: #000 0px solid;
POSITION: absolute; 
DISPLAY: block;
WHITE-SPACE: nowrap
}



.nenu:hover table {
BACKGROUND: #FD9C00;
BORDER: #000 1px solid;
POSITION:absolute
 ;
DISPLAY: block;
WHITE-SPACE: nowrap
}







/*смена стилей при на ведении курсора*/
#n .n:hover {
BACKGROUND:#FFCC00; /*цвет выделения основного меню при наведении курсора мыши горизантальное*/                        
COLOR: #FF021e  ;   /*цвет шрифта основного меню горизантальное */                                                       
}



#n .n:hover table A {
COLOR: #FD9C00;
TEXT-DECORATION: none;
PADDING: 1px 12px;  /*отступы выпад меню*/
DISPLAY: block;
WHITE-SPACE: nowrap
}

#n .nenu:hover table A {
COLOR: #990066;  /* цвет шрифта в подменю выпад.горизантальное меню*/
TEXT-DECORATION: none;
PADDING: 0px 12px 0px 12px; /*отступы в подменю выпад.горизантальное меню*/
DISPLAY: block;
WHITE-SPACE: nowrap
}







/*стиль ссылок вып. меню при наведении курсора*/
#n .n:hover table A:hover {
BACKGROUND: #FCE2E7;
COLOR: #ff0000;                              
TEXT-DECORATION: none;
PADDING-RIGHT: 12px;
PADDING-TOP: 0px;
PADDING-LEFT: 11px;
PADDING-BOTTOM: 0px;
DISPLAY: block

}

#n .nenu:hover table A:hover {
BACKGROUND: #FFF4A7; /* цвет при наведении курсора в подменю выпад.горизантальное меню*/
COLOR: #CC0000; /* цвет шрифта при наведении курсора в подменю выпад.горизантальное меню*/
TEXT-DECORATION: none;
PADDING-RIGHT: 12px;
padding-top: 0px;
PADDING-LEFT: 11px;
PADDING-BOTTOM:0px;
DISPLAY: block
}

.nent:hover table {
BACKGROUND: #;
BORDER: #FCE2E7 1px solid;
POSITION:absolute; 
DISPLAY: block;
WHITE-SPACE: nowrap
}




.nenu {
MARGIN: 1px;
FLOAT: left
    

}





















/*Оформление CSS меню*/