/*
*{
	margin: 0;
	padding: 0;
}
*/

body {
	background: #CCCCCC; /* серый */
	color: #000000; /* черный */
	font-family: Arial, Helvetica, sans-serif, Courier New, Swiss;
	font-size: 12;		
}

h1 {
	margin:	15 0 0 25;
	padding: 0;	
	font-size: 400%;	
}

table, tr, td {
	font-family: Arial, Helvetica, sans-serif, Courier New, Swiss;
	font-size: 12;
}

table.masters {
	font-size: 10pt;
}

table.small_video {
	width: 170;
	height: 300;
	float: left;
}
table.volume {
	border-collapse: collapse;
}		

td {
	vertical-align: top;
}
td.volume {
	border: 1px solid black;
}

/* --------------- */
div {
	font-size: 12;
}

div.all {
	max-width: 1280;
	margin: 0 auto;	
}

div.main_column {
	width: 100%;
	/*background: #FFFFCC;*/
	background: #FFFFFF;
	margin: 0 0 10 0;	
}

div.left_column {
	width: 180;
	/*background: #CCFFCC;*/
	background: #FFFFFF;
	margin: 0 5 0 0;
	padding: 10 10 10 10;
	float: left;
}

div.right_column {
	width: 168;
	/*background: #FF9900;*/
	background: #FFFFFF;
	margin: 0 0 0 5;
	padding: 10 10 10 10;
	float: right;
}

div.left_down {
	display: none;
}

div.right_down {
	display: none;
}

div.mospuppets {
}

div.change_lang {
	font-size: 10;
	text-align: right;
	margin: 0 0 0 0;
	float: right;
}

div.tc_menu_full {
	clear: both;
	display: block;
	}
div.tc_menu_short {
	display: none;
	}

div.left_rubric {
	color: white;
	background-color: brown;
	font-weight: bold;
	padding: 2 0 3 2;
	margin: 0 0 2 0;
	}
div.left_bad_news {
	color: white;
	background-color: black;
	font-weight: bold;
	padding: 2 0 3 2;
	margin-bottom: 2;
	}
div.left_header {
	color: brown; /* Строка коричневого цвета */
	font-weight: bold;
	}
div.header {
	font-weight: bold;
	font-size: 17;	
	}
div.videoheader {
	color: brown;
	font-weight: bold;
	font-size: 17;
	}
div.videodescription {
	color: black;
	}
div.smallvideoheader {
	color: brown;
	font-weight: bold;
	font-size:13;
	}
div.smallvideodescription {
	color: black;
	}
div.subheader {
	color: gray;
	font-weight: bold;
	margin: 0 0 5 0; 
	}
div.place {
	color: black;
	font-weight: bold;
	font-size: 12;
	margin: 0 0 5 0;
	}
div.author_izd_date {
	font-size: 12;
	margin: 0;
	}
div.little_str {
	font-size: 10;
	margin: 0 0 3 0; /* хотя здесь поле снизу едва ли понадобится */
	}
div.composer_str {
	font-size: 12;
	}
div.right { /* справа */
	float: right;
	}	
div.hw09 { /* зарегистрироваться-войти */
	font-size: 8;
	font-weight: 900;
	margin: 0 0 10 0;
	}
div.composer_list {
	margin: 0 0 0 5;
	 column-count:4; 
	 -moz-column-count:4; 
	 -webkit-column-count:4;
}
div.text {
	margin: 0 0 5 0;
	}
div.italic {
	font-style: italic;
	margin: 0 0 5 0;
	/*
	margin-left: 15;
	margin-bottom: 5;
	*/
	}
div.bold {
	font-weight: 900;
	margin: 0 0 5 0;
	/*
	margin-left: 15;
	margin-bottom: 5;
	*/
	}
div.rubric { 
	font-size: 16pt;
	}
div.genre {
	font-weight: 800;
	}
div.birco {
	margin: 0 0 2 0;
	}
div.circo { 
	font-size: 8pt;
	margin: 3 0 1 0;
	}
div.audio { 
	font-size: 8pt;
	margin: 3 0 2 0;
	}
div.photo_video { 
	margin: 5 0 5 0;
	}

/* для внутренних страниц */
div.author_in { 
	font-size: 14;
	margin: 0 0 4 2;
	}
div.tpo_in { 
	font-size: 12;
	margin: 0 0 3 3;
	}
div.title_in { 
	font-size: 16pt;
	margin: 0 0 5 0;
	}
div.podzag_in { 
	font-size: 9pt;
	margin: 0 15 5 15;
	}
div.person_in { 
	font-size: 10pt;
	letter-spacing: 0.3em; 
	margin: 0 0 5 0;
	}
div.inside_page {
	max-width: 960;
	margin: 0 auto;
	background: #FFFFFF;
	padding: 10;
}
div.vertical_scroll {
	background: #FFFFFF; 
	width: 70%;
    height: 845;	
	margin: 0 10 0 10; 
	padding: 0 10 0 10; 
	float: left;
	overflow-x:hidden;
    overflow-y:scroll;
}

div.right_count {
	background: #FF9900; 
	margin: 0 10 0 10; 
	padding: 0 10 0 10;
}
div.cr {
	font-size: 14;
	margin: 0 2 10 3;
}
div.footer {
	clear: all;
}

/* -----------------------------------------------------------------------------------------------------------------   span --------------------------------------------------------------------------------------------------------------------------*/	
span.title { 
	/*color: #0000FF;*/
	color: brown;
	}
span.show_hide { 
	color: #990033;
	}
span.show_hide:hover { 
	text-decoration: underline;
	}

br.br {
	display: none;
	}
/* -----------------------------------------------------------------------------------------------------------------   A  ----------------------------------------------------------------------------------------------------------------------------*/			
a {	
	/*color: #0000FF; /* Ссылка синего цвета */
	color: #000000; /* Ссылка черного цвета */
	text-decoration: none; /* Убирает подчеркивание для ссылок */
	}
a:hover {
	/*color: #0000FF; /* Ссылка синего цвета */
	color: red; /* Ссылка красного цвета */
	/*text-decoration: underline;*/
	}
a.title { 
	color: #0000FF;
	}
a.event_title{	
	color: brown; /* Ссылка коричневого цвета */
	text-decoration: none; /* Убирает подчеркивание для ссылок */
	}
a.event_title:hover {
	color: brown; /* Ссылка коричневого цвета */
	text-decoration: underline;
	}
a.green { 
	color: #009966; /*сразу зеленый*/
	}
a.green:hover { 
	color: #009966; /*зеленый*/
	text-decoration: underline;
	}
a.gray3green { 
	color: #333333;		
	}
a.gray3green:hover { 
	color: #009966; /*зеленый*/
	text-decoration: underline;
	}
a.name {	
	color: #0000FF; /* Ссылка синего цвета */
	text-decoration: none; /* Убирает подчеркивание для ссылок */
	}

/* -----------------------------------------------------------------------------------------------------------------   hr  ----------------------------------------------------------------------------------------------------------------------------*/			
hr {
	color: black; 
	background-color: black; /* для других браузеров*/
	height: 2; /* Толщина линии */
	border: none; /* Убираем границу для браузера Firefox */
	clear: left;
	}

/* -----------------------------------------------------------------------------------------------------------------   img  ----------------------------------------------------------------------------------------------------------------------------*/		
img.logo_keyF {
	width: 150; 
	margin: 6 6 6 0;
	float: left;
}

img.logo_bekar {
	width: 150; 
	height: 96;
	margin: 6 6 6 0;
	float: left;
}

img.composer_photo {
	height: 116;
	margin: 6 6 6 0;
	float: left;
}

img.lng_flag {
	width: 28; 
	height: 15;
}

img.pp_nk {
	width: 300;
	margin: 4 10 5 0;
	float: left;
}

img.TPO_logo {
	width: 150;
	margin: 0 auto;
}
img.teacrit_logo {
	 width: 330;
	 margin: 10 0 10 0;
}
div.slider {
	display: block;
	}
img.announce_picture {
	width: 160;
	float: left;
	margin: 0 5 5 0;
}
img.calendar_event {
	width: 153;
	/*width: 105;*/
	margin: 0 10 7 0;
	float: none;
}
img.publication {
	width: 179;
	/*width: 105;*/
	margin: 0 1 7 0;
	float: none;
}
img.calendar_central {
	width: 150;
	margin: 5 5 5 5;
	float: left;
}
img.video_thumbnail {
	width: 170;
	margin: 0 10 0 0;
	float: none;
}
img.network {
	width: 21;
	height: 19;
	margin: 0 5 0 0;
	vertical-align: top;
}
img.icon-play {
	border: none;
	position: relative;
	top: 5; 
}
img.play_audio {
	border: none;
	width: 21;
	margin: 0 3 0 0;
	/*
	position: relative;
	top: 5;
	*/
}
img.play_video {
	border: none;
	width: 21;
	margin: 0 3 0 0;
	position: relative;
	top: 5;	
}

/* -----------------------------------------------------------------------------------------------------------------   iframe  ----------------------------------------------------------------------------------------------------------------------------*/		
iframe.main_video {
	width: 640;
	height: 360;
	margin: 0 0 7 0;
}

iframe.syte_frame {
	width: 100%;
	max-width: 920;
	height: 740;
	margin: 0 0 7 0;
}
