/* CSS Document */
/* Некоторые параметры: 
	padding - это ПОЛЯ, которые отделяют содержимое блока от его рамки, чтобы текст, например, не был “впритык” к стенкам блока.
	margin - это ОТСТУПЫ. Пустое пространство между различными блоками, позволяющее на заданном расстоянии расположить два блока относительно друг друга.
	
	Если где-то будет указано четыре числа подряд, то это параметры расположения элемента относительно соседних и порядок у них такой:
	отступ (сверху, справа, снизу, слева). 
	
	Если указано только два числа подряд или написано (top left), то это выравнивание (то-же, что и вышенаписанное), но только сверху и слева */

html, body {
	height:100%;
	padding:0;
	margin: 0;
	font-family:Arial, Verdana, Times, serif, Georgia;
	font-size:14px;
	background:url(images/bg_grey.jpg) top left;
	
	/*overflow: auto; */
	/*  Добавление полосы прокрутки */	 
}

* html #wrap {
    height: 100%;
}

#wrap {
	margin:0 auto 0 auto;
	padding:0;
	width:100%;
	height:auto;
	min-height:100%;
	min-width:925px;
	max-width:1270px;
	background-color:#FFFFFF;
	text-align:center;
	overflow: hidden;
}

/*----------------------кнопки меню----------------------*/
.menu ul {
margin:0 auto 0 auto;
padding:0;
width:650px;
height:239px;
list-style:none;
}

.menu li {
	width:78px;
	height: 140px;
	list-style:none;
	display:block;
	float:left;
	margin-top:53px;
	margin-bottom:43px;
}

#aboutm {
margin-left: 0; /*верх, право, низ, лево*/
margin-right: 55px;
}

#howteachm {
margin-left: 55px; /*верх, право, низ, лево*/
margin-right: 55px;
}

#whoteachm {
margin-left: 55px; /*верх, право, низ, лево*/
margin-right: 55px;
}

#opinionm {
margin-left: 55px; /*верх, право, низ, лево*/
margin-right: 0;
}

#aboutm a {height:100%; display:block; background:url(images/queen_red.jpg) no-repeat -78px 0px;}
#aboutm a:hover {background-position:0px 0px;} 
#howteachm a {height:100%; display:block; background:url(images/queen_yell.jpg) no-repeat -78px 0px;}
#howteachm a:hover {background-position:0px 0px;} 
#whoteachm a {height:100%; display:block; background:url(images/queen_gree.jpg) no-repeat -78px 0px;}
#whoteachm a:hover {background-position:0px 0px;} 
#opinionm a {height:100%; display:block; background:url(images/queen_blue.jpg) no-repeat -78px 0px;}
#opinionm a:hover {background-position:0px 0px;} 
#homem a {height:100%; display:block; background:url(images/queen_red.jpg) no-repeat -78px 0px;}
#homem a:hover {background-position:0px 0px;} 

/*-------------------промежуток под меню-----------------*/
#space {
height:0; /*--в разных css высота отличается--*/
width:100%;
margin:0;
clear:both;
}
/*--------------левый-правый борта и контент-------------*/
#outwrapper {
	min-width:960px;
	max-width:1270px;
	height:100%;
	position:relative;
	display:block;
	margin:0 auto 0 auto;
}

#content {
	width:52%;
	height:100%;
	padding: 0;
	text-align:center;
}

#leftborder {
	width:24%;
	height:100%;
	vertical-align: bottom;
	background:url(images/e.gif) no-repeat 0 300px; /*лево, верх*/
}

#rightborder {
	width:24%;
	height:100%;
	vertical-align: bottom;
}

#leftborder img {
	position: relative;
	margin: 0 0 30px 0; /*верх, право, низ, лево*/
	float:right;
}

#rightborder img {
	position: relative;
	margin: 0; /*верх, право, низ, лево*/
	float:left;
}

/*----для внутренних страниц----*/
#leftborderfix {
	width:24%;
	height:100%;
	vertical-align: bottom;
	background:url(images/e.gif) no-repeat 0 300px; /*лево, верх*/
}

#rightborderfix {
	width:24%;
	height:100%;
	vertical-align: bottom;
	
}

#leftborderfix img {
	position: relative;
	margin: 0 0 30px 0; /*верх, право, низ, лево*/
	padding:0;
	float:right;
}

#rightborderfix img {
	position: relative;
	margin: 0; /*верх, право, низ, лево*/
	padding:0;
	float:left;
}
/*---------------фоны внутренних страниц---------------*/
.queen {
	background:url(images/queen_bg.jpg) no-repeat 113% 0px; /*лево, верх. Всегда добавлять в OUTWRAPPER*/
}

.cherchill {
	background:url(images/cherchill.jpg) no-repeat 121% 0px;
}

.bigben {
	background:url(images/bigben.gif) no-repeat 98% 0px;
}

.police {
	background:url(images/police.jpg) no-repeat 115% 0px;
}
/*--------------------конец контента--------------------*/

/*------------------------заголовки----------------------*/ 
h1 {
	font-family:Arial, Verdana, Times, serif, Georgia;
	color:#1f1a17;
	padding:0;
	margin: 0 0 25px 0;
}

h2 {
}

h3 {
}

h4 {
}
/*---------------------конец заголовков------------------*/

/*------------------------текст------------------------*/
/*p:first-letter {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size : 16px;
padding-left: 8px;
}*/

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	line-height: 150%;
	padding: 0 6% 0 6%;
	text-align:justify;
	color: #363636;
}

p#indextext {
	padding: 0 13% 0 13%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	text-align:justify;
}.ssil {
	padding: 0 6% 0 6%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	text-align:center;
}




ol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color: #363636;
	width:80%;
	float:left;
	margin: 0 0 15px 6%;
	text-align:left;
}

blockquote { 
	font-family: Verdana, Arial, Helvetica, sans-serif, Times, serif, Georgia;
	font-size: 12px;
	background: url(images/quote_clo.gif) no-repeat 98% 100%; /*--горизонт и верт--*/
	padding:0px 6% 0px 6%; /*верх, право, низ, лево*/
	margin: 25px 0 30px 0;
	line-height: 151%;
	text-indent: -13px;
	text-align:justify;
	color: #222222;
} 

.spisok {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	line-height: 150%;
	padding: 0 6% 0 6%;
	color: #363636;
	float:left;
	text-align:left;
}

blockquote:first-letter {
	background: url(images/quote_ope.gif) no-repeat left -10px;
	padding-left: 35px;
	/*font: normal 1.4em Georgia, "Times New Roman", Times, serif;*/
	font: normal 1.2em Verdana, Arial, Helvetica, sans-serif; 
	color: #646363; 
}

.punktir { 
	border-bottom: 1px dotted #999999; 
	margin-bottom: 8px; 
	margin-top: 25px; 
	outline: none;
}

.sign {
	text-align:right;
	font-size:11px; /*--это подпись под отзывами--*/
	color:#333333;
	float:right;
	font-style: italic;
	font-weight:bold;
}
/*--------------------конец текста--------------------*/

/*---------для отзывов навигация снизу----------*/
#nav_bot {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #333333;
	padding:0;
	margin: 80px auto 50px auto;
}

/*------есть что почитать, посмотреть, спросить-------*/

#inmodules {
	width:844px;
	height:37px;
	position:relative;
	margin:34px auto 30px auto; /*верх, право, низ, лево*/
	padding:0;
	list-style:none;
}

#inmodules li {
	width:95px;
	height: 37px; 
	margin: 0 11% 0 11%; /*верх, право, низ, лево*/
	list-style:none;
	display:inline;
	display:block;
	float:left;
}

#read_module a {height:100%; display:block; background:url(images/read.gif) no-repeat 0 0;}

#see_module a {height:100%; display:block; background:url(images/see.gif) no-repeat 0 0;}

#faq_module a {height:100%; display:block; background:url(images/faq.gif) no-repeat 0 0;}

/*--------конец почитать, посмотреть, спросить--------*/

/*--------начало аудио-видео-подкастов----------*/

object {
	z-index:99;
}

.audiodown {
    float: right;
    text-align: left;
	vertical-align:middle;
    padding: 0 10px 0 10px;
	margin: auto;
}

.audiotema {
	padding:0;
	margin:0;
	float: left;
	font-size:8pt;
}

.accordion_toggle {
    height: 36px;
    background-color: #e9e9e9;
    float: left;
    text-align: left;
    padding: 6px 10px 8px 10px; /*верх, право, низ, лево*/
	margin: 2% 6% 1% 6%;
	display: block;
	cursor: pointer;
	outline: none;
	border-bottom: 1px solid #CCCCCC;
	z-index: 1;
}

.accordion_toggle_active {
	background: url(images/accordion_toggle_active.jpg) no-repeat top right #dddddd;
	color: #ffffff;
	border-bottom: 1px solid #CCCCCC;
}
		
.accordion_content {
	margin: 4% 0;
	overflow: hidden;
	float:left;
	display:block;
}
		
.vertical_accordion_toggle {
	display: block;
	height: 30px;
	width: 600px;
	background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;
	padding: 0 10px 0 10px;
	line-height: 30px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	color: #000000;
	border-bottom: 1px solid #cde99f;
	cursor: pointer;
	margin: 0 0 0 0;
}

.vertical_accordion_toggle_active {
	background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
	color: #ffffff;
	border-bottom: 1px solid #f68263;
}

.vertical_accordion_content {
	background-color: #ffffff;
	color: #444444;
	overflow: hidden;
}
  			
    /* Container styling*/
	
#vertical_nested_container {
      margin: 20px auto 20px auto;
      width: 620px;
}

/*--------конец аудио-видео-полкастов ----------*/

/*-----------------------подвал-----------------------*/
#footer { 
	width:95%;
	min-width:950px;
	height:50px;
	border-top: 1px solid #999999;
	margin:0 auto 0 auto;
	padding:10px 0 15px 0; /*верх, право, низ, лево*/
	vertical-align: middle;
} 

#minilogo { 
background : url(images/logo_bottom.gif) no-repeat top left; 
float: left;
margin : 0px 16px 0px 21px; /*верх, право, низ, лево*/
} 

#copyright { 
width: 28%; 
float: left;
text-align:left;
font-size: 9px;
color: #534f4d;
line-height: 11px;
margin:0px;
padding: 0 24px 0 18px; /*верх, право, низ, лево*/
border-left:solid 2px #333333;
border-right:solid 2px #333333;
 } 
 
#phone {
width: 405px;
height: 55px;
background: url(images/phone.gif) no-repeat top left; 
float:right;
margin : 0px 21px 0px 18px;
 }
/*-----------------конец подвала------------------*/

/*--------------Разные необходимые мелочи--------------*/

/*p { text-indent : 15px; }*/

.fix img { 
border:0; 
margin: 0 0 0 0; /*верх, право, низ, лево*/
display: block;
}

table { 
border : 0px;
margin:0;
padding : 0px 0px 0px 0px; /*верх, право, низ, лево*/
/* cellspacing=0 */
border-collapse : collapse; 
} 

td { 
padding : 0 0 0 0; /*верх, право, низ, лево*/
margin:0;
} 

form {
	width:70%; 
	text-align:left; 
	margin: 0 0 15px 6%; 
	padding:0; 
	float:left;
}

form input, textarea {
	font-size:13px;
	border:1px solid #999999;
	text-align:left;
	margin:5px 7px 5px 0;
	padding:0;
}

a { 
color: #0066FF;
text-decoration: none;
outline: none;
} 

a img { 
color : #363636; 
text-decoration : none; 
outline: none;
border:0;
} 

a:hover { 
color : #fd942f; 
text-decoration : none; 
}

.clear {
	height:0px;
	clear:both;
}