@charset "windows-1251";
body, html {
margin:0px; /*Это хорошая практика обнулять поля и отсупы, т.к. различные браузеры их по разному воспринимают. */
padding:0px;
text-align:center; /*Выравниваем макет по центру в старых версиях браузеров */
	background-color:#F0F0F0;/*Без этого между горизонтальным меню и контентом полоска не приятная*/
}
#container{
margin:0 auto;  /*выравниваем макет по центру в современных браузерах */
text-align:left;  /*Отменяем tex-align:center заданное в Body. Делаем чтобы весь текст в макете выравнивался по левому краю */
min-width:550px;  /*задаем минимальную ширину макета в современных браузерах */
width:expression(   /*задаем минимальную ширину макета в старых версия браузера. Просто замените цифру на свою шиирину :) */
(document.compatMode && document.compatMode == 'CSS1Compat')
?
(
document.documentElement.clientWidth < 550
?
"550px"
:
"auto"
)
:
(
document.body.clientWidth < 550
?
"550px"
:
"auto"
)
);
}
h1 {
	text-align:center;
}
/*Здесь пишем стили для шапки сайта */
#header {
	width:93%;
	height:100px;
	z-index:1;
	background-image: url(images/header/Health.jpg);
	text-align: center;
}
#header h1 {
	margin: 0; /* Обнуляем отсупы для заголовка первого уровня, находящегося в шапке. Это нужно обязательно делать, при использовании заголовков. Если используются параграфы, то тоже нужно обнулить отсупы для них. */
	padding: 10px 0; /* Задаем поля */
	font-family:Tahoma, Geneva, sans-serif;
	color:#000;
}


#header-left {
	position:absolute;
	width:89px;
	height:100px;
	z-index:1;
	left: -5px;
}
#header-center {
	position:absolute;
	width:1070px;
	height:100px;
	margin: 0px;
	padding: 0px;
	left: 10%;
	text-align: center;
	right: 10%;
}

#header-right {
	position:relative;
	text-align: right;
	width:133px;
	height:100px;
	left: 100%;
	right: 0%;
	margin-top: 0px;
	margin-right: 0px;
}
 
/* Горизонтальное Меню CSS начало*/
div#menunav {
	position:relative;
	width: 100%; /* задаем ширину для div */
	float: left;  /* рисуем линию снизу div */
	font-size: 11px;  /* задаем размер шрифта */
	background-color: #FFF;  /* отступ ul от края контейнера */
	border-top: 1px  solid  #000000;   /* рисуем линию поверх div */
	border-bottom: 1px solid #000000;  /* рисуем линию снизу div */
}
div#menunav ul { 
   margin: 0px; 
   padding: 0px; 
} 
* html div#menunav ul { 
   float: left;  /* заставляет ul вместить все li */ 
   border-left: 1px solid #000000;  /* добавляет левую вертикальную черту к ul */ 
   margin-left: 15px;  /* IE удваивает заданное значение */ 
} 
* html div#menunav a { 
  display: block;  /* IE 5 и 5.5 принимает заданный отступ */ 
} 
div#menunav li {
	float: left;   /* располагаем список по горизонтали */
	list-style-type: none;    /* удаляем маркеры */
	background-color: #FFF;   /* задаем фоновый цвет элементов меню */
	border-right: 1px solid #000000;   /* создаем разделительные линии между элементами li */
} 
div#menunav li:first-child { 
   border-left: 1px solid #000000;  /* первая вертикальная линия в меню */ 
} 
div#menunav a {
	text-decoration: none;   /* удаляем подчеркивание ссылок */
	padding: 0px 10px 0px 10px;  /* создаем пространство с обеих сторон текста пункта меню */
	color: #06C;   /* задаем цвет шрифта */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
} 
div#menunav a:hover { 
   color: #ff3333; 
} 
div#menunav li:hover { 
   background-color: #ffffff;  /* задает фон пунктов списка */ 
} 
#text {
	position:absolute;
	width:1627px;
	height:604px;
	z-index:2;
	left: -17px;
	top: 144px;
	background-color: #FFF;
	margin: 4px;
	text-align: left;
	white-space: normal;
	font-size: 16px;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 40px;
}

/* Горизонтальное Меню CSS завершение*/


/*Вертикальное меню НАЧАЛО*/
/*цвет
Следующим шагом определим размер всего блока меню, границы, внутренние и внешние отступы, тип шрифта, цвет фона и цвет текста.
*/
#v_menu  {
	width: 100%;
	padding: 0;
	font:14px Arial;
	background-color: #93B0C2;
	color: #333;
	margin-top: 0em;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
/*border: 1px solid #000; Было в оригинальном варианте, но я убрал*/

/*стили кнопок - после этого все кнопки прижались влево

Теперь определим стили самых списков меню, которые являются элементами списка.
Для всего списка зададим нулевые отступы, уберем границу и маркеры списка.
*/
#v_menu ul {
    list-style: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border: none;
}
/*доработка стилей
Для каждого из пунктов меню (элементов списка) зададим размер, тип и цвет нижней границы и нулевой отступ.
*/
#v_menu li {
    border-bottom: 1px solid #90bade;
    margin: 0 0 0 0; }

/*Оформление ссылок
Следующим шагом оформим сами ссылки. Зададим блочный стиль отображения ссылок (для того чтобы блок самой ссылки растянулся по ширине и высоте пункта списка), внутренние отступы, нулевую границу, цвета фона и самих ссылок, уберем подчеркивание ссылок.
*/
#v_menu li a {
    display: block;
    padding: 5px 5px 5px 5px;
    border: 0px;
    background-color: #93B0C2;
    color: #fff;
    text-decoration: none;
    width: 96%;/*пока не порегулировал, вылезала*/
}
/*Поправка для IE*/
html>body #v_menu li a {
    width: auto;
}
/*Реакция на курсор
Следующий стиль описывает поведение пунктов меню при наведении на них курсора мышки. В данном случае изменяется цвет фона.
*/
#v_menu li a:hover {
    border:0px;
    background-color: #2586d7;
    color: #fff;
}

/*Вертикальное меню заверщение*/




/*Здесь пишем стили для левой колонки сайта */
#left{
background-color:#a9d28c;
width:150px;  /*ширина колонки */
float:left;  /*обязательное выравнивание по левому краю,с включением обтекания*/
}


/*Контент*/



/*Здесь пишем стили для блока контента */
#content{
	background-color:#F0F0F0; /*обнуляем отступы сверху и снизу*/
	margin-left:152px; /*обязательный отступ слева, должен быть немного больше ширины левой колонки */
	padding: 2px;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0em;
	magin-left: 1 em;
	top: 0em;
	PADDING-LEFT: 8px;
	}
	

#content h1 {
margin:0px; /* Обнуляем отсупы для заголовка первого уровня, находящегося в блоке контента.*/
text-align:center;
}

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

h2 {
	font-family: sans-serif;
	font-size: 18px;
	color: #E6B800;
	font-weight: bold;
}


h3 {
	font-family: sans-serif;
	font-size: 16px;
	color: #9B0033;
}


p {
	font-size: 1em;
	color: #655D53;
	font-family: "Lucida Console", Monaco, monospace;
	font-style: normal;
	line-height: 1.5;
}

h4 {
	font-size: 10.5pt;
	color: #06C;
	font-family: "Arial", Monaco, monospace;
	font-style: normal;
	line-height: 1.5;
}
h5 {
	font-size: 1 em;
	color: #3D3B2C;
	font-family: "Times new roman", Monaco, monospace;
	font-style: normal;
	font-weight:400;
	line-height: 1.2;
}/*это заголовок к ответы воображаемым людям*/

h6 {margin: 1em 0 0.5em 0;
    color: #85AB70;
    font-weight: strong;
    font-family: 'Century Gothic', Monotype Corsiva;  
    font-size: 2em, 24 px;
    line-height: 1.5;
    text-transform: uppercase;
    
}
	/*вопросы*/
	
h7 {

margin: 1em 0 .6em 0;
    padding: 0 0 0 20px;
    font-weight: normal;
    color: #CA7E40;
    font-family: 'Arial', sans-serif;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
    position: relative;
    font-size: 21px;
    line-height: 1.7;
    
   
}
/*мои комментарии сплошные*/
p1
{
    font-weight: normal;
    color: #CA7E40;
    font-family: 'Arial', sans-serif;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
        font-size: 1 em;
  
   
}
p2{


   
    font-weight: lighter;
    color: #C1400B;
    font-family: 'Arial', sans-serif;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
 
    font-size: 20px;
    line-height: 1.3;
    
   
}


li {font-size: 12 pt;
color: #600;
font-family:Verdana, Geneva, sans-serif;
font-style:normal}

/*атрибут, который опускает подвал сайта ниже всех блоков. Нужен для корректной работы макета. */
#clear{
	width:93%;
height:0;
font-size:1px;
line-height:0px;
clear:both;
}




/*Здесь пишем стили для подвала сайта */
#footer{
	background-color:#FFF;
	height:100px;
	z-index:1;
	background-image: url(images/footer/Healing.jpg);
}
#footer p{
	width:93%;
margin:0px;  /* обнуляем отступы*/
padding: 10px 0; /*  задаем поля */
}

#footer-left {
	position:absolute;
	width:75px;
	height:100px;
	z-index:1;
	margin: 0px;
	padding: 0px;
	left: 0px;
}
#footer-center {
	position:absolute;
	width:75px;
	height:100px;
	z-index:1;
	margin: 0px;
	padding: 0px;
	left: 50%;
	text-align: center;
	right: 50%;
}
#footer-right {
	position:relative;
	width:75px;
	height:100px;
	margin: 0px;
	padding: 0px;
	left: 92%;
	right: 3%;
}
#inform {
	text-align: center;
}