@charset "utf-8";
/* CSS Document */

body{
background-color:#1d0100;
font-family:Arial, Helvetica, sans-serif;
padding:0px;
margin:0px;
color:#414245;
}

.iePNG, IMG {
	filter: expression(fixPNG(this));
} 

.iePNG A {
	position: relative;
}

.td-right-sh {
	width: 7px;
	filter: expression(fixPNG(this));
	background: url(/bitrix/templates/mozart/images/h-bg.png) right top no-repeat;
}

.td-bottom-sh {
	height: 7px;
	filter: expression(fixPNG(this));
	background: url(/bitrix/templates/mozart/images/v-bg-1.png) right top no-repeat;
} 

p{
font-size:11px;
margin:0px;
padding:0px;
}

h1{
font-size:16px;
font-weight:normal;
margin:0px;
padding:0px;
color:#414245;
}

h2{
font-size:11px;
margin:0px;
padding:0px;
}

h3{
font-size:10px;
margin:0px;
padding:0px;
}

span{
margin:0px;
padding:0px;
}

h4{
font-size:12px;
font-weight:bold;
margin:0px;
padding:0px;
}



/* Ссылки
--------------------------------------------------------*/
a:link{
color:#5a2424;
text-decoration:none;
}
a:visited{
color:#5a2424;
text-decoration:none;
}
a:hover{
color:#5a2424;
text-decoration:none;
}
a:active{
color:#5a2424;
text-decoration:none;
}


/* Структура
--------------------------------------------------------*/

#logo_for_print{
display:none;
}

#logo_for_print p span{
display:none;
}

#main {
width:932px;
background-color:#b42d00;
margin-left:auto;
margin-right:auto;
padding:0px;
}

.header_menu{
font-size:12px;
}

.top_menu_elem{
padding:0px 3px 0px 3px;
background-image:url(/bitrix/templates/mozart/images/border_for_header_men.gif);
background-repeat:no-repeat;
background-position:right;
}

#head{
width:930px;
height:65px;
background-color:#f9df95;
background-image:url(/bitrix/templates/mozart/images/note.gif);
background-repeat:repeat-x;
border-right:1px solid #562409;
border-top:1px solid #562409;
border-left:1px solid #562409;
margin:0px;
padding:0px;
}

#head p{
width:180px;
height:41px;
background-image:url(/bitrix/templates/mozart/images/logo_navicon.gif);
background-repeat:no-repeat;
margin:8px 0px 0px 10px;
float:left;
}

#head p span {
display:none;
}




#search_form{
background-image:url(/bitrix/templates/mozart/images/form_back.gif);
background-repeat:no-repeat;
margin:0px;
padding:0px 0px 0px 5px;
border:0px;
width:168px;
height:17px;
color:#4b728a;
}


form.popup-auth  {
	width:215px;
	padding:0px 5px 0px 0px;
	margin:0px;
}

.popup-auth #popup-auth-form {
	display: none;
	position:relative;
	width: 160px;
	z-index: +900000;
}

.popup-auth #popup-auth-form td.td-form {
	background-color: white;
	border: 1px solid #E3E3E3;
	padding: 0px;
}
#popup-auth-form td td {
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	color: #686D6C;
	padding: 2px;
}

#popup-auth-form td.label {
	text-align: right;
}

#popup-auth-form td input.text {
	width: 110px;
	border: 1px solid #AEAEAE;
}


.popup-auth .btn {
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	color: #5a2424;
	width: 168px;
		margin-top: 5px;
	padding:6px 0px 0px 0px;
	height: 17px;
	line-height: 17px;
	cursor: pointer;
	cursor: hand;
	text-align: center;
}

.popup-auth .btn_on {
	
}
.popup-auth .btn_off {
	
}

.popup-auth .btn div {
	padding-top: 5px;
	padding-left: 5px;
}

.popup-auth .auth-block {
	font-size: 11px;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	color: #004B9E;
	margin-top: 5px;
	height: 17px;
}

.popup-auth .auth-block .auth-prompt {
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	color: #686D6C;
	padding-top: 4px;
}

.popup-auth .auth-block .exit-btn {

}

.msgfrm{
width:215px;
padding:0px 3px 0px 3px;
margin:0px;
}	

.msgfrm a {
margin-right:7px;
}

#top_menu_horizontal{
width:930px;
height:20px;
background-image:url(/bitrix/templates/mozart/images/back_menu_usual.gif);
background-repeat:repeat-x;
margin:0px;
padding:0px;
border-right:1px solid #94b1c3;
border-left:1px solid #94b1c3;
border-bottom:1px solid #94b1c3;
}

#cont_for_ban {
width:930px;
height:300px;
background:url(/bitrix/templates/mozart/images/mozzart_file.jpg) top;
background-color:#ffffff;
border-left:1px solid #562409;
border-right:1px solid #562409;
position:relative;
margin-top:-7px;
}


#main_content{
width:607px;
margin:5px 0px 0px 7px;
padding:0px;
position:relative;
}

#gen_descrip{
width:676px;
margin:0px;
padding:0px;
}

#gen_descrip_text{
width:666px;
height:142px;
background-color:#FFFFFF;
border-left:1px solid #cfcfcf;
border-right:1px solid #cfcfcf;
margin:0px;
padding:3px 5px 3px 5px;
}

#gen_descrip_text p{
margin:0px;
padding:0px;
}

#News_and_events{
padding:5px 0px 0px 0px;
margin:0px;
width:676px;
height:242px;
}

#Big_news_event_block{
width:676px;
background-color:#FFFFFF;
border-left:1px solid #cfcfcf;
border-right:1px solid #cfcfcf;
margin:0px;
height:235px;
display:block;
}

#Big_news_event_block h2{
color:#22506c;
margin:3px 0px;
}

#Big_news_event_block p{
margin:2px 0px;
}

#Big_news_event_block span{
margin:3px 0px 5px 0px;
font-size:11px;
}

#Big_news_event_block h4{
margin:3px 0px;
}

#News_block{
width:323px;
float:left;
margin:0px;
padding:3px 5px 3px 5px;
}


#Events_block{
width:323px;
float:right;
padding:3px 5px 3px 5px;
border-left:1px solid #e6e6e6;
}


#all_news_event{
clear:both;
}

#all_news_event h3{
width:327px;
float:left;
padding:5px;
}

#now_flow{
clear:both;
}



#foot_info{
width:932px;
height:24px;
background-image:url(/bitrix/templates/mozart/images/footer_backgr.gif);
background-repeat:no-repeat;
background-position:right;
margin:0px;
padding:5px 0px 5px 0px;
font-size:11px;
color:#FFFFFF;
}


#foot_info a{
color:#ffffff;
}

/* Общие элементы
-------------------------------------------------------------------------------------*/

.big_top_board{
width:678px;
height:6px;
background-image:url(/bitrix/templates/mozart/images/main_block_top_bord.gif);
background-repeat:no-repeat;
background-position:bottom;
margin:0px;
padding:0px;
}

.big_bottom_board{
width:678px;
height:6px;
background-image:url(/bitrix/templates/mozart/images/main_block_bottom_bord.gif);
background-repeat:no-repeat;
background-position:top;
margin:0px;
padding:0px;
}

.tel{
background-image:url(/bitrix/templates/mozart/images/tel_icon.gif);
background-repeat:no-repeat;
background-position:left;
height:18px;
padding-left:24px;
padding-top:3px;
margin-right:82px;
}

.e-mail{
background-image:url(/bitrix/templates/mozart/images/e_mail_icon.gif);
background-repeat:no-repeat;
background-position:left;
height:18px;
padding-left:24px;
padding-top:3px;
margin-right:82px;
}

.adress{
background-image:url(/bitrix/templates/mozart/images/adress_icon.gif);
background-repeat:no-repeat;
background-position:left;
height:18px;
padding-left:24px;
padding-top:3px;
}

/* Баннеры и кнопки
-------------------------------------------------------------*/

#right_bans_block{
width:304px;
margin:5px 5px 0px 5px;
padding:0px;
display:block;
}

#img_links{
width:304px;
}


#img_links a{
padding:0px 1px 0px 0px;
margin:0px;
}

#img_links img {
margin:0px 2px 0px 0px;
padding:0px;
}

#bottom_big_banner{
display:block;
margin:4px 0px 0px 0px;
padding:0px;
}

/*  Верхнее меню навигации
----------------------------------------------------------------------*/

/*ul#MenuBar9{
	width:10em;
}
ul#MenuBar9 ul{
	width:10em;
	margin: -2% 0 0 95%;
}
	
ul#MenuBar9 li a{
	background-image:url(imgtest/img_bg.gif);
	width:100px;
	border:none;
	
}
ul#MenuBar9 li a.MenuBarItemSubmenu{
	background-image:url(imgtest/img_bg_arrow.gif);
}
*/

#MenuBar9{
width:930px;
height:20px;
padding:0px;
margin:0px;
}

ul#MenuBar9 a{
	background-color:transparent;
	color:#FFFFFF;
	font-size:12px;
	margin:0px;
	padding:0px;
	height:17px;
}
ul#MenuBar9 li{
	background-image:url(/bitrix/templates/mozart/images/back_menu_usual.gif);
	background-repeat:repeat-x;
	height:20px;
	margin:0px;
	padding:0px;
	border-right:1px solid #94b1c2;
	
}

ul#MenuBar9 li a:hover{
	background-image:url(/bitrix/templates/mozart/images/back_menu_hover.gif);
	background-repeat:repeat-x;
	height:17px;
}

ul#MenuBar9 li a{
	color:#FFF;	
	margin:0px;
	padding:0px;
}
ul#MenuBar9 li li{
background-color:#eff6e8;
background-image:none;
margin:0px;
	padding:0px;
	font-size:11px;
	border-bottom:1px solid #94b1c2;
	height:20px;
}

ul#MenuBar9 li li a:hover{
background-color:#ffffff;
background-image:none;
font-size:11px;
height:17px;
padding-top:3px;
padding-left:2px;
}
 
ul#MenuBar9 li li a{
	color:#2f6a97;
	margin:0px;
	padding:0px;
	font-size:11px;
	height:17px;
padding-top:3px;
padding-left:2px;
}
ul#MenuBar9 li li li{
background-color:#eff6e8;
background-image:none;
margin:0px;
	padding:0px;
	font-size:11px;
	border-bottom:1px solid #94b1c2;
	height:20px;
}

ul#MenuBar9 li li li a:hover{
background-color:#ffffff;
background-image:none;
font-size:11px;
height:17px;
padding-top:3px;
padding-left:2px;
}

ul#MenuBar9 li li li a{
	color:#2f6a97;
	margin:0px;
	padding:0px;
	font-size:11px;
	height:17px;
padding-top:3px;
padding-left:2px;
}
ul#MenuBar9 a.MenuBarItemHover, ul#MenuBar9 a.MenuBarItemSubmenuHover, ul#MenuBar9 a.MenuBarSubmenuVisible{

	}



/* SpryTabbedPanels.css - version 0.4 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* Horizontal Tabbed Panels
 *
 * The default style for a TabbedPanels widget places all tab buttons
 * (left aligned) above the content panel.
 */

/* This is the selector for the main TabbedPanels container. For our
 * default style, this container does not contribute anything visually,
 * but it is floated left to make sure that any floating or clearing done
 * with any of its child elements are contained completely within the
 * TabbedPanels container, to minimize any impact or undesireable
 * interaction with other floated elements on the page that may be used
 * for layout.
 *
 * If you want to constrain the width of the TabbedPanels widget, set a
 * width on the TabbedPanels container. By default, the TabbedPanels widget
 * expands horizontally to fill up available space.
 *
 * The name of the class ("TabbedPanels") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabbedPanels container.
 */
.TabbedPanels {
	background-image:url(/bitrix/templates/mozart/images/cont_top_pl.gif);
	background-position:top;
	background-repeat:no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 *
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabGroup container.
 */
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px 0px 0px 6px;
}

/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
.TabbedPanelsTab {
	position: relative;
	width:93px;
	height:16px;
	background-image:url(/bitrix/templates/mozart/images/tabb_off.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	top: 1px;
	float: left;
	padding:4px 0px 0px 0px;
	margin: 0px 0px 1px 0px;
	font-weight:bold;
	font-size:11px;
	text-align:center;
	color:#ffffff;
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}

/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */
.TabbedPanelsTabHover {
	background-image:url(/bitrix/templates/mozart/images/tabb_on.gif);
	width:93px;
	height:16px;
	background-position:bottom;
	background-repeat:no-repeat;
	color:#285c7c;
}

/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */
.TabbedPanelsTabSelected {
	background-image:url(/bitrix/templates/mozart/images/tabb_on.gif);
	width:93px;
	height:16px;
	background-position:bottom;
	background-repeat:no-repeat;
	color:#5a2424;
}

/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
.TabbedPanelsContentGroup {
	clear: both;
	background-color: #ffffff;
}

/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
.TabbedPanelsContent {
	background-color: #ffffff;
	width:607px;
	height:163px;
	background-image:url(/bitrix/templates/mozart/images/cont_bottom_pl.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
}

.pl_bott{
height:2px;
width:607px;
clear:both;
}

.news_pl{
float:left;
width:177px;
padding-left:15px;
margin-left:10px;
padding-top:5px;
}

.news_pl h4{
font-size:10px;
font-weight:bold;
color:#434345;
}

.news_pl a{
font-size:10px;
padding:0px;
margin:0px;
}

.event_pl{
float:right;
width:192px;
padding:4px;
}

.event_pl a{
font-size:10px;
padding:0px;
margin:0px;
}

.about_us{
padding: 4px 11px 0px 11px;
}
.about_us li{
font-size:11px;
padding:0;
margin:0;
}

/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible {
}

/* Vertical Tabbed Panels
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel.
 *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 */

/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}

/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}




/*---------------------------------------------------------------*/

/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: 930px;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 110px;
	float: left;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 110px;
	position: absolute;
	left: -1000em;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	width: 110px;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: 0 0 0 100%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
	border: 1px solid #CCC;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	background-color: #EEE;
	padding: 0px;
	color: #333;
	text-decoration: none;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	background-color: #33C;
	color: #FFF;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-color: #33C;
	color: #FFF;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	background-image: url(SpryMenuBarDown.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	background-image: url(SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarDownHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}







/* Styles for content
----------------------------------------------------------------------------------*/
#contentTable  {
	margin-top: -5px;
}

#columnMain{
	width:728px;
	background-color:#FFFFFF;
	}
	
#content_bord{
position:relative;
border-left:1px solid #e7e6e7;
border-right:1px solid #e7e6e7;
margin:0px;
padding:0px;
}
	
#content_main_text{
width:550px;
margin:0px;
padding:0px;
}

#columnRight{
	float:right;
	width: 167px;
	margin:0px;
	padding:0px;
	}
	
#columnRight ul {
margin:0px;
padding:0px;
}

#columnRight ul li{
list-style:none;
margin:0px 0px 5px 0px;
padding:0px;
}

#columnRight a img {
padding-bottom: 5px;
}


#columnLeft{
	width: 198px;
	padding:0px;
	margin:0px;
	}
	
.for_top_cont{
width:728px;
height:10px;
display:block;
padding:0px;
margin:0px;
}

.for_bottom_cont{
width:728px;
height:10px;
clear:both;
}
	
	
#breadcrumb {
 padding: 0px 0px 10px 10px;
 margin:0px;
 }

#breadcrumb ul {
margin:0px;
padding:0px;
}

	
#breadcrumb ul li {
	display:inline;
	margin:0px;
	padding:0px;
	list-style:none;
	font-size:11px;
	}
	
#page{
padding:10px;
font-size:12px;
}

#page p{
margin:10px 0px 10px 0px;
font-size:12px;
}

#page ul{
margin:5px 0px 5px 25px;
padding:0px;
}

#page ul li{
font-size:12px;
list-style-image:url(/bitrix/templates/mozart/images/li_style.gif);
list-style-position:outside;
margin:0px 0px 5px 0px;
}

#page ol li{
font-size:12px;
}
	
	
#page a:link{

color:#b42d00;

text-decoration:none;

}

#page a:visited{

color:#992701;

text-decoration:none;

}

#page a:hover{

color:#992701;

text-decoration:none;

}

#page a:active{

color:#992701;

text-decoration:none;

}
	

/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}

.top_table{
font-size:11px;
color:#FFFFFF;
border-right:1px solid #CCCCCC;
padding:5px;
}

.top_table_last{
font-size:11px;
color:#FFFFFF;
padding:5px;
}

.usual_td{
font-size:11px;
padding:5px;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
background-color:#FFF;
}

.usual_td_1{
font-size:11px;
padding:5px;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
background-color:#FFF;
}

#table{
width:546px;
background-color:#346a8b;
margin:10px 0px 10px 0px;
}

#table ul{
margin:5px 0px 5px 20px;
}

#table ul li{
list-style-image:url(/bitrix/templates/mozart/images/li_style_small.gif);
}

#right_banners{
width:103px;
margin:20px 0px 0px 30px;
}

#right_banners h4{
font-size:12px;
font-weight:bold;
}

#right_banners ul{
margin:10px 0px 10px 0px;
padding:0px;
}


@charset "UTF-8";

/* SpryMenuBarVertical.css - version 0.6 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
ul.MenuBarVertical
{
	margin:0px;
	padding: 0;
	list-style-type: none;
	font-size: 12px;
	cursor: default;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 12px;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 195px;
	border-bottom:1px solid #c3d4d9;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
{
	margin: 0% 0 0 100%;
	padding: 0;
	list-style-type: none;
	font-size: 12px;
	position: absolute;
	z-index: 1020;
	cursor: default;
	width: 196px;
	left: -1000em;
	top: 0;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
{
	left: 0;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
{
	width: 196px;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
{
	border: 1px solid #CCC;
}
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
{
	border: 1px solid #CCC;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
{
	display: block;
	cursor: pointer;
	background-color: #eff6e8;
	padding: 3px 5px 3px 5px;
	color: #2f6a97;
	text-decoration: none;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
{
	background-color: #FFFFFF;
	color: #2f6a97;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
{
	background-color: #FFFFFF;
	color: #2f6a97;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenu
{
	background-image: url(SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarVertical iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarVertical li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}


#MenuBar10{
margin:8px 0px 0px 0px;
padding:0px;
}

#download_docs, #left_nav{
margin:0px;
padding:0px;
width:196px;
display:block;
}

#bottom_bl{
width:196px;
height:40px;
display:block;
clear:both;
float:none;
}

.no_border{border:none;}

#download_docs h2{
font-size:12px;
font-weight:bold;
margin:0px;
padding:5px 5px 5px 10px;
color:#F0F6E9;
line-height:20px;
background-image:url(/bitrix/templates/mozart/images/left_nav_top.gif);
background-repeat:no-repeat;
background-position:top;
}

#download_docs ul{
background-color:#FFFFFF;
margin:0px;
padding:10px;
}

#download_docs ul li{
list-style:none;
margin:0px;
padding:0px 0px 20px 30px;
font-size:12px;
}

#down_bl_bott{
background-image:url(/bitrix/templates/mozart/images/down_bl_bottom.gif);
background-repeat:no-repeat;
background-position:top;
width:196px;
height:11px;
margin:0px;
padding:0px;
}

.PDF_img{
background-image:url(/bitrix/templates/mozart/images/PDF_img.gif);
background-position:left top;
background-repeat:no-repeat;
}

.DOC_img{
background-image:url(/bitrix/templates/mozart/images/DOC_img.gif);
background-position:left top;
background-repeat:no-repeat;
}

.table {font-size:11px; padding:5px; margin:5px 0px 5px 0px; border:1px solid #999999;}

.logo_img{padding:14px 0px 0px 40px;}
.logo_img2{padding:0px 0px 0px 40px;}

.rcol{
}

.date-filter{
width:500px;
display:block;
}

.date-filter ul{
margin:0px;
padding:0px;
list-style-image:none;
list-style:none;
}

.date-filter ul li{
background-image:url(/bitrix/templates/mozart/images/border_for_header_men.gif);
background-repeat:no-repeat;
background-position:right;
display:block;
float:left;
list-style:none !important;
list-style-image:none !important;
padding:0px 5px 0px 5px;
margin:0px;
}

.one-news img{
margin:0px 5px 5px 0px;
padding:0px;
float:left;
}

.one-news{
margin:10px 0px 10px 0px;
display:block;
padding-bottom:0px;
width:540px;
overflow:hidden;
}

.one-news-text{
display:block;
overflow:hidden;
}

.news-date-time{
font-weight:bold;
}

.detail_picture{
margin:0px 10px 10px 0px;
float:left;
}

.news-detail{
margin:15px 0px 0px 0px;
}

.starrequired input{
background-color:#faf2c8;
}

 

.starrequired_n input{
background-color:#FFFFFF;
}

 

.starrequired_n textarea{
background-color:#FFFFFF;
}

 

.starrequired textarea{
background-color:#faf2c8;
}

.right_battons_img{
width:156px;
height:54px;
margin-bottom:5px;
}


#content_main_text #page table td {
	vertical-align: top;
}

#content_main_text #page table td ul {
	padding:0px;
	margin:0px 0px 0px 15px;
}

#content_main_text #page table td ul li {
	list-style-image:url(/bitrix/templates/mozart/images/table_bullet.gif);
	margin:0px;
	padding:0px;
}

#content_main_text #page table td p {
	padding:3px;
}


/* TOP CLIENT FILTER MENU */

.filter-padding {
	padding-bottom: 30px;
}

.filter {
	background-color: #fffaf6;
	padding: 10px;
}

.filter form {
	padding: 0px;
	margin: 0px;
}

.filter .pole {
	clear: both;
}

.filter .pole .prompt {
	padding-top: 3px;
	clear: both;
}

html>body .filter .pole .prompt {
	padding-top: 5px;
} 

.filter .btn {
	/*clear: both;*/
	padding-top: 5px;
} 

html>body .filter .btn {
	padding-top: 8px;
}

.filter .one-input {
	float: left;
	width: 100%;
}

.filter .top-line {
	width: 100%;
}

.filter .one-input .prompt input {
	border: 1px solid #AEAEAE;
	padding-left: 5px;
	padding-right: 5px;
	width: 90%;
}

.filter .popup-select .title {
	color: #0E54A1;
	font-weight: bold;
	font-size: 13px;
	float: left;
	padding-right: 5px;
	border: 1px solid #EFF5FB;
	height: 17px;
}

.filter .popup-select-active .title {
    border: 1px solid #CFD8E1;
}

.filter .popup-select .image {
	float: left;
	padding-left: 1px;
} 

#content-regular .filter .popup-select .image img {
	padding: 0px;
	margin: 0px;
}

.filter .popup-select .pre-popup {
	position: absolute;
	display: none;
	z-index: +5;
}

.filter .popup-select .pre-popup {
    margin-top: 21px;
}

.filter .popup-select .uninit {
	display: block;
}

.filter .popup-select .popup {
	border: 1px solid #CFD8E1;
	padding: 10px;
	background-color: white;
	padding-bottom: 5px;
}

.filter .popup-select-active .pre-popup {
	display: block;
} 

.filter .popup-select .popup .option {
	padding-bottom: 5px;
	white-space: nowrap; 
} 

.filter .popup-select .popup .option a, .filter .popup-select .popup .option a:hover {
	font-size: 12px;
	text-decoration: none;
	display: block;
}

#content_main_text #page1 td table tr td{
	vertical-align: middle;
border-right:1px solid #d3edfa;
text-align:center;
padding:5px 2px 5px 2px;
}

#content_main_text #page1{
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:11px;
width:530px;
border:1px solid #0099FF;
}

#content_main_text #page1 a {
text-decoration:none;
color:#fff;
}


#content_main_text #page1 td table{
border-bottom:1px solid #d3edfa;
border-top:none;
border-left:none;
border-right:none;
}


#content_main_text  #page1 table{
border-collapse:collapse;
}