/*

	sNews 1.5 RC 2 - Grey World Design
	by Herreman David
	http://www.free-css-templates.com
	
*/

* { padding: 0; margin: 0 }

body { 
	margin: 0 auto; 
	padding: 0; background: #FFF url(images/topbg.jpg) repeat-x top; 
	font: .8em Verdana, Arial, Sans-Serif; 
	line-height: 1.4em;
	color : #000 
}

.content { 
	margin: 0 auto; 
	padding: 0; 
	/*width: 1200px;*/	
	background: transparent url(images/imgtop.jpg) no-repeat top center 
}

#top {   /*width: 1200px;*/ height: 111px }
#part1 {	height: 72px;	/*width: 1200px;*/	margin: 0 0 0 5%;	padding: 0 }
#top h1 { padding: 25px 0 0 0px; color: #555; font-size: 1.6em; background: transparent }
#top h1 a { color: #555; text-decoration: none; background: transparent }
#top h2 { padding: 0px 0 0 0px; background: transparent; color: #FFF; font-size: 90%; font-family:  Arial, Verdana, Helvetica, Sans-Serif }
#top .padding { padding-top: 5px }

/* custom search box ************/
#search { float: right; padding: 25px 0px 0px 0px; margin: 0; background: transparent }
#search input.text {
	background-image: url(images/searchbox.gif);
	width: 126px;
	height: 13px;
	border: 0;
	padding-left: 5px;
	padding-top: 2px;
	font-size: 0.9em
}
#search input.searchbutton { border:0; background: transparent; color: #666; font-size: 10px; font-weight: bold; cursor: pointer }

.brd{padding: 1px;
		border: 1px solid #CCC8D0;}
		
.left_cont p img {padding: 1px;
				  border: 1px solid #CCC8D0;}

/* BREADCRUMS PART ***************************************/
#breadcrumbs{
	height: 28px;
	background: transparent;
	/*width: 1200px;*/
	margin: 10px 0;
	color: #aaa;
	padding-left: 0px;
	
	font-size: 0.8em
}
#breadcrumbs a { text-decoration: none }

/* TOP MENU PART PART ------ **********************************/
#topmenu { float: right; margin: 0 5% 0 0; padding: 0; background: transparent; height: 31px; /*width: 1200px*/ }
#topmenu  ul { list-style: none; padding: 9px 0; margin: 0; float: right; background-color: transparent }
#topmenu li {
   width: auto !important;
   width: 0%;
   float: left;
   margin: 0;
   font-size: 10px;
   line-height: 30px;
   white-space: nowrap;
   background: url(images/menul_a.gif) top left no-repeat;
   background-color: transparent; 
   list-style: none;
   padding-right: 2px
}

#topmenu a {
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 1.1em;
   display: block;
   padding-left: 0px;
   padding-right: 10px;
   text-decoration: none;
   color: #FFF;
   background: url(images/menur_a.gif) top right no-repeat;
   margin-top: 0px;
   margin-left: 9px
}

#topmenu span {
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 1.1em;
   display: block;
   padding-left: 0px;
   padding-right: 10px;
   //padding-top: 2px;
   //padding-bottom: 5px;
   text-decoration: none;
   color: #FFF;
   background: url(images/menur_a.gif) top right no-repeat;
   margin-top: 0px;
   margin-left: 9px
}

.spice {font-size:1.1em;margin-top: 1px}

.pro_dots_horiz { background: url(images/prof_horizont_dot.gif) top left repeat-x;
				  height: 7px;}
				  
.pro_dots_vert { background: url(images/prof_vert_dot.gif) top left repeat-y;
				  width: 7px;}
				  
.pro_dots_cross {background: url(images/prof_cross.gif) top left no-repeat;
				height: 7px;
				width: 7px;}



#topmenu a.current { font-weight: bold }

/*** Main area *****/
#main { margin: 0 8%; /*width: 1200px; */
		padding-top: 0px; 
		background: transparent;
		}

a { color: #0066B3; background: inherit }
h1 { font: bold 1.9em Arial, Arial, Sans-Serif  }
h2 { font: bold 1.2em Arial, Arial, Sans-Serif; padding: 0; margin: 0 }
ul {  padding: 0; margin: 0 }
li { list-style-type: none }

.capital { float:left; color:silver; font-size:100px; line-height:70px; padding:2px; font-family: "Times New Roman", times, Sans-Sherif; background: #FFF }

/*#left { float: left; width:63%;color: #555; background: #FFF; padding: 0 0 10px 5%; white-space:normal;}*/
.rasporka {min-width:900px;}

.left_cont { float:left;
			 width:100%;
			 margin-right:-230px;
			 min-width:835px;
			 min-height: 550px;
			 }
			 
img {margin: 0px 10px 3px 0px;}			 
			 
#left {color: #555;
	   background: #FFF;
	   padding: 0 0 10px 5px;
	   white-space:normal;
	   margin-right: 250px;
	   min-width:585px;
	   }
			 
#left p { color: #555; /*text-align: center;*/ margin: 7px 0 7px 0; background: inherit }
#left img {/* margin: 0 10px 3px 0;*//* position: relative; float: left; border: 1px solid  #f5f5f5; padding: 1px; background: #FFF*/ }
#left h2 { color: #999; width: 100%; border-bottom: 1px solid #BBB; margin-bottom: 8px; line-height: 20px; background: inherit }
#left ul { }
ul#left ul { list-style-position: inside; margin-left: 2px }
#left ul li { list-style-type: square; margin-left: 15px }
#left ul ul li { list-style: none; margin-left: 10px; list-style-type: lower-alpha; list-style-position: inside }
#left .citation { background: #FFF url(images/cit1.gif) no-repeat top left; font-style: italic; padding: 10px 0px 0 35px; font-size: 1.0em }
#left .citation p {  background: #FFF url(images/cit2.gif) no-repeat bottom right; padding-bottom: 20px; padding-right: 35px; color: #555; }
.cit1 { background: url(images/cit1.gif) no-repeat top left;}
.cit2 { background: #FFF url(images/cit2.gif) no-repeat bottom right;}
.torightc { float: right; margin: 0 10px; border: 1px solid #ddd; padding: 5px; background: #f5f5f5  }
#left blockquote { text-align: justify; border-left: 8px solid #f0f0f0; padding-left: 8px; margin-left: 15px; margin-top: 5px; background: inherit }
#left .date { margin-bottom: 25px; margin-top: 10px; padding-top: 5px; text-align: right; border-top: 1px solid #f5f5f5; background: inherit }
#left .date a { text-decoration: none; background: inherit; }
#left .comment {	background: #F5F5F5 }
#left .comment .date {
	text-align: left;
	background: #CCC;
	margin: -10px -10px 8px -10px;
	padding: 5px;
	color: #FFF;
	font-weight: bold;
	border: none
}	
#left .comment .date a { color: #FFF; text-decoration: underline; background: inherit }
#left br { margin: 0px 0 5px 0; background: inherit }

/*** right blok ***/
#right {float: right;
		width: 210px;
		position:relative;
		margin: 0 5px 0 0;
		background: #FFF;
		white-space: normal}
		
#right h2 { 
	color: #FFF; 
	border-bottom: 1px solid #f0f0f0; 
	font-size: 0.9em;
	padding-left: 8px;
	line-height: 20px;  
	background: #a1a1a1 url(images/rh2.jpg) no-repeat top center;
	margin-bottom: 5px
}

#right .box { border: none; padding: 0px 0 10px 0; margin: 0 0 1em 0; background: #f5f5f5 url(images/rbot.jpg) no-repeat bottom center }
#right .box ul { padding-left: 8px }
#right .box li a { text-decoration: none; font-size: 0.9em;}
#right .box li img { margin-bottom:12px;}

.extra { white-space:normal;
	text-align: right;
	padding:8px;
	font-size:1.8em;
	font-family: "Times New Roman", times;
	margin:0px;
	color: #AAA;
	line-height: 25px;
	background: #FFF;
}
.extra h3 { color: #CCD8E1;  margin-bottom: 5px; font-size: 1.2em; background: #FFF }
.extra a { color: #8FB9DB; text-decoration: none; font-style: italic; background: #FFF }
.extra p { margin-top: 15px; background: #FFF }

/***end right blok ***/

#footer { clear: both; border-top: 2px dotted #e5e5e5; margin: 0 0 3em 0; color: #777; font-size: 0.8em; background: #FFF }
#footer .right  { float: right;
				  text-align: right;
				  background: #FFF;
				  margin-right:5%;
				  //margin-right: 3%; }
#footer .left  { float: left;
				  text-align: left;
				  background: #FFF;
				  margin-left:5%;
				  //margin-left: 3%; }
#footer a { text-decoration: none; background: #FFF }

/* SNEWS */
fieldset { border: 1px solid #ddd; padding: 10px 8px; margin: 0 0 8px 0; background: #f5f5f5; color: #000 }
input { padding: 3px; margin: 0; border: 1px solid #BBB; margin-top: 5px }
textarea { width: 97%; height: 20em; padding: 3px; border: 1px solid #BBB }
.comment { background: #eee; color: #808080; padding: 10px; margin: 0 0 10px 0; border-top: 1px solid #ccc }
.commentsbox { background: #f5f5f5; color: #808080; padding: 10px; margin: 0 0 10px 0; border: 1px solid #ddd }

/*** paginator ***/
.listing {
    border:PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 5px; OVERFLOW: hidden; WIDTH: 100%; LINE-HEIGHT: 10px; PADDING-TOP: 5px; HEIGHT: 30px; TEXT-ALIGN: center
}
.listing LI {
    PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.listing .gray {
    COLOR: #f7f7f7
}
.listing .center A {
    BORDER-RIGHT: #c7c7c7 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #c7c7c7 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: 100; BACKGROUND: #f7f7f7; PADDING-BOTTOM: 2px; MARGIN: 0px 1px; BORDER-LEFT: #c7c7c7 1px solid; COLOR: #000; PADDING-TOP: 2px; BORDER-BOTTOM: #c7c7c7 1px solid; TEXT-DECORATION: none
}
.listing .center A:hover {
    BORDER-RIGHT: #666 1px solid; BORDER-TOP: #666 1px solid; BACKGROUND: #ccc; BORDER-LEFT: #666 1px solid; BORDER-BOTTOM: #666 1px solid
}
.listing .center A.active {
    BORDER-RIGHT: #666 1px solid; BORDER-TOP: #666 1px solid; BACKGROUND: #666; BORDER-LEFT: #666 1px solid; COLOR: #fff; BORDER-BOTTOM: #666 1px solid
}

/*** style dlya b_doc_menu.tpl.html ***/
.sub_men { background-color:#979797;
		   height:25px;
		   background:url(images/bar_gray.gif) repeat-x left top;
		   padding-top:5px;
		   min-width: 665px;}
.sub_men a { color:#FFFFFF; font-size:12px;}




/*profile*/

		
.tab_head { background: #b5b5b5;
		    text-align:center;
			}
.tab_head  th{padding: 5px 5px}

.tab_footer{ background: #b5b5b5;}
.tab_footer td{padding: 5px 5px}

.tab_nechet { background:#e9e9e9;}
.tab_nechet td{padding: 5px 5px}
.tab_chet { background: #d9d9d9;}
.tab_chet td{padding: 5px 5px}

.up_arrow {float: left; padding-left:15px;}
.down_arrow { float:right; padding-right:10px;}

/* Galeries */
.galery{}
    .galery .g_content{width:100%;overflow:hidden}
    .galery .g_item{float:left; width:24.8%;display:none; /*height:230px;*/ overflow:hidden; margin-bottom:7px;}
    .galery .g_item a{display:block}
    .galery .g_item.g_medium{width:100%}
    .g_item span{display:none}
    .galery img{border:none}
    .galery .view_small img{width:150px;}

.subcomments .showhide{display:none}

/* style for user gallery */

.gal_floats {margin: -1em 0 0 -2em;
			 position: relative;
			 //display: inline-block;
			 clear: both;}
			 
.gal_floats:after
{
content: '';
display: block;
clear: both;
}
.gal_floats .gal_left
{
position: relative;
float: left;


display: inline;


/*overflow: hidden;*/


margin: 1em 0 0 2em;


width: 14em;
min-width: 250px;
-width: 250px;
}
.gal_floats .gal_left .gal_r
{
position: absolute;
top: 0;
left: 0;
width: 100%;

}
.gal_floats .gal_left .gal_min
{
margin: 0 0 250px 0;

height: 15em;

width: 250px;

}

.gal_r {text-align:center;}
/*.gal_left { background-color:#F2F2F2;}*/

/* ********** NEW GALLERY ********** */

.cont-gal-item {width: 260px;
				*width:260px;
    			/*display: -moz-inline-stack;*/
    			display:inline-block;
    			margin: 0 14px 20px 0;
    			min-height:250px;
				_height:expression(document.body.clientWidth > 250 ? "100%" : "250px");
    			vertical-align:text-top;
    			/*border:1px  dotted #797873;*/
   				padding: 5px 5px 0;
				zoom:1;
    			*display:inline;}
				
/*.cont-gal-item p {margin: 0;padding: 0 3px;}*/
.cont-gal-item a {display: block;}
.gal-name {text-align:center;}
dd.gal-pic .pic {text-align:center;}

dd.gal-pic .pic a {
    min-height: 160px;
    /**height: 160px;*/
    display: block;
    /*display: table-cell;*/
    vertical-align: middle;
    *width: 260px;
    overflow: hidden;
	
    }
.brd_gal {padding: 3px;
		  border: 1px solid #CCC8D0;
		  background: transparent url(images/shadow.gif) bottom right no-repeat;}
	
/*.shadow_pic
	{background: transparent url(images/shadow.gif) bottom right no-repeat;
	position: relative;
	left: 1px;
	top: 1px;
	margin-bottom:15px;
	padding: 0 0 15px 0;
	text-align: center;
	}*/

dd.gal-pic {
    /*display: table-row;*/
    margin:0;
    padding: 0;
    vertical-align:text-top;
	text-align:center;
	min-height:250px;
	}

dd.gal-name {
	
    margin:0;
    padding: 0;
    vertical-align:text-top;
}

dd.gal-pic img {
    max-height: 250px;
    margin: 0 auto;
	
    max-width: 250px;
    display: block;
    *height: 250px;
	
	
}

dd.gal-name {width: 100%;}

/* ********** END GALLERY ********* */