
/* style global (begin) */

body, html { 
	height: 100%;
	min-height: 100%;
	width: 100%;
	background: #ffffff;
	border: none;
	color: #000;
	margin: 0; padding: 0;
}
body { 
	font: 62.5%/1.2 Arial, Tahoma, Geneva, sans-serif; 
	text-align: center;
}
table, td, th { 
	margin: 0; padding: 0;
	border-collapse: collapse;
	font-size: 100%;
}

* { outline: none; }
form { margin: 0; padding: 0; }
input, select, textarea { font: normal 1.0em/1.2 Arial, sans-serif; }
input, select, button { vertical-align: middle; }

#text img, .content img, img { border: none; margin: 0; padding: 0; }
hr { border: 1px  solid #ccc; padding: 0;	margin: 0.5em 0; }
ul, ol, li { margin: 5px 15px; padding: 0; }

h1 { font-size: 1.6em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.2em; }

h1, h2, h3, h4, h5, h6, p { margin: 0.8em 0; padding:0; }
h1, h2, h3, h4, h5, h6, div, td , p, ul, ol, td, th { color: black; }

a:link, a:visited { color: #3aab47; text-decoration: underline;  }
a:hover, a:active { color: black; text-decoration: underline; }

h1 {
	font: 23px Tahoma,serif;
	color: #000000;
}
h3 {
	color: #a8a8a8; 
	font: 26px Tahoma,serif;
}
h4 {
	color: #a8a8a8; 
	font: 23px Tahoma,serif;
}

/* style global (end) */

/* style grid (begin) */

#site_conteiner {
position: relative;
  height: auto !important;
  height: 100%;
  min-height: 100%;
	width: 1000px; 
	margin: 0 auto;
	font-size: 1.2em;
	text-align: left;

}
	#header {
		height: 125px;
		border-bottom: 6px solid #e8e8e8;
		margin-bottom:20px;
	}
	#wrapper2 {
		width: 100%;
		padding-bottom: 200px;	
		
	}
		.content_area {
			width: 100%;
			float: left;
			overflow: hidden;
		}
			.content {
				padding-bottom: 40px;
				margin: 0 0 0 266px;				
			}
			*html .content { width: 100%; }

		.left_panel {

			float: left;
			width: 243px;
			margin-left: -100%;			
			overflow: hidden;
		}
/*		#right_panel {
			float: left;
			width: 250px;
			margin-left: -250px;
			background: #ffcccc; 
			overflow: hidden;
		}*/
	.cleaner { clear: both; height: 1px; overflow: hidden; 			 }

	#footer {
		position: absolute;
		bottom: 0; left: 0;
		width: 100%;
/*		height: 70px;*/
		padding-top: 0px;
		
		color: #999;		

	}

/* style grid (end) */


/* style custom (begin) */
/* style custom (end) */

/* style content (begin) */

#logo {width: 266px; padding-top: 43px; float: left; }
#logo img {
	margin-left:22px;
}

	#main_menu {
		float: right;
		clear: right;
		width: 734px;
	}
		#main_menu ul {
			margin: 17px 0 0;
			float: right;
		}
			#main_menu li {
				float: left;
				margin: 0;
				list-style-type: none;
			}
				#main_menu a { 
					float: left;
					margin: 0;
					padding: 16px 20px 10px 20px;
					font: 12px Tahoma,serif;
					color: #444;
					text-transform: uppercase;
					white-space: nowrap;
					background: url(../img/main_menu.gif) 0 0 transparent repeat-x;
				}
				#main_menu a:hover {
					text-decoration: none;
				}
				#main_menu a.active {
					color: #57b861;
					text-decoration: none;
					background: url(../img/main_menu_active.gif) 0 0 transparent repeat-x;
				}
	#phone {
		float: right;
		margin: 12px 20px 0 0;
		
		padding: 5px 25px 5px 100px;
		font: 12px Arial,serif;
		font-style: italic;		
		background: #e8e8e8 url(../img/phone.gif) 22px 8px no-repeat;	
		color: #47b153;
		clear: right;
		white-space: nowrap;
	}
		#phone span {
			font: 26px Arial,serif;
			color: #47b153;
			padding-top: 5px;
		}
		#phone i {
			font-style: normal;
			position: relative;
			top: -2px;
			font-size: 20px;
			}
		
		
	#main_top_line{
		margin-bottom: 23px;
	}
	
	/*-------------------------------------------------*/
.infiniteCarousel {
  position: relative;
  height: 190px;
  width: 939px;
  margin-left: 30px;
  margin-top: 20px;
  margin-bottom: 30px;
  background: url(../img/top-bgd.gif) repeat-x 0 0;
  padding-top: 8px;

}

.infiniteCarousel .wrapper {
  width: 939px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  height: 190px;
  position: relative;
  top: 0;
}

.infiniteCarousel ul a img {
  border: 2px solid #fff;
}

.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  margin: 0;
  height: 167px;
  width: 318px;
}

.infiniteCarousel ul li a img {
}

.infiniteCarousel .arrow {
  display: block;
  height: 40px;
  width: 27px;
  text-indent: -999px;
  position: absolute;
  top: 60px;
  cursor: pointer;
}

.infiniteCarousel .forward {
  right: -30px;
  background: url(../img/point-right.gif) 0 0 transparent no-repeat;
}

.infiniteCarousel .back {
  left: -30px;
  background: url(../img/point-left.gif) 0 0 transparent no-repeat;
}

#grad_l {
	position: absolute;
	top: 0; left: 0;
	width: 69px; height: 190px;
}
#grad_r {
	position: absolute;
	top: 0; right: 0;
	width: 69px; height: 190px;
}
	#grad_r {
		right: -1px;
	}




		/**/
	#left_menu {
		margin-left: 22px;
		border-top: 6px solid #e8e8e8;
		border-bottom: 6px solid #e8e8e8;
		margin-bottom: 40px
	}
		#left_menu ul {
			list-style-type: none;
			margin: 20px 0 40px;
		}
			#left_menu ul li {
				margin: 8px 0;
			}
			#left_menu ul li a {
				font: 11px Tahoma,serif;
				color: #3aab47;
				text-transform: uppercase;
			}
			#left_menu ul li a:hover, #left_menu ul li a.active {
				text-decoration: none;
			}
				#left_menu ul li ul {
					margin: 0 0 20px 0;
				}
					#left_menu ul li ul li {
						background: url(../img/marker.gif) 0 50% transparent no-repeat;
						padding-left: 20px;
					}
					#left_menu ul li ul li a {
						text-transform: none;
						color: #474747;
					}
					#left_menu ul li ul li a:hover {
						text-decoration: none;
					}
					#left_menu ul li ul li a.active {
						color: #3aab47;
						text-decoration: none;
					}
					
	#enter {		
		border: 6px solid #e8e8e8;
		border-top: none;
		position: relative;
		margin-left: 22px;
		margin-bottom: 40px;
	}
		#enter h3 {
			margin: 0;
			padding-left: 20px;
			font: 11px Tahoma,serif;
			color: #000000;
			text-transform: uppercase;
			line-height: 30px;
			height: 30px;
			background: 5px 50% #e9e9e9 no-repeat;
		}
		#enter form {
			margin: 10px 0 0 6px;
		}
			#enter input {
				margin: 10px 0 0 0;
				width: 182px;
				width: '192px';
				border: 1px solid #dddddd;
				border-top: 1px solid #7c7c7c;
				font: 11px Trebuchet MS,serif;
				color: #8d8d8d;
				padding: 3px 5px;
			}
			#enter div.uss_editor_pass input {
				background: url(../img/pass.gif) 5px 50% transparent no-repeat; padding-left: 20px; width: 167px; width: '192px'
			}
			#enter div.submit input {
				background: url(../img/bttn-auth.gif) 0 0 transparent no-repeat;
				border: none;
				width: 58px; height: 32px;
				margin-bottom: 5px;
				cursor: pointer;
			}
			#enter div#demo_link {
				position: absolute;
				bottom: 13px; right: 15px;
			}
			#enter div#demo_link a {
				font: 11px Trebuchet MS,serif;
				color: #3aab47;
			}
			#enter div#demo_link a:hover {
				text-decoration: none;
			}
		
#multiTitle {
	font: 10px Arial,serif;
	color: #a1a0a0;
}
	#multiTitle a {
		color: #a1a0a0;
		text-decoration: underline;
	}
	#multiTitle a:hover {
		text-decoration: none;
	}		
	

.content .accent {
	background: #e8e8e8;
	padding: 10px;
}
.content .bord {
	border-left: 1px solid #3aab47;
	margin-left: 20px;
	padding-left: 20px;
}
.content .bord ul {
	list-style: none; margin-left: 0; padding-left: 0
}
.content .bord ul li {
	margin-left: 0; padding-left: 0
}
#wrapper_bottom {
	background: #e8e8e8; 
	overflow: hidden;
	zoom:1
}
/*  */
#contact {
	padding: 1px 15px 15px 22px; 
}
#contact p {
	color: #6e6e6e;	
}


#contactForm {
  padding: 9px 0 15px 0; 	
}	
	#contactForm #left_col {
		float: left; width: 280px; 
	}
		#contactForm #left_col input {
			width: 238px; margin-bottom: 9px; 
			border: 1px solid #dddddd; border-top: 1px solid #7c7c7c; color: #8d8d8d; font-size: 11px; margin-right: 22px;
				padding: 3px 5px 3px 15px;
				position: relative;
				
				
				
		}
			*+html #contactForm #left_col input {
			left: -100%; 
		}
		  	#contactForm div.submit_bottom input {
				background: url(../img/bttn-send.gif) 0 0 transparent no-repeat;
				border: none;
				width: 170px; height: 48px;
				margin: 5px 0 0 30px;
				cursor: pointer;
				border: none !important;
			}
		#contactForm #right_col {
		float: left; width: 440px; 
		}	
			#contactForm #right_col textarea { position: relative; width: 410px; height: 112px; border: 1px solid #dddddd; border-top: 1px solid #7c7c7c;  color: #8d8d8d; font-size: 11px; float: right; padding: 3px 5px 3px 15px; margin-bottom: 22px; //float: left }
			*+html #contactForm #right_col textarea  {
				left: -60%; 
			}


			/* всплывающее изображение */
#uss_substrate {
  display: none;
	position: fixed;
	top: 0; left: 0; z-index: 1000;
	width: 100%; height: 100%;
	background-color: #000;
	opacity: 0; filter: alpha(opacity = 0);
}
*html #uss_substrate { 
	position: absolute;
	top: expression( eval(document.body.scrollTop) + "px" );
}
  #uss_view_conteiner {
    position: absolute;
		left: 50%; z-index: 2000;
		margin-left: -75px;
		margin-top: -75px;
		padding: 15px;
		border: 5px solid #525252;
		background: #fff;
  }
		#uss_inside_view_conteiner {
			width: 150px; height: 150px;
			overflow: hidden;
			background: url(http://urss.ur.ru/uss-img/loader.gif) transparent 50% 50% no-repeat;
		}
		#uss_inside_view_conteiner img {
			display: block;
		}
		#uss_foto_description {
			display: none;
			background-color: #525252;
			margin-top: 5px;
			padding: 7px 10px;
			text-align: left;
			color: #fff;
			font: normal 12px/1.1 Arial, sans-serif;
		}
			#uss_foto_description p {
				margin: 0;
				text-align: left;
				color: #fff;
				font: normal 12px/1.1 Arial, sans-serif;
			}

	/* навигация */
	#ufnav_left, #ufnav_right {
		position: absolute;
		/*
		opacity: 0;
		filter: alpha(opacity = 0);
		*/
	}
	#ufnav_left { left: -37px; top: 57px; }
	#ufnav_right { right: -37px; top: 15px; }

		.uss_foto_button a {
			display: block;
			width: 26px; height: 26px;
			margin: 0 0 8px 0 !important;
			overflow: hidden;
			text-indent: -1000px;
			text-decoration: none;
			background: url(http://urss.ur.ru/uss-img/uss_foto_buttons.png) #fff 0 0 no-repeat;
		}
		#uss_foto_button_before { background-position: 0 0; }
		#uss_foto_button_before:hover { background-position: -26px 0; }

		#uss_foto_button_close { background-position: 0 -52px;	}
		#uss_foto_button_close:hover { background-position: -26px -52px; }

		#uss_foto_button_brightness { background-position: 0 -78px; }
		#uss_foto_button_brightness:hover { background-position: -26px -78px; }

		#uss_foto_button_play { display: none; background-position: 0 -104px; }
		#uss_foto_button_play:hover { background-position: -26px -104px; }

		#uss_foto_button_stop { background-position: -52px -104px; }
		#uss_foto_button_stop:hover { background-position: -78px -104px; }

		#uss_foto_button_next { background-position: 0 -26px; }
		#uss_foto_button_next:hover { background-position: -26px -26px; }

/* портфолио */
.uss_blog .uss_blog_item {
		position: relative;
		width: 100%;
		overflow: hidden;
	}
	*html .uss_blog .uss_blog_item {
		zoom: 1;
	}
		.uss_blog .uss_blog_item .uss_blog_item_title {
			clear: both;
		}
			.uss_blog .uss_blog_item .uss_blog_item_title h4 {
				font-size: 22px;
			}
		.uss_blog .uss_blog_item .uss_blog_item_info {
			float: left;
			width: 100%;
			margin: 0;
			padding: 0;
			border: none;
		}
			.uss_blog .uss_blog_item .uss_blog_item_info .uss_blog_item_date,
			.uss_blog .uss_blog_item .uss_blog_item_info .uss_blog_item_type,
			.uss_blog .uss_blog_item .uss_blog_item_info .uss_blog_item_rubric,
			.uss_blog .uss_blog_item .uss_blog_item_info .uss_blog_item_cat {
				float: none;
				margin: 0 0 0.4em 270px;
			}
				/*.uss_blog .uss_blog_item .uss_blog_item_info .uss_blog_item_date_name,
				.uss_blog .uss_blog_item .uss_blog_item_info .uss_blog_item_date_time {
					font-size: 11px;
					color: #555;
				}
				*/
				.uss_blog .uss_blog_item .uss_blog_item_info .uss_blog_item_date_name,
				.uss_blog .uss_blog_item .uss_blog_item_info .uss_blog_item_type_name,
				.uss_blog .uss_blog_item .uss_blog_item_info .uss_blog_item_rubric_name,
				.uss_blog .uss_blog_item .uss_blog_item_info .uss_blog_item_cat_name {
					display: block;
					font-size: 11px;
					color: #555;
				}
				
				.uss_blog .uss_blog_item .uss_blog_item_info .uss_blog_item_rubric, 
				.uss_blog .uss_blog_fullinfo .uss_blog_fullinfo_info .uss_blog_fullinfo_rubric {
					display: none !important;
				}

		.uss_blog .uss_blog_item .uss_blog_item_announce {
			float: left;
			width: 260px;
			margin-left: -100%;
			clear: none;
			overflow: hidden;
		}
			.uss_blog .uss_blog_item .uss_blog_item_announce p {
				margin: 0;
			}
			.uss_blog .uss_blog_item .uss_blog_item_announce p img {
				border: 1px solid #ccc !important;
			}
		.uss_blog .uss_blog_item .uss_blog_item_more {
			clear: both;
			padding: 0.4em 0 0 0;
		}

		.uss_blog .uss_blog_fullinfo .uss_blog_item_content img {
			padding: 2px !important;
			border: 1px solid #ccc !important;
		}

#content .uss_pagenator .uss_page_selected {
	border: none;
	background-color: #DFDFDF;
}
	#content .uss_pagenator .uss_page_selected a {
		color: #000;
	}

.uss_blog .uss_blog_item .uss_blog_item_info .uss_blog_item_date {
	display: none;
}

.uss_blog_fullinfo .uss_blog_fullinfo_date {
	display: none
}

/* категории */
.left_panel .blog_cats {
margin:0 0 0 22px;
overflow:hidden;
}
.left_panel .blog_cats h4 {
margin:0 0 0.4em;
}
.left_panel .blog_cats ul {
font-size:0.85em;
margin:0 0 30px;
overflow:hidden;
}
.left_panel .blog_cats li {
display:inline;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:4px 10px 4px 0;
}
.left_panel .blog_cats li a {
margin:0;
}
.left_panel .blog_cats li.selected {
margin:0;
padding:0;
}
.left_panel .blog_cats li.selected a {
background-color:#DFDFDF;
color:#363636;
line-height:1.2;
margin:2px 10px 2px 0;
padding:2px 10px;
text-decoration:none;
}
.left_panel .blog_cats li.uss_cloud_0 a {
font-size:11px;
line-height:14px;
}
.left_panel .blog_cats li.uss_cloud_1 a {
font-size:12px;
line-height:16px;
}
.left_panel .blog_cats li.uss_cloud_2 a {
font-size:14px;
line-height:18px;
}
.left_panel .blog_cats li.uss_cloud_3 a {
font-size:16px;
line-height:22px;
}
.left_panel .blog_cats li.uss_cloud_4 a {
font-size:18px;
line-height:24px;
}
.left_panel .blog_cats li.uss_cloud_5 a {
font-size:20px;
line-height:26px;
}
.left_panel .blog_cats li.uss_cloud_6 a {
font-size:22px;
line-height:28px;
}

/*типы*/
.uss_blog .blog_types {
clear:both;
margin:0 0 30px;
overflow:hidden;
}
.uss_blog .blog_types strong {
	font-size: 1.2em;
}
.uss_blog .blog_types ul {
margin:0;
}
.uss_blog .blog_types li {
float:left;
/*font-size:0.85em;*/
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 15px 0 0;
padding:4px 0;
}
.uss_blog .blog_types li a {
display:block;
float:left;
}
.uss_blog .blog_types li.selected {
background-color:#DFDFDF;
padding:4px 10px;
}
.uss_blog .blog_types li.selected a {
color:#363636;
text-decoration:none;
}

/* таблицы */
.uss_table {
/*font-size:0.85em;*/
margin:20px 0 0;
}
.uss_table th {
background-color:#363636;
border:1px solid #363636;
border-collapse:collapse;
color:#FFFFFF;
font-weight:normal;
padding:5px 15px;
}
.uss_table td {
border:1px solid #CCCCCC;
border-collapse:collapse;
padding:3px 15px;
}
.uss_table td.uss_table-title {
background-color:#EEEEEE;
}
.uss_news_short_item {
	padding:0 5px 5px;
}
.uss_news_short_item h4 {
	font-size:12px;
	font-weight:bold;
}

/* style content (end) */

/*свежие работы*/

#information {margin: 30px 0 30px 20px; padding: 0 0 10px; font-size: 0.85em; background-color: #dfdfde; position:relative; height:320px; overflow:hidden;}
*html  #information  {width:222px;}
#information p {margin:0 10px 0px;}
#information p img {margin:0 0 5px 0px !important;}
#information h3 {position:absolute; top:10px; left:10px; margin:0; font-size:17px; color:#3AAB47;}
#information .more {position:absolute; right:15px; bottom:7px; font-size:11px;}
#information #info_inner {position:absolute; top:30px; left:0; width:222px; height:268px; overflow:hidden;}
#information .carusel {position:absolute; top:0; left:0; height:268px;}
#information #info_inner .uss_news_short_item { position:relative; width:222px; height:270px; overflow:hidden;  display:block; float:left; padding:0;}
#information #info_inner h4 {position:absolute; top:0; left:0; height:60px; overflow:hidden; font-size:12px; font-weight:normal; padding:0 10px;}
#information #info_inner h4 .uss_news_date {font-size:0; display:none;}
#information #info_inner .uss_news_preview {position:absolute; top:55px; left:0; overflow:hidden; height:210px; width:222px;}
#information #info_inner .uss_news_preview img {margin:0 0 5px -15px; display:block;}
#information #info_inner .uss_news_more {background:#dfdfde; padding:5px; position:absolute; display:block; top:161px; right:13px; border-top:1px solid #aaa; border-left:1px solid #aaa;}
#information #prev {position:absolute; top:135px; left:0; z-index:500;}
#information #next {position:absolute; top:135px; right:0px; z-index:500;}