﻿html, body, form {margin: 0; padding: 0;}

html {overflow: auto;}
html, body, #container {height: 100%;}
html > body #container {height: auto; min-height: 100%;}

hr {width:100%; height: 1px; border: medium none; color: #d1d0d0; background-color: #d1d0d0; margin:7px 0px !important; margin:0px;}

a {color:#44B7D0;}
a:hover {color:#644C68;}

h1 {color:#0C5674;}
h2,h2 {color:#444;}

/*Data table*/
table.data-table {border:1px solid #F3F3F3; border-collapse:collapse;}
table.data-table td {border:1px solid #F3F3F3; padding:5px 7px;}
table.data-table thead td, table.data-table th {background-color:#F3F3F3; font-weight:normal; border:1px solid #F3F3F3; padding:4px; color:#333;}
table.data-table tfoot td {background-color:#F3F3F3; padding:4px; color:#333;}

.errortext {color:red;}
.notetext {color:green;}
.starrequired {color:red;}

.left {float:left;}
.right {float:right;}
.clear {clear:both;}

body {background:url('img/bg.jpg') repeat-x;}

#container {width:980px; margin:0 auto; position:relative;}
#header {height:130px; width:100%; margin:0 0 40px 0;}
#content {padding-top:1px; padding-bottom:150px; width:100%;}
#footer {height:130px; width:100%; position:absolute; bottom:0;}

.name_block {width:300px; float:left;}
.clinic_name {color:#146C85; font: normal 18px Tahoma,Helvetica,sans-serif; padding-left:10px;}

.worktime {float:left; height:130px; margin:20px 0 0 80px; padding-left:80px; background:url('img/clock.gif') no-repeat;}
.worktime-head {color:#333; font: normal 18px Tahoma,Helvetica,sans-serif; padding-bottom:10px;}
.worktime-text {color:#654C68; font: bold 12px Tahoma,Helvetica,sans-serif; line-height:150%;}

.contacts {margin:20px 0 0 70px; float:left; width:200px;}
.contacts-phone {color:#4B4951; font: normal 22px Tahoma,Helvetica,sans-serif; padding-bottom:10px;}
.contacts-address {color:#654C68; font: bold 12px Tahoma,Helvetica,sans-serif; line-height:150%;}

#left-col {float:left; width:230px;}
#right-col {float:right; margin-left:70px; width:680px;}
#right-col {color:#636363; font-size:14px; line-height:140%;}
#right-col td {color:#636363; line-height:120%;}
#right-col li {padding:3px;}

div.lev1 {padding:7px 10px 7px 15px; font-size:16px}
div.lev1-selected a {color:#FFF; text-decoration:none;}

div.lev2, div.lev2-selected {padding:5px 0 5px 30px; font-size:14px; color:#C4C2CB;}
div.lev2-selected a {color:#644C68; text-decoration:none;}

.footer-content td {padding:30px 20px 20px 20px; color:#6D6367;}
.copyright {color:#6D6367; font: normal 14px Tahoma,Helvetica,sans-serif; line-height:150%;}

.search-form td {padding:0 5px 0 0; margin:0;}
.inputsearch {width:150px; border:1px solid #C1D5DE;}

.metamax {background:url('img/logo_metamax.gif') right top no-repeat; padding-right:100px; height:70px;}

.banner {margin:20px 0;}
.banner a {color:#FFF;}
.banner a:hover {color:#644C68;}

.news-date-time {color:#644C68;	font-size:11px; font-style:italic;}
div.news-list img.preview_picture {float:left; margin:0 4px 6px 0;}

.news_mp {padding-left: 20px;}
.news_mp td {padding-right: 20px; font-size:16px;}
.news_mp td .text {font-size:13px;}

div.title {color:#444; font: normal 22px Tahoma,Helvetica,sans-serif;}

.about {margin-top:30px;}

.qustions-list .answer {padding:5px 10px 20px 35px;}

div.box-c {height:10px; margin: 0 10px; position: relative; background: #FFF;}
div.box-c em b {position:absolute; font:100px Arial; line-height:30px; font-weight:normal;}
.ctl, .cbl, .ctr, .cbr {z-index:11; width:10px; height:10px; color:#FFF; overflow:hidden; position:absolute; background:transparent;}
		
.ctl {top:0; left:-10px;}
.cbl {bottom:0; left:-10px;}
.ctr {top:0; right:-10px;}
.cbr {bottom:0; right:-10px;}

.ctl b {top:-1px; left:-6px;}
.ctr b {top:-1px; left:-19px;}
.cbl b {left:-6px; top:-16px;}
.cbr b {left:-19px; top:-16px;}
		
div.box-inner {padding: 0 10px; background: #FFF;}

.banner div.box-c {background-color:#44B7D0;}
.banner .ctl, .banner .cbl, .banner .ctr, .banner .cbr {color:#44B7D0;}
.banner div.box-inner {padding: 0 10px; background-color:#44B7D0; color:#FFF; padding:20px; font: normal 16px Tahoma,Helvetica,sans-serif; line-height:140%;}

.about div.box-inner {padding: 10px 20px;}

.question div.box-c {background-color:#F3F3F3;}
.question .ctl, .question .cbl, .question .ctr, .question .cbr {color:#F3F3F3;}
.question div.box-inner {padding:0 10px 0 35px; background: #F3F3F3 url('img/question.gif') 5px 5px no-repeat;}

#footer div.box-c {background-color:#ECF8FA;}
#footer .ctl, #footer .cbl, #footer .ctr, #footer .cbr {color:#ECF8FA;}
#footer div.box-inner {background-color:#ECF8FA;}

.lev1-selected div.box-c {background-color:#C4C2CB;}
.lev1-selected .ctl, .lev1-selected .cbl, .lev1-selected .ctr, .lev1-selected .cbr {color:#C4C2CB;}
.lev1-selected div.box-inner {background-color:#C4C2CB; font-size:16px; padding:0px 10px 0px 15px;}

.metro {background: url('img/metro.gif') no-repeat; padding-left: 23px; padding-bottom:2px;}

.visit {float:left;}
.visit div.box-c {background-color:#F3F3F3;}
.visit .ctl, .visit .cbl, .visit .ctr, .visit .cbr {color:#F3F3F3;}
.visit div.box-inner {padding:0 30px; background-color: #F3F3F3;}

/*Diagnostic table*/
table.diagnostic-table td {padding:10px; font-size:12px;}
table.diagnostic-table tr.dark td {background-color:#F3F7F8;}
table.diagnostic-table thead td, table.diagnostic-table th {background-color:#DDEAF0; font-weight:normal; font-size:12px; padding:4px; color:#636363;}
table.diagnostic-table tfoot td {background-color:#DDEAF0; padding:4px; color:#636363;}
table.diagnostic-table .name {font-size:16px; color:#0C5674; padding-bottom:5px;}

/*Doctors table*/
table.doctors-table td {padding:10px; font-size:12px;}
table.doctors-table tr.dark td {background-color:#F3F7F8;}
table.doctors-table .name {font-size:16px; color:#0C5674; padding-bottom:5px;}
table.doctors-table .visit {font-size:14px;}
