* {padding:0; margin:0}
.html {height:100%}
body {position:relative; font-family:arial; font-size:12px; min-width:1000px; min-height:100%; background:url(images/main.jpg) center top no-repeat #f1eeee}
body#page-in {position:relative; font-family:arial; font-size:12px; min-width:1000px; min-height:100%; background:url(images/second.jpg) center top no-repeat #f5f0e3}
* html body {behavior:url(csshover.htc)}
img {border:0}
a {outline:none}
ul {list-style:none}
p {padding:8px 0 0 0}
h1{line-height: 26px;}
h2 {font-size:24px; color:#0d4d8f; line-height:24px; font-weight:normal; margin:0 0 0 -2px; padding:0 0 35px 0; position:relative}

#container {width:1000px; margin:0 auto}

.head {height:154px}
.head2 {height: 287px;}

.left-column {width:680px; float:left; padding:0 0 0 10px}
#page-in .left-column {width:539px; float:left; padding:0 0 0 30px}
.menu dt {float:left; width:680px}
.menu dd {float:right; margin:10px 0 0 10px; height:160px; width:160px}
#page-in .menu {display:table; margin:0 0 26px; height:auto; width:410px}
#page-in .menu dd {float:left; margin:0 10px 7px 0; height:45px; width:195px}
.menu dd a {font-size:12px; text-transform:uppercase; font-weight:bold; color:#fff; text-decoration:none; float:left; width:152px; height:36px; padding:124px 0 0 8px}
#page-in .menu dd a {font-size:12px; text-transform:uppercase; font-weight:bold; color:#fff; text-decoration:none; float:left; width:187px; height:37px; padding:8px 0 0 8px; background:url(images/gradient.png) no-repeat; cursor:pointer}
* html #page-in .menu dd a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/gradient.png', sizingMethod='scale')}
.menu dd a span {font-size:10px; font-weight:normal; text-transform:none}
.menu dd.link-a {background:url(images/3.jpg) no-repeat}
.menu dd.link-b {background:url(images/2.jpg) no-repeat}
.menu dd.link-c {background:url(images/1.jpg) no-repeat}
.menu dd.link-d {background:url(images/7.jpg) no-repeat}
.menu dd.link-e {background:url(images/6.jpg) no-repeat}
.menu dd.link-f {background:url(images/5.jpg) no-repeat}
.menu dd.link-g {background:url(images/4.jpg) no-repeat}
.menu dd.link-h {background:url(images/9.jpg) no-repeat}
.menu dd.link-i {background:url(images/8.jpg) no-repeat}
.menu dd.link-j {background:url(images/10.jpg) no-repeat}
.menu dd.link-a a {background:url(images/10.png) left 115px no-repeat}
.menu dd.link-b a {background:url(images/6.png) left 115px no-repeat}
.menu dd.link-c a {background:url(images/8.png) left 115px no-repeat}
.menu dd.link-d a {background:url(images/5.png) left 115px no-repeat}
.menu dd.link-e a {background:url(images/9.png) left 115px no-repeat}
.menu dd.link-f a {background:url(images/4.png) left 115px no-repeat}
.menu dd.link-g a {background:url(images/6.png) left 115px no-repeat}
.menu dd.link-h a {background:url(images/2.png) left 115px no-repeat}
.menu dd.link-i a {background:url(images/1.png) left 115px no-repeat}
.menu dd.link-j a {background:url(images/7.png) left 115px no-repeat}
.menu dd:hover {background-position:left -116px}

#page-in .menu dd.link-a {background:#37709d}
#page-in .menu dd.link-b {background:#9f8791}
#page-in .menu dd.link-c {background:#329159}
#page-in .menu dd.link-d {background:#6760a0}
#page-in .menu dd.link-e {background:#374E77}
#page-in .menu dd.link-f {background:#f67b7b}
#page-in .menu dd.link-g {background:#bf5075}
#page-in .menu dd.link-h {background:#50999d}
#page-in .menu dd.link-i {background:#b68C72}
#page-in .menu dd.link-j {background:#0f579b}

#page-in .menu dd.link-a:hover, #page-in .menu dd.link-a#active {background:#196BAB}
#page-in .menu dd.link-b:hover, #page-in .menu dd.link-b#active {background:#C17494}
#page-in .menu dd.link-c:hover, #page-in .menu dd.link-c#active {background:#20A557}
#page-in .menu dd.link-d:hover, #page-in .menu dd.link-d#active {background:#5A50AC}
#page-in .menu dd.link-e:hover, #page-in .menu dd.link-e#active {background:#2D57A0}
#page-in .menu dd.link-f:hover, #page-in .menu dd.link-f#active {background:#EF4D4D}
#page-in .menu dd.link-g:hover, #page-in .menu dd.link-g#active {background:#DD4276}
#page-in .menu dd.link-h:hover, #page-in .menu dd.link-h#active {background:#32B3BA}
#page-in .menu dd.link-i:hover, #page-in .menu dd.link-i#active {background:#D98450}
#page-in .menu dd.link-j:hover, #page-in .menu dd.link-j#active {background:#0567C4}


#page-in .menu dd#active a, #page-in .menu dd:hover a {background:url(images/gradient-hover.png) no-repeat}
* html #page-in .menu dd:hover a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/gradient-hover.png', sizingMethod='scale')}
* html #page-in .menu dd#active a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/gradient-hover.png', sizingMethod='scale')}

.content {font-size:14px; color:#484f65; line-height:18px; padding:0 0 0 14px; width:510px; text-align:justify}
.content p {padding:0 0 18px 0}
.map {margin:16px 0 0 -15px}

.doctors-block {clear:both; padding:20px 0 0 45px; display:table; width:955px}
.doctors-block-in {clear:both; padding:20px 0 0 45px; display:table; width:955px}
.doctors {float:left; width:450px; padding:0 74px 0 0}
.doctors-block-in .doctors {float:left; width:480px; padding:0 44px 0 0; font-size:18px; line-height:18px; margin:-20px 0 0 0}
.doctors div {font-size:11px; padding:0 0 20px 0}
.doctors-block-in .doctors div {font-size:14px; padding:0 0 16px 0}
.doctors p {line-height:18px; font-size:11px}
.doctors-block-in .doctors p {line-height:18px; font-size:14px}
.doctors img {width:181px; height:242px; background:url(images/border.png) no-repeat; padding:11px 13px 29px 10px; float:left; margin:-15px 14px 0 0}
.doctors-block-in .doctors .text {clear:left; padding:24px 0 0 10px}
.video {float:left}
.video div {margin:-10px 0 43px 0}

.back a {display:block; width:186px; height:39px; background:url(images/plashka.gif) no-repeat; padding:6px 0 0 22px; font-size:14px; color:#fff; text-decoration:none; position:relative; left:-11px}
.back a:hover {text-decoration:underline}

.right-column {width:250px; float:left; padding:0 0 47px 47px; color:#484f65}
#page-in .right-column {width:411px; float:left; padding:0}
* html #page-in .right-column {margin:0 0 0 -13px}
.right-column strong {font-size:14px}
.right-column p {padding:0 10px 18px 20px}
.right-column p span {color:#913535}

.maincol {
width: 930px !important;
}
.maincol2 {
width: 930px !important;
}
.rightimg {
float:right !important;
margin-left: 10px;
}

.telephone {padding:46px 0 0 0; margin:0 0 0 -19px; font-size:22px; color:#014994}
.right-column .telephone strong {font-size:22px}
.telephone span {font-size:10px; color:#fff; text-transform:uppercase; background:#98adba; position:relative; padding:1px 3px; margin:0 0 0 20px; float:left; top:4px}
.telephone sup {font-size:11px; color:#98adba; position:relative; left:-2px; *top:-5px; *font-size:12px}
body:last-child:not(:root:root)  .telephone sup  {top:-3px}
 
#page-in .telephone {float:right; padding:46px 166px 0 0; margin:0}
.logo {padding:59px 0 17px 0}
#page-in .logo {padding:42px 0 0 30px; float:left}
#page-in .second-menu {float:left; margin:35px 0 0 67px}
.second-menu a {background:url(images/li.png) left 6px no-repeat; padding:0 0 0 14px; color:#28537f; text-decoration:none; font-size:14px; line-height:30px; position:relative; left:-12px}
.second-menu a:hover {text-decoration:underline}
.about-us {color:#445e73; line-height:18px; padding:40px 0 0 0}
#act {color:#ff0000; text-decoration:none}

.banner {background:url(images/roses.gif) right top no-repeat; width:218px; padding:55px 0 0 0; margin:35px 0 0 -12px; font-size:14px; color:#ff0018; line-height:18px}
.banner div {width:132px; border:1px solid #dbdde1; height:48px; padding:18px 14px 22px}

.contacts {background:url(images/contacts.gif) right top no-repeat; width:189px; padding:55px 0 0 0; margin:20px 0 0 -12px}
.contacts div {width:132px; border:1px solid #dbdde1; height:50px; padding:16px 14px 22px}
.contacts a {font-size:14px; color:#0d4d8f}
.contacts a:hover {text-decoration:none}
.contacts p {font-size:11px; color:#4c3d37; padding:12px 0 0 0}

.page-title {width:552px; height:282px; background:url(images/head.png) no-repeat}
* html .page-title {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/head.png', sizingMethod='scale')} 
.page-title div {height:209px}
.page-title div img {width:523px; height:209px}
.page-title h1 {font-size:20px; font-weight:normal; color:#fff; line-height:16px; padding:7px 0 0 10px; text-transform:uppercase}
.page-title h1 span {font-size:12px; display:block; line-height:20px; text-transform:none}

*+html .gallery {padding:5px 0 0}

.clear {clear:both}

#footer {width:955px; margin:35px auto 0; background:url(images/footer.png) 45px top no-repeat; padding:20px 0 15px 45px; height:200px}
.nomis {border-top:1px solid #b7bcc1; padding:25px 0 0 0; text-align:center; position:relative; left:-104px; clear:right}
#footer .telephone {padding:0 0 30px 0; float:right; width:131px; position:relative; left:-77px}
#footer .banner {float:left; margin:18px 0 0 99px}
#footer .contacts {float:left; margin:18px 0 0 0}
.copyright {font-size:11px; position:relative; left:-17px}

.lightbox {position:absolute; z-index:1000; background:#fff; top:0; left:0}
.to {position:absolute; margin:31px 0 0 22%}
.after {position:absolute; margin:31px 0 0 55%}
.close {position:absolute; margin-top:10px; right: 15px; cursor:pointer}
a.prev {position:absolute; width:50px; height:50px; margin:314px 0 0 10px; background:url(images/l.png) no-repeat}
a.next {position:absolute; width:50px; height:50px; margin:314px 0 0 809px; background:url(images/r.png) no-repeat}
.lightbox ul.big-photo {padding:61px 0 0 67px}
.lightbox ul.big-photo li {float:left; width:734px; height:500px}
.lightbox ul.big-photo li a {float:left}
.lightbox ul.big-photo li a img {width:734px; height:500px}
.lightbox ul.small-photo {width:738px; height:90px; padding:7px 0 0 7px; background:url(images/scroll-border.png) no-repeat; position:relative; clear:both; margin:0 0 0 67px; top:9px}
.lightbox ul.small-photo li {float:left; margin:0 16px 0 0}
.lightbox ul.small-photo li a {float:left; width:110px; height:79px; background:url(images/border-photo.png) no-repeat; padding:4px 4px 0; position:relative}
.lightbox ul.small-photo li.current-photo a {width:114px; height:80px; background:url(images/border-photo-active.png) no-repeat; padding:6px 6px 0; margin:-2px -6px -2px -2px}
.lightbox ul.small-photo li a img {width:110px; height:66px}
.lightbox .lt {background: url(images/lt.gif) no-repeat left top;}
.lightbox .lb {background: url(images/lb.gif) no-repeat left bottom; width: 100%;}
.lightbox .rt {background: url(images/rt.gif) no-repeat right top;}
.lightbox .rb {background: url(images/rb.gif) no-repeat right bottom;}

.panel {text-align:center;}

#modalOverlay {
background-color:#000;  /* Тут выбираем цвет затемнения */
cursor:wait;  /* Курсор при наведении на затемненную область */
filter: alpha(opacity=80); /* Интенсивность затемнения */
height: 100%;
} 

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

#gal {top: 20px;}
#photos{margin-left:50px !important; margin-top:60px !important; border:0px !important;}
#preview{border:1px solid #000;}


#popup{
	width: 700px;
	height: 500px;
	background-color: #666;
	position: absolute;
	z-index: 1000;
	top: -10000px;
}
#win{
margin: 0 auto;
z-index: 1000;
opacity: 1 !important;
border: 3px solid #000;
}
#shadow{
background-color: #666;
width: 100%;
height: 100%;
position: absolute;
display: none;
z-index: 900;
filter: alpha(opacity=70); /* IE 5.5+*/
   -moz-opacity: 0.7;
   -khtml-opacity: 0.7; 
   opacity: 0.7;
}

.galboxbtn {
background:url(images/gal_btn.gif) no-repeat 209px 3px; width: 100%; 
height: 40px; 
padding-left: 215px; 
padding-top:10px; 
font-size: 9px; 
font-weight: bold; 
color: white;
font-family:tahoma;
cursor: pointer;
text-decoration: none;
}