

html, body { margin: 0px; padding: 0px; height: 100%; width: 100%;
font: normal 14px Arial;
width:expression(document.documentElement.clientWidth < 980 ? "980px" : "auto");
min-width: 980px;
background: transparent url('img/picture.gif') no-repeat top right;

}

.olo{ 
width: 100%;
}


.sky{ 
position: relative;
margin: 0px;
padding: 0; 
float: left;
background: transparent url('img/sky.jpg') no-repeat  top left;
height: 268px;
width: 635px;
z-index: 1;
}

.logo{ 
margin-left: 20px;
margin-top: 15px;
padding: 0; 
}

.flags {
position: relative;
top: 0px;
right: 0px;
float: right;
z-index: 2;
width: 340px;
 margin: 0px; padding: 0px; 
}


.flag {
position: relative;
top: 0px;
right: 20px;
float: right;
text-align: center;

}


.flag_vert {
position: relative;
top: 0px;
right: 0px;
float: right;
text-align: center;
margin-top: 8px;
}


.flag a{
color: #02315d;
text-align: center;
font: bolder 14px Arial;
text-decoration: none;
}

.flag a:hover {
color: #5b000d;
}

.flag_vert a{
color: #02315d;
text-align: center;
font: bolder 14px Arial;
text-decoration: none;
}

.flag_vert a:hover {
color: #5b000d;
}


.flag a div {
text-align: center;
font: bolder 14px Arial;
width: 65px;
}


.flag_vert a div {
text-align: center;
font: bolder 14px Arial;
width: 105px;
}

.cl
{
clear: both;
}

a {/* убираем оутлайны в фф */
outline: none;
}

A IMG{/* убираем оутлайны в фф */
outline: none;
border: none;
}

.menu{
position: absolute;
top: 200px;
left: 0px;
z-index: 3;
padding-left: 0px;
padding-right: 0px;
width: 94%;
}

.menu_left{
float: left;
width: 300px;
padding-left: 15px;
padding-bottom: 140px;
}

.content{
margin-left: 330px;
}


.submenu2_url {/* ссыла с маркеро-стрелочкой */
background: url('img/triangle.gif') no-repeat;
margin-left:14px;
}

.submenu2_url  div {
margin-left: 20px;
margin-bottom: 4px;
line-height: 0px;
}

.submenu2_url  div a {
text-decoration: underline;
color: #02315d;
font: bold 14px Arial;
text-decoration: none;
}

.submenu2_url div a:hover {
color: #5b000d;
}


.submenu1_url {/* ссыла с маркеро-кружочком */
background: url('img/circle.gif') no-repeat;
margin-left: 33px;
}

.submenu1_url  div {
margin-left: 20px;
margin-bottom: 4px;
line-height: 0px;
}

.submenu1_url  div a {
text-decoration: underline;
color: #02315d;
font: bold 13px Arial;
text-decoration: none;
}

.submenu1_url div a:hover {
color: #5b000d;
}

h1
{
 margin: 0px; padding: 0px;
font: bold 16px Arial;
padding-right: 200px;
padding-left: 10px;
color: #5b000d;
padding-bottom: 10px;
}

p
{
text-indent: 10px;
 margin: 0px; padding: 0px;
padding-bottom: 5px;
padding-right: 120px;
}


.footer_tt {
padding-left: 0px;
padding-right: 0px;
height: 175px;
width: 106%;
position: absolute;
background: transparent url('img/footer_back.jpg') repeat-x top left;
}


.hpi_info
{
padding-top: 100px;
padding-left: 4px;
float: left;
color: #02315d;
font: normal 14px Arial;
width: 300px;
}

.info
{
text-align: center;
color: #02315d;
font: normal 12px Arial;
padding-right: 50px;
}

.contacts_footer1 {/* первая колонка в футере */
padding:0; margin:0;
float: left;
padding-top: 80px;
padding-left: 15px;
}

.contacts_footer2 {/* вторая колонка в футере */
float: left;
}

.contacts_footer3 {/* баннеры в футере */
width: 220px;
height: 70px;
margin-top: 36px;
margin-right: 0px;
float: right;
}

.nomarg
{
text-indent: 0px;
 margin: 0px; padding: 0px;
padding-bottom: 5px;
padding-right: 120px;
}

ul

{
text-indent: 0px;
padding-bottom: 5px;
padding-right: 120px;
}
