/*
 * Stylesheet for Sud-Dep 1.0
 * 
 * 
 */

/* Reset
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  line-height: inherit;
  vertical-align: baseline;
  background: transparent;
}

:focus {
  outline: 0;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}

blockquote, q {
  quotes: "" "";
}


/* Base
 */
body {
	background-color: #fff;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	/*font-size: 62.5%;*/
	font-size: 10px;
	line-height: 1.4em;
	padding: 0 10px 10px 10px;
}

a:link,
a:active,
a:focus {
	color: #369;
}

a:visited {
	color: #993d32;
}

a:hover {
	color: #c00;
}

input {
	background-color: #fff;
	border: solid 1px #667795;
	line-height: 17px;
	font-size: 13px;
}

div#container,
div#box {
	/*border: dashed 1px #900;*/
	overflow: hidden;
}

div#container {
	background-image: url(../img/column-left-borders.gif);
	background-position: left top;
	background-repeat: repeat-y;
}

div#box {
	background-image: url(../img/column-right-borders.gif);
	background-position: right top;
	background-repeat: repeat-y;
	margin-right: auto;
	margin-left: auto;
	width: 980px;
}

/* Header
 */
div#header {
	background-color: #3a4766;
	background-image: url(../img/header-bg.gif);
	background-position: 0 0;
	background-repeat: repeat-x;
	border-top: solid 1px #376ca2;
	border-right: solid 1px #376ca2;
	border-bottom: solid 1px #4b4b4b;
	border-left: solid 1px #376ca2;
	color: #fff;
	height: 121px;
	text-align: right;
	overflow: hidden;
}

div#header a {
	color: #fff;
}

div#header h1 {
	/*border: dashed 1px #fff;*/
	float: left;
	height: 116px;
	width: 754px;
	text-align: left;
}

div#header h1 span.flash-idol,
div#header h1 a  {
	display: -moz-inline-stack;
	display: inline-block;
	margin: 0;
	vertical-align: top;
}

div#header h1 span.flash-idol {
	/*border: dashed 1px #fff;*/
	background-image: url(../img/header-decor.png);
	background-position: left top;
	background-repeat: no-repeat;
	margin-top: 7px;
	padding-left: 36px;
	height: 105px;
	width: 321px;
}

div#header h1 span.flash-idol object {
	/*border: dashed 1px #fff;*/
	display: block;
}

div#header h1 a {
	background-image: url(../img/title.png);
	background-position: left top;
	background-repeat: no-repeat;
	/*border: dashed 1px #fff;*/
	overflow: hidden;
	position: relative;
	top: 24px;
	height: 50px;
	width: 366px;
	text-indent: -100em;
}

div#header h1 a b {
	display: none;
}

ul#mmm,
div#search {
	overflow: hidden;
}

ul#mmm,
div#search p {
	text-align: left;
}

ul#mmm {
	background-color: #414e6d;
	background-image: url(../img/mmm-bg.gif);
	background-position: 0 0;
	background-repeat: repeat-x;
	border: solid 1px #3a4766;
	margin-left: auto;
	position: relative;
	top: 8px;
	right: 14px;
	width: 64px;
}

ul#mmm li {
	display: -moz-inline-stack;
	display: inline-block;
	overflow: hidden;
	vertical-align: top;
}

ul#mmm li.sitemap,
ul#mmm li.email {
	background-image: url(../img/icons.gif);
	background-position: 0 -83px;
	background-repeat: no-repeat;
	padding-left: 2px;
}

ul#mmm li a {
	background-image: url(../img/icons.gif);
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	text-indent: -100em;
	height: 18px;
	width: 20px;
	text-decoration: none;
}

ul#mmm li.index a {
	background-position: 5px 3px;
}

ul#mmm li.sitemap a {
	background-position: 4px -27px;
}

ul#mmm li.email a {
	background-position: 4px -54px;
}

div#search {
	position: relative;
	top: 58px;
	right: 14px;
}

div#search h6 {
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: .1818em;
	text-transform: uppercase;
}

div#search h6,
div#search p {
	/*border: dashed 1px #fff;*/
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
}

div#search h6 {
	display: none; /* лишнее оно */
}

div#search p.search-text input,
div#search p.search-button input {
	margin: 0;
	padding: 0 3px;
	font-size: 13px;
}

div#search p.search-text input {
	height: 18px;
	width: 140px;
}

div#search p.search-button input {
	background-color: #122341;
	color: #fff;
	height: 20px;
}

/* Main Menu
 */
ul#main-menu {
	border: solid 1px #b8b8b8;
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 4px;
	padding: 4px;
}

ul#main-menu li {
	background-color: #3a4766;
	border-top: solid 1px #7a8398;
	border-bottom: solid 1px #273045;
	padding: 2px;
}

ul#main-menu li.level-1 {
	padding-left: 0;
}

ul#main-menu ul {
	border-top: solid 1px #273045;
	margin-right: -2px;
}

ul#main-menu ul li.level-2 {
	padding-left: 2.1818em; /* 24 */
}

ul#main-menu ul li.last {
	border-bottom: none;
	padding-bottom: 0;
}

ul#main-menu ul ul {
	margin-right: -2px;
	margin-left: -2.1818em;
}

ul#main-menu ul ul li.level-3 {
	padding-left: 3.2727em; /* 36px */
}

ul#main-menu li.level-1 a {
	background-image: url(../img/menu-markers.gif);
	background-position: -26px -24px;
	background-repeat: no-repeat;
	padding-left: 1.1818em; /* 13px */
}

ul#main-menu a {
	color: #fff;
	display: block;
	padding-top: 1px;
	padding-bottom: 1px;
	text-decoration: none;
}

ul#main-menu li.level-2 a,
ul#main-menu li.level-3 a {
	background: none;
	color: #b5cfe5;
	padding-left: 0;
}

ul#main-menu li.level-1 a:hover {
	background-position: 4px -54px;
}

ul#main-menu a:hover,
ul#main-menu li.level-2 a:hover,
ul#main-menu li.level-3 a:hover {
	color: #c00;
}

ul#main-menu li.level-1 a.selected {
	background-position: -56px 6px;
	color: #ccc;
}

/* Columns
 */
div#column-right,
div#column-left {
	border-top: solid 4px #3a4766;
	border-right: solid 4px #3a4766;
	border-left: solid 4px #3a4766;
	overflow: hidden;
	padding: 3px;
}

div#column-right {
	float: right;
	width: 211px; /* -2 */
}
div#column-left {
	float: left;
	width: 235px; /* -4 */
}

ul.info-news {
	font-size: 1.1em;
	line-height: 1.3636em; /* 15px */
	padding: 4px;
}

ul.info-news li {
	border-bottom: dashed 1px #333;
	padding-top: 6px;
	padding-bottom: 6px;
}

ul.info-news li.first {
	padding-top: 0;
}

ul.info-news li.last {
	border-bottom: none;
	padding-bottom: 0;
}

ul.info-news h6 {
	font-weight: bold;
	margin-top: .3636em;
	margin-bottom: .3636em;
}

div.ear {
	border: solid 1px #3a4766;
	/*margin-top: 4px;*/
	margin-bottom: 4px;
}

div.ear div.cochlea {
	border: solid 4px #3a4766;
	margin: 4px;
	padding: 1px;
}

div.ear div.cochlea img {
	display: block;
	margin: 0;
}

div#column-left ins.separator,
div#column-right ins.separator {
	background-image: url(../img/ear-separator.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	margin-right: -4px;
	margin-bottom: 4px;
	margin-left: -4px;
	height: 4px;
}

div.info {
	border: solid 1px #3a4766;
	margin-bottom: 4px;
}

div.info h5 {
	background-color: #172131;
	background-image: url(../img/block-bg.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: .1818em;
	margin: 2px;
	padding: 2px;
	text-align: center;
	text-transform: uppercase;
}

div.contact-info p {
	font-size: 1.1em;
	margin-bottom: 6px;
	margin-right: 22px;
	margin-left: 22px;
}

div.contact-info p b {
	display: block;
}

div.contact-info p.picture {
	border: solid 1px #ccc;
	margin-right: auto;
	margin-left: auto;
	padding: 6px;
	width: 152px;
	text-align: center;
}

div.contact-info div.info-content {
	border-top: solid 1px #3a4766;
	padding-top: 4px;
}

div.contact-info p.picture a {
	display: block;
}

div.photo-gal div.info-content {
	background-image: url(../img/photo-bg.gif);
	padding-bottom: 4px;
}

div.photo-gal p {
	background-color: #fff;
	border: solid 1px #ccc;
	margin-right: auto;
	margin-left: auto;
	padding: 4px;
	width: 152px;
	text-align: center;
}

div.photo-gal img {
	display: block;
	margin: auto;
}

div.info-content {
	border-top: solid 1px #3a4766;
	padding-top: 4px;
}

div.auth p {
	margin: 4px;
}

div.auth p label {
	color: #333;
	display: block;
	font-size: 1.1em;
}

div.auth p.login input,
div.auth p.password input,
div.auth p.submit-button input {
	margin: 0;
	padding: 0 3px;
	font-size: 13px;
}

div.auth p.login input,
div.auth p.password input {
	height: 18px;
}

div#column-right div.auth p.login input,
div#column-right div.auth p.password input {
	width: 193px;
}

div#column-left div.auth p.login input,
div#column-left div.auth p.password input {
	width: 217px;
}

div.auth p.submit-button input {
	background-color: #122341;
	color: #fff;
	height: 20px;
}

/* Column-Center
 */
div#column-center {
	background-image: url(../img/content-shadow.gif);
	background-position: left top;
	background-repeat: repeat-x;
	/*border: dashed 1px #090;*/
	border-color: #c00; /* debug */
	overflow: hidden;
	padding-top: 3px;
	padding-bottom: 3px;
}

div#column-center h2 {
	border-bottom: solid 5px #993d32;
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: .1818em; /* разрядка на 2px */
	margin-top: 1.3636em; /* 15px; */
	margin-bottom: .5454em; /* 6px; */
	text-transform: uppercase;
}

div#column-center b {
	background-color: #993d32;
}

div#column-center b.hcorner-right {
	background-image: url(../img/hcorner-right.gif);
	background-position: right top;
	background-repeat: no-repeat;
	padding-right: .7272em; /* 4px */
	position: relative;
	top: .1818em;
	display: -moz-inline-stack;
	display: inline-block;
	max-width: 95%;
}
div#column-center b.hcorner-left {
	background-image: url(../img/hcorner-left.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-top: .2727em; /* 3px */
	padding-left: .7272em;
	display: block;
}

div#column-center b.hcorner-right-solo {
	padding-top: .2727em;
	padding-left: .7272em;
}

div#column-center h2 b.hcorner-right-ff2-fix {
	display: block;
}

div#column-center h2.centered {
	text-align: center;
}

div#column-center h2.centered b.hcorner-right {
	margin-right: 0;
}

div#column-center ul.news {
	font-size: 1.3em;
	line-height: 1.3846em;
	margin-top: 1.8461em;
	padding-left: .6154em; /* 8px при размере шрифта 11, должен совпадать с педдингами у заголовков*/
	padding-right: .6154em;
}

div#column-center ul.news li {
	margin-bottom: 1.8461em;
}

div#column-center ul.news h6 {
	font-weight: bold;
	margin-bottom: .5385em;
}

div#column-center div.map {
	width: 100%;
	overflow: hidden;
}

/* Content
 */
div#content {
	font-size: 1.3em;
	line-height: 1.3846em; /* 18px */
	padding-left: .6154em; /* 8px при размере шрифта 11, должен совпадать с педдингами у заголовков*/
	padding-right: .6154em;
}

div#content h2 {
	font-size: .8462em;
	line-height: 1.1538em; /* 15px */
	margin-left: -.7272em; /* 8px */
	margin-right: -.7272em;
}
div#content h3 {
	font-size: .8462em;
	font-weight: bold;
	letter-spacing: .1818em; /* разрядка на 2px */
	margin-top: 2.1818em; /* 24px */
	text-transform: uppercase;
}
div#content h4 {
	margin-top: 1.8461em; /* 24px */
	font-weight: bold;
}
div#content h5 {
	margin-top: 1.8461em;
	font-style: italic;
}

div#content p {
	margin-top: 1em;
}
div#content ul,
div#content ol {
	margin-left: 2.3077em; /* 30px */
}
div#content ul {
	list-style-type: square;
}
div#content ol {
	list-style-type: decimal;
}

div#content ol li:before {
}
div#content li {
	margin-bottom: .5385em; /* 7px */
}

/* Footer
 */
div#footer {
	background-color: #3a4766;
}

div#footer p {
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1em;
	padding: 4px;
	text-align: center;
}