body {
background:url(../images/top.jpg) repeat-x #fff;
font:11px tahoma;
margin:0;
padding:0;
color:#616161;
position:relative;
min-width:1024px;
width:expression(parentNode.clientWidth < 1149 ? "1149px" : "auto");
}
img{
border:none;}
.logo {
display:block;
background:url(../images/logo.jpg) no-repeat;
width:200px;
height:130px;
position:absolute;
left:70px;
top:0px;}
.skrit {
font:11px tahoma;
margin:0 0 0 70px;
padding:0;}
.logo_text {
position:absolute;
top:30px;
left:0px;
width:330px;
text-align:center;
font:11px tahoma;
color:#5B777B;}
.kat {
margin:160px 0 0 40px;
padding:0;}
.kat a {
color:#5B777B;
text-decoration:none;
}
.kat a:hover {
color:#5B777B;
text-decoration:underline;
}
.leftCol{
vertical-align:top;}
.zapros {
margin:50px 0 0 38px;
padding:0;
color:#5DBAE5;
font:18px tahoma;}
.zapros a {
color:#0188C8;
font:18px tahoma;
text-decoration:none;
padding:0;
}
.h_job {
margin:50px 0 0 38px;
color:#0188C8;
font:18px tahoma;
text-decoration:none;
padding:0;
}
.job {
list-style:none;
margin:10px 0 0 30px;
padding:0;}
.job li {
width:170px;
border-bottom:1px solid #8C8C8C;
padding:7px 7px 7px 10px; }
.job a {
text-decoration:none;
color:#8C8C8C;}
.job a:hover {
text-decoration:none;
color:#0188C8;
font-weight:bold;}
.left{
width:250px;}
.right {
width:250px;
margin:0 0 120px 0;}
.centerCol {
width:100%;
vertical-align:top;}
.kat_stud {
font:18px tahoma;
color:#0188C8;
margin:0px 0 0 0px;}
.content {
margin:20px 0 110px 0;
padding:30px;}
.rightCol{
vertical-align:top;}
.beststud{
margin:50px 0 0 30px;
padding:0;
color:#0188C8;
font:18px tahoma;
}
.best {
list-style:none;
margin:10px 0 0 30px;
padding:0;}
.best li {
width:170px;
border-bottom:1px solid #8C8C8C;
padding:7px 7px 7px 10px; }
.best a {
text-decoration:none;
color:#8C8C8C;}
.best a:hover {
text-decoration:none;
color:#0188C8;
font-weight:bold;}
.city{
margin:50px 0 0 30px;
padding:0;
color:#0188C8;
font:18px tahoma;
}
.city_ul {
list-style:none;
margin:10px 0 0 30px;
padding:0;}
.city_ul li {
width:170px;
border-bottom:1px solid #8C8C8C;
padding:7px 7px 7px 10px; }
.city_ul a {
text-decoration:none;
color:#8C8C8C;}
.city_ul a:hover {
text-decoration:none;
color:#0188C8;
font-weight:bold;}



.s_links {
list-style:none;
margin:10px 0 0 30px;
padding:0;}
.s_links li {
width:170px;
border-bottom:1px solid #8C8C8C;
padding:7px 7px 7px 10px; }
.s_links a {
text-decoration:none;
color:#8C8C8C;}
.s_links a:hover {
text-decoration:none;
color:#0188C8;
font-weight:bold;}


.footer {
background:url(../images/bott.jpg) repeat-x;
height:106px;
width:100%;
position:absolute;
left:0px;
bottom:0px;}
.copy {
margin:20px 0 0 20px;
font:11px tahoma;
color:#5B777B;
float:left;}
.footer_menu {
list-style:none;
margin:20px 0 0 0;
padding:0;
text-align:right;
}
.footer_menu li {
display:inline;
margin:0 0px;
background:url(../images/znachok.gif) no-repeat right;
padding:0 25px 0 22px;
}
.footer_menu li a {
text-decoration:none;
color:#5B777B;
text-transform:uppercase;
}
.footer_right {
text-align:right;
margin:20px 30px 0 0;}
.footer_right a {
text-decoration:none;
color:#9EA09D;}
.footer_right span {
color:#FFFFFF;
padding:0 0 0 10px;}
.content h1 a {
color:#FF0000;
font: bold 14px tahoma;
text-decoration:none;} 
.content h1 a:hover {
color:#FF0000;
font: bold 14px tahoma;
text-decoration:none;
}
.content a {
color:#616161;}
.content a:hover {
color:#5DBAE5;}
.content img {
float:right;
border:2px solid #8C8C8C;}
.content img:hover {
float:right;
border:2px solid #0188C8;}
.paper {
margin:20px 0 0 0;}
.paper a{
padding:0 0 0 10px;
}
.paper a.activ {
font-weight:bold;}
#sendformdiv {
	display: none;
}

#modal-container {
	width:420px; 
	left:50%; 
	top:15%; 
	margin-left:-210px; 
	font-family:'Trebuchet MS', Verdana, Arial; 
	font-size:16px; 
	text-align:left;
}
#modal-container div {
	background-color: white;
}
#modal-overlay {
background-color:#000; /* Тут выбираем цвет затемнения */
cursor:wait; /* Курсор при наведении на затемненную область */
filter: alpha(opacity=80); /* Интенсивность затемнения */
height: 100%;
}

#modal-container {
height:auto;  /* Для растягивания по высоте */
width:700px;
left:50%; /*в купе с margin-left, которая равна минус половине ширины центруют по горизонтали*/
top:10%;  /*центрует по вертикали, вместе с margin-top, если задать высоту*/
margin-left:-350px;
/* margin-top: -70px; */
background-color:#fff;
border:3px solid #ccc;
padding: 10px;
} 
a.modalCloseImg {
background:url(../images/x.png) no-repeat;
width:25px; /* Положение отличается от тех, что в примере. Мне кажется так удобнее */
height:29px;
display:inline;
z-index:3200;
position:absolute;
top:0px;
right:0px;
cursor:pointer;
padding-right: 20px;
} 
.modalcontent{
	padding-top: 30px;
	color: black;
}