html ,body{width: 100%; height: auto;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, fieldset, form, label, legend, caption {margin:0; padding:0; border:0; line-height: 1.7;}
table, tbody, tfoot, thead, tr, th, td {margin:0; padding:0;}
table { border-collapse:collapse; border-spacing:0; }
td{vertical-align:top}
a img, :link img, :visited img { border:0; }
a { cursor:pointer; outline:none}
.clear{clear:both; font-size:1px; line-height:1px; height:1px}
/*---------------------
Style for index.html
-----------------*/
.mainBG_index {width:100%; background:url(images/bg1.jpg) no-repeat center top;}
.mainBG_inner {width:100%; background:url(images/bg7.jpg) no-repeat center top;}
.mainBlok {width:990px; margin:auto; font-family:georgia, arial, sans-serif; }
#header {height:145px; position:relative;}
.logo {float:left; display:inline; margin:20px 50px 0 60px}
.topMenu {float:left;}
.topMenu ul {list-style:none; margin:0px; padding:0px}
.topMenu ul li {float:left; font-size:15px; color:#fff; width:auto; text-align:center;
background:url(images/line1.gif) no-repeat left 40px;}
.topMenu ul li.li7 {background:none}
.topMenu ul li.noline { background:none; }
.topMenu ul .index a {width:145px; background:url(images/menu_index.png) no-repeat center top; padding:49px 0 65px 0;}
.topMenu ul .comments a {width:145px; background:url(images/menu_comments.png) no-repeat center top; padding:49px 0 65px 0;}
.topMenu ul .contact a {width:162px; background:url(images/menu_contact.png) no-repeat center top; padding:51px 0 61px 0;}
.topMenu ul .li2 a.selected {width:203px; background:url(images/menuA2.png) no-repeat center top; padding:51px 0 61px 0;}
.topMenu ul .li3 a.selected {width:162px; background:url(images/menuA5.png) no-repeat center top; padding:51px 0 61px 0;}
.topMenu ul .li4 a.selected {width:162px; background:url(images/menuA5.png) no-repeat center top; padding:51px 0 61px 0;}
.topMenu ul .li5 a.selected {width:162px; background:url(images/menuA5.png) no-repeat center top; padding:51px 0 61px 0;}
.topMenu ul .li6 a.selected {width:135px; background:url(images/menuA6.png) no-repeat center top; padding:51px 0 61px 0;}
.topMenu ul .li7 a.selected {width:110px; background:url(images/menuA7.png) no-repeat center top; padding:51px 0 61px 0;}
.topMenu ul li a {color:#227cab; display:block; margin:36px 18px 69px 18px; white-space:nowrap}
.topMenu ul li a:hover {color:#b8ca50}
.topMenu ul .li a {color:#fff; font-size:24px; text-decoration:none;}
.topMenu ul .li a:hover {color:#fff}
.langBlok {width:63px; height:22px; background:url(images/langBG.png) no-repeat left top; position:absolute; right:0px; top:0px;
font-family:arial; font-size:11px; color:#000; padding:6px 0 0 15px}
.credo {margin:40px 0 70px 40px;}
.contact_index {margin:0 0 0 80px}
.ph1 {padding:0 0 8px 40px; background:url(images/ico1.gif) no-repeat left 13px; margin:0 0 8px 0}
.ph2 {padding:0 0 8px 40px; background:url(images/ico1.gif) no-repeat left -46px; margin:0 0 8px 0}
.ph3 {padding:0 0 8px 40px; background:url(images/ico1.gif) no-repeat left -105px; margin:0 0 8px 0}
.contact_index p {font-family:arial; font-size:18px; margin:0 0 2px 0}
.contact_index p.tt { font-size:13px; font-style:italic; color:#555}
.contact_index p b {color:#000}
.contact_index p span {color:#a8aa9d;}
.contact_index a {color:#227cab; font-size:15px; font-family:arial}
.contact_index a:hover {color:#b8ca50}
.dymBlok {margin:60px 0 10px 35px;}
.vkladki {height:44px;}
.vkladki ul {list-style:none; margin:0px; padding:0px;}
.vkladki ul li {float:left; width:252px; height:39px; background:url(images/dopM2.png) no-repeat left top;
text-align:center; padding:5px 0 0 0; margin:0 5px 0 0; font-size:24px; color:#fff; font-style:italic}
.vkladki ul li.selected {background:url(images/dopM1.png) no-repeat left top;}
.vkladki ul li.selected a {background:none}
.vkladki ul li a {font-size:24px; color:#222121; text-decoration:none; background:url(images/dot1.gif) repeat-x left bottom; font-style:normal}
.conentVkladok {width:830px; padding:55px 20px 55px 70px; background:#f0f6fd; position:relative;}
.ug1 {width:9px; height:8px;font-size:1px;background:url(images/ug2.gif) no-repeat left top;position:absolute;top:0px;right:0px}
.ug2 {width:9px; height:8px;font-size:1px;background:url(images/ug3.gif) no-repeat left top;position:absolute;bottom:0px;right:0px}
.ug3 {width:10px;height:9px;font-size:1px;background:url(images/ug4.gif) no-repeat left top;position:absolute;bottom:0px;left:0px}
.conentVkladok ul {list-style:none; padding:0px; float:left; margin:0 70px 0 0}
.conentVkladok ul li {font-family:arial; font-size:17px; color:#227cab; line-height:19px; margin:0 0 10px 0; }
.conentVkladok ul li a {color:#227cab; padding:0 0 0 16px;
background:url(images/arr2.gif) no-repeat left 5px;}
.footer {width:100%; height:120px; background:url(images/footer.gif) repeat-x left bottom; margin-top:30px; }
.footIn {width:875px; float:left; margin:28px 0 0 55px; display:inline;}
.copy { font-family:arial; font-size:13px; color:#7e909b;
text-align:center; padding-bottom:20px;}
.copy p {
line-height:20px; font-size:11px;
}
.phone1 {float:left; background:url(images/line2.gif) no-repeat right top; padding:20px 30px 40px 34px;
font-family:arial; font-size:13px; color:#7e909b;}
.phone1 p {margin:0 0 3px 0}
.phone1 p b {font-size:21px; font-weight:100; color:#000}
.phone1 p b span {color:#bad340}
.search {float:right; margin:24px 0 0 0}
.search input {width:150px; padding:2px 4px; font-family:arial; font-size:13px; color:#c4ceda; border:1px solid #c4ceda; float:left;
margin:0 1px 0 0}
.search input.butt {width:22px; height:22px; background:url(images/poisk.gif) no-repeat left top; border:0px; float:left;
cursor:hand; cursor:pointer}
.contentInner {height:850px; width:100%}
.contentInner td.leftCol {width:218px; padding:0 0 0 57px;}
.contentInner td.leftCol p {margin:0 0 17px 0}
.contentInner td.rightCol {font-family:arial; font-size:13px; color:#000; line-height:18px; padding:0 0 40px 0}
.contentInner .rightCol h1.title {font-size:40px; font-weight:100; font-family:georgia; margin:12px 0 30px 0; line-height:38px;}
.contentInner .rightCol h3 {font-size:15px; margin:0 0 6px 0}
.contentInner .rightCol p {margin:0 0 20px 0}
.contentInner .rightCol a {color:#227cab}
.contentInner ul {list-style:none; margin:0 0 20px 20px; padding:0px}
.contentInner ul li {padding:0 0 0 15px; background:url(images/dot.gif) no-repeat left 8px;}
.contentInner ul li a {}
.phone {font-size:21px;}
.phone span {color:#8ac400}
.medn {font-family:georgia; font-style:italic; font-size:18px; color:#939ba2; width:125px; line-height:28px;}
.medn span {color:#c3d935}
.leftMenu {margin:40px 0 0 0; width:155px}
.leftMenu ul {list-style:none; margin:0px; padding:0px}
.leftMenu ul li {line-height:1.2; padding:0 0 0 13px; background:url(images/arr3.png) no-repeat left 10px; margin-bottom:7px;}
.leftMenu ul li a {font-family:arial; font-size:13px; color:#227cab; line-height:1.2;}
.breadcump {margin:25px 0 0px 0; height:29px}
.breadcump ul {list-style:none; margin:0px; padding:0px}
.breadcump ul li {float:left; font-family:arial; font-size:13px; color:#B2C632; background:none; padding:0px}
.breadcump ul li.razd {padding:0 20px; height:15px; background:url(images/arr3.gif) no-repeat center 7px;}
.breadcump ul li a {color:#227cab}
.img1 {margin:0 0 30px 0}
.img1 img {margin-left:-14px; position:relative}
td.rightCol .telefoni {margin:20px 0 0 0}
td.rightCol .telefoni h3 {margin:0 0 13px 0}
td.rightCol .telefoni p {margin:0 0 18px 0}
td.rightCol .telefoni span.phsm {font-size:13px; color:#7e909b}
.fotoBlok {margin:20px 0 10px -30px; float:left}
*html .fotoBlok {margin-left:-60px; }
.fotoItem {float:left; margin:0 0 18px 30px; width:196px}
.fotoItem p {padding:0 10px; font-family:arial; font-size:15px; color:#939ba2;}
.fotoramka {width:196px; height:153px; overflow:hidden; position:relative; margin:0 0 16px 0}
.fotoramka img {position:absolute; left:13px; top:13px;}
.fotoramka span {position:absolute; display:block; width:196px; height:153px; background:url(images/ramka.gif) no-repeat left top;}
.pageNavi {font-family:arial}
.pageNavi b {color:#000; font-size:13px; margin:0 5px 0 0}
.pageNavi a {color:#227cab; padding:2px 3px;}
.pageNavi span {background:#8ac400; padding:2px 4px 2px 5px; color:#fff}
ul.anyUL {list-style:none; padding:0 0 60px 0; margin:0px; font-family:georgia; font-size:17px;}
ul.anyUL li {float:left; margin:0 33px 0 0 ; padding:0px; background:none}
ul.anyUL li a {color:#227cab;}
.oursDoctors {margin:40px 0 0 0; font-family:georgia; }
.oursDoctors h2 {font-size:24px; color:#8ac400; font-weight:100; margin:0 0 28px 0}
.oursDoctors td {padding:0 0 30px 0}
.oursDoctors td img {margin:0 34px 0 0}
.oursDoctors td h4 {font-size:18px; color:#000; font-weight:100; margin:0 0 8px 0}
.oursDoctors td p {font-family:arial; font-size:13px; color:#9aa2a8;}
.citat {font-family:arial; font-size:13px; color:#000; margin:-18px 0 0 0; width:475px; font-style:italic; margin-left:25px; border:1px solid#DFE0E2; border-radius:10px; padding:10px; padding-top:0px; padding-left:20px; padding-right:20px; color:#3C3C3C;}
.citat .kav1 {width:16px; height:13px; background:url(images/arr4.gif) no-repeat left top; position:relative; left:-44px}
.citat .kav2 {width:17px; height:13px; background:url(images/arr5.gif) no-repeat left top; position:relative; left:497px; bottom:-21px;}
.price {font-family:arial; font-size:13px; background:url(images/xls.gif) no-repeat left 3px; padding:0 0 0 27px; margin:-20px 0 35px 3px}
.price1 {font-family:arial; font-size:13px; background:url(images/doc.gif) no-repeat left 3px; padding:0 0 0 27px; margin:-20px 0 35px 3px}
.price a {color:#227cab}
.priceBlok {width:100%}
.priceBlok h2 {width:100%; font-family:georgia; font-size:24px; color:#8ac400; font-weight:100; line-height:27px; margin:0 0 25px 0}
.rightCol .priceBlok h2 a {display:inline; text-decoration:none; color:#8ac400; background:url(images/dot2.gif) repeat-x left bottom;}
.priceBlok table {margin:-5px 0 40px 0; width:650px; float:left}
.priceBlok tr.thead td {font-size:15px; font-weight:bold; color:#000; padding:5px 0px 20px 0}
.priceBlok tr.nechet td {background:#f2f3f4}
.priceBlok td {padding:7px 10px; }
.sub_forms td {padding:0 30px 13px 0}
.sub_forms input {padding:2px 4px; font-family:arial; font-size:13px; color:#c4ceda; border:1px solid #c4ceda; width:260px}
.sub_forms textarea {padding:2px 4px; font-family:arial; font-size:13px; color:#c4ceda; border:1px solid #c4ceda; width:260px}
.sub_forms input.sss {color:#000; width:110px}
h2 {
font-size: 24px;
color: #8AC400;
font-weight: 100;
margin: 30px 0px 28px;
line-height:31px;
}
h3 {
padding-top:10px;
padding-bottom:13px;
}
.add_company {
display: block;
float: left;
width: 404px;
margin-right: 70px;
margin-bottom: 20px;
border: 0px none;
font-family: Arial;
word-wrap: break-word;
}
.add_company .title {
font-size: 21px;
font-weight: normal;
color: #28292B;
margin-bottom: 20px;
display: block;
}
.add_company label {
font-size: 16px;
color: #28292B;
float: left;
clear: left;
margin-top: 10px;
margin-bottom: 10px;
}
.add_company select {
float: left;
clear: left;
width: 404px;
font-size: 12px;
}
.jq-selectbox {
vertical-align: middle;
cursor: pointer;
float: left;
clear: left;
}
.jq-selectbox__select {
width: 562px;
height: 24px;
padding: 0px 30px 0px 10px;
border: 1px solid #BFBFBF;
border-radius: 2px;
background: linear-gradient(to bottom, #F4F4F4 0%, #FFF 30%) repeat scroll 0% 0% transparent;
color: #606060;
text-shadow: 1px 1px #FFF;
font: 14px/24px Arial,Tahoma,sans-serif;
}
.jq-selectbox__text {
display: block;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.jq-selectbox__trigger {
position: absolute;
top: 1px;
right: 1px;
width: 30px;
height: 24px;
}
.jq-selectbox__dropdown {
top: 26px;
width: 402px;
margin: 0px;
padding: 0px;
border: 1px solid #BFBFBF;
border-radius: 2px;
background: none repeat scroll 0% 0% #FFF;
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
font: 14px/18px Arial,Tahoma,sans-serif;
}
.jq-selectbox ul {
margin: 0px;
padding: 0px;
}
.jq-selectbox li {
padding: 2px 10px;
color: #606060;
background: none repeat scroll 0% 0% rgb(255, 255, 255) !important;
}
.add_company label {
font-size: 16px;
color: #28292B;
float: left;
clear: left;
margin-top: 0px;
margin-bottom: 0px;
}
.add_company label span {
color: #55B715;
margin-left: 5px;
}
.add_company input {
float: left;
clear: left;
width: 290px;
height: 24px;
border: 1px solid #BFBFBF;
border-radius: 2px;
font-size: 14px;
line-height: 24px;
padding: 0px 10px;
color: #606060;
}
.add_company span.comment {
display: block;
float: left;
clear: left;
font-size: 11px;
color: #606060;
line-height: 21px;
margin-top: 4px;
margin-bottom: 2px;
}
.add_company label span {
color: #55B715;
margin-left: 5px;
}
.add_company textarea {
float: left;
clear: left;
font-size: 14px;
line-height: 24px;
padding: 0px 10px;
width: 432px;
height: 110px;
border: 1px solid #BFBFBF;
border-radius: 2px;
color: #606060;
}
.add_company span.comment {
display: block;
float: left;
clear: left;
font-size: 11px;
color: #606060;
line-height: 21px;
margin-top: 4px;
margin-bottom: 2px;
}
input[type="text"] {
background: linear-gradient(to bottom, #F4F4F4 0%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 100%) repeat scroll 0% 0% transparent;
}
.add_company select {
font-size: 14px;
line-height: 24px;
padding: 0px 10px;
width: 312px;
height: 26px;
border: 1px solid #BFBFBF;
border-radius: 2px;
color: #606060;
background: linear-gradient(to bottom, #F4F4F4 0%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 100%) repeat scroll 0% 0% transparent;
}
textarea {
background: linear-gradient(to bottom, #F4F4F4 0%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 100%) repeat scroll 0% 0% transparent;
}
.button {
background:url(images/dopM2.png) repeat-x;
padding-left: 35px;
padding-right: 35px;
border: medium none;
cursor: pointer;
font-family:arial;
color:#fff;
}
.button2 {
background:url(images/dopM2_2.png) repeat-x;
padding-left: 35px;
padding-right: 35px;
border: medium none;
cursor: pointer;
font-family:arial;
color:#fff;
}