* { margin: 0; padding: 0; }

html {
	height: 100%;
}
body {
	font: 14px/20px Arial, Tahoma, Verdana, sans-serif;
	width: 100%;
	height: 100%;
	color: #666;
}
a {
	outline: none;
	text-decoration: none;
	border-style: none;
}
img {
	border: none;
}
.ico {
	margin: 0 4px;
}
input, select {
	font-size: 16px;
	margin: 0;
	padding: 6px;
}
#wrapper {
	width: 1024px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: #fff;
}
.box {
	margin: auto;
	display: inline-block;
	text-align: justify;
}
.box_wrap {
	margin: 0 10px;
	padding: 3px;
	display: inline-block;
}
.box_wrap img {
	border: solid 7px #ddd;
}
.box_wrap a {
	text-decoration: none;
}
.box_wrap p {
	text-align: left;
}
.box_col {
	margin: 0 10px;
	padding: 3px;
	display: inline-block;
	vertical-align: top;
}
/* langmenu
-----------------------------------------------------------------------------*/
.outer_a {
	width: 100%;
	background: red;
}
.inner_a {
	background: green;
	display: inline-block;
	float: left;
}
.inner_b {
	background: yellow;
	display: inline-block;
	float: left;
}
/* langmenu
-----------------------------------------------------------------------------*/
#langmenu {
	font-weight: bold;
	text-align: right;
	padding: 2px 10px;
	color: #cccccc;
}
#langmenu a {
	color: #3366cc;
}
/* loginmenu
-----------------------------------------------------------------------------*/
#loginmenu {
	font-weight: bold;
	text-align: right;
	padding: 2px 10px;
	color: #cccccc;
}
#loginmenu a {
  text-transform: uppercase;
	color: red;
}
#login_form {
	width: 240px;
}
#login_form input {
	margin: 30px auto;
	width: 200px;
}
#login_form input {
	margin: 0 auto;
	width: 220px;
}
#login_form .submit {
	width: 120px;
}
/* top_menu
-----------------------------------------------------------------------------*/
#top_menu {
	font-weight: bold;
	text-align: right;
	padding: 2px 10px;
	text-transform: uppercase;
	text-decoration: none;
	color: #ccc;
	border-radius: 8px;
	background: #e0efff;
}
#top_menu div {
	margin: 0 10px;
	padding: 3px;
	display: inline-block;
}
#top_menu a {
	color: #3366cc;
}
/* submenu
-----------------------------------------------------------------------------*/
#submenu {
	margin: 10px auto;
	border-radius: 8px;
	border: solid 1px #3366cc;
	background: #fff;
	text-align: center;
}
#submenu a {
	display: block;
	padding: 5px 15px;
	font-weight: bold;
	line-height: 16px;
	text-transform: uppercase;
	text-decoration: none;
	color: #3366cc;
}
#submenu a:hover {
	color: #99cc66;
}
/* Header
-----------------------------------------------------------------------------*/
#header {
	height: 150px;
	background: url(/img/emb.png) no-repeat 10px 0,
	            url(/img/water.png) repeat-x #99ccfe;
	border-radius: 8px;
}
#header .title1 {
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	margin: 0 0 0 160px;
	color: #99cc66;
}
#header .title2 {
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	margin: 20px 0 0 160px;
	color: #fff;
}
/* Middle
-----------------------------------------------------------------------------*/
#middle {
	width: 100%;
	padding: 0 0 140px;
	height: 1%;
	position: relative;
}
#middle:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
#container {
	width: 100%;
	float: left;
	overflow: hidden;
}
#content {
	padding: 0 0 0 192px;
}
#content h1 {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	margin: 12px auto;
	color: #666;
}
#content h1 a {
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	text-transform: uppercase;
	color: #3366cc;
}
#content h1 a:hover {
	text-decoration: none;
        color: #99cc66;
}
#content h2 {
	font-size: 18px;
	padding: 2px 0;
	text-align: center;
	color: #3366cc;
}
#content h3 {
	font-size: 16px;
	padding: 8px 0 4px;
	margin: 2px 0 6px;
	color: #999;
	border-bottom: 1px solid #99cc66;
}
#content h4 {
	margin: 14px 0 0 0;
	font-weight: bold;
	color: #bbb;
}
#content h5 {
	font-size: 16px;
	padding: 8px 0 4px;
	margin: 2px 0 6px;
	color: #99cc66;
	border-top: 1px dashed #ccc;
}
#content p {
	margin: 4px 0;
}

#content .center {
        text-align: center;
}
#content li a {
	text-decoration: none;
}
#content form {
	margin: 10px auto;
	padding: 14px;
	border: solid 1px #ddd;
	border-radius: 8px;
	background: #fff;
}
#content form div {
	margin: 20px 0 32px;
}
#content form p {
	margin: 8px 0;
}
#content form a {
	color: #3366cc;
}
#content form .comment {
	/* color: ccc; */
	color: red;
}
#content form .buttons {
	margin: 10px 0;
	text-align: center;
}
.ex {
	padding: 0 30px;
	color: #3366cc;
}
#content table {
        font-size: 13px;
	margin: 10px auto;
	border: none;
	background: #ccc;

}
#content table a {
        color: #3366cc;
}
#content tr {
	background: #fff;
}
#content tr:hover {
	background: #bdffc0;
}
#content th {
	padding: 1px 4px;
	background: #eee;
}
#content td {
	padding: 1px 4px;
	text-align: center;
}
#content ol,ul {
	padding-left: 30px;
}
#content li {
	margin: 3px 0;
}
#content .papersheet {
	font-family: serif;
	font-size: 12px;
	margin: 20px;
	padding: 6px 12px 6px 12px;
	border: solid 1px #ddd;
	background: #fffff0;
	color: #666;
}
#content .papersheet_arial {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 12px;
	margin: 20px;
	padding: 12px;
	border: solid 1px #ddd;
	background: #fffff0;
	color: #666;
}
#content .papersheet h1 {
	font-size: 12px;
	color: #666;
}
#content .papersheet h2 {
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: #666;
}
#content .papersheet .text{
	text-indent: 25px;
}
#content .db_text p {
	margin: 8px 0;
}
#content .db_text a {
	text-decoration: none;
}
#content .db_text li {
	margin: 6px 0;
}
#content .staff_info img {
	margin: 16px 0;
}
/*----- Элемент manage --------------------------*/
.manage {
	margin: 0 0 6px;
	padding: 6px 12px 6px 12px;
	border: solid 1px #ddd;
	border-radius: 8px;
}
.manage a {
	font-weight: bold;
	color: red;
}

/*----- Элементы note, bluenote, greennote и rednote -----*/
.note, .bluenote, .greennote, .rednote , .yellownote{
	margin: 12px 0;
	padding: 6px 12px 6px 12px;
	border: solid 1px #ddd;
	border-radius: 8px;
}
.note {
	background: #fff;
}
.bluenote {
	background: #e0efff;
}
.greennote {
	background: #dcf8c6;
}
.rednote {
	background: #ffe0e0;
}
.yellownote {
	background: #fef9cb;
}
.note .title, .bluenote .title, .greennote .title, .rednote .title, .yellownote .title {
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	color: #3366cc;
}
.note br, .bluenote br, .greennote br, .rednote br, .yellownote br {
	line-height: 1.4em;
}
.note p, .bluenote p, .greennote p, .rednote p, .yellownote p {
	text-align: justify;
}
.note a, .bluenote a, .greennote a, .rednote a , .yellownote a {
	color: #3366cc;
}
.note .frame, .bluenote .frame, .greennote .frame, .rednote .frame, .yellownote .frame {
	border: solid 7px #ddd;
	float: left;
	margin: 7px 12px 7px 2px;
}
.note .date, .bluenote .date, .greennote .date, .rednote .date, .yellownote .date {
	font-style: italic;
	text-align: right;
	color: #666;
}
.note  .spoiler, .bluenote .spoiler, .greennote .spoiler, .rednote .spoiler, .yellownote .spoiler {
	text-align: right;
	text-decoration: underline;
	color: #3366cc;
	cursor: pointer;
}
.note .signature, .bluenote .signature, .greennote .signature, .rednote .signature , .yellownote .signature {
	text-align: right;
}
/* Пример заполнения поля input */
.example {
	font-style: italic;
	margin: 0 0 10px 0;
	color: #3366cc;
}
/* Подпись к изображению */
.pic {
	margin: 0 auto;
	border: 5px #666666;
}
.text {
	text-align: justify;
}
.signature {
	font-style: italic;
	text-indent: 30px;
	text-align: right;
	color: #666;
}
.data {
	font-family: Arial, Helvetica;
        text-align: left;
	color: #666;
}
.alert {
	font-weight: bold;
	text-align: center;
	padding: 10px 0;
	color: #dc143c;
}
/* Sidebar Left
-----------------------------------------------------------------------------*/
#sideLeft {
	float: left;
	width: 180px;
	margin-left: -100%;
	position: relative;
}
.sidebar {
	margin: 10px 0 0;
	border-right: solid 2px #99cc66;
	border-bottom: solid 2px #99cc66;
	border-radius: 8px;
}
.sidebar a {
	color: #3366cc;
}
.sidebar a:hover {
	color: #99cc66;
}
.sidebar p {
	font-weight: bold;
	text-transform: uppercase;
	margin: 8px;
}
/* Basement
-----------------------------------------------------------------------------*/
#basement {
	font-size: 10px;
	width: 1024px;
	min-height: 140px;
	margin: -140px auto 0;
	position: relative;
	background: url(/img/add.png) no-repeat right top,
	            url(/img/water.png) repeat-x #9cc0ff;
}

/* Все картинки в подвале - баннеры */
#basement img {
	margin: 10px;
}
#basement .footerinfo {
	padding: 30px 0 0;
}
.footerinfo p {
	margin: 5px 10px;
	color: #3366cc;
}
.footerinfo a {
	color: #fff;
}
.footerinfo a:hover {
	text-decoration: underline;
}
/*----- Изображения и их контейнеры -----------*/
.frame_center {
	margin: 0 auto;
	padding: 10px;
	text-align: center;
	background: #eee;
}
.frame_center img {
	width: 100%;
}
.frame_center p {
	font-style: italic;
	text-align: center;
	background: #eee;
	color: #666;
}
.frame_center span {
	font-style: italic;
	text-align: center;
	background: #eee;
	color: #666;
}
.frame_left {
	text-align: center;
	float: left;
	margin: 0 12px 8px 0;
	background: #ddd;
}
.frame_left img {
	margin: 7px;
}
.frame_left p {
	font-style: italic;
	text-align: center;
	margin: 0 7px 7px;
	color: #666;
}
.frame_right {
	text-align: center;
	float: right;
	margin: 0 0 8px 12px;
	background: #ddd;
}
.frame_right img {
	margin: 7px;
}
.frame_right p {
	font-style: italic;
	text-align: center;
	margin: 0 7px 7px;
	color: #666;
}
/*----- Отменяем обтекание изображения --------*/
.float_clear {
	height: 0;
	clear: both;
	visibility: hidden;
}

.gallery {
	text-align: center;
	width: 100%;
}
.thumbs {
	background-image: url(img/sframe.png);
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
}
.photo {
	background-image: url(img/bframe.png);
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
}
/*----- for journal page ----------------------*/
.authors {
	font-weight: bold;
}
.title {
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	color: #555;
}
.info {
	font-style: italic;
}
.keys {
	font-weight: bold;
}
.refs {
	text-align: left;
}
/* Слайдшоу */
div #rotateimgbox {
	width: 620px;
	height: 420px;
	position: relative;
	z-index: 10000;
	padding: 0px;
	margin: 0px auto;
	top: 10px;
}

div.transparent {   
    position:absolute;	
	background:#9ea5c4;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20); 
	-moz-opacity: 0.2;
	-khtml-opacity: 0.2; 
	opacity: 0.2; 
	z-index:1000;
}

div #img_rotate {     
	width: 600px;
	height: 400px;
	position: absolute;
	z-index: 10000;
	padding: 5px;
    -moz-box-shadow: 0px 0px 10px #777777;
    -webkit-box-shadow: 0px 0px 10px #777777;
    box-shadow: 0px 0px 10px #777777;
}
div #img_rotate ul li {
	position:absolute;
	list-style: none;
}
div #img_rotate ul li.show {
	z-index:1;
}
div #img_rotate img {

}
/* Элементы дизайна */
.divline {
	margin: 6px 0;
	background: transparent url(img/line.png) repeat-x scroll 0% 50%;
}
.divtext {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	padding-right: 6px;
	background-color: #fff;
	color: #99cc66;
}
.singleline {
	height: 1px;
	width: 100%;
	margin: 7px 0;
	background-color: #99cc66;
}
/*----- Элементы форм -------------------------*/
.year {
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color: #666;
}
.submit {
	width: 120px;
	margin: 0 6px;
	padding: 10px;
	border: solid 1px #999999;
	border-radius: 4px;
	font-size: 16px;
	font-weight: bold;
	color: #333;
}
.submit:hover {
	cursor: pointer;
	background: #ccc;
}
/*----- Мусор ---------------------------------*/
.infoblock {
	padding: 3px 5px;
	text-align: right;
	color: #fff;
	background-color: #009900;
}
.table {
	font-family: Arial, Helvetica;
	font-size: 12px;
	vertical-align: top;
	color: #666666;
}
.subscript {
	font-family: Arial;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
	vertical-align: top;
	color: #999999;
}
.line {
        font-family: Arial, Helvetica;
	font-size: 14px;
	font-weight: bold;
	color: #99cc66;
	background-color: #ffffff;
}