@charset "utf-8";
/* RESET
-------------------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}

/* Typeography
-------------------------------------------------------------- */
html { font-size:100.01%; }
body {
  font-size:75%;
  color:#484848;
  background:#C0C5C9;
  font-family:Arial, Helvetica, sans-serif;
  text-align:center;  
}

/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { font-weight:normal; color:#0056A4; font-family:Tahoma, Geneva, sans-serif; }

h1 { font-size: 150%; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 133.33%; margin-bottom: 0.75em; }
h3 { font-size: 116.67%; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 100%; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 100%; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 100%; font-weight: bold; }

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}

/* Text elements
-------------------------------------------------------------- */
p           { margin: 0.5em 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a           { color: #484848; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre         { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
hr {
	color:#fff;
	background:transparent;
	border:0;
	border-bottom:1px #CCC dotted;
}

/* Lists
-------------------------------------------------------------- */
li ul,
li ol       { margin: 0; }
ul, ol      { margin: 0 1.5em 1.5em 0; padding-left: 3.333em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

/* Разметка страницы
-------------------------------------------------------------- */
.page_margins {
	max-width:1360px;
	text-align:left;
	margin:0 auto;
	
}
.page {
	margin:0 40px;
}
#header, #main, #bottom, #bottom_nav, #footer {
	overflow:hidden;
	min-width:1000px;
}

/* Разметка колонок
-------------------------------------------------------------- */
.subcolumns {
	width:100%;		
}
	.bottom-menu-subcolumns li{
		display: block;
		float: left;
		width: 31%;
		padding-right: 2%;
		padding-bottom: 6px;
	}

.equalize, .equalize .subcolumns {
	overflow:visible;
	display:table;
	table-layout:fixed;
}
.equalize > div {
	display:table-cell;
	float:none;
	margin:0;
	overflow:hidden;
	vertical-align:top;
}
.c25l, .c25r {
	width:25%;
}
.c33l, .c33r {
	width:33.333%;
}
.c50l, .c50r {
	width:50%;
}
.c25l, .c33l, .c50l {
	float:left;
}
.c25r, .c33r, .c50r {
	float:right;
	margin-left:-10px;
}
.subcl {
	margin:0 5px 10px 0;	
}
	.subcl h1, .subcr h1{
		font-size: 15px;
	}
	.subcl .red .text{
		background: url(../images/ugolok2.gif) no-repeat 0 0;
	}
	.subcr{
		position: relative;
	}
	.subcr .ugolok3{
		background: url(../images/ugolok3.gif) no-repeat 100% 100%;
		position: absolute;
		width: 12px;
		height: 12px;
		bottom: 0px;
		right: 0px;
	}
.subc {
	margin:0 5px 10px 5px;
}
.subcr {
	margin:0 0 10px 5px;
}

/* HEADER
-------------------------------------------------------------- */
#header {
	padding:0 0 40px 0;
	background:#FFF;
	height:137px;
}
#logo {
	position:absolute;
	margin: 20px 0 0 0;
}
.container {
	height:137px;
	overflow:hidden;
}
.back {
	left:353px;
	position:relative;
}
.back img, .back object {
	position:absolute;
}
.front {
	position:relative;
}
.front img, .front object {
	position:absolute;
	right:0;
}
#homepage #header {
	height:260px;
}
#homepage #logo {
	margin:27px 0 0 41px;
}
#homepage .container {
	height:260px;
}
#homepage .back {
	left:148px;
}

/* TOPNAV меню
-------------------------------------------------------------- */
#topnav {
	position: absolute;
	text-align:left;
	margin: 0;
	padding:10px 0 0 0;
	width: 100px;
	height: 10px;
	font-size:8px;
	float:left;
}
#topnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#topnav li {
	float: left;
	margin: 0;
	padding: 0 0 0 15px;
}
#topnav li a {
	float: left;
	height: 10px;
	background-image: url(../images/topnav-trans.png);
}
#topnav li a.homepage {
	width: 11px;
	background-position: 0 0;
}
#topnav li a.homepage:hover {
	background-position: 0 -10px;
}
#topnav li a.sendmail {
	width: 12px;
	background-position: -11px 0;
}
#topnav li a.sendmail:hover {
	background-position: -11px -10px;
}
#topnav li a.language {
	width: 15px;
	background-position: -23px 0;
}
#topnav li a.language:hover {
	background-position: -23px -10px;
}

/* MAIN
-------------------------------------------------------------- */
#main {
	background: #FFF;
}
#sidebar {
	float: left;
	width: 240px; /* since this element is floated, a width must be given */
	padding: 0; /* top and bottom padding create visual space within this div  */
	padding-top: 38px;
}
#mainContent {
	margin: 0 0 0 270px; /* the right margin can be given in percentages or pixels. It creates the space down the right side of the page. */
}
#banner ul {
	margin:0;
	padding:0 0 0 1em;
}
#banner, #banner h1, #banner h2, #banner a {
	color:#FFF;
}
#banner .foto {
	height:81px;
	overflow:hidden;
	position:relative;
}
#banner .text {
	padding:15px 10px 10px 15px;
	overflow:hidden;
	position:relative;
	width:150px;
	text-decoration:none;
	cursor:pointer;
	font-size: 90%;
}
#banner a {
	text-decoration:none;
}
#banner div img {
	position:absolute;
	left:0%;
	z-index:0;
}
#homepage #sidebar img {
	margin: 10px;
}
#homepage #banner .foto {
	height:137px;
}
#homepage #banner .text {
	width:280px;
}
ul#services {
	list-style-type: none;
	margin:0;
	padding:0;
}
ul#services a h2 {
	text-decoration:underline;
}
h2.show_block{
	margin:0 0 0.25em 0;
}
h2 a {
	color: #0056A4;
}

/* NAV меню
-------------------------------------------------------------- */
#nav {
	width:100%;
	overflow:hidden;
	padding:0 0 20px 0;	
}
#nav ul {
	float:left;
	margin: 0;
	padding: 0;
}
#nav ul li {
	display:inline;
	float:left;
	font-size:1.0em;
	line-height:1em;
	list-style-type:none;
}
#nav ul li a {
	color:#0056A4;
	display:block;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:100%;
	font-weight: normal;
	margin:0;
	padding:0.5em 0.82em 0.5em 0.82em;
	text-decoration:none;
	width:auto;
}
#nav ul li a:focus, #nav ul li a:hover, #nav ul li a:active, #nav .active a {
	color:#FFF;
	text-decoration:none;
	background:#EF4023 url("../images/nav-tab.gif") no-repeat top left;
}
#nav ul li a:active, #nav .active a {
	background-color: #0056A4;
}
#nav .redline {
	top: 24px;
	position:relative;
}

/* BOTTOM
-------------------------------------------------------------- */
#bottom, #bottom .page {
	padding: 10px 0 0 0;
	background: #E5E7E8;
	text-align: left;
}
#bottom .foto {
	border:#8CABC1 solid 3px;
	height:131px;
	overflow:hidden;
	position:relative;
}
#bottom div img {
	position:absolute;
	left:50%;
	margin-left:-169px;
	z-index:0;
}
.redline div img {
	position: absolute;
	font-size:2px;
	margin:-16px 0 0 0;
}

/* FOOTER
-------------------------------------------------------------- */
#bottom_nav .page_margins, #footer .page_margins {
	max-width:1000px;
}
#bottom_nav {
	margin:10px 0 0 0;
}
#bottom_nav p {
	margin:0 0 0.25em 0;
}
#bottom_nav a:focus, #bottom_nav a:hover, #bottom_nav a:active {
	color:#FFF;
}
#footer .subc {
	text-align:center;
}

/* Общие классы
-------------------------------------------------------------- */
.redline {
	background: #EF4023 url(../images/gr.jpg) no-repeat 100% 0;
	height: 2px;
	font-size: 2px;
}
.whiteline {
	background: #FFF;
	height: 2px;
	font-size: 2px;
}
.date {
	color:#EF4023;
	font-size:133.33%;
	font-weight:bold;
	margin:0;
	text-align:left;
}
.button-grey, .button-blue, .button-white, .button-red {
	padding:2px 25px 3px 0;
	background: url(../images/button-trans.png) no-repeat top right;
}
.button-grey {
	background-position: right 0;
}
.button-blue, a.button-grey:focus, a.button-grey:hover, a.button-grey:active {
	color:#0056A4;
	background-position: right -20px;
}
.button-white {
	background-position: right -40px;
}
.button-red {
	background-position: right -60px;
}
.right {
	text-align:right;
}
.red {
	background-color: #EF4023;
}
.blue {
	background-color: #0056A4;
}
table.full { width:100%; }
th,td { padding: 0.3em; }
form input, form textarea {
	border: 1px solid #cccccc;
	width: 100%;
}
form {
	background: #e5e7e8 url(../images/ugol.jpg) no-repeat 0 0;
	padding: 20px;
}
.sub-but{
	background: url(../images/sub-but.jpg) no-repeat 100% 0;
	border: none;
	padding-right: 24px;
	padding-bottom: 5px;
	cursor: pointer;
}
	.sub-but span{
		border-bottom: 1px solid #47484a;
		color: #47484a;
	}
		.sub-but:hover{
			background: url(../images/sub-but-hover.jpg) no-repeat 100% 0;
		}
		.sub-but:hover span{			
			border-bottom: 1px solid #0056A4;
			color:#0056A4;
		}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/* Новые классы
-------------------------------------------------------------- */
#gallery ul{
	list-style: none outside;
}
.full-news{
	padding-bottom: 5px;
	margin-bottom: 15px;
	border-bottom: 1px dashed #ccc;	
	overflow: hidden;
}
	.full-news img{
		margin-right: 5px;
		margin-bottom: 5px;
		padding-top: 20px;
	}
	.full-news .clearboth{		
		text-align: right;
	}
#nav{
	z-index: 10;
}
.text a{
	display: block;
	bdorder: 1px solid red;
	width: 100%;
	height: 80px;
}
#ugolochek{
	background: url(../images/ugolok2.gif) no-repeat 0 0; 
	width: 12px;
	height: 12px;
	position: absolute;
}
	.gallery-box{
		margin-bottom: 20px;
		*zoom:1; 
		*display:inline;
		word-spacing:normal;
		vertical-align: top;
	}
	
		.gallery-box-a{
			display: block;
			width: 100%;
			height: 131px;
			padding-bottom: 10px;
		}

/* Easy 2 Gallery
-------------------------------------------------------------- */
.e2gtitle {font:bold 14px Tahoma; color:#028DC4}
.e2gback {font:bold 10px Tahoma;}
.e2g {font:11px Tahoma; margin-left:-7px;}
.e2g td {vertical-align:bottom;text-align:center;padding:7px}
.e2g a {color:#808080;text-decoration:none}
.e2gcom0, .e2gcom1 {font:10px Tahoma;float:right; height:13px; width:13px;}
.e2gcom0 {background: url(../icons/bg_com0.gif) no-repeat top right;}
.e2gcom1 {background: url(../icons/bg_com1.gif) no-repeat top right;}
.e2gcom0 a {color:#808080;text-decoration:none}
.e2gcom1 a {color:#FF8040;text-decoration:none}
.e2gpnums {font:12px Verdana; color:gray; margin-top:20px;text-align:center;}
.e2gpnums a {background:#F4F4F4;border:1px solid #E8E8E8;color:gray}
.e2gpnums a:hover {background:#B3EC6C;border:1px solid #83D71C;color:white;text-decoration:none}
.e2gpnums a, .e2gpnums b {padding:3px 6px;}
.not_display {display:none}
.boxcontent {padding:1px 5px;}
.boxcontent img {margin-bottom:3px; border:1px solid #ccc}
.boxcontent div {width:100%; text-align:center;}
.thumb .b2, .thumb .b3, .thumb .b4, .thumb .b4b, .thumb .b3b, .thumb .b2b, .thumb .boxcontent { background:#F5F5F5;}
.dir .b2, .dir .b3, .dir .b4, .dir .b4b, .dir .b3b, .dir .b2b, .dir .boxcontent { background:#FFF0CC;}
.b1, .b2, .b3, .b4, .b1b, .b2b, .b3b, .b4b { display:block; overflow:hidden; font-size:1px; }
.b1, .b2, .b3, .b1b, .b2b, .b3b { height:1px; }
.b2, .b3, .b4, .b4b, .b3b, .b2b, .boxcontent { border-left:1px solid #E0E0E0; border-right:1px solid #E0E0E0; display:block; }
.b1, .b1b { margin:0 5px; background:#E0E0E0; }
.b3, .b3b { margin:0 2px; }
.b4, .b4b { height:2px; margin:0 1px; }
.dir .b2, .dir .b3, .dir .b4, .dir .b4b, .dir .b3b, .dir .b2b, .dir .boxcontent { border-left:1px solid #FFD2A6; border-right:1px solid #FFD2A6; display:block; }
.dir .b1, .dir .b1b { margin:0 5px; background:#FFD2A6; }
.b2, .b2b, .dir .b2, .dir .b2b { margin:0 3px; border-width:0 2px; }

/* for notables */
div.e2g .thumb, div.e2g .dir {float: left; margin:6px; border:3px solid #8CABC1;}
div.e2g:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
div.e2g {display:inline-block} /* hasLayout */
div.e2g {display:block}

/* crumbs */
.e2g_crumbs {font:bold 12px Tahoma;}
.e2g_currentCrumb {}