body {
  PADDING: 0; margin: 0;
  background-color:#E8E8FF ;
/*  background-image: url('../images/Bottom_texture.jpg'); */
/*  background-image: url('../images/newyear3.jpg'); */
/*  background-image: url('../images/881.png');  */
/*  background-image: url('../images/1335.png');*/
  background-image: url('../images/884143064.jpg');
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: top left;
  border: 0px solid #FFDD00 ;  /* 10px желт */
	}
.body-site	{   /* тело сайта */
		PADDING: 0; margin: 0 auto !important;
				/*width:950px !important;*/
		width:96% !important;
		max-width:1300px;
		min-width:950px;
		font-family:Verdana, sans-serif !important;
		font-size:14px;
		border: 0px solid #3235FF ;  /* 10px blue */
		background-color:#FFF ; /* белый фон */
		background-image: none;
		color:#333;/* темно-серый  */
		/* закругление углов сайта */
		    border-bottom-left-radius: 28px;
			border-bottom-right-radius: 28px;
			border-top-left-radius: 28px;
			border-top-right-radius: 28px;
			}
.body-site a {color: #0a04c7;}
.body-site a:visited { color: #0a04c7; }
.body-site a:active{  color: #0a04c7;}
h1	{/* center column */
	PADDING: 0;	margin: 10px auto;
    text-align:center;
	font:bold 16px Verdana;
	color:#800000!important; /* бордо */
	}
h2	{/* center column йога*/
    text-align:center;
	font:bold 16px Verdana;
	color:#800000!important; /* бордо */
	}
h3{/*заголовок 3столбец, в прайсе*/
	PADDING: 0;	margin: 10px auto;
    text-align:center;
	font:italic bold 14px Verdana;
	color:#800000!important; /* бордо */
	text-decoration:underline; /*подчеркнуть */
	}	
h4{/*podzagolovki на гл, chakri*/
	PADDING: 0; margin: 12px auto 10px auto;/* 22.12.2014*/
    text-align:center;
	font:bold 14px Verdana; 
	color:#333333!important; /* темно gray */
	}
h5{/*podzagolovki поля меньше*/
	PADDING: 0;	margin: 5px auto;
    text-align:center;
	font:bold 14px Verdana; 
	color:#333333!important; /* темно gray */
	}
.shapka {
		/* обязательно блочное отображение */
		display: block;
		/*width:950px; height:153px;/* 127px без объявы  153=127+24+2px с объявой*/
		width:100%; height:153px;/* 127px без объявы  153=127+24+2px с объявой*/
		border: 0px solid #000000 !important; /* 2px черный */
        border: 0px solid #FFDD00 ;  /* 10px желт */
		/*position:relative; top:0; left:20px; */
  /*background-image: url('../images/shapka+.jpg');*/
  background-image: url('../images/fon_shapka.jpg');*/
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: top left;
		PADDING: 0 !important; margin: 0 auto !important;
		/* закругление углов шапки */
			border-top-left-radius: 28px;
			border-top-right-radius: 28px;
		}
.obyava {/* для объявл */
		/* обязательно блочное отображение */
		display: block;
		width:646px; height:24px;/* 127px без объявы*/
		border: 0px solid #FFFF00 !important; /* 2px желтый */
		/*position:relative; top:0; left:20px; */
		PADDING: 0 !important; margin: 0 auto !important;
		font-weight:bold;
		font-size:13px;
		/*color:#FF00AE;  малин*/
		/*color:#2A7643;/* зеленый  */
		/*text-align:center;
		vertical-align: center;
		/*background-color:#FFFFA0; /*#FFFF52 желт #E5F4EF голубой */
		}
		
.obyavanew {/* для объявл под шапкой */
		background-image: -webkit-linear-gradient(top, rgba(247,240,24,1) 38%,rgba(153,148,9,1) 100%);
		background-image:    -moz-linear-gradient(top, rgba(247,240,24,1) 38%,rgba(153,148,9,1) 100%);
		background-image:     -ms-linear-gradient(top, rgba(247,240,24,1) 38%,rgba(153,148,9,1) 100%);
		background-image:      -o-linear-gradient(top, rgba(247,240,24,1) 38%,rgba(153,148,9,1) 100%);
		background-image:         linear-gradient(top, rgba(247,240,24,1) 38%,rgba(153,148,9,1) 100%);
		-webkit-box-shadow: 1px 3px 4px 2px rgba(150,138,5,1);
		-moz-box-shadow: 1px 3px 4px 2px rgba(150,138,5,1);
           box-shadow: 1px 3px 4px 2px rgba(150,138,5,1);
		border: solid 1px rgba(219,252,8,1);
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
           border-radius: 6px;
		width: 594px;
		height: 20px;
		display: block;
		font-size: 13px;
		line-height: 22px;
		text-align: center;
		color: #BA0719 !important;
		font-weight: bold;
		text-shadow: 0px 1px 0px rgba(117,8,8,1)
		PADDING: 0 !important; margin: 0 auto !important;
   }
.obyavanew:hover {/* для объявл под шапкой */
		-webkit-box-shadow: 1px 3px 4px 2px rgba(150,138,5,1)inset;
		-moz-box-shadow: 1px 3px 4px 2px rgba(150,138,5,1)inset;
           box-shadow: 1px 3px 4px 2px rgba(150,138,5,1)inset;
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
           transition: all 0.5s linear;
		line-height: 23px;
		color: rgba(255,0,0,1);
   }
.obyavanew a{color: #BA0719;font:bold;}
.obyavanew a:visited{color: rgba(255,0,0,1);font:bold;}
.obyavanew a:active{color: rgba(255,0,0,1);font:bold;}
.layout	{ /* таблица */
/*		position:relative; top:0; left:20px; */
					/* width:950px; */
		width:100%;
		PADDING:0; margin:0 auto;
		border: 0px solid #F962CE !important; /* 2px роз */
  background-color:#ffffff;
  background-image:none;
		
		border: 0px solid #AB4533 !important;  /* 5px кирпичный */
		}
.layout td	{/* ячейка таблицы */
		border: 0px solid #F962CE !important; /* 2px роз */
		PADDING:5px;
		vertical-align:top;
			}		
.center	{/* центр.столбец таблицы */
		border: 0px solid #F962CE !important; /* 2px роз */
		border-left: 1px dotted #F962CE !important; /* 2px роз */
		border-right: 1px dotted #F962CE !important; /* 2px роз */
		background-color:#F2F2F2; /* светло-серый   #FDF4FD - светло-роз */
		}
.footer	{
	position:relative; PADDING: 0; margin: 0 auto;
					/* width:950px; */
	width:100%;
	font:bold 16px Verdana; 
	border: 0px solid #67DB9F !important;  /* 2px зеленый */
		}		
/*_____________________________________________________________________ start новое вертик.выпад.меню CSS */
				
.menucss					{/* вертик.выпад.меню CSS */
						margin-top:10px;
						font-weight:bold !important;
						font-size:13px !important;
						/*background-color:#FCECED !important; /* светло-розовый */
						border: 0px solid #FFDD00 !important; /* 2px золото */
						}
.menucss ul {
/* убираем отступы */
     padding: 0;
     margin: 0;
/* убираем точки */
   list-style: none;
/* задаем ширину */
   width: 190px;
/* присвоим относительное позиционирование*/
   position:relative;
}
/* зададим стиль для элементов списка */
/* Чтобы меню корректно отображалось в IE */
.menucss li {
     float: float;
}
/* зададим стиль для анкора в списке */
.menucss li a, .menucss li a:visited {
							text-decoration:none; /* не подчеркивать */
						/* обязательно блочное отображение */
						   display: block;
	position: relative;  /*Относительное позиционирование */						   
	z-index:600;    /* !!!!!!!!!!!чтобы 2уровень был выше!!!!!!!!!!!! */
						/* ширина строки на 1 пиксель меньше */
						   width: 189px;
						/* зададим высоту строки */
						   height:25px;
						   line-height:25px;
						/* сделаем отступ в 5 пикселей */   
						   text-indent:5px;
						/* сделаем рамку в 1 пиксель */
														/*  border: 1px solid #ffffff;*/
							border: 1px solid #989697; /* серый насыщ ; */
						/* уберем одну горизонтальную рамку, чтобы не удваивались */
						   border-width:0 1px 1px 1px;
						/* цвета фона и текста */
							color: #800000; /* maroon */
						/* задаем радиус скругления уголков рамки */
							border-radius:10px; -webkit-border-radius:10px;-moz-border-radius:10px;/* скругление углов рамки */
}
.menucss li a:link { /* непосещенные ссылки */
							/* цвета фона и текста */
							color: #800000; /* maroon */
							background-color:#F2F2F2; /* #F2F2F2 светло-серый */
							background-image:url(../images/tablebg_new.jpg); /*картинка в ячейке */
			 }

/* меняем цвета при наведении */
.menucss li a:hover {
				color: #FF0000; /* red */
				background-color: #F2F2F2; /* #F2F2F2 светло-серый */
				background-image:none; /*убрать картинка в ячейке */
}
/* скрываем вложенные пункты меню */
.menucss li ul {
   visibility: hidden;
   position: absolute;
  	left: 189px;
   top: 0px;
}
/* отображаем вложенное меню при наведении мыши */
.menucss li:hover {
   position: relative;
	position: relative;  /*Относительное позиционирование */						   
	z-index:600;    /* !!!!!!!!!!!чтобы 2уровень был выше!!!!!!!!!!!! */
}
.menucss li:hover > ul {
   visibility: visible;
}
/* выделяем родительские пункты, при наведении на дочерние */
.menucss li:hover > a {
				color: #FF0000; /* red */
				background-color: #F2F2F2; /* #F2F2F2 светло-серый */
}
/* Для IE младше 7-ой версии вручную обработаем каждый уровень */
/* скрываем третий и последующие уровни, когда курсор наведен на первый уровень */
.menucss ul a:hover ul ul {
   visibility:hidden;
}
/* скрываем четвертый и последующие уровни, когда курсор наведен на второй уровень */
.menucss ul a:hover ul a:hover ul ul {
   visibility:hidden;
}
/* скрываем пятый уровень, когда курсор наведен на третий уровень */
.menucss ul a:hover ul a:hover ul a:hover ul ul{
   visibility:hidden;
}
/* показываем второй уровень, при наведении на первый */
.menucss ul a:hover ul {
   visibility:visible;
   z-index:600;    /* !!!!!!!!!!!чтобы 2уровень был выше!!!!!!!!!!!! */
   
}
/* показываем третий уровень, при наведении на второй */
.menucss ul a:hover ul a:hover ul{ 
   visibility:visible;
}
/* показываем четвертый уровень, при наведении на третий */
.menucss ul a:hover ul a:hover ul a:hover ul { 
   visibility:visible;
}
/*  показываем пятый уровень, при наведении на четвертый  */
.menucss ul a:hover ul a:hover ul a:hover ul a:hover ul { 
   visibility:visible;
}
.menucss table {
   position:absolute;
   border-collapse:collapse;
   top:0;
   left:0;
   z-index:100;
   font-size:1em;
}
/* напишем стиль ссылок при наведении для IE младше 7-ого */
* html .menucss a:hover {
     color:#4682B4;
   background:#FAFAD2; 
/* обязательно нужно указать относительное позиционирование */
   position:relative;
}
/*_____________________________________________________________________ end новое вертик.выпад.меню CSS */

.menusub	 	{ /* блок реф.ссылки в подменю yoga, doski-gvozdi */
				display: block;width: 150px;height:35px;
				border: 2px solid #989697; /* серый*/
				margin: 30px auto; /* от меню */
				padding:4px 0;
				font:bold 12px Verdana;
				color: #0C0094; /* blue */
				background-color:#FCEAEA;/*светло-роз ан-но #FCEAEA рекламе google, #FDF4FD.center*/
				text-align: center;
				border-radius:15px; /* скругление углов */
				-webkit-border-radius:15px;-moz-border-radius:15px;/* скругление углов */
				}
.mysubmenu a { /* блок ссылки на doski-gvozdi в подменю yoga, doski-gvozdi, договор-оферта */
				display: block;width: 150px;height:62px;
				border: 2px solid #989697; /* серый*/
				margin: 30px auto; /* от меню */
				padding:4px 0;
				font:bold 12px Verdana;
				color: #0C0094; /* blue */
  background: #eff4f7;
  background-image: -webkit-linear-gradient(top, #eff4f7, #c2c2c2);
  background-image: -moz-linear-gradient(top, #eff4f7, #c2c2c2);
  background-image: -ms-linear-gradient(top, #eff4f7, #c2c2c2);
  background-image: -o-linear-gradient(top, #eff4f7, #c2c2c2);
  background-image: linear-gradient(to bottom, #eff4f7, #c2c2c2);				
  text-decoration: none;
				text-align: center;
				border-radius:28px; /* скругление углов 15px*/
				-webkit-border-radius:28px;-moz-border-radius:28px;/* скругление углов 15px*/
				}
/*  .mysubmenu a	 {	
  text-decoration: none;
} */			
.submenu a:hover, .mysubmenu a:hover { /* блоки реф.ссылки и ссылки на doski-gvozdi при наведении в подменю yoga, doski-gvozdi, договор-оферта */
				color: #FF0000; /* red */
  background: #eff4f7;
  background-image: -webkit-linear-gradient(top, #eff4f7, #eff4f7);
  background-image: -moz-linear-gradient(top, #eff4f7, #eff4f7);
  background-image: -ms-linear-gradient(top, #eff4f7, #eff4f7);
  background-image: -o-linear-gradient(top, #eff4f7, #eff4f7);
  background-image: linear-gradient(to bottom, #eff4f7, #eff4f7);
  text-decoration: none;
												}
.ramka	{ /* фото на гл_2столб, фитнес_2столб, соляр_2ст*/
		margin:0 5px 5px 0;padding:0;
		border: 3px solid #989697 !important;  /* сер насыщ */ 
		border-radius:10px; /* скругление углов рамки*/
		-webkit-border-radius:10px;-moz-border-radius:10px;/* скругление углов рамки*/
        position:relative;float:left; /* пытаюсь сдвинуть влево для фитнес */
		
		}				
.foto	{ /* таблица в трен.зале для фотогалереи*/
		PADDING:0; margin:0;
		border: 0px solid #989697 !important;  /* серый насыщ */ 
		}
.foto td	{/* ячейка таблицы */
		border: 0px solid #000000 !important; /* 2px черный */
		PADDING:2px;  margin: 0;
		width:305px; height:250px;
		vertical-align: middle;
			}
.img-center { /*центрирование картинки главная_3столб, трен, фит_зал_3столб, йога_3столб, прайс, кроссфит_3столб*/
		display:block; padding:0; margin: 5px auto;
		border: 0px solid #989697 !important;  /* сер насыщ */ 
		border-radius:10px; /* скругление углов рамки*/
		-webkit-border-radius:10px;-moz-border-radius:10px;/* скругление углов рамки*/
		vertical-align: middle;
		}
.img-left { /*центрирование картинки слева chakri шугаринг*/
		padding:0; margin: 5px;
		border: 0px solid #800000; /* 1px maroon*/
		float: left;
		}
.img-right { /*центрирование картинки справа шугаринг*/
		padding:0; margin: 5px;
		border: 0px solid #800000; /* 1px maroon*/
		float: right;
		}
.reclama{/*для рекламн.блоков*/
		display:block; padding:0; margin: 2px auto;
		/*width:180px;*/
		border: 0px solid #800000; /* 1px maroon*/
		}		
/* расписание */
.rasp	{/* таблица в расписании*/
		border: 2px solid #cccccc !important;  /* серый */
		PADDING:0; margin:20px auto;
		width:100%;
		font:bold 14px Verdana;		
		TEXT-ALIGN: center;
 border-collapse: separate; /* двойные границы */
 border-spacing: 1px;		
	/* 	border-collapse:collapse; не двойные границы */
		background-color:#ffffff;
		}		
.rasp th				{/*ячейки заголовков таблица в расписании*/
					PADDING:5px 2px; margin:0;
					border: 2px solid #cccccc !important;  /* серый */
					background-color:#fffccc;
					background-image:url(../images/tablebg_0.jpg);
					height: 40px;
					vertical-align: middle;
					}
.rasp td				{/*ячейки заголовков таблица в расписании*/
					PADDING:15px 2px; margin:0;
					border: 2px solid #cccccc !important;  /* серый */
					color:#808080;/* темно-серый  */
					vertical-align: middle;
					border-radius:10px; -webkit-border-radius:10px;-moz-border-radius:10px;/* скругление углов рамки */
					}
/* прайс */
.prais	{/* таблица прайсе*/
		border: 2px solid #cccccc !important;  /* серый */
		PADDING:0; margin:10px auto;
		width:100%;
		font:bold 14px Verdana;	
 border-collapse: separate; /* двойные границы */
 border-spacing: 1px;		
	/* 	border-collapse:collapse; не двойные границы */
		background-color:#ffffff;
		}		
.prais th			{/*ячейки заголовков таблица в прайсе*/
					PADDING:2px; margin:0;
					border: 2px solid #cccccc !important;  /* серый */
					height: 50px;
					background-color:#fffccc;
					background-image:url(../images/tablebg_0.jpg); /*картинка в ячейке */
					TEXT-ALIGN: center;
					}
.prais td			{/*ячейки таблица в прайсе*/
					PADDING:2px; margin:0;
					border: 2px solid #cccccc !important;  /* серый */
					height: 25px;  /* 38px */
					vertical-align: middle;
					color:#808080;/* темно-серый  */
					TEXT-ALIGN: left;
					}
.col1			{/* 1столбец в прайсе*/
				 width:90%;
				}	
.col2			{/* 2столбец в прайсе*/
				 width:10%;
				}	
.skidki				{/*стиль для ячейки скидки в прайсе и на гл*/
					TEXT-ALIGN: justify;
					font-weight:bold;
					background-color:#E5F4F1; /* голубоватый */
            		color:#2A7643 !important;/* зеленый  */
					border-radius:10px; -webkit-border-radius:10px;-moz-border-radius:10px;/* скругление углов рамки */
					}
/* трен.зал фотогалерея */
/*#container {position:relative; width:470px; height:700px; margin:0px auto;}*/
#container {position:relative; width:100%; height:700px; margin:0px auto;}
/*#container b {font-weight:normal; width:600px; text-align:center; position:absolute; bottom:100px; left:0; color:#eee; letter-spacing:1px; line-height:1.7em; z-index:1;} */
a.gallery, a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; width:150px; height:122px; float:left; margin:2px 2px; position:relative; cursor:pointer;}
a.slide1 {background:url("../images/Tren_zal/Tren_zal_small(150_122)/1.bmp");}a.slide2 {background:url("../images/Tren_zal/Tren_zal_small(150_122)/2.bmp");}a.slide3 {background:url("../images/Tren_zal/Tren_zal_small(150_122)/3.bmp");}a.slide4 {background:url("../images/Tren_zal/Tren_zal_small(150_122)/4.bmp");}a.slide5 {background:url("../images/Tren_zal/Tren_zal_small(150_122)/5.bmp");}
a.slide6 {background:url("../images/Tren_zal/Tren_zal_small(150_122)/6.bmp");}a.slide7 {background:url("../images/Tren_zal/Tren_zal_small(150_122)/7.bmp");}a.slide8 {background:url("../images/Tren_zal/Tren_zal_small(150_122)/8.bmp");}a.slide9 {background:url("../images/Tren_zal/Tren_zal_small(150_122)/9.bmp");}a.slide10 {background:url("../images/Tren_zal/Tren_zal_small(150_122)/10.bmp");}
a.gallery span {visibility:hidden; display:block; position:absolute; width:300px; height:250px; top:2px; left:2px; color:#000;  text-align:center;letter-spacing:1px; cursor:default;}
a.slide1 span {left:0px; top:125px;}a.slide2 span {left:0px; top:125px;}a.slide3 span {left:0px; top:125px;}a.slide4 span {left:0px; top:125px;}a.slide5 span {left:0px; top:125px;}
a.slide6 span {left:0px; top:125px;}a.slide7 span {left:0px; top:125px;}a.slide8 span {left:0px; top:125px;}a.slide9 span {left:0px; top:125px;}a.slide10 span {left:150px; top:0px;}
a.gallery:hover {white-space:normal; border:1px solid #ff0000; z-index:100;}
a.gallery:hover span {visibility:visible; z-index:100;}
a.gallery:hover span img {margin:10px; border : 3px double #697357; position:relative; z-index:100;}
a.gallery:active, a.gallery:focus { z-index:10;}
a.gallery:active span, a.gallery:focus span {visibility:visible; z-index:10;}
a.gallery:active span img, a.gallery:focus span img {border:1px solid #000; position:relative; margin:10px; z-index:10;}

/* блок плавной смены картинок на гл. 2столб.*/  
div#rotator {position:relative; display:block;width: 400px; height:254px; margin:0 auto;padding:0; border: 0px solid #F962CE;/* роз */}
div#rotator ul li {position:absolute; left: 0; list-style: none;PADDING: 0; border: 0px solid #F962CE;/* роз */}
div#rotator ul li.show {z-index:500;}
div#norotator {clear:both; position:relative; left: 0; display:block; /* clear нужен после float*/}
  
/* ---------- для аннимации в шапке ---------------- */	
@keyframes anim{
from {width:10%;}
to {width:100%;}
}
@-moz-keyframes anim{
from {width:10%;}
to {width:100%;}
}
@-webkit-keyframes anim{
from {width:10%;}
to {width:100%;}
}
#annimate{
border:0px #FFD700 solid;
background-color:#FFFF51;
height:5px;
width:10%;
color:#800080; font:bold 13px Verdana;
animation:anim 4s infinite; /* 10раз повторить*/
-webkit-animation:anim 4s infinite; /* 10раз повторить*/
-moz-animation:anim 4s infinite; /* 10раз повторить*/
}		
/* ---------- для блоков договора-оферта ---------------- */
.block_right{
		/* обязательно блочное отображение */
		display: block;
		width:49%; height:150px;/* ______*/
		float:left;
		}
.block_left{
		/* обязательно блочное отображение */
		display: block;
		width:49%; height:150px;/* ______*/
		float:right;
		}


/* ---------- end user_new.css ---------------- */