* {	margin: 0px; padding: 0px;  }
html, body { width: 100%; }
html, body, td { color: #111; font: normal 100%/1.5 Tahoma, Verdana, Arial, sans-serif; }
a { color: #00f; }
a:visited { color: #f0f; }
a:hover { color: #f03; }

td { vertical-align:top; }
img { border:0px; display:block; }

h1 { margin: 16px 0 6px 0;  }
h1, h2, h3, h4, h5, h6, h1 a { font: bold 1.6em Arial, Verdana, Tahoma, sans-serif;  color:#0055A5;  }
h2 { font-size: 1.5em;  }
h3 { font-size: 1.4em; font-weight: bold; }
h4 { font-size: 1.3em; font-weight: bold; }
h5 { font-size: 1.2em; font-weight: bold; }
h6 { font-size: 1.1em; font-weight: bold; margin: 6px 0 2px 0; }

p, ul { padding: 0 0 10px 0; }

ol li { margin-bottom:5px; }
ul li { list-style: square; }
ul li ul { margin: 0 0 0 10px; padding:0;  }
li ul li { list-style: circle;  }
li ul li a {  list-style: circle;  }
dd { margin-left:26px; }
/* br { clear: both;  } */
small, small a { font-size:1em ; }


/* Стили вставки горячей линии шапке */

#hotline {
	padding:23px 0 0 0; margin:0;
	color: #ed453c;
	font:1.3em Verdana;
}


#tel {
	padding:0 0 6px 0; margin:0;	
	font: 0.8em Verdana;
}

#tel span {
	font-size:140%;
	font-weight:bolder;
}


#header_link p {
	padding:0; margin:0;
}

#header_link a {
	font: 0.8em Verdana;	
	color:#0f4bbb;	
}

/* Стили вставки горячей линии шапке */


.nobr { white-space: nowrap; }
.clear { clear: both; }
.inline { display: inline; }
.center { text-align:center; }
.right { float:right; }
.center img { margin: 0 auto; }
.link2list { margin: 11px 0 0 0; }
.print { display:none; }
.notice { color: red; padding:20px 5px 5px 30px; font-weight:bold;  }
.cursor { cursor: pointer; }
.ieonly { display:none; }
body {  background: #fff ; }

#container { /*max-width: 1006px;*/  }
#hat { height: 164px; }
#logo { position: absolute; top: 64px; left: 38px; z-index:5; }
#logo_description { position: absolute; top:78px; left: 263px; width: 430px; font-size: 1.25em; line-height:1.1em; font-weight:bold; color: #0055A5; }


#contacts_block { position: absolute; width:100%; max-width:1006px;  top:0; z-index:3;}
#contacts_block_wrap {  width:205px; padding:15px 6px 0 18px; background: url(../images/topcontacts_bg.jpg) repeat-x ; position: relative; float: right;  right: 0; }
#contacts_block h3 { font-size:0.8em; padding-bottom:3px; }
#contacts_block p { font-size:0.7em; padding:0; }


#admin_menu { margin-left:130px; opacity:0;  background: #ddd; border: 1px solid #555; padding:10px; }
#admin_menu h3 { font-size: 1em; }
#admin_menu dl { font-size: 0.8em; }
#admin_menu dt { font-weight:bold; }
#admin_menu dd { margin-left:30px;  }
#admin_menu dd a:visited { color:#00f; }
#admin_menu dd a:hover { color:#f03; }
#admin_menu dd span:before { content: ">> "; }
#nav_buttons { position: absolute; top:28px; right: 46px; z-index:4; }
#nav_buttons img, #nav_buttons form { display: inline; margin-right: 25px;  }

#top_menu {  margin: 0px 0 0 0; padding:2px 0 0 0; height: 30px; clear:both;  }
#top_menu dl { margin: 0 0 0 243px;  height: 30px; }
#top_menu dd { display: inline;  vertical-align:top; }
#top_menu dd.first { padding-left: 20px; }
#top_menu dd a, #top_menu dd a:link,#top_menu dd a:visited,  #top_menu dd span {  
  margin: 0 20px 0 0px;
  font-size: 0.7em; text-decoration: none; text-transform:uppercase; color: #039;    }
#top_menu dd a:hover, #top_menu dd span { font-size: 0.7em; color: #f00;  }
#top_menu dd span { font-weight: bold; }

#top_menu dd a:hover { text-decoration:underline; }
#top_menu dd { margin: 0px 20px 0 0; padding: 0px 0 4px 0;  }


#menu_column { margin-top:0px; width:232px; position:absolute; left:0;  }

#left_menu { background: #9cf; width:232px; height:222px; }
#left_menu dl { padding:32px 10px 0 20px; }
#left_menu dd { margin:0px; padding:0; }
#left_menu a, #left_menu a:visited, #left_menu a:hover, #left_menu span { text-decoration:none; font: bold 0.75em/2em Verdana, Tahoma, sans-serif;  color:#0E3193; }
#left_menu span { color: #fff; }
#left_menu a:hover { color:#fff; text-decoration: underline; }
#servbuttons, #banners { padding: 20px 0 0 30px;  } 
#servbuttons img, #banners img { margin: 12px 0;   } 

#app_contents_column { padding: 0 0 0 232px; }
#index_contents_column { padding: 0 0 0 254px; }
#visual_index { margin:0px 0 46px 247px; min-width:536px;  height:207px;  background: #9cf  url(../images/index_island.gif) no-repeat 320px 20px; padding: 15px 0 0 15px; }
#viz_photo { background: url(../images/index_foto.jpg) no-repeat;  width: 192px; height: 192px;  }
.yield { padding: 24px 0 0 30px; }
.content, .description, .content div { min-height:50px;  }
.content div, .description div { height:100%; }
.editable:hover { background: #ddd; }
.description textarea { height:120px; width:210px; }
.content textarea, .page_content textarea { height:420px; width:500px; }
.title .textinput { width:300px; }
.submitbuttons { margin: 6px 0 0 0; }
#index_contents_column { min-height: 429px;  } 
#index_contents_column_bg {  /* background: url(../images/index-bottom-bg.jpg) repeat-x bottom;*/ }

#contents_column { /* background: url(../images/index-bottom-bg.jpg) repeat-x bottom; */ }
#app_contents_column { /* background: url(../images/app-bottom.jpg) no-repeat left bottom; */ min-height: 632px; padding-bottom:100px;  }

#viz_top_application { margin: 0 50px 0 260px; border-top: 1px solid #777 ; }

.behind_menu { float: left; width:520px; }

.right_menu { float: right; width:204px; margin:55px 14px 0 0; }
.right_menu img { margin: 25px auto 0 auto ; }
.right_menu a { font-size: 0.92em; }


.arrow_menu h3 { margin-bottom: 5px; font: bold 13px Tahoma, Verdana, Arial, sans-serif; padding-left:25px; background: url(../images/arrow_orange.gif) no-repeat; text-transform: uppercase;  }
.arrow_menu li { margin-left: 20px; }
.content .arrow_menu { margin-top:6px; }
.right_menu li { font-size:0.8em }

#app_bottominfo { margin-top: 15px; clear: both;   }
#app_bottominfo2 {   }

#copy {  float:left; padding: 11px 0 25px 77px; font-size:0.7em; color:#777;  }
#hotlog { float: left; padding: 13px 0 0 88px; /*    position:absolute; z-index:5; */ }
#copy a { color: #555; }
#copy a:hover { color: #111; }

/* =guestbook */
#new_message_remote textarea { height: 100px; }
#new_message_remote { font-size: 0.9em; }
#news_entry h1, #page_entry h1 { font-size: 1.1em }
#news_entry { width: 520px; }
#gmassages { padding-top:3px; }
#gmassages a { font-size: 0.8em  }
.post_header { padding-top:15px; }
#gmassages h6 {  margin:0; font-size:0.96em; float:left; }
.post_date { float:left; margin-left: 12px;  }
#gmassages p { clear:both; font-size:0.8em; padding:0;  }
.admin_com { margin-left:30px; }
.admin_id { color:#0052A5;   }
.guest h1 { background: url(../pictures/guest-icon.gif) no-repeat 0 1px; padding-left:27px; }

/* =pages */
/* { font-size:0.75em; }
#page_entry h1 { font-size:1.3em; }
#page_entry ul { margin-left:17px; }
*/
/* =news */
.index_news { width: 510px; /*position:absolute; z-index:5; top: 435px;left:250px;  */ } /**/
#news { font-size: 0.75em;  } 
#news ul { margin-left:15px; }
.news { margin-left:20px; }
#news h1 { font-size:1.3em; margin:0 0 9px; }
#news h1 a { text-decoration:none; color: #0055A5; font-size:1.2em; }
#news h1 a:visited { color: #0055A5; }
#news h1 a:hover { color: #f03; }
#news dd {  margin:10px 0; }
#news dd p { padding:0 0 0 20px; margin:0; background: url(../pictures/bullet-square.gif) no-repeat 0 4px; }

#allnews_link { font-weight:bold; margin:5px 0 ; }
#allnews_link dd { margin: 0 0 5px 0; }
.news_content, .page_content { font-size: 0.8em }
.news_date, .post_date { font-size: 0.7em; color:#0055A5; }

/* =pages */ 

.content, #page_entry {  margin-right:30px; }
.content p , #page_entry p { font-size:0.8em; }
.content table , #page_entry table { margin: 0 0 20px 0;font-size:0.8em;  } 
.content td.pad, #page_entry td.pad {padding-left: 50px;  } 
.content td, #page_entry td { padding:6px; background: #eee;  }
.content th, #page_entry th { background: #aaa; color:#fff; padding:3px; }
.content caption, #page_entry caption { margin-top: 13px; padding-bottom: 7px; font-weight: bold; text-align:left;  color:#0E3193; font-size: 0.9em;  }
.content h1, #page_entry h1, #page_entry h2 , .guest h1 { margin:0px 0 8px 0; font-size: 1.2em; }
.content h2, #page_entry h2  { font-size: 1em; }
.content h3, #page_entry h3  { font-size: 0.9em; }
.content li, #page_entry li { margin:0 0 3px 15px; font-size:0.8em; }
.content dl, #page_entry dl { font-size:0.8em; margin-bottom:10px; }
.content dd, #page_entry dd ,  #page_entry dt { margin:0;  }
.content dt, #page_entry dt { font-weight:bold; margin-top:5px; }
.content li li, #page_entry li li { font-size:0.9em; }
.content img, #page_entry img { margin: 0 auto;  text-align:center; }
.content img.left, #page_entry img.left { margin: 0 15px 0 0; }
.content img.right, #page_entry img.right { margin: 0 0 0 15px; }

/* =login */
#login p { font-size:0.8em;  }

/* =search */
#search h3 { margin:0; font-size:1.1em; }
#search a { font-size:0.8em;  }

/* =sitemap */
.sitemap dd { margin-left:15px; }
.sitemap dd dd { font-size:1.2em; }


/* =errors */

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  font-size:1em;
  padding: 5px 5px 5px 15px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  padding: 17px 0 5px 7px;
  font-size:0.8em;
}

#errorExplanation ul li {
  margin-left:15px;
  list-style: square;
  font-size:0.8em;
}
.shareform { margin: 4px 0 10px 0; }
.shareform label { display:block; }
.shareform p { margin: 0; padding:0; }
.shareform .submit { margin-top:7px; }
.shareform .notes { font-size: 0.7em; margin:2px 0 0 4px; color:#0055A5; }
.shareform label span, .shareform .notes span { font-weight: bold; color:#0055A5; }
form .small { width:30px }
/* =shared formats */
dl.profile { clear:both; padding-top:16px; }
dl.profile dt { font-weight:bold; }
dl.profile dd, dl.profile dt { margin: 0; }
dl.profile .photo { float: left; padding: 0 14px 0 0;  }


/* =map */
.cmp { background : transparent url(../images/map/flat.jpg) no-repeat 0 0; }
.cmp ul {
  list-style-type : none;
  display : block;
  width : 974px;
  height : 429px;
  padding : 0;
  position:absolute;
  left:0;
}

.cmp ul li {
  display : inline;
}

.cmp ul li a {
  font-size: 0.8em;
  position : relative;
  display : block;
  text-decoration : none;
}

.cmp ul li a span.offset {
  margin-top : -9000px;
  margin-left : -9000px;
  position : absolute;
}

.cmp ul li a:hover span.offset, .cmp ul li a:focus span.offset, .cmp ul li a:active span.offset {
  color : #000;
  background-image : none;
  background-color : #ffffde;
  border : 1px solid #000;
  display : block;
  width : 150px;
  height : auto;
  text-decoration : none;
  cursor : pointer;
}

.cmp ul li a:hover span.offset span, .cmp ul li a:focus span.offset span, .cmp ul li a:active span.offset span {
  display : block;
  width : 140px;
  margin : 5px;
}


/* hot-spot 01 css */

.cmp ul li a#tym {
  width : 30px;
  height : 30px;
  margin-top : 110px;
  margin-left : 657px;
}

.cmp ul li a#tym:hover, .cmp ul li a#tym01:focus, .cmp ul li a#tym:active {
  background : transparent url(../images/map/hover.gif) no-repeat -657px -110px;
}

.cmp ul li a#tym:hover span.offset, .cmp ul li a#tym:focus span.offset, .cmp ul li a#tym:active span.offset {
  margin-top : 25px;
  margin-left : 00px;
}

/* Северо-Курильск */

.cmp ul li a#skur {
  width : 30px;
  height : 30px;
  margin-top : -13px;
  margin-left : 936px;
}

.cmp ul li a#skur:hover, .cmp ul li a#skur:focus, .cmp ul li a#skur:active {
  background : transparent url(../images/map/hover.gif) no-repeat -936px -127px;
}

.cmp ul li a#skur:hover span.offset, .cmp ul li a#skur:focus span.offset, .cmp ul li a#skur:active span.offset {
  margin-top : 23px;
  margin-left : -100px;
}

/* Углегорск */

.cmp ul li a#ugl {
  width : 30px;
  height : 30px;
  margin-top : 15px;
  margin-left : 637px;

}

.cmp ul li a#ugl:hover, .cmp ul li a#ugl:focus, .cmp ul li a#ugl:active {
  background : transparent url(../images/map/hover.gif) no-repeat -637px -172px;
}
.cmp ul li a#ugl:hover span.offset, .cmp ul li a#ugl:focus span.offset, .cmp ul li a#ugl:active span.offset {
  margin-top : 23px;
  margin-left : 0px;
}

/* Поронайск */
.cmp ul li a#por {
  width : 30px;
  height : 30px;
  margin-top : -30px;
  margin-left : 675px;
}

.cmp ul li a#por:hover, .cmp ul li a#por:focus, .cmp ul li a#por:active {
  background : transparent url(../images/map/hover.gif)  no-repeat -675px -172px;
}

.cmp ul li a#por:hover span.offset, .cmp ul li a#por:focus span.offset, .cmp ul li a#por:active span.offset {
  margin-top : 14px;
  margin-left : 0px;
}

/* Холмск */

.cmp ul li a#hol {
  width : 14px;
  height : 14px;
  margin-top : 50px;
  margin-left : 642px;

}

.cmp ul li a#hol:hover, .cmp ul li a#hol:focus, .cmp ul li a#hol:active {
  background : transparent url(../images/map/hover.gif) no-repeat -642px -252px;
}

.cmp ul li a#hol:hover span.offset, .cmp ul li a#hol:focus span.offset, .cmp ul li a#hol:active span.offset {
  margin-top : 14px;
  margin-left : 0px;
}

/* Южный */

.cmp ul li a#ys {
  width : 14px;
  height : 14px;
  margin-top : -9px;
  margin-left : 656px;
}

.cmp ul li a#ys:hover, .cmp ul li a#ys:focus, .cmp ul li a#ys:active {
  background : transparent url(../images/map/hover.gif) no-repeat -656px -257px;
}

.cmp ul li a#ys:hover span.offset, .cmp ul li a#ys:focus span.offset, .cmp ul li a#ys:active span.offset {
  margin-top : -14px;
  margin-left : 13px;
}

/* Корсаков */

.cmp ul li a#kor {
  width : 14px;
  height : 14px;
  margin-top : 0px;
  margin-left : 660px;
}

.cmp ul li a#kor:hover, .cmp ul li a#kor:focus, .cmp ul li a#kor:active {
  background : transparent url(../images/map/hover.gif) no-repeat -660px -271px;
}

.cmp ul li a#kor:hover span.offset, .cmp ul li a#kor:focus span.offset, .cmp ul li a#kor:active span.offset {
  margin-top : 14px;
  margin-left : 0px;
}
#logged_user_name { position:absolute; top: 20px; left:38px; font-size: 0.8em; font-weight:bold; }

#hiddenzone h1 { margin-top:4px; }
#hiddenzone ul { margin:3px 0 3px 15px; }
#hiddenzone p { font-size:0.8em }
#hiddenzone ul { font-size:0.9em }
#hiddenzone li em { font-size:0.9em; margin:0 10px; }
#hiddenzone .date { font-size:0.7em; }

#edit_page { margin-bottom:15px; }
#purchaseshow li { list-style:none; }
