.photo_panel
{
    padding:0px;
    margin-top: 12px;
    background-color: #fff;
    max-width:1000px;
    height:520px;
    overflow:auto;
}


.photo_panel ul
{
    list-style: none;
}

.irem ul li
{
    float:left;
    width:455px;
    padding:0px;
    margin-left:25px;
}

.ww2chron ul li
{
    float:left;
    width:300px;
    padding:0px;
    margin-left:15px;
    height:240px;
}

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

.irem ul li .photo_irem
{
    margin:5px auto;
    float:left;
    width:100px !important;
    height:120px !important;
}

.irem ul li .desc_irem
{
    margin:5px auto;
    float:right;
    padding-left: 5px;
    display:block; 
    text-decoration:none; 
    color:#000000; 
    line-height:30px;
    cursor:pointer; 
    height:120px;
    width:350px;
}

.irem ul li .desc_irem:hover
{
     background-color: #ccc;
}

.irem ul li p
{
    padding: 3px;
}


.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:540px;
    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
{
     background-color:Gray;
}


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

.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:90px !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;
}