/*---------------------------------------------------
	Таблица стилей для STUDY.UA	: Work And Travel USA.
	Автор: Роман Ленко. 30.08.2009.
---------------------------------------------------*/
body{
	margin: 0px;
	padding:0px;
	font-family:	tahoma;
}

/*--------------------------------
		Заголовочная часть документа:
--------------------------------*/
.header{
	height: 331px;
	min-width:	900px;
	_width:			900px;
	margin-top: 2px;
	margin-bottom:	2px;
	background:	url('header_background.jpg') repeat-x;
}

/*	Правая часть заголовчной
		части документа.
*/
.header .right_part{
	float:	right;
}

/*	Зеленые шарики слева от
		основной картинки.
*/
.header .boobs{
	width:	58px;
	height:	331px;
	float:left;
	background:	url('header_boobs.png') no-repeat;
}

/*	Основная изменяющаяся картинка
		справа в заголовочной части.
*/
.header .main_image{
	width:	532px;
	height:	331px;
	margin-left:	58px;
	background:	url('header_main_image.jpg') no-repeat;
}

/*	Логотип компании
		STUDY.UA:
*/
.header .logo{
	width: 300px;
	height:257px;
	padding-top:10px;
}

/*----------------
	Меню документа.
----------------*/
ul.menu{
	margin:	0px;
	padding:5px;
	background:	#faad11 url('menu_background.gif') repeat-x;
	font-size:	1.4em;
	text-align:	center;
}

ul.menu li{
	display:	inline;
}

/*	Сыылки в меню.
*/
ul.menu li a{
	padding:	5px 4px 5px 4px;
	color:	#7d0000;
	text-decoration:	none;
}

ul.menu li a:hover{
	background:	#feca62;
	color:	#ffffff;
}

/*	Нижняя часть меню.
*/
.menu_bottom{
	height:	70px;
	background:	#faad11 url('menu_bottom_background.jpg') repeat-x bottom;
}

/*-----------------------------
	Заголовок текущей категории.
-----------------------------*/
.category_header{
	padding:	0px 5% 0px 0px;
	background:	#fff5ea url('category_header_background.gif') repeat-x center;
}

/*	Правая часть сложной конструкции
		заголовка.
*/
.xright_part{
	float:	right;
}

/*	Заголовок категории.
*/
.category_header h1{
	margin:	0px;
	padding:0px;
	background:	#fff5ea;
	color:	#304dff;
	font-size:	2em;
	font-weight:	normal;
}

/*	Левая часть конструкции.
*/
.xleft_part{
	visibility:	hidden;
	font-size:	2em;
}

/*	Разделитель между заголовком
		и нижней частью документа.
*/
.break{
	height:	10%;
	background: #fff5ea;
}

/*-------------------------------
	Основное содержимое документа.
-------------------------------*/
/*	Отступ слева.
*/
.whitespace{
	width: 3%;
	float:left;
	color:	#ffffff;
	border-top:	solid #faad11 1px;
}

/*	Эскизы для галереи раздела.
*/
.thumbnails{
	width: 17%;
	float:	left;
	padding: 0px 1% 60px 1%;
	background:	#fff5ea url('thumbnails_background.gif') repeat-x bottom;
	text-align:	right;
	border-left: solid #faad11 1px;
	border-right: solid #faad11 1px;
}

.thumbnails img{
	padding: 5px;
	margin:	2px;
	background:	#ffffff;
}

.thumbnails img:hover{
	background: #faad11;
}

/*	Основное содержимое.
*/
.main_contents{
	padding: 0px 3% 3% 3%;
	margin-left:	22%;
	border-top:	solid #faad11 1px;
}

/*	Список подкатегорий
		текущего раздела:
*/
ul.subcategories_list{
	margin:	0px;
	padding:10px 0px 10px 0px;
	font-size:	0.9em;
	border-bottom: solid #7d0000 1px;
}

ul.subcategories_list li{
	display:	inline;
}

ul.subcategories_list li a{
	padding:	10px 4px 10px 4px;
	color:	#7d0000;
	text-decoration:	none;
}

ul.subcategories_list li a:hover{
	background:	#04a400;
	color:	#ffffff;
}

/*	Выбраная страница категории.
*/
ul.subcategories_list li a.selected{
	background:	#04a400;
	color:	#ffffff;
}

/*	Текстовый параграф в основном
		содержимом.
*/
.main_contents p{
	font-size:	0.8em;
	text-align:	justify;
}

/*	Первая буква в текстовом параграфе.
*/
.main_contents p .firstletter{
	float:	left;
	padding: 0px 4px 0px 0px;
	line-height: 1.0em;
	color: #7d0000;
	font-size: 2.2em;
}

/*	Изображения в текстовом параграфе.
*/
.main_contents p img{
	margin: 5px 10px 10px 10px;
	padding: 5px;
	border: solid #04a400 1px;
}

.main_contents p img:hover{
	background: #faad11;
}

/*	Большое, яркое выделение текста.
*/
.main_contents .achtung{
	display: block;
	min-height: 50px;
	margin: 0px 0px 5px 0px;
	padding:0px 0px 0px 55px;
	background:	#ffe9bb url('achtung.gif') no-repeat;
	text-decoration:	none;
	border: dotted #ffe9bb 1px;
}

.main_contents .achtung h3{
	min-height: 50px;
	margin: 0px;
	padding:0.5% 1% 0.5% 2%;
	background:	#fff5eb;
	color: #008000;
	font-weight: normal;
}

.main_contents .achtung h3:hover{
	background:	#ffe9bb;
}

/*	Кнопка "далее".
*/
.main_contents .next{
	min-height: 25px;
	margin: 0px 0px 5px 0px;
	padding:0px 55px 0px 0px;
	background:	#ffe9bb url('next.gif') no-repeat right;
	border: dotted #ffe9bb 1px;
}

.main_contents .next h3{
	min-height: 25px;
	margin: 0px;
	padding:0.5% 1% 0px 2%;
	background:	#fff5eb;
	color: #008000;
	font-size:	1.0em;
	font-weight: normal;
	text-align: center;
}

.main_contents .next h3:hover{
	background:	#ffedda;
}

.main_contents .next h3 a:hover{
	text-decoration:	none;
}

/*	Большой яркий заголовок в тексте.
*/
.main_contents .big{
	margin: 0px;
	padding: 1%;
	background:	#ffe9bb;
	color: #304dff;
	font-weight: normal;
}

/*	Заголовок второго уровня
		в основном содержимом.
*/
.main_contents h2{
	color:	#a700a1;
	font-weight:	normal;
}

/*	Списки в основном содержимом.
*/
.main_contents ul{
	font-size: 0.8em;
	list-style-image:	url('list_marker.gif');
}

.main_contents ul li{
	padding-bottom:	4px;
}

/*	Список подкатегорий
		текущего раздела - НИЖНЯЯ ВЕРСИЯ:
*/
ul.subcategories_list_bottom{
	margin:	0px;
	padding:10px 0px 10px 0px;
	font-size:	0.9em;
	border-top: solid #7d0000 1px;
}

ul.subcategories_list_bottom li{
	display:	inline;
}

ul.subcategories_list_bottom li a{
	padding:	10px 4px 10px 4px;
	color:	#7d0000;
	text-decoration:	none;
}

ul.subcategories_list_bottom li a:hover{
	background:	#04a400;
	color:	#ffffff;
}

/*	Выбраная страница категории.
*/
ul.subcategories_list_bottom li a.selected{
	background:	#04a400;
	color:	#ffffff;
}

/*------------------------
	Нижняя часть документа.
------------------------*/
.bottom{
	clear:	both;
	padding:	65px 0px 2% 0px;
	background:	#fc0e0e url('bottom_background.jpg') repeat-x;
	text-align:	center;
}

/*	Копирайт.
*/
.bottom .copyright{
	margin:	0px;
	padding: 0px;
	font-weight:	normal;
}

.bottom .copyright a{
	color:	#ffffff;
	text-decoration:	none;
}

.bottom .copyright a:hover{
	text-decoration:	underline;
}

/*	Hiding site map.	*/
#sitemap{
	display:none;
}

/* ---------------------------------------------------------
	Пространство имен Doctype.Pub.RegForm{};
	используется для хранения элементов регистрационной формы.
--------------------------------------------------------- */

	/* КЛАСС ЭЛЕМЕНТА: Обертка регистрационной формы.
		 Содержит все элементы регистрационной формы. */
	.Doctype\.Pub\.RegForm\.Wrap{
		display:block;
		width:50%;
		padding:2%;
	}

	/* КЛАСС ЭЛЕМЕНТА: Обертка контрола формы.
		 Содержит все элементы контрола формы. */
	.Doctype\.Pub\.RegForm\.InputWrap{
		display:block;
		padding-bottom:2%;
	}

	/* КЛАСС ЭЛЕМЕНТА: Текстовый комментарий к контролу.
		 Содержит текст комментария к контролу. */
	.Doctype\.Pub\.RegForm\.InputComm{
		display:block;
		padding-bottom:0.5%;
		font-size:13px;
	}

	/* КЛАСС ЭЛЕМЕНТА: Контрол ввода текста.
		 Используется для представления контрола вводу текста. */
	.Doctype\.Pub\.RegForm\.TextInput{
		display:block;
		width:100%;
		height:30px;
		padding:0 0.5% 0 0.5%;
		font-size:18px;
		font-family:Verdana, Arial, Tahoma;
		border:solid #faad11 1px;
	}

	/* КЛАСС ЭЛЕМЕНТА: Контрол ввода кучи текста.
		 Используется для ввода большого количества текста на отправку. */
	.Doctype\.Pub\.RegForm\.TextArea{
		display:block;
		width:100%;
		height:150px;
		font-size:18px;
		border:solid #faad11 1px;
	}

	/*  */
	.Doctype\.Pub\.RegForm\.BtnsWrap{
		display:block;
		overflow:hidden;
		padding:2% 0.5% 0.5% 0.5%;
	}

	/*  */
	.Doctype\.Pub\.RegForm\.Button{
		display:block;
		padding:2%;
		font-size:16px;
		color:White;
		background-color:Red;
		border:solid #cfcfcf 1px;
	}

/* -----------------------------------------------------------------------
	Пространство имен: Wrapper.BombBanner{};
	используется для хранения классов элементов большого плавающего баннера.
----------------------------------------------------------------------- */

.Wrapper\.FlotingBanner\.Wrap{
	display:block;
	overflow:hidden;
	position:absolute;
	top:50px;
	left:50%;
	margin-left:-225px;
}

.Wrapper\.FlotingBanner\.CloseB{
	display:block;
	width:70px;
	height:250px;
	margin-left:330px;
	background:url("http://r0.obuchenie.com.ua/Banners/24th/bibi-02.png") no-repeat;
	cursor:pointer;
}

.Wrapper\.FlotingBanner\.Main{
	display:block;
	width:330px;
	height:250px;
	float:left;
	background:url("http://r0.obuchenie.com.ua/Banners/24th/bibi-01.png") no-repeat;
	cursor:pointer;
}