/* (c) Михаил Чепов для binom.kaluga.ru, 2006. Все права защищены */

/************************[ общие параметры ]***************************/

body {
	margin: 0;
	padding: 0 0 20px 0;
	font: normal 80% arial, helvetica, sans-serif;
	background-color: #fff;
	min-width: 780px;
}

body p {
	margin-top: 0;
	margin-bottom: 20px;
	padding: 0;
	color: #000;
}

a { color: #066; }
a:visited { color: #066; }
a:hover { color: #f90; }

/**************************[ заголовки ]******************************/

h2, .head-2 {
	margin: 0 0 15px 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	letter-spacing: -0.025em;
	color: #066;
}

h3, .head-3 {
	font-family: arial, helvetica, sans-serif;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 1.5em;
	font-weight: normal;
	color: #000;
}

h4, .head-4 {
	font-family: arial, helvetica, sans-serif;
	margin: 20px 0 10px 0;
	padding: 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #555;
}

/************************[ стили header'а ]***************************/

#header {
	height: 105px;
	background: #076d6d url("/images/header-bg.gif") left top repeat-x;
}

#header h1, #header-box {
	margin: 0;
	padding: 0;
	height: 105px;
	background: url("/images/header-bg.jpg") right top no-repeat;
}

#header a img {
	margin: 0 0 0 50px;
	border: none;
}

/**************************[ стили меню ]*****************************/

#menu {
	margin: 0;
	padding: 0 40px;
	height: 35px;
	background: #066 url("/images/menu-bg.jpg") right top no-repeat;
}

#menu ul {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	height: 35px;
}

#menu li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 35px;
	line-height: 35px;
	text-transform: lowercase;
}

#menu li a {
	margin: 5px 1px 0 0;
	padding: 0 15px 0 15px;
	float: left;
	height: 30px;
	line-height: 30px;
	background: #338585;
	color: #fff;
	text-decoration: none;
}

#menu li a:hover {
	background: #66a3a3;
	color: #fff;
}

#menu li a.selected, #menu li a:hover.selected  {
	background: #fff;
	color: #777;
}

/************************[ layout ]****************************/

#layout {
	margin-top: 1px;
	background: url("/images/bg-left.gif") -2px top repeat-y;
	border-bottom: 10px solid #066;
}

/*
#wrapper {
	background: url("/images/bg-left.gif") -2px top repeat-y;
}

#outer {
	background: url("/images/bg-left.gif") -2px top repeat-y;
}
*/

#container {
	width: 100%;
	float: left;
	background: url("/images/bg-left.gif") -2px top repeat-y;
}

#content {
	background: url("/images/bg-left.gif") -2px top repeat-y;
}

#main {
	margin-left: 245px;
	padding: 25px 50px 20px 35px;
}

#left {
	width: 245px;
	float: left;
	background: #c6e2e2 url("/images/bg-left.gif") -2px top repeat-y;
	/*border-bottom: 1px solid red;
	border-right: 1px solid red;*/
}

#footer {
	position: relative;
	clear: both;
	text-align: left;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 15%;
	border-top: 20px solid #c6e2e2;
	background: #fff url("/images/footer-bg.jpg") right top no-repeat;
	color: #999;
}

#footer p {
	text-align: left;
	color: #999;
	background: url("/images/footer-logo.gif") left top no-repeat;
	padding: 42px 0 0 58px;
	line-height: 15px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 700px;
}

html>body #footer p {
	width: 700px;
}

#footer a {
	color: #999;
	text-decoration: none;
}

#footer a:hover {
	color: #f90;
	text-decoration: underline;
}

.clearing {
	height: 0;
	clear: both;
}

/*********************[ стили левой колонки ]*************************/

#nav {
	padding: 30px 40px 20px 40px;
	background: #fff url("/images/bg-nav.gif") left top repeat-x;
}

#nav h2, #nav .head-2 {
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 1.5em;
	font-weight: normal;
	color: #333;
}

#nav ul {
	margin: 0;
	padding: 0 0 20px 15px;
}

#nav ul li {
	margin: 0;
	padding: 0;
}

#leftcol {
	background: url("/images/bg-leftcol.jpg") left top no-repeat;
	padding: 60px 20px 40px 20px;
}

div.left-box {
	background: #d7ebeb url("/images/corner-lt.gif") left top no-repeat;
	margin-bottom: 30px;
	/*margin-top: 20px;*/
	border-bottom: 1px solid #c6e2e2;
}

div.left-box div {
	background: url("/images/corner-rt.gif") right top no-repeat;
}

div.left-box div div {
	background: url("/images/corner-lb.gif") left bottom no-repeat;
}

div.left-box div div div {
	background: url("/images/corner-rb.gif") right bottom no-repeat;
	padding: 22px;
}

div.left-box h2, div.left-info h2 {
	color: #000 !important;
	font-weight: normal !important;
	letter-spacing: 0;
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 1.5em;
}

div.left-box .header-2, div.left-info .header-2 {
	color: #000 !important;
	font-weight: normal !important;
	letter-spacing: 0;
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 1.5em;
}

div.left-box p, div.left-info p {
	margin: 0;
	padding: 0 0 10px 0;
}

div.left-info {
	padding: 0 10px 22px 22px;
}

p.price-xls {
	padding-left: 22px !important;
	background: url("/images/icon-xls.gif") left 2px no-repeat;
}

p.price-doc {
	padding: 0 0 3px 22px !important;
	background: url("/images/icon-doc.gif") left 2px no-repeat;
}

p.price-date {
	color: #555 !important;
}

.full-price { padding: 10px 20px; background-color: #f1f1f1; border-top: 1px solid #ccc; }
.full-price p { margin: 0; padding: 0; }

/*********************[ стили анонса ]*************************/

#announce {
	margin-left: 245px;
	background: #187979 url("/images/announce-bg.gif") left top repeat-x;
	padding: 30px 40px 30px 40px;
}

#announce div {
	height: 15em;
}

h2.a-title, p.a-title {
	color: #fff !important;
}

a.a-photo {
	float: left;
	border: 5px solid #fff;
}

a.a-photo:hover {
	border: 5px solid #f90;
}

a.a-photo img {
	border: 5px solid #066;
}

p.a-desc {
	margin-left: 140px;
	color: #fff;
	font-size: 1.2em;
	line-height: 1.5em;
}

p.a-desc a {
	text-decoration: none;
	color: #fff !important;
}

p.a-desc a:hover {
	color: #c6e2e2 !important;
}

/****************[ медтехника на главной ]********************/

div.tech-box {
	float: left;
	/*width: 45%;*/
	margin: 3px 20px 20px 0;
}

.tech-box h3 {
	margin: 0 0 0 160px;
	padding: 0 0 8px 0;
	font-size: 18px; font-weight: normal;
}

.tech-desc {
	margin: 0 0 0 160px;
	color: #777;
	padding: 0 10px 0 0;
}

a.tech-img {
	border: 5px solid #eee;
	padding: 5px;
	float: left;
}

a.tech-img:hover {
	border: 5px solid #f90;
}

a.tech-img img {
	border: none;
}

/*********************[ продукция в списке ]*************************/

div.product-box {
	margin-bottom: 15px;
	height: 140px;
	min-height: 140px;
}

html>body div.product-box {
	height: auto;
}

div.product-box a.photo {
	float: left;
	border: 5px solid #ccc;
}

div.product-box a:hover.photo {
	border: 5px solid #f90;
}

div.product-box a.photo img {
	float: left;
	border: none;
}

div.product-box h4, .prod-title {
	padding: 0;
	margin: 0 0 10px 140px;
	font-size: 1.5em;
	font-weight: normal;
}

div.product-box h4 a, div.product-box .prod-title a {
	text-decoration: none;
	color: #000 !important;
}

div.product-box h4 a:hover, div.product-box .prod-title a:hover {
	text-decoration: underline;
	color: #f90 !important;
}

div.product-box p {
	padding: 0;
	margin: 0 0 10px 140px;
	color: #777;
}

div.product-box p.details {
	margin-bottom: 20px;
}

.tech-params { padding: 10px 0; }

.tech-params table {
	border-collapse:collapse;
	border-color: #999;
	margin-bottom: 10px;
}
.tech-params td { padding: 5px 10px; border-color: #999; }
.alt { background-color: #f1f1f1; }

/*********************[ документ в списке ]*************************/

h4.doc-title {
	font-size: 1.5em;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 0 0 0 27px;
	background: url("/images/icon-document.gif") left 2px no-repeat;
}

h4.doc-title a {
	text-decoration: none;
	color: #000 !important;
}

h4.doc-title a:hover {
	text-decoration: underline;
	color: #f90 !important;
}

p.doc-desc {
	color: #777;
	margin-left: 27px;
}

p.comments-details {
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	font-size: 0.85em;
	border-bottom: 1px solid #ddd;
}

p.full-desc {
	padding: 10px 15px 10px 15px;
	background-color: #eee;
	border-left: 5px solid #9c9;
}

/*********************[ вопрос в списке ]*************************/

h4.faq-title {
	font-size: 1em;
	font-weight: normal;
	margin: 0 0 5px 0;
	padding: 0 0 0 22px;
	background: url("/images/icon-help.gif") left top no-repeat;
}

h4.faq-title a {
	/*text-decoration: none;
	color: #000 !important;*/
}

h4.faq-title a:hover {
	text-decoration: underline;
	color: #f90 !important;
}

p.faq-desc {
	color: #777;
	margin-left: 22px;
}

/*********************[ комментарий в списке ]*************************/

h4.comment-title {
	font-size: 1.5em;
	font-weight: normal;
	margin: 0 0 5px 0;
	padding: 0 0 0 27px;
	background: url("/images/icon-comment.gif") left top no-repeat;
}

h4.comment-title a {
	text-decoration: none;
	color: #000 !important;
}

h4.comment-title a:hover {
	text-decoration: underline;
	color: #f90 !important;
}

p.comment-details {
	padding: 0 0 5px 0;
	margin: 0 0 5px 27px;
	font-size: 0.85em;
	border-bottom: 1px solid #ddd;
}

p.comment-desc {
	color: #777;
	margin-left: 27px;
}

/************************[ файлы ]***********************************/

p.file-doc {
	padding: 10px 15px 10px 48px;
	background: #eee url("/images/icon-doc-full.gif") 17px 8px no-repeat;
	border-top: 1px solid #ccc;
}

p.file-xls {
	padding: 10px 15px 10px 48px;
	background: #eee url("/images/icon-xls-full.gif") 17px 8px no-repeat;
	border-top: 1px solid #ccc;
}

p.file-pdf {
	padding: 10px 15px 10px 48px;
	background: #eee url("/images/icon-pdf-full.gif") 17px 8px no-repeat;
	border-top: 1px solid #ccc;
}

p.file-rtf {
	padding: 10px 15px 10px 48px;
	background: #eee url("/images/icon-rtf-full.gif") 17px 8px no-repeat;
	border-top: 1px solid #ccc;
}

p.file-zip {
	padding: 10px 15px 10px 48px;
	background: #eee url("/images/icon-zip-full.gif") 17px 8px no-repeat;
	border-top: 1px solid #ccc;
}

/***********************[ стили поиска ]*************************/

form.search-form {
	border: 1px solid #ccc;
	padding: 0 !important;
	margin: 10px 0 10px 0;
	font-size: 0.85em;
}

form.search-form ul {
	margin-left: 20px;
	margin-bottom: 20px;
	padding-left: 10px;
}

form.search-form ul li {
	margin-left: 30px;
}

form.search-form h4 {
	font-size: 1.5em !important;
	margin-left: 20px !important;
}

form.search-form p {
	text-align: center;
	border-top: 1px solid #ccc;
	padding-top: 10px;
}

p.search-area {
	font-size: 1em;
	text-align: center;
	background-color: #eee;
	padding: 15px;
	margin: 0 !important;
	border: none !important;
}

p.search-title {
	margin-bottom: 10px;
	padding: 0;
}

p.search-desc {
	margin: 0 0 20px 20px;
}

span.search-dir {
	font-size: 0.85em;
	color: #999;
}

/***********************[ стили карты ]*************************/

ul.map-list {
	list-style: none;
	font-size: 1.5em;
}

ul.map-list ul {
	font-size: 0.7em !important;
}

ul.map-list li {
	margin-bottom: 10px;
}

ul.map-list li li {
	margin-bottom: 0;
}

ul.map-list ul ul {
	font-size: 0.9em !important;
}

/***********************[ стили модуля ссылок ]********************/

.bform label { display: block !important; padding: 3px 0; }
.bform input { border: 1px solid #ccc; padding: 3px; font-family: arial, sans-serif; padding: 3px; }
.bform .checkbox-list { list-style: none; margin-left: 10px; padding-left: 0; }
.note { padding: 10px 20px; background-color: #f1f1f1; border-top: 1px solid #ccc; color: #777; }
.type-submit { padding: 20px 0; }
.type-submit input { font-size: 1.2em; font-weight: bold; background-color: #ddd; text-shadow: #fff 1px 1px 0; }
.bform .red { font-size: 1.2em; }
.form-error-message { margin: 5px 0 10px 0; padding: 5px 10px; background-color: #fcc; color: #c30;
	border: 1px solid #f00; width: 600px; }
.flash-message { margin: 5px 0 10px 0; padding: 5px 10px; background-color: #f1f1f1; color: #f00;
	border: 1px solid #ccc; }
	
.links-table { border-top: 1px solid #ccc; border-left: 1px solid #ccc; width: 90%; }
.links-table td, .links-table th { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: 5px; }
.links-table th { font-size: 0.85em; color: #999; background-color: #f1f1f1; font-weight: normal; text-align: left; }
.links-table img { border: none; }

.site-buttons { margin: 0 0 5px 0; }
.site-buttons img { border: none; }

.site-links { margin: 0 0 10px 0; }
.site-links a { color: #066 !important; text-decoration: underline !important; }
.site-links a:hover { color: #f90 !important; }

/************************[ разное ]**********************************/

#auth {
	margin: 0 0 20px 0;
	padding: 5px 10px 5px 15px;
	background-color: #eee;
	border-left: 5px solid #f90;
	border-bottom: 1px solid #ccc;
}

#auth input.logout {
	font: normal 11px arial, sans-serif;
	border: 1px solid #999;
	color: #555 !important;
	margin-left: 5px;
}

p.notes {
	padding: 5px 10px 5px 10px;
	border: 1px solid #ccc;
	background-color: #eee;
	font-size: 11px;
	color: #777;
}

span.red {
	font-size: 12px;
	color: #f00;
}

input.submit {
	font: normal 11px arial, sans-serif;
	border: 1px solid #999;
	color: #555 !important;
	text-transform: lowercase;
}

p.alarm {
	padding: 15px 20px 15px 20px;
	border: 3px solid #f90;
	background-color: #eee;
}

p.admin {
	background-color: #eee;
	padding: 5px 5px 5px 10px;
}

p.admin a.edit {
	width: 100px;
	height: 20px;
	padding-left: 20px;
	background: url("/images/icon-edit.gif") left center no-repeat;
}

p.admin a.del {
	width: 100px;
	height: 20px;
	padding-left: 20px;
	background: url("/images/icon-del.gif") left center no-repeat;
	margin-left: 5px;
}

p.admin a.add {
	width: 100px;
	height: 20px;
	padding-left: 20px;
	background: url("/images/icon-add.gif") left center no-repeat;
	margin-left: 5px;
}

p.pages {
	/*padding: 3px 7px 3px 7px;*/
	margin-bottom: 20px;
	/*background-color: #eee;*/
	font-size: 1em;
	color: #777;
	/*border-left: 3px solid #9c9;*/
}

table.wire {
	width: auto;
	border: none;
	margin: 0 0 20px 0;
	padding: 0;
}

html>body table.wire {
	width: 95%;
}

table.wire tr td {
	width: 50%;
	margin: 0;
	padding: 0 10px 0 0;
}

p.code {
	background-color: #eee;
	font-family: monospace;
	padding: 10px 15px 10px 15px;
	color: #666;
	border: 1px solid #999;
	font-size: 1.2em;
}

table.table-data {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	font-size: 1em;
}

table.table-data td {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

table.table-data h2, table.table-data h3 {
	margin: 0 !important;
	padding: 0 !important;
}