html, body {margin:0; padding:0;}
html {
  overflow-y: scroll; /* чтобы избавиться от горизонтальных скачков при переходе на страницы без скроллбара */
  font-size: 75%;     /* базовый кегль 75% (12px==1em), все остальные наследуют значение = 12px x Xem */
  }
body {
  position:relative;
  background-color:#fff;
  padding:0 0em;
  }

/* -------------------------------------------------------------------------- */
/* Одинаковый размер шрифта для 96 и 120dpi */
@media all and (min-resolution: 120dpi) {
    html {font-size: 63.2%;} /* пропорционально уменьшаем кегль: 63.2/(120/96) */
    html, x:-moz-any-link {font-size: 75%;} /* выбор несуществующего элемента x с псевдоклассом -moz-any-link. понимают только Gecko-браузеры, остальные проигнорируют всю строчку */
  }

/* -------------------------------------------------------------------------- */
body, table, input, label, textarea, button, select {
  /* font: font-style || font-variant || font-weight || font-size[/line-height] || font-family */
  font:normal 1em/normal Georgia, Arial, Helvetica, sans-serif;
  }

h1, h2, h3, h4 {color: black;}
h1 {font-size:1.583em; font-weight:normal;}
h2 {font-size:1.167em;}
h3 {font-size:1.083em;}
h4 {font-size:1.083em;}
h5 {font-size:1.083em;}
  h1:first-child,
  h2:first-child,
  h3:first-child {margin-top:0 !important;}
  h1 + h2,
  h1 + h3,
  h2 + h3 {margin-top:0;}

p {margin:1em 0px; padding:0px;}
p:first-child {margin-top:0 !important;}

img {border-width:0px;}

a:link {color:#06c;}
a:hover {color:brown !important;}
a:visited:hover {color:brown !important;}

sup {position:relative; top:-.25em; line-height:normal; font-size:8pt;}

/* -------------------------------------------------------------------------- */
/* Элементы форм */
form {margin:0; padding:0; position:relative;}
  optgroup {font-style:normal; font-weight:bold; padding-left:3px;}

  label,
  input,
  select,
  button {
    vertical-align:middle; /* Чтобы все элементы формы располагались по центру строки */
    overflow:visible; /* Убрали лишние внутренние отступы у кнопок в IE */
  }
  select {/*padding:0px;*/ /*border:2px inset threedface;*/}
  form select {margin-right:.5em;}

  fieldset {
    display:block;
    border:1px solid silver;
    padding:.545em 2em 1em 0;
    margin:.545em 0 1em;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    }
    fieldset legend {margin:0px 0.818em; padding:.25em; font-size:1.091em; color:#555;}

  textarea {vertical-align:top; width:100%;}

  input[type="submit"],
  input[type="reset"],
  input[type="button"] {margin-right:.727em; padding:.182em .455em;}
    input.type-submit,
    input.type-reset,
    input.type-button {margin-right:.727em; padding:.182em .455em; margin-top:1px;}

  input[type="radio"],
  input[type="checkbox"]{padding:0; margin:0 .545em 0 0;}
    input.type-radio,
    input.type-checkbox {padding:0; margin:0;}

  form dl {padding:0; margin:0px 0px 1px;}
  form dl dt,
  form dl dd {margin:0px; padding:0px;}

  form dl.row {padding:.455em 0px;}
  form dl.row dt,
  form dl.row dd {margin:0px; padding:0px; vertical-align:baseline;}
  form dl.row {clear:both;  width:100%; overflow:visible; position:relative; }

  form dl.row dt.label {
    position: relative;
    display: block;
    clear: left;
    float: left;
    margin-right:-100%; /* чтобы справа не было отступа в IE */
    width: 14.25em;
  }
  form dl.row dd.value {margin-left: 15em;}

  form dl.row dt.label label {display:block; vertical-align:baseline; padding-top:.182em;/*.273em*/}
  form dl.row .r,
  form dl.row .r label {text-align:right;}

  form .required label:after {content: '*'; width:.65em; margin-right:-.65em; color: brown; font-family:Verdana; line-height:.5em;}
  form .required sup {
    font-family:Verdana;
    color: brown;
    display: block;
    position: absolute;
    vertical-align: middle;
    top: 0em;
    right:-.75em; width:.75em;
    text-transform: none;
    font-size: 8.5pt;
    margin: 0px;
    line-height:.75em;;
  }
  form .disabled {color:graytext;}
  form .hint {color:gray; /*vertical-align:middle;*/}
  form .tip {background-color:#ffc; color:#95682b; width:auto; vertical-align:middle; }
  form .att {color: brown;}
  form .error {color: brown; /*vertical-align:middle;*/}
  form .correct {color: green; /*vertical-align:middle;*/}

/* Cелектор */
.selector {padding-left:20px; position:relative;}
.selector input.type-radio,
.selector input.type-checkbox {position:relative; left:0px; margin-left:-20px;}
.selector input[type="radio"],
.selector input[type="checkbox"] {position:relative; left:0px; margin-left:-20px;}
/* Список селекторов */
ul.selector {margin:0px; padding:0px; list-style-type:none;}
ul.selector li {position:relative; vertical-align:top; padding-left:20px; margin-bottom:.5em;}

/* -------------------------------------------------------------------------- */

ul.dash {margin:0; padding:0;}
ul.dash li:before {content:'\2014'; padding-right:0.5em; color:brown;}
ul.dash li {padding-left:1.583em; list-style-type: none; margin:0 1.667em .5em 0; text-indent:-1.5em;}
ul.dash li span.dash {padding-right:0.5em;color:brown;}
li ul.dash li { background:none;}

.clear {display: block; clear: both; overflow:hidden; font-size:0;}
.not-display {display:none;}

.third {width:33%;}
.half {width:50%;}
.two-thirds {width:66%;}
.wide {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  }

/* -------------------------------------------------------------------------- */
/* Столбики */
.p-row {position:relative; margin:0; padding:0;}
.p-row:after {content:''; display: block; clear: both;}
  .p-row-wrap {position:relative; }
  .p-row-wrap:after {content:''; display: block; clear: both;}
    .p-col {float:left;}

/* -------------------------------------------------------------------------- */
/* Псевдо-ссылка (пунктирное подчеркивание) */
.plink {
  white-space:nowrap;
  text-decoration:none;
  cursor:pointer;
  border-bottom:1px dotted #36c;
	position:relative;
	top:-2px;
  color:#36c;
  }
  .plink .value {
  	position:relative;
  	top:2px;
  }

/* -------------------------------------------------------------------------- */
/* Уголки */
.corners {
	position: relative;
  }
  .corners ins.tl,
  .corners ins.tr,
  .corners ins.bl,
  .corners ins.br {position:absolute; width:10px; height:10px; z-index:2; overflow:hidden;}
  .corners ins.tl i,
  .corners ins.tr i,
  .corners ins.bl i,
  .corners ins.br i {
    position:absolute; left:0px; top:0px; display: block;
    width: 52px; height: 26px;
    background: transparent url('/img/sprite_corners.png') no-repeat 0px 0px;
  }
  .corners ins.tl {top:0px;  left:0px; }
  .corners ins.tr {top:0px;  right:0px;}
  .corners ins.bl {left:0px; bottom:0px;}
  .corners ins.br {bottom:0px; right:0px;}
    .corners ins.tl i {top:-1px;  left:-1px;}
    .corners ins.tr i {top:-1px;  left:-15px;}
    .corners ins.bl i {top:-15px; left:-1px;}
    .corners ins.br i {top:-15px; left:-15px;}

/* ========================================================================== */
/* Маска и попапы */
#mask {
  z-index:20;
  position:fixed;
  left:0; top:0;
  width: 100%;
  min-height: 100%;
  background-color:#000;
  opacity:.5;
  }
.popup {
  z-index:30;
  overflow:hidden;
  visibility:visible;
  position:absolute;
  /*position:fixed;*/
  top:50%;
  left:50%;
  width:10em;
  height:10em;
  margin:-5em 0 0 -5em;
  padding:2em;
  background:#fff;
  border:1px solid black;
}
#popup-map {
  top:10.833em;
  width:66.667em;
  margin:-1px 0 0 -33.333em;
  height:auto;
  }

/* ========================================================================== */
/* Разметка страницы */
.page {
 position: relative;
  min-width: 1240px; /*103.333em 1240px;*/
  max-width: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden; /* чтобы при масштабировании окна из за прогрешности расчета процентов не появлялся горизонтальный скроллбар */
  background-color:#fff;
  }

  .page-header {
    position: relative;
    height: 10.833em; /*height: 130px;*/
    margin: 0;
    padding: 0;
    background: #7c0e09 url(/img/bg_head_tile.png) repeat-x 67px 50%;
    color: white;
    }

  .page-body {
    position: relative;
    margin: 2.500em 3.250em;
    padding: 0;
    }
    .main-content {
      position: relative;
      float: left;
      width: 66%;
      margin-right:-66%;
      }
    .side-content {
      position: relative;
      margin-left: 66%;
    }
  .page-footer {
    clear:both;
    position: relative;
    margin:0 3.250em 0.500em;
    padding: 0;
    }

/* .page-footer внизу страницы
html, body {height:100%;}
body {min-height:100%;}
.page {min-height:100%;}
.page-body {padding-bottom:10em;}
.page-footer {
  height:10em;
  width:100%;
  position:absolute;
  left:0;
  bottom:0;
  }
 */

/* -------------------------------------------------------------------------- */
/* Элементы .page-header */
.page-header .logo {
  height:10.833em;
  width: 603px;
  position:absolute;
  top:0; left:0;
  background: url(/img/bg_head.png) no-repeat 0 50%;
  }
.page-header .logo img {width:382px; height:56px; border:0; position:absolute; top:50%; left:3.250em; margin:-28px 0 0;}

.hotline {
  position:absolute;
  top: 50%;
  left: 66%;
  height: 5.083em;
  margin:-2.583em 0 0 -2em;
  white-space:nowrap;
  text-shadow:0px 0px 2px rgba(0,0,0,.5); font-weight:normal;
  }
.hotline .phone {display:block; margin-top:0.077em; font-size:2.167em; line-height:1.077em; font-weight:normal;}
.hotline .address {font-size:1.083em; border-bottom-color:#FEDE62; color:#FEDE62;}

ul.lang-chooser {
  font-size:1.25em; /*15px*/
  position:absolute;
  top:50%;
  right:3.250em;
  margin:-1.133em 0 0 0;
  padding:0;
  width:10em; /*150px*/
  height:2.267em; /*34px*/
  line-height:2.267em; /*34px*/
  text-align:center;
  background:url(/img/bg_lang-chooser.png) no-repeat 50% 50%;
  }
ul.lang-chooser li {margin:0; vertical-align:bottom; padding:0 .55em; display:inline-block;}
ul.lang-chooser a {color:#fede62 !important;}
ul.lang-chooser a:hover {color:#fff !important;}

/* -------------------------------------------------------------------------- */
/* Элементы .main-content */
.main-content .section {

  position: relative;
  margin:0 6em;
}

.articles dt,
.articles dd {margin:0;padding:0;}
.articles .date {color:gray;}

.booking {position:relative; margin-top:-2.500em; margin-right:3.333em; margin-bottom:2.167em;}
  .booking .wrap {
    background:#e1e1e1 url(/img/bg_tile.png) 67px 0;
    margin-top:1px;
    padding:2.25em 2.917em 3em 72px;
    }

  .booking h1 span {font-size:0.632em}

  .booking form dl.row dt.label {width: 6.417em;}
  .booking form dl.row dd.value {margin-left: 7em;}

  .booking legend select {font-size:1.167em;}

  .booking form dl.d-selector dt.label {width: 24.417em;}
  .booking form dl.d-selector dd.value {margin-left: 25em;}

  .booking .staff .person {margin:1.5em 0 0 0; display:block; width:auto; height:auto;}
    .booking .staff .person .photo {margin-left:0; width:40px; height:auto; }
    .booking .staff .person .photo img {width:100%; height:100%; margin:0;}
    .booking .staff .person select {margin-right:0;}

  .booking .staff .person dt,
  .booking .staff .person dd {margin:0 1em 0 40px; padding:0;}

  .booking .submit {padding:0 0 0 50px; margin:0; width:auto;}
    .booking .submit input {font-size:1.5em;}
  
  .booking .type {clear:both; padding:1em 0 0 50px; margin:0;}
    .booking .type .selector {margin-bottom:.75em; }
    .booking .type .selector label {font-size:1.167em; font-weight:bold;}
    .booking .type li { margin:0 0 .75em; padding:0; list-style-type:none;}
    .booking .type li dl {display:none;}
    .booking .type li.selected dl {display:block;}

.teaser {position:relative; margin-top:-2.500em; margin-right:3.333em; margin-bottom:2.167em;}
  .teaser .wrap {
    background:#f2eee9 url(/img/bg_teaser.png) repeat-y 100% 0;
    margin-top:1px;
    }
    .teaser .cite {
      position:relative;
      padding:2.917em 0; /*font-family:Georgia;*/
      margin:0 386px 0 72px; /*margin:0 32.167em 0 6em;*/
      }
      .teaser blockquote {
        font-size:1.167em;
        line-height:1.5;
        font-style:italic;
        padding:0;
        margin:0 0 1.429em;
        text-align: justify;
        word-spacing: -0.1ex;/**/
        }
      .teaser blockquote:before,
      .teaser blockquote:after {
        position:absolute;
        margin-top:-.3em;
        font-size:1.500em;
        color:#aa1b1d;
        }
        .teaser blockquote:before {content:'\00AB'; left:-.75em;}
        .teaser blockquote:after {content:'\00BB';}
    .teaser .photo {
      position:absolute;
      right:0;
      bottom:0;
      width: 380px; /*31.667em;*/
      height: 370px; /*30.833em;*/
      border:none;
      }
    .teaser .person {
      position:relative;
      margin:0 0 0 50%;
      padding:0;
      width:50%;
    }
    .teaser .person a {font-size:1.417em; font-style:italic; color:#aa1b1d;}
    .teaser .position {display:block; margin-top:.25em; font-size:0.917em; color:#666;}

.intro-links .p-row-wrap {margin-right:1.167em;}
  .intro-links .p-col .p-col-wrap {margin:0 2.167em 2.167em 0; padding:0 2.167em;}
  .intro-links .heading a {color:#927b3f !important;}

.consultation-form {margin-right:3.333em; margin-bottom:2em;}
  .consultation-form form {
    padding:2em;
    background:#e1e1e1 url(/img/bg_em-tile.png) -60px 0px;
    }
  .consultation-form form img {border:1px solid white;}
  .consultation-form input[type='submit'] {font-size:1.5em;}
  .consultation-form input.type-submit {font-size:1.5em;}
.consultation-list{

}

.consultation-list dl {position:relative;}

.consultation-list dt,
.consultation-list dd {margin:0; padding:0;}
.consultation-list dt {font-size:1.167em; font-weight:bold}

.consultation-list .question dt {color:#AA1B1D;}
.consultation-list .answer {margin:1em 0 2em 3em;}
.consultation-list .answer dt {color:#927B3F;}


.staff .person {clear:both; display:inline-block; width:25em; margin:0 0 3em 0; position:relative; vertical-align:top;}
  .staff .person dt,
  .staff .person dd {margin:0 1em 0 100px; padding:0;}

  .staff .name .second {font-size:1.333em; font-weight:bold;}
  .staff .name .first_middle {display:block; font-size:1.167em; font-weight:bold;}

  .staff .person .photo {position:relative; float:left; top:0; left:0; margin-left:0px; width:80px; height:100px;}
  .staff .person .photo img {width:80px; height:100px;}
  .staff .person .position {margin-top:.5em; font-size:0.917em; color:gray;}

.staff-person .photo {width:160px; height:200px; float:left; margin:0 2em 1em 0}

/* -------------------------------------------------------------------------- */
/* Элементы .side-content */
/* Основная навигация */
ul.main-nav {
  font-size:1.167em; /*font-size:14px;*/
  margin:0 0 1.429em -.833em; /*margin:0 0 20px;*/
  padding:0;
  }
  ul.main-nav li {
    list-style-type:none;
    margin:0; padding:0;
    vertical-align:top;
    }
  ul.main-nav ul {
    font-size:0.857em; /*font-size:12px;*/
    margin:0 0 .5em 1.667em; /*margin:0 0 .5em 20px;*/
    padding:0;
    }

  ul.main-nav a,
  ul.main-nav span {
    position:relative;
    color:#927b3f !important;
    margin:.125em 0;
    padding:0.286em 0.714em; /*padding:4px 10px;*/
    display:inline-block;
    }

  ul.main-nav .selected:hover,
  ul.main-nav .selected {color:#fff !important; background-color:#aa1b1d; /*-moz-border-radius:8px; -o-border-radius:8px; border-radius:8px;*/}
  ul.main-nav a:hover {color:brown !important;}

  ul.main-nav ul .selected:hover,
  ul.main-nav ul .selected {color:brown !important; font-weight:bold; background-color:transparent;}


  ul.main-nav .selected ins {display:block;}
  ul.main-nav ul .selected ins {display:none;}
  ul.main-nav ins {display:none; position:absolute; width:10px; height:10px; overflow:hidden;}
      ul.main-nav ins.tl i {top:-1px;  left:-27px;}
      ul.main-nav ins.tr i {top:-1px;  left:-41px;}
      ul.main-nav ins.bl i {top:-15px; left:-27px;}
      ul.main-nav ins.br i {top:-15px; left:-41px;}

.whyeuromed {
  margin:0 0 3em; /*margin:0 0 32px;*/
  }
.whyeuromed a {
  font-size:1.333em; /*font-size:16px;*/
  color:#36c !important;
  }
  .counter {
    margin-bottom:0.333em; /*margin-bottom:4px;*/
    }
    .counter strong {
      display:inline-block;
      font:normal normal 2.833em/1em 'Times New Roman',Times,Serif; /*font:normal normal 34px/34px 'Times New Roman',Times,Serif;*/
      margin-right:0.176em; /*margin-right:6px;*/
      color:#aa1b1d;
    }
    .counter .label {
      display:inline-block;
      width:8.333em; /*width:100px*/
      }

.side-content{
	
}

.side-content .booking {
  position:relative;
  padding:1em 1.333em;
  margin:0 0 3em -1.333em;
  background: #7c0e09 url(/img/bg_head_tile.png) repeat-x 220px -40px;
  }
  .side-content .booking form {
    color: white;
    margin-bottom:0.667em; /*margin-bottom:8px;*/
    }
  .side-content .booking .heading {
    color:#fede62;
    font-size:1.583em; /*19px*/
    margin:0 0 0.316em; /*margin:0 0 6px;*/
    }
    
.price {
  position:relative;
  font-size:1.167em; /*font-size:14px;*/
  padding-left:40px;
  width:12.5em; /*width:200px;*/
  background:url(/img/bg_icon-price.png) no-repeat;
  }
  .price a {
    color:#36c !important;
    }

/* -------------------------------------------------------------------------- */
/* Элементы .page-footer */
.clinics-links {

/*  float: left;*/
  width: 95%;
  font-size: 90%;
  margin-right:-66%;
margin-left: 6%;
  }
  .clinics-links .p-row-wrap {margin-right:1.167em;}
  .clinics-links .p-col-wrap {margin:0 2.167em 2.167em 0; padding:2.167em;}

.clinic{
	width: 30%;
}

  .clinic .logo {
    /*width:16.667em; /*width:200px;*/
    /*height:2.333em; /*height:28px;*/
    display:block;
    position:relative;
    margin:0;
    }
  .clinic p {margin:.5em 0 0; color: white; }
.clinic p  a {color: white;}
  .clinic .em-kids {background:#e8edde url(/img/bg_em-kids.png) -60px 0px; color: white;}
  .clinic .em-express {background:#f0e4de url(/img/bg_em-express.png) -60px 0px; color: white;}
  .clinic .em-invitro {background:#6BAA33 url(/img/bg_em-invitro.png) -60px 0px; color: white;}

.copyright {
  position:relative;
  font-size:0.917em; /*font-size:11px;*/
  margin:0 0 0 66%; /*margin:0 0 0 796px;*/
  padding:0;
  color:gray;
  }
  .copyright p {margin:0 0 6px; text-indent:-12px;}
  .copyright dl,
  .copyright dt,
  .copyright dd {margin:0; padding:0;}

.copyright .mezich {margin:10px 0 0;text-indent:0px;/*position:absolute;  top:0; right:0;  text-indent:0px;*/}

.clearfix {
	visibility: hidden; display: block;
	font-size: 0; content: " ";
	clear: both; height: 0;
}