body
{
font-family: Arial, sans-serif;
font-size: 0.8em;
}

div#layout
{
min-width: 1000px; max-width: 1408px; width: auto;
width: expression(
        (
                document.getElementById('measurer')
                /* min-width */
                && document.getElementById('measurer').clientWidth < 1000
        )
        ?       1000
        :       (
                        document.getElementById('measurer')
                        /* max-width */
                        && document.getElementById('measurer').clientWidth < 1408
                )
                ?       '100%'
                :       ( document.getElementById('measurer') )
                        ?       1408
                        :       'auto'
);
}

#reducer
{
position: relative; z-index: 1;
width: 100%;
padding: 0 0 100px 0;
background: center top repeat-y;
}

#header
{
position: relative; z-index: 3;
height: 78px;
margin: 0 0 -1px 0;
background: center top no-repeat;
}

#logo,
#logo_print_version
{
position: absolute; z-index: 1;
left: 50%;
margin-left: -87px;
}
#logo_print_version
{
visibility: hidden;
}

#logo img { background-image: url('/f/1/i/logo.png'); }
* html #logo img { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/f/1/i/logo.png); }

p#procion_url { position: absolute; top: 24px; left: 15px; z-index: 5; margin: 0.5em 0 0 0; }
p#procion_url a:link,
p#procion_url a:visited { color: #769c2d; }
p#procion_url a:hover { color: #dabb14 ! important; }

p#language_switch { position: absolute; top: 44px; left: 15px; z-index: 5; margin: 0.5em 0 0 0; }
p#language_switch a:link,
p#language_switch a:visited { color: #769c2d; }
p#language_switch a:hover { color: #dabb14 ! important; }

#navigation
{
position: absolute; z-index: 4;
top: 0; right: 5%;
width: 40%; height: 64px;
margin: 0 0 0 -3em;
}

#left_navigation
{
position: absolute; z-index: 4;
top: 0; left: 0;
width: 40%; height: 64px;
margin: 0 0 0 0;
}
#left_navigation ul.left_navigation li { position: absolute; z-index: 5; }
#left_navigation table.left_navigation, #left_navigation #key { position: absolute; top: 70%; left: 30px; z-index: 5; margin: 0 0 0 64px; }
#left_navigation table.left_navigation td { padding-top: 0.5em; padding-bottom: 16px; padding-left: 0; white-space: nowrap; }
#left_navigation table.left_navigation td:first-child { padding-right: 4em; }
#left_navigation table.left_navigation td.first-child { padding-right: 4em; }
#left_navigation table.left_navigation li { margin: 0 0 0.25em 0; }
#left_navigation table.left_navigation a:link,
#left_navigation table.left_navigation a:visited,
#left_navigation table.left_navigation b
{ color: #ffcc33; }

#navigation ul.navigation li { position: absolute; z-index: 5; }
#navigation table.navigation { position: absolute; top: 70%; left: 80px; z-index: 5;}
#navigation #key { position: absolute; top: 70%; left: 30px; z-index: 5; margin: 0 0 0 64px; }
#navigation #key { top: 0; left: -23px; border: 0; background: url('gold-key.png') 0 0 no-repeat; //background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gold-key.png', sizingMethod='crop'); }
#navigation table.navigation td { padding-top: 0.5em; padding-bottom: 16px; padding-left: 0; white-space: nowrap; }
#navigation table.navigation td:first-child { padding-right: 1.5em; }
#navigation table.navigation td.first-child { padding-right: 1.5em; }
#navigation table.navigation li { margin: 0 0 0.25em 0; }

.menu_top{
 position: absolute;
 z-index: 20; 
 left: 9.5%;
 top: 45px;
 font-size: 0.89em;       
}
.menu_top table.navigation td { padding-top: 0.5em; padding-bottom: 16px; padding-left: 0; white-space: nowrap; }
.menu_top table.navigation td:first-child { padding-right: 4em; }
.menu_top table.navigation td.first-child { padding-right: 4em; }
.menu_top table.navigation li { margin: 0 0 0.25em 0; }

.menu_top table.navigation a:link,
.menu_top table.navigation a:visited,
.menu_top table.navigation b
{ color: #f6d72e; }

.menu_top table.navigation ul a:link,
.menu_top table.navigation ul a:visited,
.menu_top table.navigation ul b
{ color: #f6d72e; }
.menu_top table.navigation ul .selected a
{ font-weight: bold; }

#layout table.left_navigation a:link,
#layout table.left_navigation a:visited,
#layout table.left_navigation b
{ color: #ffcc33; }

#layout table.navigation a:link,
#layout table.navigation a:visited,
#layout table.navigation b
{ color: #ffcc33; }

#layout table.left_navigation ul a:link,
#layout table.left_navigation ul a:visited,
#layout table.left_navigation ul b
{ color: #000000; }

#layout table.navigation ul a:link,
#layout table.navigation ul a:visited,
#layout table.navigation ul b
{ color: #000000; }

#layout table.left_navigation ul .selected a
{ font-weight: bold; }

#layout table.navigation ul .selected a
{ font-weight: bold; }

#content
{
position: relative; z-index: 2;
width: 100%; min-height: 730px; //height: 830px;
padding: 50px 0 0 0;
border-top: 1px solid;
background: center top no-repeat;
}
#content #center
{
position: relative;
max-width: 1388px;
width: auto;
width: expression(
        (
                document.body
                /* max-width */
                && document.body.clientWidth < 1388
        )
        ?       '100%'
        :       ( document.body )
                ?       '1388px'
                :       'auto'
);
padding: 0 0 3em 0;
}
#content .reducer
{
padding: 0 7% 0 7%;
text-align: left;
}

#footer
{
position: absolute; z-index: 1;
left: 0; bottom: -1px;
width: 100%; height: 500px;
background: center bottom no-repeat;
text-align: center;
}
#footer .navigation
{
position: relative; z-index: 10;
left: 0; top: 100%;
margin: -30px 0 0 0; padding: 0 0 1.5em 0;
}

#footer,
#language_switch,
#procion_url,
#navigation,
#left_navigation,
#home_page #content
{
font-size: 0.89em;
}

/* links hover */

a:hover,
#home_page #footer a:hover
{ color: #ffcc33 ! important; }

/* common */
h1 { color: #000000; font-family: serif; font-size: 2.4em; margin-bottom: 0.25em; }
h1 sup { font-size: 0.85em; }
h2, h3 { color: #990033; }

.cols2
{
width: 100%;
}
.cols2 .a,
.cols2 .b
{ width: 45%; //width: 49%; float: left; }
.cols2 .a { padding-right: 5%; }
.cols2 .b { padding-left: 5%; }
/*-----------*/
.cols2 .gal_a { width: 55%; //width: 59%; float: left; }
.cols2 .gal_b { width: 35%; //width: 39%; float: left; }
.cols2 .gal_a { padding-right: 5%; }
.cols2 .gal_b { padding-left: 5%; }
/*-----------*/
.framed,
.framed .f_r,
.framed .f_b,
.framed .f_l,
.framed .f_c
{
float: left;
position: relative; z-index: 1;
width: auto; height: auto;
margin: 0; padding: 0;
}
.framed .f_tt,
.framed .f_rr,
.framed .f_bb,
.framed .f_ll
{
display: none;
}
.framed
{
margin: 0 30px 15px 0;
background: url('hint-t.png') no-repeat left top;
//background: none;
}
.framed .f_r
{
left: 30px;
background: url('hint-r.png') no-repeat right top;
//background: none;
}
.framed .f_b
{
top: 30px;
background: url('hint-b.png') no-repeat right bottom;
//background: none;
}
.framed .f_c
{
float: none;
position: relative;
left: 25px; top: -15px;
padding: 1px; margin: 0 25px 0 0;
background: #ffffff;
}
.framed .f_l
{
left: -30px;
padding: 10px 0 15px 0;
background: url('hint-l.png') no-repeat left bottom;
//background: none;
}
* html .framed .f_r,
* html .framed .f_b,
* html .framed .f_l
{ height: 0; }
* html .framed .f_tt,
* html .framed .f_rr,
* html .framed .f_bb,
* html .framed .f_bb div,
* html .framed .f_ll,
* html .framed .f_ll div
{
display: block;
position: absolute;
left: 0; top: 0;
}
* html .framed .f_tt
{
background: url('hint-t.png') no-repeat left top;
}
* html .framed .f_rr
{
background: url('hint-r.png') no-repeat left top;
}
* html .framed .f_tt,
* html .framed .f_bb
{
width: expression( parentNode.offsetWidth ); height: 30px;
}
* html .framed .f_rr,
* html .framed .f_ll
{
width: 30px; height: expression( parentNode.offsetHeight );
}
* html .framed .f_bb,
* html .framed .f_ll
{
overflow: hidden;
}
* html .framed .f_bb div
{
width: 3000px; height: 30px;
background: url('hint-b.png') no-repeat left top;
}
* html .framed .f_ll div
{
width: 30px; height: 3000px;
background: url('hint-l.png') no-repeat left top;
}
/* Исправляем неправильный расчет позиции при "нечетной ширине" */
* html .framed .f_rr,
* html .framed .f_bb div
{ right: expression( this.parentNode.offsetWidth % 2 ? -1 : 0 ); left: auto; }
* html .framed .f_ll,
* html .framed .f_ll div,
* html .framed .f_bb,
* html .framed .f_bb div
{ bottom: expression( this.parentNode.offsetHeight % 2 ? -1 : 0 ); top: auto; }

.framed .f_c p1
{
margin: 0; padding: 0.5em 0;
}

blockquote,
.signature
{
font-family: serif;
font-size: 1.1em;
}
.signature
{
font-style: italic;
}

#content ul { position: relative; }

/* home page */

#home_page { background: #1f2d02; color: #ffcc33; }

#home_page #layout
{
overflow: hidden;
height: 1024px;
}
#home_page #reducer,
#home_page #navigation,
#home_page #content,
#home_page #footer
{
position: absolute; z-index: 1;
left: 0; top: 0;
width: 1408px; height: 1024px;
margin: 0;
}
#home_page #reducer
{
margin: 0 0 0 -704px;
left: 50%; top: 0;
}
#home_page #header { width: 50%; }
#home_page #logo { left: 100%; }
#home_page #navigation table.navigation, #home_page #navigation #key { margin-top: -672px; margin-left: 900px; left: -3em; z-index: 7; }
#home_page #navigation #key { margin-top: 0; margin-left: 847px; }
#home_page #navigation table.navigation a { color: #f6d72e; }
#home_page #content
{
z-index: 2;
left: 670px; top: 650px;
width: 28em; height: auto; min-height: 0;
padding: 0;
margin: 0;
border: 0 hidden;
}
#home_page #footer
{
left: 0; top: 696px;
width: auto; height: auto;
text-align: left;
}
#home_page #footer p { margin: 8em 0 0 670px; }

a.top { position: absolute; top: -10; left: -10; z-index: 3; }

#home_page #navigation ul.navigation img { position: absolute; z-index: 2; }
#home_page #navigation ul.navigation .on img,
#home_page #navigation ul.navigation img.on
{ width: 0 ! important; height: 0 ! important; }
#home_page #navigation ul.navigation .on img.on { width: auto ! important; height: auto ! important; }

#home_page #footer,
#home_page #footer a:link,
#home_page #footer a:visited
{ color: #ffffff; }
#home_page #navigation a:hover
{ color: #ffffff ! important; }


#type_18_page,
#type_18_page #header
{ background-color: #1e3a00; }
#type_18_page #header  { background-image: url( 'bg-championship-1.jpg' ); }
#type_18_page #content { background-image: url( 'bg-championship-2.jpg' ); border-color: #1e3a00; }
#type_18_page #reducer { background-image: url( 'bg-championship-3.jpg' ); background-color: #f6d72e; }
#type_18_page #footer  { background-image: url( 'bg-championship-4.jpg' ); }
#type_18_page a:link,
#type_18_page a:visited
{ color: #f3d835; }
#type_18_page a:hover { color: #ffffff ! important; }
#type_18_page,
#type_18_page #content a:link,
#type_18_page #content a:visited
{ color: #3c3614; }
#type_18_page .cols1,
#type_18_page .cols2 .a,
#type_18_page .cols2 .b
{ margin: 0 0 50px 0; }
#type_18_page .cols2 .framed .b { margin: 0; }

#type_18_page #navigation table.navigation ul a:hover,
#type_18_page #content a:hover
{ color: #990000 ! important; }