<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.photo_panel
{
    width: 709px;
    padding:10px;
    margin-top: 12px;
    background-color: #fff;
    height:518px;
	overflow: auto;
}

.photo_panel ul
{
    list-style: none;
}

.photo_panel ul li .photo
{
    margin:5px auto;
    float:left;
    width:160px !important;
    height:160px !important;
    border:solid 1px #d5d5d5;
}

.photo_panel ul li .photo_grad
{
    margin:5px auto;
    float:left;
    width:180px !important;
    height:150px !important;
}

.photo_panel ul li .desc_grad
{
    margin:5px auto;
    float:left;
    padding: 20px;
    display:block; 
    text-decoration:none; 
    color:#000000; 
    line-height:30px;
    cursor:pointer; 
    height:120px;
    width:460px;
}

.photo_panel ul li .desc
{
    margin:5px auto;
    float:left;
    padding: 20px;
    display:block; 
    text-decoration:none; 
    color:#000000; 
    line-height:30px;
    cursor:pointer; 
    height:120px;
    width:475px;
    border-right:solid 1px #d5d5d5;
    border-top:solid 1px #d5d5d5;
    border-bottom:solid 1px #d5d5d5;
}

.photo_panel ul li h4
{
    font-weight:bold;
}

.photo_panel ul li .desc:hover,.photo_panel ul li .desc_grad:hover
{
     color:#FFFFFF;
     background-image:url(../images/director_photos/hover.png); 
     background-repeat:repeat-x; 
}


/*
==============================================
====    Для спортсменов                   ====
==============================================
*/

.photo_panel ul li .desc_sport
{
    margin:5px auto;
    float:left;
    padding: 20px;
    display:block; 
    text-decoration:none; 
    color:#000000; 
    cursor:pointer; 
    height:89px;
    width:520px;
}

.photo_panel ul li .photo_sport
{
    margin:5px auto;
    float:left;
    width:100px !important;
    height:129px !important;
    background-color:#fff;
    border:solid 1px #d5d5d5;

}

.photo_panel ul li .desc_sport:hover
{
     color:#FFFFFF;
     background-image:url(../images/director_photos/hover.png); 
     background-repeat:repeat; 
}

/*
==============================================
====  Для призеров олимпиад, конкурсов    ====
==============================================
*/

.photo_panel ul li .desc_olymp
{
    margin:5px auto;
    float:left;
    padding:4px;
    display:block; 
    text-decoration:none; 
    color:#000000; 
    line-height:30px;
    height:198px;
    width:480px;
    border:solid 1px #d5d5d5;
    background-color:#f8fde8;
}

.photo_panel ul li .photo_olymp
{
    margin:5px auto;
    float:left;
    width:200px!important;
    height:208px!important;
    background-color:#fff;
}
 
.photo_panel ul li .olymp_docs
{
    text-align:center;
}

.olymp_docs ul li 
{
    margin-left:5px;
    float:left;
}
 
.photo_panel ul li .photo_diplom
{
    padding-left:2px;
    width:100px!important;
    height:139px!important;
    background-color:#fff;
}


/* ==================================== */


/*
==================================
====    для хроники войны     ====
==================================
*/

.photo_panel .header
{
    margin-top:20px;
	width:690px;
	float:left;
	padding: 5px;
	background-color: #fff;
	border-bottom: 1px solid navy;
	font-size:13px;
	color:#000;
}

.photo_panel ul li .desc_archive:hover
{
     color:#FFFFFF;
     background-image:url(../images/director_photos/hover.png); 
     background-repeat:repeat; 
}

.photo_panel ul li .photo_ww2
{
    padding:3px;
    float:left;
    width:100px!important;
    height:139px!important;
    background-color:#fff;
}

.photo_panel ul li .photo_ww2r
{
    padding:3px;
    float:right;
    width:100px!important;
    height:139px!important;
    background-color:#fff;
}

.photo_panel ul li .desc_archive
{
    margin-left:2px;
    float:left;
    padding:3px;
    display:block; 
    text-decoration:none; 
    color:#000000; 
    cursor:pointer; 
    height:139px;
    width:470px;
}

/* ==================================== */
.phone_num
{
    margin-top:10px;
	float:left;
	padding-left:29px;
	background-image:url(../images/teleicon.png);
	background-repeat:no-repeat;
	background-position:left center;
	color:#08387f;
	font-weight:bold;
	padding-top:0px;
	width:221px;
}

.window
{
	background-color:#fff;
	color:#000;
	width:250px;
	height:100px;
	border:solid 1px black;
}

.window .header
{
	height:10px;
	background-color:#405579;
	color:#fff;
	padding:3px;
	width:244px;
	border-bottom:solid 1px black;
	font-weight:bold;
	font-family: MS Sans Serif, Verdana, Tahoma;
}

.window .content
{
	background-color:#f3f2e8;
	color:#000;
	padding:3px;
	width:244px;
	min-height:77px!important;
}

.window .content span
{
   	margin-left:3px;
	float:left;
	padding:2px;
	width:80px;
	height:18px;
	color:#000;
}

.window .content .textbox
{
    float:right;
    padding-left:5px;
	margin-right:3px;
	width:145px;
	color:#000;
	height:18px;
    border: solid 1px #495d7f;
}

.window .content .textbox:focus
{
	border:soid 1px #98b5e2;
}

.window .content .button
{
    margin-top:3px;
	float:right;
	height:25px;
	margin-right:3px;
	padding:3px;
	width:70px;
	background-color:#d7d7d7;
	color:#000;
	border: solid 1px #91a7b4;
}

.window .content .button:hover
{
	border: solid 2px #98b5e2;
}

.photo_panel ul li .photo_olymp {
    margin: 5px auto;
    float: left;
    width: 200px !important;
    height: 208px !important;
    background-color: #fff;
    object-fit: cover;
    object-position: top;
}

.photo_panel ul li .desc {
    margin: 5px auto;
    float: left;
    padding: 20px;
    display: block;
    text-decoration: none;
    color: #000000;
    line-height: 30px;
    cursor: pointer;
    height: 80px;
    width: 475px;
    border-right: solid 1px #d5d5d5;
    border-top: solid 1px #d5d5d5;
    border-bottom: solid 1px #d5d5d5;
}

.photo_panel ul li .photo {
    margin: 5px auto;
    float: left;
    width: 160px !important;
    height: auto !important;
    border: solid 1px #d5d5d5;
}</pre></body></html>