@charset "utf-8";
body {background:#eeeeee url(./images/grey_q.jpg)}
 /* CSS Document */ 

 #block {
 width:1016px;
 margin:0 auto;
 
 }
 
 table {  
  text-align: left;}
 th {
  font-weight: normal;
  padding: 1px 15px;}

 .header {
 background-image:url("./images/1202Sunrise at Zhiguly sea__2048px.jpg");
 min-width:600px; 
 max-width:2048px;
 height:100px;
 padding:0px; }

 .up_row {
 min-width:30px;
 max-width:995px;
 padding:10px 10px 0px 10px;
 background-image: -o-linear-gradient(right, #ddffff 0%, #ffccbb 100%);
 background-image: -webkit-gradient(linear,	left top, right top, color-stop(0., #ddffff), color-stop(1, #ffccbb));
 background-image: -moz-linear-gradient(right, #ddffff 0%, #ffccbb 100%);
 background-image: -webkit-linear-gradient(right, #ddffff 0%, #ffccbb 100%);
 background-image: -ms-linear-gradient(right, #ddffff 0%, #ffccbb 100%);
 background-image: linear-gradient(to left, #ddffff 0%, #ffccbb 100%);
 }
 
 .down_row {
 min-width:30px;
 max-width:995px;
 clear:left;
 padding:10px;
 background-image: -o-linear-gradient(left, #ffffaa 0%, #ccffcc 100%);
 background-image: -webkit-gradient(linear,	left top, right top, color-stop(0., #ffffaa), color-stop(1, #ccffcc));
 background-image: -moz-linear-gradient(right, #ffffaa 0%, #ccffcc 100%);
 background-image: -webkit-linear-gradient(right, #ffffaa 0%, #ccffcc 100%);
 background-image: -ms-linear-gradient(right, #ffffaa 0%, #ccffcc 100%);
 background-image: linear-gradient(to right, #ffffaa 0%, #ccffcc 100%); }
 
 div.win_ur {
 color:#000000;
 min-width:30px;
 max-width:308px;
 float:left;
 padding:1px; 
 }
 
 div.win_dr {
 color:#000000;
 min-width:30px;
 max-width:308px;
 float:left;
 padding:1px;
 }
 
 .left_col {
 width:220px;
 height:567px;
 float:left;
 padding:10px;
 background-image: -o-linear-gradient(top, #ffccbb 0%, #ffffaa 100%);
 background-image: -webkit-gradient(linear, right top, right top, color-stop(0., #ffccbb), color-stop(1, #ffffaa));
 background-image: -moz-linear-gradient(right, #ffccbb 0%, #ffffaa 100%);
 background-image: -webkit-linear-gradient(top, #ffccbb 0%, #ffffaa 100%);
 background-image: -ms-linear-gradient(right, #ffccbb 0%, #ffffaa 100%);
 background-image: linear-gradient(to bottom, #ffccbb 0%, #ffffaa 100%);}
 
 .right_col {
 width:220px;
 height:567px;
 float:left;
 padding:10px;
 background-image: -o-linear-gradient(bottom, #ccffcc 0%, #ddffff 100%);
 background-image: -webkit-gradient(linear,	left top, right top, color-stop(0., #ccffcc), color-stop(1, #ddffff));
 background-image: -moz-linear-gradient(right, #ccffcc 0%, #ddffff 100%);
 background-image: -webkit-linear-gradient(right, #ccffcc 0%, #ddffff 100%);
 background-image: -ms-linear-gradient(right, #ccffcc 0%, #ddffff 100%);
 background-image: linear-gradient(to top, #ccffcc 0%, #ddffff 100%);}
 
 div.win_col {
 color:#000000;
 min-width:30px;
 max-width:218px;
 text-align:left;
 float:left;
 padding:1px
 }
 
 .left_col a:hover  div.win_col, .right_col a:hover  div.win_col, .up_row a:hover  div.win_ur, .down_row a:hover  div.win_dr {
 padding:0px;
 border: 1px solid #0000cc}
 
 .centr_col a:hover  div.win_c {
 padding:10px;
 border: 1px solid #0000cc}

 .centr_col {
 border:5px double #cccccc;
 width:505px;
 height:557px;
 float:left;
 padding:10px;}
 
 div.win_c { 
 color:#000000;
 opacity:1.0;
 filter:alpha(opacity=100);
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 -moz-opacity:1.0;
 -khtml-opacity:1.0;
 min-width:30px;
 max-width:480px;
 text-align:left;
 float:left;
 padding:10px
 }
 
 div.win_f {
 background-image:url("./images/logo_Panf.png");
 width:324px;
 height:324px;
 float:left;
 margin-top:-392px;
 margin-left:88px;
 opacity:0.1;
 filter:alpha(opacity=10);
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10);
 -moz-opacity:0.1;
 -khtml-opacity:0.1; }
 
 .centr_col div.win_f:hover   {
 opacity:0.99;
 filter:alpha(opacity=99);
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=99);
 -moz-opacity:0.99;
 -khtml-opacity:0.99;}
 
 div.win_f span {
 padding:5px 5px 5px 5px; 
 display:none;
 font-size:17px; 	
 background:url(./images/grey_q.jpg);
 border:5px double #cccccc;}
 
 div.win_f:hover span {
 display:block;
 position:relative; 
 top:325px
 }
 
 div.win_p {
 width:456px;
 padding:1px;
 margin:0 auto
 }
 
 .centr_col div.win_p:hover {
 padding:0px;
 border: 1px solid #0000cc}
 
 div.win_g {
 color:#000000;
 width:600px;
 height:480px;
 float:left;
 padding:10px
 }
 
 div.win_g:hover {
 padding:9px;
 border: 1px solid #0000cc}
 
 div.win_alb {
 color:#000000;
 min-width:30px;
 max-width:198px;
 float:left;
 padding:1px;
 }

 .footer {
 background-color:LightGrey;
 clear:left;
 padding:10px 20px 10px 20px;
 font-size:13px}

 div.aphor {
 color:#dc143c;
 height:25px;
 font-size:16px;
 font-weight:bold;
 font-style:italic;
 text-align:center;
 position:relative; left:-40px;
 border: 0px solid #660033}
 
 div.CV {
 height:30px;
 font-family:'Century Gothic', Arial, sans-serif;
 font-size:48px;
 font-weight:bold;
 letter-spacing:5px;
 position:relative; left:180px; top:-10px;
 border: 0px solid #660033;
 float:left}
 
 div.CV a:link, div.CV a:active, div.CV a:visited {
 color: #ffffff;
 opacity:0.1;
 filter:alpha(opacity=10);
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10);
 -moz-opacity:0.1;
 -khtml-opacity:0.1;
 text-decoration: none}
 
 div.CV a:hover {
 color: #ffffff;
 opacity:0.5;
 filter:alpha(opacity=50);
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
 -moz-opacity:0.5;
 -khtml-opacity:0.5;
 text-decoration: none}
 
 div.ico {
 opacity:0.5; 
 filter:alpha(opacity=50);
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
 -moz-opacity:0.5;
 -khtml-opacity:0.5;
 float:left;}
 
 div.name {
 height:30px;
 font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
 font-size:28px;
 font-weight:bold;
 font-style:italic;
 letter-spacing:5px;
 text-indent:40px;
 line-height: 100%; 
 position:relative; left:-167px; top:5px}
 
 div.name a:link, div.name a:active, div.name a:visited {
 color: #000000;
 opacity:0.3;
 filter:alpha(opacity=30);
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
 -moz-opacity:0.3;
 -khtml-opacity:0.3;
 text-decoration: none}
 
 div.name a:hover {
 color: #ffffff;
 opacity:0.5;
 filter:alpha(opacity=50);
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
 -moz-opacity:0.5;
 -khtml-opacity:0.5;}
 
 .vert {
 width: 1em;
 border-right:2px solid #cccccc;
 line-height: 0.8em;
 text-align:center;
 float:left;
 margin-right:10px}
 
 .hor {
 height:33px;
 text-align:center}
 
 .head_row {
 margin-bottom:5px;
 font-weight:bold;
 font-size:17px}

 .small_text {
 font-size:14px}

 .small_text_r {
 line-height: 230%;
 float:right;
 font-size:10px}
 
 .small_text_l {
 line-height: 230%;
 float:left;
 font-size:14px}
 
 .sup {
 vertical-align:super;
 font-size:14px}
 
 .small_text_epi {
 float:right;
 font-size:14px}
 
 .head_tit {
 color:#008000;
 font-weight:bold;
 font-style:italic;
 font-size:42px;
 text-align:center}
 
 .head_tit_sub {
 color:#008000;
 font-weight:bold;
 font-style:italic;
 font-size:24px;
 text-align:center}

 ul.nav {
 display:block;
 margin-top:20px;
 font-family:Tahoma, Geneva, sans-serif;
 font-size:14px;
 font-weight:bold;
 line-height: 100%;
 list-style-type:none;
 margin-left:200px;}

 ul.nav li {
 float:left;
 position:relative;
 display:block;
 }
 
 ul.nav ul {
 list-style-type: none; 
 position:absolute;
 left:-40px;
 line-height: 100%;
 visibility: hidden;
 opacity:0;
 filter:alpha(opacity=0);
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
 -moz-opacity:0;
 -khtml-opacity:0;}
 
 ul.nav ul  li {
 margin-top:2px;
 float:none;
 font-size:12px;
 white-space:nowrap;
 background-color:#cc99ff;
 border-radius:15px;
 -khtml-border-radius:15px;
 -moz-border-radius:15px; 
 -webkit-border-radius:15px;
 }
 
 ul.nav li:hover ul {
 visibility: visible;
 opacity:1;
 filter:alpha(opacity=100);
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 -moz-opacity:1;
 -khtml-opacity:1;}

 ul.nav li a:link, ul.nav li a:active, ul.nav li a:visited {
 background-color:#cc99ff;
 color: #000000;
 opacity:0.1;
 filter:alpha(opacity=10);
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10);
 -moz-opacity:0.1;
 -khtml-opacity:0.1;
 text-decoration: none;
 padding: 0px 15px 0px 15px;  
 border-radius:15px;
 -khtml-border-radius:15px;
 -moz-border-radius:15px; 
 -webkit-border-radius:15px;}

 ul.nav li a:hover {
 color: #ffffff;
 opacity:1.0;
 filter:alpha(opacity=100);
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 -moz-opacity:0.1;
 -khtml-opacity:0.1;}
 
 ul.shelf {
 list-style-position: inside;
 list-style-type: upper-roman; 
 width:280px;
 padding: 0 0 0px 0px;
 font-family:Tahoma, Geneva, sans-serif;
 font-size:18px;
 margin-bottom:10px;}

 ul.shelf li { 
 padding: 5px 5px 5px 5px;
 position:relative;
 opacity:1.0;
 filter:alpha(opacity=100);
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 -moz-opacity:1.0;
 -khtml-opacity:1.0;
 border-left: 3px solid #ff6600; 
 margin-bottom:1px;}
 
 ul.shelf li  a {
 text-decoration: none;}
 
 ul.shelf ul { 
 list-style-position: inside;
 list-style-type: decimal;
 color: #0000cc; 
 font-family:Tahoma, Geneva, sans-serif;
 font-weight:bold;
 font-size:14px;
 position:absolute;
 margin-top:-27px;
 padding: 0px 0px 0px 272px;
 line-height: 100%;
 visibility: hidden;
 opacity:0;
 filter:alpha(opacity=0);
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
 -moz-opacity:0;
 -khtml-opacity:0;}
 
 ul.shelf ul  li {
 white-space:nowrap;
 background-color: #ffcc99;}
 
 ul.shelf li:hover {
 background-color: #ffcc99;}
 
 ul.shelf li:hover ul {
 visibility: visible;
 opacity:1;
 filter:alpha(opacity=100);
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 -moz-opacity:1;
 -khtml-opacity:1;}
  
 ul.shelf li:hover ul a {
 text-decoration: none;}
 
 ul.shelf li:hover ul li a:hover {
 text-decoration: underline;}
 
 ul.olist {list-style: outside; list-style-type: decimal; line-height: 170%}
 ul.ulist {list-style: outside; line-height: 150%}
 ul.nolist {list-style: outside; list-style-type: none; line-height: 120%}
  
 a:link {color: #0000cc}
 a:visited {color: #990099}

 div.win4 {
 background-color:#ffff99;
 color:#000000;
 border:2px solid #cccccc;
 width:210px;
 height:270px;
 border-radius:30px;
 -khtml-border-radius:30px;
 -moz-border-radius:30px; 
 -webkit-border-radius:30px;
 text-align:center;
 float:left;
 padding:5px;
 margin:5px
 }
 div.win5 {
 background-color:#ff9900;
 color:#000000;
 border:2px solid #cccccc;
 text-align:center;
 float:left;
 padding:5px;
 margin:5px;
 border-radius:30px;
 -khtml-border-radius:30px;
 -moz-border-radius:30px; 
 -webkit-border-radius:30px;
 width:210px;
 height:205px
 }
 div.win400 {
 background-color:none;
 color:#000000;
 border:0px solid #cccccc;
 width:410px;
 height:350px;
 text-align:center;
 float:left;
 padding:5px;
 }
 div.win300 {
 background-color:none;
 color:#000000;
 border:0px solid #cccccc;
 width:300px;
 height:450px;
 text-align:center;
 float:left;
 padding:5px;
 }

 #nav{
	    float:left;
	    width:100%;
	    list-style:none;
	    fot-weight:bold;
	    margin-bottom:10px;
	}
	#nav li{
	    float:left;
	    margin-right:10px;
	    position:relative;
	    display:block;
	}
	#nav li a{
	    display:block;
	    padding:5px;
	    color:#fff;
	    background:#333;
	    text-decoration:none;
	     
	    text-shadow:1px 1px 1px rgba(0,0,0,0.75); /* Тень текста, чтобы приподнять его на немного */
	    -moz-border-radius:2px;
	    -webkit-border-radius:2px;
	    border-radius:2px;
	}
	#nav li a:hover{
	    color:#fff;
	    background:#6b0c36;
	    background:rgba(107,12,54,0.75); /* Выглядит полупрозрачным */
	    text-decoration:underline;
	}
	 
	/*--- ВЫПАДАЮЩИЕ ПУНКТЫ ---*/
	#nav ul{
	    list-style:none;
	    position:absolute;
	    left:-9999px; /* Скрываем за экраном, когда не нужно (данный метод лучше, чем display:none;) */
	    opacity:0; /* Устанавливаем начальное состояние прозрачности */
		filter:alpha(opacity=0);
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		-moz-opacity:0;
		-khtml-opacity:0;
	    -webkit-transition:0.25s linear opacity; /* В Webkit выпадающие пункты будут проявляться */
	}
	#nav ul li{
	    padding-top:1px; /* Вводим отступ между li чтобы создать иллюзию разделенных пунктов меню */
	    float:none;
	    background:url(dot.gif);
	}
	#nav ul a{
	    white-space:nowrap; /* Останавливаем перенос текста и создаем многострочный выпадающий пункт */
	    display:block;
	}
	#nav li:hover ul{ /* Выводим выпадающий пункт при наведении курсора */
	    left:0; /* Приносим его обратно на экран, когда нужно */
	    opacity:1; /* Делаем непрозрачным */
		filter:alpha(opacity=100);
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
		-moz-opacity:1;
		-khtml-opacity:1;
	}
	#nav li:hover a{ /* Устанавливаем стили для верхнего уровня, когда выводится выпадающий список */
	    background:#6b0c36;
	    background:rgba(107,12,54,0.75); /* Выглядит полупрозрачным */
	    text-decoration:underline;
	}
	#nav li:hover ul a{ /* Изменяем некоторые стили верхнего уровня при выводе выпадающего пункта */
	    text-decoration:none;
	    -webkit-transition:-webkit-transform 0.075s linear;
	}
	#nav li:hover ul li a:hover{ /* Устанавливаем стили для выпадающих пунктов, когда курсор наводится на конкретный пункт */
	    background:#333;
	    background:rgba(51,51,51,0.75); /* Будет полупрозрачным */
	    text-decoration:underline;
	    -moz-transform:scale(1.05);
	    -webkit-transform:scale(1.05);
	}