html,body {
width:100%;
height:100%;
padding:0;
margin:0;
}
html {
font:12px arial,tahoma,verdana,sans-serif;
}
body {
color:#000000;
background:#fff;
}
p {
margin:0 0 12px 0;
}
ul {
padding:0;
margin:0 0 12px 0;
list-style:none;
font-size:12px;
}
ul li {
padding:0 0 0 32px;
background:url('../_images/ico/li.gif') no-repeat 10px 7px;
}
a, a:link{
color:#0038ab;
text-decoration:underline;
}
a:hover {
color:#f00;
}
a:focus,a:active {
outline:none;
}
a img {border:none;}
address {font-style:normal;}

h1,h2,h3,h4,h5,h6 {
margin:0;
font-family:arial,tahoma,verdana,sans-serif;
font-weight:normal;
}

em, i {
margin:0 0 .7em 0;
font:bold 14px arial,tahoma,verdana,sans-serif;
display:block;
color:#0038ab;
}
h2 {
margin:0 0 .7em 0;
font:bold 14px arial,tahoma,verdana,sans-serif;
display:block;
color:#0038ab;
}
h1 {
margin:0 0 15px 0;
font-size:22px;
color:#0038ab;
font-weight: normal;
}
 .leftcol h2, .rightcol h2, .centercol h2 {
margin:0 0 6px 0;
font-size:22px;
color:#0038ab;
font-weight: normal;
}




table {
width:100%;
border-bottom:4px solid #eeeeee;
border-collapse:collapse;
margin:3px 0;
}
table td {
padding:1px 10px;
border-top:1px solid #bbbbbb;
border-bottom:1px solid #bbbbbb;
font:11px tahoma,arial,verdana,sans-serif;
color:#444444;
}
.m_table table td strong {
width:100%;
padding:1px 10px;
margin:0 -10px;
display:block;
font:11px arial,tahoma,verdana,sans-serif !important;
background:#eeeeee !important;
}



form,fieldset {
padding:0;
margin:0;
border:none;
display:block;
overflow:hidden;
}
label {
padding:2px 1px;
overflow:hidden;
position:relative;
font:11px tahoma,arial,verdana,sans-serif;
color:#8a8a8a;
}
input.text,textarea {
padding:1px 2px;
margin:0px;
border:1px solid #bbb;
position:relative;
font:12px arial,arial,verdana,sans-serif;
color:#8a8a8a;
background:#fff;
}
input.submit {
border:1px solid #bbb;
overflow:hidden;
cursor:pointer;
display:block;
font:bold 12px tahoma,arial,verdana,sans-serif;
color:#8a8a8a;
background:#e4e4e4;
}




#wrap {
width:100%;
min-width:980px;
min-height:100%;
position:relative;
background:url('../_images/wrap.jpg') no-repeat 100% 0;
}
.both {
width:100%;
clear:both;
overflow:hidden;
}
.clear {
width:100%;
height:1px;
clear:both;
overflow:hidden;
}
#spacer {
width:100%;
height:250px;
clear:both;
overflow:hidden;
}

/* ---------------------------------- подвал */
#footer {
width:100%;
height:240px;
overflow:hidden;
position:absolute;
bottom:0px;
left:0px;
background:url('../_images/footer.jpg') no-repeat 0 100%;
}
#contacts {
width:665px;
height:106px;
margin:0 0 0 -320px;
position:absolute;
top:130px;
left:50%;
background:url('../_images/contacts.png') no-repeat 0 0;
}
#contacts address {
display:block;
position:absolute;
cursor:default;
font:12px/20px tahoma,arial,verdana,sans-serif;
color:#2e2e2e;
}
#contacts address.left {
width:275px;
height:55px;
top:20px;
left:9px;
}
#contacts address .small {
margin:1px 0 0 2px;
display:block;
font:11px tahoma,arial,verdana,sans-serif;
}
#contacts address .small .blue {color:#0037d5;}
#contacts address .small .red {color:#f00;}
#contacts address.right {
width:260px;
height:55px;
top:20px;
left:402px;
}
#author {
position:absolute;
top:185px;
right:5%;
}
#counter {
width: 90px;
height: 70px;
margin:0 -10px 0 0;
position:absolute;
top:115px;
right:5%;
}
#counter img {
	padding-bottom:3px;
	}
#author img {display:block;}

/* ---------------------------------- шапка */
#header {
width:100%;
height:315px;
position:relative;
overflow:hidden;
}
#logo {
position:absolute;
top:25px;
left:5%;
}
#menu {
width:34%;
position:absolute;
jtop:130px;
top:120px;
left:10%;
overflow:hidden;
font-size:16px;
}
#menu li {
width:49%;
padding:0 0 7px 0;
float:left;
overflow:hidden;
background:url('../_images/ico/menu.gif') no-repeat 7px 7px;
}
#menu li a {
position:relative;
left:20px;
display:block;
float:left;
}

/*
#phone {
width:132px;
height:85px;
position:absolute;
top:42px;
right:3%;
background:url('../_images/phone.png') no-repeat 0 0;
}*/
#phone {
    background: url("../_images/phone2.png") no-repeat scroll 0 0 transparent;
    height: 140px;
    position: absolute;
    right: 20px;
    top: 15px;
    width: 150px;
}

/* ---------------------------------- контент */
#indexpage {
width:91%;
margin:0 0 0 5%;
border:0px;
position:relative;
}
#indexpage td.leftcol,#indexpage td.centercol,#indexpage td.rightcol {
width:28%;
padding:0 20px;
border:0px;
font:12px arial,tahoma,verdana,sans-serif;
color:#000000;
vertical-align:top;
}
#indexpage td.rightcol .m_text {
font-size:12px;
color:#2a2a2a;

}

.balance {padding:50px 0 0 0;}
.balance img {display:block;}

.m_text {
	margin-bottom:20px;
	}



#content {
width:80%;
margin:0px;
border:0px;
position:relative;
margin-left:10%;
}
#content td#left,#content td#right {
padding:0px;
border:0px;
font:11px arial,tahoma,verdana,sans-serif;
color:#000000;
vertical-align:top;
}
#content td#left {
width:66%;
}
#content td#right {
width:24%;
padding:5px 0 0 70px;
}

#content td#left .m_text {
	color: black;
	font-size:12px;
	}

.m_text ul li, .m_text ol li {
	}
	
.adv {
	padding: 5px;
	text-align: center;
	}

.adv a, .adv a:hover {

	color: #888888;
	}	
	
/*top-menu*/	
.top_menu {
    left: 75px;
    position: absolute;
    top: 210px;
    width: 535px;
	
}

.top_menu > ul > li{
	float: left;
	height: 40px;
	padding: 0;
	margin: 0;
}

.top_menu ul ul {
	position: absolute;
	width: 535px;
	top: 40px;
	display: none;
	background: #87BBF5;
	left: 0px;
	height: 40px;
	margin-right: 2px;
	z-index: 10;
}

.top_menu ul li:hover ul, .top_menu ul li.act ul   {
	display: block;
	background: #87BBF5;
}

.top_menu ul li:hover ul {
	z-index: 15;
}

.top_menu > ul  {
	border-bottom: 1px solid #C9DBEF;
	height: 40px;
}


.top_menu a {
	background: url("left_nav.png") no-repeat scroll left top transparent;
    display: block;
    float: left;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    margin-left: 2px !important;
    padding: 0 0 0 5px;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
    z-index: 500;

}

.top_menu a.first-child {
      margin-left: 0px !important;
}



.top_menu a span {
    background: url("right_nav.png") no-repeat scroll right top transparent;
    color: black;
    display: block;
    height: 100%;
    padding: 0 20px 0 15px;
}

.top_menu ul ul a {
	background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: Black;
    display: inline;
    font-size: 13px;
    font-weight: normal;
    height: 35px;
    line-height: 35px;
    margin: 0;
    padding: 0 10px;
    white-space: nowrap;
    width: auto;
}

.top_menu li.act a , .top_menu li:hover a {
    background-position: 0 -50px;
    cursor: pointer;
}



.top_menu li.act a span,.top_menu li:hover a span {
    background-position: 100% -50px;
    color: #FFFFFF;
}



.top_menu ul ul a.act, .top_menu ul ul a:hover{
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: #000080;
    display: inline;
    font-size: 13px;
    font-weight: normal;
    height: 35px;
    line-height: 35px;
    margin: 0;
    padding: 0 10px;
    white-space: nowrap;
    width: auto;
	text-decoration: underline;
}
