* {margin:0; padding:0;}

html, body {color:#666; font-family: Arial, Helvetica, sans-serif; font-size:12px; text-align:center; background: #f0f7fd url(/i/bg/head.png) top repeat-x;}

#counter {display:none;}
a {color:#3B73B9; text-decoration:none; cursor:pointer;}
a:hover {text-decoration:underline;}
acronym {border-bottom: dotted 1px #666;}
ul ul {padding-top:10px;}
marquee {margin-bottom:4px; height:100px;}
img {border:none;}

.b {font-weight:bold;}
.n {font-weight:normal; font-style:normal;}
.i {font-style:italic;}
.u {text-decoration:underline;}
.t {text-transform:uppercase;}
.ls {letter-spacing:1px;}
hr {border: 0 none; display:block; color:#b8e0fa; background-color:#b8e0fa; width:90%; height:1px; font-size:0; text-align:center; margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:10px; /*border-width:0; */$margin:0;/*for all ie*/}

.f10 {font-size:10px;}
.f11 {font-size:11px;}
/*.f12 {font-size:12px;} по умолчанию*/
.f13 {font-size:13px;}
.f14 {font-size:14px;}
.f16 {font-size:16px;}
.f18 {font-size:18px;}
.f20 {font-size:20px;}

.source {font-style:italic; color:#666; text-align:right;}
.bf, .gf, .rf {font-weight:bold;}
.bf {color:#39c;}
.gf {color: #390;}
.rf {color:#c30;}
#sh, #sh1, #sh2, #sh3 {display:none;}
.black {color:#333;}
.blue {color:#3B73B9;}
.grey {color:#666;}
.red {color:#c00;}
.signature {margin-top:10px; margin-bottom:5px; line-height:120%; text-align:right; font-style:italic;}

.pdf-link, .doc-link {vertical-align:top; padding: 0 5px 10px 19px; text-decoration:none;}
.pdf-link {background: url(/i/ico/pdf.gif) top left no-repeat;}
.doc-link {background: url(/i/ico/doc.gif) top left no-repeat;}

.alt {position:absolute; width:180px; margin:50px 0 0 -150px; padding:5px; background:#fff; border: solid 1px #CCC; display:none;}
/*.blockquote {padding-left:30px; background: url(images/open-quote.gif) no-repeat left 5px; font-style:italic;}
.blockquote span {padding-right:30px; background: url(images/close-quote.gif) no-repeat right bottom; display:block;}*/

*.leftquote, *.rightquote {width:200px; margin: 10px 20px; padding:10px; text-align:center; font: italic normal 12px/22px Arial, Helvetica, sans-serif; border-top: #01bb8e 2px solid;  border-bottom: #01bb8e 2px solid;}
*.leftquote {float:left;}
*.rightquote {float:right;}

/* IMG CENTR TEXT */
.outer {position:relative;}
.middle {display:table-cell; vertical-align:middle;}

.full {float:left; width:100%; margin-bottom:10px;}

#main {width:955px; height:100%; text-align:left; margin:auto;}

/* HEADER */
#header {width:100%; height:96px; /*background: url(/i/head.png) no-repeat top;*/}

/* MENUTOP */
#menutop {width:100%; height:32px;}
#menutop a {color:#439BE3; text-decoration:underline;}
#menutop a:hover {text-decoration:none;}
#menutop span {color:#439BE3;}

/* NAV */
#nav {position:relative; z-index:5; width:100%; height:56px; margin: 0 0 15px 0; list-style:none; background: /*#017F60*/ url(/i/bg/menu.gif) repeat-x left top;}
#nav-news, #nav-pharm, #nav-services, #nav-discount, #nav-spec, #nav-coop {float:left; width:auto;}
#nav li {float:left; font-size:12px; line-height:155%; text-align:center;}
.sp {float:left; width:3px; height:51px; background: #fff url(/i/bg/sp.gif) no-repeat left bottom;} 
#nav a {width:auto; padding-top:9px; padding-bottom:8px; color:#fff; display:block; text-decoration:none; letter-spacing:1px; font-family: Tahoma, Geneva, sans-serif; font-weight:bold; text-transform:uppercase;}
#nav a:hover {color:#cff;}

#nav-news a {margin-left:25px; margin-right:25px;}
#nav-pharm a {margin-left:25px; margin-right:25px;}
#nav-services a {margin-left:24px; margin-right:24px;}
#nav-discount a {margin-left:24px; margin-right:24px;}
#nav-spec a {margin-left:25px; margin-right:25px;}
#nav-coop a {margin-left:25px; margin-right:25px;}

#sub1, #sub2, #sub3, #sub4 {display:block;}

body#news #nav-news a, 
body#services #nav-services a, 
body#pharm #nav-pharm a,
body#services #nav-services a,
body#discount #nav-discount a,
body#spec #nav-spec a,
body#coop #nav-coop a {color:#cff; cursor:default;}

/* MENU */
#menu_v {width:auto; display:block; color:#fff; background: #01BB8E url(/i/bg/menu_v.gif) repeat-y; list-style:none;}
#menu_v li {padding: 0 15px 10px 15px; color:#fff; font-weight:bold; clear:both;}
#menu_v a {color:#fff;}
#menu_v a:hover {color:#cff; text-decoration:underline;}
#menu_v p {text-align:center; color:#cff; font-weight:bold; font-size:13px; padding-bottom:15px;}
ul.submenu {float:left; margin:0 0 0 7px; padding: 0 0 10px 0; list-style:none;}
.submenu li {font-weight:normal; background: url(/i/ico/2.gif) left top no-repeat; padding: 0 0 5px 12px; /*cursor:pointer;*/ clear:both;}

/*#nav a {width:auto; padding-top:9px; padding-bottom:8px; color:#fff; display:block; text-decoration:none; letter-spacing:1px; font-family: Tahoma, Geneva, sans-serif; font-weight:bold; text-transform:uppercase;}
#nav a:hover {color:#cff;}*/


/* CONTENT */
#content {float:left; width:955px; margin-bottom:15px;}
#cont-left {float:left; width:200px; height:auto;}

.title {width:auto; margin-bottom:4px; margin-left:auto; margin-right:auto; padding: 6px 0; font: bold 12px Arial, Helvetica, sans-serif; color:#fff; background: #F0F7FD url(/i/bg/title.gif) no-repeat; text-transform:uppercase; text-align:center; clear:both;}
.title a {color:fff;}
.title a:hover {color:#cff;}

/* NEWS */
.NewsContent {margin-bottom:10px;}

/* CALENDAR */ 
table.bCalendartable {float:left; width:100%; border: #ccc 1px solid; border-collapse:separate; margin-bottom:4px;}
.bCalendartable a {color:#333; cursor:pointer;}
.bCalendartable a:hover {text-decoration:none;}

table.bCalendartable td {width:25px; height:23px;}
table.bCalendartable td img {border:0;}

table.bCalendartable caption {border:#ccc 1px solid; border-bottom: #ccc 0px solid; background-color:#DCDCDC; color:#c00; font-size:13px; font-weight:bold; padding: 5px 0;}
tr.bCalendarRow {text-align:center;}
th.bCalendarHeaderCell, th.bCalendarHeaderRed {color:#666; font-size:10px; padding:4px; border-bottom: #ccc 1px solid;}
th.bCalendarHeaderRed {color:#c30;}

table.bCalendartable tfoot td {border-top: #ccc 1px solid; background-color: #DCDCDC; font-size:15px; color:#999;}
td#prev, td#next {white-space:nowrap;}
table.bCalendartable td#prev {text-align:left;}
table.bCalendartable td#next {text-align:right;}

#cont-cent {float:left; width:543px; margin-left:6px; background: #fff url(/i/bg/cont.gif) repeat-y;}
#cont-cent p {padding: 5px 20px;}
.indent {text-indent:20px;}

#cont-cent h1, h2, h3, h4 {padding: 10px 20px; font-weight:bolder;}
#cont-cent h1 {font-size:22px; color:#83BDED; background: #F0F7FD url(/i/bg/h1.gif) top no-repeat;}
.h1 {height:16px; background: #F0F7FD url(/i/bg/h1.gif) bottom;}
#cont-cent h2 {font-size:16px; color:#439BE3;}
#cont-cent h3 {font-size:14px; color:#09487D;}
#cont-cent h4 {font-size:12px; color:#09487D;}
#cont-cent ul, #cont-cent ol {padding: 5px 20px 0 50px; line-height:16px;}
ul.compact li {line-height:10px;}
#cont-cent li {padding: 0 0 5px 0;}
/*#cont-cent li {padding-left:15px;}*/ /* отступ от маркера */
#content fieldset {margin: 0 20px;}

#cont-cent dt {padding: 0 20px; font-weight:bold;}
#cont-cent dd {padding: 0 20px 0 40px; text-align:justify;}

table {table-layout:fixed;} /* отображение таблицы еще до того, как будет получена вся информация о ней # Затем явно определить объекты col для каждого столбца. # И установить для каждого элемента col атрибут width. */
/*table, table td {border: 1px solid blue;  border-collapse:collapse;}*/ /* отображение всех рамок таблицы */
#cont-cent table {width:auto; margin: 10px 20px;}
table#price, table#price th, table#price td {padding:2px; border: solid 1px #666; border-collapse:collapse;}
.row {background:#fffaca;} /* черезстрочный фон в таблице */
.hover {background-color:#E4F6E5;}/* OnMouseOver работает в IE6+ */
table#price tr:hover {background-color:#E4F6E5;} /* стандарт CSS2, OnMouseOver работает в NN6/Mozilla */
#price tr {scrollbar-face-color: expression(runtimeStyle.scrollbarFaceColor = '#000', onmouseover = function() {this.className += ' hover'}, onmouseout = function() {this.className = this.className.replace(/ hover/g, '')});}

#cont-cent caption {padding:10px 0; font-weight:bold;}
#cont-cent th {text-align:center;}
/*#cont-cent td {vertical-align:top;}
.grayrow {background-color:#E4E4E4;}*/

#cont-cent .img-left {float:left;  margin: 0px 15px 5px 0;}
#cont-cent .img-right {float:right;  margin: 0px 0 5px 15px;}

#cont-right {float:right; width:200px; height:auto; margin: 0 0 20px 0;}

/* FORM ORDER */
#regions, #mailform {width:auto; height:auto; display:block; text-align:left; color:#333; /*background-color:#DCDCDC;*/}
#mailform {/*background: #ccc url(/i/bg/200_grey.gif) repeat-y;*/}
#regions {border-left: solid 2px #999; border-right: solid 2px #999;}
#regions h2, #mailform h2 {padding: 15px 0 5px 0; color:#666; font: bolder Arial, Helvetica, sans-serif; text-align:center;}
#regions h3 {color:#666; margin:0; padding: 10px 0 0 20px;}
#mailform h4 {padding: 10px 0px; color:#666; font: bolder 20px Arial, Helvetica, sans-serif; text-align:center; background: #F0F7FD url(/i/bg/h4_grey.gif) top no-repeat;}
#mailform .h4 {height:16px; background: #F0F7FD url(/i/bg/h4_grey.gif) bottom;}
#mailform input, #mailform textarea {margin: 0 0 3px 0; /*padding-left:8px;*/ padding:0; border: solid 1px #999;}
#mailform p {margin: 0 0 3px 0; padding-left:8px;}
.submit {padding: 0 10px; background-color:#fff; border: solid 1px #999; color:#333; cursor:pointer;}
#sub {color: #999;}

#nova {width:auto; height:auto; display:block; text-align:left; color:#333; background: #ccc url(/i/bg/200_yellow.gif) repeat-y; margin-bottom:5px;}
#nova h4 {padding: 10px 0px; color:#000; font: bold 12px Arial, Helvetica, sans-serif; text-align:center; background: #F0F7FD url(/i/bg/h4_yellow.gif) top no-repeat; text-transform:uppercase;}
#nova p {margin: 5px 10px;}
#nova .h4 {height:16px; background: #F0F7FD url(/i/bg/h4_yellow.gif) bottom;}
#nova hr {background: none; border-bottom: #999 dashed 1px;}


/* FOOTER */
#footer {float:left; width:100%; color:#909090; border-top: solid 2px #01bb8e; font-size:12px; clear:both;}
#footer a {color:#469de2; text-decoration:underline;}
#footer a:hover {text-decoration:none;}
#footer img {border:none;}
.space {padding: 0 5px;}

#address {float:left; width:77%;}
#address p {padding: 13px 15px;}

#copyrights {float:right; width:200px;}
#copyrights p {width:200px;  padding: 10px 0; text-align:center;}
#copyrights img {padding-top:10px;}


/* border-collpase:collapse; border:none; // что бы у картинок не было отступа снизу или удалить из HTML-кода все пробелы, отступы и переносы строк */

/*
017F60 (болотный цвет)
заменить на 
009774 (берюзово темный)
01bb8e (берюзово светлый)
366 (темные линии в 1px;)
*/

/*
 border: solid 1px #000;
*/