/*---------------------------------------------------
	Таблица стилей для 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:267px;
}

/*----------------
	Меню документа.
----------------*/
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:	#ffedda;
}

/*	Кнопка "далее".
*/
.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;
}