html {
	min-height:100%; height:100%;
}
body {
	font-family:Arial,Verdana,sans-serif;
	font-size:100%; margin:0; padding:0;
	width:100%; min-height:100%; height:100%;
	background: #bebcc7 url(img/fon.jpg) fixed top center no-repeat; 
-o-background-size: 100% auto;  /* Opera 9.5+ */ 
-webkit-background-size: 100% auto; /* Safari 3+, Chrome */ 
-moz-background-size:100% auto; /* Firefox 3.6+ */ 
-khtml-background-size:100% auto; /* Konqueror */ 
background-size: 100% auto; 
}


#head { position: absolute;
	width: 30%; height: 12%;
	margin:2% 1% 5% 2%; 
	background: url(img/header1.png) top left no-repeat;
	-o-background-size: 100% auto;  /* Opera 9.5+ */ 
-webkit-background-size: 100% auto; /* Safari 3+, Chrome */ 
-moz-background-size:100% auto; /* Firefox 3.6+ */ 
-khtml-background-size:100% auto; /* Konqueror */ 
background-size: 100% auto;  }

#right { background:url(img/transparency.png) repeat;
		width:65%; height:100%; 
		float: right; top:0; 
		min-height:100%; 
	}
#right h1 { font: bold 150%/150% Georgia, "Times New Roman", Times, serif; text-align:center; color:#bebcc7; }
	
#title { background:#7788aa url(img/bg.png) repeat-x 0 -20px; font-weight:bold; padding: 10px; margin:2%; width:auto; letter-spacing:1px;
    color:#081c58;
    border-top:1px solid #f8f8f8;
    border-radius:10px; /*немного css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    box-shadow:0 2px 2px rgba(0,0,0, .7); /*немного css3*/
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .7);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .7);
    text-shadow:0 2px 2px rgba(255,255,255, 0.7);
	
}

#title1 {
    background:#334477 url(img/bg.png) repeat-x 0 -100px;
    font-weight:bold; padding: 10px; margin:2%; width:auto; letter-spacing:1px;
    color:#fff; font-size:120%;
    border-top:1px solid #f8f8f8;
    border-radius:10px; /*немного css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    box-shadow:0 2px 2px rgba(0,0,0, .7); /*немного css3*/
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .7);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .7);
    text-shadow:0 2px 2px rgba(0,0,0, 0.7);
	
}
	
#text { 
	margin:2%; height:88%; width:96%;
    border-radius:10px; /*немного css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    box-shadow:0 2px 2px rgba(0,0,0, .5);
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .5); 
  }


  
#skroll { height:94%; width:98%;  overflow-x:hidden;
  overflow-y: auto; color:#081c58; padding-top:20px; }  
		
#skroll p {font: 100%/150% "Lucida Sans Unicode", "Lucida Grande", sans-serif; padding-left:10px; margin:20px 0 0 0;}

#skroll a { font-weight:bold; border-bottom:1px solid #334477; padding-bottom:0px; color:#334477; font-size:110%; text-decoration:none; }

#skroll a:active { font-weight:bold; border-bottom:1px solid #da400e; padding-bottom:0px; color:#f6e2cc; text-decoration:none; 
}

#skroll a:visited { font-weight:bold; border-bottom:1px solid #968caa; padding-bottom:0px; color:#968caa; text-decoration:none; 
}

#skroll a:hover { font-weight:bold; border-bottom:1px solid #da400e; padding-bottom:0px; color:#334477; text-decoration:none; }

#skroll h4 { font: 90%/100% Georgia, "Times New Roman", Times, serif; padding:0px 0px 0px 40px; font-style:italic; letter-spacing:1px; font-weight:normal; margin:5px 0 20px 0; }


/* Стили меню */
#nav {
    display:inline-block; position: absolute; top:12%; 
    width: 30%;
    margin:2% 2% 1% 1%;
    padding:0;  
   
}
#nav li {
    margin:10px;
    position:relative;
    list-style:none;
	border-radius:10px; /*немного css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    box-shadow:0 2px 2px rgba(0,0,0, .5);
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);
}
#nav a {
    font-weight:bold;
    color:#e7e5e5;
    text-decoration:none;
    display:block;
    padding:8px 20px;

    border-radius:10px; /*немного css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    text-shadow:0 2px 2px rgba(0,0,0, .7);
}

.select {
    background:#7788aa url(img/bg.png) repeat-x 0 -20px;
    color:#081c58;
    border-top:1px solid #f8f8f8;

    box-shadow:0 2px 2px rgba(0,0,0, .7); /*немного css3*/
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .7);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .7);
    text-shadow:0 2px 2px rgba(255,255,255, 0.7);
}

/* sВыбранный пункт меню */
#nav .current a, #nav li:hover > a {
    background:#7788aa url(img/bg.png) repeat-x 0 -20px;
    color:#081c58;
    border-top:1px solid #f8f8f8;

    box-shadow:0 2px 2px rgba(0,0,0, .7); /*немного css3*/
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .7);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .7);
    text-shadow:0 2px 2px rgba(255,255,255, 0.7);
}

/* Подуровень */
#nav ul li:hover a, #nav li:hover li a {
    background:#7788aa url(img/bg.png) repeat-x 0 -20px;
    border:none;
    color:#081c58; 
	border-top:1px solid #f8f8f8; font-weight:bold; letter-spacing:1px;

}

#nav ul li a:hover, #nav ul li:hover > a {
    background:#334477 url(img/bg.png) repeat-x 0 -100px;
    color:#fff;

    border-radius:10px; /*немного css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    text-shadow:0 2px 2px rgba(0,0,0, 0.7);
}

#nav ul li:first-child > a {
    -moz-border-radius-topleft:10px; /*немного css3*/
    -moz-border-radius-topright:10px;
    -webkit-border-top-left-radius:10px;
    -webkit-border-top-right-radius:10px;
}
#nav ul li:last-child > a {
    -moz-border-radius-bottomleft:10px; /*немного css3*/
    -moz-border-radius-bottomright:10px;
    -webkit-border-bottom-left-radius:10px;
    -webkit-border-bottom-right-radius:10px;
}

/* выпадающий список */
#nav li:hover > ul {
    opacity:1;
    visibility:visible;
}
#nav ul {
    opacity:0;
    visibility:hidden;
    padding:10px;
    width: auto;
    position:absolute; left:100%; top:0;

    border-radius:10px; /*немного css3*/

    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    box-shadow:0 2px 2px rgba(0,0,0, .5);
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);

    -moz-transition:opacity .25s linear, visibility .1s linear .1s;
    -webkit-transition:opacity .25s linear, visibility .1s linear .1s;
    -o-transition:opacity .25s linear, visibility .1s linear .1s;
    transition:opacity .25s linear, visibility .1s linear .1s;
}
#nav ul li {
    float:none;
    margin:0;
}
#nav ul a {
    font-weight:normal;
    text-shadow:0 2px 2px rgba(255,255,255, 0.7);
}
#nav ul ul {
    left:100%;
    top:-400%; overflow-x:hidden;
  overflow-y:scroll; height:800%; 
  padding-right:25px; 
}

#nav li ul li:hover a {
    background:#334477 url(img/bg.png) repeat-x 0 -100px;
    color:#fff;

    border-radius:10px; /*немного css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    text-shadow:0 2px 2px rgba(0,0,0, 0.7);
}

#nav ul ul li a:hover {
    background:#334477 url(img/bg.png) repeat-x 0 -100px;
    color:#fff; text-decoration:underline;

    border-radius:10px; /*немного css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    text-shadow:0 2px 2px rgba(0,0,0, 0.7);
}

#home { background: url(img/gradient-3.png) no-repeat left top; width: auto; height:90px; text-align: left; position:fixed; bottom:0px; left:0; }

#home p { margin: 10px 0 0 10px; }

#home a { color: #142864; font: 70%/150% Arial, sans-serif;  
letter-spacing:0px; font-style: normal; text-decoration: underline; 
}

#home a:hover { 
	color:#da400e;
	letter-spacing:0px; font-style: normal;
	text-decoration: none;	}

#home a:jshover {
	color:#142864;
	letter-spacing:0px; font-style: normal;
	text-decoration: none;}	
	
#foto_right { width:200px; float:right; margin:0px 20px 0 10px;  padding:0px; position:relative; }
#foto_right a, #foto_right a:hover { text-decoration: none; border-bottom:0px solid #ff7e84;
 }
 
#foto_right a:hover { text-decoration: none; border-bottom:0px solid #ff7e84; 
 }
  
#foto_right img { padding:0px; margin-bottom:20px;
border-radius:10px; /*немного css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    text-shadow:0 2px 2px rgba(0,0,0, 0.7); 
	box-shadow:0 2px 2px rgba(0,0,0, .5);
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);
	border-top:1px solid #f8f8f8;

	}
	
#foto_right p { font-family: "Times New Roman", Times, serif; color:#547585; font-style:italic; font-size:90%/100%; margin:0 5px 10px 5px ; }	

 @media only screen and (max-width:740px) {
#foto_right { width:100px; float:right; margin:0px 20px 0 10px;  padding:0px; position:relative; }

#foto_right img { padding:0px; margin-bottom:20px;
border-radius:10px; /*немного css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    text-shadow:0 2px 2px rgba(0,0,0, 0.7); 
	box-shadow:0 2px 2px rgba(0,0,0, .5);
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);
	border-top:1px solid #f8f8f8; width:100px; height:100px;

	}
             }