html, body {
	height: 100%;    	
}

body { 
	font: .75em Verdana, sans-serif;
	line-height: 1.4em;
	color: #222; 
	background:#afdaf2; 
	width:100%; 	
	margin:0; padding:0;    
	overflow: hidden;
}


h1,h2,h3,h4,h5,h6 {		
    font-family: Arial, Helvetica, Sans-serif;
	font-weight: lighter;
	color: #222;
	line-height: 1.2em;
    margin: 10px 0;
}

h1 {
	font-size: 2.7em;
}

h1 span{
	font-size: .7em;
	white-space: normal;	
}

h2 {
	font-size: 1.8em;
}

h3 {
	font-size: 1.6em;
	
}

h4 {
	font-size: 1.4em;
}

p{
	margin: 10px 0;
	text-indent: 0em;
}

acronym {cursor:help; border-bottom:1px dotted #333; font-style: normal;}
sup, sub {  vertical-align: middle;  position: relative;  font-size: 75%; }
sup { bottom: 0.5em; }
sub { top: 0.5em; }
small {font-size:.9em;}
big {font-size:1.2em;}


a{
	color: #1143aa;	
}

.clear:after {content: "."; display: block; height: 0;  clear: both; visibility: hidden;}


#overlay {display:block; position:fixed; top:0; left:0; width:100%; height:100%; min-height: 100%; z-index:100009; color: #333 !important; padding: 22em 0; text-align: center; font-size: .9em;}

#overlay p span{
    background: #fff;
    width: auto;
    padding: 5px 10px;            
}

#overlay img{
    vertical-align: middle;    
    padding: 5px 5px 5px 0; 
}
.menu{    
    display: block;
    clear: both;
    list-style: none;
    width: 200% !important;
    position: relative; 
    padding-bottom: 70px;
    //padding-bottom: 20px;
    font-family: Georgia, Times New Roman Times, Serif;
    font-size: 1.2em;  
}

.menu li{
    float: left;
    margin: 15px 15px 15px 0;       
}

.menu span{
    background: #672FC3;
    color: #fff;
    padding: 7px 10px; 
    display: block;    
}

.menu li a{
    color: #000;
    padding: 7px 0px;
    display: block;
}
    
#big{	
    width: 4200px;
    height: 2625px;	
	position: absolute;
	top: -1700px;	 
    left: -5em;    
	background: #afdaf2 url("/i/bg.jpg") no-repeat top right;
	overflow: hidden;	
}
		
#small {    
	width: 100%;
	height: 100%;	
	overflow: hidden;
	position: absolute;
}		

.workplace {    
    clear: both;	
	position: absolute;
	cursor:default; 
    width: 15%;
    margin: -4% 0 0 -4%;   
}

/* первый экран */
#_1st {
	top: 1900px;	 
	left: 310px;    					 	 	
}


#_2nd {
	top:1300px;
	left: 90em;
}


#_3rd {
	top: 800px;
	left: 155em;					
}

#_4th {
	top: 200px;
	left: 228em; 
    position: absolute;	
}

#_4th .menu span{
    background: #D6E25E !important;
    color: #000 !important;     
}

#_4th .menu li a{
    color: #fff !important;
}
   
#_4th .text{
    color: #fff;
} 

#_4th .text a{
    color: #fff;
}

._4th{
    //margin-left: -130px;
    margin-left: 0;
}

#_4th .text p {
    line-height: 1.7em !important;         
}

#_4th .text p span{
    background: #053D80;
    color: #fff;  
    padding: 5px;          
}

#_4th .menu li{
    background: #053D80;
    color: #fff;
    padding: 0 5px !important;
}
    
.text{
    width: 80%;
}

.text ul{
	list-style: disc;	
	margin: 25px 0;
}

.text ul li {
	margin:  10px 0 10px 20px;	
}

.text ol{
	list-style: decimal;	
	margin: 25px 0;
}

.text ol li {
	margin:  10px 0 10px 20px;	
}

.newstext{
    color: #f00 !important;
    text-decoration: none !important;
    
}


h1.logo {	
	display: block;
	width: 313px;
	height: 86px;	
	text-decoration: none;	
	position: relative;
	z-index: 100000;		
}


h1.logo a, h1.logo a:hover{	
	display: block;	
	width: 313px;
	height: 86px;	
	text-decoration: none;	
	position: absolute;
	z-index: 100000;    
}


h1.logo a span{
	display: none;
}

h1.dark{
    background: url("/i/logo_dark.png") no-repeat;
}

h1.light{
    background: url("/i/logo_light.png") no-repeat;
}