* {
padding:0;
margin:0;
}
html,body { width:100%; height:100%;padding:0; margin:0; font:normal 12px verdana, arial, sans-serif; }
#main{ position:relative; height:auto;padding:0; border:none;
margin:5px 30px ;
/*background-color:#FFFFFF;*/
border:1px solid #0d014d; border-width:1px; border-bottom:none;
width:911px}
html>body #main{
height: auto;
min-height: 100%;
}
h1 { font-size:250%; letter-spacing: -2px; font-weight:normal;}
h2 { font-size:170%; letter-spacing: -1px; font-weight:normal; }
h3 { font-size:140%; margin:1em 1em 1em 0; letter-spacing: -1px; font-weight:normal; }
h4 { font-size:100%; font-weight:bold; margin:1.5em 1em 1em 0; }
h5 { font-size:95%; margin:1em 1em 1em 0; }
h6 { font-size:90%; margin:1em 1em 1em 0; }
UL {list-style:none;}
LI {
BORDER: 0px; PADDING:0px; DISPLAY: block; MARGIN: 0px; }
a {
color:#719AE2; text-transform:uppercase; text-decoration:none;
FONT-WEIGHT: bold;
width:100%}
a:hover{ COLOR: #0066FF; }
pre{font-family: monospace;}
/*Structura*/
#header{/*shapk whith menu from http://xhtml.ru/2005/10/18/footer-stick/*/
position: relative;
height:278px; z-index:100
}
#logo{position: relative;
background:url(logo.gif) no-repeat 0 100%; height: 243px; }
#index{ padding:0px; margin:0px; position:relative; background:url(11.gif) repeat-y;height:auto; background-color:none; }
#crumb {
margin:10px 0px;
padding:10px 0px 10px 20px;
/*background:#1D1D1D;*/
border:1px #3F3F3F solid;
background-color:none;
}
#center{
z-index:1;
position: relative;
padding:0px;
margin: 0px 152px 0px 152px;
text-align:justify; width: 607px
}
#left{position: relative;
height:100%;
top:0px;
left:0px;
float:left;
width:152px;
margin:0px 0 -10px 0;
padding:0px;
z-index:10;
}
#right{
position:relative;
top:0px;
right:0px;
float:right;
width:152px;
margin:0px 0 -10px 0;
padding:0;
z-index:9;
}
#top{ position: relative;
background: url(c_.gif) 0 100% no-repeat;
width:607px;
height:128px;
z-index:198; padding:7px; font-size:14px}
#title {right:15px; top:5px;width:480px; height:110px; position:relative; float: right; background:white; z-index:0; color:#0961B0 }
.print {position: relative; float:right;margin:15px 0 5px 5px; padding:0px;text-decoration:underline; font-size:9px; color:black}
.vave{background:url(vave.gif) no-repeat right 50%; white-space:pre;}
#title a{ color:#0961B0}
#title a:hover{ text-decoration:none; color:#FF0000}
#middle{/*centercol*/
position:relative;background: url(middle.gif) 0 50% no-repeat;
min-height:503px;
margin:0px 7px;
padding:0px; text-align:justify;
width: 593px;
z-index:1; font-family:Arial, sans-serif; font-size:12px
}
#middle a {color:red; font:Geneva, Arial, Helvetica, sans-serif; padding:2px; text-transform: lowercase}
#middle a:hover{color: #FF0033; }
#middle p{/*text-indent:0px*/ }
#footer{ position:absolute;
float:left;
background:url(foote.gif) no-repeat ;
height: 393px;
margin: 0px;
border:1px solid #0d014d;
border-top: none;
left:-1px; z-index:101;
width:911px
}
#centercol3 {
position:relative;
margin: 10px 20px;
padding:0px;
text-align:justify;}
#shorttextinput{width:inherit;}
.box {
position:relative;
margin:0px 2px 5px 2px;
padding:5px 2px;
color: #000066;
background: #FFF;
border-BOTTOM:1px groove #003399 thin;
/*background:#2E2E2E url('../img/backleft.gif') repeat-y top right;*/
font-size:11px
}
.boxcenter {
position:relative;
margin-bottom:10px;
padding:10px 15px;
background-color:none;
border-bottom:2px inset #fff;
}
.boxcenter:hover {
background:none;
}
a.inta { text-decoration:none; padding-left:1.6em; background:transparent url('inta.gif') -.2em .4em no-repeat; border-bottom:none;}
a.inta:hover { color:#fff; background:transparent url('inta2.gif') 0em .4em no-repeat; cursor:pointer; border-bottom:none;}
#toolbar { background: /*url('../img/toolbar-.gif') repeat-x*/; margin: 0px 10px; }
/* Горизонтальное меню */
div#nav {
width:912px; height:35px; /* 100%;задаем ширину для div */
float: left; /* добавляем список в div */
font-size: 14px; /* задаем размер шрифта */ font-family:url(Font/a_AlbionicB&W.Ttf);
padding:0px 0px 0px 0px; /*padding: 0 0 0 30px; отступ ul от края контейнера */
}
div#nav ul {
margin: 0px;
padding: 0px;
}
* html div#nav ul {
float: left; /* заставляет ul вместить все li */
/* margin-left: 15px; IE удваивает заданное значение */
}
div#nav li {background:url(but6.gif) no-repeat; height:35px; width:152px ; padding-top:8px;
float: left; /* располагаем список по горизонтали */
position: relative; /* контекст позиционирования для раскрывающегося меню с абсолютным позиционированием */
list-style-type: none; /* удаляем маркеры */
}
div#nav li>a { width:auto; color:white}
div#nav a:hover {
color: #fff;
}
div#nav li:hover { background:url(but.gif) no-repeat; }
/* Раскрывающееся меню */
div#nav ul li ul {
margin: 0px;
position: absolute; /* размещает выпадающий ul относительно родительского li */
left: 0px;
font-size:12px; font-family:Arial narrow, Helvetica, sans-serif; text-align:left; padding:0px;
}
div#nav ul li>ul {top:35px}
/*submenu objects*/
div#nav ul li.side ul {
margin: 0px;
position: absolute; /* размещает выпадающий ul относительно родительского li */
left: 150px;
font-size:12px; font-family:Arial narrow, Helvetica, sans-serif; text-align:left; padding:0px;
}
div#nav ul li.side>ul {top:0px}
div#nav ul li.side ul a.sub{
}
/**/
div#nav ul li ul li {
background-image:none;
width:auto; height:20px;
/* элементы списка заполняют контейнер (ul) */
}
div#nav ul li ul>li { padding:0px; margin:0px;background-image:none;width: 100%;
/* элементы списка заполняют контейнер (ul) */
height:20px
}
div#nav ul li ul li a{ background-image:none; color:black; padding-top:0px; padding-bottom:0px; padding-left:3px; padding-right:2px;
}
div#nav ul li ul li a:hover {background-color:#FF0000; color: white;
}
div#nav ul li ul li:hover { background-image:none; height:20px;
}
div#nav ul li ul>li:hover {width:auto;}
/*hovers sub obj trinagle*/ div#nav ul li ul li.side:first-child { padding-top:10px
}
div#nav ul li ul li.side:hover { background: url(s_obghov.gif) bottom no-repeat; height:20px; width:151px; z-index:20
}
div#nav ul li ul>li.side:hover {width:152; height:20px }
/**/
div#nav ul li ul li:first-child { padding-top:10px /* верхний край раскрывающегося меню */ }
body div#nav ul li ul,div#nav li ul li.side ul, div#nav ul li:hover ul li.side ul{
display: none; z-index:0
}
div#nav ul li:hover ul, div#nav ul li ul:hover, div#nav li ul li.side:hover ul,div#nav ul li:hover ul li.side:hover ul {
display: block; z-index:20
}
* html div#nav ul li ul { /* border-top: 1px solid #dod1d3; добавляет верхнюю границу раскрывающегося меню для IE */
border-left: 0рх; /* устраняет наследование границ ul раскрывающимся меню */
}
/*Vertical menu*/
/* Горизонтальное меню */
div#sidenav { width:100%;
/* width:912px;100%;задаем ширину для div */
float: left; /* добавляем список в div */
font-size: 14px; /* задаем размер шрифта */ font-family:url(Font/a_AlbionicB&W.Ttf);
padding:0px; /*padding: 0 0 0 30px; отступ ul от края контейнера */
}
div#sidenav ul {
margin: 0px;
padding: 0px;
}
* html div#sidenav ul { float: left; /* заставляет ul вместить все li */ }
div#sidenav li {padding:0px; margin:0px;
background: url(but6.gif) no-repeat; height:35px; width:152px;
float: left; /* располагаем список по горизонтали +избавились от ширины в ИЕ */
position: relative; /* контекст позиционирования для раскрывающегося меню с абсолютным позиционированием */
list-style-type: none; /* удаляем маркеры */
}
div#sidenav a {padding-top:8px; display:block; width:100%; color:white}
div#sidenav li:hover { background:url(but.gif) no-repeat; }
div#sidenav ul li.o ul li.side:hover ul,div#nav ul li:hover ul li.side:hover ul,div#sidenav li.o ul,div#sidenav li.o:hover ul li.side ul{
display: none;
}
div#sidenav li.o:hover ul li.side:hover ul,div#nav ul li:hover ul li.side:hover ul {
display: block;
}
div#sidenav ul li.bigb{background: url(but31.gif) no-repeat; width:151px; height:68px;}
div#sidenav ul li.bigb:hover{background: url(but32.gif); width:151; height:68px; }
/* Раскрывающееся меню */
div#sidenav ul li ul {
margin: 0px;
position: absolute; /* размещает выпадающий ul относительно родительского li */
left: 152px; top:-35px; /* выравнивает раскрывающееся меню width: 100%;a_AvanteBs */
font-size:12px; font-stretch:narrower; font-family:Arial narrow, Helvetica, sans-serif; text-align:left; padding:0px;
}
div#sidenav ul li>ul {top:0px; left:152px; }
/* */
div#sidenav ul li.side ul{
margin: 0px;
position: absolute; /* размещает выпадающий ul относительно родительского li */
left: 152px; top:-35px; /* выравнивает раскрывающееся меню width: 100%;a_AvanteBs */
font-size:12px; font-stretch:narrower; font-family:Arial narrow, Helvetica, sans-serif; text-align:left; padding:0px;
}
div#sidenav ul li.side>ul{top:0px; left:152px; }
/*div#sidenav ul li.side a.sub{ height:18px}
div#sidenav ul li.side ul a:hover{background: transparent;}*/
div#sidenav ul li ul li {
margin:0px;
background-image:none;
width:auto; height:20px;
/* элементы списка заполняют контейнер (ul) */
}
div#sidenav ul li ul>li {margin:0px;background-image:none;width: 100%;
/* элементы списка заполняют контейнер (ul) */
height:20px
}
div#sidenav ul li ul li a{ background-image:none; color:black; padding-top:0px; padding-bottom:0px; padding-left:0px; padding-right:0px /* элементы списка заполняют контейнер (ul) */
}
div#sidenav ul li ul li>a{padding-left:3px; width:auto /* элементы списка заполняют контейнер (ul) */
}
div#sidenav ul li ul li a:hover {background-color:#ff001c; color: white;
}
div#sidenav ul li ul li:hover { background-image:none; height:20px; width:100%
}
div#sidenav ul li ul>li:hover {width:auto}
/*red strela of objects*/
div#sidenav ul li ul li.side:hover { background: url(s_obghov.gif) bottom no-repeat; height:20px; width:151px; z-index:10
}
div#sidenav ul li ul>li.side:hover {width:152; height:20px }
/**/
/* */
div#sidenav ul li.o ul.s_obj li.side a.submenu{ background:none; height:18px;background: transparent;}
div#sidenav ul li.o ul.s_obj li.side a.submenu:hover{background:url('s_obghov.gif') transparent;}
/**/
div#sidenav ul li ul li:first-child { padding-top:10px; }
body div#sidenav ul li ul,div#sidenav ul li.side ul {
display: none; z-index:10
}
div#sidenav ul li:hover ul, div#nav ul li ul:hover,div#sidenav ul li.side:hover ul, div#sidenav ul li.o:hover ul.s_obj {
display: block;
}
/*Submenus*/
.s_comp{background:url('company.gif') 0 100%; width:151px; height:69px;}
.s_news{background:url('news.gif') 0 100%; width:151px; height:49px}
.s_obj{background:url('objects.gif') 0 100%; width:151px; height:49px}
.s_gall{background:url('gallery.gif') 0 100%; width:151px; height:89px}
.s_parth{background:url('parthners.gif') 0 100%; width:202px; height:69px}
.s_cond{background:url('conditions.gif') 0 100%; width:151px; height:69px}
/*bottom*/
#menu3{
position: relative;
/*top:253px;*/
width:607px;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
padding-top:340px;
color:white;
}
#menu3 a.none{background:none}
#menu3 ul{ list-style-type: none; padding-left:10px;/*position: absolute; float:left;*/}
/* html div#menu3 ul{margin:0 0 0 -38px;}*/
#menu3 li{ padding:0px;float:left; position:relative; margin:0PX 0PX 0PX 1PX}
#menu3 li ul{display:none; float:left;}
#menu3 li:hover ul{display:block;}
#menu3 a{PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px;PADDING-TOP: 1px; text-transform:none; cursor: pointer; font-weight: bold; font-size: 11px; font-family: "Lucida Grande", "Trebuchet MS", verdana, helvetica, arial, sans-serif; color:white; background:url(toolbar2.gif) no-repeat right}
#menu3 a:hover{ color:red;}
#menu3 ul li ul li{ width:200PX; text-align:left;height:17PX; padding:0PX; margin:0PX }
#menu3 ul li ul li a{ background:NONE; text-decoration:underline; /*white-space:pre; */ color:#FFF; padding:0PX; text-transform:uppercase}
#menu3 ul li ul li a:hover{background:NONE; color:#000}
li.upper ul{
position: absolute;
left:0px; /* IE */
top:-17px;}
li.upper>ul { left:-7px; top:-68px} /* others */
/*hovers with specificity */
li.upper:hover { z-index:10;}
/*news*/
li.uppnews ul{position: absolute; left:-30px; /* IE */top:-15px;}
li.uppnews>ul{ left:-7px; top:-34px} /* others */
/*parthners,company*/
li.upparth ul{ position:absolute;left:-13px; /* IE */ top:-51px;}
li.upparth>ul { left:-7px; top:-51px} /* others */
/*
/*Dvijok*/
/*
Lists
------------------------*/
.link_int li, .link_ext li, .link_dow li { padding:0px; }
.link_int, .link_ext, .link_dow {
list-style-type: none;
padding:5px 0px 10px 0px;
margin:0px;
width: 100%;
overflow:hidden;
}
.link_int li a, .link_ext li a, .link_dow li a {
line-height:1.5em;
padding:3px 0px 3px 14px;
margin: -1px 0px 0px 0px;
list-style: none;
display:block;
border-bottom:1px solid #3F3F3F;
border-top:1px solid #3F3F3F;
text-decoration: none;
white-space: nowrap;
background: transparent;
width: 89%;
}
.link_int li a {
background: url('../img/int.gif');
}
.link_ext li a {
background: url('../img/ext.gif');
}
.link_dow li a {
background: url('../img/dow.gif');
}
.link_int li a, .link_ext li a, .link_dow li a {
background-repeat: no-repeat;
background-position: center left;
cursor: pointer;
}
.link_int li a:hover {
background:#292929 url('../img/int2.gif');
}
.link_ext li a:hover {
background:#292929 url('../img/ext2.gif');
}
.link_dow li a:hover {
background:#292929 url('../img/dow2.gif');
}
.link_int li a:hover, .link_ext li a:hover, .link_dow li a:hover {
background-repeat: no-repeat;
background-position: center left;
border-bottom:1px solid #3F3F3F;
}
a.inta { text-decoration:none; padding-left:1.6em; background:transparent url('../img/inta.gif') -.2em .4em no-repeat; border-bottom:none;}
a.inta:hover { color:#fff; background:transparent url('../img/inta2.gif') 0em .4em no-repeat; cursor:pointer; border-bottom:none;}
.right { float:right; padding-right:20px; position:relative; }
.left { float:left; padding: 15px 15px 15px 0px; position:relative; }
/*
Misc
-------------------------
img { border:none; }
li{ padding:2px 0px}
ul { list-style-type: square; margin:0 0 10px 40px; }
.colleft { float:left; margin:0px 4px 0px 4px; }
.colright { float:right; margin:0px 4px 0px 4px; }
.bar_front { background-color:#EEBB00; border-right:0px solid #333333; padding:0; color:#DDDDDD; height:8px; }
.bar_back { background-color:#EBECF1; border:1px solid #333333; margin:0 7px 0 7px; height:8px; }
.bbcodes a img { border:1px outset #A0A0A0; background-color:#999BAC; }
.smilies a img { border:0; background-color:transparent; }
.today { border:1px dashed #DDAA00; }
.error { color:#fff; font-weight:bold; padding:20px; display:block; background-color: #490808; margin:10px 0;}
.message { color:#fff; text-align:center; padding:20px 0px; font-size:1.8em; }*/
/*
/* ============== Tables ==============
table td { vertical-align:top; }
table.flat { width:100%; margin:0; padding:0; border-collapse:collapse; }
table.flat td { padding:0; margin:0}
table.main { width:100%; margin:0; padding:4px; }
table.main td { padding:4px; }
table.cells { width:100%; margin:0; padding:0; }
table.cells td { padding:5px; background-color:#1D1D1D; margin:1px; }
table.list { width:100%; margin:0; padding:5px; }
table.list td { padding:12px; }*/
/*
Misc
-------------------------*/
img { border:none; }
li{ padding:2px 0px}
ul { list-style-type: square; padding-left:25px;}
.valid { height:48px; text-align:center; vertical-align:middle; }
.download { font-size:110%; text-align:center; background-color: #E8E8E8; padding:16px; margin-top:16px; }
.paging { padding:12px; text-align:left; }
.coltop { text-align:center; font-weight:bold; font-size:1.0em; background-color:#000!important; color:#fff; } /*forum*/
.colname { background-color:#000000!important; text-transform:uppercase; }
.centerall { text-align:center; } /*forum*/
.desc {
font-size:12px;
padding:3px;
color:#000000;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
} /*forum*/
.odd { background-color:#1D1D1D!important; }
.even { background-color:#292929!important; }
.colleft { float:left; margin:0px 4px 0px 4px !important;}
.colright { margin:0px 4px 0px 4px !important;}
.bar_front { background-color:#EEBB00; border-right:0px solid #333333; padding:0; color:#DDDDDD; height:8px; }
.bar_back { background-color:#EBECF1; border:1px solid #333333; margin:0 7px 0 7px; height:8px; }
.bbcodes a img { border:1px outset #A0A0A0; background-color:#999BAC; }
.smilies a img { border:0; background-color:transparent; }
.today { border:1px dashed #DDAA00; }
.error { color:red; padding:0.9em 0; text-decoration:blink }
.message { color:red; text-align:center; padding:20px 0px; }
/* ============== Tables ============== */
table td { /*vertical-align:top;*/ }
table.flat { padding:0; margin:0; width:100%; border-collapse:collapse; }
table.flat td { padding:0; margin:0; }
table.main { padding:4px; margin:0; width:100%; }
table.main td { padding:4px; margin:0; }
table.cells { padding:0; margin:0; width:100%; border: 1px solid #414141; border-top:none; }
table.cells td { padding:10px; margin:0; background-color:none/*#292929*/; border-top: 1px solid #414141; }
table.list { padding:5px; margin:0; width:100%; }
table.list td { padding:12px; }
/*
Forms
-------------------------*/
.submit, .button {
width: 69px;
height: 26px;
color: #FFF;
font-size: 11px;
font-weight: bold;
padding: 2px 5px 1px 5px;
background:url('but.gif') no-repeat left top;
cursor: pointer;
border: none;
}
/*area for search*/
.searchbox {
position:relative; margin:0px; margin-bottom:5px;
padding:10px 0px 5px 0px;
background-color:#0961b0;
}
/*button for search*/
.s_butt {
width: 149px;
height: 33px;
margin:0px;
background:url(search_butt.gif) 0 100%;
border:none
}
.s_butt:hover {background: url(search_butthov.gif);}
.password, .text, select, textarea {
background: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#999999;
padding: 3px 0px 3px 5px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
line-height: 1.4em;
border: 1px solid #414141;
}
.password{
height: 18px;
width: 160px;
}
.text {
height: 16px;
width: 130px;border:inset #0961b0 thin;
}
.password:hover, .text:hover, text:active {
background: #FFFFFF/* #292929*/;
}
label { color: #999; padding-left:1px; }
form { margin:5px 0px; }
/***********
*****/
/* This style only for MCALENDAR plugin */
table.mcalendar { border-collapse:collapse; }
.mcalendar table { background-color:#FFFFFF; font-size: 100%; font-family: tahoma; border-collapse:collapse; }
.mcalendar td { background-color: #D4D1E9; border:1px solid #FFFFFF; vertical-align:middle; text-align:center; }
.mcalendar td.field { width: 20px; height:20px; }
.mcalendar td.future { color: #B0B0B0; width: 20px; height:20px; }
.mcalendar td.today { font-weight:bold; color:green; width: 20px; height:20px; }
.mcalendar td.week { color:#5D7BA7; width: 20px; height:15px; }
.mcalendar td.navigation { background-color:#D4E1E9; }
.mcalendar td.month { background-color:#D4E1E9; }
.mcalendar td.year { background-color:#D4E1E9; }
.mcalendar a { color: #0000FF; text-decoration: underline; font-weight:normal; }
.mcalendar a:hover { color: #0000FF; text-decoration: none; font-weight:bolder; }