@font-face {
	font-family: Candara;
	src: url(fonts/Candara.ttf);
}
img { border:0px}
table, html { height:100%; }

body { background: url(img/fon-.jpg) left 265px top 100px repeat; background-attachment: fixed;   width: 100%; height:100%; padding:0px; margin:0px; }


#all { width: 100%; padding:0px; margin:0px;  }

#head {  background: url(img/fon.jpg) left top 0 no-repeat; background-attachment: scroll; width:100%; height:100%; padding:0px; margin:0px; font-size:120%;  }


.stroke {
    text-shadow: #fff 1px 1px 0px, #fff 0 0 2px; 
   }
   

.mini { font-size: calc(1.2vw + 0.7vh)}   
   
.foto { display:inline-block; height:20px; width:20px; background:url(images/foto.png) no-repeat;}
.radius {
  border: 15px solid rgba(0, 0, 0, 0.1);
  border-top-left-radius: 7%;
  border-top-right-radius: 7%;
  border-bottom-right-radius: 7%;
  border-bottom-left-radius: 7%;
  }	
   
#head h1 { font-family: "Candara", serif; font-size: calc(2vw + 1vh); text-align: left; color: #9e927a; padding: 0 10px; font-weight:normal; margin:0;
}   
#head img { padding-left:30px}   

#head ul { list-style-type: none; font: 100%/105% "Candara", serif; font-weight:bold; color: #6a644e; width:58px; text-align:center; margin:0; padding:0; display:inline-block; position: fixed; top:180px; left:0; }

#head li a { font-family: "Candara", serif; font-weight: bold; display:inline-block; width:100%;
  }

#head li a:link { text-transform: none;  text-decoration: none;  color: #6a644e;
	}   
#head li a:visited { text-transform: none; text-decoration: none; color: #6a644e; border-bottom: 1px solid #6a644e;
	}
	
#head li a:hover { text-transform: none; text-decoration: none; color: #ffffff; background: #ff0000;	} 

#head li { color: #ff0000; }

#spiski { margin-left:58px; border-left:1px solid #6a644e;  }
#spiski a { font-family: "Candara", serif; font-weight: bold; 
  }

#spiski a:link { text-transform: none;  text-decoration: none;  color: #6a644e;
	}   
#spiski a:visited { text-transform: none; text-decoration: none; color: #6a644e; border-bottom: 1px solid #6a644e;
	}
	
#spiski a:hover { text-transform: none; text-decoration: none; color: #ff0000; border-bottom: 1px solid #6a644e; 	} 

#spiski p {background-color: rgba(255, 255, 255, 0.4); padding: 5px 5px 5px 15px; font-size:150%; text-shadow: #fff 1px 1px 0, #fff 0 0 2px;}

#persona { margin:0 58px; padding-left:20px; font-family: "Candara", serif; background-color: rgba(255, 255, 255, 0.8); font-size: 110%; }

#persona h1 { font-family: "Candara", serif; font-weight: bold; font-size:130%; color: #ff0000; padding:0; }

#persona a { letter-spacing:1px; font-weight: bold; font-size:90%; font-family:Georgia, "Times New Roman", Times, serif;  }
	
#persona a:link { text-transform: none; text-decoration: none; letter-spacing:1px; color: #6a644e;
	}   
#persona a:visited { text-transform: none; text-decoration: none; letter-spacing:1px; color: #6a644e;
	}
	
#persona a:hover { text-transform: none; text-decoration: none; border-bottom: solid 1px #786478; color: #6a644e; letter-spacing:1px;
	} 
#persona img { padding-left:0px; } 	

#footer { display: inline-block; position: fixed; bottom:0; left:0; width:100%; background-color: rgba(106, 100, 78, 0.4); font-size: calc(0.9vw + 0.6vh); font-family: "Istok Web", sans-serif; color:#ffffff; }

#footer a { color:#ffffff; border-bottom:1px solid #ffffff; text-decoration: none; }

#footer p {
	text-align: center; letter-spacing: 1px; margin:0; line-height:1.2; padding:15px 0;
}

      #main {
        display: none;
        position: absolute; 
        top: 0;
        left: 0;
        width: 98%;
        height: 98%;
      }
	  
      #okno {
        width: 62%; overflow-x: auto; background-color:#FFF; font-size:100%;
        height: 62%;
        text-align: justify;
        padding: 10px 10px 10px 15px;
        border: 5px solid #FFF;
        border-radius: 10px;
        color: #6a644e;
        position: absolute;
        top: 1%;
        right: 0;
        bottom: 0;
        left: 1%;
        margin: auto;
		border-radius:10px; /*немного css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    text-shadow:20px 20px 30px rgba(0,0,0, 0.3); 
	box-shadow:20px 20px 30px rgba(0,0,0, .3);
    -moz-box-shadow:20px 20px 30px rgba(0,0,0, .3);
    -webkit-box-shadow:20px 20px 30px rgba(0,0,0, .3);
	
      }
      #main:target {display: block;}

@media only screen and (max-width : 820px),
only screen and (max-device-width : 820px){
	#head h1 { font-family: "Candara", serif; font-size: 120%; text-align: left; color: #9e927a; padding: 0 10px; font-weight:normal; margin:0;
} 
.mini { font-size: 70%; }
}
@media only screen and (max-height : 820px),
only screen and (max-device-height : 820px){
	#head ul { list-style-type: none; font: 100%/105% "Candara", serif; font-weight:bold; color: #6a644e; width:58px; text-align:center; margin:0; padding:0; display:inline-block; position: absolute; top:180px; left:0; }
}