/* CSS Document */
/* 
Author: Borodko Andrei, Astronim* [http://astronim.com]
*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img, table, td, tr,  div {
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; 
	margin: 0;
	padding: 0;
	border-collapse:collapse;
	border-spacing: 0;
}
input { font-size: 13px;  font-family: Arial, Helvetica, sans-serif;}
 html {
  height:100%;
}
 body {
  margin:0;
  padding:0;
  height:100%;
  min-height:100%;

}
ul, ul li { list-style: none; }
a {cursor: pointer; cursor: hand;}
#main {
	position:relative;
	width:100%; 
	min-width:979px; 
	width:expression((document.documentElement.clientWidth || document.body.clientWidth) < 979? '979px': 'auto');
}
/* #second { background:#71d9ff  url(../i/bg_le_s_2.png) top left repeat-y;} */
#second { background:#adf1ff  url(../i/bg_le_s_2.png) top left repeat-y;}
#mainBg {position: absolute;  width: 100%; height:1000px;}
#mainBgIn {position: relative;  width: 100%;  }
#second #main {position: absolute !important; top: 0;}
#second #mainBg {
	position: relative; 	
	min-width:979px; 
	width:expression((document.documentElement.clientWidth || document.body.clientWidth) < 979? '979px': 'auto');
}
#second #main {position: relative; width: 100%;  background:  url(../i/bg_s.png) top left repeat-x; }
#second #mainBgIn {position: absolute;   }
#mainBgCenter {
	position:absolute;
	width:100%;
	top: 0;
	left: 0;
	background: url(../i/bg_center.jpg)/* 2% */ top no-repeat;
	z-index: 13;
	
	
}
	
#mainBgLeft, #mainBgRight {position:relative; width: 49%; float: left; background:  url(../i/bg_left.png) top repeat-x; z-index: 11;   } 
#mainBgRight {background:url(../i/bg_right.png) top left repeat-x; float: right; z-index: 12;  } 
#second #mainBgLeft_in {background:url(../i/bg_le_s.jpg) top left no-repeat;  }
#second #mainBgRight_in  {background: url(../i/bg_ri_s.jpg) top right no-repeat;}
#second #mainBgLeft { position: absolute;  background: url(../i/bg_le_s_2.png) top left repeat-y; width: 480px; }
#second #mainBgRight{ position: absolute;  right: 0; background:none;  }


#main, #mainBg, #mainBgIn, #mainBgCenter, #mainBgLeft, #mainBgRight  {height: 420px; height: 620px; min-height: 620px;}
#second #main, #second #mainBg, #second #mainBgIn, #second #mainBgCenter, #second #mainBgLeft, #second #mainBgRight, #second #mainBgLeft_in, #second #mainBgRight_in  {
min-height:660px; 
}


.clear{
	clear: both; 
	height: 0px; 
	overflow: hidden;
}
html[xmlns] .mozclear
{
	border-bottom: 1px solid;
	border-color: transparent;
	margin-bottom: -1px;
}
a {color:#000103;}

/* INDEX */
#logoProtera {width: 205px; height: 80px; position: absolute; left: 51px; top: 55px; z-index: 19; }
#logoClick { bisplay: block; width: 205px; height: 80px; position: absolute; left: 33px; top: 15px; z-index: 997;  }
#second #logoProtera {top: 56px; left:51px;  }
#second #logoClick { width: 205px; height: 96px; left: 51px; top: 6px; }
#slogan {height: 150px; width: 150px; position: absolute; left: 50px; top: 210px; z-index: 17; }
#second #slogan {top: 130px;}
#bottle {height: 250px; width: 250px; position: absolute; left: 0px; top: 394px; z-index: 18; background:url(../i/bottle.gif) top left no-repeat;}
#second #bottle {  height: 330px; width: 210px; position: absolute; left: 0px; top: 356px; z-index:979;  background-position: left 10px;
background-repeat:no-repeat; }
#second #bottle_in {height: 388px; width: 254px; position:relative;  z-index: 979;  background:url(../i/bottle_s_2.gif) top left no-repeat;}
#second #bottle_k {height: 388px; width: 254px; position:absolute; top: 0px; left: 0px; z-index: 979; background:url(../i/bottle_s_k_2.png) top left no-repeat; }
#choice {height: 55px; width: 147px; position: absolute; left: 37px; top: 545px; z-index: 18;  }
#order, a.order {height: 50px; width: 200px; position: absolute; left: 30px; top: 0px; z-index: 19;  }
#second #order, #second a.order{ left: 10px; top: 291px; z-index: 975;  }


#who {height: 50px; width: 200px; position: absolute; left: 53px; top: 73px; z-index: 920; }
#second #who { display: block;   position: absolute; left:0px; top: 655px; height: 60px; width: 140px;  z-index: 998; }
#indexFlash {height: 575px; width: 320px; position: absolute; left: 50%; top: 44px; z-index: 15; margin-left: -170px; }
#indexFlash2 {height: 620px; width: 550px; position: absolute; left: 30%; top: 0px; z-index: 14; margin-left: -225px; }

#secondFlash { height: 620px; width: 350px; position: absolute; left: 0px; top: 0px; z-index: 980; }

#logo_nedrainvest {position: absolute; left: 50%; top: 480px; z-index: 13;  margin-left: 295px; }
#t_nashi, a.t_nashi {position: absolute; left: 50%; top: 510px; z-index: 21;  margin-left: 100px; }
#indexSound {position: absolute; left: 50%; top: 585px; z-index: 21;  margin-left: 147px;}

#second #t_nashi, #second a.t_nashi { display: block;  position: absolute; left: -40px; top: 30px; height: 60px; width: 180px; z-index: 971; }
a.t_nashi { top: 380px !important;}
a.t_nashi, a.order {z-index: 998 !important;  }
/* news */
#right { float: right; width: 27%; padding: 115px 5% 0 5%; z-index:900; position:relative; }
#news  {position:relative; z-index: 900; height: 390px;}
#news h2 {font-size: 18px;}
#news .item { margin:5px 0 0 0;}
#news .date {color:#004282; font-size: 11px; }
#news a { text-decoration:none; position: relative; z-index: 900; }
#news a:hover { text-decoration:underline;}
/* #news a:visited {color:#004282;} посетитель ничего не посещает, бля */
#news .another {margin: 20px 0 0 0; }
#news .another a {color:#044f9a; text-decoration:underline;}
#news .another a:hover {text-decoration:none;}

.news_list a, .news_expand a {color: #000 !important; text-decoration: none !important;}
.news_list a:hover, .news_expand a:hover {text-decoration: underline !important;}
.news_list .item { position: relative; margin-left: 35px; }
.news_list .date { color: #004282; font-size: 11px; position: absolute; left: -35px; top: 0;}

#xlinks {position: absolute; left: 170px; top:-38px; z-index: 920;  height: 30px; width: 60px;  margin: 0; padding: 0; }
#second  #xlinks {left: auto;  right: -5px; top:68px;  width:85px; }
#xlinks a {margin: 0 10px 0 0;}
#search  { position: absolute; left: 0px; top:-20px; z-index: 919;  height: 30px; width: 200px; margin: 0; padding: 0; }
#second #search  {  left: 0px; top:34px; }
#search div.input {width: 124px; background: url(../i/bg_search.gif) no-repeat top left; height: 21px; float: left; }
#search input.txt {width: 104px;  border: none; background: none; border: none; color: #012d61;  height: 21px; font-size: 12px; margin: 2px 0px;  padding: 0 0 0 14px; font-family:Arial, Helvetica, sans-serif;}
#search input.submit {margin-top: 2px;} 

/*menuTop*/
#menuTop { position: absolute; top: 10px; left: 28%; z-index: 998;  margin-left: -15px; }
#second #menuTop { position: absolute; top: 10px; left: 27%; z-index: 998; }
#menuTop a {position: relative; z-index: 998;  }
#menuTop ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}

#menuTop ul li {
	list-style:none;
	position: relative;
	float:left; 
}
#menuTop ul li.separator {
	width: 2px; background:#fff !important;
	height: 13px;
	margin: 13px 0 0 0;
}
#menuTop ul li ul li {
	width: 190px;
	list-style:none; 
	float:none;
}
#menuTop li ul{
	list-style:none;
	position: absolute;
	/* left: 149px; /* Set 1px less than menu width */ 
	top: 0;
	display: none;
}
#menuTop ul li ul li ul {display: none;  position: absolute; left:160px}
/* Styles for Menu Items */

#menuTop ul li a {
	display: block;
	text-decoration: none;
	color: #fff;
	font-size: 14px;
	font-family: "Arial Narrow", Arial, Tahoma;
	text-transform:uppercase;
	font-weight: bold;
	letter-spacing:1px;
	padding: 0 7px 0 7px;  
	float: left;	
}
#second #menuTop ul li a { color: #012d61;}

#menuTop ul li ul li a {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none;
	font-weight: normal;
	letter-spacing: normal;
}
#menuTop ul li:hover a , #menuTop ul li.over a {  color:#012d61 !important; }
#menuTop a.here { color: #012d61 !important; }
#second #menuTop ul li li:hover a, #second #menuTop ul li li.over a, #second #menuTop li:hover li a { color:#012d61 !important;  }
#second #menuTop a.here span, #second #menuTop a:hover span, #second #menuTop li.over a span, #second #menuTop li:hover a span { color: #fff !important; }
/* Holly Hack. IE Requirement \*/

* html #menuTop ul li { height: 1%;}
* html #menuTop ul li a { height: 1%; }
/* End */
* html #menuTop ul li ul li{ height: 1%; }

#menuTop ul li ul li{ float: none; display: block;  height: 1%; }
#menuTop ul li ul{ position: absolute; float: left;}
#menuTop ul li ul a { background: url(../i/tr.gif);  display: block; }
#menuTop li:hover ul, #menuTop li.over ul { 
	display: block; 
	top:35px;
	margin-left: 0;
}
#menuTop li:hover ul li ul, #menuTop li.over ul li ul { 
	display:none; 
}
#menuTop ul li ul li:hover ul, #menuTop ul li ul li.over ul { 
	display: block;  
}

#menuTop li li, #menuTop li li li { /* background:#98c8e4; */ color: #fff;}
#menuTop li:hover a, #menuTop li.over a { 
	background:url(../i/bg_me_to_a_le.png) top left no-repeat;
	color: #012d61;
}

#menuTop li:hover li, #menuTop li.over li { 
	background: url(../i/bg_me_to_1.png);
}
#menuTop li:hover li a, #menuTop li.over li a { 
	background: none;
	color: #012d61;
}
#menuTop li:hover a span.right, #menuTop li.over a span.right{ 
	padding: 0;
	position:absolute; 
	width: 7px; 
	height: 35px; 
	right: 0; 
	top: 0;
	background: url(../i/bg_me_to_a_ri.png) top right no-repeat;
}

#menuTop li a span{
	position:relative;
	display: block;
	* width: 1%;
	white-space:nowrap;
	padding: 10px 10px 8px 10px;
}
#menuTop li li:hover, #menuTop li li.over { 
	color: #012d61;
}
#menuTop li:hover a span, 
#menuTop li.over a span {
	background: url(../i/bg_me_to_1.png);
}

#menuTop ul li ul li a {
	background: url(../i/tr.gif) !important;
	float: none !important;
	font-size: 13px;  
	padding: 8px 6px 4px 15px;  
}

#menuTop li li a:hover, #menuTop li  li a { 
	font-weight: normal;  
}
#menuTop li li a:hover {text-decoration: underline;}
#menuTop li li a, #second #menuTop li li a { color: #012d61 !important; }
#menuTop li li:hover a, #menuTop li li.over a { 
	text-decoration: underline; 
}
#menuTop li li.over a { 
	text-decoration: underline; 
}
#menuTop li li li a, #menuTop li li li a { 
	text-decoration:none !important; 
}
#menuTop li li li:hover a, #menuTop li li li.over a { 
	text-decoration:underline !important; 
	color: #012d61 !important;
}

#menuTop li:hover li.bottom, #menuTop li.over li.bottom { 
	display: block; 
	position: relative;
	line-height: 1px;
	background: url(../i/bg_me_to_a_bo.png) top left no-repeat; 
	width: 190px;  
	height: 10px; 
	padding: 0; 
	margin: 0;
}



/* MENU ON SECOND PAGE */
/*
#second #menuTop li:hover a, #second #menuTop li.over a { 
	background:url(../i/bg_me_to_a_le_s.png) top left no-repeat;
}
#second #menuTop li:hover li, #second #menuTop li.over li { 
	background: url(../i/bg_me_to_1_s.png);
}
#second #menuTop li:hover a span.right, #second #menuTop li.over a span.right{ 
	background: url(../i/bg_me_to_a_ri_s.png) top right no-repeat;
}
#second #menuTop li:hover a span, 
#second #menuTop li.over a span {
	background: url(../i/bg_me_to_1_s.png);
}
#second #menuTop li:hover li.bottom, #second #menuTop li.over li.bottom { 
	background: url(../i/bg_me_to_a_bo_s.png) top left no-repeat; 
}

*/





/*SECOND CENTER*/
#second #center { 
	position: relative;  
	min-width:979px; 
	width:expression((document.documentElement.clientWidth || document.body.clientWidth) < 979? '979px': 'auto'); 
	width: 100%;  	
	min-height: 100%;  
	z-index:981; 
} 



#second #centerIn {
	width: 100%;
	position:relative; 
	
}
#content { 
	position:relative; 
	min-height: 570px;
	margin: 0 8% 0 27%; 
	padding: 115px  0 140px 0;	
}

/*  CONTENT */
#content { text-align:justify; line-height: 120%;}
#content a {color: #000; text-decoration:underline; }
#content a:hover {color: #fff; }
#content p {padding:  5px 0 5px 0;}
#content h1, #content h2, #content h3, #content h4, #content h5 {font-size:22px; color: #010101; font-family: Arial, Tahoma;  margin: 10px 0 5px 0;}
#content h2{ font-size: 17px;}
#content h3{ font-size: 16px;}
#content h4{ font-size: 15px;}
#content h5{ font-size: 14px;}

#content h1.pageTitle { font-size:18px; color: #010101; padding:0 0 8px 0; margin-top: 20px}

#content ul li { list-style: disc;}
#content li {padding: 0 0 1px 0; margin:  0 0 0 20px; }
#content li li {   }

#content table.tbl {color: #000; }
#content table.tbl td {padding: 4px 6px; border: #fff 1px solid; }
#content table.tbl .theader {background: #fff; font-weight: bold; }

#content input.btn {  cursor: pointer; cursor: hand; }

#content OL{
	zoom: 1;
}
#content OL LI{
	padding: 3px 0;
//	margin-left: 25px;
}
/* FOOTER */
#footer {
	position:absolute; 
	top: 620px;
	color: #0a478c;
	width: 100%;
	min-width:979px; 
	width:expression((document.documentElement.clientWidth || document.body.clientWidth) < 979? '979px': 'auto');
}
#second #footer { position:relative;  margin-top: -100px; height: 100px; overflow: hidden;  top: auto; background: #fff; z-index: 992;}
#footer a{
	color: #0a478c;
}
#footer_in { position:relative; width: 100%;}
#contact_1 { padding: 45px 0 45px 45px; float: left; width: 30%; }
#second #contact_1 { padding: 25px 0 45px 45px;}
#contact_2 { position: absolute; top: 45px;  width: 28%; left: 37%; margin-left: -10%; }
#second #contact_2 { top: 25px;}
#astronim { float: right; width: 27%; padding: 45px 5% 0 5%; }
#second #astronim { padding: 25px 5% 0 5%; width: 177px;   }
#astronim img { float:left; margin: 3px 5px 0 0 ;}
#astronim span { display:block; margin: -3px 0 0 0; float:left;}
#astronim a{ text-decoration:underline; line-height:14px; font-size: 11px; }
#astronim a:hover { text-decoration:none !important;}

#printsend {text-align: right; padding: 10px 0 0 0; }
#printsend a {margin: 0 0 0 20px; color: #000; display: block; background: url(../i/print.gif) left no-repeat;  float: right; padding-left: 20px;}
#printsend a.sendfriend {background: url(../i/isend.gif) left no-repeat; padding-left: 24px; }
#printsend a:hover {color: #fff; }

.path, .printversion, .sendfriend {font-size: 11px;}

#page_404 { background:#5dc7ff url(../i/bg_404.png) top left repeat-x; text-align: center;  } 
#page_404  .center { margin: 0 auto; width: 420px; height: 460px;  background: url(../i/404.jpg) 50% 50% no-repeat;}
#page_404 .text { margin: 230px 0 125px 0;	font: bold 17px/17px "Arial Narrow", Arial, Tahoma; color: #bae3f7;}
#page_404 a { color: #044f9a;}
#page_404 a:hover { text-decoration: none;}

.contactForm input, .contactForm textarea{ background: transparent ; border: none; width: 100%; }
.contactForm table td {padding: 3px 0 1px 0;}
.contactForm textarea{ overflow: auto; height: 94px;}
.inp_le, .inpt_le {margin: 1px 0 0 0;}
.inp_le, .inp_ri, .inp {height: 21px;}
.inpt_le, .inpt_ri, .inpt {height: 99px;}
.inp_le {  background: url(../i/bg_inp_le.png) left top no-repeat; padding: 0 4px 0 10px;}
.inp_ri {  background: url(../i/bg_inp_ri.png) right top no-repeat; padding: 0 10px 0 0;}
.inpt_le {  background: url(../i/bg_inpt_le.png) left top no-repeat; padding: 0 4px 0 7px;}
.inpt_ri {  background: url(../i/bg_inpt_ri.png) right top no-repeat; padding: 0 7px 0 0;}
.inp, .inpt {background: #d9f2fc;}
input.inp2  {width: 140px;}
.contactForm .btn {background: url(../i/bg_submit.png) right top no-repeat; width: 84px; text-align: center; display: block;  padding: 3px 0; }
* html .contactForm .btn {padding: 1px 0 0 0; }
.contactForm td.gray {padding: 5px 10px;}

.big a{
font-size: 18px;
}
.big a:hover{
text-decoration:none !important;
}

div.counter { display:inline; height:0px; left:-1000px; margin:0px; padding:0px; position:absolute; top:-1000px; visibility:hidden; width:0px; }