@import url("reset.css");
@import url("text.css");

html, body {
	height: 100%;
	
}
body {
	
	background:#1a1a1a  url("../images/back.jpg") repeat top left;/*/**/
	
}

div#main{
	background: url("../images/logoback.jpg") no-repeat top left;
	min-height: 100%;
	height: 100%;	
	height: auto !important;
	margin: 0  auto -50px; /**/  /* нижний margin является отрицательной величиной высоты footer */
	/*_height: 700px;*/
}
div#main{
	width:864px;
	text-align: left;	
	margin-right: auto;
	margin-left: auto;
	position: relative;
}



/* FLOAT */
div.right{
	float: right;
}
div.left{
	float: left;
}
div.clear{
	padding-bottom: 10px;
	clear: both;
}
/* ///// */
/* HEADER */
div#mainheader{
	height: 181px;
	position: relative;
}

div#header{
	position: absolute;
	right: 0px;
	height: 230px;
	width: 576px;	
}

/* Banner */

/* MENU */
div#topmenu{	
	/*width: 570px;*/
}
div#topmenu li{
	float: left;
	padding-right:0;
}
div#topmenu li a{
	width: 142px;
}
li#tab1{
	padding-top: 4px;	
	
}
li#tab1 a{
	display: block;
	height: 92px;
	background: url("../images/tab1.jpg") no-repeat top left;
}
li#tab1 a:hover{
	background: url("../images/tab1.jpg") no-repeat top right;
}
li#tab1 a#activ{
	background: url("../images/tab1.jpg") no-repeat top right;
	cursor: default;
}
/* 2 */
li#tab2{
	padding-top: 24px;	
}
li#tab2 a{
	display: block;
	height: 72px;
	background: url("../images/tab2.jpg") no-repeat top left;
}
li#tab2 a:hover{
	background: url("../images/tab2.jpg") no-repeat top right;
}
li#tab2 a#activ{
	background: url("../images/tab2.jpg") no-repeat top right;
}
/* 3 */
li#tab3{
	padding-top: 19px;	
}
li#tab3 a{
	display: block;
	height: 77px;
	background: url("../images/tab3.jpg") no-repeat top left;
}
li#tab3 a:hover{
	background: url("../images/tab3.jpg") no-repeat top right;
}
li#tab3 a#activ{
	background: url("../images/tab3.jpg") no-repeat top right;
}
/* 4 */
li#tab4{
		padding-top: 17px;
}
li#tab4 a{
	display: block;
	height: 78px;
	background: url("../images/tab4.jpg") no-repeat top left;
}
li#tab4 a:hover{
	background: url("../images/tab4.jpg") no-repeat top right;
}
li#tab4 a#activ{
	background: url("../images/tab4.jpg") no-repeat top right;
}
/*//////////////////*/
ul#menu{
	padding: 40px 5px 10px 55px;
	text-align: right;
	width: 140px;
}
ul#menu li{
	list-style: none;
	border-bottom: 1px dotted #5c626c;
	
}
ul#menu a{
	display: block;
	height: 2.2em;
	font-family: Georgia, Tahoma, sans-serif;
	color: #767d8d;
	line-height: 2em;
	text-decoration: none;
}
ul#menu a:hover{
	color: #c8bda7; 
	text-decoration: none;
}


/* SIDEBAR */

div#sidebar{
	float: left;
	width: 270px;
	background: #383d47  url("../images/sidebar.png") no-repeat top left;	
}
div#sidebar div{
	padding: 10px 50px 10px 15px;
}

ul.sidebarphone li{
	background: url("../images/liphone.gif") no-repeat top left;
	height: 20px;
	margin-top: 0.5em;
}
ul.sidebarphone a{
	color:#c3c8d0; 
	text-decoration: none;
	font-size: 1.1em;
	font-weight: bold;
	padding-left: 55px;
}

.rub4{
	background: url("../images/rub.gif") no-repeat center right;
	padding-right: 12px;
}

a.be{
	background: url("../images/be.gif") no-repeat 12px 9px;
}
a.mtc{
	background: url("../images/mtc.gif") no-repeat 12px 9px;
}
a.mega{
	background: url("../images/mega.gif") no-repeat 12px 9px;
}
a.sky{
	background: url("../images/sk.gif") no-repeat 12px 9px;
}
ul.sidebarphone a:hover{
	text-decoration: none;
	color: #fff;
}
ul.sidebarphone span{
	padding-right: 10px;
	font-size: 0.7em;
}
.rub{
	background: url("../images/rub.gif") no-repeat center right;
	padding-right: 10px;
	padding-left: 15px;
	font-weight: bold;
}
.rub1{
	background: url("../images/rub1.gif") no-repeat center right;
	padding-right: 10px;
}
.rub2{
	background: url("../images/rub2.gif") no-repeat center right;
	padding-right: 15px;
}

div.textblock ul.sidebarphone{
	padding-left: 25px;
}
div.textblock ul.sidebarphone a{
	 padding-left: 35px;
	
}
/* CONTENT */
div#leftimg{
	float: left;
	width: 18px;
	height: 413px;
	margin-top: 33px;
	background: #7d8290  url("../images/leftsidebar.jpg") no-repeat top left;
}
div#content{
	width: 846px;
	float: left;
	background: #383d47 url("../images/topcontent.png") no-repeat top right;
}
/* */
ul.phonemts{
	padding: 10px 10px 10px 20px;
}
ul.phonemts li{
	background: url("../images/liphone2.gif") no-repeat top left;
	height: 23px;
	margin-top: 0.1em;	
}
ul.phonemts a{
	color:#c3c8d0; 
	text-decoration: none;
	font-size: 1.1em;
	font-weight: bold;
	padding-left: 25px;
	padding-right: 15px;
}
ul.phonemts a:hover{
	text-decoration: none;
	color: #fff;
}
/**/
div.rightcontent{
	float: right;
	width: 550px;
	padding: 50px 10px 10px;
}

div.news, div.textblock{
	width: 270px;
	padding-bottom: 10px;
}
div.news{
	float: left;
	background: #4c5260  url("../images/titlemain.jpg") no-repeat top center;		
}

div.news table.border1 td{
	padding: 2px;
	border-top: 1px dotted #aaaaaa;
}

div.news p{
	background: url("../images/title.jpg") no-repeat top center;
	padding: 10px;
}

div.textblock{
	float: right;
	background: #383d47  url("../images/titletext.jpg") no-repeat top center;	
}
div.textblock img{
	padding: 5px;

}
div.textblock p{
	padding: 10px;
}
div.wrapper{
	clear: both;
	padding: 20px;
	padding-top: 10px;
}

div.imgpartners img{
	float: left;
	padding-right: 5px;
	padding-top: 2px;
}

div#push{
	height: 40px;
	
}
div#footer {
	height: 40px;
	clear: both;
}
div#footer{
	padding-top: 10px;
	margin-right: auto;
	margin-left: auto;
	width:820px;
	color:#666;
	text-align:center;
}