* {margin:0;padding:0;}
body {
background-color: #fff;
color: #606060;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
html,body {
height: 100%;
}
img {
border: none;
}
.main {
min-height:100%;
width: 930px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
* html .main{
height: 100%;
}
a {
color: #0074b5;
}
a:hover {
color: #ff4c38;
}
.a_vis a:visited {
color: #2388c1;
}
.a_vis a:hover {
color: #ff4c38;
}
.header {
height: 382px;
position: relative;
margin-bottom: 13px;
width: 100%;
}
.logo {
width: 180px;
height: 32px;
position: absolute;
top: 35px;
left: 14px;
}
.slogan {
position: absolute;
top: 45px;
left: 220px;
font-size: 136%;
color: #4f7ea3;
font-style: italic;
font-weight: bold;
display: block;
width: 150px;
height: 16px;
background: url(http://medi-line.ru//images/slogan_ru.gif);
text-indent: -9999px;
overflow: hidden;
}
.slogan_en {
position: absolute;
top: 45px;
left: 220px;
font-size: 136%;
color: #4f7ea3;
font-style: italic;
font-weight: bold;
display: block;
width: 210px;
height: 17px;
background: url(http://medi-line.ru//images/slogan_en.gif);
text-indent: -9999px;
overflow: hidden;
}
.lang {
top: 48px;
right: 42px;
position: absolute;
}
.flash {
width: 632px;
height: 290px;
position: absolute;
top: 91px;
left: 0;
overflow: hidden;
}
.flash img, .flash object {
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.flash ul {
width: 545px;
height: 50px;
background: url(http://medi-line.ru//images/top_menu_fon.gif) repeat-x;
position: absolute;
top: 240px;
left: 43px;
z-index: 2;
font-size: 116%;
font-weight: bold;
overflow: hidden;
list-style: none;
//letter-spacing: -1px;
}
html:root .flash ul {
letter-spacing: -1px;
}
.flash li {
float: left;
margin: 8px 7px 0 -5px;
padding: 8px 11px;
border-right: 1px solid #fff;
//padding: 8px 12px;
}
html:root .flash li {
padding: 8px 12px;
}
.en_ul li {
margin-right:4px;
//margin-right: 7px;
}
*html .en_ul li {
margin-right: 7px;
}
html:root .en_ul li {
margin-right: 7px;
}
.flash a {
color: #635d58;
text-decoration: none;
}
.flash a:hover, .flash .active {
color: #4e4d4d;
text-decoration: underline;
}
.top_menu_left {
width: 27px;
height: 50px;
position: absolute;
top: 240px;
left: 21px;
z-index: 2;
background: url(http://medi-line.ru//images/top_menu_left.png);
}
*html .top_menu_left {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://medi-line.ru//images/top_menu_left.png');
}
.top_menu_right {
width: 35px;
height: 50px;
position: absolute;
top: 240px;
right: 20px;
z-index: 2;
background: url(http://medi-line.ru//images/top_menu_right.png);
}
*html .top_menu_right {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://medi-line.ru//images/top_menu_right.png');
}
.flash_top_left {
width: 28px;
height: 26px;
position: absolute;
z-index: 3;
top: 0;
left: 0;
background: url(http://medi-line.ru//images/flash_top_left.png);
}
*html .flash_top_left {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://medi-line.ru//images/flash_top_left.png');
}
.flash_top_right {
width: 28px;
height: 26px;
position: absolute;
z-index: 3;
top: 0;
right: 0;
background: url(http://medi-line.ru//images/flash_top_right.png);
}
*html .flash_top_right {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://medi-line.ru//images/flash_top_right.png');
}
.flash_bottom_right {
width: 28px;
height: 26px;
position: absolute;
z-index: 3;
bottom: 0;
right: 0;
background: url(http://medi-line.ru//images/flash_bottom_right.png);
}
*html .flash_bottom_right {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://medi-line.ru//images/flash_bottom_right.png');
}
.flash_bottom_left {
width: 28px;
height: 26px;
position: absolute;
z-index: 3;
bottom: 0;
left: 0;
background: url(http://medi-line.ru//images/flash_bottom_top.png);
}
*html .flash_bottom_left {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://medi-line.ru//images/flash_bottom_top.png');
}
.mini_map {
width: 289px;
height: 291px;
position: absolute;
top: 91px;
right: 0;
background: url(http://medi-line.ru//images/mini_map_ru.jpg);
}
.mini_map p {
position: absolute;
top: 82px;
left: 31px;
width: 197px;
}
.mini_map div {
position: absolute;
top: 227px;
left: 72px;
line-height: 18px;
}
.mini_map_en {
background: url(http://medi-line.ru//images/mini_map_en.jpg);
}
.mini_map ul {
list-style: none;
}
.left_column {
width: 240px;
float: left;
}
.left_column ul {
list-style: none;
width: 205px;
overflow: hidden;
top: -22px;
position: relative;
margin-bottom: -25px;
}
.left_column li {
padding: 7px 15px 0 25px;
}
.top_left_menu {
width: 230px;
background: url(http://medi-line.ru//images/left_menu_top.jpg) no-repeat;
padding-top: 32px;
}
.top_left_menu div {
background: url(http://medi-line.ru//images/left_menu_li.jpg) repeat-y;
float: none;
height: auto;
}
.top_left_menu a {
text-decoration: none;
}
.bot_left_menu {
width: 205px;
height: 25px;
background: url(http://medi-line.ru//images/left_menu_bot.jpg);
margin-bottom: 13px;
}
.info_german, .application {
display: block;
width: 184px;
height: 73px;
background: url(../images/fon1.jpg);
line-height: 16px;
margin-bottom: 4px;
margin-left: 9px;
}
.info_german a, .application a {
display: block;
width: 71px;
height: 54px;
padding: 20px 28px 0 85px;
}
*html .info_german a, *html .application a {
width: 184px;
height: 73px;
}
.application {
background: url(http://medi-line.ru//images/fon2.jpg);
}
.center_column {
width: 354px;
float: left;
margin-right: 45px;
}
.center_column h3 {
font-size: 163%;
font-weight: normal;
padding-bottom: 3px;
border-bottom: 1px solid #c0c0c0;
}
.center_column p, .center_column div {
margin: 10px 5px 0 35px;
}
.detail {
color: #606060;
}
.center_column .detail:visited {
color: #606060;
}
.center_column .detail:hover {
color: #ff4c38;
}
.center_column ul {
margin: 15px 0 25px 35px;
list-style: none;
}
.center_column li {
background: url(http://medi-line.ru//images/for_li.gif) 0 5px no-repeat;
padding-left: 20px;
margin-bottom: 7px;
}
.center_column li a {
color: #ff6351;
}
.center_column li a:hover {
text-decoration: none;
}
.center_column li a:visited {
color: #f79d92;
}
.right_column {
width: 291px;
float: left;
overflow: hidden;
}
.expert {
width: 291px;
background: url(http://medi-line.ru//images/expert_fon.gif) repeat-y;
overflow: hidden;
}
.experts {
position: relative;
overflow: hidden;
padding-bottom: 10px;
margin-bottom: -10px;
}
*html .experts {
padding-bottom: 0;
}
.expert .top {
width: 291px;
height: 44px;
background: url(http://medi-line.ru//images/expert_top.gif);
}
.expert .top_en {
width: 291px;
height: 44px;
background: url(http://medi-line.ru//images/expert_top_en.gif);
}
.expert .photo {
width: 271px;
border-bottom: 1px solid #bccfdc;
margin-left: 19px;
}
.expert h6 {
font-size: 100%;
color: #5aa3d7;
margin: 30px 0 0 11px;
}
.expert .photo p {
margin: 15px 0 0 11px;
width: 111px;
}
.expert .photo img {
float: right;
position: relative;
max-width: 135px;
}
html:root .expert .photo img {
margin-top: -28px;
}
*html .expert .photo img {
width: expression(this.offsetWidth>135?"135px": this.style.width);
right: -22px;
}
.clear {
clear: both;
font-size: 0;
height: 0;
line-height: 0;
}
.expert .text {
padding: 10px 0 0 30px;
position: relative;
width: 261px;
margin-bottom: -10px;
}
*html .expert .text {
width: 291px;
}
.expert .text p {
width: 222px;
text-align: justify;
}
.expert .text p a:hover {
color:#ff4c38;
}
.arrow_left, .arrow_right {
width: 16px;
height: 16px;
cursor: pointer;
position: absolute;
top: 10px;
left: 5px;
background: url(http://medi-line.ru//images/arrow_left.gif);
}
.arrow_right {
left: auto;
top: auto;
right: 15px;
bottom: 0;
background: url(http://medi-line.ru//images/arrow_right.gif);
}
.expert .bot {
width: 291px;
height: 27px;
background: url(http://medi-line.ru//images/expert_bot.gif);
}
.expert_invis {
display: none;
}
.choice {
margin: 25px 0 0 9px;
background: url(http://medi-line.ru//images/choice.gif) no-repeat;
width: 283px;
padding-top: 29px;
position: relative;
}
.choice_en {
background: url(http://medi-line.ru//images/choice_en.gif) no-repeat;
}
.choice_link, .choice_link_en {
display: block;
width: 85px;
height: 21px;
text-indent: -9999px;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
}
.choice_link_en {
width: 57px;
}
.choice .photo {
width: 149px;
height: 99px;
overflow: hidden;
position: relative;
float: left;
margin-right: 9px;
}
.choice .photo span {
display: block;
width: 100%;
height: 100%;
background: url(http://medi-line.ru//images/choice_photo.gif);
position: absolute;
top: 0;
left: 0;
z-index: 2;
cursor: pointer;
}
.choice .photo img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.choice h6 {
font-size: 100%;
margin: 0;
font-weight: normal;
}
.choice p {
margin-top: 3px;
}
.choice .all_clinics {
font-weight: bold;
margin-top: 20px;
margin-left: 159px;
}
.yellow_block {
width: 931px;
height: 368px;
background: url(http://medi-line.ru//images/yellow_block.jpg) no-repeat;
clear: both;
position: relative;
}
.yellow_block h3 {
font-size: 100%;
margin: 0 0 0 25px;
padding-top: 20px;
}
.yellow_block h3 a {
color: #6e6e6e;
}
.yellow_block h3 a:hover {
color: #575656;
}
.yellow_block h3 span {
position: relative;
top: -5px;
left: 20px;
}
.events {
width: 560px;
list-style: none;
margin: 20px 0 0 24px;
float: left;
}
.events .photo {
float: left;
width: 120px;
height: 81px;
position: relative;
float: left;
}
.events .photo img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.events .photo span {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
display: block;
cursor: pointer;
}
.events .li1 .photo span {
background: url(http://medi-line.ru//images/event_photo.gif);
}
.events .li3 .photo span {
background: url(http://medi-line.ru//images/event_photo_2.gif);
}
.events .li2 .photo span {
background: url(http://medi-line.ru//images/event_photo_3.gif);
}
.events li {
background: url(http://medi-line.ru//images/for_li_1.gif) 133px 5px no-repeat;
margin-bottom: 18px;
}
.events .text {
float: left;
width: 360px;
display: inline;
margin-left: 55px;
}
.events .text h6 {
font-size: 100%;
font-weight: normal;
margin-bottom: 10px;
}
.schem {
display: block;
width: 345px;
height: 78px;
background: url(http://medi-line.ru//images/schem.png);
position: absolute;
right: 0;
top: -25px;
text-align: center;
cursor: pointer;
}
.schem span {
width: 292px;
height: 19px;
background: url(http://medi-line.ru//images/schem_text.png);
display: block;
margin: 30px auto 0 auto;
cursor: pointer;
}
*html .schem span {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://medi-line.ru//images/schem_text.png');
}
.schem a, .schem_en a {
display: block;
width: 100%;
height: 100%;
}
.schem b {
width: 292px;
height: 19px;
background: url(http://medi-line.ru//images/schem_text_en.png);
display: block;
margin: 30px auto 0 auto;
cursor: pointer;
}
*html .schem b {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://medi-line.ru//images/schem_text_en.png');
}
.contacts {
float: left;
width: 265px;
margin: 25px 0 0 75px;
display: inline;
}
*html .contacts {
margin-left: 45px;
}
.contacts p {
width: 235px;
margin: 0 0 10px 30px;
}
.contacts .phone {
width: 238px;
height: 48px;
background: url(http://medi-line.ru//images/contacts_fon.jpg);
margin: 15px 0 45px 0;
padding: 55px 0 0 30px;
position: relative;
}
*html .contacts .phone {
width: 268px;
height: 103px;
}
.footer {
width: 930px;
margin-left: auto;
margin-right: auto;
height: 56px;
text-align: left;
position: relative;
margin-top: 10px;
overflow: hidden;
border-top: 1px solid #c0c0c0;
}
.border_top {
border-top: 1px solid #c0c0c0;
}
.footer div {
margin: 20px 0 0 25px;
}
.footer a {
color: #535353;
}
.footer a:hover {
color: #535353;
}
.footer a:hover span {
color: #ff6351;
text-decoration: underline;
}
.footer p {
position: absolute;
top: 20px;
right: 43px;
}
.footer p img {
position: relative;
top: 3px;
}
.footer p span {
margin-left: 5px;
margin-right: 5px;
}
.clear2 {
clear: both;
height: 35px;
float: left;
}
.left_column .ramka {
width: 184px;
background: url(http://medi-line.ru//images/ramka_fon.gif) repeat-y;
margin-left: 9px;
margin-bottom: 4px;
}
.left_column .ramka ul {
margin: 0 0 -5px 0;
padding: 0 0 0 17px;
position: static !important;
}
.left_column .ramka li {
padding: 0 3px 7px 8px;
background: url(http://medi-line.ru//images/for_li_2.gif) 0 6px no-repeat;
}
.left_column .ramka .top, .left_column .ramka .bot {
width: 184px;
height: 9px;
font-size: 1px;
background: url(http://medi-line.ru//images/ramka_top.gif);
}
.left_column .ramka .bot {
background: url(http://medi-line.ru//images/ramka_bot.gif);
}
.contacts_mini {
width: 204px;
height: 220px;
background: url(http://medi-line.ru//images/contacts_fon_left.jpg);
margin-top: 10px;
position: relative;
}
.contacts_mini h4 {
padding: 20px 0 16px 87px;
position: relative;
z-index: 1;
}
.contacts_mini div {
margin-left: 84px;
line-height: 18px;
}
.phone_num {
margin: 25px 0 0 30px;
}
.contacts_mini p {
margin: 16px 18px 0 25px;
line-height: 16px;
}
.center_column_big {
float: left;
width: 685px;
overflow: hidden;
}
.center_column_big h3, .center_column_big h4 {
font-size: 163%;
font-weight: normal;
padding-bottom: 3px;
border-bottom: 1px solid #c0c0c0;
width: 350px;
margin-bottom: 13px;
}
.center_column_big h4 {
width: 100%;
border: none;
margin-bottom: 0;
}
.columns {
margin-left: -50px;
float: left;
}
.columns .column {
width: 310px;
float: left;
margin-left: 50px;
display: inline;
}
.pages {
height: 19px;
background: url(http://medi-line.ru//images/pages_right.gif) right 0 no-repeat #dbe9f2;
padding: 0 16px 0 0;
float: left;
margin: 25px 0 10px 250px;
display: inline;
}
.pages ul {
background: url(http://medi-line.ru//images/pages_left.gif) no-repeat;
height: 19px;
padding-left: 16px;
list-style: none;
float: left;
}
.pages li {
padding: 0 3px;
margin-top: 2px;
color: #ff1a00;
display: inline;
float: left;
}
.pages a {
text-decoration: none;
padding-left: 4px;
padding-right: 4px;
}
.pages img {
cursor: pointer;
position: relative;
top: 2px;
}
.clinics {
clear: both;
list-style: none;
}
.clinics li {
clear: both;
padding-bottom: 12px;
float: left;
width: 100%;
}
.clinics .photo {
float: left;
width: 155px;
height: 105px;
position: relative;
}
.clinics .photo img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.clinics .photo span {
width: 100%;
height: 100%;
background: url(http://medi-line.ru//images/ramks_photo_clinics.gif);
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.clinics h6 {
font-size: 100%;
margin: 5px 0 10px 15px;
float: left;
width: 495px;
}
.clinics h6 a {
text-decoration: none;
color: #6f6e6e;
}
.clinics h6 a:hover {
color: #6f6e6e;
text-decoration: underline;
}
.clinics p {
margin-left: 15px;
float: left;
width: 495px;
}
.events2 {
list-style: none;
margin-left: -35px;
float: left;
width: 100%;
}
.events2 li {
width: 305px;
float: left;
display: inline;
margin-left:35px;
margin-bottom: 16px;
}
.events2 .photo {
float: left;
width: 116px;
height: 77px;
position: relative;
}
.events2 .photo img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.events2 .photo span {
width: 100%;
height: 100%;
background: url(http://medi-line.ru//images/events_ramka.gif);
cursor: pointer;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.events2 .date {
margin: 5px 0 10px 20px;
float: left;
width: 160px;
}
.events2 .link {
margin: 0 0 0 20px;
float: left;
width: 160px;
}
.events2 p {
clear: both;
float: left;
margin-top: 5px;
width: 100%;
}
.events2 p a {
text-decoration: none;
}
.events2 .first {
width: 100%;
padding-bottom: 25px;
padding-top: 15px;
border-top: 1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;
}
.events2 .first h6 {
font-size: 109%;
padding-bottom: 20px;
}
.events2 .first p {
float: none;
clear: none;
margin: 0 0 10px 0;
width: auto;
}
.events2 .first .photo {
margin-right: 20px;
margin-bottom: 10px;
}
.texts {
text-align: justify;
}
.texts p, .texts div {
margin-bottom: 20px;
}
.texts .choice {
float: right;
margin: 5px 0 10px 44px;
}
.texts .choice p, .texts .choice div {
margin-bottom: 0;
}
.texts ul {
list-style: disc;
margin: 0;
padding: 0 15px 15px 15px;
float: none;
}
.texts h2, .texts h1, .texts h4, .texts h5, .texts h6 {
margin: 5px;
font-size: 100%;
}
.texts table {
margin: 10px;
border: 1px solid #6f6e6e;
border-collapse: collapse;
}
.texts td {
padding: 3px;
font-size: 11px;
border: 1px solid #6f6e6e;
}
.center_column h5 {
font-size: 109%;
padding-top: 15px;
padding-bottom: 15px;
}
.center_column .faq {
margin: 0;
}
.center_column .faq li {
margin-bottom: 7px;
background: none;
padding-left: 0;
}
.center_column .faq li a:visited {
color: #2388c1;
}
.center_column .faq li span {
color: #1378bf;
cursor: pointer;
text-decoration: underline;
}
.center_column .faq li a:hover {
color: #ff1b01;
text-decoration: underline;
}
.center_column .faq li div {
display: none;
margin: 6px 0 13px 0;
border: 1px solid #c0c0c0;
padding: 5px;
}
.center_column .faq li div ul {
margin: 10px 5px;
}
.center_column .faq li div ul li {
margin-bottom: 3px;
background: url(http://medi-line.ru//images/for_li_3.gif) 0 7px no-repeat;
padding-left: 10px;
}
.center_column form div {
margin: 0 0 5px 0;
clear: both;
}
.center_column form div .checks {
clear: none;
float: left;
width: 260px;
margin-top: 5px;
}
.center_column form div .checks input {
background: none;
width: 14px;
height: 14px;
margin-left: 5px;
margin-bottom: 2px;
}
.center_column form div .checks div {
width: 260px;
}
.center_column form label {
font-size: 109%;
font-family: Arial, Helvetica, sans-serif;
float: left;
width: 91px;
position: relative;
top: 5px;
}
.center_column form div .checks label {
float: none;
cursor: pointer;
width: 200px !important;
position: relative;
top: 1px;
margin-left: 3px;
}
.center_column form label span {
color: #ff0000;
margin-right: 2px;
}
.center_column input {
width: 237px;
height: 20px;
border: none;
background: url(http://medi-line.ru//images/input_fon.gif);
font-size: 12px;
padding: 5px 11px 0 11px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
*html .center_column input {
width: 259px;
height: 25px;
}
.center_column textarea {
width: 238px;
height: 188px;
border: none;
background: url(http://medi-line.ru//images/textarea_fon.png);
font-size: 12px;
padding: 5px 11px 0 11px;
overflow: hidden;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
*html .center_column textarea {
width: 260px;
height: 193px;
}
.center_column .but {
width: 79px;
height: 20px;
background: url(http://medi-line.ru//images/but_send.gif);
cursor: pointer;
padding: 0;
text-align: center;
color: #2b6995;
overflow: hidden;
float: right;
margin-bottom: 20px;
}
.center_column form p {
font-size: 109%;
clear: both;
margin: 0;
}
#img_email {
cursor: pointer;
}
#email {
display: none;
}
.link_phone_number {
display: block;
width: 168px;
height: 19px;
text-indent: -9999px;
overflow: hidden;
position: absolute;
top: 10px;
left: 0;
}
.link_planet {
display: block;
width: 63px;
height: 93px;
position: absolute;
top: 0;
right: 0;
}
.link_planet_mini {
display: block;
width: 62px;
height: 92px;
position: absolute;
top: 11px;
left: 13px;
z-index: 5;
}
.error {
display: none;
color: #ff0000;
margin-bottom: 10px !important;
}
.mar_top_20 {
margin-top: 20px;
}
.selects {
clear: none !important;
float: left;
width: 260px;
}
.selects span {
float: left;
width: 25px;
position: relative;
top: 5px;
}
.type_file {
position: relative;
height: 30px;
clear: none !important;
width: 260px;
float: left;
}
.type_file .input_file {
position: absolute;
top: 0px;
left: 0;
z-index: 200;
width: 260px !important;
height: 25px !important;
-moz-opacity:0 ;
filter:alpha(opacity: 0);
opacity: 0;
cursor: default;
}
html:root .type_file .input_file {
left: 70px;
}
.fon_type_file {
width: 260px;
height: 25px;
background: url(http://medi-line.ru//images/fon_file_type.gif) no-repeat;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.type_file .input_text {
position: absolute;
top: 0px;
left: 0;
z-index: 2;
width: 180px;
height: 20px;
background: none;
}
*html .type_file .input_text {
width: 185px;
height: 25px;
}
.mar_top_20 .div1 {
min-height: 35px;
}
*html .mar_top_20 .div1 {
height: 35px;
}
.inp_en {
background-image: url(http://medi-line.ru//images/fon_file_type_en.gif) !important;
}