* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
	background:#FFF;
}
header, nav, section, article, aside, footer {
	display: block;
}
table{
margin:10px 0;
}
table td{
	padding:5px;
}
a.akcia{
	display: block;
	margin-bottom: 20px;
}
.clear{
	clear:both;
	display: block;
}
.left{
	float: left;
}
body {
	font: 14px/18px Tahoma, Geneva, sans-serif;
	height: 100%;
	color:#1e1e1e;
	background:url(../images/main-background.jpg) no-repeat center top;
}
body.main{ background:url(../images/main-page.jpg) no-repeat center top !important; height:auto} 
a {
	color: #0066ff;
	outline: none;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
.cleafrix:before,
.cleafrix:after {
    content:"";
    display:table;
}
.cleafrix:after , .clear{
    clear:both;
}
p {
	margin: 0 0 18px;
	text-align: justify;
}
img {
	border: none;
}
input {
	vertical-align: middle;
}
#wrapper {
	width: 1000px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
.text ul{
padding-left: 20px;
}

.textcenter{
	text-align:center;
}
.vnimanie {
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #0066ff;
	text-shadow: 3px 3px 3px #d8d8d8;
	filter: dropshadow(color=#d8d8d8, offx=3, offy=3);
}

/* Header
-----------------------------------------------------------------------------*/
#header {
	height: 232px;
	padding:72px 0 0;
	position:relative; font-family:Georgia, "Times New Roman", Times, serif; color:#fff;
}
body.main #header{ display:none}
.hidden{ display:none}
.logo{ position:absolute; width:322px; height:112px; top:72px; left:50%; margin:0 0 0 -161px}
.adress{ float:left; width:180px; margin:0 0 0 106px; font-size:18px; font-weight:bold; font-style:italic }
.phone{ float:right; width:210px; margin:0 56px 0 0; font-size:18px; font-weight:bold; font-style:italic }
.header-nav{ text-align:center}
.header-nav nav{ display:inline-block; position:relative; background:url(../images/nav.png) repeat-x top; height:38px; padding:12px 0 0; margin:116px 0 0}
.header-nav nav:after{ content:' '; position:absolute; top:0; left:-58px; background:url(../images/nav-decor.png) no-repeat; width:58px; height:59px; }
.header-nav nav:before{ content:' '; position:absolute; top:0; right:-58px; background:url(../images/nav-decor.png) no-repeat -58px 0; width:58px; height:59px; }
nav ul{ list-style-type:none; text-align:center}
nav li{ display:inline-block; margin:0 30px}
nav a{ color:#000000; font-size:18px; font-style:italic; text-decoration:none}
#a-main,#a-kontakty,#a-sitemap{
	display: block;
	height: 30px;
	width: 30px;
	top: 30px;
	position: absolute;
	z-index: 100;
	right: 50%;
}
#a-main img,#a-kontakty img,#a-sitemap img{
	width: 100%;
}
#a-main{
	margin-right: -370px;
}
#a-kontakty{
	margin-right: -410px;
}
#a-sitemap{
	margin-right: -450px;
}
.sitemap a{
	display: block;
}
/* Middle
-----------------------------------------------------------------------------*/
#middle {
	width: 100%;
	padding: 22px 0 136px;
	height: 1%;
	position: relative;
	background:url(../images/wrapper.png) no-repeat center top
}
#middle:after {
	content: '';
	clear: both;
	display: table;
}
body.main #middle{ background:none !important; padding:0 !important}

#container {
	width: 100%;
	float: left;
	overflow: hidden;
}
#content {
	padding: 0 30px 0 280px;
}
#content img  {
	width:400px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(135, 200, 255, 1);
	box-shadow: 0px 0px 20px 0px rgba(135, 200, 255, 1);
}
#content .img90 img  {
	width: 90%;
}
h2.razdel{
padding: 5px;
margin: 20px 10px;
color: #fff;
	text-align:center;
	display:block;
	font-weight:bold;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #27a4fc;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#27a4fc), to(#0a75ac));
background: -webkit-linear-gradient(#27a4fc, #0a75ac);
background: -moz-linear-gradient(#27a4fc, #0a75ac);
background: -ms-linear-gradient(#27a4fc, #0a75ac);
background: -o-linear-gradient(#27a4fc, #0a75ac);
background: linear-gradient(#27a4fc, #0a75ac);
-pie-background: linear-gradient(#27a4fc, #0a75ac);
behavior: url(/PIE.htc); position:relative;
}
body.main #content{ padding:0}

.main-page{ height:1024px }
.main-page .adress{ float:left; width:180px; margin:120px 0 0 70px; font-size:18px; font-weight:bold; font-style:italic; color:#FFFFFF; font-family:Georgia, "Times New Roman", Times, serif }
.main-page .phone{ float:right; width:210px; margin:120px 50px 0 0; font-size:18px; font-weight:bold; font-style:italic; color:#FFFFFF; font-family:Georgia, "Times New Roman", Times, serif }
.main-page .logo{ top:80px}
.main-page .header-nav nav{ margin:577px 0 0; font-family:Georgia, "Times New Roman", Times, serif}
#act{display:none;height:161px;width:161px;background: url(../images/main-ico2.png) no-repeat 0 0;}
#surgery{ width:135px; height:151px; position:absolute; top:490px; left:80px; background: url(../images/main-ico.png) no-repeat 0 0; display:block; z-index:5;}
.surgeryact{ position:absolute; top:477px; left:67px; display:block !important; z-index:3;}
#treatment{ width:136px; height:151px; position:absolute; top:326px; left:101px; background: url(../images/main-ico.png) no-repeat -135px 0; display:block; z-index:5;}
.treatmentact{  position:absolute; top:313px; left:88px;  display:block !important; z-index:3;}
#diagnostics{ width:166px; height:151px; position:absolute; top:201px; left:230px; background: url(../images/main-ico.png) no-repeat -271px 0; display:block; z-index:5;}
.diagnosticsact{ position:absolute; top:188px; left:235px; display:block !important; z-index:3;}
#prophylaxis{ width:184px; height:151px; position:absolute; top:202px; left:538px; background: url(../images/main-ico.png) no-repeat -437px 0; display:block; z-index:5;}
.prophylaxisact{ position:absolute; top:188px; left:554px; display:block !important; z-index:3;}
#implantology{ width:191px; height:151px; position:absolute; top:327px; left:704px; background: url(../images/main-ico.png) no-repeat -621px 0; display:block; z-index:5;}
.implantologyact{ position:absolute; top:313px; left:714px; display:block !important; z-index:3;}
#prosthetics{width:197px; height:151px; position:absolute; top:488px; left:726px; background: url(../images/main-ico.png) no-repeat -812px 0; display:block; z-index:5;}
.prostheticsact{ position:absolute; top:477px; left:747px;   display:block !important; z-index:3;}
.slogan{ background:url(../images/slogan.png) center no-repeat; height:43px; margin:29px 0 0 -10px}
.callback{ color:#0ed3ff; font-size:12px; font-style:italic; display:block; text-align:right}

.overlay{ width:100%; height:100%; top:0; left:0; background:url(../images/overlay.png) repeat; position:fixed; z-index:999; display:none}
.overlay .logo{ position:absolute; width:322px; height:112px; top:50%; left:50%; margin:-76px 0 0 -161px; text-align:center}
#qLoverlay{ background-image:url(../images/logo.png); background-position:center 20%; background-repeat:no-repeat}

.text{ line-height:1.2; width:643px; margin:5px 0 30px}
h1{ font-size:22px; font-weight:normal; margin:0 0 20px; border-bottom:1px dotted #141414; padding:0 0 6px}
h2{ font-size:26px; font-weight:normal; margin:0 0 7px; border-bottom:1px dotted #141414; padding:0 0 11px}

.news{ float:left; width:294px;}
.news-item{ margin:0 0 12px}
.news-item > a{ display:block}
time{ display:inline-block; color:#fff; background:#087ddf; padding:0 10px; font-size:12px; margin:0 0 7px}

.articles{ width: 320px;float: right;margin-right: 46px;}
.articles > a{ display:block}


/* Sidebar Left
-----------------------------------------------------------------------------*/
#sideLeft {
	float: left;
	width: 240px;
	margin-left: -100%;
	position: relative;
}
body.main #sideLeft{ display:none}
.sidebar-link{ background:url(../images/ico.png) no-repeat; display:block; padding:5px 0 0 60px; margin:0 0 20px 52px; height:45px}
.sidebar-link1{ background-position: -100px 0}
.sidebar-link2{ background-position: -50px -50px; padding:12px 0 0 60px; height:38px}
.sidebar-link3{ background-position: 0 -100px; padding:12px 0 0 60px; height:38px}
#sideLeft h3{ text-transform:uppercase; color:#385e46; font-size:20px; margin:0 !important; padding:19px 13px 7px 27px !important}
.sidebar-nav{ list-style-type:none; 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #27a4fc;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#27a4fc), to(#0a75ac));
background: -webkit-linear-gradient(#27a4fc, #0a75ac);
background: -moz-linear-gradient(#27a4fc, #0a75ac);
background: -ms-linear-gradient(#27a4fc, #0a75ac);
background: -o-linear-gradient(#27a4fc, #0a75ac);
background: linear-gradient(#27a4fc, #0a75ac);
-pie-background: linear-gradient(#27a4fc, #0a75ac);
behavior: url(/PIE.htc); position:relative; margin:0 0 0 19px}
.sidebar-nav li{ }
.sidebar-nav li a{ color:#FFF; text-decoration:none; padding:8px 10px; border-top:1px solid #5ab8f6; display:block; position:relative}
.sidebar-nav li:first-child a{ border:none; border-radius:5px 5px 0 0; behavior: url(/PIE.htc);}
.sidebar-nav li:last-child a{ border-radius:0 0 5px 5px; behavior: url(/PIE.htc);}
.sidebar-nav li a:hover, .sidebar-nav li.current a{ background:#1674ba; border-color:#479cb5; box-shadow:inset 0 0 10px #1870af; padding:11px 11px 11px 12px; left:-1px}
.sidebar-nav li a:hover:before, .sidebar-nav li.current a:before{ }


/* Footer
-----------------------------------------------------------------------------*/
#footer {
	width: 1000px;
	margin: -76px auto 0;
	height: 65px;
	padding:10px 0 0;
	border-top:1px dotted #141414;
	position: relative;
}
body.main #footer{ display:none}
.counters{ float:right}
.counters a{ 
	display:inline-block; 
	margin-left: 10px;
	vertical-align: top;
}
.counters a.premier{ 
	font-size: 12px;
	text-align: right;
	line-height: 15px;
}
.counters a.premier img{ 
	float:right; 
	margin-left: 10px;
}

/* Mail
-----------------------------------------------------------------------------*/
#mail2{
	display:none;
	position:absolute;
	z-index:9;
	height:100%;
	width:100%;
}
#mail{
	font: 16px/22px Tahoma, Geneva, sans-serif;
	display:none;
	width:180px;
	position:absolute;
	top: 330px;
	left:50%;
	margin-left:-450px;
	padding:20px;
	z-index:10;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #FFD751;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(FFD751), to(#FFC400));
	background: -webkit-linear-gradient(#FFD751, #FFC400);
	background: -moz-linear-gradient(#FFD751, #FFC400);
	background: -ms-linear-gradient(#FFD751, #FFC400);
	background: -o-linear-gradient(#FFD751, #FFC400);
	background: linear-gradient(#FFD751, #FFC400);
	-pie-background: linear-gradient(#FFD751, #FFC400);
	-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.5);
	behavior: url(/PIE.htc); 
}
#mail select,#mail button{
	width:183px;
}
#mail button{
	height:30px;
}
#mail input{
	width:179px;
}
#qwes{
	text-align:right;
}
#qwes td{
	vertical-align:middle;
}
#qwes table{
	width:100%;
}
#qwes input{
	width:60%;
}
#qwes textarea{
	width:96%;
	height:96%;
}
#qwes textarea,#qwes input{
	padding:2%;
}
#qwes button{
	padding:10px 20px;
}
.question .nameq{ 
	display:inline-block; 
	color:#fff; 
	background:#087ddf; 
	padding:5px 10px; 
	font-size:12px; 
	margin:0 7px 7px 0;
}
.answer,#content .short-new{
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom: 1px dotted #087ddf;
}
#content img.imgnew{
	width: 100px;
	vertical-align: middle;
	margin-right: 20px;
	float: left;
}
.left{
text-align:left;
}
#vk_groups{
margin: 19px 0 0 19px;
}
/* News
-----------------------------------------------------------------------------*/
#content img.short-new-img{
	width: 100px;
	float: left;
	margin: 0 10px 10px 0;
}
#content .short-new-title{
	margin-bottom: 10px;
	display: block;
}
#content .short-new-desc{
	margin-bottom: 10px;
}
#content .short-new-more{
	display: block;
	float: right;
	color:#fff; 
	background:#087ddf; 
	padding:5px 10px; 
	font-size:12px; 
	margin:0 7px 7px 0;
}
#content img.full-new-img{
	width: 250px;
	float: left;
	margin: 0 10px 10px 0;
}