@import 'reset.css';

textarea,input,select {font-family:Arial,sans-serif}

html {font-size:100.01%}
html,body {height:100%}

body {
	background:#505155 url(../i/bg.gif);
	text-align:center;
	font:.8em/1.3 Arial,sans-serif;
	color:#000;
	}

a {
	text-decoration:none;
	color:#FFF;
	}
a:hover {text-decoration:underline}

a, a span {cursor:pointer}
img {vertical-align:bottom}
hr {display:none}

/* Page
------------------------------------ */
#page {
	margin:0 auto;
	width:998px;
	background:#505155;
	border:solid #CBCBCD;
	border-width:0 1px;
	text-align:left;
	color:#FFF;
	}

/* Header
------------------------------------ */
.header {
	position:relative;
	z-index:1;
	width:100%;
	height:310px;
	background:url(../i/header.jpg) no-repeat;
	}
	.header .menu {
		position:absolute;
		bottom:40px;
		right:0;
		font:bold 1.1em Arial,sans-serif;
		}
		.header .menu li {
			display:inline;
			padding:0 .5em;
			}

	.header .submenu {
		position:absolute;
		bottom:10px;
		right:0;
		font:bold 1.1em Arial,sans-serif;
		}
		.header .submenu li {
			display:inline;
			position:relative;
			padding:0 .5em;
			}
			.header .submenu li:hover ul {display:block}
	.header .submenu ul {
		 display:none;
		 position:absolute;
		 top:1.1em;
		 left:0;
		 z-index:1;
		 width:220px;
		 background:#505155;
		 }
		/* html .header .submenu ul {width:expression(parentNode.offsetWidth + 'px');}*/
		.header .submenu ul li {
			display:block;
			position:relative;
			padding:0;
			width:220px;
			background:#505155;
			line-height:1.4;
			}
		.header .submenu ul a {padding-left:.5em}

/* Main
------------------------------------ */
.main {
	position:relative;
	width:100%;
	min-height:650px;
	height:auto !important;
	height:650px;
	margin-top:1em;
	}

	/* Main Content */
	.main .content {
		margin:0 220px;
		min-height:400px;
		height:auto !important;
		height:400px;
		}

	/* Main Aside */
	.main .aside {
		position:absolute;
		top:0;
		left:0;
		width:200px;
		min-height:200px;
		height:auto !important;
		height:200px;
		background:url(../i/aside.gif) -40px 20px no-repeat;
		}
		.main .aside ul {
			padding-left:15px;
			/*border-left:4px solid #B12025;*/
			font-weight:bold;
			}
		.main .aside li {margin-bottom:1em}
		.main .aside ul ul{
			/*padding-left:15px;*/
			/*border-left:4px solid #B12025;*/
			border-left:none;
			/*font-weight:bold;*/
			}
	/* Main Extra */
	.main .extra {
		position:absolute;
		top:0;
		right:10px;
		width:200px;
			text-align:center;
		}
		.main .extra p {margin-bottom:2em}
/*-------------Gallery----------------------*/
.img_galary{
border: 2px solid #CBCBCD;
margin-bottom: 20px;
    margin-left: 45px;
    margin-right: 0;
    margin-top: 0; 
}
.img_galary:hover{
border: 2px solid #000; 
}
.albom-gallery{ clear:both; padding-top:20px;}
.albom-gallery img{float:left; padding:5px; border:1px solid #CCC; margin-right:20px;}
.albom-gallery span a{ font-size:18px; font-family: Georgia, "Times New Roman", Times, serif; color: #777 ;}
.albom-gallery span a:hover{ color:#999;}

/* Footer------------------------------------ */
.footer {
	position:relative;
	width:100%;
	height:142px;
	background:url(../i/footer.jpg) 100% 0 no-repeat;
	}
	/* Footer Phone */
	.footer .phone {
		position:absolute;
		top:93px;
		right:50px;
		font-size:1.6em;
		}
	/* Footer Copyright */
	.footer .copyright {
		position:absolute;
		bottom:1em;
		left:1em;
		}

.footer .counter {
		position:absolute;
		bottom:1em;
		left:470px;
		}

#feedback legend {display:none}
#feedback label input,
#feedback textarea {width:350px}

	/* Elements */
	.recovery h1 { /* don't use it */
		margin:0 0 1em;
		font:2.2em/1 Arial,sans-serif;
		}
	.recovery h2 {
		margin:0 0 1em;
		font:2em/1 Arial,sans-serif;
		}
	.recovery h3 {
		margin:0 0 1em;
		font:1.8em/1 Arial,sans-serif;
		}
	.recovery h4 {
		margin:0 0 1em;
		font:1.6em/1 Arial,sans-serif;
		}
	.recovery p {margin:0 0 1.5em}
	.recovery dl {margin:0 0 1.5em}
	.recovery dt {font-weight:bold}
	.recovery ul,
	.recovery ol {margin:0 0 1.4em}
	.recovery ol {list-style:decimal}
	.recovery ul dl,
	.recovery ol dl {margin:0}
	.recovery ul li,
	.recovery ol li {margin:0 0 .3em}
	.recovery ul li {
		padding-left:20px;
		background:url(../i/bullet.gif) 0 .3em no-repeat;
		}
	.recovery ol li {
		padding:0;
		background:none;
		}
	.recovery ul ul,
	.recovery ul ol,
	.recovery ol ol,
	.recovery ol ul {margin:.4em 0 .5em 2em}

* html body {behavior:url(/s/csshover.htc)}
.list td {vertical-align:middle;padding:5px;}
.list th {vertical-align:middle;padding:5px;}

/* ---------------News ---------------*/

#news {padding:0; margin:0 0 15px 0;} 
#news h2 {padding:0px; margin:0px; border:none} 
#news .introtext{padding:5px 0 0 0} 
#news .introtext .date {font-weight:bold;} 
#news .readmore {text-align:right}

/* ---------------ugonanet ---------------*/

#ugonanet h2 {padding:0px; margin:0px; border:none} 

/* ---------------разбиение по страницам ---------------*/

.pagination a {text-decoration:underline;} /*подчеркивание ссылок*/
.pagination a:hover {text-decoration:none;} /*убрать подчеркивание ссылок при наведении*/
.pagination .ditto_currentpage {color:#fff; background-color:#4169e1; border:1px solid #4169e1; padding: 1px 3px; margin:2px;  font-weight:bold; } /*оформление текущей страницы: цвет текста, цвет фона, цвет и ширина границы, размер отступов, текст жирным шрифтом*/
.pagination .ditto_previous_link, .pagination .ditto_next_link{margin:0 10px;} /*отступы для ссылок «далее» и «назад»*/
.pagination .ditto_page{ padding: 2px 5px;}/* отступы для номеров страниц*/