@charset "utf-8";
html, body {
margin:0;
padding:0;
bottom:0;
top:0;

}

*{margin:0;padding:0}

table, td {border-collapse: collapse; vertical-align:top}

td {
	margin: 0;
	padding: 0;
	vertical-align: top;
}

img {border:0}

a:hover { text-decoration:none}

html {
background: #fff url(/public/img/front/bg.gif) top left repeat-x;
}

body{
background: url(/public/img/front/header.jpg) top center no-repeat;
font: 12px "Arial";
line-height: 14px;
}

.main {
margin: 0 auto;
width: 1003px;
}

.header {
text-align:left;
width: 1003px;
height: 390px;
}

.logo {
position: absolute;
margin-left: 38px;
z-index: 200;
}

.icons {
position: absolute;
margin-left: 310px;
margin-top: 45px;
}

.icons a {
display:block;
float: left;
margin-right: 18px;
}

.clr {
clear:both;
}

.tel {
padding-top: 10px;
font: 12px "Times New Roman";
color: #4FC4FD;
font-size: 15px
}

.tel span {
position:relative;
top: -3px;
display: block;
color: #fff;
font-size: 30px;
}

.slogan {
font: 12px "Times New Roman";
color: #fff;
font-size: 28px;
position: absolute;
margin-left: 540px;
margin-top: 42px;
}

.slogan span {
display:block;
padding-left: 70px;
}

.slogan div {
padding-left: 140px;
}

.headertop {
color: #0071BB;
position: absolute;
margin-left: 390px;
margin-top: 11px;
}

.lang {
float: right;
margin-top: 11px;

}

.lang a {
display:block;
float:left;
color: #0071BB;
margin-right: 10px;
text-decoration:none;
font-weight: bold;
}

.building {

text-align:center;
position:relative;
top: 80px;
}

/* конец шапки */

.navig {
margin-left: 15px;
margin-right: 15px;
width: 973px;

}

.navig .center {
text-align:center;
padding-left: 35px;
}

.left {
width: 235px;
}

.right {
width: 235px;
}

.center {
padding-right: 35px;
}
.center h1 {
/*height: 60px;*/ margin-top: 10px;
}



.cr {
padding-left: 35px;
}

h1 {
color: #333333;
font: 28px "Times New Roman";
line-height: 30px;
}

h2 {
color: #333333;
font: 24px "Times New Roman";
line-height: 26px;
}

.prev {
background: url(/public/img/front/prev.gif) top left no-repeat;
position:absolute;
width: 260px;
height: 62px;
text-align:center;
}

.prev a, .next a {
color: #0071BB;
font: 18px "Times New Roman";
line-height: 20px;

}

.prev div, .next div {
	padding: 10px 30px 0px 30px;
}

.next {
background: url(/public/img/front/next.gif) top right no-repeat;
position:absolute;
margin-left: -25px;
width: 260px;
height: 62px;
text-align:center;

}

.nav_dis {padding-top: 10px;}
.nav_dis div {font: 19px "Times New Roman"; color: #CCC;}


.tmenu {
margin-top: 20px;
margin-left: 15px;
margin-right: 15px;
width: 973px;
}

/*.tmenu td {
border: 1px solid #000;
}*/

.menu a {
display:block;
color: #0071BB;
cursor:pointer;
}

.menu i {
display:block;
background: url(/public/img/front/dott.gif) bottom left repeat-x;
height: 25px;
font-style:normal;
margin-left: 10px;
}

.menu b {
display:block;
background: url(/public/img/front/dott.gif) bottom left repeat-x;
height: 25px;
font-style:normal;
}

.mainmenu {
font-weight:bold;
background: url(/public/img/front/mbulb.gif) top left no-repeat;
padding-left: 15px;
line-height: 20px;
}

.submenu {
background: url(/public/img/front/mbulm.gif) top left no-repeat;
padding-left: 15px;
font-style:normal;
line-height: 20px;
}

.text {
color: #333;
line-height: 15px;
}

.text p {
padding: 5px 0 5px 0;
}

.textmenu {
padding-left: 40px;
}

.textmenu a {
font: 18px "Times New Roman";
color: #0071BB;
margin-bottom: 15px;
display:block;
z-index: 200;
display:block;
}

.blue {
color: #0071BB;
}

.itemmap {
margin-top: 50px;
border: 1px solid #ccc;
padding:3px;
font: 21px "Times New Roman";
color: #808080;
text-align:center;
line-height: 30px;
}

.itemmap img {
width: 229px;
}

.call {
text-align:center;
margin-top: 20px;
}

h2 {
font: 21px "Times New Roman";
color: #333;
background: url(/public/img/front/dott.gif) bottom left repeat-x;
height: 28px;
}

.mt40 {
margin-top: 40px;
}

.mt20 {
margin-top: 20px;
}

.photo {
margin-top: 10px;
}

.photo b a {
display:block;
padding:3px;
}

.photo a {
color: #0071BB;
}

.photo span {
width: 200px;
display:block;
float:left;
margin-bottom: 30px;

	margin-right: 5px;
	text-align:center;
	height: 150px;
	background: #FAFAFA;
	border: 1px #EAEAEA solid;

}


.images {margin-top: 10px;}
.images span {float:left; width:200px; height:210px; margin-right: 10px;}
.images p {display:block; width:200px; height:170px; /*background: #FAFAFA;*/ background: #FFF; border:1px #EFEFEF solid;}
.images em {width:200px; height:170px; display: table; #position: relative; overflow: hidden; text-align: center;}
.images b {#position: absolute;  #top: 50%; #left: 50%;display: table-cell; vertical-align: middle; text-align: center;}
.images i {#position: relative;  #top: -50%; #left: -50%; text-align: center;}
.images a {color: #0071BB;}

.images2 {margin-top: 10px;}
.images2 span {float:left; width:200px; height:210px; margin-right: 10px; text-align: center;}
.images2 p {display:block; width:200px; height:170px; background: #FFF; border:1px #EFEFEF solid; text-align: center;}
.images2 em {width:200px; height:170px; display: table; overflow: hidden; text-align: center;}
.images2 b {display: table-cell; vertical-align: middle; text-align: center;}
.images2 i {text-align: center;}
.images2 a {color: #0071BB;}
.images2 img {margin: 5px 0;}

.images3 {margin-top: 10px;}
.images3 span {float:left; width:200px; height:170px; margin-right: 10px; text-align: center;}
.images3 p {display:block; width:200px; height:170px; background: #FFF; border:1px #EFEFEF solid; text-align: center;}
.images3 em {width:200px; height:170px; display: table; overflow: hidden; text-align: center;}
.images3 b {display: table-cell; vertical-align: middle; text-align: center;}
.images3 i {text-align: center;}
.images3 a {color: #0071BB;}
.images3 img {margin: 5px 0;}

/*.images img {border:1px #EAEAEA solid;}*/



.plans {margin-top: 10px;}

.plans span {display:block; width: 200px; height: 195px; float:left; margin-bottom: 30px; margin-right: 5px;}

.plans p {display: block; width: 200px; height: 170px; background: #FAFAFA; border: 1px #EAEAEA solid; vertical-align: middle;}
.plans p a {display: block; margin: auto; text-align: center;}

.plans a {display:block; color: #0071BB; padding: 5px 3px 3px 3px;}
.plans a {color: #0071BB;}



.news {
background: url(/public/img/front/newsp.jpg) top right no-repeat;
}

.news h2 {
background: none;
height: 60px;
}

.date {
background-color: #0077E9;
color: #fff;
line-height: 25px;
padding: 2px 10px 2px 10px;
}

.news a {
display:block;
color: #0071BB;
margin-bottom: 10px;
}


.news2 {

}

.news2 h2 {
background: none;
height: 60px;
}

.news2 a {
display:block;
color: #0071BB;
margin-bottom: 5px;
}

.news2 span#highlight {
color: #666666;
font: 11px "Arial";
}

.all {
color: #0071BB;
float:right;
font-weight:bold;
background: url(/public/img/front/mbulb.gif) top left no-repeat;
padding-left: 15px;
line-height: 20px;
margin-top: 10px;
}

.subscr {
position:relative;
width: 262px;
height: 130px;
margin-left: -15px;
background:url(/public/img/front/subscr.gif) top left no-repeat;
}

.subscr h2 {
background: none;
padding-top: 40px;
padding-left: 15px;
}

input {
border: 1px solid #4D4D4D;
background: #fff;
height: 20px;
}

.subscr form {
padding-left: 15px;
margin-top: 10px;
}

.subscr input {
width: 140px;
display:block;
float:left;
margin-right: 5px;
}

.apsearch h2 {
background: none;
padding-top: 20px;
}

.apsearch {
height: 151px;
background:url(/public/img/front/searchbg.gif) top left no-repeat;
}

.apsearch table {
width:  600px;
}

.apsearch td {
padding-bottom: 7px;
}

.apsearch {
line-height: 25px;
color: #0077EA;
}

.apf {
text-align:right;
padding-right: 5px;
white-space: nowrap;
}

.tin input {
width: 40px;
}

.tbottom {
margin-left: 15px;
margin-right: 15px;
margin-top: 50px;
width: 973px;
background: url(/public/img/front/dott.gif) top left repeat-x;
color: #808080;
line-height: 18px;
}

.tbottom a {
color: #808080;
}

.tbottom td {
padding-top: 10px;
padding-bottom: 10px;
}

.tbleft {
width: 235px;

}

.tbcenter {
width: 350px;
padding-left: 35px;
}

/*  стартовая страница */


.cities a {color: #0071BB; font-size: 14px; padding-right: 10px;}
.cities b {font-size: 14px; padding-right: 10px;}

.obj {position:absolute; display:none; width: 20px;}
.obj img {}
.obj a {color: #000;}

/* тултипы */
a.tt{
z-index:22;
text-decoration: none;
}
a.tt span{
display:none;/*собственно прячем тултип - пока мышь не наведена*/
}
a.tt:hover{
position:relative;/*Ставим точку отсчета для тултипа внутрь данной ссылки*/
z-index:23;/*это нужно что бы тултип показывался поверх этой и других ссылок*/
}
a.tt:hover span{
display:block;/*показываем тултип при наведении*/
position:absolute;
margin-top:-5px;
margin-left:20px;/*три строки для позиции тултипа относительно левого верхнего угла ссылки*/
z-index:23;/*мне 22 + см. выше*/
background: url(/public/img/front/drop.gif) top left no-repeat;/*фон, что бы было видно тултип*/
width: 165px;
height: 67px;
padding-top: 8px;
text-align:center;
}

a.tt span b{
display:block;
padding: 0 10px;
font-weight: normal;
}


.sector {position: absolute; display: none; font: 16px "Arial"; color: #000; z-index:20}

.ttl01 {font-family:"Times New Roman"; font-size:18px;}



.load {
	position: absolute;
	display: none;
	z-index: 1000;
	background: #FFF;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
}

.load2 {
	width: 20px;
	height: 20px;
	position: absolute;
	display: none;
	z-index: 1001;
	border: 1px #FFF solid;
	background: #FFF url(/public/img/interface/load_02_16x16.gif) no-repeat center;
	opacity: 0.4;
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
}

.summ1 {}
.summ1 th {padding: 4px; border: 1px #FFF solid; background: #EEE;}
.summ1 td {padding: 4px; border: 1px #FFF solid;}
.summ1 span {color: #0071BB;}
.summ2 td, .summ2 a {color: #AAA; background: #F5F5F5;}
.summ3 td, .summ3 a {color: #0063A3; background: #F0F7FF;}

.summ4 {margin-top: 10px;}

.sitemap div {margin-top: 10px;}
.sitemap a {color: #0071BB; font-family:"Arial"; font-size:12px; font-weight: bold;}