/* 
=============================================================
=============================================================
*/

html,body {
	margin:0; 
	padding:0; 
	height: auto !important; 
	height:100%; 
	min-height:100%; 
	width:100%; 
	background:#FFFFFF url(../images/bgb00000.jpg) repeat-x top; 
	color:#38444B; 
	font:normal 12px Arial;
	}
div,ul,li,h1,p {
	margin:0; 
	padding:0
	}
img {
	border:none;
	}
ul li {
	list-style:none
	}
a {color:#1089B1}
a:hover {color: #539928}

.clear {clear:both}

#wrap {margin: 0 auto; width: 980px; padding: 0 10px 0 10px;}

#columns {overflow: hidden; padding: 0 5px 0 5px;}
#central-c { width:680px; margin: 0 10px 0 10px;}
#central-c33 {margin: 0 0 0 0;}
#content {
	width:680px;
	float:left;
	clear:both;
	}
	
#right-c {float: right; width: 245px;}
/* =====Head======= */
#headblock {overflow: hidden; padding: 0 4px 0 4px; margin-bottom:14px}
#left-top-c {float: left; width: 10px; height:155px; background:url(../images/topbglef.jpg) no-repeat top left}
#central-top-c {margin: 0 10px 0 10px;height:155px; background:url(../images/topbgcen.jpg) repeat-x top}
#right-top-c {float: right; width: 10px; height:155px; background:url(../images/topbgrig.jpg) no-repeat top right}
/* ==================== */
.infoblockdop {margin-bottom:2px;}
.ititledop {display: block; height: 24px; font:bold 12px arial; color: #1089B1; background:#DEF1F8 url(../images/menubutt.gif) no-repeat left top; margin-bottom:1px; padding-left:13px; padding-top:6px; text-decoration:none; cursor: pointer;}
.ititledop:hover {background: #28A3CF url(../images/menubutu.gif) no-repeat left top; color:#FFFFFF}
.infoblockdop .ititledop img{margin-top:4px; margin-right:12px; text-decoration:none;}
.infoblockdop .itextdop {background: url(../images/ibbgdop0.gif) repeat-y left top;}
.infoblockdop .ibottom {width:220px; height:3px; background: url(../images/ibbottom.gif) no-repeat left top;}

.infoblock {margin-bottom: 12px;}
.bannerblock {
	margin-bottom: 12px; 
	width:245px;
	}
.infoblock2 {margin-bottom: 6px;}
.infoblock .ititle {
	width:250px; 
	height:34px; 
	background: #28A3CF url(../images/infobloc.gif) no-repeat left top; 
	color:#FFFFFF; 
	font-weight:bold; 
	padding-top:7px; 
	padding-left:12px
	}
.infoblock .ititle3 {
	width:250px; 
	height:34px; 
	background: #28A3CF url(../images/infoblod.gif) no-repeat left top; 
	color:#FFFFFF; 
	font-weight:bold; 
	padding-top:7px; 
	padding-left:12px
	}
.infoblock2 .ititle2 {
	width:250px;
	height:23px;
	background: #28A3CF url(../images/infoblod.gif) no-repeat left top;
	color:#FFFFFF;
	font-weight:bold;
	padding-top:7px;
	padding-left:12px
}
.infoblock .itext {
	width:250px;
	padding-left:4px; 
	background: url(../images/ibbg0000.gif) repeat-y left top;
	} 
.infoblock .ibottom {
	width:250px; 
	height:15px; 
	background: url(../images/ibbottom.gif) no-repeat left top;
	}
.infoblock .ibottom2 {
	width:250px; 
	height:3px; 
	background: url(../images/ibbotton.gif) no-repeat left top;
	}


.topmenulinks {height:50px;}
.textabout {float:left; font-size:11px; color:#1089B1; margin-top: 28px; margin-left:5px}
.sitelinks {float:right; margin-top:28px; margin-right:5px; font-size:11px; color:#A3B0BA}
.logo {float:left; padding-top:20px; padding-left:15px}
.topbanner {
	display: block;
	width:468px;
	height:60px;
	float:left;
	border: 1px solid #CCC;
	margin-top:20px;
	margin-left:75px;
}
.toplogobg {height:95px; background:url(../images/bbbg0000.jpg) no-repeat right top;}
.toplogobgforum {height:95px; background:url(../images/bbbg0000.jpg) no-repeat right top;}

/* =====Topmenu======= */
#tabsJ {
      float:left;
      width:680px;;
      background:#F4F4F4;
      font-size:93%;
      line-height:normal;
      border-bottom:1px solid #24618E;
	  clear:both;
      }
    #tabsJ ul {
        margin:0;
        padding:10px 10px 0 50px;
        list-style:none;
      }
    #tabsJ li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsJ a {
      float:left;
      background:url(../images/tableftJ.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabsJ a span {
      float:left;
      display:block;
      background:url(../images/tabrightJ.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#24618E;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsJ a span {float:none;}
    /* End IE5-Mac hack */
    #tabsJ a:hover span {
      color:#FFF;
      }
    #tabsJ a:hover {
      background-position:0% -42px;
      }
    #tabsJ a:hover span {
      background-position:100% -42px;
      }

        #tabsJ #current a {
                background-position:0% -42px;
        }
        #tabsJ #current a span {
                background-position:100% -42px;
                color:#FFF;
        }


/* =====Bottom======= */
#bottomblock {background: #ffffff; overflow: hidden; padding: 0 5px 0 5px; margin-bottom:10px; margin-top:20px}
#left-b-c {float: left; width: 220px; height:80px; background:url(../images/bgbgbg00.gif) no-repeat top left}
#central-b-c {margin: 0 225px 0 225px; height:80px; background:url(../images/bgbgbg20.gif) no-repeat top}
#right-b-c {float: right; width: 220px; height:80px; background:url(../images/bgbgbg00.gif) no-repeat top right}
/* ==================== */
.registrationbutton { width:220px; height:39px;}
.textloginm { margin-top:8px; margin-bottom:10px; width:220px; text-align:center; font-style:italic}
.footerblock1 { float:left; padding-left:15px; padding-right:9px; padding-top:23px; padding-bottom:40px; text-align:center}
.footerblock2 { padding-left:9px; padding-right:9px; padding-top:24px; padding-bottom:40px; text-align:center}
.footerblock2 a img {opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40);}
.footerblock2 a:hover img {opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);}
.footerblock3 { float:left; padding-left:25px; padding-right:5px; padding-top:10px; padding-bottom:10px;}
/* ==================== */

.header
{
  background: url("/pics/space.jpg");
}

.speedbar {
	color: #003399;
	font-size: 11px;	
	text-decoration: none;
}
.speedbar a {
	color: #333333;
	text-decoration: none;
}
.speedbar a:hover {
	color: #333333;
	text-decoration: underline;
}

/* =====Content======= */
.centralhead {
	width:auto;
	float:left;
	padding: 10px 10px 10px 10px;
}

.channel {
	width:240px;
	height:auto;
	padding-left:10px;
	color: #757575;
	font-size: 11px;		/* ! */
	font-family: georgia;	/* ! */
	text-decoration: none;
}
.channel a {
	color: #333333;
	text-decoration: none;
}
.channel a:hover {
	color: #CC0000;
	text-decoration: underline;
}
/* ==================== */

.slink {
	color:#757575;
	font-size: 11px;		/* ! */
	font-family: tahoma;	/* ! */
	text-decoration: none;
}
.slink a:active, .slink a:visited, .slink a:link {
	font-size: 11px;
  color:#990000;
	text-decoration: none;
}
.slink a:hover {
	color: #990000;
	font-size: 11px;
    text-decoration: underline;
}
.slink img {
	border: 0px;
}

/* ==================== */
.copy {
	color: #757575;
	font-size: 11px;		/* ! */
	font-family: tahoma;	/* ! */
	text-decoration: none;
    
}
.copy a:active, .copy a:visited, .copy a:link {
	color: #000000;
	text-decoration: none;
        
}
.copy a:hover {
	color: #990000;
	text-decoration: underline;
        
}

/* ==================== */
.comments {
	color: #333333;
	font-size: 11px;		/* ! */
	font-family: tahoma;	/* ! */
	text-decoration: none;
    
}
.comments a:active, .comments a:visited, .comments a:link {
	color: #CC0000;
	text-decoration: none;
        
}
.comments a:hover {
	color: #CC0000;
	text-decoration: underline;
        
}

/* ==================== */
.links {
	color: #757575;
	font-size: 11px;		/* ! */
	font-family: tahoma;	/* ! */
	text-decoration: none;
    
}
.links a:active, .links a:visited, .links a:link {
	color: #757575;
	text-decoration: none;
        
}
.links a:hover {
	color: #CC0000;
	text-decoration: underline;
        
}

/* ==================== */
.tags {
	color: #757575;
	font-size: 11px;		/* ! */
	font-family: tahoma;	/* ! */
	text-decoration: none;
    
}
.tags a:active, .tags a:visited, .tags a:link {
	color: #757575;
	text-decoration: none;
        
}
.tags a:hover {
	color: #CC0000;
	text-decoration: underline;
        
}

/* ==================== */

.date {
	width:auto;
	color: #757575;
	font-size: 11px;		/* ! */
	font-family: tahoma;	/* ! */
	text-decoration: none; 
}
.date a:active, .date a:visited, .date a:link {
	color: #757575;
	text-decoration: none;
        
}
.date a:hover {
	color: #757575;
	text-decoration: underline;
        
}
/* ==================== */

.boxer {
	color: #FFFFFF;
	font-size: 12px;		/* ! */
	font-family: Arial;	/* ! */
	text-decoration: none;
	font-weight: bold;
     
}
.boxer a:active, .boxer a:visited, .boxer a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.boxer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
        
}
/* ==================== */
.newstitle {
	color: #313F6C;
	font-size: 18px;
	font-family: Arial;
}
.newstitle a {
	color: #313F6C;
	text-decoration: none;
}
.newstitle a:hover {
	color: #313F6C;
	text-decoration: underline;
}
.newstitle img {
    padding: 10px 10px 10px 10px;
	border: 0px;
}

/* ==================== */

.headtitle {
	width:auto;
	float:left;
	font-size: 12px;		/* ! */
	font-family: Arial;	/* ! */
	text-decoration: none;
	font-weight: bold;
      
}
.headtitle a:active, .headtitle a:visited, .headtitle a:link {
	color: #CC0000;
	text-decoration: none;
        
}
.headtitle a:hover {
	color: #CC0000;
	text-decoration: underline;
        
}

/* ==================== */
.fototitle {
	color: #757575;
	font-size: 12px;		/* ! */
	font-family: Arial;	/* ! */
	text-decoration: none;
	font-weight: bold;
      
}
.fototitle a:active, .fototitle a:visited, .fototitle a:link {
	color: #CC0000;
	text-decoration: none;
        
}
.fototitle a:hover {
	color: #CC0000;
	text-decoration: underline;
        
}

/* ==================== */
.albumtitle {
	width:auto;
	font-size: 14px;		/* ! */
	font-family: Arial;	/* ! */
	text-decoration: none;
	font-weight: bold;
	clear:both;
}
.albumtitle a:active, .albumtitle a:visited, .albumtitle a:link {
	color: #313F6C;
	text-decoration: none;
        
}
.albumtitle a:hover {
	color: #313F6C;
	text-decoration: underline;
        
}

/* ==================== */

.news {
	width:auto;
	color: #333333;
	font-family: Arial;
	font-size:10pt; 
	text-align:justify;
	line-height: 16px;
	clear:both;
}
.news a {
	color: #CC0000;
    text-decoration: none;
}
.news a:hover {
	color: #CC0000;
    text-decoration: underline;
}
.news img {
    border: 0px;
}
/* ==================== */
.foto {
	width: 200px;
	height:auto;
	padding:2px;
	clear:both;
}

.foto img {
   background-color:#FFFFFF;
   border:1px solid #EBD8AD;
   padding:4px;
}
/* ==================== */
#gallerytitle {
	border-bottom: 1px solid #E6E6DF;
	padding-bottom: 14px;
	margin-bottom: 20px;
	/*min-height: 40px;
  _height: 40px;*/
}
#gallerytitle h2 { 
	font-weight: normal; 
	font-size: 12pt; 
	margin-top: 18px;
	/*width:510px;*/
}
/* ==================== */
.news-container {
  width:auto;
  margin-bottom:10px;
}
.news-short-descr {
  margin: 5px 0px;
}
.news-more {
  text-align: right;
}
.news-more a{
  font-style: italic;
}
#news-paging {
  text-align: center;
}

/* ==================== Главное меню сайта */

.mainmenu {
	color: #888888;
	font-size: 11px;		/* ! */
	font-family: tahoma;	/* ! */
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}
.mainmenu a:active, .mainmenu a:visited, .mainmenu a:link {
	color: #333333;
	text-decoration: none;
}
.mainmenu a:hover {
	color: #888888;
	text-decoration: none;
}
.hr_line {
	background: url(line0000.gif);
	width: 100%;
	height: 7px;
	font-size: 3px;
	font-family: tahoma;
	margin-top: 4px;
	margin-bottom: 4px;
}
/* ==================== */
.letter {
	color: #757575;
	font-size: 14px;		/* ! */
	font-family: tahoma;	/* ! */
	text-decoration: none;
    
}
.letter a:active, .letter a:visited, .letter a:link {
	color: #757575;
	text-decoration: none;
        
}
.letter a:hover {
	color: #CC0000;
	text-decoration: underline;
        
}

/* ==================== */
.navigation {
	color:#666; 
	border:1px;
	font-size:11px
}

.navigation a:link,
.navigation a:visited,
.navigation a:hover,
.navigation a:active {
	text-decoration:none;
	color: #636363;
	background:#F9F9F9;
	border:1px solid #E6E6E6;
	padding:3px 3px;
	font-size:11px
}

.navigation a:hover {
	background:#990000;
	color:#FFFFFF;
	border-color:#E6E6E6;
}

.navigation span {
	text-decoration:none;
	background:#F9F9F9;
	padding:3px 3px;
	border:1px solid #E6E6E6;
	color:#ccc;
	font-size:11px
}

.letters_navigation
{
  font-size:11px
}
/*****************************************************/


.album_preview
{
  width:280px;
  padding:10px;
  text-align:left;
  line-height:normal;
  background-color:#f7f9fd;
  border:1px solid #e7f0f5;
  overflow:hidden;
}

.foto_preview
{
  width:280px;
  padding:10px;
  text-align:left;
  line-height:normal;
  background-color:#f7f9fd;
  border:1px solid #e7f0f5;
  overflow:hidden;
}

.album_preview .foto, .foto_preview .foto
{
  /*float:left;
  margin-right:10px;*/
}

.album_preview h3, .foto_preview h3
{
  margin-top:2px;
  margin-bottom:2px;
}

.album_preview small.date, .foto_preview small.date
{
  color:#8DB8CF;
}

.album_preview small.num_fotos
{
  font-size:11px;
}

.album_preview div.separator
{
  clear:both;
  height:5px;
  width:auto;
}

.album_preview small.fotoreporttext
{
  font-size:10px;
}
.foto_preview small.description
{
 font-size:10px;
}

.album_list
{
  width: 100%;
}

#main_table
{
  background-color: #FFFFFF;
}

#container
{
  width: 1000px;
}

#left_column
{
  width: 160px;
}

#right_column
{
  width: 240px;
}

#middle_column
{
}

.newmenu
{
  padding-left: 20px;
}

/* Image Thumbnails
------------------------------ */
.imagethumb a, .imagethumb a:hover {
	display: block;
	padding: 9px;
	margin: 0px 9px 9px 0px;
	line-height: 0px;
    border: 1px solid #e6e6e6;
    background-color: #f6f6f6;
}
.imagethumb a:visited {
    background-color: #fcfcfc;
    border: 1px solid #f8f8f8;
}
.imagethumb a:hover {
	background-color: #f3f3f3;
	border: 1px solid #cccccc;
}
.imagethumb {
	float: left;
}
.albumdesc2 {
	line-height: 18px;
}


/* Album Thumbnails
------------------------------ */
#albums {
	width: 100%;
}
.album {
	margin: 0 12px 8px 0;
    padding: 10px 8px 2px 10px;
	float: left;
	width: 280px;
	border: 1px solid #E7F0F5;
	background: #F7F9FD;
    line-height: 100%;
}
.album a img {  }
.album .thumb {
    float: left; 
    margin-right: 6px;
}
.album h3 {
	padding: 0;
	margin: 0;
}
.album p {
	line-height: 12px;
	font-size: 11px;
    padding: 4px 0px 0px;
    margin: 0px;
}
.albumdesc small {
	color: #8DB8CF;
}


/* Individual Image
------------------------------ */
.image { 
	margin: 0;
	padding: 0;
	border: 0;
}
#image {
	text-align: center;
	line-height: 0;
}
.imgnav {
	float: right;
	width: 140px;
	text-align: center;
	border: 1px solid #D5E6EE;
	background: #EEF5F9;
	margin-top: -10px;
}
.imgnav .imgprevious a, .imgnav .imgnext a {
	display: block;
	width: 50%;
	height: 100%;
	float: left;
	padding: 4px 0;
	font-size: 120%;
	text-decoration: none;
	line-height: 180%;
	color: #237898;
}
.imgnav .imgprevious a:hover, .imgnav .imgnext a:hover {
	background-color: #fff;
	text-decoration: none;
	color: #002E5B;
}
.imgnav .imgprevious a {
	float: left;
}
.imgnav .imgnext a {
	float: right;
}
#narrow {
	margin: 0 auto;
	width: 440px;
}


/* Comments
------------------------------ */
#comments {
	clear: both;
}
.error { 
  color: #C33; 
  font-weight: bold; 
}
.comment {
	padding: 10px;
	border: 1px solid #E7F0F5;
	background: #FBFCFD;
	margin-bottom: 12px;
}
.commentmeta {
	margin-bottom: 12px;
}
.commentauthor {
	font-weight: bold;
}
.commentdate {
	margin-top: 12px;
	color: #8DB8CF;
	font-size: 85%;
}


/* Forms
------------------------------ */
.inputbox {
	width: 250px;
	padding: 2px;
}
textarea {
	padding: 4px;
	width: 100%;
	color: #5A5A4B;
	font: 100%/200% "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.checkbox {
	cursor: pointer;
}
.pushbutton {
	cursor: pointer;
	padding: 5px 10px;
}
label {
	cursor: pointer;
}
label:hover {
	color: #000;
}
#map {margin-left: -77px;}

/* Admin Toolbox
------------------------------ */
#admin, #admin_data{
	position: fixed;
    _position: absolute;
	right: 0px;
	top: 0px;
	width: 130px;
	border-bottom: 1px solid #E6E6DF;
	border-left: 1px solid #E6E6DF;
	background: #fff;
    z-index: 2;
}
#admin_data{
	top: 0px;
	padding-top: 20px;
	z-index: 1;
	line-height: 1.6em;
}
#admin h3 {
	font-weight: normal;
	color: #999;
	margin:0;
	padding:0;
}
#admin h3:hover { color: #036; }

/* Search Box
------------------------------ */

#search_form
{
  display: inline;
}

#search_field
{
 	width: 150px;
}
#search_button
{
    width: 24px;
}


/* Стили для статических страниц
------------------------------ */

.static_page {
  color: #333333;
  font-family: Arial;
  font-size:13px; 
}
.static_page a {
  color: #990000;
    text-decoration: none;
}
.static_page a:hover {
  color: #990000;
    text-decoration: underline;
}
/* Просмотр фото
------------------------------ */

/* ======== Заголовок альбома ==========  */
.albumtitleblock {
	width:auto;
	color: #636363;
	font-size: 18px;
	font-weight: bold;
	padding-top:10px;
}
.albumtitleblock a {
	color: #1089b1;
	text-decoration: none;
}
.albumtitleblock a:hover {
	color: #539928;
	text-decoration: underline;
}

/* ======== Дата ==========  */ 
.dateblock {
	color: #757575;
	font-size: 11px;		/* ! */
	font-family: tahoma;	/* ! */
	text-decoration: none;
	padding-top:15px;
	padding-bottom:10px;
	border-bottom: 1px solid#CCC;
}
.dateblock a:active, .date a:visited, .date a:link {
	color: #CCCCCC;
	text-decoration: none;
}
.dateblock a:hover {
	color: #d0400c;
	text-decoration: underline;
}
/* ======== Новость ==========  */ 
.newsblock {
	float: right; 
	width: 100%;
}
/* ======== Фото ==========  */ 
.littlefoto {
	width:135px;
	float:left;
	padding-right:10px;
	padding-top:10px;
}
.littlefoto img {
	border: 1px solid#FFC;
	padding:3px 3px 3px 3px;
}
.bigfoto {
	width:auto;
	margin: 0px auto;
}
.bigfoto img {
	border: 1px solid#FFC;
	padding:3px 3px 3px 3px;
}
/* ======== Описание ==========  */ 
.desc {
	color: #757575;
	font-family: Verdana;
	font-size:10pt; 
	text-align:justify;
	line-height: 15px;
	float:left;
	width:525px;
	padding-top:10px;
}
.desc a {
	color: #1089b1;
	text-decoration: none;
}
.desc a:hover {
	color: #539928;
	text-decoration: underline;
}
.bigdesc {
	width:100%;
	margin-top:20px;
}
.fotorelated {
	width:100%;
	margin-top:20px;
}
.fotorelated ul li { 
	display: inline; /* Отображать как встроенный элемент */
 	margin-right: 5px; /* Отступ слева */
	border: 1px solid #000; /* Рамка вокруг текста */
	padding: 3px; /* Поля вокруг текста */
	width:135px;
	height:auto;
	float:left;
} 
.fotorelated ul li img { 
	display: inline; /* Отображать как встроенный элемент */
 	margin-right: 5px; /* Отступ слева */
	border: 1px solid #000; /* Рамка вокруг текста */
	padding: 3px; /* Поля вокруг текста */
	width:135px;
	height:auto;
	float:left;
} 

/* ==================== */
.bannerblock {
	width:100%;
	height:auto;
	margin-top:20px;
}
/* ==================== */
.preview {
	width:100%;
	height:auto;
}
/* ======== Стили главной таблицы ============ */
#homepage { 
    width: auto;
	height:auto;
} 
.homepagecat {
	width:auto;
	height:auto;
	font-size: 12px;		/* ! */
	font-family: Arial;	/* ! */
	text-decoration: none;
	font-weight: bold;
}
.homepagecat a:active, .homepagecat a:visited, .homepagecat a:link {
	color: #CC0000;
	text-decoration: none;
        
}
.homepagecat a:hover {
	color: #CC0000;
	text-decoration: underline;
        
}
.homepagetable { 
    width: auto;
	height:auto;
}
.homepagealbumtitle {
	width:auto;
	font-size: 14px;		/* ! */
	font-family: Arial;	/* ! */
	text-decoration: none;
	font-weight: bold;
	clear:both;
}
.homepagealbumtitle a:active, .homepagealbumtitle a:visited, .homepagealbumtitle a:link {
	color: #313F6C;
	text-decoration: none;
        
}
.homepagealbumtitle a:hover {
	color: #313F6C;
	text-decoration: underline;      
}
.homepagefoto {
	width: 33%;
	height:auto;
	padding:2px;
	clear:both;
}

.homepagefoto img {
   background-color:#FFFFFF;
   border:1px solid #EBD8AD;
   padding:4px;
}
.homepagenews {
	width:33%;
	color: #333333;
	font-family: Arial;
	font-size:10pt; 
	text-align:justify;
	line-height: 16px;
	clear:both;
}
.homepagenews a {
	color: #CC0000;
    text-decoration: none;
}
.homepagenews a:hover {
	color: #CC0000;
    text-decoration: underline;
}