#ondMain {
	margin:0px auto;
	width:860px;
	background-color: #5f8dd3; /*#d7e3f4;*/
	/*background: url(fon.png) no-repeat 0px 530px #afc6e9;*/
	border:1px solid #2c5aa0;
	-ms-user-select: none; 
    -moz-user-select: none; 
    -webkit-user-select: none; 
    user-select: none; 
}

#ondContent {
	width:860px;
	height:645px;
	display:inline-block;
	position:relative;
}

#ondImage {
	width:100%;
	height:100%;
}

.ondImage {
	width:860px;
	height:645px;
	top:0px;
	left:0px;
	position:absolute;
	-ms-user-select: none; 
    -moz-user-select: none; 
    -webkit-user-select: none; 
    user-select: none; 
}

.ondVideo {
	display:none;
	position: absolute;
}

#ondImageLoader{
	background:url(/test/ond/loader.gif) no-repeat 370px 260px;
}

#ondName {
	width:860px;
	height:32px;
	background:url(name.png);
	position:absolute;
	left:0px;
	top:613px;
}

#ondName div{
	background: url(foto.png);
	width: 55px;
	height: 60px;
	position: absolute;
	top:-35px;
	left:10px;
}

#ondName span{
	margin-left:75px;
}

#ondText {
	width:860px;
	background:url(text.png);
	position:absolute;
	left:0px;
	top:588px;
	height:22px;
	overflow: hidden;
}

#ondText span{
	margin-left: 75px;
	display: block;
}

#ondContent:hover .ondTextShow{
	display:block;
	top:513px;
	height:97px;
}	

#ondLeft {
	width:150px;
	height:560px;
	position:absolute;
	left:10px;
	top:0px;
	cursor:pointer;
}

#ondLeft .button {
	width:66px;
	height:92px;
	top:276px;
	background:url(/test/ond/ondImageElemnt.png) no-repeat -140px 0px;
	position:absolute;
	left:0px;
}

#ondLeft:hover .button {
	width:66px;
	height:92px;
	top:276px;
	background:url(/test/ond/ondImageElemnt.png) no-repeat -70px 0px;
	position:absolute;
	left:0px;
}

#ondLeft:active .button {
	width:66px;
	height:92px;
	top:276px;
	background:url(/test/ond/ondImageElemnt.png) no-repeat 0px 0px;
	position:absolute;
	left:0px;
}

#ondLeft .buttonShov {
	width:66px;
	height:92px;
	top:276px;
	background:url(/test/ond/ondImageElemnt.png) no-repeat -210px 0px;
	position:absolute;
	left:0px;
}


#ondRight {
	width:150px;
	height:560px;
	position:absolute;
	left:710px;
	top:0px;
	cursor:pointer;
}

#ondRight .button {
	width:75px;
	height:92px;
	top:276px;
	background:url(/test/ond/ondImageElemnt.png) no-repeat -350px 0px;
	position:absolute;
	left:66px;
}

#ondRight:hover .button {
	width:75px;
	height:92px;
	top:276px;
	background:url(/test/ond/ondImageElemnt.png) no-repeat -420px 0px;
	position:absolute;
	left:66px;
}

#ondRight:active .button {
	width:75px;
	height:92px;
	top:276px;
	background:url(/test/ond/ondImageElemnt.png) no-repeat -492px 0px;
	position:absolute;
	left:66px;
}

#ondRight .buttonShov {
	width:75px;
	height:92px;
	top:276px;
	background:url(/test/ond/ondImageElemnt.png) no-repeat -280px 0px;
	position:absolute;
	left:66px;
}
#ondControl {
	/*padding-top:32px;*/
}

#ondPlayer {
	height:32px;
	margin: 3px;
}

#ondPlayer .button{
	width: 32px;
	height: 32px;
	display: inline-block;
	background-image: url(/test/ond/player.png);
	cursor: pointer;
}

#ondPlayer .text1{
	width:350px;
	position: relative;
	top:-10px;
	display: inline-block;
}

#ondPlayer .text2{
	width:250px;
	position: relative;
	top:-10px;
	display: inline-block;
}

#ondPlayer .bPlay{
	background-position: -64px 0px;
}

#ondPlayer .bPlay:hover{
	background-position: -32px 0px;
}

#ondPlayer .bStop{
	background-position: 0px 0px;
}

#ondPlayer .bStop:hover{
	background-position: -96px 0px;
}

#ondPlayer .bSpeed1{
	background-position: -126px 0px;
}

#ondPlayer .bSpeed2{
	background-position: -189px 0px;
}

#ondPlayer .bSpeed3{
	background-position: -253px 0px;
}

#ondPlayer .bSpeed1a{
	background-position: -158px 0px;
}

#ondPlayer .bSpeed2a{
	background-position: -221px 0px;
}

#ondPlayer .bSpeed3a{
	background-position: -285px 0px;
}

#ondPlayer .bStart{
	background-position: -510px 0px;
	float: left;
}

#ondPlayer .bStart:hover{
	background-position: -542px 0px;
}

#ondPlayer .bLoader {
	cursor: inherit;
	background-position: -317px 0px;
}
#ondDateLine {
	width:860px;
	height:120px;
	cursor:pointer;
	position:relative;
	overflow:hidden;
}

#ondDateLine .ondLine{
	position:absolute;
}

#ondDateLine .line{
	border-left:1px solid #0066ff;
	position: absolute;
	top:0px;
	left:429px;
	width:1px;
	height: 120px;
}

#ondDateLine .arrow{
	position: absolute;
	top:98px;
	left:418px;
	width:22px;
	height: 22px;
	background: url(arrow.png);
}

#ondDateLine .year{
	position:absolute;
	width:360px;
	height:95px;
	background:url(line2.png) repeat-x 0px 70px;
	border-top:1px solid #0b1728;
	border-bottom:1px solid #0b1728;
}

#ondDateLine .ondIco {
	position:absolute;
	width:17px;
	height:20px;
	background-image:url(markType2.png)
}

#ondDateLine span{
	font-weight: 700;
	color: #0b1728;
	-ms-user-select: none; 
    -moz-user-select: none; 
    -webkit-user-select: none; 
    user-select: none; 
}

#ondDateList {
	width:860px;
	height:25px;
	display:none;
}

#ondDateList span {
	height:25px;
	width:107px;
	text-align:center;
	text-color:#000088;
	font-stretch:700;
	display:inline-block;
}

#ondMarkerLine {
	width:860px;
	height:24px;
	display:inline-block;
	position:relative;
}

#ondMarker {
	width:24px;
	height:24px;
	display:inline-block;
	position:absolute;
	background-image:url(marker.png);
	display:none;
}

#ondImageLib {
	display:none;
}

/* Html вставки в галерею */

#htmlContent {
	width: 860px;
	height: 645px;
	background: #afc6e9;
}

#htmlContent h1 {
	text-align: center;
	color:#162d50;
	font-size: 250%;
	font-weight: 900;
}

#htmlContent p {
	margin: 110px 0px 0px 326px;
}

#htmlContent p .button {
	display: block;
	width: 100px;
	height: 100px;
	float: left;
	text-align: center;
	cursor: pointer;
}


#htmlContent .ondTableMain {
	width:550px;
	margin-left:160px;
	margin-top:20px;
	color: #162d50;
	background-color: #ffffff;
}

#htmlContent .ondTableHead{
	height: 50px;
	padding: 5px 0px 5px 25px;
	width:600px;
}

#htmlContent .ontTableOrg{
	padding: 5px 0px 5px 25px;
	font-style: italic;
	font-size: 80%;
	color: black;
}