/**
 * Нижегородская медицинская компания | Doctype (XHTML 1.0 Strict) | Charset (Windows-1251)
 *
 * @file - style.css
 * @version	- 1.0
 * @author	- EnterScroll.com
 *
 */

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, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, 
tfoot, thead, tr, th, td {
	background-position:0 0;
	background-repeat:no-repeat;
	border:0 none;
	font-size:100%;
	margin:0;
	padding:0;
	text-align:left;
	cursor:default;
}
a img, :link img, :visited img {
	border:0 none;
	cursor:pointer;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
table,
td {
	border:1px solid #ccc
}
ol, ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

/* ~~~~~~~~~~ Базовые стили ~~~~~~~~~~ */

html, body {width:100%;height:100%}

body {
	background:#fff url(../images/bar/body.jpg) repeat-x 0 0;
	font: 12px Tahoma, Verdana, sans-sarif;
	line-height:1.4em;
	color:#504a4e;
	text-align:center
}
a {cursor:pointer;color:#009ee8}
a:hover {text-decoration:none}

h1,h2,h3,h4,h5 {
	font-weight:bold;
	line-height:normal
}

h1 {font-size:20px}
h2 {font-size:17px}
h3 {font-size:14px}
h4 {font-size:12px}
h5 {font-size:11px}

/* ~~~~~~~~~~ Помошники ~~~~~~~~~~ */

.clear {clear:both}

.td_n {text-decoration:none}
.td_u {text-decoration:underline}
.va_m {vertical-align:middle}

.h {
	color:#222;
	text-transform:uppercase;
	margin:0 0 10px 0 
}

/* colors */

.cBlue {color:#009ee8 !important}

.full-link {text-align:right}
.full-link a {
	color:#000;
}

/* ~~~~~~~~~~ Блоки ~~~~~~~~~~ */

.block {
	padding:5px;
	position:relative;
	z-index:1
}
.block .tl,.block .tr,
.block .bl,.block .br {
	width:5px;
	height:5px;
	overflow:hidden;
	display:block;
	position:absolute;
}
.block .tl i,.block .tr i,
.block .bl i,.block .br i {
	width:10px;
	height:10px;
	display:block;
	overflow:hidden;
	position:absolute;
	z-index:2;
	background:url(../images/bar/block.gif) no-repeat 0 0;
}
.block .tl {top:0;left:0}
.block .tr {top:0;right:0}
.block .bl {bottom:-1px;left:0}
.block .br {bottom:-1px;right:0}
.block .tl i {top:0;left:0}
.block .tr i {top:0;left:-5px}
.block .bl i {top:-5px;left:0}
.block .br i {top:-5px;left:-5px}

/**/

.sm {
	position:absolute;
	background-repeat: no-repeat;
	background-position:0 0;
	text-decoration:none;
	text-align:center;
	display:block;
	padding:12px 0;
	font-size:11px
}
.sm b {
	font-weight:normal;
	text-shadow:0 0 0.1em #333;
	color:#fff;
	text-transform:uppercase;
	background:url(../images/ico/arr_y.gif) no-repeat center right;
	padding:0 15px 0 0
}
.sm:hover b {
	color:#eee
}

#sm1 {background-image:url(../images/menu/sm1.png);width:141px;height:17px;top:284px;left:70px;}
#sm2 {background-image:url(../images/menu/sm2.png);width:147px;height:32px;top:185px;left:289px;}

#sm3 {background-image:url(../images/menu/sm3.png);width:107px;height:32px;top:231px;right:250px;}
#sm4 {background-image:url(../images/menu/sm4.png);width:138px;height:32px;top:300px;right:0;}
#sm5 {background-image:url(../images/menu/sm5.png);width:93px;height:32px;top:430px;left:130px;}
#sm6 {background-image:url(../images/menu/sm6.png);width:144px;height:30px;top:360px;left:380px;padding:25px 0 0 0}
#sm7 {background-image:url(../images/menu/sm7.png);width:170px;height:17px;top:420px;right:220px}
#sm8 {background-image:url(../images/menu/sm3.png);width:107px;height:32px;top:490px;left:350px;}

/* ~~~~~~~~~~ Основные стили ~~~~~~~~~~ */

#wrapper {
	background:url(../images/bg.jpg) no-repeat center 0;
	min-width:1000px;
	height:855px;
	z-index:1
}
#main {
	position:relative;
	width:1000px;
	margin:0 auto;
}
#logo {
	background:url(../images/logo.png) no-repeat 0 0;
	position:absolute;
	display:block;
	width:305px;
	height:63px;
	left:50px;
	top:50px
}

#tel {
	background:url(../images/tel.png) no-repeat 0 0;
	position:absolute;
	right:30px;
	top:50px;
	width:150px;
	height:20px;
	text-transform:uppercase;
	padding:30px 0 0 105px;
	font-size:11px;
}

#sidebar {
	background:url(../images/bar/bgf.png);
	width:200px;
	position:absolute;
	top:150px;
	left:50px;
	z-index:2;
}

.category {
	text-transform:uppercase;
	width:160px;
	padding:4px 20px;
	position:relative;
	z-index:10;
}
.category li {padding:5px 0}
.category a {
	text-decoration:none;
	position:relative;
	z-index:10;
	display:block;
}
.category a:hover,
.category .active a {
	background:url(../images/ico/arr_y_r.gif) no-repeat center right;
	color:#000
}

.short {
	margin :0 0 15px 0
}
.short .date {color:#000;font-size:10px}
.short .title a {text-decoration:underline}

.short-faq {
	margin:10px 0
}

.short-faq .title a {color:#555}

/* ~~~~~~~~~~ Контент ~~~~~~~~~~ */

#content {
	width:590px;
	background:#f5f5f5 url(../images/bar/about.jpg) no-repeat bottom right;
	position:absolute;
	top:150px;
	right:70px;
	padding:35px 30px 35px 30px;
	line-height:1.7em;
	color:#514a4f;
	border-bottom:1px solid #afaeae;
	z-index:10;
}

.content {
	height:580px;
	overflow-y:scroll;
	padding:0 25px 0 0
}
.content img {padding:0 8px 0 0}
.content th {font-weight:bold;color:#555}
.content th,
.content td {
	padding:5px
}

/* ~~~~~~~~~~ Страницы ~~~~~~~~~~ */

.index {
	height:180px !important;
	top:550px !important;
}
.index p.ct {width:520px}

/* ~~~~~~~~~~ Подвал ~~~~~~~~~~ */

#footer {
	position:relative;
	z-index:1;
	width:1000px;
	margin:0 auto;
	height:100px;
	padding:40px 0 0 0 
}
#footer .copy {float:left}
#footer .footer_menu {position:absolute;right:0;top:40px;width:700px}
#footer li {display:inline;color:#b7b3b6;padding:0 3px}
#footer p {margin:0 0 5px 0}
#footer a {color:#b7b3b6}
