/* CSS Document */

body, div, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, img, form, fieldset, blockquote {
margin:0px;
padding:0px;
border:0px;
}

h1 {
font-size: 24px;
font-family: trebuchet ms;
font-style: italic;
color: #007ebc;
margin-top: 14px; }

body {
font-family: arial, tahoma, sans-serif;
font-size: 12px;
}

ul {
list-style: none;
}



#staff {
min-width: 990px;
max-width: 1280px;
margin: 0 auto;
}

#back_up {
width: 100%;
height: 24px;
background: url(img/border_bg.jpg) repeat-x top;
-background: #fff;
}

.background_left_up {
position: relative;
top: 0px;
left: 0px;
}

.background_right_up {
position: relative;
top: 0px;
right: 0px;
float: right;
}

#back_down {
width: 100%;
height: 24px;
background: url(img/border_bg_down.jpg) repeat-x bottom;
-background: #fff;
}

.background_left_down {
position: relative;
top: 0px;
left: 0px;
}

.background_right_down {
position: relative;
top: 0px;
right: 0px;
float: right;
}

#wrapper {
width: 98%;
height: 100%;
float: left;
display: inline;
margin: 10px;
background: #ffffff url(img/border_bg_right.jpg) repeat-y right;
-background: #fff;
}

#left_block {
width: 29px;
height: 1600px;
float: left;
background: url(img/border_bg_left.jpg) repeat-y left;
-background: #fff;
}

*html #wrapper {
width:expression(((document.documentElement.clientWidth ||?
document.body.clientWidth) < 1013) ? '1013px' : ?
((document.body.clientWidth > 1280) ? '1280px' : '100%'));
}

/* --- header --- */

#header {
width: 98%;
height: 534px;
margin: 0 auto;

}

#header_up {
width: 100%;
height: 61px;
margin-top: 25px;
}

#logo {
width: 209px;
height: 61px;
float: left;
display: inline;
margin-left: 27px;
}

#phone {
width: 212px;
height: 53px;
margin: 0 auto;
font-family: arial;
font-style: italic;
color: #3a3737;
background: url(img/podl_phone.jpg) no-repeat;
}


*html #phone {
margin-left: 19%;
float: left;
} /* for IT6 support */

p.phone_up {
margin: 8px 10px 0 38px;
font-size: 12px;
float: left;
display: inline;
}
p.phone_down {
font-size: 20px;
font-weight: bold;
}

.phone_down small {
font-size: 12px;
float: left;
margin: 2px 3px 0px 38px;

}


#header_down {
width: 100%;
-height: 0px;
}

#header_left {
width: 25%;

float: left;
margin-left: 8px;
margin-right: 10px;
}


#header_center {
width: 25%;
margin-left: 10%;
float: left;
}

*html #header_center {
width: 21%;
margin-left: 11%;
float: left;
}

#header_center img {
float: right;
margin-bottom: 5px;
}


#header_right {
width: 20%;
float: right;
margin-right: 5px;
display: inline;
}

#header_right img {
float: left;
margin-bottom: 5px;
}

#main-menu {list-style:none;}
#main-menu li {float:left;width:32%;text-align:center;}

/* --- content --- */

#content {
width: 100%;
height: 900px;
margin: 0 auto;
}

#content_left {
width: 238px;
float: left;
display: inline;
margin-left: 20px;
}

.empty1 {
height: 40px;
}

#sidebar {
width: 238px;
height: 347px;
}

#sidebar ul {
margin-left: 8px;
}

.these {
height: 24px;
margin: 7px 0 0 0px;
background: #21a1da;
font-style: italic;
background: url(img/sidebar_but.jpg) no-repeat;
}

.these a {
color: #ffffff;
text-decoration: none;
margin-left: 25px;
margin-top: 4px;
float: left;
}

.these a:hover {
color: #07648d;
text-decoration: underline;
}

.pad {
margin-left: 25px;
margin-top: 5px;
font-size: 12px;
font-style: italic;
color: #07648d;
line-height:2.0;
}

.pad a {
color: #07648d;
}

.pad:hover {
color: #54b8e4;
text-decoration: none;
}

.pad1 {
margin-left: 25px;
margin-top: 5px;
font-size: 12px;
font-style: italic;
color: #07648d;
line-height:2.0;
}

.pad1:hover {
color: #54b8e4;
text-decoration: none;
}

.pad2 {
margin-left: 25px;
margin-top: 5px;
font-size: 12px;
font-style: italic;
color: #07648d;
line-height:2.0;
}
.pad2:hover {
color: #54b8e4;
text-decoration: none;
}


.pad3 {
margin-left: 25px;
margin-top: 5px;
font-size: 12px;
font-style: italic;
color: #07648d;
line-height:2.0;
}

.pad3:hover {
color: #54b8e4;
text-decoration: none;
}


.pad4 {
margin-left: 25px;
margin-top: 5px;
font-size: 12px;
font-style: italic;
color: #07648d;
line-height:2.0;
}

.pad4:hover {
color: #54b8e4;
text-decoration: none;
}


.pad5 {
margin-left: 25px;
margin-top: 5px;
font-size: 12px;
font-style: italic;
color: #07648d;
line-height:2.0;
}

.pad5:hover {
color: #54b8e4;
text-decoration: none;
}

.pad6 {
margin-left: 25px;
margin-top: 5px;
font-size: 12px;
font-style: italic;
color: #07648d;
line-height:2.0;
}

.pad6:hover {
color: #54b8e4;
text-decoration: none;
}


.pad7 {
margin-left: 25px;
margin-top: 5px;
font-size: 12px;
font-style: italic;
color: #07648d;
line-height:2.0;
}

.pad7:hover {
color: #54b8e4;
text-decoration: none;
}


.pad8 {
margin-left: 25px;
margin-top: 5px;
font-size: 12px;
font-style: italic;
color: #07648d;
line-height:2.0;
}

.pad8:hover {
color: #54b8e4;
text-decoration: none;
}

.pad9 {
margin-left: 25px;
margin-top: 5px;
font-size: 12px;
font-style: italic;
color: #07648d;
line-height:2.0;
}

.pad9:hover {
color: #54b8e4;
text-decoration: none;
}

.norm {
font-size: 14px;
font-family: trebuchet ms;
margin-top: 16px;
}

.norm a {
color: #000000;
}

.norm  a:hover {
text-decoration: none;
color: #8a8a8a;
}

#news {
padding-top:100px;
width: 238px;
float: left;
font-family: trebuchet ms;
font-style: italic;
}

#news h3 {
font-size: 24px;
font-weight: bold;
color: #007ebc;
float: left;
display: inline;
margin: 25px 0 0 8px;
}

#news a {
color: #007ebc;
}

#news a:hover {
color: #54b8e4;
text-decoration: none;
}

.data {
font-size: 12px;
font-style: italic;
color: #969696;
}

.news_block {
width: 173px;
float: left;
display: inline;
margin: 12px 0 0 8px;
}

#content_right {
width: 63%;

float: right;
display: inline;
margin-right: 47px;
}

#content_right h1 {
font-size: 24px;
font-family: trebuchet ms;
font-style: italic;
color: #007ebc;
margin-top: 14px;
}

#content_right h2 {
font-size: 24px;
font-family: trebuchet ms;
font-style: italic;
color: #007ebc;
margin-top: 14px;
}

#content_right h3 {
font-size: 24px;
font-family: trebuchet ms;
font-style: italic;
color: #007ebc;
margin-top: 14px;
}

#content_right h4 {
font-size: 18px;
font-family: trebuchet ms;
font-style: italic;
color: #27a8e0;
margin-top: 10px;
}

.txt {
font-size: 12px;
color: #191919;
margin-top: 12px;
line-height: 17px;
}

.txt_long {
font-size: 12px;
color: #191919;
margin-top: 35px;
line-height: 17px;
}

#map {
width: 642px;
height: 140px;
background: url(img/map.jpg) no-repeat;
margin-top: 48px;
margin-bottom: 25px;
}

#map input {
border: none;
font-size: 12px;
font-family: trebuchet ms;
color: #202020;

}

#map_up {
width: 553px;
height: 65px;
float: left;
display: inline;
margin: 0px 0 0 17px;
}


#map_up .select1 {
width: 190px;
height: 21px;
float: left;
display: inline;
margin: 5px 0 0 0px;
font-size: 12px;
color: #202020;
}

#map_down .select2 {
width: 190px;
height: 21px;
float: left;
display: inline;
margin-top: 0px;
font-size: 12px;
color: #202020;
}

#map_up .select3 {
width: 130px;
height: 21px;
float: left;
display: inline;
margin: 5px 0 0 23px;
font-size: 12px;
color: #202020;
}

#map_up .select5 {
width: 130px;
height: 21px;
float: left;
display: inline;
margin: 5px 0 0 21px;
font-size: 12px;
color: #202020;
}



#map_down {
width: 600px;
height: 53px;
float: left;
display: inline;
margin: 10px 0 0 17px;
}

#map_down p {
font-family: trebuchet ms;
}

.map_auto {
font-size: 13px;
float: left;
color: #191c1e;
display: inline;
margin: 20px 0 0 0px;
}

.map_time {
font-size: 13px;
float: left;
color: #191c1e;
display: inline;
margin: 20px 0 0 141px;
}

.map_numb {
font-size: 13px;
float: left;
color: #191c1e;
display: inline;
margin: 20px 0 0 75px;
}

.map_prop {
font-size: 13px;
float: left;
color: #191c1e;
display: inline;
}

.map_rasst {
font-size: 13px;
float: left;
color: #191c1e;
display: inline;
margin-left: 65px;
}

.map_coin {
font-size: 13px;
float: left;
color: #191c1e;
display: inline;
margin-left: 30px;
}

#map_down .input5{
width: 37px;
height: 19px;
float: left;
border: 1px solid #696969;
display: inline;
margin: -1px 0 0 23px;
font-size: 12px;
color: #202020;
}

p.map_red {
font-size: 18px;
color: #bd1313;
font-weight: bold;
float: left;
display: inline;
margin: 0 0 0 112px;
}

#map_down .but {
width: 117px;
height: 23px;
float: left;
display: inline;
margin-left: 30px;
}


/* --- footer --- */

#footer {
width: 90%;
height: 116px;
border-top: 3px solid #e8e8e8;
margin: 0 auto;
font-family: trebuchet ms;
}

#footer_left {
width: 360px;
height: 60px;
float: left;
display: inline;
margin: 25px 5% 0 0;
}

#footer_left ul li {
float: left;
margin-right: 10px;
display: inline;
font-size:  11px;
}

#footer_left ul li a {
color: #007ebc;
}

#footer_left ul li a:hover {
color: #54b8e4;
text-decoration: none;
}

#footer_left p {
font-size: 12px;
color: #7d7e7e;
float: left;
display: inline;
margin-top: 15px;
}

#footer_right {
width: 260px;
height: 60px;
float: right;
display: inline;
margin-top: 25px;
}

.grey {
color: #7d7e7e;
font-size: 12px;
text-align: right;
}

.blue {
color: #007ebc;
font-size: 12px;
text-decoration: underline;
text-align: right;
}