html { height: 100% }
body {
background: #FFF;
margin: 0; padding: 0;
color: #424242;
font-size: 75%; /* 69%=11px 75%=12px */
font-family: tahoma, arial, sans-serif;
}
body.pages { background: url(../images/i/bg.gif) #FFF 0 0 repeat-x; height: 100%; }
body.popup { padding: 2px 2px 1px 2px; }
a { color: #F00 }
a:hover { color: #517E8D }
img { border: none; }
h1, h2, h3, h4 { clear: both; }
h1 { margin: 0 0 10px 0; padding: 0; color: #000; font-size: 1.6em; font-weight: normal; }
h2 { margin: 0 0 10px 0; padding: 0; color: #000; font-size: 1.3em; font-weight: bold; }
h3 { margin: 0 0 5px 0; padding: 0; clear: both; color: #0F1417; font-size: 1.2em; font-weight: bold; font-family: arial, tahoma, sans-serif; }
h4 { margin: 0 0 5px 0; padding: 0; color: #434343; font-size: 1.1em; font-weight: bold; }
p { margin: 5px 0 15px 0; padding: 0 }
blockquote {
border-left: 2px dotted #B9CBD1;
margin: 5px 0 10px 15px; padding-left: 10px;
display: block;
}
em { color: #F00; font-style: normal; }
dl { margin: 5px 0 10px 0; padding: 0; }
dl dt { margin: 0; padding: 0; font-weight: bold; }
dl dd { margin: 0 0 7px 10px; padding: 0; color: #808080; }
/*-------------------- markers, lines and some elements ----------------------*/
h1.line1 { background: url(../images/i/lines/red.gif) 0 100% repeat-x; }
h1.line2 { background: url(../images/i/lines/trqs.gif) 0 100% repeat-x; }
br.clear, div.clear { clear:both; font-size:0; }
/*-------------------------------- structure ---------------------------------*/
#structure { background:url(../images/i/footer/shadow-l.gif) 0 100% no-repeat; width:100%; height:100% }
#structure .structure { background:url(../images/i/footer/shadow-r.gif) 100% 100% no-repeat; padding:0 50px; width:100%; height:100%; }
#page { background:url(../images/i/lines-bg.gif) 0 0 repeat; width:100%; height:100%; }
#page td.page-top { vertical-align:top; }
#page td.page-bot { background:url(../images/i/footer/bg.gif) 0 100% repeat-x; vertical-align:bottom; }
/*---------------------------------- head ------------------------------------*/
#head {
position:absolute; top:0; left:0; z-index:10;
background: url(../images/i/head/bg.gif) 0 0 repeat-x;
width:100%; min-width:910px; height:133px;
color:#FFF;
}
#head div.head-w1 { background:url(../images/i/head/bg.jpg) 100% 0 no-repeat; height:133px; }
#head div.head-w2 { background:url(../images/i/head/bg_left.gif) 0 0 no-repeat; height:133px; }
#head h1 { padding-right:260px; float:right; color:#fff; font-size:2em; visibility:hidden; }
#head div.logo { background: url(../images/i/head/headline.gif) 0 32px repeat-x; }
#head table.head { width:100%; height:124px; }
#head table.head td.head-left { padding:20px 0 0 75px; width:40%; vertical-align:top; }
#head table.head td.head-right { padding:0; width: 60%; vertical-align:center; }
#head table.head-menu { margin-bottom:25px; width:100%; }
#head table.head-menu td { text-align:right; }
#head table.head-menu td.img { text-align:left; }
#head table.head-menu td.img img { margin-right:10px; }
#head-spacer { width:810px; height:153px; }
/*------------------------------- languages ----------------------------------*/
#lang { position:absolute; top:93px; left:75px; z-index:1000; width:450px; font-weight:bold; font-size:0.9em; }
#lang span { border-right:#95A6C5 1px solid; padding-right:7px; display:block; }
#lang span.nobrdr { border:none; }
#lang span img { margin-right:3px; vertical-align:middle; }
#lang ul { margin:0; padding:0; color:#09395D; }
#lang li { margin:0 7px 0 0; padding:0; list-style:none; text-transform:lowercase; float:left; }
#lang ul ul {
position:absolute; z-index:1000;
margin:0; padding:5px 5px 0 5px; clear:both;
background:#FFF;
border:#BACCD2 1px solid;
width:100px;
color:#676363;
}
#lang li li {
margin:0; padding:0 0 5px 0;
clear:both;
width:100%;
text-transform:uppercase;
font-size:0.9em;
}
#lang li li.brdr { border-bottom:#D6D5D5 1px solid; margin-bottom:5px; }
#lang .hide { display:none; }
#lang .show { display:block; }
#lang a, #lang a:link, #lang a:visited { color:#09395D; font-weight:normal; }
#lang a:hover { color:#FF0000; font-weight:normal; }
#lang a:active { color:#09395D; font-weight:normal; }
#lang li li a, #lang li li a:link, #lang li li a:visited { color:#676363; text-decoration:none; }
#lang li li a:hover { color:#FF0000; text-decoration:underline; }
#lang li li a:active { color:#676363; text-decoration:none; }
/*--------------------------------- footer -----------------------------------*/
#footer { color:#9d9fa2; font-size:11px; }
#footer td { vertical-align:top; }
#footer td.copyright {
background:url(../images/i/footer/line1px.gif) 0 3px repeat-x;
padding:42px 20px 42px 44px;
width:25%;
white-space:nowrap;
}
#footer td.banners {
background:url(../images/i/footer/line1px.gif) 0 3px repeat-x;
padding:42px 0;
width:50%;
text-align:center;
}
#footer td.banners div.spacer { position:relative; z-index:10; }
#footer td.banners div.spacer div {
position:absolute; right:0; top:-42px; z-index:1;
background:url(../images/i/footer/line4px.gif) 0 0 repeat-x;
width:48%; height:4px;
}
#footer td.tv {
background:url(../images/i/footer/line4px.gif) 0 0 repeat-x;
padding:42px 20px 42px 20px;
width:25%;
text-align:right;
}
/*---------------------------------- blocks ----------------------------------*/
#cross-link { margin:5px 0 18px 9px; background:#eaeaea; width:304px; }
#cross-link a { color:#FFF; }
#cross-link a:hover { color:#E4EBED; }
#cross-link div {
position:relative; top:-3px; left:-3px; z-index:1;
background:#a6bcc3;
border:1px solid #99a8ad;
padding:8px 10px;
}
#cross-link span {
background:url(../images/i/mrk/mrk3.gif) 0 0.36em no-repeat;
padding-left:15px;
display:block;
font-size:14px; font-weight:bold;
}
#intro { padding:0 30px; }
#intro table.intro td { vertical-align:top; line-height:1.43em; }
#intro table.intro td.intro-content { padding:0 40px 28px 0; width:70%; }
#intro table.intro td.intro-side { padding:7px 0 28px 0;width:30%; }
#contacts {
position:relative; left:-7px; z-index:10;
background:url(../images/i/contacts/shadow-l.gif) 0 100% no-repeat;
margin-bottom:43px;
color: #000;
}
#contacts td { background:url(../images/i/contacts/shadow-r.gif) 100% 100% no-repeat; padding-bottom:4px; }
#contacts td img { margin-right:5px }
#contacts td h1 { margin:0; padding-bottom:10px; font-size:18px; }
#contacts td table { font-size:11px; }
#contacts td table th { padding:0 25px 5px 0; text-align:left; font-weight:bold; vertical-align:top; }
#contacts td table td { background:none; padding:0 25px 5px 0; vertical-align:top; }
#contacts div.contacts-w { background:#ECF1F4; position:relative; z-index:10; }
#contacts div.contacts-top {
position:absolute; top:-10px; left:-12px; z-index:100;
background:url(../images/i/contacts/staple.png) 0 0 no-repeat;
width:39px; height:32px
}
#contacts div.contacts-bot {
position:absolute; right:12px; z-index:100;
background:url(../images/i/contacts/phone.png) 0 0 no-repeat;
margin-top:-109px;
width:86px; height:133px
}
#contacts div.contacts-mid { padding:8px 70px 10px 35px; }
/*--------------------------------- content ----------------------------------*/
.content img { border: #FF954A 1px solid; }
.nobrdr img { border: none; }
.content ul { margin: 5px 0 15px 10px; padding: 0; }
.content ul li {
background: url(../images/i/mrk/mrk4.gif) 0 0.4em no-repeat;
margin: 0 0 5px 0; padding: 0 0 0 10px;
list-style: none;
}
.content ol { margin: 10px 0 15px 20px; padding: 0; }
.content ol li { margin: 0 0 5px 0; padding: 0; }
.content ol ul li { margin: 0 0 5px 0; padding: 0 0 0 10px; }
.content table.table { border-collapse: collapse; border: #B9CBD1 1px solid; }
.content table.table td { border: #B9CBD1 1px solid; padding: 5px; }
.content table.table th { background-color: #F1F1F1; border: #B9CBD1 1px solid; padding: 5px; }
.content table.table caption { padding: 2px 0; text-align: right; }