/* BODY */

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	background: #21C4F3;
	font-family: Arial, 'Lucida Grande', Verdana, Sans-Serif;
	color: #999999;
	text-align: center;
	margin: 0;
	padding: 0;
	}

#page {
	text-align: left;
	width: 920px;
	margin: 0 auto;
	padding: 0;
	background: #ffffff url('images/fon.jpg') repeat-y right;
	}
	
#header {
	background: url('images/header.jpg') no-repeat right;
	margin: 0;
	padding: 0;
	height: 787px;
	width: 100%;
	}
	
.headercont{
	float: right;
	width: 900px;
	padding: 52px 0 0 0;
	}
	
.logo{
	display: block;
	width: 231px;
	height: 94px;
	}
	
.headleft{
	float: left;
	width: 300px;
	padding: 60px 0 0 0;
	font-size: 1.1em;
	}
	
.headleft ul, .headleft li{
	list-style-type: none;
	list-style-image: none;
	padding: 0;
	margin: 0;
	}

	
.headleft li{
	float: left;
	display: block;
	clear: both;
	padding: 7px 0 3px 0;
	background: url('images/headleftpod.gif') repeat-x bottom;
	font-style: italic;
	font-weight: bold;
	}
	
.headleft li li{
	background: none;
	padding: 10px 0 10px 0;
	clear: both;
	color: #11627c;
	font-size: 1.1em;
	font-style: normal;
	font-weight: normal;
	}

.headleft li a{
	color: #117294;
	font-size: 1.4em;
	text-decoration: none;
	}
	
.headleft li a:hover{
	color: #266bac;
	}
	
.headright{
	float: left;
	width: 550px;
	padding: 35px 0 0 48px;
	}
	
.headrightmenu{
	height: 100px;
	width: 550px;
	}
	
.headrightmenu ul, .headrightmenu li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	padding: 0;
	margin: 0;
	}
	
.headrightmenu ul li {
	display: block;
	float: left;
	height: 40px;
	padding: 20px 7px 0 7px;
	}
	
.headrightmenu ul li a{
	color: #117294;
	font-size: 1.4em;
	text-decoration: none;
	padding: 0;
	margin: 0;
	font-weight: bold;
	}
	
.headrightmenu ul li a:hover{
	color: #01a3dc;
	}
	
	

.headrightmenu ul li.active {
	display: block;
	float: left;
	background: url('images/headrightmenua.png') repeat-x;
	height: 25px;
	padding: 35px 7px 0 7px;
	}
	
.headrightmenu ul li.active a{
	color: #ffffff;
	}
	
	
	
.headrightabout{
	width: 505px;
	padding: 30px 25px 0 20px;
	color: #11627c;
	font-size: 1.4em;	
	}
	
.headrightabout span{
	font-weight: bold;
	font-size: 1.2em;	
	}
	
.headrightabout2{
width: 505px;
padding: 0px 25px 0 0px;
color: #11627c;
font-size: 1.4em;	
}

#content {
	float: right;
	width: 900px;
	padding: 0;
	font-size: 1.3em;
	line-height: 1.4em;
	color: #ffffff;
	}
	
#content h2{
	font-size: 1.5em;
	color: #ffffff;
	text-decoration: underline;
	font-weight: normal;
	font-style: italic;
	margin: 0 0 30px 0;
	}
	
#content a{
	color: #ffffff;
	text-decoration: underline;
	font-style: italic;
	}
	
#content a:hover{
	color: #93e4ff;
	}

.contblock {
	float: left;
	width: 240px;
	padding: 0 17px 0 17px;
	}

.contrazd{
	float: left;
	width: 2px;
	height: 361px;
	background: url('images/contrazd.png') no-repeat;
	}

.newsblock{
	padding: 0 0 20px 0;
	}
	
.newsblock span{
	color: #c2c2c2;
	}
	
.foto{
	width: 900px;
	color: #ffffff;
	padding: 45px 0 50px 0;
	}
	
.foto1{
	float: left;
	width: 370px;
	text-align: center;
	font-size: 1.1em;
	padding: 0 25px 0 25px;
	}
	
.foto2{
	float: left;
	width: 170px;
	text-align: center;
	font-size: 1.1em;
	padding: 0 25px 0 25px;
	}

.foto3{
	float: left;
	width: 360px;
	text-align: center;
	font-size: 1.1em;
	padding: 0 25px 0 25px;
	}
	
#footer {
	float: right;

	border: none;
	padding: 0;
	margin: 0;
	width: 900px;
	height: 91px;
	clear: both;
	}

.footer_l{
	float: left;
	width: 500px;
	padding: 23px 0 0 0;
	color: #ffffff;
	font-size: 1.3em;
	}
	
.footer_r{
	float: right;
	width: 220px;
	padding: 23px 0 0 0;
	}
	
.footer_r img{
	margin: 0 10px 0 0;
	}

.clear {
	clear: both;
}

/* END BODY */

#maincont { text-align: justify; margin: 0 50px 0 30px }

.clearBoth {
clear:both;
}





ul.menu1, ul ul {padding:0; margin:0; }
ul.menu1 {margin:0 auto;}

ul.menu1 table {border-collapse:collapse; padding:0; margin:0; }

ul.menu1 li.drop {margin-bottom:-2px;}
ul.menu1 li a, 
ul.menu1 li a:visited {display:block;  }
ul.menu1 li a.last, 
ul.menu1 li a.last:visited {display:block; }
ul.menu1 li ul {display:none;}

ul.menu1 li:hover a, 
ul.menu1 li a:hover {border:0; }
ul.menu1 li:hover ul, 
ul.menu1 li a:hover ul {display:block;  margin-top:-1px; }
ul.menu1 li:hover ul li a, 
ul.menu1 li a:hover ul li a {height:2em;}