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

html {padding: 0; height: 100%; width: 100%;}
body {/*min-height: 100%;*/ width: 100%; position: relative; padding: 0px; margin: 0px;}
* html body {height: 100%; width: 100%;}

div.strut {	clear: both;}


.relative { position: relative; }
.absolute { position: absolute; top: 0; left: 0; z-index: 100; }


/* Ссылки */
a,
span.switch
{ color: #3C62DE; border-color: #3C62DE; cursor: pointer; outline: none; }

a:visited
{ color: #551a8b; border-color: #551a8b; }

a:hover,
span.switch:hover
{ color: #f01a00; border-color: #f01a00; }

a.quoted_lnk
{ text-decoration: none; }

a .slaquo,
a .hlaquo,
a .slaquo-s,
a .hlaquo-s,
a .slaquo-b,
a .hlaquo-b
{ margin: 0; }

.quoted_lnk .inner_q_l
{ text-decoration: underline; }

span.switch
{ text-decoration: none; border-bottom: 1px dashed; }

a img { border: none; }


h1 
{
	font-family: arial;
	font-weight: normal;
	font-size: 2em;
	line-height: 1.2em;
	margin-top: -5px;
	margin-bottom: 10px;
}

p.under-h1
{
margin-top:-5px;
}

div.after-h1
{
margin-top:1.5em;
}


h4-photos
{
	margin-bottom: 0em;
}

h4
{
	margin-top: 1.5em;
	margin-bottom: 0em;
}

sup
{
	font-size: 0.7em;
}


p.caption
{
	font-family: verdana;
	font-size: 0.875em;
	line-height: 1.3em;
	margin-top: 0.5em;
	margin-bottom: 10px;
}


span.smallcapitals
{
	font-size: 0.875em;
	letter-spacing: 0.15em;
}

div.general-index
{ 
	min-width: 760px;
	font-family: arial;
	font-size: 13px;
	line-height: 18px;
	padding-bottom: 5px;
	
}

div.general 
{ 
	min-width: 970px;
	font-family: arial;
	font-size: 13px;
	line-height: 18px;
	padding-bottom: 5px;
}

div.menu
{
	margin-top:20px;
}

div.menu-index
{
	width: 16%;
	height: 100%;
	margin-left:5%;
	margin-top: 5px;
	float: left;
}


div.menu-icon 
{
 float:left;
 vertical-align:top;
 }


div.header
{ 
	margin-top: 10px;
	margin-left: 5%;	
	max-width: 1200px;
}

div.about
{
	margin-top:10px;
}

div.content
{
	margin-left: 5%;
}

div.show
{
	width: 200px;
	height: 250px;
	margin-top: 30px;
	margin-right: 40px;
	float:left;
}

div.footer
{
	margin-left: 5%;
	margin-top: 40px;
	margin-bottom: 10px;
}



div.center
{
	width: 50%;
	margin-top:10px; 
	margin-left: 18%;
	
	float: left;
}

div.relative {
	position:relative;
	top:0px;
	left:0px;
}

div.photo {
	margin-top:0px;
	position: absolute;
	left:-2em;
	top:-0.2em;
}

div.footnote {
	margin-top: -4px;
	position: absolute;
	width: 35%;
	right: -45%;
	top: 0px;
}

div.footnote-left {
	margin-top: -4px;
	position: absolute;
	width: 35%;
	left: -193px;
	top: 10px;
}

div.section_pic {
	float:left;
	margin-right: 1em;
	width: 100%;
	height: 446px;
}

div.section_pic2 {
	float:left;
	margin-left:5%;
	width: 782px;
	height: 507px;
}


#hpic1{
	background: url(/img/bb.png) no-repeat right center;
}

#hpic2{
	background: url(/img/timetable-before.png) no-repeat center center;
}


#hpic3{
	background: url(/img/tiger-ng.png) no-repeat left bottom;
}

.text-verdana
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.875em;
	line-height: 1.5em;
	margin-top:3px;
}

span.slaquo {margin-right: 0.44em}
span.hlaquo {margin-left: -0.44em}
span.slaquo-s {margin-right: 0.6em}
span.hlaquo-s {margin-left: -0.6em}
span.slaquo-b {margin-left: 0.85em}
span.hlaquo-b {margin-left: -0.85em}


.sbrace { margin-right: 0.3em; }
.hbrace { margin-left: -0.3em; }


.photos
{
	margin-top: 10px;
	margin-bottom: 25px;
}

.p0
{
margin:0em;
}

div.bb-left
{
	position:absolute;
	width: 65px;
	height: 446px;
	left: 0px;
	bottom: 54px;
}

div.timetable-right
{
	position:absolute;
	width: 19px;
	height: 600px;
	right: 0px;
	bottom: 54px;
}

.navi
{
	border-left: 2px solid #008800;
	margin-left: -12px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-left: 10px;

}

.dashed-href
{
text-decoration:underline;
}



/* Переключалка */

.content-row .left-column .text .img
{ margin: 0 0 1em; width: 111%; overflow: hidden; position: relative; //zoom: 1; }

.content-row .left-column .text img.absolute { z-index: 1; }

span.switch { margin-left: .2em; margin-right: .2em; }

span.switch.current-switch
{ color: #000; cursor: default; background: #fcebcc; border-bottom: .2em solid #fcebcc; padding-left: .2em; padding-right: .2em; margin: 0; }

/* Ползунок */

.slider {
	margin: 0.5em auto;
	position: relative;
	width: 300px;
	height: 15px;
	background: url(img/hbg.png) 50% 50% repeat-x;
}
.slider img {
	position: absolute;
	top: 0px;
	left: 85px;
}
.slider .left, .slider .right {
	height: 12px;
	width: 2px;
	position: absolute;
	top: 0px;
}