* {
margin:0;
padding:0;
}
html {
height:100%;
}
body {
behavior:url("js/csshover.htc");
text-align:left;
position:relative;
min-height:100%;
background: url(../images/body_bg.jpg) 0 0 repeat-x #136017;
min-width:1000px;
}
* html body {
height:100%;
width: expression(((document.documentElement.clientWidth || document.clientWidth) < 1000)? "1000px" : "100%");
}
* html div {
height:1px;
}
body, input, select, textarea {
color:black;
font:11px Tahoma, sans-serif;
}
a {
color:#11860F;
text-decoration:underline;
}
a:hover {
text-decoration:none;
}
img, table {
border:none;
}
table {
border-collapse:collapse;
}
td, th {
vertical-align:top;
text-align:left;
font-weight:normal;
}
ul {
list-style:none;
}
h2 {
background:url(../images/title_bg_blue.gif) 0 0 no-repeat;
height:26px;
margin-bottom:15px;
}
h2 span {
background:url(../images/title_bg_blue.gif) 100% 0 no-repeat;
display:block;
height:26px;
line-height:22px;
position:relative;
left:5px;
padding:0 15px;
color:white;
font-weight:bold;
font-size:11px;
}
h2 span:first-letter {
color:#75CB4C;
font-size:16px;
}
h3 {
background:url(../images/title_bg_green.gif) 0 0 no-repeat;
height:26px;
margin-bottom:15px;
}
h3 span {
background:url(../images/title_bg_green.gif) 100% 0 no-repeat;
display:block;
height:26px;
line-height:22px;
position:relative;
left:5px;
padding:0 15px;
color:white;
font-weight:bold;
font-size:11px;
}
h3 span:first-letter {
color:#75CB4C;
font-size:16px;
}
h4 {
font-size:11px;
color:#11860F;
margin-bottom:10px;
}
h5 {
font-size:11px;
color:#CC4935;
margin-bottom:10px;
}
p {
margin-bottom:10px;
}
/*
Памятка по использованию селекторов browserCSSdetector.js:
Селекторы ОСи:
.win - Windows
.linux - Linux
.mac - MacOS
Селекторы браузеров:
.ie - все версии ИЕ
.ie8 - ИЕ 8.х
.ie7 - ИЕ 7.x
.ie6 - ИЕ 6.x
.ie5 - ИЕ 5.x
.gecko - все версии фаерфокса, и остальные гекко-браузеры
.ff2 - фаерфокс 2
.ff3 - фаерфокс 3
.opera - все версии оперы
.opera8 - опера 8.x
.opera9 - опера 9.x
.konqueror - konqueror
.safari - сафари
Приоритеты на примере ФФ3:
1 .win.ff3 #id{background: #aaa}
2 .win.gecko #id{background: #f00}
3 .ff3 #id{background:#333}
4 .gecko #id{background:#00f}
5 .win #id{background: #ff0}
*/
.siteFrame {
background:white;
margin:0 35px;
}
.headerBg {
height:289px;
position:relative;
z-index:1;
}
.headerBg .lBg {
float:left;
width:50%;
background: url(../images/header_l.jpg) 0 0 repeat-x;
height:289px;
}
.headerBg .rBg {
float:right;
width:49%;
background: url(../images/header_r.jpg) 0 0 repeat-x;
height:289px;
}
.headerBg .mBg {
background:url(../images/header_m.jpg);
width:929px;
position:absolute;
top:0;
left:50%;
margin-left:-460px;
height:289px;
}
.header {
height:180px;
position:relative;
margin:-289px 0 0 0;
z-index:5;
}
.header .logo {
position:absolute;
top:15px;
left:21px;
}
.header .logo img {
background:url(../images/logo.png);
//background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/logo.png, sizingMethod=crop);
width:161px;
height:198px;
}
.header .siteMenu {
position:absolute;
width:160px;
right:36px;
top:40px;
}
.header .siteMenu li {
background:url(../images/bullet_01.gif) 0 4px no-repeat;
padding-left:15px;
margin-bottom:7px;
}
.header .siteMenu li a {
display:block;
text-transform:uppercase;
text-decoration:none;
color:#002B47;
font-size:10px;
background:url(../images/separator_01.gif) 0 100% repeat-x;
padding-bottom:9px;
font-weight:bold;
}
.header .siteMenu li a:hover {
color:#11860F;
}
.header .phones {
color:#067F00;
font-size:18px;
position:absolute;
top:80px;
left:240px;
}
.content {
overflow:hidden;
position:relative;
z-index:10;
clear:both;
top:-105px;
margin-bottom:-105px;
padding-bottom:40px;
}
.ie6 .content {
overflow:visible;
top:0;
margin-bottom:0;
}
.ie7 .content {
padding-top:105px;
margin-bottom:-45px;
}
.content .leftCol {
float:left;
width:170px;
padding:45px 0 0 45px;
}
.content .rightCol {
float:right;
width:151px;
padding:0 36px 0 0;
}
.content .middCol {
margin:0 210px 0 240px;
}
.content .leftCol .sections {
margin-left:-11px;
margin-bottom:20px;
font-size:12px;
}
.content .leftCol .sections li {
background:url(../images/bullet_02.gif) 0 4px no-repeat;
padding-left:11px;
margin-bottom:6px;
}
.content .leftCol .sections li.active {
background:url(../images/bullet_03.gif) 0 4px no-repeat;
}
.content .leftCol .sections li a {
display:block;
text-decoration:none;
background:url(../images/separator_02.gif) 0 100% repeat-x;
padding-bottom:7px;
color:#002B47;
}
.content .leftCol .sections li a:hover {
color:#11860F;
}
.content .leftCol .sections li.active a {
color:#11860F;
}
.content .leftCol .contacts {
}
.content .leftCol .contacts strong {
display:block;
color:#6B7F94;
margin-bottom:6px;
}
.content .leftCol .contacts strong:first-letter {
color:#067F00;
font-size:16px;
}
.content .middCol .newsList {
}
.content .middCol .newsList .item {
margin-bottom:20px;
}
.content .middCol .newsList .item span {
height:19px;
display:block;
margin-bottom:10px;
}
.content .middCol .newsList .item span i {
background:#8798AB;
padding:0 10px;
font-weight:bold;
font-style:normal;
margin-right:15px;
display:inline-block;
vertical-align:middle;
height:19px;
line-height:19px;
color:white;
}
.content .middCol .newsList .item b {
font-weight:normal;
display:block;
background:url(../images/separator_02.gif) 0 100% repeat-x;
}
.content .middCol .newsList .item b a {
position:relative;
top:3px;
background:white;
padding-right:10px;
}
.content .rightCol .timetable {
margin-bottom:30px;
}
.content .rightCol .timetable li {
margin-bottom:2px;
}
.content .rightCol .timetable li span {
float:right;
color:#11860F;
}
.blockType01 {
border:dashed 1px #BAC5D5;
padding:10px;
}
.blockType01 .phones {
}
.blockType01 .phones li {
color:#002B47;
background:url(../images/bullet_02.gif) 0 4px no-repeat;
padding-left:12px;
margin-bottom:4px;
}
.footer {
height:30px;
background:#E2E4E8;
}
.footer .copy {
float:right;
width:187px;
color:#8F94A0;
line-height:30px;
}
.dataType1 {
width:100%;
border:solid 1px #AFBCCA;
}
.dataType1 table {
width:100%;
}
.dataType1 th, .dataType1 td {
vertical-align:middle;
text-align:center;
padding:10px 15px;
}
.dataType1 th {
background:#DCE8EC;
border-left:solid 1px white;
border-bottom:solid 1px white;
}
.dataType1 .title th {
background:#8798AB;
font-weight:bold;
color:white;
height:20px;
}
.dataType1 .title th i {
display:block;
font-style:normal;
font-weight:normal;
}
.dataType1 td {
border-bottom:solid 1px #DCE8EC;
}
.dataType1 .fCol {
text-align:left;
border-left:none;
}