* {
	margin: 0px;
	padding: 0px; 
}

html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	min-height: 100%;
	min-height: 600px;
	background: url('i/f1_t.gif') repeat-x top right;
}
body {
	text-align: left;
	background: url('i/f1_b.gif') repeat-x bottom right;
	position: relative;
}

div.main{
	margin: auto;
	top:0px;
	min-width: 1000px;
	position: relative;
	height: 100%;
	min-height: 100%;
	max-width: 1920px;
	//width: expression((document.documentElement.clientWidth < 1000)? "1000px": ((document.documentElement.clientWidth > 1600)? "1600px": "auto"));
}


div.strp_t{
	position: absolute;
	top:40px;
	right:0;
 	width: 100%;
 	height: 350px;
 	z-index:0;
	background: url('i/r_strp.png') no-repeat top right;
}

div.strp_b{
	position: absolute;
	bottom:0;
	left:0;
 	width: 100%;
 	height: 350px;
 	z-index:0;
	background: url('i/l_strp.png') no-repeat bottom left;
}

div.tpl_banner {
position:absolute;
width:100%;
min-width:750px;
height:41px;
top:0px;
background: url('i/banner.jpg') repeat-x top right;
margin:0px;
padding:10px 0 0;
}

div.tpl_banner p{
text-align:center;
font: 18px Verdana;
color:#ffffff;
margin-top:-3px;
}
div.tpl_banner a{
text-decoration:none;
font: 24px Verdana;
color:#ffffff;
}
div.tpl_banner a span.link{

border-bottom:1px solid #fff;
}
div.tpl_banner a:hover span.link{
border-bottom:none;
}

a{
	color: #2088aa;
}

a:hover{
	color: #f60;
}

table, body, tr, h1, h2, h3, td, input, textarea {
	font-family: Tahoma, Verdana, Georgia, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

img, a img {
	border: 0px;
	vertical-align: bottom;
}


div.clr{
	clear: both;
}

div.clrr{
	clear: right;
}

div.left{
	width: 230px;
	height: 400px;
	position: absolute;
	top: 40px;
	left: 0;
	z-index: 1200;
	padding: 0 0 0 70px;
}

div.logo{
	width: 120px;
	height:55px;
	display: block;
	font-family: Georgia, Geneva, Tahoma, sans-serif;
	font-size: 18px;
	text-align: center;
	padding: 155px 30px 0 30px;
	margin: -150px 0 0 0;
	color: #068094;
	text-decoration: none;
	line-height: 100%;
}

div.logo h2{
  overflow: hidden;
  padding-top: 200px;
  height: 0;
  margin-left: 0;
  margin-bottom: -50px;
  background: url('i/logo.gif') no-repeat center center;
}

div.logo span {
	color: #1ad2e3;
	font-size: 16px;
}

ul,ol{
	line-height: 150%;
	margin: 10px 0 20px 30px;
}

ul.menu{
	margin: 0px 0 50px -18px;
	padding: 0 70px 0 0;
	position: absolute;
	top: 260px;
	left:52px;
	width:400px;
	list-style: none;
	line-height: 150%;
	font-size: 15px;
}

ul.menu li{
	padding: 1px 0 0 18px;
	height: 24px;
	margin: 0 0 3px 0;
}

ul.menu li.active{
	background: #259bc2 url('i/menu.gif') no-repeat top left;
}

ul.menu li.active a{
	color: #fff;
	text-decoration: none;
}

div.content{
	margin-left: 370px;
	padding: 0 70px 0 0;
}

h1.edit{
	position:absolute;
	top: 50%;
	margin-top: -20px;
	left: 50%;
	margin-left: 170px;
	width: 300px;
	text-align: right;
	font-size: 28px;
	font-weight: normal;
	line-height: 150%;
	z-index: 2000;
}

h1.edit a{
	text-decoration: none;
	border-bottom: 2px dashed #2088aa;
}

h1.edit a:hover{
	border: 0;
}

div.right{
	position: absolute;
	top: 70px;
	right: 70px;
	padding: 0 0 40px 104px;
	width: 200px;
	height: 260px;
	font-size: 11px;
	line-height: 180%;
	background: url('i/r_top.png') no-repeat  left 8px;
}
div.top-right{
	position: absolute;
	top: 70px;
	right: 70px;
	padding: 0 0 40px 104px;
	width: 200px;
	height: 260px;
}

div.right a.ru, div.top-right a.ru{
	display:block;
	width:45px;
	height:15px;
	/*padding-top:14px;*/
	float:left;
	text-decoration:none;
	margin-right:10px;
	font-size:14px;
	background: url('i/ru.jpg') right bottom no-repeat;
}
div.right span.ru, div.top-right span.ru{
	display:block;
	width:45px;
	height:15px;
	/*padding-top:14px;*/
	float:left;
	margin-right:10px;
	color:#ff6600;
	font-size:14px;
	
	background: url('i/ru.jpg') right 100% no-repeat;
}

div.right a.en, div.top-right a.en{
display:block;
	width:45px;
	height:15px;
	text-decoration:none;
	/*padding-top:14px;*/
	margin-left:50px;
	padding-right:3px;
	font-size:14px;
	background: url('i/gb.jpg') right bottom no-repeat;
}
div.right span.en, div.top-right span.en{
display:block;
	width:45px;
	height:15px;
	/*padding-top:14px;*/
	margin-left:50px;
	padding-right:3px;
	color:#ff6600;
	font-size:14px;
	background: url('i/gb.jpg') right bottom no-repeat;
}

div.right h3 {
	margin-top:15px;
	}

div.right p, div.zap p{
	line-height: 150%;
	margin: 5px 0 0 0;
}

div.right small{
	font-size: 11px;
	padding: 3px 0 0 0;
	color: #ccc;
	margin-left: -30px;
	float:left;
}

div.right p.number, div.zap p.number{
	font-size: 18px;
	margin: 0;
}

p{
	line-height: 150%;
	margin: 20px 0;
}

div#center{
	position: absolute;
	top: 50%;
	margin-top: -280px;
	margin-left: -340px;
	left: 50%;
	height: 553px;
	width: 559px;
	background: url('i/center.gif') no-repeat top left;
}

div#banner{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #259bc2;
	text-align: center;
	line-height: 2.5em;
	font-family: Arial, Georgia, Geneva, sans-serif;
	font-style: italic;
	font-size: 1em;
	color: #fff;
	z-index: 1000;
}

div#banner a{
	color: #fff;
}

a.special{
	color: #ff6600;
}

span.sp{
 	position: absolute;
 	liner-height: 150%;
 	font-size: 12px;
 	display: block;
	height: 23px;
	width: 88px;
 	background: url('i/sp.png') no-repeat top left;
 	padding: 0 12px;
 	z-index: 1500;
 	//background: url('i/sp_r.gif') no-repeat top right;
 	//width: 100px;
 	//padding: 0 12px 0 0;
}

span.sp a{
	display: block;
	height: 20px;
	padding: 3px 0 0 0;
	text-align: center;
	color: #fff;
	//background: url('i/sp_l.gif') no-repeat top left;
 	//padding: 3px 0 0 12px;
}

span.sp a:hover{
	text-decoration: none;
	color: #fff;
}

span#l1{top: 80px; left: 200px;}
span#l2{top: 190px; left: 120px;}
span#l3{top: 300px; left: 120px;}
span#l4{top: 410px; left: 370px;}
span#l5{top: 300px; left: 450px;}
span#l6{top: 190px; left: 450px;}

div.footer {
	height: 80px;
	padding: 20px 0 0 0;
	width: 100%;
	font-size: 11px;
	line-height: 200%;
	color: #666;
	position: absolute;
	z-index:1500;
	bottom: 0;
	left: 0;
}

div.footer a{
	color: #666;
}

div.footer div.content a{
	color: #333;
}

div.footer a:hover, div.footer div.content a:hover, h4{
	text-decoration:none;
}

form.search{
	width: 210px;
 	position: absolute;
 	top: 20px;
 	right: 70px;
 	z-index:1500;
 	line-height: 100%;
}

form.search p{
margin:0;
padding:0;
}

form.search input{
	border: 1px solid #666;
	width: 170px;
 	font-size: 11px;
 	color: #666;
 	padding: 3px 8px;
 	line-height: 100%;
 	position: absolute;
 	top: 0;
 	left:0;
 	background: transparent;	
}

form.search a{
	padding:0;
	position: absolute;
 	top: 0;
 	right:0;
 	width: 20px;
 	height: 20px;		
}

div.footer div.left{
	float: left;
	position: relative;
	top:0;
	height: auto;
}

div.footer div.left a#sl{
	position: relative;
	margin: auto;
	cursor: pointer;
	text-decoration: none;
	padding: 0 0.05em;
	border-bottom: 1px dashed;
}

div.footer div.left a#sl:hover{border: 0}

div.footer div.left .sl{
	position: absolute;
	top: -4.5em;
	left: 22%;
	background: #259BC2;
	color: #fff;
	padding: 0.6em 1.4em;
	margin-left: 2em;
	display: none;
}

div.footer div.left .sl p{
	margin: 0;
}

div.footer div.left .sl a{
	color: #fff;
}

div.footer div.left .sl .st{
	position: absolute;
	left: 60%;
	bottom: -10px;
	width: 0;
	height: 0;
	display: block;
	font-size: 0;
	line-height: 0;
	border-top: 0;
	border-left: 0;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #259BC2;
}

.footer span.js{
	position: absolute;
	margin-left: -32px;
	margin-top: 0.6em;
	width: 23px;
	height: 38px;
	background: transparent url(i/js.png) no-repeat top left;
}

.footer span.js,{
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/assets/templates/med/i/js.png",sizingMethod="crop");
}

div.footer div.content{
	height: 80px;
	color: #333;
	position: absolute;
	top:20px;
	left: 50%;
	margin-left: -340px;
	width: 439px;
	padding: 0 0 0 120px;
}

/*============ IMM LOGO =============*/

.cnt-footer-auth
{
	text-align: right;
	position: absolute;
	right: 25%;
	top: 0;
}

div.cnt-footer-auth a
{
	color: #333;
	font-family: Tahoma,Verdana,Georgia,Arial,Geneva,Helvetica,sans-serif;
	font-size: 11px;
	line-height: 140%;
	text-decoration: underline;
}

.cnt-footer-auth a:hover{
  background: transparent;
  text-decoration: none;
}


.cnt-footer-auth span
{
	color: #333;
	font-family: Tahoma,Verdana,Georgia,Arial,Geneva,Helvetica,sans-serif;
	line-height: 11px;
	text-decoration: underline;
	position: relative;
	left: -1px;
	top: -4px;
}

.cnt-footer-auth a:hover span
{
	text-decoration: none;
}

.cnt-footer-auth img
{
	position: relative;
	top: 5px;
	left: -20px;
	width: 72px;
	height: 20px;
	border: none;
}

img.banner-img
{
	position: relative;
	left: -5px;
}

/*==========END OF IMM LOGO ==========*/

/*============== BALOON ==============*/

.hint-tip {
	color: #000;
	width: 300px;
	z-index: 13000;
	background: #f2f5f7;
	padding: 12px;
}

.hint-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	padding-bottom: 10px;
}

.hint-text {
	font-size: 11px;
}
/*=========== END OF BALOON ==========*/