html, body {
margin: 0;
padding: 0;
height: 100%; /* íå çàáûâàåì ýòî ñâîéñòâî äëÿ html è body */
background-color: #E6E4E5;
background-image: url(../images/bodyfon.jpg);
background-position: top;
background-repeat: repeat-x;
font-size: 15px;
font-family: Tahoma;
color: #000000;
}
#conteiner {
position: relative;
min-height: 100%; /* ìèíèìàëüíàÿ âûñîòà êîíòåéíåðà, åå ïîíèìàþò âñå áðàóçåðû çà èñêëþ÷åíèåì IE6 */
}
#subconteiner {
margin: 0px 8.3% 0px 8.3%;
padding: 0;
/*min-width: 850px;
width: auto;
width : expression(document.body.clientWidth < 1015 ? "850px" : "auto");
/*width: expression((document.body.clientWidth||document.documentElement.clientWidth) >= 1015 ? 'auto':'850px');*/
}
/* íèæå ôèëüòð * html òàê íàçûâàåìûé CSS õàê, ÷åðåç êîòîðûé ìîæíî çàäàòü ëþáîå ñâîéñòâî ïðåäíàçíà÷åííîå äëÿ IE6 */
* html #conteiner {
height: 100%;
}
#header {
position: relative;
height: 2.5em;
}
/* ýëåìåíò íèæå ïîçâîëÿåò íå íàåçæàòü ïîäâàëó íà êîíòåíò, îí äîëæåí áûòü íå ìåíüøå ïîäâàëà ïî âûñîòå */
.end_content {
position: relative;
height: 8.5em;
/*background-color: Black;*/
clear: both;
}
#footer {
/* background-color:#1C7FFF;*/
color:#000000;
font-size: 11px;
position: relative;
margin-top: -7.5em; /* ñâîéñòâî äîëæíî áûòü ðàâíûì âûñîòå ýëåìåíòà, íå çàáûâàåì ïðî îòðèöàòåëüíîå çíà÷åíèå */
height: 7.5em;
}
/*----------------------*/
#sidebar { /* Ëåâàÿ êîëîíêà */
float: left; /* Îáòåêàíèå ñïðàâà */
/*border: 1px solid blue; /* Ïàðàìåòðû ðàìêè âîêðóã */
width: 250px; /* Øèðèíà êîëîíêè */
/*padding: 5px; /* Ïîëÿ âîêðóã òåêñòà */
padding-right: 4%;
/*margin: 10px 10px 20px 5px; /* Çíà÷åíèÿ îòñòóïîâ */
}
#content { /* Ïðàâàÿ êîëîíêà */
margin-left: 35%;
/*padding-right: 8.3%;*/
/* border: 1px solid #333; /* Ïàðàìåòðû ðàìêè */
/* max-width: 800px;
min-width: 500px;*/
min-width: 500px;
}
#content2 { /* Ïðàâàÿ êîëîíêà */
margin-left: 35%;
/margin-left: 29.3%;
padding-right: 8.3%;
/* border: 1px solid #333; /* Ïàðàìåòðû ðàìêè */
max-width: 800px;
min-width: 500px;
}
#content_index { /* Ïðàâàÿ êîëîíêà */
margin-left: 35%;
min-width: 500px;
}
#lang_layer {
width:92%;
min-width:900px;
/width: 150px;
height:40px;
position:absolute;
/right:8.2%;
top:30px;
z-index:1;
/*background-color: Aqua;*/
text-align: right;
font-size: 10px;
}
#des_layer {
/*width:200px; /*
height:20px;*/
width:83.8%;
min-width:820px;
/width: 150px;
position: absolute;
/right: 8.2%;
z-index:1;
/*background-color: Aqua;*/
text-align: right;
float:left;
}
.ruen2 {position:relative; width:100%; min-width:400px;}
.holder2 {display:block; color:#000;}
* html .ruen2 {}
* html .holder2 {}
a {
color: #0089AD;
text-decoration: underline;
}
a:hover {
color: #0089AD;
text-decoration: none;
}
h2 {
font-size: 24px;
margin: 0px;
font-weight: normal;
}
#collage2 {
background-image: url(../images/fon2.jpg);
background-position: top center;
background-repeat: no-repeat;
height: 280px;
margin-top: -30px;
}
#collage3 {
background-image: url(../images/fon3.jpg);
background-position: top center;
background-repeat: no-repeat;
height: 280px;
margin-top: -30px;
}
#collage4 {
background-image: url(../images/fon4.jpg);
background-position: top center;
background-repeat: no-repeat;
height: 280px;
margin-top: -30px;
}
#collage5 {
background-image: url(../images/fon5.jpg);
background-position: top center;
background-repeat: no-repeat;
height: 280px;
margin-top: -30px;
}
#collage_index {
background-image: url(../images/fon1.jpg);
background-position: top center;
background-repeat: no-repeat;
height: 280px;
margin-top: 80px;
/* border: 1px solid gray;*/
}
#tel {
font-size: 18px;
padding-left: 8px;
}
#menu1 {
background-image: url('../images/menu_gear_1.png');
/background-image: none;
/filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/menu_gear_1.png',sizingMethod='crop');
}
#menu2 {
background-image: url('../images/menu_gear_2.png');
/background-image: none;
/filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/menu_gear_2.png',sizingMethod='crop');
}
#menu3 {
background-image: url('../images/menu_gear_3.png');
/background-image: none;
/filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/menu_gear_3.png',sizingMethod='crop');
}
#menu4 {
background-image: url('../images/menu_gear_4.png');
/background-image: none;
/filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/menu_gear_4.png',sizingMethod='crop');
}
#menu1on {
background-image: url('../images/menu_gear_1on.png');
/background-image: none;
/filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/menu_gear_1on.png',sizingMethod='crop');
}
#menu2on {
background-image: url('../images/menu_gear_2on.png');
/background-image: none;
/filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/menu_gear_2on.png',sizingMethod='crop');
}
#menu3on {
background-image: url('../images/menu_gear_3on.png');
/background-image: none;
/filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/menu_gear_3on.png',sizingMethod='crop');
}
#menu4on {
background-image: url('../images/menu_gear_4on.png');
/background-image: none;
/filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/menu_gear_4on.png',sizingMethod='crop');
}
#menu1on a, #menu2on a, #menu3on a, #menu4on a, .num {
color: #EE5000;
}
.num {
font-size: 11px;
}
.numgray {
color: #777;
font-size: 11px;
}
#sidebar span {
color: #EE5000;
}
#menuwrap {
min-width: 530px;
width: auto;
width : expression(document.body.clientWidth < 1015 ? "532px" : "auto");
padding-top:70px;
/* border: 2px solid orange;*/
}
#menuwrap2 {
min-width: 540px;
width: auto;
width : expression(document.body.clientWidth < 1015 ? "540px" : "auto");
/*border: 2px solid blue;*/
}
#topwrap {
min-width: 850px;
width: auto;
width : expression(document.body.clientWidth < 1015 ? "850px" : "auto");
/* border: 2px solid green; */
}
.menu {
background-position: left top;
background-repeat: no-repeat;
vertical-align: bottom;
padding-top: 13px;
padding-left: 20px;
padding-right: 8%;
/*margin-right: 37px;*/
float: left;
/*border: 1px solid black;*/
}
.menu_last {
background-position: left top;
background-repeat: no-repeat;
vertical-align: bottom;
padding-top: 13px;
padding-left: 20px;
float: left;
}
#leftmenu {
padding-bottom: 15px;
}
#doptext {
padding-top: 25px;
font-size: 12px;
color: #7d7d7d;
}
.doptext_top {
font-size: 12px;
color: #7d7d7d;
}
#spisok {
padding-left: 30px;
}
.send-btn {
width: 74px;
height: 22px;
background: url(../images/subs_eng.gif) no-repeat;
outline: none;
border: 0px;
cursor: pointer;
padding: 0;
}
.send-btn :hover {
background: url(../images/subs_eng.gif) no-repeat;
cursor: pointer;
border: 0px;
}
a.toggler {
text-decoration: none;
border-bottom: 1px dashed #0089AD;
}
/*--------------------INDEX-----------------------*/
#intro {
font-size: 12px;
color: Black;
width: 233px;
/width: 151px;
padding-top: 36px;
}
#news_block {
float: left;
padding-right: 15px;
}
#news_link_last {
padding-top: 33px;
/padding-top: 30px;
width: 90px;
}
#news_link {
padding-left: 20px;
padding-top: 20px;
width: 180px;
}
#news_link a {
font-size: 12px;
}
#news_link_last a {
font-size: 12px;
}
sup {
font-size: 11px;
padding: 5px;
}
#centerLayer {
position: relative;
width: 505px;
height: 110px;
left: 50%;
top: 130px;
margin-left: -230px;
overflow: auto;
}
#content li {
padding-bottom: 22px;
}
#content ul {
list-style-image: url('../images/point_orange.gif');
padding: 0;
margin-left: 20px;
}
#content ul.gray {
list-style-image: url('../images/point_gray.gif');
padding: 0;
margin-left: 20px;
}
.active {
color: #EE5000;
}
#content img {
border: 0px;
}
#sidebar img {
border: 0px;
}
#content ul ul{
list-style-image: url('../images/point_gray.gif');
padding: 0;
margin-left: 20px;
padding-bottom: 0px;
padding-top: 3px;
}
#content li li {
padding-bottom: 0px; /*тут можешь поиграться со значением*/
}